@import url('KCCTfonts.css');
@-ms-viewport {
    width: device-width
}

html {
    -ms-overflow-style: scrollbar;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    width: 100%
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select {
    background: transparent;
    border: 0;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    margin: 0 auto 0;
    padding: 0;
    vertical-align: baseline
}

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

body {
    line-height: 1;
    -ms-overflow-style: scrollbar
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

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

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

[tabindex="-1"]:focus {
    outline: none !important
}

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

a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea {
    touch-action: manipulation
}

fieldset {
    min-width: 0
}

.dribbble {
    color: #EA4C89
}

.facebook {
    color: #3B5999
}

.flickr {
    color: #FF0084
}

.googleplus {
    color: #DD4B39
}

.instagram {
    color: #8A3AB9
}

.linkedin {
    color: #0077B5
}

.pinterest {
    color: #BD081C
}

.snapchat {
    color: #FFFC00
}

.soundcloud {
    color: #f30
}

.tumblr {
    color: #34465D
}

.twitter {
    color: #55ACEE
}

.vimeo {
    color: #1AB7EA
}

.whatsapp {
    color: #25D366
}

.youtube {
    color: #CD201F
}

[data-tooltip]:before, [data-tooltip]:after, .btn, .button, button, [type="button"], [type="reset"], [type="submit"], .pagination_element.prev, .pagination_element.next, .btn-secondary, .button-secondary, input, textarea, select, .donate-amount, figcaption a, p a, .text-hover, .sidebar-nav-item .subnav_element, .content a, .comments-area .comment-content a, .metadata-link, .metalabel a, .comments-area .comment-meta a, .comments-area .comment .reply a, .item-link, .item-header-title a, .content a img img, .comments-area .comment-content a img img, .feat-feed-img img, .item-image img, .card-image img, .header-nav-list .nav-item-link:after, .nav-item.donate a, .nav-item.donate:after, .nav-item-link, .footer-nav-item.social .nav-item-link, .rnav-item-link, .sidebar-meta-block-tag, .search-button, .intro-play, .feat-info, .local-task-list-block, .metatag-link, .pagination a, .breadcrumbs-list-link, .card-header-title a, .components .pullquote-share-element, .donate-panel-type li a:hover, .donate-panel-amount li span img, .donate-panel-amount li span:hover, .donate-panel-amount li.active span {
    -webkit-transition-property: background,border,box-shadow,color,opacity,transform,background,height,padding,top,right,bottom,right;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-property: background,border,box-shadow,color,opacity,transform,background,height,padding,top,right,bottom,right;
    transition-duration: 0.2s;
    transition-timing-function: ease
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.grid, .columns {
    justify-content: center;
    margin-top: -1em;
    max-width: 80em;
    padding: 0 .5em;
    position: relative;
    width: 100%
}

* + .grid, * + .columns {
    margin-top: 0
}

.columns {
    padding: 0;
    margin-top: -2em
}

    .columns > * {
        flex: 1 26.66667em;
        margin: 2em 0 0;
        padding: 0 1em
    }

* + .columns {
    margin-top: -1em
}

@media screen and (min-width: 560px) {
    .columns {
        padding: 0 1em
    }
}

.full-width {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    right: 50%;
    width: 100vw
}

.grid > * {
    flex: 1 100%;
    float: left;
    margin: 1em 0 0;
    padding: 0 .5em
}

@media screen and (min-width: 560px) {
    .grid {
        padding-left: 1.5em;
        padding-right: 1.5em
    }

        .grid > * {
            flex: 1 50%;
            max-width: 50%
        }
}

@media screen and (min-width: 960px) {
    .grid > * {
        flex: 1 33.33%;
        max-width: 33.33%
    }
}

@media screen and (min-width: 1280px) {
    .grid {
        padding: 0 1em
    }

        .grid > * {
            flex: 1 25%;
            margin-top: 2em;
            max-width: 25%;
            padding: 0 1em
        }
}

/*@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url("../webfonts/opensans-regular.woff2") format("woff2"),url("../webfonts/opensans-regular.woff") format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: optional;
    src: url("../webfonts/opensans-italic.woff2") format("woff2"),url("../webfonts/opensans-italic.woff") format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url("../webfonts/opensans-bold.woff2") format("woff2"),url("../webfonts/opensans-bold.woff") format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: optional;
    src: url("../webfonts/opensans-bolditalic.woff2") format("woff2"),url("../webfonts/opensans-bolditalic.woff") format("woff")
}*/

::-moz-selection {
    background: #006954;
    color: #fff
}

::selection {
    background: #006954;
    color: #fff
}

:-ms-input-placeholder {
    color: currentColor;
    opacity: 0.4
}

:-moz-input-placeholder {
    color: currentColor;
    opacity: 0.4
}

::-moz-input-placeholder {
    color: currentColor;
    opacity: 0.4
}

::-webkit-input-placeholder {
    color: currentColor;
    opacity: 0.4
}

h1, h2, h3, h4, h5, .donate-header-title, h6, .nav-item.donate a, .nav-item-link, .menu-button, .donate-form-full .progress-copy, .local-task-list-block, .statistic-value-number, .donate-panel-type li a, .donate-panel-cta a {
    /*font: 700 1em/1.2 "bureau-grot-condensed","Trebuchet MS","Lucida Grande",Tahoma,sans-serif*/
    font: 700 1em/1.2 'Maison Neue', Arial, sans-serif
}

.btn, .button, button, [type="button"], [type="reset"], [type="submit"], .pagination_element.prev, .pagination_element.next, .btn-secondary, .button-secondary, .content table, .comments-area .comment-content table {
    /*font: 400 1em/1.5 'Open Sans', "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif*/
    font: 400 1em/1.5 'Maison Neue', Arial, sans-serif
}

figcaption, p, .region-list .expand-title, .secnav-item .nav-item-link, .dropdown-item .nav-item-link, .content, .comments-area .comment-content, .components .pullquote-share-title {
    /*font: 400 1em/1.5 'Open Sans', "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif*/
    font: 400 1em/1.5 'Maison Neue', Arial, sans-serif
}

.feat-info .date, .metadata, .pagination, .comments-area .comment .reply, .item-header-date, .card-header-date {
    color: gray;
    /*font: 400 1em/1.5 "Andale Mono",AndaleMono,"Lucida Console",monospace*/
    font: 400 1em/1.5 'Maison Neue', Arial, sans-serif
}

.metalabel {
    /*font: 700 0.9em/1.5 "bureau-grot-condensed","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font: 700 0.9em/1.5 'Maison Neue', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em
}

h1 {
    font-size: 2em;
    font-size: calc(1.72em + 1.4vw)
}

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

h2 {
    font-size: 1em;
    font-size: calc(1.6em + 1vw)
}

@media screen and (min-width: 1280px) {
    h2 {
        font-size: 1em
    }
}

h3 {
    font-size: 1.5em;
    font-size: calc(1.36em + 0.7vw)
}

@media screen and (min-width: 1280px) {
    h3 {
        font-size: 2em
    }
}

h4 {
    font-size: 1.4em;
    font-size: calc(1.32em + 0.4vw)
}

@media screen and (min-width: 1280px) {
    h4 {
        font-size: 1.7em
    }
}

h5, .donate-header-title {
    font-size: 1.25em;
    font-size: calc(1.21em + 0.2vw)
}

@media screen and (min-width: 1280px) {
    h5, .donate-header-title {
        font-size: 1.4em
    }
}

h6 {
    font-size: 1.125em;
    font-size: calc(1.105em + 0.1vw)
}

@media screen and (min-width: 1280px) {
    h6 {
        font-size: 1.2em
    }
}

[data-tooltip] {
    position: relative
}

    [data-tooltip]:before, [data-tooltip]:after {
        opacity: 0;
        bottom: 100%;
        left: 50%;
        position: absolute;
        visibility: hidden
    }

    [data-tooltip]:before {
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        background: #333;
        border-radius: 4px;
        color: #fff;
        content: attr(data-tooltip);
        font-family: 'Maison Neue', Arial, sans-serif;
        /*font-family: "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
        font-size: 1rem;
        line-height: normal;
        margin-bottom: 5px;
        padding: .25em .5em
    }

    [data-tooltip]:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #333;
        content: "";
        font-size: 0;
        line-height: 0;
        margin-left: -5px;
        width: 0
    }

    [data-tooltip]:hover:before, [data-tooltip]:hover:after {
        visibility: visible;
        opacity: 1
    }

.btn, .button, button, [type="button"], [type="reset"], [type="submit"], .pagination_element.prev, .pagination_element.next, .btn-secondary, .button-secondary {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: .5em 2em;
    text-align: center;
    text-transform: uppercase;
    width: auto
}

.btn, .button, button, [type="button"], [type="reset"], [type="submit"], .pagination_element.prev, .pagination_element.next {
    background: #006954
}

    .btn:hover, .button:hover, button:hover, :hover[type="button"], :hover[type="reset"], :hover[type="submit"], .pagination_element.prev:hover, .pagination_element.next:hover {
        /* background: #000; */
        color: #fff
    }

    .btn:active, .button:active, button:active, :active[type="button"], :active[type="reset"], :active[type="submit"], .pagination_element.prev:active, .pagination_element.next:active {
        background: #1a1a1a
    }

.btn-secondary, .button-secondary {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2)
}

    .btn-secondary:hover, .button-secondary:hover {
        box-shadow: inset 0 0 0 1px currentColor
    }

    .btn-secondary:active, .button-secondary:active {
        background: rgba(0,0,0,0.1)
    }

.donate-panel-type li a, .donate-panel-amount li span {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input, textarea, select, .donate-amount {
    color: #333;
    border-radius: 4px;
    border: 1px solid #ccc;
    /*font: 400 1em/1.5 'Open Sans', "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font: 400 1em/1.5 'Maison Neue', Arial, sans-serif;
    height: 2.5em;
    padding: 0 1em;
    width: 100%
}

    input:disabled, textarea:disabled, select:disabled, .donate-amount:disabled {
        background: #E9E5E2
    }

form {
    /*font: 1rem 'Open Sans',"acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif*/
    font: 1rem 'Maison Neue', Arial, sans-serif
}

    form p {
        /*font: 1em 'Open Sans',"acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif*/
        font: 1em 'Maison Neue', Arial, sans-serif
    }

[type="text"], [type="number"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="time"], [type="search"], [type="tel"], [type="url"], [type="email"], [list], textarea, select {
    background: #fff;
    outline: none;
    font-size: 1.25em
}

    [type="text"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="time"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="url"]:focus, [type="email"]:focus, [list]:focus, textarea:focus, select:focus {
        border-color: #000
    }

    [type="text"]::-webkit-input-placeholder, [type="number"]::-webkit-input-placeholder, [type="date"]::-webkit-input-placeholder, [type="datetime"]::-webkit-input-placeholder, [type="datetime-local"]::-webkit-input-placeholder, [type="month"]::-webkit-input-placeholder, [type="week"]::-webkit-input-placeholder, [type="time"]::-webkit-input-placeholder, [type="search"]::-webkit-input-placeholder, [type="tel"]::-webkit-input-placeholder, [type="url"]::-webkit-input-placeholder, [type="email"]::-webkit-input-placeholder, [list]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
        color: gray;
        opacity: 1
    }

    [type="text"]::-moz-placeholder, [type="number"]::-moz-placeholder, [type="date"]::-moz-placeholder, [type="datetime"]::-moz-placeholder, [type="datetime-local"]::-moz-placeholder, [type="month"]::-moz-placeholder, [type="week"]::-moz-placeholder, [type="time"]::-moz-placeholder, [type="search"]::-moz-placeholder, [type="tel"]::-moz-placeholder, [type="url"]::-moz-placeholder, [type="email"]::-moz-placeholder, [list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
        color: gray;
        opacity: 1
    }

    [type="text"]:-ms-input-placeholder, [type="number"]:-ms-input-placeholder, [type="date"]:-ms-input-placeholder, [type="datetime"]:-ms-input-placeholder, [type="datetime-local"]:-ms-input-placeholder, [type="month"]:-ms-input-placeholder, [type="week"]:-ms-input-placeholder, [type="time"]:-ms-input-placeholder, [type="search"]:-ms-input-placeholder, [type="tel"]:-ms-input-placeholder, [type="url"]:-ms-input-placeholder, [type="email"]:-ms-input-placeholder, [list]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
        color: gray;
        opacity: 1
    }

    [type="text"]:-moz-placeholder, [type="number"]:-moz-placeholder, [type="date"]:-moz-placeholder, [type="datetime"]:-moz-placeholder, [type="datetime-local"]:-moz-placeholder, [type="month"]:-moz-placeholder, [type="week"]:-moz-placeholder, [type="time"]:-moz-placeholder, [type="search"]:-moz-placeholder, [type="tel"]:-moz-placeholder, [type="url"]:-moz-placeholder, [type="email"]:-moz-placeholder, [list]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
        color: gray;
        opacity: 1
    }

textarea {
    resize: vertical;
    padding: .5em 1em;
    height: auto;
    min-height: 8em
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
    border: none;
    cursor: pointer
}

[type="color"], [type="file"] {
    border: none;
    line-height: 1;
    padding: 0
}

[type="file"] {
    height: auto
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("../images/select-arrow.svg");
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 25px;
    border: solid 1px #A1AEB7
}

@media screen and (min-width: 560px) {
    select {
        background-image: url("../images/select-arrow.svg");
        background-position: 98% center;
        background-repeat: no-repeat
    }
}

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

label {
    /*font: 1.25em 'Open Sans', "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font: 1.25em 'Maison Neue', Arial, sans-serif;
    display: block
}

    label + input, label + textarea, label + select {
        margin-top: .25em
    }

legend {
    border-bottom: 1px solid #E9E5E2;
    padding-bottom: .5em;
    width: 100%
}

[type="checkbox"], [type="radio"] {
    float: left;
    height: 1.5em;
    margin-right: .5em;
    width: auto
}

    [type="checkbox"] + label, [type="radio"] + label {
        display: inline;
        font-style: normal
    }

.gform_body .ginput_container * {
    margin-top: 0
}

.gform_body .ginput_container .gfield_checkbox input[type=checkbox] {
    margin-top: 0 !important
}

.gform_body select + label, .gform_body input[type="text"] + label {
    color: gray;
    font-style: italic;
    margin: 0 auto 1em
}

.gform_body label + * {
    margin-top: .25em
}

.gform_body li.gfield + li.gfield {
    margin-top: 2em
}

.gform_body .gfield_required {
    color: #F44336
}

.icon {
    display: inline-block;
    fill: currentColor;
    height: 1.5em;
    vertical-align: top;
    width: 1.5em
}

.ie .icon {
    display: none
}

.icon-label {
    left: -9999px;
    position: fixed;
    top: -9999px
}

.ie .icon-label {
    position: static
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.wow {
    visibility: hidden
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

@-webkit-keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

    .mfp-wrap * {
        margin-top: 0
    }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

    .mfp-preloader a {
        color: #CCC
    }

        .mfp-preloader a:hover {
            color: #FFF
        }

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

    button.mfp-close:hover, button.mfp-arrow:hover {
        background-color: transparent
    }

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: 'Maison Neue', Arial, sans-serif;
    /*font-family: Arial, Baskerville, monospace*/
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1
    }

    .mfp-close:active {
        top: 1px
    }

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

    .mfp-arrow:active {
        margin-top: -54px
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1
    }

    .mfp-arrow:before, .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7
    }

.mfp-arrow-left {
    left: 0
}

    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F
    }

