@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(../fonts/roboto-condensed-v16-latin-700.woff2) format("woff2"), url(../fonts/roboto-condensed-v16-latin-700.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(../fonts/roboto-v18-latin-300.woff2) format("woff2"), url(../fonts/roboto-v18-latin-300.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(../fonts/roboto-v18-latin-regular.woff2) format("woff2"), url(../fonts/roboto-v18-latin-regular.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(../fonts/roboto-v18-latin-500.woff2) format("woff2"), url(../fonts/roboto-v18-latin-500.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/roboto-v18-latin-700.woff2) format("woff2"), url(../fonts/roboto-v18-latin-700.woff) format("woff")
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-padding-top: 4rem;
}

body {
    margin: 0
}

figure, footer, section {
    display: block
}

a {
    background-color: transparent
}

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

strong {
    font-weight: 700
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

small {
    font-size: 80%
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

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

select {
    text-transform: none
}

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

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

input {
    line-height: normal
}

textarea {
    overflow: auto
}

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

td, th {
    padding: 0
}

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

html {
    font-size: 100%;
    box-sizing: border-box
}

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

body {
    padding: 0;
    margin: 0;
    font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background: #fefefe;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}

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

select {
    width: 100%;
    border-radius: 0
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.row {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}

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

.row:after {
    clear: both
}

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

.row .row {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media screen and (min-width: 40em) {
    .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

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

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

@media screen and (min-width: 40em) {
    .column, .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right
}

.end.columns:last-child:last-child {
    float: left
}

.column.row.row {
    float: none
}

.small-3 {
    width: 25%
}

.small-9 {
    width: 75%
}

.small-up-1 > .column {
    width: 100%;
    float: left
}

.small-up-1 > .column:nth-of-type(1n) {
    clear: none
}

.small-up-1 > .column:nth-of-type(1n+1) {
    clear: both
}

.small-up-1 > .column:last-child {
    float: left
}

.small-up-2 > .column {
    width: 50%;
    float: left
}

.small-up-2 > .column:nth-of-type(1n) {
    clear: none
}

.small-up-2 > .column:nth-of-type(2n+1) {
    clear: both
}

.small-up-2 > .column:last-child {
    float: left
}

.small-up-4 > .column {
    width: 25%;
    float: left
}

.small-up-4 > .column:nth-of-type(1n) {
    clear: none
}

.small-up-4 > .column:nth-of-type(4n+1) {
    clear: both
}

.small-up-4 > .column:last-child {
    float: left
}

.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both
}

@media screen and (min-width: 40em) {
    .medium-4 {
        width: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-up-3 > .column {
        width: 33.33333%;
        float: left
    }

    .medium-up-3 > .column:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3 > .column:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3 > .column:last-child {
        float: left
    }

    .medium-up-4 > .column {
        width: 25%;
        float: left
    }

    .medium-up-4 > .column:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4 > .column:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4 > .column:last-child {
        float: left
    }

    .medium-up-8 > .column {
        width: 12.5%;
        float: left
    }

    .medium-up-8 > .column:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8 > .column:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8 > .column:last-child {
        float: left
    }
}

@media screen and (min-width: 64em) {
    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-12 {
        width: 100%
    }

    .large-up-2 > .column {
        width: 50%;
        float: left
    }

    .large-up-2 > .column:nth-of-type(1n) {
        clear: none
    }

    .large-up-2 > .column:nth-of-type(2n+1) {
        clear: both
    }

    .large-up-2 > .column:last-child {
        float: left
    }

    .large-up-3 > .column {
        width: 33.33333%;
        float: left
    }

    .large-up-3 > .column:nth-of-type(1n) {
        clear: none
    }

    .large-up-3 > .column:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3 > .column:last-child {
        float: left
    }

    .large-up-4 > .column {
        width: 25%;
        float: left
    }

    .large-up-4 > .column:nth-of-type(1n) {
        clear: none
    }

    .large-up-4 > .column:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4 > .column:last-child {
        float: left
    }
}

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

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

em {
    font-style: italic
}

em, strong {
    line-height: inherit
}

strong {
    font-weight: 700
}

small {
    font-size: 80%;
    line-height: inherit
}

h1, h2, h3, h4 {
    font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.4
}

h1 {
    font-size: 1.5rem
}

h2 {
    font-size: 1.25rem
}

h3 {
    font-size: 1.1875rem
}

h4 {
    font-size: 1.125rem
}

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

    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 1.9375rem
    }

    h4 {
        font-size: 1.5625rem
    }
}

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

a:focus, a:hover {
    color: #78ae3a
}

a img {
    border: 0
}

hr {
    max-width: 75rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both
}

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

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ul, ul ul {
    margin-left: 1.25rem
}

ul ul {
    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;
    line-height: 1.6;
    color: #8a8a8a
}

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

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

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

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

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

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

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

    a[href^='#']:after {
        content: ''
    }

    blockquote {
        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
    }
}

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

.button:focus, .button:hover {
    background-color: #77ac39;
    color: #fefefe
}

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

.button.secondary {
    background-color: #607d8b;
    color: #fefefe
}

.button.secondary:focus, .button.secondary:hover {
    background-color: #4d646f;
    color: #fefefe
}

.button.success {
    background-color: #8bc34a;
    color: #fefefe
}

.button.success:focus, .button.success:hover {
    background-color: #70a236;
    color: #fefefe
}

[type=email], [type=tel], [type=text], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
    border-radius: 0;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none
}

[type=email]:focus, [type=tel]:focus, [type=text]:focus, textarea:focus {
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    outline: none;
    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::-moz-placeholder, textarea::-moz-placeholder {
    color: #cacaca
}

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

input::placeholder, textarea::placeholder {
    color: #cacaca
}

input:disabled, textarea:disabled {
    background-color: #e6e6e6;
    cursor: default
}

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

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

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

select {
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fefefe;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    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-size: 9px 6px;
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
    padding-right: 1.5rem
}

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

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

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

.is-invalid-input:not(:focus) {
    background-color: rgba(255, 87, 34, .1);
    border-color: #ff5722
}

.is-invalid-label {
    color: #ff5722
}

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

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

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

.callout.secondary {
    background-color: #e7ecee
}

.callout.success {
    background-color: #eef6e4
}

.callout.warning {
    background-color: #fff6da
}

.menu {
    margin: 0;
    list-style-type: none
}

.menu > li {
    display: table-cell;
    vertical-align: middle
}

.menu > li > a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}

.menu a {
    margin-bottom: 0
}

.menu > li > a svg {
    vertical-align: middle;
    margin-right: .25rem;
    display: inline-block
}

.menu > li {
    display: table-cell
}

.menu.vertical > li {
    display: block
}

@media screen and (min-width: 40em) {
    .menu.medium-horizontal > li {
        display: table-cell
    }
}

@media screen and (min-width: 64em) {
    .menu.large-horizontal > li {
        display: table-cell
    }
}

.menu .active > a {
    color: #8bc34a;
    background: transparent
}

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

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

.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;
    cursor: pointer;
    width: 20px;
    height: 16px
}

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

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

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

.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;
    margin-top: -2px
}

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

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

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

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

.is-dropdown-submenu .is-dropdown-submenu-parent > a:after {
    right: 14px;
    margin-top: -3px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #8bc34a transparent transparent;
    border-right-style: solid;
    border-left-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #8bc34a;
    border-left-style: solid;
    border-right-width: 0
}

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

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

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

.media-object {
    margin-bottom: 1rem;
    display: block
}

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

.media-object-section {
    display: table-cell;
    vertical-align: top
}

.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
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

tbody, thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

thead {
    background: #f8f8f8;
    color: #0a0a0a
}

thead tr {
    background: transparent
}

thead th {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

tbody tr:nth-child(even) {
    background-color: #f1f1f1
}

tbody td {
    padding: .5rem .625rem .625rem
}

.top-bar {
    padding: .5rem
}

.top-bar:after, .top-bar:before {
    content: ' ';
    display: table
}

.top-bar:after {
    clear: both
}

.top-bar, .top-bar ul {
    background-color: #fefefe
}

.top-bar .top-bar-left, .top-bar .top-bar-right {
    width: 100%
}

@media screen and (min-width: 40em) {
    .top-bar .top-bar-left, .top-bar .top-bar-right {
        width: auto
    }
}

.top-bar-title {
    float: left;
    margin-right: 1rem
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important
    }
}

h1, h2 {
    font-family: Roboto Condensed, sans-serif;
    font-weight: 700
}

.wrapper--background {
    background: #37474f;
    color: #fff;
    padding: 30px 0;
    position: relative;
}

.wrapper--background > .row {
    position: relative;
}

.wrapper--background .lead {
    font-family: Roboto, sans-serif
}

@media screen and (min-width: 40em) {
    .wrapper--background {
        padding: 100px 0;
    }
}

@media screen and (min-width: 64em) {
    .wrapper--background:before {
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        width: 40%;
        height: 100%;
        background: url(../img/keyvisual.png) center left/cover no-repeat #37474f;
    }

    .wrapper--background-gradient:before {
        background: linear-gradient(rgba(55,71,79,.95), rgba(55,71,79,.95)), url(../img/keyvisual.png) center left/cover no-repeat #37474f;
    }
}



.wrapper {
    padding: 20px 0
}

@media screen and (min-width: 40em) {
    .wrapper {
        padding: 50px 0
    }
}

.wrapper--light {
    padding: 20px 0;
    background: #eceff1
}

@media screen and (min-width: 40em) {
    .wrapper--light {
        padding: 50px 0
    }
}

.wrapper--quote img {
    margin-top: -60px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.wrapper--quote .callout {
    padding-top: 0;
    margin-top: 60px;
    background-color: #eceff1
}

.wrapper--quote em {
    font-family: Roboto, sans-serif;
    font-weight: 300
}

footer {
    background: #37474f;
    color: #fff
}

footer .menu a {
    padding-left: 0
}

.dl--horizontal dt {
    float: left;
    width: 60px;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 3px;
    font-weight: 400
}

.dl--horizontal dd {
    margin-left: 80px;
    margin-bottom: 3px
}

.dl--horizontal.wide {
    -moz-column-count: 2;
    column-count: 2
}

.dl--horizontal.wide dt {
    width: 85px
}

.dl--horizontal.wide dd {
    margin-left: 105px
}

.top-bar a {
    color: rgba(0, 0, 0, .6);
    display: inline-block
}

.top-bar a:hover {
    color: #8bc34a
}

.top-bar-title {
    margin-top: 1px
}

.headline--section {
    color: #8a8a8a;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .3em;
    margin-bottom: 1em
}

.callout h3, .news--list h3 {
    font-size: 21px;
    font-weight: 500
}

.news--list li {
    margin-bottom: 1.5em
}

.callout {
    margin-bottom: 2em
}

.callout, .callout.secondary {
    border-color: transparent
}

a.callout {
    display: block;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1)
}

a.callout:active p, a.callout:focus p, a.callout:hover p {
    color: #0a0a0a
}

a.callout:active p.subheader, a.callout:focus p.subheader, a.callout:hover p.subheader {
    color: #8a8a8a
}

@media screen and (min-width: 64em) {
    .callout.triangle--left {
        position: relative;
        top: -15px
    }

    .callout.triangle--left:after {
        position: absolute;
        content: "";
        left: -17px;
        top: 20px;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 17.3px 10px 0;
        border-color: transparent #eef6e4 transparent transparent
    }
}

footer a {
    color: #fff
}

@media screen and (min-width: 40em) {
    .border-right {
        border-right: 1px solid #ddd
    }
}

.lnr {
    display: inline-block;
    fill: currentColor;
    width: 1em;
    height: 1em;
    vertical-align: -.05em;
    color: #607d8b;
    font-size: 20px
}

.lnr.large {
    font-size: 60px
}

.lnr.medium {
    font-size: 40px
}

@media screen and (min-width: 64em) {
    .large-negative {
        margin-top: -234px;
        position: relative
    }
}

figure {
    margin: 0
}

table td, table th {
    vertical-align: top;
    text-align: left;
    padding: .5rem .625rem .625rem
}

.form-website {
    display: none
}

.flex {
    display: flex;
    gap: calc(2*.9375rem);
}

.margin-bottom-md {
    margin-bottom: 0.5rem;
}

.margin-bottom-lg {
    margin-bottom: calc(2*.9375rem);
}

.label {
    display: inline-block;
    padding: 0.33333rem 0.5rem;
    border-radius: 3px;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background-color: #8bc34a;
    color: #fefefe
}

.label.secondary {
    background: #eceff1;
    color: #0a0a0a;
}

.nowrap {
    white-space: nowrap;
}

.list--organization li {
    width: 120px;
    background: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex--eworld {
    flex-wrap: wrap;
    gap: calc(2 * .625rem);
    &>li {
        display: flex;
        flex: 0 1 100%;
        @media screen and (min-width: 40em) {
            flex: 0 1 calc(50% - .625rem);
        }
        @media screen and (min-width: 64em) {
            flex: 0 1 calc(33.33% - (2 * 2 * .625rem / 3));
        }
        gap: .625rem;
        box-sizing: border-box;
        background: #f1f1f1;
        padding: 0.9375rem;
        justify-content: space-between;

        &:first-child {
            flex: 0 1 100%;
        }
    }
    img {
        height: 80px;
    }
}

.logo-wrapper {
    width: 80px;
    height: 80px;
    background: #fff;
    flex-shrink: 0;
    padding: 0 10px;
}

@media screen and (min-width: 64em) {
    .callout--negative {
        margin-top: calc(-5*1.25rem);
    }
}