.mfp-arrow-right {
    right: 0
}

    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
        background: #000
    }

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
        background: #444
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px
    }

    .mfp-figure figure {
        margin: 0
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

body * + * {
    /*margin: 1em auto 0*/
}

body, br, dd, option, td, th, svg {
    margin-top: 0
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    background: #262626;
    color: #333;
    font: 400 1em/1.5 'Maison Neue', Arial, sans-serif;
    /*font: 400 1em/1.5 'Open Sans', "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    position: relative;
    width: 100%
}

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    word-wrap: break-word
}

figcaption, p {
    overflow-wrap: break-word;
    word-wrap: break-word
}

a {
    color: inherit;
    text-decoration: none
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

hr {
    border: none;
    border-top: 1px solid #ccc
}

img {
    display: block;
    /* height: 100%; */
    max-width: 100%;
    text-align: center
}

picture img {
    margin-top: 0
}

img:before {
    content: "broken image";
    display: block;
    padding: 1em 0
}

li {
    list-style: none
}

.main-section, .section {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 1em 0;
    width: 100%
}

@media screen and (min-width: 560px) {
    .main-section, .section {
        padding: 2em 0
    }
}

@media screen and (min-width: 960px) {
    .main-section, .section {
        padding: 3em 0
    }
}

.section-footer, .container, .comments-area {
    max-width: 80em;
    padding: 0 1em;
    position: relative;
    width: 100%
}

@media screen and (min-width: 560px) {
    .section-footer, .container, .comments-area {
        padding: 0 2em
    }
}

figcaption a:hover, p a:hover, .text-hover:hover, .sidebar-nav-item .subnav_element:hover, .content a:hover, .comments-area .comment-content a:hover, .metadata-link:hover, .metalabel a:hover, .comments-area .comment-meta a:hover, .comments-area .comment .reply a:hover, .item-link:hover, .item-header-title a:hover {
    color: #006954
}

.content a img, .comments-area .comment-content a img, .feat-feed-img, .item-image, .card-image {
    display: block;
    overflow: hidden
}

    .content a img img, .comments-area .comment-content a img img, .feat-feed-img img, .item-image img, .card-image img {
        transform: scale(1)
    }

        .content a img img:hover, .comments-area .comment-content a img img:hover, .feat-feed-img img:hover, .item-image img:hover, .card-image img:hover, .content a img img:focus, .comments-area .comment-content a img img:focus, .feat-feed-img img:focus, .item-image img:focus, .card-image img:focus {
            transform: scale(1.05)
        }

.grid, .columns, .footer-cta, .footer-header, .footer-partners, .footer-nav:first-child, .footer-nav-outer, .main-section, .feat, .feat-small, .stats-outer .stats, .stats-outer .stats-item, .donate-page .header, .pagination, .feat-feed, .cards, .cards > *, .card, .gallery, .components .gallery-comp, .experience-cta-inner, .donate-panel .form-field.currency, .donate-panel-amount {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap
}

.inline-group {
    margin-top: 0
}

    .inline-group > * {
        float: left;
        margin: 1em 1em 0 0
    }

.text-columns {
    -moz-columns: 26.66667em 2;
    -moz-column-gap: 2em;
    -webkit-columns: 26.66667em 2;
    -webkit-column-gap: 2em;
    columns: 26.66667em 2;
    column-gap: 2em;
    text-align: left
}

.visually-hidden {
    left: -9999px !important;
    position: fixed !important;
    top: -9999px !important
}

.clearfix:after, .inline-group:after, .comments-area .comment-meta:after, .comments-area .comment .reply:after {
    clear: both;
    content: "";
    display: table
}

.cookie-notice {
    background: #333;
    bottom: 0;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: .5em;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 50
}

.header {
    background: #fff;
    margin-top: 0;
    position: relative;
    width: 100%;
    z-index: 40
}

    .header * + * {
        margin-top: 0
    }

.header-logo {
    float: left;
    margin: 1.5em 2.5em 1.5em 1.5em;
    width: 150px
}

@media screen and (min-width: 560px) {
    .header-logo {
        width: 200px
    }
}

.header-logo img {
    width: 50%
}

.header .tagline {
    border-top: solid 1px #E9E5E2;
    clear: left;
    float: left;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 0.03em;
    margin-top: 0;
    padding: 1.5em 1.5em 1.1em;
    position: relative;
    width: 100%
}

@media screen and (min-width: 960px) {
    .header .tagline {
        border-top: 0;
        clear: none;
        font-size: 1.2em;
        margin-top: 1.3em;
        padding: 0;
        width: 270px
    }
}

.header .tagline-donate {
    background-color: #006954;
    font-size: 1.6em;
    font-weight: 700;
    padding: 1em .66667em 1em 0;
    position: absolute;
    right: 0;
    top: -1px;
    text-transform: uppercase
}

@media screen and (min-width: 560px) {
    .header .tagline-donate {
        padding: 1em
    }
}

@media screen and (min-width: 960px) {
    .header .tagline-donate {
        display: none
    }
}

.header .tagline-donate:before {
    border-style: solid;
    border-width: 0 0 90px 50px;
    border-color: transparent transparent #006954 transparent;
    bottom: 0;
    content: '';
    display: block;
    height: 0;
    left: -50px;
    position: absolute;
    width: 0
}

@media screen and (min-width: 560px) {
    .header .tagline-donate:before {
        border-width: 0 0 90px 90px;
        left: -80px
    }
}

.header-nav, .header-links {
    display: none
}

.header .secnav {
    display: none
}

.header-search {
    display: none
}

.header-nav-list .nav-item-link:after {
    background-color: #000;
    bottom: -26px;
    content: '';
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    width: 100%
}

.header-nav-list .nav-item-link:hover:after, .header-nav-list .nav-item-link.current:after {
    background-color: #006954;
    height: 15px
}

@media screen and (min-width: 960px) {
    .header-logo {
        margin: 2em 2.5em 2em 2em;
        width: 287px
    }

    .header .tagline {
        margin-top: 2.3em
    }

    .header-nav {
        background-color: #000;
        display: block;
        float: left;
        padding: 1.6em 0 1.6em 1em;
        position: relative;
        width: 100%
    }

    .header .secnav {
        display: block
    }

    .header-links {
        clear: right;
        display: inline-block;
        float: right;
        padding-right: 65px
    }

    .header-search {
        background-color: #E9E5E2;
        display: block;
        float: left;
        text-align: center;
        width: 100%
    }

    .header-search-input {
        -webkit-transition-property: height,opacity;
        -webkit-transition-duration: 0.2s;
        -webkit-transition-timing-function: ease;
        transition-property: height,opacity;
        transition-duration: 0.2s;
        transition-timing-function: ease;
        background: transparent;
        border: none;
        display: block;
        font-size: 2em;
        height: 0;
        opacity: 0;
        padding-top: 1em;
        padding: 0;
        text-align: center;
        width: 100%
    }

        .header-search-input:focus {
            height: 2.5em;
            opacity: 1
        }

        .header-search-input::-webkit-input-placeholder {
            color: #000;
            opacity: 1
        }

        .header-search-input::-moz-placeholder {
            color: #000;
            opacity: 1
        }

        .header-search-input:-ms-input-placeholder {
            color: #000;
            opacity: 1
        }

        .header-search-input:-moz-placeholder {
            color: #000;
            opacity: 1
        }

        .header-search-input:placeholder-shown {
            text-align: left;
            width: 11em
        }
}

.nav-item {
    display: inline-block;
    position: relative
}

    .nav-item:hover .dropdown {
        -webkit-transition: opacity 0.2s 0.3s ease;
        transition: opacity 0.2s 0.3s ease;
        opacity: 1;
        visibility: visible
    }

        .nav-item:hover .dropdown .nav-item {
            float: none
        }

    .nav-item.donate {
        cursor: pointer;
        height: 78px;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        width: 220px
    }

        .nav-item.donate:hover:after {
            background-color: #fff
        }

        .nav-item.donate a {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: transparent;
            color: #000;
            height: 25px;
            font-size: 1.6em;
            text-transform: uppercase;
            width: 0;
            z-index: 5
        }

        .nav-item.donate:after {
            background-color: #006954;
            content: '';
            display: block;
            height: 500px;
            left: 30px;
            position: absolute;
            top: -100px;
            transform: rotate(40deg);
            width: 500px
        }

.nav-item-link {
    color: #fff;
    display: block;
    font-size: 1.4em;
    padding: 0 .5em;
    position: relative
}

@media screen and (min-width: 1280px) {
    .nav-item-link {
        padding: 0 1em
    }
}

.social .nav-item-link {
    background-color: #fff;
    border-radius: 100%;
    font-size: 0.9em;
    margin: 0;
    padding: 3px
}

    .social .nav-item-link:hover {
        background-color: #632F0D
    }

        .social .nav-item-link:hover .icon {
            color: #fff
        }

    .social .nav-item-link.youtube .icon, .social .nav-item-link.instagram .icon {
        padding: 2px
    }

    .social .nav-item-link .icon {
        color: #632F0D
    }

.nav-item-arrow {
    width: 1em
}

.region-list {
    background-color: #fff;
    height: 25px;
    left: 0;
    padding: 0 .5em;
    position: absolute;
    top: -15px;
    width: 65px
}

    .region-list .expand-title {
        color: #632F0D;
        display: inline-block;
        font-size: 0.9em;
        font-weight: 400
    }

    .region-list .icon {
        color: #632F0D;
        float: right;
        height: 18px;
        margin-top: 3px;
        width: 18px
    }

    .region-list div {
        background-color: #006954;
        font-size: 0.9em;
        margin: 1px 0 0 -8px;
        padding: 0 .66667em;
        width: 65px
    }

.secnav {
    float: right;
    padding: .66667em 0 1em
}

.secnav-outer {
    background-color: #000;
    height: 84px;
    padding: 1.7em 1.5em 0.8em 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

@media screen and (min-width: 560px) {
    .secnav-outer {
        height: 95px;
        padding: 2.2em 2em 1em 0
    }
}

@media screen and (min-width: 960px) {
    .secnav-outer {
        background-color: #E9E5E2;
        float: right;
        height: 132px;
        padding: 1em 2em;
        position: relative
    }
}

.secnav-outer:before {
    border-style: solid;
    border-width: 0 0 84px 65px;
    border-color: transparent transparent #000 transparent;
    bottom: 0;
    content: '';
    display: block;
    height: 0;
    left: -65px;
    position: absolute;
    width: 0
}

@media screen and (min-width: 560px) {
    .secnav-outer:before {
        border-width: 0 0 95px 95px;
        left: -95px
    }
}

@media screen and (min-width: 960px) {
    .secnav-outer:before {
        border-color: transparent transparent #E9E5E2 transparent;
        border-width: 0 0 132px 132px;
        left: -132px
    }
}

.secnav-item {
    display: inline-block
}

    .secnav-item .nav-item-link {
        color: #632F0D;
        font-size: 0.9em;
        font-weight: 700;
        padding: 0 0 0 1em
    }

        .secnav-item .nav-item-link:hover {
            color: #000;
            text-decoration: underline
        }

.menu-button {
    color: #fff;
    cursor: pointer;
    font-size: 1.4em
}

@media screen and (min-width: 960px) {
    .menu-button {
        display: none
    }
}

.menu-button .icon {
    color: #fff;
    height: 1em;
    margin-top: 2px;
    width: 1em
}

.search-open {
    cursor: pointer;
    font-size: 0.9em
}

    .search-open .icon {
        color: #632F0D
    }

        .search-open .icon:hover {
            color: #000
        }

.dropdown {
    -webkit-transition: visibility 0s 0.4s ease,opacity 0.2s 0.2s ease;
    transition: visibility 0s 0.4s ease,opacity 0.2s 0.2s ease;
    background: #006954;
    border-radius: 0 0 4px 4px;
    margin-top: 26px;
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.dropdown-item:last-child .nav-item-link {
    border-bottom: 0
}

.dropdown-item .nav-item-link {
    border-bottom: solid 1px #e66901;
    padding: .5em .66667em
}

    .dropdown-item .nav-item-link:hover {
        background-color: #000;
        color: #fff
    }

    .dropdown-item .nav-item-link:after {
        display: none
    }

#wpadminbar {
    box-sizing: content-box;
    margin-top: 0
}

    #wpadminbar img {
        display: inline
    }

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed
    }
}

.footer-cta {
    margin-top: 0;
    padding-bottom: 3em;
    position: relative;
    z-index: 4
}

.footer-cta-img {
    top: -1em;
    margin: 0;
    padding-left: 3%;
    position: relative
}

    .footer-cta-img img {
        -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%, 0 44%);
        clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%, 0 44%);
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .footer-cta-img:before {
        border-bottom: solid 80px transparent;
        border-right: solid 80px transparent;
        border-left: solid 80px #000;
        border-top: solid 80px #000;
        content: '';
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        width: 80px;
        height: 80px
    }

.footer-cta-info {
    flex: 0 100%;
    margin: 0;
    padding: 2em
}

@media screen and (min-width: 960px) {
    .footer-cta-info {
        flex: 0 40%;
        padding: 2em 0 2em 3em
    }
}

.footer-cta-heading {
    font-size: 2em
}

@media screen and (min-width: 560px) {
    .footer-cta-heading {
        font-size: 3em
    }
}

.footer {
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 3em;
    position: relative;
    z-index: 20
}

@media screen and (min-width: 560px) {
    .footer {
        padding-top: 6em
    }
}

.footer:before {
    border-bottom: solid 50px transparent;
    border-right: solid 50px transparent;
    border-left: solid 50px #fff;
    border-top: solid 50px #fff;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px
}

@media screen and (min-width: 960px) {
    .footer:before {
        border-bottom: solid 80px transparent;
        border-right: solid 80px transparent;
        border-left: solid 80px #fff;
        border-top: solid 80px #fff;
        width: 80px;
        height: 80px
    }
}

.footer .container {
    max-width: 80em;
    padding: 0 5%;
    position: relative;
    width: 100%
}

@media screen and (min-width: 560px) {
    .footer .container {
        padding: 0 10%
    }
}

@media screen and (min-width: 1440px) {
    .footer .container {
        padding: 0 2em
    }
}

.footer-header {
    align-items: center;
    /*border-bottom: solid 1px #fff;*/
    justify-content: space-between;
    /*margin-bottom: 2em;*/
    /*padding-bottom: 2em*/
}

    .footer-header * {
        margin-top: 0
    }

    .footer-header .search {
        margin: 0;
        width: 100%
    }

@media screen and (min-width: 560px) {
    .footer-header .search {
        width: auto
    }
}

.footer-header .search-input {
    background: rgba(255,255,255,0.1);
    color: #fff
}

.footer-header .search-button {
    top: 0
}

.footer-logo {
    display: block;
    margin: 0 auto;
    width: 255px
}

@media screen and (min-width: 560px) {
    .footer-logo {
        margin: 0;
        width: 180px
    }
}

@media screen and (min-width: 700px) {
    .footer-logo {
        display: inline-block
    }
}

.footer-logo img {
    width: auto
}

.footer-partners {
    align-items: flex-start;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
    flex: 0 100%;
    margin-bottom: 2em;
    padding: 2em 0 3em;
    position: relative;
    width: 100%;
    z-index: 5
}

    .footer-partners p {
        margin-left: 0;
        width: 100%
    }

@media screen and (min-width: 700px) {
    .footer-partners p {
        width: auto
    }
}

.footer-nav:first-child {
    align-content: flex-start;
    border-top: 0;
    flex: 0 100%;
    margin-left: 0;
    padding-top: 0
}

@media screen and (min-width: 700px) {
    .footer-nav:first-child {
        flex: 0 48%
    }
}

@media screen and (min-width: 1280px) {
    .footer-nav:first-child {
        flex: 0 45%
    }
}

.footer-nav:first-child .footer-nav-item {
    flex: 0 50%;
    margin: 0;
    padding-bottom: .5em
}

    .footer-nav:first-child .footer-nav-item.title {
        flex: 0 100%
    }

@media screen and (min-width: 560px) {
    .footer-nav:nth-child(3) {
        margin-left: 0
    }
}

@media screen and (min-width: 960px) {
    .footer-nav:nth-child(3) {
        margin-left: 2%
    }
}

.footer-nav-outer {
    position: relative;
    z-index: 5
}

    .footer-nav-outer * {
        margin-top: 0
    }

    .footer-nav-outer:last-child .nav-item-link {
        font-weight: 400
    }

.footer-nav.social {
    border-top: 0;
    flex: 0 100%;
    margin: 0;
    text-align: center
}

@media screen and (min-width: 560px) {
    .footer-nav.social {
        flex: 0 auto;
        text-align: left
    }
}

.footer-nav-item {
    margin-top: 0
}

    .footer-nav-item .footer-nav-item-title {
        font-size: 1.4em;
        padding-bottom: 1em
    }

    .footer-nav-item .nav-item-link {
        font-family: 'Maison Neue', Arial, sans-serif;
        /*font-family: "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
        font-size: 0.9em;
        margin: 0;
        padding: 0 0 .5em 0
    }

        .footer-nav-item .nav-item-link:hover {
            color: #006954
        }

    .footer-nav-item span {
        font-size: 0.9em
    }

    .footer-nav-item.social {
        display: inline-block;
        margin-left: 1em;
        text-align: center
    }

        .footer-nav-item.social .nav-item-link {
            background-color: #fff;
            border-radius: 100%;
            display: inline-block;
            height: 40px;
            padding: 0 0 0 .5em;
            position: relative;
            width: 40px
        }

            .footer-nav-item.social .nav-item-link.facebook {
                background-color: #3B5999
            }

            .footer-nav-item.social .nav-item-link.twitter {
                background-color: #55ACEE
            }

            .footer-nav-item.social .nav-item-link.youtube {
                background-color: #CD201F
            }

            .footer-nav-item.social .nav-item-link.instagram {
                background-color: #8A3AB9
            }

            .footer-nav-item.social .nav-item-link.linkedin {
                background-color: #0077B5
            }

                .footer-nav-item.social .nav-item-link.linkedin .icon {
                    height: 1.5em;
                    width: 1.5em
                }

            .footer-nav-item.social .nav-item-link .icon {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                height: 2em;
                margin: 0;
                width: 2em
            }

            .footer-nav-item.social .nav-item-link:hover {
                background-color: #006954
            }

                .footer-nav-item.social .nav-item-link:hover .icon {
                    color: #000
                }

.footer p {
    font-size: 0.9em
}

.footer-details, .footer-nav {
    border-top: solid 1px #fff;
    padding-top: 1.5em;
    flex: 0 100%;
    margin-bottom: 1em
}

@media screen and (min-width: 700px) {
    .footer-details, .footer-nav {
        border-top: 0;
        padding-top: 0
    }
}

@media screen and (min-width: 700px) {
    .footer-details, .footer-nav {
        flex: 0 16.22%;
        margin-left: 2%
    }
}

.footer-details .footer-nav-item-title {
    font-size: 1em;
    padding-bottom: 1em
}

.footer-details p {
    padding-bottom: 1em
}

    .footer-details p a:hover {
        color: #006954
    }

.footer-bg:before {
    background: #6c0;
    background: linear-gradient(180deg, #000 0%, rgba(255,255,255,0) 80%);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%
}

@media screen and (min-width: 700px) {
    .footer-bg:before {
        background: #6c0;
        background: linear-gradient(180deg, #000 0%, rgba(255,255,255,0) 50%)
    }
}

.footer-bg-outer {
    margin-top: -15em;
    position: relative
}

.footer-bg img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.rnav {
    background: #000;
    color: #fff;
    display: none;
    margin-top: 0;
    padding-top: 0;
    position: relative;
    z-index: 5
}

#rnav-open:checked + .rnav {
    display: block
}

.rnav * {
    margin-top: 0
}

.rnav .search {
    margin: 0 1em 1em;
    padding-top: 1em
}

.rnav .search-input {
    background: rgba(255,255,255,0.1);
    border-color: transparent;
    color: #fff
}

.rnav-item {
    border-top: 1px solid rgba(255,255,255,0.1);
    position: relative
}

.rnav-item-link {
    display: block;
    padding: 1em 3em 1em 1em;
    text-align: left
}

    .rnav-item-link:hover {
        background: rgba(255,255,255,0.1)
    }

.rnav-dropdown {
    background: rgba(0,0,0,0.2);
    display: none
}

.rnav-checkbox:checked ~ .rnav-dropdown {
    display: block
}

.rnav-arrow {
    cursor: pointer;
    padding: 1em;
    position: absolute;
    right: 0;
    top: 0
}

    .rnav-arrow .icon {
        -webkit-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
        display: block;
        width: 1em
    }

.rnav-checkbox:checked + .rnav-arrow .rnav-arrow .icon {
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.rnav-button {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 1em
}

@media screen and (min-width: 960px) {
    #rnav-open:checked + .rnav {
        display: none
    }
}

.main {
    background: #fff;
    display: block;
    margin: 0
}

.main-img {
    margin-top: 0;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 960px) {
    .main-img {
        height: 60vh
    }
}

.main-img img {
    width: 100%
}

@media screen and (min-width: 960px) {
    .main-img img {
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0
    }
}

.main-img:after {
    border-bottom: solid 40px #fff;
    border-right: solid 40px #fff;
    border-left: solid 40px transparent;
    border-top: solid 40px transparent;
    bottom: 0;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px
}

@media screen and (min-width: 700px) {
    .main-img:after {
        border-bottom: solid 80px #fff;
        border-right: solid 80px #fff;
        border-left: solid 80px transparent;
        border-top: solid 80px transparent;
        height: 80px;
        width: 80px
    }
}

.main-section {
    align-items: flex-start;
    margin: auto;
    max-width: 80em;
    overflow: visible
}

    .main-section .container {
        margin-top: 0
    }

    .main-section.detail {
        padding-top: 0
    }

        .main-section.detail .article {
            margin-top: 60px;
            padding: 0;
            position: relative
        }

@media screen and (min-width: 560px) {
    .main-section.detail .article {
        margin-top: -50px
    }
}

@media screen and (min-width: 960px) {
    .main-section.detail .article {
        background-color: #fff
    }
}

@media screen and (min-width: 1280px) {
    .main-section.detail .article {
        flex: 0 75%;
        max-width: 75%
    }
}

.main-section.detail .article-header {
    background-color: #006954;
    color: #000;
    padding: 0 3em 3em
}

    .main-section.detail .article-header:before, .main-section.detail .article-header:after {
        bottom: 100%;
        border-right: 30px solid transparent;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1
    }

@media screen and (min-width: 700px) {
    .main-section.detail .article-header:before, .main-section.detail .article-header:after {
        border-right: 60px solid transparent
    }
}

.main-section.detail .article-header:after {
    bottom: auto;
    top: -30px;
    border-top: none;
    border-bottom: 30px solid #006954
}

@media screen and (min-width: 700px) {
    .main-section.detail .article-header:after {
        border-bottom: 60px solid #006954;
        top: -60px
    }
}

@media screen and (min-width: 960px) {
    .main-section.detail .article .content, .main-section.detail .article .comments-area .comment-content, .comments-area .main-section.detail .article .comment-content {
        padding: 0 3em 0 0
    }
}

.main-section.detail .sidebar {
    margin-top: 2em
}

@media screen and (min-width: 1280px) {
    .main-section.detail .sidebar {
        margin-top: 0
    }
}

@media screen and (min-width: 1280px) {
    .main-header.container, .main-footer.container {
        padding-left: 0
    }
}

.main-header-summary {
    padding-right: 20%
}

@media screen and (min-width: 960px) {
    .main-header-summary {
        margin: 0;
        padding-right: 0;
        width: 53.33333em
    }
}

.main-header-summary p {
    color: #000;
    font-family: 'Maison Neue', Arial, sans-serif;
    /*font-family: "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font-size: 1.2em
}

@media screen and (min-width: 560px) {
    .main-header-summary p {
        font-size: 1.3em
    }
}

.main-footer {
    padding: 0 0 2em
}

@media screen and (min-width: 960px) {
    .main-section {
        flex-flow: row wrap
    }

        .main-section > * {
            flex: 1 66.66%
        }
}

.section.dark, .section.primary, .section.secondary {
    color: #fff
}

    .section.dark input, .section.dark textarea, .section.dark select, .section.primary input, .section.primary textarea, .section.primary select, .section.secondary input, .section.secondary textarea, .section.secondary select {
        border-color: transparent
    }

    .section.dark .button:hover, .section.dark button:hover, .section.dark :hover[type="button"], .section.dark :hover[type="reset"], .section.dark :hover[type="submit"], .section.dark .pagination_element.prev:hover, .section.dark .pagination_element.next:hover, .section.primary .button:hover, .section.primary button:hover, .section.primary :hover[type="button"], .section.primary :hover[type="reset"], .section.primary :hover[type="submit"], .section.primary .pagination_element.prev:hover, .section.primary .pagination_element.next:hover, .section.secondary .button:hover, .section.secondary button:hover, .section.secondary :hover[type="button"], .section.secondary :hover[type="reset"], .section.secondary :hover[type="submit"], .section.secondary .pagination_element.prev:hover, .section.secondary .pagination_element.next:hover {
        background-color: #fff;
        color: #000
    }

.section.white {
    background: #fff
}

.section.cream {
    background-color: #F4F3E7
}

.section.grey {
    background: #E9E5E2;
    position: relative
}

    .section.grey:after {
        border-bottom: solid 40px #fff;
        border-right: solid 40px #fff;
        border-left: solid 40px transparent;
        border-top: solid 40px transparent;
        bottom: 0;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        width: 40px;
        height: 40px
    }

@media screen and (min-width: 700px) {
    .section.grey:after {
        border-bottom: solid 80px #fff;
        border-right: solid 80px #fff;
        border-left: solid 80px transparent;
        border-top: solid 80px transparent;
        height: 80px;
        width: 80px
    }
}

.section.dark {
    background: #632F0D
}

    .section.dark .section-header-title {
        color: #fff
    }

        .section.dark .section-header-title span {
            border-bottom-color: #fff
        }

.section.primary {
    background: #000
}

    .section.primary .media-block-title {
        color: #fff
    }

        .section.primary .media-block-title span {
            border-bottom-color: #fff
        }

    .section.primary .section-header-title {
        color: #fff
    }

        .section.primary .section-header-title span {
            border-bottom-color: #fff
        }

.section.secondary {
    background: #006954
}

.section.subnav {
    background: #fff
}

.section.stats {
    text-align: center;
    padding: 5em 0
}

@media screen and (min-width: 700px) {
    .section.stats {
        text-align: left
    }
}

.section-header {
    text-align: center
}

.section-header-title {
    color: #632F0D;
    flex: 0 100%;
    font-size: 1.6em;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 4
}

    .section-header-title span {
        border-bottom: solid 6px #632F0D;
        display: inline-block;
        padding-bottom: 5px
    }

.section-header-summary {
    font-family: 'Maison Neue', Arial, sans-serif;
    /*font-family: "bureau-grot-condensed","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 0.03em;
    padding-bottom: 1em
}

.section-footer {
    margin-top: 2em;
    text-align: center
}

.container.centered {
    text-align: center
}

.container.small {
    max-width: 53.33333em
}

.container.white, .container.grey, .container.dark, .container.primary, .container.secondary {
    padding: 1em
}

@media screen and (min-width: 560px) {
    .container.white, .container.grey, .container.dark, .container.primary, .container.secondary {
        padding: 2em
    }
}

@media screen and (min-width: 1280px) {
    .container.white, .container.grey, .container.dark, .container.primary, .container.secondary {
        border-radius: 4px;
        max-width: 76em
    }
}

.container.dark, .container.primary, .container.secondary {
    color: #fff
}

.container.white {
    background: #fff
}

.container.grey {
    background: #E9E5E2
}

.container.dark {
    background: #262626
}

.container.primary {
    background: #000
}

.container.secondary {
    background: #006954
}

.article {
    margin-top: 0;
    padding: 2em 1em;
    position: relative;
    width: 100%
}

.article-media {
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 960px) {
    .article-media {
        height: 60vh
    }
}

.article-media img {
    width: 100%
}

@media screen and (min-width: 960px) {
    .article-media img {
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0
    }
}

.article-header-summary p {
    color: #000;
    font-family: 'Maison Neue', Arial, sans-serif;
    /*font-family: "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font-size: 1.2em
}

@media screen and (min-width: 560px) {
    .article-header-summary p {
        font-size: 1.3em
    }
}

@media screen and (min-width: 960px) {
    .article-header-meta {
        display: none
    }
}

.article-footer {
    border-top: 1px solid #ccc;
    margin-top: 2em;
    padding-top: 1em
}

@media screen and (min-width: 560px) {
    .article {
        padding: 0
    }
}

@media screen and (min-width: 960px) {
    .article {
        flex: 0 66.66%;
        max-width: 66.66%;
        float: left
    }
}

.sidebar {
    background-color: #E9E5E2;
    margin-bottom: 1em;
    padding: 1em 1.5em;
    width: 100%
}

@media screen and (min-width: 960px) {
    .sidebar {
        flex: 0 29%;
        margin: -2em 0 0;
        max-width: 29%;
        float: right;
        margin: 0 0 3em;
        padding: 1.5em 1.5em 0;
        position: sticky;
        position: -webkit-sticky;
        top: 2em
    }
}

@media screen and (min-width: 960px) and (-ms-high-contrast: active), screen and (min-width: 960px) and (-ms-high-contrast: none) {
    .sidebar {
        position: relative;
        top: 0
    }
}

@media screen and (min-width: 960px) {
    .sidebar:before, .sidebar:after {
        bottom: 100%;
        border-right: 30px solid transparent;
        content: "";
        position: absolute;
        left: 0;
        right: 0
    }
}

@media screen and (min-width: 960px) and (min-width: 700px) {
    .sidebar:before, .sidebar:after {
        border-right: 50px solid transparent
    }
}

@media screen and (min-width: 960px) {
    .sidebar:after {
        bottom: auto;
        top: 100%;
        border-bottom: none;
        border-top: 30px solid #E9E5E2
    }
}

@media screen and (min-width: 960px) and (min-width: 700px) {
    .sidebar:after {
        border-top: 50px solid #E9E5E2
    }
}

@media screen and (min-width: 1280px) {
    .sidebar {
        flex: 0 25%;
        max-width: 25%
    }
}

.sidebar.meta {
    display: none
}

@media screen and (min-width: 960px) {
    .sidebar.meta {
        display: inline-block
    }
}

.sidebar-block + .sidebar-block {
    margin-top: 3em
}

.sidebar-title {
    color: #000;
    /*font: 700 1.2em/1.2 "bureau-grot-condensed","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font: 700 1.2em/1.2 'Maison Neue', Arial, sans-serif;
    text-transform: uppercase;
    margin: 0
}

@media screen and (min-width: 960px) {
    .sidebar-title {
        border-bottom: 1px solid #ccc;
        margin: 0 0 1em;
        padding-bottom: .5em
    }
}

.sidebar-block {
    position: relative
}

    .sidebar-block .icon {
        position: absolute;
        right: 0;
        top: 0
    }

@media screen and (min-width: 960px) {
    .sidebar-block .icon {
        display: none
    }
}

.sidebar-block .expand-check ~ div {
    display: none
}

@media screen and (min-width: 960px) {
    .sidebar-block .expand-check ~ div {
        display: block !important
    }
}

.sidebar-nav {
    border-top: solid 1px #E9E5E2;
    padding-top: 1em
}

@media screen and (min-width: 960px) {
    .sidebar-nav {
        border-top: 0;
        margin: 0;
        padding-top: 0
    }
}

.sidebar-nav-item .subnav_element {
    display: block;
    font-weight: 700
}

    .sidebar-nav-item .subnav_element:hover, .sidebar-nav-item .subnav_element.current {
        color: #006954;
        font-weight: 700
    }

        .sidebar-nav-item .subnav_element.current:hover {
            font-weight: 400
        }

.sidebar-nav-item.current-menu-item .subnav_element {
    color: #006954;
    font-weight: 400
}

.sidebar-nav-item.current-menu-item .sidebar-nav-item .subnav_element {
    color: inherit;
    font-weight: 400
}

.sidebar-meta {
    margin: 0;
    position: relative
}

.sidebar-meta-block {
    display: inline-block;
    margin-right: .5em
}

@media screen and (min-width: 960px) {
    .sidebar-meta-block {
        display: block;
        margin: 0 0 .5em
    }
}

.sidebar-meta-block:last-child {
    margin-bottom: 0
}

.sidebar-meta-block span {
    color: #000;
    font-weight: 700
}

.sidebar-meta-block-tag {
    border-bottom: solid 2px #632F0D;
    color: #000;
    display: inline-block;
    /*font: 700 0.9em/1.5 "bureau-grot-condensed","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font: 700 0.9em/1.5 'Maison Neue', Arial, sans-serif;
    margin-top: 0
}

    .sidebar-meta-block-tag:hover {
        border-color: #000;
        color: #000
    }

@media screen and (min-width: 960px) {
    .sidebar-meta-block-tag {
        color: #632F0D
    }
}

.sidebar-meta + .sidebar-img img {
    padding-top: 0
}

.share-button {
    background-color: #000;
    border-radius: 100%;
    display: inline-block;
    height: 35px;
    position: relative;
    width: 35px
}

    .share-button .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff
    }

.share-title {
    font-size: 1em;
    margin-top: .5em
}

.sub-list {
    box-shadow: inset 2px 0 #E9E5E2
}

    .sub-list .sub-list {
        margin-left: 1em
    }

    .sub-list .subnav_element {
        font-weight: 400;
        padding-left: 1em
    }

        .sub-list .subnav_element:hover {
            font-weight: 400
        }

        .sub-list .subnav_element.current {
            box-shadow: inset 2px 0 currentColor;
            color: #000
        }

            .sub-list .subnav_element.current:hover {
                font-weight: 700
            }

    .sub-list .sidebar-nav-item.current-menu-item .subnav_element {
        box-shadow: inset 2px 0 currentColor
    }

    .sub-list .sidebar-nav-item.current-menu-item .sidebar-nav-item .subnav_element {
        box-shadow: none
    }

.content h2, .comments-area .comment-content h2, .content h3, .comments-area .comment-content h3, .content h4, .comments-area .comment-content h4, .content h5, .comments-area .comment-content h5, .content h6, .comments-area .comment-content h6 {
    color: #632F0D
}

.content ol, .comments-area .comment-content ol, .content ul, .comments-area .comment-content ul {
    padding-left: 1.2em
}

.content li + li, .comments-area .comment-content li + li {
    margin: .5em auto 0
}

.content ol li, .comments-area .comment-content ol li {
    list-style: decimal
}

    .content ol li ol li, .comments-area .comment-content ol li ol li {
        list-style-type: lower-roman
    }

    .content ol li ul li, .comments-area .comment-content ol li ul li {
        list-style-type: circle
    }

.content ul li, .comments-area .comment-content ul li {
    list-style: disc
}

    .content ul li ul li, .comments-area .comment-content ul li ul li {
        list-style-type: circle
    }

    .content ul li ol li, .comments-area .comment-content ul li ol li {
        list-style-type: decimal
    }

.content form ol, .comments-area .comment-content form ol, .content form ul, .comments-area .comment-content form ul {
    padding: 0
}

.content form li, .comments-area .comment-content form li {
    list-style: none !important
}

.content p, .comments-area .comment-content p {
    font-size: 1em
}

    .content p:empty, .comments-area .comment-content p:empty {
        display: none
    }

.content a, .comments-area .comment-content a {
    text-decoration: underline
}

.content img, .comments-area .comment-content img {
    border-radius: 4px
}

.content .fluid-width-video-wrapper, .comments-area .comment-content .fluid-width-video-wrapper {
    border-radius: 4px;
    overflow: hidden
}

.content .btn, .comments-area .comment-content .btn, .content .button, .comments-area .comment-content .button, .content button, .comments-area .comment-content button, .content [type="button"], .comments-area .comment-content [type="button"], .content [type="reset"], .comments-area .comment-content [type="reset"], .content [type="submit"], .comments-area .comment-content [type="submit"], .content .pagination_element.prev, .comments-area .comment-content .pagination_element.prev, .content .pagination_element.next, .comments-area .comment-content .pagination_element.next {
    font-size: 1rem
}

    .content .btn a, .comments-area .comment-content .btn a, .content .button a, .comments-area .comment-content .button a, .content button a, .comments-area .comment-content button a, .content [type="button"] a, .comments-area .comment-content [type="button"] a, .content [type="reset"] a, .comments-area .comment-content [type="reset"] a, .content [type="submit"] a, .comments-area .comment-content [type="submit"] a, .content .pagination_element.prev a, .comments-area .comment-content .pagination_element.prev a, .content .pagination_element.next a, .comments-area .comment-content .pagination_element.next a, .content a.btn, .comments-area .comment-content a.btn, .content a.button, .comments-area .comment-content a.button, .content a[type="button"], .comments-area .comment-content a[type="button"], .content a[type="reset"], .comments-area .comment-content a[type="reset"], .content a[type="submit"], .comments-area .comment-content a[type="submit"], .content a.pagination_element.prev, .comments-area .comment-content a.pagination_element.prev, .content a.pagination_element.next, .comments-area .comment-content a.pagination_element.next {
        border: none;
        box-shadow: none;
        color: #fff;
        text-decoration: none
    }

.content p.btn, .comments-area .comment-content p.btn, .content p.button, .comments-area .comment-content p.button, .content p[type="button"], .comments-area .comment-content p[type="button"], .content p[type="reset"], .comments-area .comment-content p[type="reset"], .content p[type="submit"], .comments-area .comment-content p[type="submit"], .content p.pagination_element.prev, .comments-area .comment-content p.pagination_element.prev, .content p.pagination_element.next, .comments-area .comment-content p.pagination_element.next {
    padding: 0
}

.content .btn a, .comments-area .comment-content .btn a, .content .button a, .comments-area .comment-content .button a, .content button a, .comments-area .comment-content button a, .content [type="button"] a, .comments-area .comment-content [type="button"] a, .content [type="reset"] a, .comments-area .comment-content [type="reset"] a, .content [type="submit"] a, .comments-area .comment-content [type="submit"] a, .content .pagination_element.prev a, .comments-area .comment-content .pagination_element.prev a, .content .pagination_element.next a, .comments-area .comment-content .pagination_element.next a {
    display: block;
    padding: .5em 1em
}

.content blockquote, .comments-area .comment-content blockquote {
    display: block;
    /*font: italic 400 1.125em/1.5 "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font: italic 400 1.125em/1.5 'Maison Neue', Arial, sans-serif;
    padding: 0 1em;
    quotes: "“" "”" "‘" "’"
}

    .content blockquote:before, .comments-area .comment-content blockquote:before {
        content: open-quote
    }

    .content blockquote:after, .comments-area .comment-content blockquote:after {
        content: close-quote
    }

.content .pullquote, .comments-area .comment-content .pullquote {
    background-color: #006954;
    color: #000;
    margin: 3em 0;
    padding: 2em;
    position: relative
}

@media screen and (min-width: 960px) {
    .content .pullquote, .comments-area .comment-content .pullquote {
        left: -100px
    }
}

.content .pullquote:before, .comments-area .comment-content .pullquote:before {
    border-bottom: solid 30px transparent;
    border-left: solid 30px transparent;
    border-right: solid 30px #fff;
    border-top: solid 30px #fff;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px
}

.content .pullquote blockquote, .comments-area .comment-content .pullquote blockquote {
    /*font: 700 1.5em/1.2 "bureau-grot-condensed","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font: 700 1.5em/1.2 'Maison Neue', Arial, sans-serif;
    font-size: calc(1.36em + 0.7vw);
    padding: 0
}

.content .pullquote-cite, .comments-area .comment-content .pullquote-cite {
    margin: 0;
    text-align: right
}

    .content .pullquote-cite:before, .comments-area .comment-content .pullquote-cite:before {
        content: '— '
    }

.content code, .comments-area .comment-content code {
    background: #F2F2F2;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-family: 'Maison Neue', Arial, sans-serif;
    /*font-family: "Andale Mono",AndaleMono,"Lucida Console",monospace*/
}

@media screen and (min-width: 560px) {
    .content p, .comments-area .comment-content p, .content li, .comments-area .comment-content li {
        font-size: 1.125em
    }

        .content li li, .comments-area .comment-content li li {
            font-size: 1em
        }

    .content blockquote, .comments-area .comment-content blockquote {
        font-size: 1.4em;
        padding: 0 2em
    }
}

@media screen and (min-width: 960px) {
    .content .alignleft, .comments-area .comment-content .alignleft, .content .float-left, .comments-area .comment-content .float-left, .content .float_left, .comments-area .comment-content .float_left {
        float: left;
        margin-bottom: 1em;
        margin-right: 2%;
        max-width: 48%
    }

    .content .alignright, .comments-area .comment-content .alignright, .content .float-right, .comments-area .comment-content .float-right, .content .float_right, .comments-area .comment-content .float_right {
        float: right;
        margin-bottom: 1em;
        margin-left: 2%;
        max-width: 48%
    }
}

@media screen and (min-width: 1280px) {
    .content .pullquote blockquote, .comments-area .comment-content .pullquote blockquote {
        font-size: 2em
    }
}

.wp-caption {
    position: relative;
    width: auto !important
}

.wp-caption-text {
    border-bottom: solid 1px #006954;
    font-size: 0.9em !important;
    margin-top: 0;
    padding: .5em 0
}

pre {
    background-color: #fff;
    border-radius: 3px;
    font-size: 85%;
    font-family: 'Maison Neue', Arial, sans-serif;
    /*font-family: "Andale Mono",AndaleMono,"Lucida Console",monospace;*/
    line-height: 1.45;
    margin: 3em 0;
    overflow: auto;
    padding: 3em
}

p pre {
    display: inline-block;
    padding: 0
}

.search {
    position: relative
}

.search-input {
    margin: 0;
    padding-right: 44px
}

.search-button {
    border-radius: 4px;
    cursor: pointer;
    margin: .25em;
    overflow: hidden;
    padding: .5em;
    position: absolute;
    right: 0;
    top: 28%
}

    .search-button:hover {
        background: #000;
        color: #fff
    }

    .search-button .icon {
        display: block;
        height: 1em;
        width: 1em
    }

@media screen and (min-width: 560px) {
    .footer .search {
        display: inline-block
    }
}

.content table, .comments-area .comment-content table {
    display: inline-block;
    font-variant-numeric: lining-nums tabular-nums;
    height: auto !important;
    max-width: 100%;
    overflow-x: auto;
    width: auto !important
}

.content thead:nth-child(even), .comments-area .comment-content thead:nth-child(even), .content tfoot:nth-child(even), .comments-area .comment-content tfoot:nth-child(even), .content tr:nth-child(even), .comments-area .comment-content tr:nth-child(even) {
    background: #E9E5E2
}

.content thead tr td, .comments-area .comment-content thead tr td {
    background-color: #000;
    color: #fff
}

.content th, .comments-area .comment-content th, .content td, .comments-area .comment-content td {
    border: solid 1px #ccc;
    padding: .25em .5em;
    vertical-align: top
}

.content thead td, .comments-area .comment-content thead td, .content tfoot td, .comments-area .comment-content tfoot td, .content th, .comments-area .comment-content th {
    font-weight: 700
}

.home-section-title {
    color: #632F0D;
    flex: 0 100%;
    font-size: 1.6em;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 4
}

    .home-section-title span {
        border-bottom: solid 6px #632F0D;
        display: inline-block;
        padding-bottom: 5px
    }

.intro {
    background-color: #EDE9E5;
    position: relative
}

    .intro.vid .intro-img {
        height: 74vh
    }

    .intro * {
        margin-top: 0
    }

    .intro #play-pause {
        background-color: #006954;
        border: 0;
        border-radius: 100%;
        color: #fff;
        display: block;
        height: 30px;
        left: 2em;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 2em;
        width: 30px;
        z-index: 999
    }

    .intro video {
        height: auto;
        width: 100%;
        max-width: 100%;
        object-fit: cover;
        margin-top: -41%;
        transform: translateY(50%)
    }

@media screen and (min-width: 960px) {
    .intro video {
        margin-top: -50%
    }
}

.intro-play {
    background-color: #fff;
    border-radius: 100%;
    display: block;
    height: 60px;
    margin: 0 0 1.5em;
    position: relative;
    width: 60px
}

@media screen and (min-width: 960px) {
    .intro-play {
        margin: 0;
        position: absolute;
        right: 0;
        top: -80px
    }
}

.intro-play:hover {
    background-color: #006954
}

    .intro-play:hover .icon {
        color: #fff
    }

.intro-play .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #006954;
    height: 2.5em;
    width: 2.5em
}

.intro-img {
    height: 50vh;
    position: relative;
    z-index: 5
}

@media screen and (min-width: 700px) {
    .intro-img {
        height: auto
    }
}

@media screen and (min-width: 960px) {
    .intro-img {
        padding-bottom: 6em;
        z-index: 1
    }
}

.intro-img img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.intro-info {
    background-color: rgba(99,47,13,0.8);
    color: #fff;
    height: 100%;
    left: 0;
    padding: 2em;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 6
}

@media screen and (min-width: 960px) {
    .intro-info {
        background-color: transparent;
        height: auto;
        margin: 0 5em 0 0;
        padding: 0;
        left: auto;
        right: 0;
        text-align: right;
        top: 8em;
        width: 24%;
        z-index: 5
    }
}

@media screen and (min-width: 1280px) {
    .intro-info {
        top: 15em;
        width: 28%
    }
}

@media screen and (min-width: 1440px) {
    .intro-info {
        top: 17em;
        width: 32%
    }
}

.intro-info p {
    font-size: 1.2em;
    padding: 1.5em 0;
    width: 100%
}

@media screen and (min-width: 960px) {
    .intro-info p {
        float: right
    }
}

.intro-info .button:hover, .intro-info button:hover, .intro-info :hover[type="button"], .intro-info :hover[type="reset"], .intro-info :hover[type="submit"], .intro-info .pagination_element.prev:hover, .intro-info .pagination_element.next:hover {
    background-color: #fff;
    color: #000
}

.intro-info .button + .button, .intro-info button + .button, .intro-info [type="button"] + .button, .intro-info [type="reset"] + .button, .intro-info [type="submit"] + .button, .intro-info .pagination_element.prev + .button, .intro-info .pagination_element.next + .button, .intro-info .button + button, .intro-info button + button, .intro-info [type="button"] + button, .intro-info [type="reset"] + button, .intro-info [type="submit"] + button, .intro-info .pagination_element.prev + button, .intro-info .pagination_element.next + button, .intro-info .button + [type="button"], .intro-info button + [type="button"], .intro-info [type="button"] + [type="button"], .intro-info [type="reset"] + [type="button"], .intro-info [type="submit"] + [type="button"], .intro-info .pagination_element.prev + [type="button"], .intro-info .pagination_element.next + [type="button"], .intro-info .button + [type="reset"], .intro-info button + [type="reset"], .intro-info [type="button"] + [type="reset"], .intro-info [type="reset"] + [type="reset"], .intro-info [type="submit"] + [type="reset"], .intro-info .pagination_element.prev + [type="reset"], .intro-info .pagination_element.next + [type="reset"], .intro-info .button + [type="submit"], .intro-info button + [type="submit"], .intro-info [type="button"] + [type="submit"], .intro-info [type="reset"] + [type="submit"], .intro-info [type="submit"] + [type="submit"], .intro-info .pagination_element.prev + [type="submit"], .intro-info .pagination_element.next + [type="submit"], .intro-info .button + .pagination_element.prev, .intro-info button + .pagination_element.prev, .intro-info [type="button"] + .pagination_element.prev, .intro-info [type="reset"] + .pagination_element.prev, .intro-info [type="submit"] + .pagination_element.prev, .intro-info .pagination_element.prev + .pagination_element.prev, .intro-info .pagination_element.next + .pagination_element.prev, .intro-info .button + .pagination_element.next, .intro-info button + .pagination_element.next, .intro-info [type="button"] + .pagination_element.next, .intro-info [type="reset"] + .pagination_element.next, .intro-info [type="submit"] + .pagination_element.next, .intro-info .pagination_element.prev + .pagination_element.next, .intro-info .pagination_element.next + .pagination_element.next {
    margin-left: 1em;
    margin-top: 1em
}

@media screen and (min-width: 1440px) {
    .intro-info .button + .button, .intro-info button + .button, .intro-info [type="button"] + .button, .intro-info [type="reset"] + .button, .intro-info [type="submit"] + .button, .intro-info .pagination_element.prev + .button, .intro-info .pagination_element.next + .button, .intro-info .button + button, .intro-info button + button, .intro-info [type="button"] + button, .intro-info [type="reset"] + button, .intro-info [type="submit"] + button, .intro-info .pagination_element.prev + button, .intro-info .pagination_element.next + button, .intro-info .button + [type="button"], .intro-info button + [type="button"], .intro-info [type="button"] + [type="button"], .intro-info [type="reset"] + [type="button"], .intro-info [type="submit"] + [type="button"], .intro-info .pagination_element.prev + [type="button"], .intro-info .pagination_element.next + [type="button"], .intro-info .button + [type="reset"], .intro-info button + [type="reset"], .intro-info [type="button"] + [type="reset"], .intro-info [type="reset"] + [type="reset"], .intro-info [type="submit"] + [type="reset"], .intro-info .pagination_element.prev + [type="reset"], .intro-info .pagination_element.next + [type="reset"], .intro-info .button + [type="submit"], .intro-info button + [type="submit"], .intro-info [type="button"] + [type="submit"], .intro-info [type="reset"] + [type="submit"], .intro-info [type="submit"] + [type="submit"], .intro-info .pagination_element.prev + [type="submit"], .intro-info .pagination_element.next + [type="submit"], .intro-info .button + .pagination_element.prev, .intro-info button + .pagination_element.prev, .intro-info [type="button"] + .pagination_element.prev, .intro-info [type="reset"] + .pagination_element.prev, .intro-info [type="submit"] + .pagination_element.prev, .intro-info .pagination_element.prev + .pagination_element.prev, .intro-info .pagination_element.next + .pagination_element.prev, .intro-info .button + .pagination_element.next, .intro-info button + .pagination_element.next, .intro-info [type="button"] + .pagination_element.next, .intro-info [type="reset"] + .pagination_element.next, .intro-info [type="submit"] + .pagination_element.next, .intro-info .pagination_element.prev + .pagination_element.next, .intro-info .pagination_element.next + .pagination_element.next {
        margin-top: 0
    }
}

.intro-heading {
    float: right;
    font-size: 1.8em;
    margin: 0;
    width: 100%
}

@media screen and (min-width: 1280px) {
    .intro-heading {
        font-size: 2em
    }
}

@media screen and (min-width: 1440px) {
    .intro-heading {
        font-size: 2.6em;
        width: 80%
    }
}

.intro .intro-shape {
    bottom: auto;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 150px;
    z-index: 6
}

@media screen and (min-width: 960px) {
    .intro .intro-shape {
        margin-top: -2em
    }
}

@media screen and (min-width: 700px) {
    .intro .intro-shape {
        width: auto
    }
}

@media screen and (min-width: 960px) {
    .intro .intro-shape {
        bottom: -150px;
        margin-top: 0
    }
}

.strip {
    background: url("../images/shape2.svg") no-repeat top right;
    background-size: 100%;
    height: 100%;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3
}

.feat {
    margin-top: 0;
    padding: 0 1.5em 0;
    position: relative;
    z-index: 4
}

@media screen and (min-width: 560px) {
    .feat {
        padding: 0 1.5em 12em
    }
}

@media screen and (min-width: 960px) {
    .feat {
        padding: 0 1.5em
    }
}

.feat.large {
    flex: 0 100%;
    margin: 4em 0 0;
    padding: 0 1.5em 6.5em
}

@media screen and (min-width: 960px) {
    .feat.large {
        margin: 0 0 6em
    }
}

@media screen and (min-width: 1280px) {
    .feat.large {
        margin: 0
    }
}

.feat.large .feat-info {
    background-color: #006954;
    bottom: 3em;
    color: #000;
    margin-top: 0;
    right: 0;
    top: auto
}

@media screen and (min-width: 560px) {
    .feat.large .feat-info {
        bottom: 11em
    }
}

@media screen and (min-width: 700px) {
    .feat.large .feat-info {
        right: 8em
    }
}

@media screen and (min-width: 960px) {
    .feat.large .feat-info {
        bottom: -20px
    }
}

@media screen and (min-width: 960px) {
    .feat.large .feat-info {
        background-color: #fff;
        bottom: 6em
    }
}

.feat.large .feat-info:before, .feat.large .feat-info:after {
    border-right: 100px solid transparent
}

.feat.large .feat-info:after {
    border-top: 100px solid #006954
}

@media screen and (min-width: 960px) {
    .feat.large .feat-info:after {
        border-top: 100px solid #fff
    }
}

.feat.large .feat-img {
    margin-top: 0;
    padding: 0 1.5em 0 0;
    position: relative
}

    .feat.large .feat-img img {
        clip-path: none;
        margin-top: 0;
        padding: 0
    }

    .feat.large .feat-img .home-section-title {
        color: #fff;
        left: 1.5em;
        position: absolute;
        text-shadow: 0 0 6px rgba(0,0,0,0.5);
        top: 2em
    }

@media screen and (min-width: 560px) {
    .feat.large .feat-img .home-section-title {
        left: 2em;
        top: 2em
    }
}

@media screen and (min-width: 960px) {
    .feat.large .feat-img .home-section-title {
        left: 5em;
        top: 4em
    }
}

.feat.large .feat-img .home-section-title span {
    border-bottom-color: #fff
}

.feat.large .button, .feat.large button, .feat.large [type="button"], .feat.large [type="reset"], .feat.large [type="submit"], .feat.large .pagination_element.prev, .feat.large .pagination_element.next {
    background-color: #fff
}

@media screen and (min-width: 960px) {
    .feat.large .button, .feat.large button, .feat.large [type="button"], .feat.large [type="reset"], .feat.large [type="submit"], .feat.large .pagination_element.prev, .feat.large .pagination_element.next {
        background-color: #006954
    }
}

.feat.alt {
    background-color: #E9E5E2;
    margin-bottom: 0;
    padding: 0 0 11em
}

@media screen and (min-width: 700px) {
    .feat.alt {
        padding: 0 0 6em
    }
}

.feat.alt .feat-img {
    padding: 0;
    position: relative
}

    .feat.alt .feat-img:before {
        background: url("../images/shape5.svg") no-repeat top right;
        bottom: 0;
        content: '';
        display: block;
        height: 160px;
        position: absolute;
        right: 0;
        width: 100%
    }

@media screen and (min-width: 560px) {
    .feat.alt .feat-img:before {
        height: 394px
    }
}

.feat.alt .feat-info {
    background-color: #006954;
    bottom: 0;
    color: #000;
    left: 0;
    padding-bottom: 1em;
    right: auto;
    top: auto
}

@media screen and (min-width: 560px) {
    .feat.alt .feat-info {
        bottom: 9em;
        left: 2.5em
    }
}

.feat.alt .feat-info:after {
    border-top: 100px solid #006954
}

.feat.alt .feat-info .button, .feat.alt .feat-info button, .feat.alt .feat-info [type="button"], .feat.alt .feat-info [type="reset"], .feat.alt .feat-info [type="submit"], .feat.alt .feat-info .pagination_element.prev, .feat.alt .feat-info .pagination_element.next {
    background-color: #fff
}

    .feat.alt .feat-info .button:hover, .feat.alt .feat-info button:hover, .feat.alt .feat-info :hover[type="button"], .feat.alt .feat-info :hover[type="reset"], .feat.alt .feat-info :hover[type="submit"], .feat.alt .feat-info .pagination_element.prev:hover, .feat.alt .feat-info .pagination_element.next:hover {
        background-color: #000
    }

.feat-img {
    margin: 5em 0 0;
    width: 100%
}

@media screen and (min-width: 560px) {
    .feat-img {
        margin: 0
    }
}

.feat-img img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0% 80%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0% 80%);
    height: 100%;
    object-fit: cover;
    padding-top: 0;
    width: 100%
}

@media screen and (min-width: 700px) {
    .feat-img img {
        padding-top: 13em
    }
}

@media screen and (min-width: 960px) {
    .feat-img img {
        padding-top: 26%
    }
}

.feat-inner {
    display: block;
    margin-bottom: -60px;
    position: relative;
    z-index: 2
}

.feat-item {
    flex: 0 100%;
    padding: 0 1% 0 0;
    position: relative
}

@media screen and (min-width: 560px) {
    .feat-item {
        flex: 0 50%;
        max-width: 50%
    }
}

.feat-item:nth-child(2) {
    margin-top: 2em;
    padding: 0 0 0 1%
}

@media screen and (min-width: 700px) {
    .feat-item:nth-child(2) {
        margin-top: 6em
    }
}

.feat-item:nth-child(2) .feat-img img {
    -webkit-clip-path: polygon(0 0, 80% 0%, 100% 20%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 80% 0%, 100% 20%, 100% 100%, 0 100%);
    padding-bottom: 12%;
    padding-top: 0
}

@media screen and (min-width: 700px) {
    .feat-item:nth-child(2) .feat-info {
        bottom: -2em;
        left: -10em;
        right: auto;
        top: auto
    }
}

@media screen and (min-width: 960px) {
    .feat-item:nth-child(2) .feat-info {
        bottom: 0;
        left: -6em
    }
}

@media screen and (min-width: 1280px) {
    .feat-item:nth-child(2) .feat-info {
        left: 6em
    }
}

.feat-info {
    background-color: #000;
    bottom: auto;
    color: #fff;
    padding: 2em 2em 0;
    position: relative;
    z-index: 5
}

@media screen and (min-width: 560px) {
    .feat-info {
        width: 500px
    }
}

@media screen and (min-width: 700px) {
    .feat-info {
        position: absolute;
        right: -8em;
        top: 0
    }
}

@media screen and (min-width: 960px) {
    .feat-info {
        right: -6em
    }
}

@media screen and (min-width: 1280px) {
    .feat-info {
        right: 17%
    }
}

.feat-info .date {
    color: #fff;
    font-size: 0.9em
}

.feat-info:before, .feat-info:after {
    bottom: 100%;
    border-right: 30px solid transparent;
    content: "";
    position: absolute;
    left: 0;
    right: 0
}

@media screen and (min-width: 700px) {
    .feat-info:before, .feat-info:after {
        border-right: 100px solid transparent
    }
}

.feat-info:after {
    bottom: auto;
    top: 100%;
    border-bottom: none;
    border-top: 30px solid #000
}

@media screen and (min-width: 700px) {
    .feat-info:after {
        border-top: 100px solid #000
    }
}

.feat-small {
    background-color: #000;
    justify-content: space-between;
    margin-top: 0;
    padding: 3em;
    position: relative;
    z-index: 5
}

@media screen and (min-width: 700px) {
    .feat-small {
        z-index: auto
    }
}

@media screen and (min-width: 1280px) {
    .feat-small {
        background-color: transparent;
        padding: 3em 12% 5em
    }
}

.feat-small.no-img {
    background-color: #E9E5E2;
    padding-bottom: 5em;
    padding-top: 0
}

    .feat-small.no-img:after {
        border-bottom: solid 80px #fff;
        border-right: solid 80px #fff;
        border-left: solid 80px transparent;
        border-top: solid 80px transparent;
        bottom: 0;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        width: 80px;
        height: 80px
    }

    .feat-small.no-img .home-section-title {
        color: #632F0D;
        padding: 0 0 2em;
        text-align: center
    }

    .feat-small.no-img .feat-small-info {
        color: #000;
        padding-top: 0
    }

.feat-small .home-section-title {
    color: #fff;
    padding: 0 0 3em;
    text-align: center
}

@media screen and (min-width: 960px) {
    .feat-small .home-section-title {
        padding: 4em 0 3em
    }
}

@media screen and (min-width: 1280px) {
    .feat-small .home-section-title {
        color: #632F0D;
        text-align: left
    }
}

.feat-small .home-section-title span {
    border-bottom-color: #fff
}

@media screen and (min-width: 1280px) {
    .feat-small .home-section-title span {
        border-bottom-color: #632F0D
    }
}

.feat-small * {
    margin-top: 0
}

.feat-small-item {
    flex: 0 100%;
    margin: 0 0 2em 0;
    position: relative;
    z-index: 4
}

@media screen and (min-width: 560px) {
    .feat-small-item {
        flex: 0 48%;
        margin: 0;
        max-width: 48%
    }
}

.feat-small-item:nth-child(3) .feat-small-img img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 84% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 75%, 84% 100%, 0 100%)
}

.feat-small-img {
    margin: 0;
    width: 100%
}

    .feat-small-img img {
        -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 27%);
        clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 27%);
        height: 100%;
        object-fit: cover;
        width: 100%
    }

.feat-small-info {
    color: #fff;
    padding: 1em 0 0 0
}

@media screen and (min-width: 960px) {
    .feat-small-info {
        padding: 3em 3em 0 6em
    }
}

.feat-small-info p {
    padding: 1.5em 0
}

.feat-small-bg {
    background: url("../images/shape3.svg") no-repeat top right;
    background-size: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.stats-outer {
    margin-top: 0;
    padding: 3em 12% 1em;
    position: relative
}

@media screen and (min-width: 700px) {
    .stats-outer {
        padding: 3em 12% 5em
    }
}

.stats-outer:before {
    border-bottom: solid 80px transparent;
    border-right: solid 80px transparent;
    border-left: solid 80px #000;
    border-top: solid 80px #000;
    content: '';
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px;
    height: 80px
}

@media screen and (min-width: 960px) {
    .stats-outer:before {
        display: block
    }
}

.stats-outer .button, .stats-outer button, .stats-outer [type="button"], .stats-outer [type="reset"], .stats-outer [type="submit"], .stats-outer .pagination_element.prev, .stats-outer .pagination_element.next, .stats-outer .home-section-title, .stats-outer .home-section-summary {
    position: relative;
    z-index: 5
}

.stats-outer .home-section-title {
    padding: 1em 0 0
}

.stats-outer .home-section-summary {
    font-family: 'Maison Neue', Arial, sans-serif;
    /*font-family: "bureau-grot-condensed","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 0.03em
}

.stats-outer .stats {
    align-items: flex-start;
    justify-content: center;
    margin-top: 0;
    padding: 3.5em 0 2.5em;
    position: relative;
    z-index: 4
}

    .stats-outer .stats * {
        margin-top: 0
    }

.stats-outer .stats-icon {
    height: 100px;
    width: 100%
}

    .stats-outer .stats-icon img {
        margin: 0;
        width: 80px
    }

.stats-outer .stats-item {
    align-content: space-between;
    margin-top: 2em;
    flex: 0 100%
}

@media screen and (min-width: 700px) {
    .stats-outer .stats-item {
        flex: 0 50%;
        margin-top: 0;
        max-width: 50%
    }
}

@media screen and (min-width: 960px) {
    .stats-outer .stats-item {
        flex: 0 33.33%;
        max-width: 33.33%
    }
}

.stats-outer .stats-item:first-child .stats-icon img {
    width: 105px
}

.stats-outer .stats-item:last-child {
    margin-left: 0
}

@media screen and (min-width: 700px) {
    .stats-outer .stats-item:last-child {
        margin-top: 2em
    }
}

@media screen and (min-width: 960px) {
    .stats-outer .stats-item:last-child {
        margin-top: 0
    }
}

.stats-outer .stats-heading {
    padding: 1.5em 2em 0 0
}

.stats-outer .stats-bg {
    background: url("../images/shape4.svg") no-repeat top right;
    height: 150%;
    position: absolute;
    right: 0;
    top: -300px;
    width: 100%
}

@media screen and (min-width: 700px) {
    .stats-outer .stats-bg {
        top: -200px
    }
}

.donate-page .header {
    justify-content: center
}

.donate-page .header-nav, .donate-page .secnav-outer, .donate-page .donate, .donate-page .tagline-donate, .donate-page .menu-button {
    display: none
}

.donate-page .header-logo {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 1.5em 0
}

@media screen and (min-width: 960px) {
    .donate-page .header-logo {
        display: inline-block;
        margin: 1.5em 2.5em 1.5em 1.5em;
        padding: 0
    }
}

.donate-page .tagline {
    margin: 0;
    text-align: center
}

@media screen and (min-width: 960px) {
    .donate-page .tagline {
        margin: 2em 0 0;
        text-align: left
    }
}

.donate {
    text-align: center
}

.donate-options {
    max-width: 26.66667em;
    margin-top: -25px
}

.donate-label {
    background: #fff;
    border: 1px solid #006954;
    color: #006954;
    cursor: pointer;
    float: left;
    font-weight: 700;
    margin: 0;
    padding: .5em 1em;
    width: 50%;
    font-size: 1.5em
}

    .donate-label:first-child {
        border-radius: 4px 0 0 4px
    }

    .donate-label:last-child {
        border-radius: 0 4px 4px 0
    }

.donate-form {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 1em;
    max-width: 26.66667em
}

.donate-header {
    background: #006954;
    border-bottom: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
    color: #fff;
    padding: 1em
}

.donate-amount {
    border: 0;
    font-size: 1.75em;
    padding: 0;
    position: relative;
    max-width: 100%
}

@media screen and (min-width: 560px) {
    .donate-amount {
        max-width: 75%
    }
}

@media screen and (min-width: 960px) {
    .donate-amount {
        max-width: 50%
    }
}

.donate-amount-label {
    left: 0;
    padding: .5em 1em;
    position: absolute
}

.donate-amount-input {
    background: #fff;
    border: none;
    font-weight: 700;
    margin: 0;
    padding-left: 2em
}

    .donate-amount-input:placeholder-shown {
        font-weight: 400
    }

.donate-submit {
    /*width: 100%*/
}

@media screen and (max-width:480px) {
    .emailfield {
        max-width:100%!important
    }

    .carddetails {
        max-width:100%!important;
        flex:0 100%!important
    }
}

@media screen and (min-width: 960px) {
    .donate-form {
        padding-bottom: 2em
    }


}

#donate-once:checked ~ .donate-options .donate-once, #donate-monthly:checked ~ .donate-options .donate-monthly {
    background: #006954;
    color: #006954
}

#donate-once:checked ~ .donate-form .donate-header-title span {
    display: none
}

.donate-form-full {
    background-color: #fff;
    margin-top: 3em
}

    .donate-form-full .progress {
        padding: .5em 1em;
        position: absolute;
        right: 1em;
        text-align: right;
        top: 1em
    }

    .donate-form-full .progress-bar {
        background: url("../../images/tyre-track-grey.png") repeat-x;
        background-size: 50%;
        height: 50px;
        margin-top: .5em;
        position: relative;
        width: 200px
    }

    .donate-form-full .progress-over {
        background: url("../../images/tyre-track-orange.png") repeat-x;
        background-size: 50%;
        height: 50px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .donate-form-full form {
        border: 0;
        position: relative
    }

        .donate-form-full form fieldset {
            background-color: #E9E5E2;
            line-height: auto;
            border: 0;
            padding: 5em 3em;
            position: relative;
            margin-bottom: 3em;
            position: relative;
            text-align: left
        }

fieldset {
    background-color: #E9E5E2;
    line-height: auto;
    border: 0;
    padding: 5em 3em;
    position: relative;
    margin-bottom: 3em;
    position: relative;
    text-align: left
}

@media screen and (min-width: 960px) {
    .donate-form-full form fieldset {
        padding: 3em 5em
    }
}

.donate-form-full form fieldset:first-child .progress-over {
    background-size: 200%;
    width: 25%
}

.donate-form-full form fieldset:nth-child(2) .progress-over {
    background-size: 100%;
    width: 50%
}

.donate-form-full form fieldset:nth-child(3) .progress-over {
    background-size: 66%;
    width: 75%
}

.donate-form-full fieldset:after {
    border-bottom: solid 60px #fff;
    border-right: solid 60px #fff;
    border-left: solid 60px transparent;
    border-top: solid 60px transparent;
    bottom: 0;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 60px;
    height: 60px
}

.donate-form-full form fieldset h3 {
    margin-top: 0
}

.donate-form-full form fieldset .grid {
    margin: -1em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0
}

.donate-form-full form fieldset legend {
    position: relative;
    font-size: 3em;
    padding-bottom: 0;
    text-align: left;
    border: 0
}

.donate-form-full form fieldset .form-field {
    text-align: left
}

@media screen and (min-width: 1280px) {
    .donate-form-full form fieldset .form-field {
        flex: 1 50% !important;
        width: 50% !important
    }
}

.donate-form-full form fieldset .form-field label {
    font-size: 1.25em
}

.donate-form-full form fieldset .form-field input, .donate-form-full form fieldset .form-field select {
    font-size: 1.25em;
    border: 0;
    border-radius: 0
}

.donate-form-full fieldset .form-checkboxes {
    display: block
}

    .donate-form-full fieldset .form-checkboxes .form-checkbox .checkbox-container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 1.25em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .donate-form-full fieldset .form-checkboxes .form-checkbox .checkbox-container input {
            position: absolute;
            opacity: 0;
            cursor: pointer
        }

            .donate-form-full fieldset .form-checkboxes .form-checkbox .checkbox-container input:checked ~ .checkmark {
                background-color: #000
            }

                .donate-form-full fieldset .form-checkboxes .form-checkbox .checkbox-container input:checked ~ .checkmark:after {
                    display: block
                }

    .donate-form-full fieldset .form-checkboxes .form-checkbox .checkmark {
        position: absolute;
        top: 4px;
        left: 0;
        height: 25px;
        margin: 0;
        width: 25px;
        background-color: #fff
    }

        .donate-form-full fieldset .form-checkboxes .form-checkbox .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 9px;
            top: 5px;
            width: 7px;
            height: 13px;
            border: solid #fff;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

.donate-form-full form fieldset .donate-submit {
    margin-top: 1em
}

.donate-form-full  .giftaid-logo {
    float: right;
    margin-left: 1em;
    margin-top: 5em;
    position: relative
}

.donate-form-full form .donate-submit {
    display: block;
    margin: 0;
    width: auto;
    position: relative
}

.local-task-list {
    text-align: center
}

.local-task-list-base {
    background-color: #4D4D4D;
    bottom: 0;
    margin-top: 0;
    padding: 1em 0;
    position: fixed;
    width: 100%
}

    .local-task-list-base * {
        margin-top: 0
    }

.local-task-list-block {
    background: #000;
    border-radius: 4px;
    color: #fff;
    display: block;
    line-height: 35px;
    list-style: none;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 560px) {
    .local-task-list-block {
        display: inline-block;
        margin-left: 1em;
        width: auto
    }
}

.local-task-list-block:hover {
    background: #1f1f1f
}

.local-task-list-block:first-child {
    margin-left: 0
}

.local-task-list-block a {
    display: block
}

@media screen and (min-width: 560px) {
    .local-task-list-block a {
        padding: 0 .66667em
    }
}

#toolbar-administration * + * {
    margin: 0
}

.metadata {
    color: #006954
}

.metadata-link {
    font-weight: 700
}

.metadata time {
    font-weight: 700
}

.metalabel {
    color: #000;
    display: block
}

.metatag {
    float: left;
    margin: .25em .25em 0 0
}

.metatag-link {
    background: #F2F2F2;
    border-radius: 4px;
    color: #666;
    display: block;
    /*font: 700 0.9em/1.5 "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font: 700 0.9em/1.5 'Maison Neue', Arial, sans-serif;
    padding: .25em .5em
}

    .metatag-link:hover {
        background: #006954;
        color: #fff
    }

.container .pagination {
    border-top: solid 1px #006954;
    padding: 1.5em 0
}

@media screen and (min-width: 560px) {
    .container .pagination {
        justify-content: center;
        margin-left: 1em
    }
}

@media screen and (min-width: 960px) {
    .container .pagination {
        justify-content: flex-start
    }
}

.container .item + .pagination {
    margin-left: 0;
    margin-top: 2em
}

.pagination {
    text-align: center;
    justify-content: space-between
}

    .pagination a:hover {
        background: #E9E5E2
    }

.pagination_block {
    margin: 0
}

    .pagination_block.numeral {
        display: none
    }

.pagination_element {
    border-radius: 4px;
    display: block;
    overflow: hidden
}

    .pagination_element.prev, .pagination_element.next {
        display: block
    }

    .pagination_element.current {
        box-shadow: 0 0 0 1px #006954 inset;
        color: #006954
    }

@media screen and (min-width: 560px) {
    .pagination {
        justify-content: center
    }

    .pagination_block {
        margin: 0 .25em
    }

        .pagination_block.numeral {
            display: block
        }

    .pagination_element {
        display: block;
        padding: .5em 1em
    }
}

.pagination_block.next {
    float: right
}

.pagination_block.view_all {
    display: none
}

.comments-area {
    max-width: 53.33333em
}

    .comments-area .comments-title, .comments-area .comment-reply-title {
        background: #F2F2F2;
        color: #999;
        /*font: 700 1.2em/1.2 "bureau-grot-condensed","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
        font: 700 1.2em/1.2 'Maison Neue', Arial, sans-serif;
        padding: 1rem;
        text-transform: uppercase
    }

    .comments-area .comment-body {
        border-bottom: 1px solid #E9E5E2;
        margin-bottom: 1.5em;
        padding-bottom: 1.5em;
        position: relative
    }

    .comments-area .comment-meta .fn {
        color: #4D4D4D;
        font-weight: 700
    }

    .comments-area .comment .avatar {
        border-radius: 100%;
        float: left;
        height: 3em;
        margin-right: .5em;
        width: 3em
    }

    .comments-area .comment-metadata {
        font-size: 0.9em;
        margin-top: .5em
    }

    .comments-area .comment-content {
        margin-top: 1em
    }

    .comments-area .comment .reply {
        font-size: 0.9em;
        margin-top: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0
    }

        .comments-area .comment .reply li {
            float: right;
            margin-left: .5em
        }

    .comments-area .children {
        margin-left: 2em
    }

.breadcrumbs {
    background-color: #4D4D4D;
    color: #4D4D4D;
    font-size: 1rem;
    margin-top: 0;
    padding: 1em 0
}

.breadcrumbs-list {
    display: block;
    color: #fff
}

.breadcrumbs-list-item {
    display: inline-block;
    margin-top: 0
}

.breadcrumbs-list-link {
    font-weight: 700
}

    .breadcrumbs-list-link:hover {
        color: #006954
    }

.breadcrumbs-list-divider {
    color: #B3B3B3;
    margin: 0
}

.hero {
    background: #333;
    overflow: hidden;
    position: relative
}

.no-objectfit .hero-image {
    height: auto
}

@media screen and (min-width: 700px) {
    .hero-image {
        height: 100%;
        position: absolute;
        width: 100%
    }
}

.hero-image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.no-objectfit .hero-image img {
    width: auto
}

.hero-header {
    position: relative;
    z-index: 2
}

.hero-header-inner {
    position: relative;
    z-index: 2
}

@media screen and (min-width: 700px) {
    .hero-header-inner {
        top: -34px
    }
}

.hero-header-inner .button, .hero-header-inner button, .hero-header-inner [type="button"], .hero-header-inner [type="reset"], .hero-header-inner [type="submit"], .hero-header-inner .pagination_element.prev, .hero-header-inner .pagination_element.next {
    background-color: #000;
    color: #fff;
    margin-top: 2em
}

.hero-image + .hero-header {
    padding: 0
}

@media screen and (min-width: 700px) {
    .hero-image + .hero-header {
        padding: 16vw 0 0
    }
}

.hero-header-title {
    color: #000
}

.hero-header-summary p {
    color: #000;
    font-family: 'Maison Neue', Arial, sans-serif;
    /*font-family: "acumin-pro","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font-size: 1.3em
}

@media screen and (min-width: 560px) {
    .hero-header-summary p {
        font-size: 1.5em
    }
}

.hero-header .button:hover, .hero-header button:hover, .hero-header :hover[type="button"], .hero-header :hover[type="reset"], .hero-header :hover[type="submit"], .hero-header .pagination_element.prev:hover, .hero-header .pagination_element.next:hover {
    background-color: #fff;
    color: #000
}

.hero-header .container {
    background-color: #006954;
    padding: 1.5em;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 560px) {
    .hero-header .container {
        padding: 3em
    }
}

@media screen and (min-width: 700px) {
    .hero-header .container {
        background-color: #006954;
        margin-top: 100px;
        padding: 0 3em
    }
}

.hero-header .container:before, .hero-header .container:after {
    bottom: 100%;
    border-right: 30px solid transparent;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1
}

@media screen and (min-width: 700px) {
    .hero-header .container:before, .hero-header .container:after {
        border-right: 100px solid transparent
    }
}

.hero-header .container:after {
    bottom: auto;
    top: -68px;
    border-top: none;
    border-bottom: 30px solid #006954
}

@media screen and (min-width: 700px) {
    .hero-header .container:after {
        border-bottom: 68px solid #006954
    }
}

@media screen and (min-width: 960px) {
    .hero-header-title {
        font-size: 3.5em
    }
}

.cta {
    position: relative;
    text-align: center
}

@media screen and (min-width: 560px) {
    .cta {
        padding: 0 20%
    }
}

@media screen and (min-width: 960px) {
    .cta {
        padding: 0 5%
    }
}

.feat-feed * {
    margin-top: 0
}

.feat-feed.expired .feat-feed-img img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.feat-feed.expired .feat-feed-meta .button, .feat-feed.expired .feat-feed-meta button, .feat-feed.expired .feat-feed-meta [type="button"], .feat-feed.expired .feat-feed-meta [type="reset"], .feat-feed.expired .feat-feed-meta [type="submit"], .feat-feed.expired .feat-feed-meta .pagination_element.prev, .feat-feed.expired .feat-feed-meta .pagination_element.next {
    background-color: #E9E5E2
}

@media screen and (min-width: 560px) {
    .feat-feed.expired + .button, .feat-feed.expired + button, .feat-feed.expired + [type="button"], .feat-feed.expired + [type="reset"], .feat-feed.expired + [type="submit"], .feat-feed.expired + .pagination_element.prev, .feat-feed.expired + .pagination_element.next {
        margin-left: .5em
    }
}

@media screen and (min-width: 700px) {
    .feat-feed.expired + .button, .feat-feed.expired + button, .feat-feed.expired + [type="button"], .feat-feed.expired + [type="reset"], .feat-feed.expired + [type="submit"], .feat-feed.expired + .pagination_element.prev, .feat-feed.expired + .pagination_element.next {
        margin-left: 1em
    }
}

.feat-feed .feat-feed-heading {
    border-top: solid 1px #E9E5E2;
    flex: 0 100%;
    margin: 0 2%;
    padding: 1em 0
}

.feat-feed-item {
    flex: 0 100%;
    margin: 0 0 2em 0;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 560px) {
    .feat-feed-item {
        flex: 0 46%;
        margin: 0 2% 2em
    }
}

@media screen and (min-width: 700px) {
    .feat-feed-item {
        flex: 0 29.33%
    }
}

.feat-feed-item.main {
    flex: 0 100%;
    margin: 0 0 3em
}

@media screen and (min-width: 560px) {
    .feat-feed-item.main {
        margin: 0 2% 3em
    }
}

@media screen and (min-width: 960px) {
    .feat-feed-item.main {
        margin: 0 2% 4em
    }
}

.feat-feed-item.main .feat-feed-img:before {
    border-bottom: solid 30px transparent;
    border-left: solid 30px transparent;
    border-right: solid 30px #fff;
    border-top: solid 30px #fff;
    width: 30px;
    height: 30px
}

@media screen and (min-width: 1280px) {
    .feat-feed-item.main .feat-feed-img:before {
        border-bottom: solid 80px transparent;
        border-left: solid 80px transparent;
        border-right: solid 80px #fff;
        border-top: solid 80px #fff;
        width: 80px;
        height: 80px
    }
}

.feat-feed-item.main .feat-feed-img .calendar {
    left: 2em;
    padding: 1em;
    top: 2em
}

@media screen and (min-width: 960px) {
    .feat-feed-item.main .feat-feed-img .calendar {
        padding: .5em
    }
}

@media screen and (min-width: 1280px) {
    .feat-feed-item.main .feat-feed-img .calendar {
        padding: 1em
    }
}

.feat-feed-item.main .feat-feed-img .calendar h4 {
    font-size: 2.4em
}

@media screen and (min-width: 960px) {
    .feat-feed-item.main .feat-feed-img .calendar h4 {
        font-size: 1.4em
    }
}

@media screen and (min-width: 1280px) {
    .feat-feed-item.main .feat-feed-img .calendar h4 {
        font-size: 2.4em
    }
}

.feat-feed-item.main .feat-feed-img .calendar .month {
    font-size: 1.4em
}

@media screen and (min-width: 960px) {
    .feat-feed-item.main .feat-feed-img .calendar .month {
        display: inline-block
    }
}

@media screen and (min-width: 1280px) {
    .feat-feed-item.main .feat-feed-img .calendar .month {
        display: block
    }
}

.feat-feed-item.main .feat-feed-meta {
    background-color: #006954;
    padding: 2em
}

@media screen and (min-width: 960px) {
    .feat-feed-item.main .feat-feed-meta {
        background-color: transparent;
        border: 0;
        bottom: 0;
        left: 0;
        position: absolute
    }
}

.feat-feed-item.main .feat-feed-meta:after {
    background-color: #006954;
    bottom: -375px;
    content: '';
    display: none;
    height: 600px;
    left: -150px;
    position: absolute;
    transform: rotate(15deg);
    width: 1200px
}

@media screen and (min-width: 960px) {
    .feat-feed-item.main .feat-feed-meta:after {
        display: block
    }
}

.feat-feed-item.main .feat-feed-meta h3 {
    border-bottom: solid 5px #fff;
    display: inline-block;
    font-size: 2em
}

.feat-feed-item.main .feat-feed-meta h3, .feat-feed-item.main .feat-feed-meta p {
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,0.8)
}

.feat-feed-item.main .feat-feed-meta p {
    font-weight: 700
}

.feat-feed-item.main .feat-feed-meta .button, .feat-feed-item.main .feat-feed-meta button, .feat-feed-item.main .feat-feed-meta [type="button"], .feat-feed-item.main .feat-feed-meta [type="reset"], .feat-feed-item.main .feat-feed-meta [type="submit"], .feat-feed-item.main .feat-feed-meta .pagination_element.prev, .feat-feed-item.main .feat-feed-meta .pagination_element.next {
    background-color: #fff
}

    .feat-feed-item.main .feat-feed-meta .button:hover, .feat-feed-item.main .feat-feed-meta button:hover, .feat-feed-item.main .feat-feed-meta :hover[type="button"], .feat-feed-item.main .feat-feed-meta :hover[type="reset"], .feat-feed-item.main .feat-feed-meta :hover[type="submit"], .feat-feed-item.main .feat-feed-meta .pagination_element.prev:hover, .feat-feed-item.main .feat-feed-meta .pagination_element.next:hover {
        background-color: #000;
        color: #fff
    }

.feat-feed-img:before {
    border-bottom: solid 30px transparent;
    border-left: solid 30px transparent;
    border-right: solid 30px #fff;
    border-top: solid 30px #fff;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px
}

.feat-feed-img a {
    display: block
}

.feat-feed-img .calendar {
    background-color: #632F0D;
    box-shadow: 5px 5px 0 0 #000;
    color: #fff;
    display: inline-block;
    left: 1em;
    padding: .66667em;
    position: absolute;
    text-align: center;
    top: 1em;
    z-index: 5
}

    .feat-feed-img .calendar h4, .feat-feed-img .calendar .month {
        line-height: 1em
    }

    .feat-feed-img .calendar h4 {
        display: inline-block;
        font-size: 2em
    }

    .feat-feed-img .calendar .month {
        display: block;
        font-family: 'Maison Neue', Arial, sans-serif;
        /*font-family: "bureau-grot-condensed","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
        font-size: 1.2em;
        font-weight: 300;
        margin-top: 0;
        text-transform: uppercase
    }

.feat-feed-img img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.no-objectfit .feat-feed-img img {
    width: auto
}

.feat-feed-meta {
    border-top: solid 5px #000;
    color: #000;
    padding-top: 1em
}

    .feat-feed-meta h3, .feat-feed-meta p, .feat-feed-meta a {
        position: relative;
        z-index: 2
    }

    .feat-feed-meta h3 {
        font-size: 1.4em
    }

    .feat-feed-meta p {
        padding: 1em 10% 1em 0
    }

.item + .item {
    border-top: 1px solid #ccc;
    padding-top: 1em
}

.item-image {
    border-radius: 4px
}

.item-header {
    margin-top: .5em
}

.item-header-date {
    display: block;
    margin-top: .5em
}

.item-summary {
    margin-left: 0;
    max-width: 40em
}

@media screen and (min-width: 560px) {
    .item + .item {
        margin-top: 2em;
        padding-top: 2em
    }

    .item-image {
        float: right;
        margin-left: 1em;
        max-width: 40%
    }

        .item-image + * {
            margin-top: 0
        }
}

.cards {
    margin-top: -1em;
    max-width: 80em;
    padding: 0 .5em;
    position: relative;
    width: 100%
}

.cards-outer {
    overflow: visible;
    padding: 5em 0 6em
}

@media screen and (min-width: 560px) {
    .cards-outer {
        padding: 5em 0 12em
    }
}

* + .cards {
    margin-top: 0
}

.cards > * {
    align-items: flex-start;
    flex: 0 100%;
    float: left;
    margin: 1em 0 2em;
    padding: 0 .5em
}

@media screen and (min-width: 560px) {
    .cards {
        padding-left: 3em;
        padding-right: 3em
    }

        .cards > * {
            flex: 0 50%;
            max-width: 50%
        }
}

@media screen and (min-width: 960px) {
    .cards > * {
        flex: 0 33.33%;
        max-width: 33.33%
    }

        .cards > *:first-child:nth-last-child(2), .cards > *:first-child:nth-last-child(2) ~ article {
            flex: 0 50%;
            max-width: 50%
        }

            .cards > *:first-child:nth-last-child(2) .card-image, .cards > *:first-child:nth-last-child(2) ~ article .card-image {
                height: 35vh
            }

        .cards > *:first-child:nth-last-child(4), .cards > *:first-child:nth-last-child(4) ~ article {
            flex: 0 25%;
            max-width: 25%
        }

            .cards > *:first-child:nth-last-child(4) .card-image, .cards > *:first-child:nth-last-child(4) ~ article .card-image {
                height: 15vh
            }
}

@media screen and (min-width: 1280px) {
    .cards {
        margin-top: -2em;
        padding: 0 1em
    }

    * + .cards {
        margin-top: -1em
    }

    .cards > * {
        margin-top: 2em;
        padding: 0 2em
    }
}

.card {
    width: 100%
}

.card-image {
    display: block;
    position: relative
}

@media screen and (min-width: 560px) {
    .card-image {
        height: 25vh;
        left: -25px;
        top: 35px
    }
}

.card-image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.card-wrap {
    background-color: #006954;
    color: #000;
    margin: 0;
    padding: 2em 2em 0;
    position: relative
}

    .card-wrap:before, .card-wrap:after {
        bottom: 100%;
        border-right: 30px solid transparent;
        content: "";
        position: absolute;
        left: 0;
        right: 0
    }

@media screen and (min-width: 700px) {
    .card-wrap:before, .card-wrap:after {
        border-right: 50px solid transparent
    }
}

.card-wrap:after {
    bottom: auto;
    top: 100%;
    border-bottom: none;
    border-top: 30px solid #006954
}

@media screen and (min-width: 700px) {
    .card-wrap:after {
        border-top: 50px solid #006954
    }
}

.card-header {
    margin-top: 0
}

.card-header-title a:hover {
    border-bottom: solid 2px #fff;
    color: #fff
}

.card-header-date {
    display: block;
    margin-top: .5em
}

.filter {
    align-items: flex-end;
    flex: 0 100%;
    justify-content: flex-start;
    padding: 2em 1em
}

@media screen and (min-width: 960px) {
    .filter {
        flex: 0 25%;
        border-top: solid 4px #006954;
        margin: 2em 1em 2em 2em;
        padding: 0;
        position: sticky;
        position: -webkit-sticky;
        top: 0
    }
}

@media screen and (min-width: 1280px) {
    .filter {
        margin: 2em 1em 2em 0
    }
}

.filter-block {
    flex: 0 100%;
    margin-top: 1em;
    padding: 0;
    text-align: left
}

@media screen and (min-width: 560px) {
    .filter-block {
        flex: 0 50%;
        padding: 0 1em
    }
}

@media screen and (min-width: 960px) {
    .filter-block {
        flex: 0 100%;
        padding: 0
    }
}

.filter-block select {
    background-position: 94% center
}

.media-block {
    margin: .66667em auto 2em
}

.media-block-image img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0% 80%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0% 80%)
}

.media-block-title {
    color: #632F0D;
    flex: 0 100%;
    font-size: 1.6em;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 4
}

    .media-block-title span {
        border-bottom: solid 6px #632F0D;
        display: inline-block;
        padding-bottom: 5px
    }

.media-block.video .media-block-element .video-outer {
    display: block;
    padding-bottom: 56.25%;
    height: 0;
    position: relative
}

    .media-block.video .media-block-element .video-outer iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.statistic-icon {
    font-size: 2em
}

.statistic-value-number {
    color: #632F0D;
    display: inline-block;
    font-size: 5em;
    border-bottom: solid 10px #632F0D
}

.gallery {
    margin-left: -.5em;
    margin-right: -.5em;
    position: relative
}

.gallery-thumb {
    flex: 0 50%;
    float: left;
    margin: 0;
    padding: .5em;
    width: 50%
}

    .gallery-thumb:nth-last-child(odd):first-child {
        flex: 1 100%
    }

@media screen and (min-width: 560px) {
    .gallery-thumb {
        flex: 1 33.33%;
        width: 33.33%
    }

        .gallery-thumb:nth-last-child(odd):first-child {
            flex: 1 33.33%;
            width: 33.33%
        }

        .gallery-thumb:nth-last-child(3n+1):first-child, .gallery-thumb:nth-last-child(3n+1):first-child + *, .gallery-thumb:nth-last-child(3n+2):first-child, .gallery-thumb:nth-last-child(3n+2):first-child + * {
            flex: 1 50%;
            width: 50%
        }
}

@media screen and (min-width: 960px) {
    .gallery-thumb {
        flex: 0 25%;
        width: 25%
    }

        .gallery-thumb:nth-last-child(4n+7):first-child, .gallery-thumb:nth-last-child(4n+7):first-child + *, .gallery-thumb:nth-last-child(4n+7):first-child + * + *, .gallery-thumb:nth-last-child(3n):first-child, .gallery-thumb:nth-last-child(3n):first-child ~ * {
            flex: 1 33.33%;
            width: 33.33%
        }

        .gallery-thumb:nth-last-child(4n):first-child, .gallery-thumb:nth-last-child(4n):first-child ~ * {
            flex: 1 25%;
            width: 25%
        }

        .gallery-thumb:nth-last-child(5n):first-child, .gallery-thumb:nth-last-child(5n):first-child ~ * {
            flex: 1 20%;
            width: 20%
        }
}

.strp-window {
    background: #333;
    color: #fff;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: fixed;
    width: 0
}

    .strp-window * + * {
        margin: auto
    }

.strp-spinner-move {
    margin: auto
}

    .strp-spinner-move * + * {
        margin: auto
    }

.strp-window.strp-vertical {
    height: 0;
    width: 100%
}

.strp-window {
    margin-left: 40px
}

    .strp-window.strp-vertical {
        margin-left: 0;
        margin-bottom: 40px
    }

@media all and (max-width: 414px) and (orientation: portrait), all and (max-width: 736px) and (max-height: 414px) {
    .strp-window.strp-horizontal {
        min-width: 100%
    }
}

@media all and (max-height: 414px) and (orientation: landscape), all and (max-height: 736px) and (max-width: 414px) {
    .strp-window.strp-vertical {
        min-height: 100%
    }
}

.strp-window, .strp-spinner-move {
    z-index: 99999
}

    .strp-window, .strp-window [class^='strp-'], .strp-spinner-move, .strp-spinner-move [class^='strp-'] {
        box-sizing: border-box
    }

.strp-window {
    transform: translateZ(0px)
}

.strp-measured {
    margin: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important
}

.strp-pages {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.strp-side-right {
    top: 0;
    right: 0
}

    .strp-side-right .strp-pages {
        top: 0;
        right: 0
    }

    .strp-side-right .strp-page {
        top: 0;
        right: 0
    }

    .strp-side-right .strp-close {
        top: 0;
        right: 0
    }

.strp-side-left {
    top: 0;
    left: 0
}

    .strp-side-left .strp-pages {
        top: 0;
        left: 0
    }

    .strp-side-left .strp-page {
        top: 0;
        left: 0
    }

    .strp-side-left .strp-close {
        top: 0;
        right: 0
    }

.strp-side-top {
    top: 0;
    left: 0
}

    .strp-side-top .strp-pages {
        top: 0;
        left: 0
    }

    .strp-side-top .strp-page {
        top: 0;
        left: 0
    }

    .strp-side-top .strp-close {
        top: 0;
        right: 0
    }

.strp-side-bottom {
    bottom: 0;
    left: 0
}

    .strp-side-bottom .strp-pages {
        bottom: 0;
        left: 0
    }

    .strp-side-bottom .strp-page {
        bottom: 0;
        left: 0
    }

    .strp-side-bottom .strp-close {
        top: 0;
        right: 0
    }

.strp-page {
    height: 100%;
    position: absolute;
    width: 100%
}

.strp-container {
    -moz-user-select: none;
    -webkit-user-select: none;
    background: #292929;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    user-select: none
}

.strp-no-overlap .strp-container {
    padding: 48px 72px
}

.strp-no-overlap.strp-no-sides .strp-container {
    padding: 48px 0
}

.strp-vertical .strp-no-overlap .strp-container {
    padding: 0 72px
}

.strp-vertical .strp-no-overlap.strp-no-sides .strp-container {
    padding: 0 48px
}

.strp-hovering-clickable .strp-container {
    cursor: pointer
}

.strp-content-element {
    left: 50%;
    position: absolute;
    top: 50%
}

    .strp-content-element iframe {
        float: left;
        height: 100%;
        width: 100%
    }

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

.strp-info {
    -webkit-text-size-adjust: none;
    background: #262626;
    bottom: 0;
    color: #E9E5E2;
    font-size: 0.9rem;
    left: 0;
    line-height: 1.5;
    position: absolute;
    text-size-adjust: none;
    width: 100%
}

.strp-info-padder {
    display: block;
    overflow: hidden;
    padding: 12px;
    position: relative;
    width: auto
}

.strp-caption {
    display: inline;
    white-space: wrap;
    width: auto
}

.strp-position {
    color: #B3B3B3;
    float: right;
    line-height: 21px;
    margin-left: 15px;
    opacity: 0.99;
    position: relative;
    text-align: right;
    white-space: nowrap
}

.strp-info a, .strp-info a:hover {
    background: none;
    border: 0;
    color: #ccc;
    text-decoration: underline
}

    .strp-info a:hover {
        color: #F2F2F2
    }

.strp-nav {
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    height: 24px;
    margin-top: -12px;
    margin: 0 9px;
    position: absolute;
    top: 50%;
    user-select: none;
    width: 24px
}

.strp-nav-previous {
    left: 0
}

.strp-nav-next {
    right: 0;
    left: auto
}

.strp-nav-disabled {
    cursor: default
}

.strp-nav-button {
    float: left;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

.strp-close {
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    height: 48px;
    position: absolute;
    user-select: none;
    width: 48px
}

    .strp-close .icon {
        top: 12px;
        left: 12px;
        position: absolute
    }

.strp-has-error .strp-container {
    background-color: #F44336
}

.strp-error {
    background-image: url("../images/strip/error.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 240px;
    left: 50%;
    margin-left: -120px;
    margin-top: -120px;
    position: absolute;
    top: 50%;
    width: 240px
}

.strp-no-svg .strp-error {
    background-image: url("../images/strip/error.png")
}

.strp-spinner-move {
    height: 48px;
    overflow: visible !important;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 0
}

    .strp-spinner-move.strp-vertical {
        width: 48px;
        height: 0
    }

.strp-spinner {
    float: left;
    height: 48px;
    position: relative;
    width: 48px
}

.strp-spinner-move.strp-side-top {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

.strp-spinner-move.strp-side-bottom {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

.strp-spinner-move.strp-side-right .strp-spinner {
    margin-left: -48px
}

.strp-spinner-move.strp-side-left .strp-spinner {
    margin-right: -48px;
    float: right
}

.strp-spinner-move.strp-side-bottom .strp-spinner {
    margin-top: -48px
}

.strp-spinner-move.strp-side-top .strp-spinner {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -48px
}

@-moz-keyframes strp-spinner-spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes strp-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes strp-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.strp-spinner-rotate, .strp-spinner-frame {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.strp-spinner-line {
    border-radius: 1px;
    color: inherit;
    height: 3px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 15px;
    width: 2px;
    z-index: 80
}

.strp-window-skin-strip .strp-nav-button-background {
    background-color: transparent
}

.strp-window-skin-strip .strp-nav-previous .strp-nav-button-icon {
    background-image: url("../images/strip/previous.svg")
}

.strp-window-skin-strip .strp-nav-next .strp-nav-button-icon {
    background-image: url("../images/strip/next.svg")
}

.strp-window-skin-strip.strp-no-svg .strp-nav-previous .strp-nav-button-icon {
    background-image: url("../images/strip/previous-faded.png");
    opacity: 1
}

.strp-window-skin-strip.strp-no-svg .strp-nav-next .strp-nav-button-icon {
    background-image: url("../images/strip/next-faded.png");
    opacity: 1
}

.strp-window-skin-strip .strp-nav .strp-nav-button-icon {
    opacity: .6
}

.strp-window-skin-strip.strp-mobile-touch .strp-nav .strp-nav-button-icon {
    opacity: 1
}

.strp-window-skin-strip .strp-nav:hover .strp-nav-button-icon, .strp-window-skin-strip .strp-nav-hover .strp-nav-button-icon {
    opacity: 1
}

.strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-previous:hover .strp-nav-button-icon, .strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-previous .strp-nav-button-icon {
    background-image: url("../images/strip/previous.png")
}

.strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-next:hover .strp-nav-button-icon, .strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-next .strp-nav-button-icon {
    background-image: url("../images/strip/next.png")
}

@media all and (max-width: 375px) and (orientation: portrait), all and (max-height: 375px) and (max-width: 667px) {
    .strp-window-skin-strip .strp-nav {
        height: 60px;
        margin-top: -30px;
        margin: 0 5px;
        width: 48px
    }

    .strp-window-skin-strip .strp-nav-previous .strp-nav-button-icon {
        background-image: url("../images/strip/previous-small.svg")
    }

    .strp-window-skin-strip .strp-nav-next .strp-nav-button-icon {
        background-image: url("../images/strip/next-small.svg")
    }

    .strp-window-skin-strip.strp-no-svg .strp-nav-previous .strp-nav-button-icon {
        background-image: url("../images/strip/previous-small-faded.png")
    }

    .strp-window-skin-strip.strp-no-svg .strp-nav-next .strp-nav-button-icon {
        background-image: url("../images/strip/next-small-faded.png")
    }

    .strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-previous:hover .strp-nav-button-icon, .strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-previous .strp-nav-button-icon {
        background-image: url("../images/strip/previous-small.png")
    }

    .strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-next:hover .strp-nav-button-icon, .strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-next .strp-nav-button-icon {
        background-image: url("../images/strip/next-small.png")
    }

    .strp-no-overlap .strp-container {
        padding: 48px 58px
    }

    .strp-no-overlap.strp-no-sides .strp-container {
        padding: 48px 0
    }

    .strp-vertical .strp-no-overlap .strp-container {
        padding: 0 58px
    }

    .strp-vertical .strp-no-overlap.strp-no-sides .strp-container {
        padding: 0 48px
    }
}

.strp-window-skin-strip .strp-close .strp-close-icon {
    background-image: url("../images/strip/close.svg");
    opacity: .8
}

.strp-window-skin-strip .strp-close:hover .strp-close-icon {
    opacity: 1
}

.strp-window-skin-strip.strp-mobile-touch .strp-close .strp-close-icon, .strp-window-skin-strip.strp-mobile-touch .strp-close:hover .strp-close-icon {
    opacity: 1
}

.strp-window-skin-strip.strp-no-svg .strp-close .strp-close-icon {
    background-image: url("../images/strip/close.png");
    opacity: 1
}

.expand-check ~ div {
    display: none
}

.expand-check:checked ~ div {
    display: block
}

.expand-trigger {
    cursor: pointer;
    margin-top: 0
}

    .expand-trigger .icon {
        -webkit-transition: transform 0.4s ease;
        transition: transform 0.4s ease
    }

.expand-check:checked ~ .expand-trigger .icon {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.components {
    margin-top: 0
}

    .components .section-header {
        padding-bottom: 3em
    }

    .components .section-header-summary {
        padding-bottom: 0
    }

    .components .media-block-right {
        flex-direction: row-reverse
    }

    .components .wysiwyg {
        margin: 0;
        padding: 1.5em 1em
    }

@media screen and (min-width: 1440px) {
    .components .wysiwyg {
        margin: 0 auto;
        padding: 2em 0;
        width: 80em
    }
}

.components .wysiwyg.center .content, .components .wysiwyg.center .comments-area .comment-content, .comments-area .components .wysiwyg.center .comment-content {
    margin: 0 auto
}

.components .wysiwyg .content, .components .wysiwyg .comments-area .comment-content, .comments-area .components .wysiwyg .comment-content {
    margin: 0
}

@media screen and (min-width: 960px) {
    .components .wysiwyg .content, .components .wysiwyg .comments-area .comment-content, .comments-area .components .wysiwyg .comment-content {
        width: 66.66%
    }
}

.components .cta-outer {
    padding-top: 4em;
    text-align: center
}

@media screen and (min-width: 1280px) {
    .components .cta-outer {
        margin: 0 auto;
        width: 80em
    }
}

.components .pullquote {
    font-family: 'Maison Neue', Arial, sans-serif;
    /*font-family: "bureau-grot-condensed","Trebuchet MS","Lucida Grande",Tahoma,sans-serif;*/
    font-weight: 300;
    margin: 0 auto;
    padding: 1.5em 2em
}

@media screen and (min-width: 560px) {
    .components .pullquote {
        padding: 2em 3em
    }
}

@media screen and (min-width: 1440px) {
    .components .pullquote {
        margin: 0 auto;
        padding: 2em 0;
        width: 80em
    }
}

.components .pullquote blockquote {
    font-size: 1.8em;
    padding-bottom: .66667em
}

@media screen and (min-width: 560px) {
    .components .pullquote blockquote {
        font-size: 2em
    }
}

@media screen and (min-width: 700px) {
    .components .pullquote blockquote {
        font-size: 2.6em
    }
}

.components .pullquote cite {
    color: #000;
    font-size: 1.2em;
    font-style: normal
}

@media screen and (min-width: 560px) {
    .components .pullquote cite {
        font-size: 1.4em
    }
}

@media screen and (min-width: 700px) {
    .components .pullquote cite {
        font-size: 1.8em
    }
}

.components .pullquote-share {
    display: block;
    position: relative
}

@media screen and (min-width: 960px) {
    .components .pullquote-share {
        display: inline-block;
        padding-left: 5em;
        top: -4px
    }
}

.components .pullquote-share-title {
    color: #4D4D4D;
    font-size: 0.7em;
    font-weight: 400;
    padding: 0 0 0 4em;
    position: relative;
    text-transform: uppercase
}

    .components .pullquote-share-title:before {
        background-color: #4D4D4D;
        content: '';
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 6px;
        width: 36px
    }

.components .pullquote-share-element {
    background-color: #55ACEE;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 30px;
    margin: 0 0 0 .5em;
    text-align: center;
    width: 30px
}

    .components .pullquote-share-element .icon {
        margin-top: 3px
    }

.components .feat-feed {
    padding: 5em 5% 3em
}

    .components .feat-feed .section-header-summary {
        padding: 1em 0 3em
    }

.components .gallery-comp {
    align-items: flex-end;
    justify-content: center;
    margin-top: 0;
    padding: 3em 2em
}

@media screen and (min-width: 700px) {
    .components .gallery-comp {
        padding: 3em 5% 0
    }
}

.components .gallery-comp * {
    margin-top: 0
}

.components .gallery-comp-outer {
    padding: 5em 0 3em
}

    .components .gallery-comp-outer .cta-outer {
        padding-bottom: 2em;
        padding-top: 0
    }

.components .gallery-comp-item {
    margin: 0 0 2em;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 560px) {
    .components .gallery-comp-item {
        margin: 0
    }
}

@media screen and (min-width: 560px) {
    .components .gallery-comp-item:first-child {
        flex: 0 55%
    }
}

@media screen and (min-width: 960px) {
    .components .gallery-comp-item:first-child {
        flex: 0 33.33%;
        height: 44vh
    }
}

@media screen and (min-width: 560px) {
    .components .gallery-comp-item:first-child:before {
        border-bottom: solid 30px transparent;
        border-right: solid 30px transparent;
        border-left: solid 30px #632F0D;
        border-top: solid 30px #632F0D;
        content: '';
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        width: 30px;
        height: 30px
    }
}

@media screen and (min-width: 960px) {
    .components .gallery-comp-item:first-child:before {
        border-bottom: solid 50px transparent;
        border-right: solid 50px transparent;
        border-left: solid 50px #632F0D;
        border-top: solid 50px #632F0D;
        width: 50px;
        height: 50px
    }
}

@media screen and (min-width: 560px) {
    .components .gallery-comp-item:nth-child(2) {
        flex: 0 45%
    }
}

@media screen and (min-width: 960px) {
    .components .gallery-comp-item:nth-child(2) {
        flex: 0 35%
    }
}

@media screen and (min-width: 560px) {
    .components .gallery-comp-item:nth-child(2):before {
        border-bottom: solid 30px transparent;
        border-left: solid 30px transparent;
        border-right: solid 30px #632F0D;
        border-top: solid 30px #632F0D;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px
    }
}

@media screen and (min-width: 960px) {
    .components .gallery-comp-item:nth-child(2):before {
        border-bottom: solid 80px transparent;
        border-left: solid 80px transparent;
        border-right: solid 80px #632F0D;
        border-top: solid 80px #632F0D;
        width: 80px;
        height: 80px
    }
}

@media screen and (min-width: 560px) {
    .components .gallery-comp-item:nth-child(3) {
        flex: 0 34%
    }
}

@media screen and (min-width: 560px) {
    .components .gallery-comp-item:nth-child(4) {
        align-self: flex-start;
        flex: 0 54%
    }
}

@media screen and (min-width: 960px) {
    .components .gallery-comp-item:nth-child(4) {
        flex: 0 50%
    }
}

@media screen and (min-width: 560px) {
    .components .gallery-comp-item:nth-child(5) {
        flex: 0 60%;
        margin-left: 19%;
        position: relative;
        top: -3em;
        z-index: 0
    }
}

@media screen and (min-width: 960px) {
    .components .gallery-comp-item:nth-child(5) {
        flex: 0 35%;
        top: -5.2em
    }
}

.components .gallery-comp-img {
    height: 100%
}

    .components .gallery-comp-img img {
        height: 100%;
        object-fit: cover;
        width: 100%
    }

.components .gallery-comp-caption {
    background-color: rgba(0,0,0,0.9);
    bottom: 0;
    left: 0;
    padding: 1em .66667em .66667em;
    position: absolute;
    width: 100%
}

    .components .gallery-comp-caption h3 {
        font-size: 1.2em;
        text-transform: uppercase
    }

    .components .gallery-comp-caption p {
        font-size: 1em
    }

.experience-cta {
    background-color: #000;
    color: #fff;
    margin: 0
}

    .experience-cta:hover {
        background-color: #fff;
        color: #000
    }

.experience-cta-outer {
    background-color: #006954;
    padding: 2em 0
}

.experience-cta-inner {
    align-content: center;
    justify-content: center
}

@media screen and (min-width: 1280px) {
    .experience-cta-inner {
        width: 80em
    }
}

.experience-cta-inner h3 {
    margin: 0;
    padding-right: 1em
}

.donate-panel {
    background: #E9E5E2;
    color: #333;
    font-size: 1em;
    max-width: 80em;
    overflow: hidden;
    padding: 0;
    text-align: center
}

    .donate-panel .form-field.currency {
        align-items: center;
        justify-content: center;
        margin-bottom: 1em;
        margin-top: 0
    }

        .donate-panel .form-field.currency * {
            margin: 0
        }

        .donate-panel .form-field.currency label, .donate-panel .form-field.currency select {
            font-weight: 700
        }

        .donate-panel .form-field.currency select {
            background-position: 95% center;
            background-size: 15px;
            margin-left: .5em;
            width: 5em
        }

@media screen and (min-width: 560px) {
    .donate-panel .form-field.currency select {
        background-position: 80% center
    }
}

.donate-panel-container {
    background: #E9E5E2;
    border-radius: 4px 4px 0 0;
    margin-top: 1.5em;
    padding: 1em;
    position: relative
}

    .donate-panel-container:after {
        border-bottom: solid 60px #fff;
        border-right: solid 60px #fff;
        border-left: solid 60px transparent;
        border-top: solid 60px transparent;
        bottom: 0;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        width: 60px;
        height: 60px
    }

.donate-panel-type {
    display: flex;
    margin: 0;
    padding: 0
}

    .donate-panel-type li {
        border-radius: 4px 0 0 0;
        flex: 1;
        margin: 0;
        padding: .5em 0;
        text-align: center
    }

.donate-panel-amount li {
    flex: 0 100%;
    max-width: 100%
}

@media screen and (min-width: 700px) {
    .donate-panel-amount {
        display: flex
    }

        .donate-panel-amount li {
            flex: 0 33.33%;
            margin: 0;
            padding: .5em 0;
            text-align: center
        }
}

.donate-panel-type li {
    padding: 0
}

    .donate-panel-type li a {
        background-color: #E9E5E2;
        color: #000;
        display: block;
        font-size: 1.5em;
        font-weight: 700;
        margin: 0 auto;
        padding: .5em;
        text-transform: uppercase
    }

@media screen and (min-width: 560px) {
    .donate-panel-type li a {
        font-size: 2em
    }
}

.donate-panel-type li.ui-state-active a {
    /*background: #E9E5E2;*/
    border-radius: 4px 4px 0 0;
    background-color: #E9E5E2;
    /*color: #fff*/
}

.donate-panel-type li:not(.ui-state-active) a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    /*background-color: #006954;*/
    color: #fff;
    background: #006954;
}

.donate-panel blockquote:before, .donate-panel blockquote:after {
    background: #E9E5E2
}

.donate-panel h3 {
    margin: 0 0 .5em;
    text-align: center
}

.donate-panel input, .donate-panel label {
    font-size: 0.8em
}

@media screen and (min-width: 560px) {
    .donate-panel input, .donate-panel label {
        font-size: 1em
    }
}

.donate-panel-amount {
    margin: 1em 0
}

@media screen and (min-width: 960px) {
    .donate-panel-amount {
        display: flex
    }
}

.donate-panel-amount li {
    font-size: 0.8em;
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width: 700px) {
    .donate-panel-amount li {
        display: block;
        max-width: 33.33%
    }
}

.donate-panel-amount li span {
    background-color: #006954;
    border: 10px solid #006954;
    border-radius: 100%;
    color: #333;
    display: block;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.7em;
    margin: 0 auto;
    position: relative;
    width: 8em;
    height: 8em
}

@media screen and (min-width: 560px) {
    .donate-panel-amount li span {
        display: block
    }
}

.donate-panel-amount li span h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-bottom: solid 5px #fff;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,0.8);
    z-index: 2
}

.donate-panel-amount li span img {
    border-radius: 100%;
    margin-top: 0;
    opacity: 0.8
}

.donate-panel-amount li span:hover {
    border: 5px solid #006954;
    background-color: #006954;
    color: #fff;
    cursor: pointer
}

.donate-panel-amount li.active span {
    border: 5px solid #006954;
    background-color: #006954;
    color: #fff
}

.donate-panel-amount li .amount-desc {
    margin-top: .5em;
    padding: 0 1em 1em;
    text-align: center
}

    .donate-panel-amount li .amount-desc h4 {
        font-size: 1.5em
    }

@media screen and (min-width: 560px) {
    .donate-panel-amount li .amount-desc h4 {
        font-size: 1.75em
    }
}

@media screen and (min-width: 960px) {
    .donate-panel-amount li .amount-desc h4 {
        font-size: 2.5em
    }
}

.donate-panel-amount li .amount-desc p {
    /*display: none*/
}

@media screen and (min-width: 560px) {
    .donate-panel-amount li .amount-desc p {
        display: block;
        font-size: 1.25em
    }
}

.donate-panel-cta a {
    font-size: 1.35em;
    margin: 1em 0 1em;
    padding: .5em 1em
}

@media screen and (min-width: 560px) {
    .donate-panel-cta a {
        font-size: 2em
    }
}

.donate-panel .hidden-xs {
    display: none
}

@media screen and (min-width: 960px) {
    .donate-panel .hidden-xs {
        display: block
    }
}

@media screen and (min-width: 960px) {
    .donate-panel .visible-xs {
        display: none
    }
}

.donate-panel #single {
    margin-top: 0
}

.donate-panel .content, .donate-panel .comments-area .comment-content, .comments-area .donate-panel .comment-content {
    display: block
}

    .donate-panel .content.hidden, .donate-panel .comments-area .hidden.comment-content, .comments-area .donate-panel .hidden.comment-content {
        display: none
    }

.header .tagline {
    border-top: solid 1px #E9E5E2;
    clear: left;
    float: left;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 0.03em;
    margin-top: 0;
    padding: 2em 2em 1.8em;
    position: relative;
    width: 100%
}

@media screen and (min-width: 960px) {
    .header .tagline {
        position: absolute;
        top: 85%;
        transform: translate(0, -50%);
        border-top: 0;
        clear: none;
        font-size: 1.2em;
        left: 360px;
        margin-top: 0;
        padding: 0;
        width: 320px
    }
}

.header .tagline-donate {
    background-color: #006954;
    font-size: 1.6em;
    font-weight: 700;
    padding: 1em .66667em 1em 0;
    position: absolute;
    right: 0;
    top: -1px;
    text-transform: uppercase
}

@media screen and (min-width: 560px) {
    .header .tagline-donate {
        padding: 1em
    }
}

@media screen and (min-width: 960px) {
    .header .tagline-donate {
        display: none
    }
}

.header .tagline-donate:before {
    border-style: solid;
    border-width: 0 0 90px 50px;
    border-color: transparent transparent #006954 transparent;
    bottom: 0;
    content: '';
    display: block;
    height: 0;
    left: -50px;
    position: absolute;
    width: 0
}

@media screen and (min-width: 560px) {
    .header .tagline-donate:before {
        border-width: 0 0 90px 90px;
        left: -80px
    }
}

.mytagline {
    text-align:center;
    clear: left;
    float: left;
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 0.03em;
    padding-bottom:1em;
    margin-top: 0;
    position: relative;
    width: 100%
}

#wrap_all h3 {
    font-size: 28px;
    font-family: 'Maison Neue', Arial, sans-serif;
    /*font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;*/
}

@media screen and (max-width: 480px) {
    .av-special-heading {
        margin-top:-180px!important;
        font-size:40px!important
    }
    div .av_one_third {
        width:100%!important
    }
}