/* CSS for Barnardos Donation theme */

/* This has been added to remove the duplicate display prices when resolution is under 720px */
/* This will be fixed in April 2017 */
.no-additional-fee-text {
    display: none;
}

a.button, div.button.dropdown, button#registerDogsBtn {
    background: #231f20 !important;
	display: inline-block;
    padding: 12px 22px;
    border-radius: 24px;
    font-size: 16px;
    line-height: 12.5px;
    outline: none;
    transition: all .3s ease;
    font-weight: 500;
    cursor: pointer;
	 border: none;
}
a.button:hover, div.button.dropdown:hover, button#registerDogsBtn:hover {
    border: none;
}
input[type="submit"].button, input[type="button"].button, a.twisty-collapsible-region{
    display: inline-block;
    color: #fff !important;
    background:  #289bcb !important;
    padding: 13px 22px !important;
    border-radius: 24px !important;
    font-size: 12.5px !important;
    outline: none !important;
	text-decoration: none !important;
}
@media (min-width: 992px) {
    input[type="submit"].button, input[type="button"].button, a.twisty-collapsible-region{
        font-size: 16px !important;
        lin-height: 16px !important;
    }
}
input[type="submit"].button:hover, input[type="button"].button:hover, a.twisty-collapsible-region:hover{
    background: #207aa0 !important;
}
input,
textarea,
select {
	margin: 0;
	border-radius: 0;
	border-width: 1px;
	border-color: #010101;
}
header {
    display: none;
	background: none;
}
#wrapper {
    min-height: calc(100vh - 410px);
    padding-bottom: 20px;
}
#dcc-interaction {
	max-width: 1100px;
}
#dcc-interaction > #middle-zone {
    padding-bottom: 40px;
}
.header__logo header__logo--secondary {
	float: left;

}
#paymnt-gateway {
	height: 100%;
}
h1 {
    display: none;
}
.note {
	display: none;
}
#logging, #logging span {
	display: none;
}
#progress-bar {
	display: none;
}
#nav {
	display: none;
}
#form-wrapper {
    background: none;
    border: 1px solid #d7d7d7;
    padding: 15px 20px !important;
    margin-bottom: 15px;
}
#dcc-interaction > #middle-zone {
    padding-bottom: 40px;
}
#step-heading {
    display: none;
}
.required {
    font-size: 20px;
}
.questionName, .longQuestionName {
    width: 290px;
    float: left;
    margin-right: 15px !important;
    padding-top: 10px;
    margin-bottom: 0.75em !important;

}
.questionName-text {
    display: inline-block;
    width: 80%;
}
.term-and-con {
    font-size: 12px;
}
.button:hover, .fileinput-button a:hover, .link-button a:hover {
    background: none;
}
.questionContent, .questionContent-below {
    float: left;
    padding-top: 0;
    padding-left: 0 !important;
    margin-bottom: 0;
}
input, select {
    max-width: none;
    width: 300px;
    -webkit-box-sizing: none;
    -moz-box-sizing: border-box;
    box-sizing: none;
    vertical-align: middle;
    height: 40px;
    font-size: 1.2em;
    padding-left: 10px;
}
input[type="text"], input[type="number"], input[type="email"] {
    height: 40px;
    widht: 300px;
    padding: 0;
    padding-left: 10px;
}
input.long {
    height: 40px;
	padding-left: 10px;
}
input[type="radio" i] {
    -webkit-appearance: push-button !important;
    background: #FFFFFF;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 40px;
	margin-bottom: 10px;
	border: 2px solid black;
}
input[type="radio"] + label {
    font-size: 24px !important;
    margin-left: 0 !important;
}
input[type="radio" i]:checked {
	background: #7ece02;
	box-sizing: border-box;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 40px;
	margin-bottom: 10px;
	border: 2px solid black;
}
input[type="radio"]:checked + label {
    font-size: 24px !important;
    margin-left: 0 !important;
}
.horizontalOptionList > div {
    padding-top: 0 !important;
	margin-right: 30px !important;
}
.question-cell {
    max-width: 100%;
    width: 100%;
}
.horizontalOptionList {
	width: 100%
}
.bottom-buttons {
    margin-right: 0px !important;
}
div.payment-gateway-option input[type="submit"].button {
	display: inline-block !important;
    color: #fff !important;
    background:  #5f9b02 !important;
    padding: 15px 22px !important;
    border-radius: 24px !important;
    font-size: 16px !important;
    line-height: 8px !important;
    outline: none !important;
}
 div#payment-gateway div.payment input[type="submit"].button {
    display: inline-block !important;
    color: #fff !important;
    background:  #289bcb !important;
    padding: 15px 22px !important;
    border-radius: 24px !important;
    font-size: 16px !important;
    line-height: 8px !important;
    outline: none !important;
	margin-top: 20px;
}
div#payment-gateway div.payment iframe, div#cc-token-registration div.payment iframe {
    height: 180px;
    margin-bottom: 0 !important;
}
.btnDPGPay {
    display: inline-block !important;
    color: #fff !important;
    background:  #289bcb !important;
    padding: 15px 22px !important;
    border-radius: 24px !important;
    font-size: 16px !important;
    line-height: 8px !important;
    outline: none !important;
}
#popup_panel input[type="button"] {
    color: #fff !important;
    background:  #289bcb !important;
    padding: 15px 22px !important;
    border-radius: 24px !important;
    font-size: 16px !important;
    line-height: 14px !important;
    outline: none !important;
	width: 20%;
	float: right;
    margin-bottom: 15px;
	border: none !important;
}
#popup_panel input[type="button"]:hover {
	    background: #207aa0 !important;
}
.button.alternative {
    background: none !important;
    height: auto !important;
    min-width: none !important;
    color: #000 !important;
    margin-bottom: 10px !important;
}
.navigation .button--secondary {
    display: none !important;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
.card.card--campaign .card__title,
.card.card--donate .card__title,
.card__heading,
.carousel.carousel--tile .carousel__heading,
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-left: 6px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td, th {
    padding: 0
}
.container, .video.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}
@media (min-width: 480px) {
    .container,
    .video.container {
        width: 740px
    }
}
@media (min-width: 768px) {
    .container,
    .video.container {
        width: 960px
    }
}
@media (min-width: 992px) {
    .container,
    .video.container {
        width: 1160px
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}
.row {
    margin-left: -10px;
    margin-right: -10px
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}
.col-xs-12 {
    width: 100%
}
.col-xs-11 {
    width: 91.66666667%
}
.col-xs-10 {
    width: 83.33333333%
}
.col-xs-9 {
    width: 75%
}
.col-xs-8 {
    width: 66.66666667%
}
.col-xs-7 {
    width: 58.33333333%
}
.col-xs-6 {
    width: 50%
}
.col-xs-5 {
    width: 41.66666667%
}
.col-xs-4 {
    width: 33.33333333%
}
.col-xs-3 {
    width: 25%
}
.col-xs-2 {
    width: 16.66666667%
}
.col-xs-1 {
    width: 8.33333333%
}
.col-xs-pull-12 {
    right: 100%
}
.col-xs-pull-11 {
    right: 91.66666667%
}
.col-xs-pull-10 {
    right: 83.33333333%
}
.col-xs-pull-9 {
    right: 75%
}
.col-xs-pull-8 {
    right: 66.66666667%
}
.col-xs-pull-7 {
    right: 58.33333333%
}
.col-xs-pull-6 {
    right: 50%
}
.col-xs-pull-5 {
    right: 41.66666667%
}
.col-xs-pull-4 {
    right: 33.33333333%
}
.col-xs-pull-3 {
    right: 25%
}
.col-xs-pull-2 {
    right: 16.66666667%
}
.col-xs-pull-1 {
    right: 8.33333333%
}
.col-xs-pull-0 {
    right: auto
}
.col-xs-push-12 {
    left: 100%
}
.col-xs-push-11 {
    left: 91.66666667%
}
.col-xs-push-10 {
    left: 83.33333333%
}
.col-xs-push-9 {
    left: 75%
}
.col-xs-push-8 {
    left: 66.66666667%
}
.col-xs-push-7 {
    left: 58.33333333%
}
.col-xs-push-6 {
    left: 50%
}
.col-xs-push-5 {
    left: 41.66666667%
}
.col-xs-push-4 {
    left: 33.33333333%
}
.col-xs-push-3 {
    left: 25%
}
.col-xs-push-2 {
    left: 16.66666667%
}
.col-xs-push-1 {
    left: 8.33333333%
}
.col-xs-push-0 {
    left: auto
}
.col-xs-offset-12 {
    margin-left: 100%
}
.col-xs-offset-11 {
    margin-left: 91.66666667%
}
.col-xs-offset-10 {
    margin-left: 83.33333333%
}
.col-xs-offset-9 {
    margin-left: 75%
}
.col-xs-offset-8 {
    margin-left: 66.66666667%
}
.col-xs-offset-7 {
    margin-left: 58.33333333%
}
.col-xs-offset-6 {
    margin-left: 50%
}
.col-xs-offset-5 {
    margin-left: 41.66666667%
}
.col-xs-offset-4 {
    margin-left: 33.33333333%
}
.col-xs-offset-3 {
    margin-left: 25%
}
.col-xs-offset-2 {
    margin-left: 16.66666667%
}
.col-xs-offset-1 {
    margin-left: 8.33333333%
}
.col-xs-offset-0 {
    margin-left: 0
}
@media (min-width: 480px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}
@media (min-width: 768px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}
@media (min-width: 992px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-BookItalic.eot);
    src: url(fonts/Gotham-BookItalic.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-BookItalic.woff2) format('woff2'), url(fonts/Gotham-BookItalic.woff) format('woff'), url(fonts/Gotham-BookItalic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Book.eot);
    src: url(fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-Book.woff2) format('woff2'), url(fonts/Gotham-Book.woff) format('woff'), url(fonts/Gotham-Book.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Light.eot);
    src: url(fonts/Gotham-Light.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-Light.woff2) format('woff2'), url(fonts/Gotham-Light.woff) format('woff'), url(fonts/Gotham-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Medium.eot);
    src: url(fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-Medium.woff2) format('woff2'), url(fonts/Gotham-Medium.woff) format('woff'), url(fonts/Gotham-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-LightItalic.eot);
    src: url(fonts/Gotham-LightItalic.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-LightItalic.woff2) format('woff2'), url(fonts/Gotham-LightItalic.woff) format('woff'), url(fonts/Gotham-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-MediumItalic.eot);
    src: url(fonts/Gotham-MediumItalic.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-MediumItalic.woff2) format('woff2'), url(fonts/Gotham-MediumItalic.woff) format('woff'), url(fonts/Gotham-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-BoldItalic.eot);
    src: url(fonts/Gotham-BoldItalic.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-BoldItalic.woff2) format('woff2'), url(fonts/Gotham-BoldItalic.woff) format('woff'), url(fonts/Gotham-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Bold.eot);
    src: url(fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-Bold.woff2) format('woff2'), url(fonts/Gotham-Bold.woff) format('woff'), url(fonts/Gotham-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}
body,
html {
    margin: 0;
    overflow-x: hidden
}
* {
    box-sizing: border-box
}
img {
    max-width: 100%;
    width: auto;
    height: auto
}
.container,
.video.container {
    width: 100%;
    max-width: 1100px;
    padding-left: 20px;
    padding-right: 20px
}
@media (min-width: 992px) {
    .container,
    .video.container {
        padding-left: 10px;
        padding-right: 10px
    }
}
.section {
    padding: 40px 0;
    clear: both
}
.content .section section:first-of-type {
    padding-top: 100px
}
.section.section--top {
    padding: 40px 0 0
}
@media (min-width: 992px) {
    .section.section--top {
        padding: 60px 0 0
    }
}
@media (min-width: 992px) {
    .section.section--top-large {
        padding: 110px 0 0
    }
}
.section.section--bottom {
    padding: 0 0 70px
}
@media (min-width: 992px) {
    .section.section--bottom {
        padding: 0 0 120px
    }
}
@media (min-width: 992px) {
    .section.section--medium {
        padding: 110px 0
    }
}
@media (min-width: 992px) {
    .section.section--large {
        padding: 140px 0
    }
}
.section .row:after,
.section .row:before {
    content: " ";
    display: table
}
.section .row:after {
    clear: both
}
body {
    -webkit-font-smoothing: antialiased;
    color: #2b2b2b;
    font-family: Gotham, helvetica, sans-serif;
	font-size: 16px;
}
.card.card--campaign .card__title,
.card.card--donate .card__title,
.card__heading,
.carousel.carousel--tile .carousel__heading,
.h1,
h1 {
    margin: 0 0 20px;
    font-size: 32.5px;
    line-height: 32.5px;
    font-weight: 700
}
@media (min-width: 768px) {
    .card.card--campaign .card__title,
    .card.card--donate .card__title,
    .card__heading,
    .carousel.carousel--tile .carousel__heading,
    .h1,
    h1 {
        font-size: 60px;
        line-height: 60px;
        margin: 0 0 30px
    }
}
.h1.h1--campaign,
h1.h1--campaign {
    text-align: center;
    margin-bottom: 40px
}
@media (min-width: 768px) {
    .h1.h1--campaign,
    h1.h1--campaign {
        text-align: initial;
        margin-bottom: 55px
    }
}
h2 {
    margin: 0 0 15px;
    font-size: 19px;
    line-height: 21.5px;
    font-weight: 700
}
@media (min-width: 768px) {
    h2 {
        font-size: 35px;
        line-height: 40px;
        margin: 0 0 30px
    }
}
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700
}
@media (min-width: 768px) {
    h3,
    h4,
    h5,
    h6 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 30px
    }
}
h4,
h5,
h6 {
    font-weight: 400
}
@media (min-width: 768px) {
    h4,
    h5,
    h6 {
        margin: 0 0 30px
    }
}
.accordion .accordion__title,
.content a,
.content ol,
.content ul,
.form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder label,
.form#MemberLoginForm_LoginForm input,
.form#MemberLoginForm_LoginForm textarea,
.form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember_Holder label,
.form#MemberLoginForm_LostPasswordForm input,
.form#MemberLoginForm_LostPasswordForm textarea,
.form.form--contact input,
.form.form--contact textarea,
.mceContentBody a,
.mceContentBody ol,
.mceContentBody ul,
.social .social__link,
form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder label,
form#MemberLoginForm_LoginForm input,
form#MemberLoginForm_LoginForm textarea,
form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember_Holder label,
form#MemberLoginForm_LostPasswordForm input,
form#MemberLoginForm_LostPasswordForm textarea,
form.form--contact input,
form.form--contact textarea,
p {
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 10px
}
@media (min-width: 768px) {
    .accordion .accordion__title,
    .content a,
    .content ol,
    .content ul,
    .form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder label,
    .form#MemberLoginForm_LoginForm input,
    .form#MemberLoginForm_LoginForm textarea,
    .form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember_Holder label,
    .form#MemberLoginForm_LostPasswordForm input,
    .form#MemberLoginForm_LostPasswordForm textarea,
    .form.form--contact input,
    .form.form--contact textarea,
    .mceContentBody a,
    .mceContentBody ol,
    .mceContentBody ul,
    .social .social__link,
    form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder label,
    form#MemberLoginForm_LoginForm input,
    form#MemberLoginForm_LoginForm textarea,
    form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember_Holder label,
    form#MemberLoginForm_LostPasswordForm input,
    form#MemberLoginForm_LostPasswordForm textarea,
    form.form--contact input,
    form.form--contact textarea,
    p {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 30px
    }
}
.lead {
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 10px;
    font-weight: 700
}
@media (min-width: 768px) {
    .lead {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 30px
    }
}
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}
a {
    text-decoration: none;
    color: #2b2b2b;
    transition: all .3s ease
}
.quote {
    color: #7ece02
}
@media (min-width: 768px) {
    .quote {
        font-size: 25px;
        line-height: 30px;
        text-align: right
    }
}
@media (min-width: 992px) {
    .quote {
        font-size: 35px;
        line-height: 40px
    }
}
@media (min-width: 768px) {
    .quote.quote--positioned {
        position: relative
    }
}
@media (min-width: 992px) {
    .quote.quote--positioned {
        top: -115px
    }
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p,
.mceContentBody h1,
.mceContentBody h2,
.mceContentBody h3,
.mceContentBody h4,
.mceContentBody h5,
.mceContentBody h6,
.mceContentBody p {
    margin-bottom: 25px
}
.content ul,
.mceContentBody ul {
    list-style-type: disc
}
.content ol,
.mceContentBody ol {
    list-style-type: decimal
}
.content ol,
.content ul,
.mceContentBody ol,
.mceContentBody ul {
    list-style-position: outside;
    margin: 0;
    padding-left: 20px;
    margin: 0 0 10px
}
@media (min-width: 768px) {
    .content ol,
    .content ul,
    .mceContentBody ol,
    .mceContentBody ul {
        padding-left: 25px;
        margin: 0 0 25px
    }
}
.content ol li,
.content ul li,
.mceContentBody ol li,
.mceContentBody ul li {
    padding: 5px 0
}
.ie8 .content ol li p,
.ie8 .content ul li p,
.ie8 .mceContentBody ol li p,
.ie8 .mceContentBody ul li p,
.ie9 .content ol li p,
.ie9 .content ul li p,
.ie9 .mceContentBody ol li p,
.ie9 .mceContentBody ul li p,
.ie10 .content ol li p,
.ie10 .content ul li p,
.ie10 .mceContentBody ol li p,
.ie10 .mceContentBody ul li p {
    display: inline
}
.content .link,
.mceContentBody .link {
    color: #7ece02;
    font-weight: 400
}
.content .link a,
.mceContentBody .link a {
    color: #7ece02
}
.content img,
.mceContentBody img {
    margin: 0 0 10px
}
@media (min-width: 768px) {
    .content img,
    .mceContentBody img {
        margin: 0 0 25px
    }
}
.content a,
.mceContentBody a {
    color: #2b2b2b;
    text-decoration: underline
}
.type--center {
    text-align: center
}
.type--right {
    text-align: right
}
.theme:after,
.theme:before {
    content: " ";
    display: table
}
.theme:after {
    clear: both
}
.theme.theme--bglight {
    background-color: #fff
}
.fade-appear,
.fade-enter {
    opacity: 0
}
.fade-appear,
.fade-enter,
.fade-leave {
    animation-fill-mode: both;
    animation-timing-function: ease;
    animation-play-state: paused
}
.fade-appear.fade-appear-active,
.fade-enter.fade-enter-active {
    animation-name: fadeIn;
    animation-play-state: running
}
.fade-leave.fade-leave-active {
    animation-name: fadeOut;
    animation-play-state: running
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.fade-appear,
.fade-enter,
.fade-leave {
    animation-duration: .5s
}
.fade-appear:nth-child(2),
.fade-enter:nth-child(2),
.fade-leave:nth-child(2) {
    animation-duration: 1s
}
.fade-appear:nth-child(3),
.fade-enter:nth-child(3),
.fade-leave:nth-child(3) {
    animation-duration: 1.5s
}
@keyframes mouse-scroll {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    50% {
        opacity: .5;
        transform: translateY(15px)
    }
    to {
        opacity: 0;
        transform: translateY(30px)
    }
}
.collapse-enter {
    opacity: .01
}
.collapse-enter.collapse-enter-active {
    opacity: 1;
    transition: opacity .5s ease-in
}
.collapse-leave {
    opacity: 1
}
.collapse-leave.collapse-leave-active {
    opacity: .01;
    transition: opacity .3s ease-in
}
.header {
    position: relative;
    background-color: #fff;
    height: 80px
}
.header:after {
    position: absolute;
    content: '';
    top: 80px;
    left: 0;
    width: 100%;
    height: 2px
}
@media (min-width: 992px) {
    .header {
        height: 90px
    }
}
.header .header__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 80px
}
@media (min-width: 992px) {
    .header .header__wrapper {
        height: 90px
    }
}
.header .header__logo-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}
.header .header__logo svg {
    width: 160px;
    height: auto
}
@media (min-width: 480px) {
    .header .header__logo svg {
        width: 180px
    }
}
@media (min-width: 1100px) {
    .header .header__logo svg {
        width: 240px;
        height: auto
    }
}
.header .header__logo.header__logo--secondary {
    margin-left: 10px
}
@media (min-width: 768px) {
    .header .header__logo.header__logo--secondary {
        margin-left: 15px
    }
}
.header .header__logo.header__logo--secondary svg {
    width: 60px
}
@media (min-width: 480px) {
    .header .header__logo.header__logo--secondary svg {
        width: 80px
    }
}
@media (min-width: 1100px) {
    .header .header__logo.header__logo--secondary svg {
        display: block;
        width: 100px;
        height: auto
    }
}
.header .header__nav-toggle {
    width: 35px;
    height: auto;
    fill: none;
    stroke: #cccdcd;
    stroke-width: 11;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    cursor: pointer
}
@media (min-width: 992px) {
    .header .header__nav-toggle {
        display: none
    }
}
.navigation {
    display: none
}
@media (min-width: 992px) {
    .navigation {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        width: 675px;
        position: relative
    }
}
.navigation .navigation__link {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    color: #2b2b2b;
    font-size: 15px;
    height: 90px
}
.navigation .navigation__link.navigation__link--current,
.navigation .navigation__link.navigation__link--section {
    font-weight: 600
}
@media (min-width: 992px) {
    .navigation .navigation__link {
        display: -ms-flexbox;
        display: flex
    }
}
.navigation .navigation__link:hover .navigation__carat {
    fill: #2b2b2b;
    stroke: #2b2b2b;
    transform: translateY(3px);
    transition: transform .2s ease-in-out
}
.navigation .navigation__item {
    position: relative
}
.navigation .navigation__item:hover>.navigation__dropdown {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease-in-out
}
.navigation .navigation__dropdown {
    transition: opacity .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    padding: 30px 0;
    z-index: 1;
    width: 500px;
    position: absolute;
    top: 90px;
    background-color: hsla(0, 0%, 100%, .9)
}
.navigation .navigation__dropdown .navigation__link {
    padding: 12.5px 0;
    height: auto
}
.navigation .navigation__dropdown .navigation__link:hover {
    color: #337ab7
}
.navigation .navigation__dropdown:after,
.navigation .navigation__dropdown:before {
    content: '';
    display: block;
    position: absolute;
    background: inherit;
    left: 100%;
    top: 0;
    height: 100%;
    width: 2000px
}
.navigation .navigation__dropdown:before {
    left: auto;
    right: 100%
}
.navigation .navigation__background {
    background-color: hsla(0, 0%, 100%, .9);
    position: relative
}
.navigation .navigation__carat {
    height: 5px;
    width: 9px;
    margin-left: 7px;
    fill: #2b2b2b;
    stroke: #2b2b2b;
    stroke-width: 11;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    transform: translateY(0);
    transition: transform .2s ease-in-out
}
.navigation .button--secondary {
    display: none
}
@media (min-width: 992px) {
    .navigation .button--secondary {
        display: block
    }
}
.navigation.navigation--accessibility {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0
}
.button,
.form#MemberLoginForm_LoginForm input[type=submit],
.form#MemberLoginForm_LostPasswordForm input[type=submit],
.form.form--contact input[type=submit],
form#MemberLoginForm_LoginForm input[type=submit],
form#MemberLoginForm_LostPasswordForm input[type=submit],
form.form--contact input[type=submit] {
    display: inline-block;
    color: #fff;
    background-color: #7ece02;
    padding: 12px 22px;
    border-radius: 24px;
    font-size: 12.5px;
    line-height: 12.5px;
    outline: none;
    transition: all .3s ease;
    font-weight: 500;
    cursor: pointer
}
@media (min-width: 992px) {
    .button,
    .form#MemberLoginForm_LoginForm input[type=submit],
    .form#MemberLoginForm_LostPasswordForm input[type=submit],
    .form.form--contact input[type=submit],
    form#MemberLoginForm_LoginForm input[type=submit],
    form#MemberLoginForm_LostPasswordForm input[type=submit],
    form.form--contact input[type=submit] {
        font-size: 16px;
        line-height: 16px
    }
}
.button:hover {
    text-decoration: none;
    background-color: #5f9b02
}
.button.button--secondary {
    background-color: #289bcb
}
.button.button--secondary:hover {
    background-color: #207aa0
}
.button.button--tertiary {
    background-color: #a8bdd0
}
.button.button--tertiary:hover {
    background-color: #e6e6e6;
    color: #7ece02
}
.button.button--light {
    background-color: #fff;
    color: #289bcb
}
.button.button--light:hover {
    background-color: #207aa0;
    color: #fff
}
.button.button--dark {
    background-color: #2b2b2b;
    color: #fff
}
.button.button--dark:hover {
    background-color: #207aa0;
    color: #fff
}
.button.button--large {
    font-size: 16px;
    line-height: 16px;
    padding: 19px 35px;
    border-radius: 28px
}
@media (min-width: 992px) {
    .button.button--large {
        font-size: 26px;
        line-height: 26px;
        border-radius: 33px
    }
}
.banner {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    color: #fff
}
.banner.banner--hero {
    background-position: 100%;
    height: 500px
}
@media (min-width: 768px) {
    .banner.banner--hero {
        height: 700px
    }
}
.banner.banner--hero .banner__content {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 500px
}
@media (min-width: 768px) {
    .banner.banner--hero .banner__content {
        height: 700px;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.banner.banner--hero .banner__title {
    width: 100%
}
.banner.banner--common {
    height: 200px
}
@media (min-width: 768px) {
    .banner.banner--common {
        height: 400px
    }
}
.banner.banner--common .banner__content {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    height: 200px
}
@media (min-width: 768px) {
    .banner.banner--common .banner__content {
        height: 400px
    }
}
.banner.banner--common .banner__title {
    margin: 0
}
.banner.banner--common .banner__title.banner__title--padding {
    padding: 20px 22.5px
}
@media (min-width: 768px) {
    .banner.banner--common .banner__title.banner__title--padding {
        padding: 40px 45px
    }
}
.banner.banner--newsletter {
    height: 350px;
    background-position: 0
}
@media (min-width: 768px) {
    .banner.banner--newsletter {
        height: 900px
    }
}
.banner.banner--newsletter .banner__content {
    height: 350px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
@media (min-width: 480px) {
    .banner.banner--newsletter .banner__content {
        margin: 0 20px
    }
}
@media (min-width: 768px) {
    .banner.banner--newsletter .banner__content {
        height: 900px
    }
}
.banner.banner--newsletter .banner__title {
    font-size: 32.5px;
    line-height: 32.5px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;
    text-shadow: 0 0 20px rgba(0, 0, 0, .5);
    width: 100%
}
@media (min-width: 768px) {
    .banner.banner--newsletter .banner__title {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 40px;
        text-shadow: none
    }
}
.banner .banner__scroll {
    display: none
}
@media (min-width: 768px) {
    .banner .banner__scroll {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        bottom: 40px;
        width: 100%;
        height: 100%;
        z-index: 1
    }
}
.banner.banner--animated {
    position: relative;
    height: 300vh;
    z-index: -1
}
.banner.banner--animated .banner__inner {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0
}
.banner.banner--animated .banner__background {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-position: 50%;
    background-size: cover;
    will-change: transform, filter
}
.banner.banner--animated .banner__background.banner__background--clearcut {
    background-position: 32%
}
@media (min-width: 992px) {
    .banner.banner--animated .banner__background.banner__background--clearcut {
        background-position: 50%
    }
}
.banner.banner--animated .banner__content {
    height: 100vh;
    -ms-flex-pack: end;
    justify-content: flex-end;
    will-change: opacity;
    padding-bottom: 70px;
    position: absolute
}
@media (min-width: 768px) {
    .banner.banner--animated .banner__content {
        padding-bottom: 120px
    }
}
@media (min-width: 992px) {
    .banner.banner--animated .banner__content {
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 0
    }
}
.banner.banner--animated .banner__title {
    z-index: 1;
    text-shadow: 0 0 30px #2b2b2b
}
.banner.banner--static {
    height: calc(100vh - 80px)
}
@media (min-width: 768px) {
    .banner.banner--static {
        height: calc(100vh - 90px)
    }
}
.banner.banner--static .banner__content {
    height: calc(100vh - 80px)
}
@media (min-width: 768px) {
    .banner.banner--static .banner__content {
        height: calc(100vh - 90px)
    }
}
.banner.banner--404 {
    height: calc(100vh - 80px);
    background-position: 50%
}
@media (min-width: 768px) {
    .banner.banner--404 {
        height: calc(100vh - 90px);
        text-align: center
    }
}
.banner.banner--404 .banner__content {
    height: calc(100vh - 80px);
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 50px
}
@media (min-width: 768px) {
    .banner.banner--404 .banner__content {
        height: calc(100vh - 90px);
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 0
    }
}
.banner.banner--contact {
    height: 250px;
    color: #2b2b2b;
    text-align: center
}
@media (min-width: 768px) {
    .banner.banner--contact {
        height: 400px
    }
}
.banner.banner--contact .banner__content {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 250px
}
@media (min-width: 768px) {
    .banner.banner--contact .banner__content {
        height: 350px
    }
}
.banner.banner--contact .banner__text {
    margin: 0;
    font-weight: 500
}
.banner .banner__scroll-icon {
    width: 34px;
    height: 54px;
    margin-bottom: 12px;
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 5.67px
}
.banner .banner__scroll-animation {
    fill: #fff;
    animation: 1.2s linear infinite mouse-scroll
}
.banner .banner__scroll-text {
    margin-bottom: 0;
    text-shadow: 0 0 10px #2b2b2b;
    font-weight: 700
}
.banner .banner__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
.banner .banner__text {
    width: 100%
}
.banner .banner__buttons {
    margin-bottom: 45px
}
@media (min-width: 768px) {
    .banner .banner__buttons {
        margin-bottom: 0
    }
}
.banner .banner__buttons .button:nth-of-type(1) {
    margin-right: 20px
}

footer {
	position: relative;
	bottom: 0;
	display: block;
	margin-top: none;
    padding: 0 0 0;
    clear: both;
	height: 410px;
    background: none;
}

#footer-container {
	max-width: 100%;
}

.footer {
    background-color: #7ece02;
    color: #fff;
}
.footer .footer__arrow {
    position: absolute;
    right: 20px;
    top: 25px;
    height: 30px;
    width: 30px;
    fill: #fff;
    stroke: #fff;
    stroke-width: 11;
    stroke-linecap: round;
    stroke-miterlimit: 10
}
@media (min-width: 992px) {
    .footer .footer__arrow {
        display: none
    }
}
.footer .footer__wrapper {
    padding-top: 50px
}
@media (min-width: 992px) {
    .footer .footer__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid #a5dd4e;
        padding: 60px 0 50px;
        margin: 0 90px
    }
}
.footer .footer__list {
    padding: 15px 0;
    border-bottom: 1px solid #a5dd4e
}
.footer .footer__list:first-of-type {
    padding: 0 0 15px
}
@media (min-width: 992px) {
    .footer .footer__list {
        border-bottom: none;
        padding: 0
    }
    .footer .footer__list:first-of-type {
        padding: 0
    }
}
.footer .footer__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 15px 0
}
.footer .footer__link:hover {
    color: #406901
}
.footer .footer__link:hover .footer__icon {
    fill: #406901
}
@media (min-width: 992px) {
    .footer .footer__link {
        padding: 11px 0
    }
}
.footer .footer__link.footer__link--current {
    color: #406901
}
.footer .footer__social-icons {
    display: inline-block;
    width: 25px
}
.footer .footer__icon {
    fill: #fff
}
.footer .footer__icon--facebook {
    width: 7.5px;
    height: 15px
}
.footer .footer__icon--twitter {
    width: 15px;
    height: 12.5px
}
.footer .footer__icon--youtube {
    width: 15px;
    height: 11px;
    fill-rule: evenodd;
    clip-rule: evenodd
}
.footer .footer__bottom {
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0
}
@media (min-width: 992px) {
    .footer .footer__bottom {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 90px;
        padding: 40px 0
    }
}
.footer .footer__logo {
    width: 135px;
    height: 30px;
    fill: #fff;
    margin: 0 60px 25px 0
}
@media (min-width: 992px) {
    .footer .footer__logo {
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 173px;
        height: 39px;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 20px 0 0
    }
}
.footer .footer__button {
    position: absolute;
    top: 30px
}
@media (min-width: 992px) {
    .footer .footer__button {
        position: static;
        -ms-flex-order: 1;
        order: 1
    }
}
.footer .footer__copy {
    font-size: 9px;
    line-height: 12px;
    margin: 0
}
@media (min-width: 992px) {
    .footer .footer__copy {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-order: 3;
        order: 3;
        margin: 0 0 0 50px;
        max-width: 450px;
        font-size: 12px;
        line-height: 18px;
        margin-left: 0
    }
    .footer .footer__copy span {
        display: inline
    }
}
.footer .footer__copy span {
    display: block
}
.footer .footer__strip {
    height: 28.5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUsAAAA5CAIAAAAwSJ63AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM0RTY4RUZCMTEzMTFFNjg1Q0VBN0I1MTI4Qzk2M0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM0RTY4RjBCMTEzMTFFNjg1Q0VBN0I1MTI4Qzk2M0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQzRFNjhFREIxMTMxMUU2ODVDRUE3QjUxMjhDOTYzQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQzRFNjhFRUIxMTMxMUU2ODVDRUE3QjUxMjhDOTYzQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm57vcQAAAMnSURBVHja7N3dS1NxGMDxc7ZpurGlmbFJaC5wTW8H7qKgi/wD0oilBBlUUP9CdJF5EV2U1EX0YiGYoiSGodVN0oVvKCialS+5yZwucpPUM1/Wln/CAR/aob4fdvnj2cO27/HcyFGPlxxTdKj0+1vb2/Sc7F9++CnySMmElc+pD7eSek42NN65UFeXkSWD6yMtMxf1nJx7nT/wKqoYm7/uUFn1hp6T1yv6Due4M7Lki+bmxtsNek7WNhVbjq5k6sO86u12Wr16Tp4+eSocDus5aVIA/LsoHKBwABQOgMIBUDgACgdA4QCFA6BwABQOgMIBUDiA/bCMjY/rOpdlEX/vqWcFq/OSA7e1HUVZlV2yJ3QzsjkpOHAnpYl/kj6f73wgIDhwaSncdP+B7JL9kaYC0f8ts2cV+gprZZccaYs73UdkZ3pqtF1lQ/hn2deb+p3SVe7BvIOZurqsLyuhmWWDXwJj28Fo4qvBlywuKak+VyM48Mv0tHjh0/F3sgOdVq944XND63sv2Znes07xe2W73c5dOgAKBygcAIUDoHAAFA6AwgFQOEDhACgcAIUDoHAAf4HlfbhRdmJ4Y0J8y8dPnzjsDsGBpW75B2jNtrpyzHbBgdHpuPF/QCvftssWPMJ/dkrnU0pScGB5efmly/WyS77p7o7HhL+ggehzW1a+cOHD0Rbj/4zOVFUZf8nBrtB/+CciOLoZHJ2UnVnf6VBMkoVX+v17L9klhwYHxQufivVwlw6AwgFQOEDhACgcAIUDoHAAFA6AwgEKB0DhACgcgKHofRpZIp7eCbpUVRV8b+2X8BO8tGR8cWNMVUSX3F0T/9DLPB6zSfLa6ioqkt3wQE7OCa9XFZ0ZCoU0TfIb301tJZJrJlXyiXrZplxVNes5aTbrfd/dmNWWlyu4ZFpJa5aIcOE/Z9Mf7y4a/HL1IzHbMX/D+JfV9s4Oh8Nh5A3dbvfbvl7ZmbWBwMjQsODA1a2FexOVskte8Xa5rBV6TtpsVp0zX177Lrtktk0JtGRzlw6AwgEKB0DhACgcAIUDoHAAFA5QOAAKB0DhACgcAIUD2Jc/AgwAYfXTELcK15IAAAAASUVORK5CYII=);
    background-repeat: repeat;
    background-position: 50%;
    background-size: contain
}
@media (min-width: 992px) {
    .footer .footer__strip {
        height: 57px
    }
}
.card__holder:nth-of-type(odd) {
    clear: left;
    margin-bottom: 20px
}
@media (min-width: 768px) {
    .card__holder:nth-of-type(odd) {
        clear: none;
        margin-bottom: 0
    }
}
.card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}
.card.card--icon {
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
.card.card--icon .card__image {
    width: 80px;
    height: auto;
    margin-bottom: 25px
}
@media (min-width: 768px) {
    .card.card--icon .card__image {
        margin-bottom: 40px
    }
}
.card.card--icon .card__text {
    padding: 0;
    margin: 0
}
.card.card--donate {
    background-color: #289bcb;
    color: #fff
}
@media (min-width: 992px) {
    .card.card--donate {
        -ms-flex-direction: row;
        flex-direction: row
    }
}
@media (min-width: 992px) {
    .card.card--donate .card__content,
    .card.card--donate .card__image {
        width: 50%
    }
}
.card.card--campaign {
    display: block
}
@media (min-width: 992px) {
    .card.card--campaign {
        margin-bottom: 150px
    }
}
.card.card--campaign .card__image {
    display: block;
    width: 100%;
    height: auto;
    padding-right: 20px
}
@media (min-width: 992px) {
    .card.card--campaign .card__image {
        height: auto;
        width: 58.33333%;
        padding-right: 0
    }
}
.card.card--campaign .card__content {
    position: relative;
    top: -40px;
    right: 0;
    margin-left: 20px;
    background-color: #7ece02;
    color: #fff
}
@media (min-width: 992px) {
    .card.card--campaign .card__content {
        position: absolute;
        top: 150px;
        width: 57.33333%;
        margin-left: 0
    }
}
.card.card--campaign .card__title {
    margin-bottom: 0
}
@media (min-width: 992px) {
    .card.card--campaign .card__title {
        font-size: 55px;
        line-height: 60px
    }
}
.card.card--tile {
    -ms-flex-direction: column;
    flex-direction: column;
    color: #2b2b2b
}
.card.card--tile .card__image {
    width: 450px;
    height: 375px
}
.card.card--tile .card__content {
    width: 440px;
    padding: 55px;
    background-color: #fff;
    box-shadow: 0 0 20px #dedede
}
.card.card--tile .card__title {
    margin: 0 0 20px
}
@media (min-width: 992px) {
    .card.card--tile .card__title {
        font-size: 22px;
        line-height: 28px
    }
}
.card.card--tile-1 {
    width: 50%;
    float: left
}
.card.card--tile-1 .card__content {
    position: relative;
    top: -90px;
    left: 90px
}
.card.card--tile-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 50%;
    float: right;
    padding-top: 90px
}
.card.card--tile-2 .card__content {
    position: relative;
    top: -90px
}
@media (min-width: 1100px) {
    .card.card--tile-2 .card__content {
        right: 90px
    }
}
.card.card--tile-3 {
    clear: both;
    top: -90px;
    margin-bottom: -110px
}
.card.card--tile-3 .card__content {
    position: absolute;
    left: 365px;
    bottom: 0
}
.card .card__content {
    padding: 40px 25px
}
@media (min-width: 992px) {
    .card .card__content {
        padding: 70px
    }
}
.card .card__image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 270px;
    width: 100%
}
@media (min-width: 992px) {
    .card .card__image {
        height: auto
    }
}
.card .card__text {
    padding-bottom: 20px;
    width: 100%
}
.card .card__title {
    width: 100%
}
.card__heading {
    text-align: center;
    margin-bottom: 40px
}
@media (min-width: 992px) {
    .card__heading {
        margin-bottom: 90px
    }
}
.card__start-height {
    min-height: 500px
}
@media screen and (min-width: 1000px) {
    .card__start-height {
        min-height: 1000px
    }
}
.form,
form {
    position: relative;
    width: 100%
}
.form.form--newsletter label,
form.form--newsletter label {
    display: none
}
.form.form--newsletter input,
form.form--newsletter input {
    font-size: 12.5px;
    line-height: 14.5px;
    border-radius: 24px
}
@media (min-width: 768px) {
    .form.form--newsletter input,
    form.form--newsletter input {
        font-size: 16px;
        line-height: 16px;
        border-radius: 30px
    }
}
.form.form--newsletter input[type=submit],
form.form--newsletter input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}
.form#MemberLoginForm_LoginForm input,
.form#MemberLoginForm_LoginForm label,
.form#MemberLoginForm_LoginForm textarea,
.form#MemberLoginForm_LostPasswordForm input,
.form#MemberLoginForm_LostPasswordForm label,
.form#MemberLoginForm_LostPasswordForm textarea,
.form.form--contact input,
.form.form--contact label,
.form.form--contact textarea,
form#MemberLoginForm_LoginForm input,
form#MemberLoginForm_LoginForm label,
form#MemberLoginForm_LoginForm textarea,
form#MemberLoginForm_LostPasswordForm input,
form#MemberLoginForm_LostPasswordForm label,
form#MemberLoginForm_LostPasswordForm textarea,
form.form--contact input,
form.form--contact label,
form.form--contact textarea {
    width: 100%;
    border-radius: none
}
.form#MemberLoginForm_LoginForm input[type=submit],
.form#MemberLoginForm_LostPasswordForm input[type=submit],
.form.form--contact input[type=submit],
form#MemberLoginForm_LoginForm input[type=submit],
form#MemberLoginForm_LostPasswordForm input[type=submit],
form.form--contact input[type=submit] {
    width: auto;
    padding: 15px 22px;
    border-bottom: 0
}
.form#MemberLoginForm_LoginForm input[type=submit]:focus,
.form#MemberLoginForm_LoginForm input[type=submit]:hover,
.form#MemberLoginForm_LostPasswordForm input[type=submit]:focus,
.form#MemberLoginForm_LostPasswordForm input[type=submit]:hover,
.form.form--contact input[type=submit]:focus,
.form.form--contact input[type=submit]:hover,
form#MemberLoginForm_LoginForm input[type=submit]:focus,
form#MemberLoginForm_LoginForm input[type=submit]:hover,
form#MemberLoginForm_LostPasswordForm input[type=submit]:focus,
form#MemberLoginForm_LostPasswordForm input[type=submit]:hover,
form.form--contact input[type=submit]:focus,
form.form--contact input[type=submit]:hover {
    background-color: #5f9b02;
    padding: 15px 22px;
    border-bottom: 0
}
.form#MemberLoginForm_LoginForm label,
.form#MemberLoginForm_LostPasswordForm label,
.form.form--contact label,
form#MemberLoginForm_LoginForm label,
form#MemberLoginForm_LostPasswordForm label,
form.form--contact label {
    display: block;
    padding-bottom: 15px;
    margin: 0;
    cursor: pointer
}
.form#MemberLoginForm_LoginForm input,
.form#MemberLoginForm_LoginForm textarea,
.form#MemberLoginForm_LostPasswordForm input,
.form#MemberLoginForm_LostPasswordForm textarea,
.form.form--contact input,
.form.form--contact textarea,
form#MemberLoginForm_LoginForm input,
form#MemberLoginForm_LoginForm textarea,
form#MemberLoginForm_LostPasswordForm input,
form#MemberLoginForm_LostPasswordForm textarea,
form.form--contact input,
form.form--contact textarea {
    border-bottom: 1px solid #dedede;
    padding: 15px 0;
    margin: 0
}
.form#MemberLoginForm_LoginForm input.holder-required,
.form#MemberLoginForm_LoginForm input:focus,
.form#MemberLoginForm_LoginForm textarea.holder-required,
.form#MemberLoginForm_LoginForm textarea:focus,
.form#MemberLoginForm_LostPasswordForm input.holder-required,
.form#MemberLoginForm_LostPasswordForm input:focus,
.form#MemberLoginForm_LostPasswordForm textarea.holder-required,
.form#MemberLoginForm_LostPasswordForm textarea:focus,
.form.form--contact input.holder-required,
.form.form--contact input:focus,
.form.form--contact textarea.holder-required,
.form.form--contact textarea:focus,
form#MemberLoginForm_LoginForm input.holder-required,
form#MemberLoginForm_LoginForm input:focus,
form#MemberLoginForm_LoginForm textarea.holder-required,
form#MemberLoginForm_LoginForm textarea:focus,
form#MemberLoginForm_LostPasswordForm input.holder-required,
form#MemberLoginForm_LostPasswordForm input:focus,
form#MemberLoginForm_LostPasswordForm textarea.holder-required,
form#MemberLoginForm_LostPasswordForm textarea:focus,
form.form--contact input.holder-required,
form.form--contact input:focus,
form.form--contact textarea.holder-required,
form.form--contact textarea:focus {
    outline: none;
    padding: 15px 0 14px
}
.form#MemberLoginForm_LoginForm input:focus,
.form#MemberLoginForm_LoginForm textarea:focus,
.form#MemberLoginForm_LostPasswordForm input:focus,
.form#MemberLoginForm_LostPasswordForm textarea:focus,
.form.form--contact input:focus,
.form.form--contact textarea:focus,
form#MemberLoginForm_LoginForm input:focus,
form#MemberLoginForm_LoginForm textarea:focus,
form#MemberLoginForm_LostPasswordForm input:focus,
form#MemberLoginForm_LostPasswordForm textarea:focus,
form.form--contact input:focus,
form.form--contact textarea:focus {
    border-bottom: 3px solid #2b2b2b
}
.form#MemberLoginForm_LoginForm input.holder-required,
.form#MemberLoginForm_LoginForm textarea.holder-required,
.form#MemberLoginForm_LostPasswordForm input.holder-required,
.form#MemberLoginForm_LostPasswordForm textarea.holder-required,
.form.form--contact input.holder-required,
.form.form--contact textarea.holder-required,
form#MemberLoginForm_LoginForm input.holder-required,
form#MemberLoginForm_LoginForm textarea.holder-required,
form#MemberLoginForm_LostPasswordForm input.holder-required,
form#MemberLoginForm_LostPasswordForm textarea.holder-required,
form.form--contact input.holder-required,
form.form--contact textarea.holder-required {
    border-bottom: 3px solid #d00
}
.form#MemberLoginForm_LoginForm input,
.form#MemberLoginForm_LostPasswordForm input,
.form.form--contact input,
form#MemberLoginForm_LoginForm input,
form#MemberLoginForm_LostPasswordForm input,
form.form--contact input {
    border-bottom: 1px solid #dedede
}
.form#MemberLoginForm_LoginForm input:focus,
.form#MemberLoginForm_LostPasswordForm input:focus,
.form.form--contact input:focus,
form#MemberLoginForm_LoginForm input:focus,
form#MemberLoginForm_LostPasswordForm input:focus,
form.form--contact input:focus {
    padding: 15px 0 14px;
    border-bottom: 3px solid #2b2b2b
}
.form#MemberLoginForm_LoginForm input.holder-required,
.form#MemberLoginForm_LostPasswordForm input.holder-required,
.form.form--contact input.holder-required,
form#MemberLoginForm_LoginForm input.holder-required,
form#MemberLoginForm_LostPasswordForm input.holder-required,
form.form--contact input.holder-required {
    border-bottom: 3px solid #d00
}
.form#MemberLoginForm_LoginForm textarea,
.form#MemberLoginForm_LostPasswordForm textarea,
.form.form--contact textarea,
form#MemberLoginForm_LoginForm textarea,
form#MemberLoginForm_LostPasswordForm textarea,
form.form--contact textarea {
    border: 1px solid #dedede;
    height: 180px;
    padding: 15px
}
.form#MemberLoginForm_LoginForm textarea.holder-required,
.form#MemberLoginForm_LoginForm textarea:focus,
.form#MemberLoginForm_LostPasswordForm textarea.holder-required,
.form#MemberLoginForm_LostPasswordForm textarea:focus,
.form.form--contact textarea.holder-required,
.form.form--contact textarea:focus,
form#MemberLoginForm_LoginForm textarea.holder-required,
form#MemberLoginForm_LoginForm textarea:focus,
form#MemberLoginForm_LostPasswordForm textarea.holder-required,
form#MemberLoginForm_LostPasswordForm textarea:focus,
form.form--contact textarea.holder-required,
form.form--contact textarea:focus {
    padding: 15px
}
@media (min-width: 768px) {
    .form#MemberLoginForm_LoginForm textarea,
    .form#MemberLoginForm_LostPasswordForm textarea,
    .form.form--contact textarea,
    form#MemberLoginForm_LoginForm textarea,
    form#MemberLoginForm_LostPasswordForm textarea,
    form.form--contact textarea {
        height: 300px
    }
}
.form#MemberLoginForm_LoginForm label,
.form#MemberLoginForm_LostPasswordForm label,
.form.form--contact label,
form#MemberLoginForm_LoginForm label,
form#MemberLoginForm_LostPasswordForm label,
form.form--contact label {
    font-size: 19px;
    line-height: 25px;
    font-weight: 700
}
@media (min-width: 768px) {
    .form#MemberLoginForm_LoginForm label,
    .form#MemberLoginForm_LostPasswordForm label,
    .form.form--contact label,
    form#MemberLoginForm_LoginForm label,
    form#MemberLoginForm_LostPasswordForm label,
    form.form--contact label {
        font-size: 22px;
        line-height: 28px
    }
}
.form#MemberLoginForm_LoginForm fieldset,
.form#MemberLoginForm_LostPasswordForm fieldset,
.form.form--contact fieldset,
form#MemberLoginForm_LoginForm fieldset,
form#MemberLoginForm_LostPasswordForm fieldset,
form.form--contact fieldset {
    margin-bottom: 60px
}
.form#MemberLoginForm_LoginForm .message,
.form#MemberLoginForm_LostPasswordForm .message,
.form.form--contact .message,
form#MemberLoginForm_LoginForm .message,
form#MemberLoginForm_LostPasswordForm .message,
form.form--contact .message {
    font-size: 12px;
    line-height: 12px;
    width: 100%;
    text-align: right
}
@media (min-width: 768px) {
    .form#MemberLoginForm_LoginForm .message,
    .form#MemberLoginForm_LostPasswordForm .message,
    .form.form--contact .message,
    form#MemberLoginForm_LoginForm .message,
    form#MemberLoginForm_LostPasswordForm .message,
    form.form--contact .message {
        font-size: 16px;
        line-height: 24px;
        text-align: left
    }
}
.form#MemberLoginForm_LoginForm,
.form#MemberLoginForm_LostPasswordForm,
form#MemberLoginForm_LoginForm,
form#MemberLoginForm_LostPasswordForm {
    padding-top: 20px
}
.form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_error,
.form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_error,
form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_error,
form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_error {
    position: static;
    padding-left: 0
}
@media (min-width: 768px) {
    .form#MemberLoginForm_LoginForm,
    .form#MemberLoginForm_LostPasswordForm,
    form#MemberLoginForm_LoginForm,
    form#MemberLoginForm_LostPasswordForm {
        width: 50%
    }
}
.form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder,
.form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember_Holder,
form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder,
form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember_Holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 30px
}
.form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder .checkbox,
.form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember_Holder .checkbox,
form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder .checkbox,
form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember_Holder .checkbox {
    width: auto
}
.form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder label,
.form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember_Holder label,
form#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder label,
form#MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember_Holder label {
    padding: 0 0 0 20px;
    margin: 0;
    font-weight: 400
}
.form#MemberLoginForm_LoginForm fieldset,
.form#MemberLoginForm_LostPasswordForm fieldset,
form#MemberLoginForm_LoginForm fieldset,
form#MemberLoginForm_LostPasswordForm fieldset {
    margin-bottom: 30px
}
.form#MemberLoginForm_LoginForm #ForgotPassword,
.form#MemberLoginForm_LostPasswordForm #ForgotPassword,
form#MemberLoginForm_LoginForm #ForgotPassword,
form#MemberLoginForm_LostPasswordForm #ForgotPassword {
    padding-top: 30px
}
.form#MemberLoginForm_LoginForm .field:first-of-type,
.form#MemberLoginForm_LostPasswordForm .field:first-of-type,
form#MemberLoginForm_LoginForm .field:first-of-type,
form#MemberLoginForm_LostPasswordForm .field:first-of-type {
    padding-bottom: 30px
}
fieldset {
    border: none;
    padding: 0
}
input {
    border: none;
    padding: 15px 22px;
    color: #2b2b2b;
    display: block;
    outline: none;
    width: 100%
}
@media (min-width: 992px) {
    input {
        font-size: 16px;
        line-height: 18px
    }
}
input[type=submit] {
    background-color: #7ece02;
    width: auto;
    color: #fff;
    transition: background-color .3s ease
}
input[type=submit]:hover {
    background-color: #5f9b02;
    transition: background-color .3s ease
}
.form__message {
    color: #7ece02
}
.Actions {
    display: inline-block
}
.message {
    position: absolute;
    color: #d00;
    padding: 10px 0 0
}
@media (min-width: 768px) {
    .message {
        padding: 10px 0 0 20px
    }
}
.message.message--good {
    color: #7ece02
}
.message.message--bad {
    color: #d00
}
.form__holder {
    overflow: hidden;
    position: relative;
    height: 0;
    opacity: 0;
    transition: all .7s ease-in-out
}
.form__holder form {
    position: absolute;
    left: 0;
    bottom: 0
}
.carousel.carousel--campaign {
    background-color: #a8bdd0
}
.carousel.carousel--campaign .carousel__title {
    color: #fff;
    text-align: center;
    width: 100%
}
.carousel.carousel--campaign .carousel-slider .carousel__item {
    height: 300px;
    transition: background-size .3s ease
}
.carousel.carousel--campaign .carousel-slider .carousel__item.carousel--static {
    position: relative;
    width: 33.333%;
    height: 100%
}
.carousel.carousel--campaign .carousel-slider .carousel__item.carousel--static:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(#a8bdd0, #c9d6e2 50%, #a8bdd0);
    background-repeat: no-repeat;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa8bdd0', endColorstr='#ffa8bdd0', GradientType=0)
}
@media (min-width: 480px) {
    .carousel.carousel--campaign .carousel-slider .carousel__item {
        height: 350px
    }
}
@media (min-width: 768px) {
    .carousel.carousel--campaign .carousel-slider .carousel__item {
        height: 450px
    }
}
@media (min-width: 992px) {
    .carousel.carousel--campaign .carousel-slider .carousel__item {
        height: 700px
    }
}
.carousel.carousel--campaign .carousel__content {
    -ms-flex-align: center;
    align-items: center
}
.carousel.carousel--tile .carousel__heading {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px
}
.carousel.carousel--tile .carousel__title {
    color: #2b2b2b
}
.carousel.carousel--tile .carousel__image {
    height: 270px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin: 0 10px 0 30px
}
@media (min-width: 480px) {
    .carousel.carousel--tile .carousel__image {
        height: 549px
    }
}
.carousel.carousel--tile .carousel__content {
    position: relative;
    left: 10px;
    top: -55px;
    z-index: 2;
    background-color: #fff;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 30px;
    box-shadow: 0 0 20px #dedede;
    width: 80%
}
.carousel-slider .carousel__item {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}
.carousel__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    height: inherit;
    padding: 35px 20px
}
@media (min-width: 992px) {
    .carousel__content {
        padding: 55px 75px
    }
}
.carousel__title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 18px
}
@media (min-width: 768px) {
    .carousel__title {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 35px
    }
}
.carousel__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 50%
}
.carousel__nav:hover {
    background-color: hsla(0, 0%, 100%, .2)
}
.carousel__arrow {
    width: 22px;
    height: 22px;
    fill: #fff;
    stroke: #fff;
    stroke-width: 11;
    stroke-linecap: round;
    stroke-miterlimit: 10
}
.carousel__arrow.carousel__arrow--right {
    transform: rotate(270deg)
}
.carousel__arrow.carousel__arrow--left {
    transform: rotate(90deg)
}
.slick-slider {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list,
.slick-slider {
    position: relative;
    display: block
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-track {
    transform: translateZ(0)
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
    position: relative
}
.slick-slide.slick-active {
    z-index: 1
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 45px;
    width: 45px;
    cursor: pointer;
    background-color: transparent;
    top: 45%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
    color: #fff;
    font-size: 30px;
    background: none
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: none;
    background: transparent;
    color: #fff
}
.slick-prev {
    left: 50px;
    z-index: 1
}
.slick-next {
    right: 50px;
    z-index: 1
}
.slick-dots {
    position: absolute;
    bottom: 15px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    z-index: 1
}
@media (min-width:@ {
    @screen-sm + 1
}
) {
    .slick-dots {
        bottom: -50px;
        width: 35%;
        left: 32.5%;
        bottom: 15px
    }
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}
@media (min-width: 768px) {
    .slick-dots li {
        height: 20px;
        width: 20px;
        margin: 0 5px
    }
}
.slick-dots li button {
    border: 0;
    display: block;
    height: 6px;
    width: 6px;
    outline: none;
    line-height: 0;
    font-size: 0;
    padding: 3.5px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #ababab
}
@media (min-width: 768px) {
    .slick-dots li button {
        padding: 5px
    }
}
.slick-dots li.slick-active button {
    background-color: #7ece02;
    height: 9px;
    width: 9px
}
.video .col-md-8,
.video.container {
    padding: 0
}
.video .row {
    margin: 0
}
.video .video__player {
    width: 100%;
    height: 300px;
    background-color: #ccc
}
@media (min-width: 768px) {
    .video .video__player {
        height: 300px;
        margin: 0 10px
    }
}
@media (min-width: 992px) {
    .video .video__player {
        height: 440px
    }
}
.accordion .accordion__toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    height: 100%
}
.accordion .accordion__toggle:checked~.accordion__content {
    max-height: 100%;
    padding: 20px 0 25px;
    transition: max-height, .2s
}
@media (min-width: 768px) {
    .accordion .accordion__toggle:checked~.accordion__content {
        padding: 30px 0 50px
    }
}
.accordion .accordion__toggle:checked~* .accordion__icon:after {
    content: '-'
}
.accordion .accordion__item {
    position: relative;
    border-bottom: 3px solid #7ece02
}
.accordion .accordion__item:first-of-type {
    border-top: 3px solid #7ece02
}
.accordion .accordion__item:last-of-type {
    border-top: none
}
.accordion .accordion__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    margin: 0
}
@media (min-width: 768px) {
    .accordion .accordion__header {
        padding: 25px 0
    }
}
.accordion .accordion__title {
    font-weight: 700;
    width: 90%;
    margin: 0;
    display: block
}
.accordion .accordion__subtitle {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 5px 0 0;
    color: #7e7e7e
}
@media (min-width: 768px) {
    .accordion .accordion__subtitle {
        font-size: 14px;
        line-height: 18px
    }
}
.accordion .accordion__content {
    max-height: 0;
    overflow: hidden
}
.accordion .accordion__icon:after {
    content: '+';
    display: inline-block;
    margin-right: 20px
}
.social {
    padding-top: 30px
}
@media (min-width: 768px) {
    .social {
        padding-top: 70px
    }
}
.social .social__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
@media (min-width: 992px) {
    .social .social__list {
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.social .social__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    font-weight: 500;
    margin-bottom: 0
}
.social .social__item {
    margin-right: 40px;
    margin-bottom: 20px
}
@media (min-width: 992px) {
    .social .social__item {
        margin-bottom: 0
    }
}
.social .social__item.social__item--twitter .social__circle {
    background-color: #78cdf0
}
.social .social__item.social__item--twitter .social__circle:hover {
    background-color: #1cabe6
}
.social .social__item.social__item--twitter .social__icon {
    height: 15px;
    width: 17px
}
.social .social__item.social__item--facebook .social__circle {
    background-color: #537bbd
}
.social .social__item.social__item--facebook .social__circle:hover {
    background-color: #2f4c7b
}
.social .social__item.social__item--facebook .social__icon {
    height: 19px;
    width: 9px
}
.social .social__item.social__item--email .social__circle {
    background-color: #e9654b
}
.social .social__item.social__item--email .social__circle:hover {
    background-color: #b83116
}
.social .social__item.social__item--email .social__icon {
    height: 15px;
    width: 16px
}
.social .social__circle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35px;
    min-width: 35px;
    height: 35px;
    min-height: 35px;
    border-radius: 50%;
    margin-right: 12px
}
.social .social__icon {
    fill: #fff
}
.locator {
    overflow: hidden;
    position: relative;
    height: 500px;
    width: 100%;
    transition: height .3s ease-out .3s;
    margin-bottom: 40px
}
@media (min-width: 480px) {
    .locator {
        height: 600px
    }
}
@media (min-width: 768px) {
    .locator {
        height: 800px;
        margin-bottom: 60px
    }
}
.locator .locator__map {
    position: absolute;
    top: 0;
    left: 0;
    height: 500px;
    width: 100%
}
@media (min-width: 480px) {
    .locator .locator__map {
        height: 600px
    }
}
@media (min-width: 768px) {
    .locator .locator__map {
        height: 800px;
        margin-bottom: 60px
    }
}
.locator .locator__map p {
    margin-bottom: 10px
}
.locator .locator__map p:last-of-type {
    margin-bottom: 0
}
.locator .locator__pin {
    width: 36px;
    height: 49px
}
.locator .locator__content {
    margin: 20px
}
.locator .locator__content a,
.locator .locator__content p {
    font-size: 15px;
    font-weight: 700;
    line-height: 17px
}
.locator .locator__content .locator__extra {
    max-width: 250px
}
.locator .locator__content .locator__title {
    margin-bottom: 10px
}
.locator .locator__list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 60px
}
.locator .locator__item {
    padding: 30px 0;
    border-bottom: 1px solid #ccc
}
.locator .locator__item p {
    margin-bottom: 15px
}
.locator .locator__item a {
    display: block;
    margin-bottom: 0
}
.locator__title {
    margin-bottom: 10px
}
@media (min-width: 768px) {
    .locator__title {
        margin-bottom: 0
    }
}
.locator__toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media (min-width: 768px) {
    .locator__toggle {
        width: 20%;
        float: right
    }
}
.locator__type {
    cursor: pointer;
    text-align: center;
    width: 50%;
    margin: 0;
    padding: 10px 0
}
.locator__type.locator__type--active {
    color: #fff;
    background-color: #7ece02
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-BookItalic.eot);
    src: url(fonts/Gotham-BookItalic.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-BookItalic.woff2) format('woff2'), url(fonts/Gotham-BookItalic.woff) format('woff'), url(fonts/Gotham-BookItalic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Book.eot);
    src: url(fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-Book.woff2) format('woff2'), url(fonts/Gotham-Book.woff) format('woff'), url(fonts/Gotham-Book.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Light.eot);
    src: url(fonts/Gotham-Light.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-Light.woff2) format('woff2'), url(fonts/Gotham-Light.woff) format('woff'), url(fonts/Gotham-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Medium.eot);
    src: url(fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-Medium.woff2) format('woff2'), url(fonts/Gotham-Medium.woff) format('woff'), url(fonts/Gotham-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-LightItalic.eot);
    src: url(fonts/Gotham-LightItalic.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-LightItalic.woff2) format('woff2'), url(fonts/Gotham-LightItalic.woff) format('woff'), url(fonts/Gotham-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-MediumItalic.eot);
    src: url(fonts/Gotham-MediumItalic.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-MediumItalic.woff2) format('woff2'), url(fonts/Gotham-MediumItalic.woff) format('woff'), url(fonts/Gotham-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-BoldItalic.eot);
    src: url(fonts/Gotham-BoldItalic.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-BoldItalic.woff2) format('woff2'), url(fonts/Gotham-BoldItalic.woff) format('woff'), url(fonts/Gotham-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic
}
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Bold.eot);
    src: url(fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-Bold.woff2) format('woff2'), url(fonts/Gotham-Bold.woff) format('woff'), url(fonts/Gotham-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}
body {
    -webkit-font-smoothing: antialiased;
    color: #2b2b2b;
    font-family: Gotham, helvetica, sans-serif
}
.h1,
h1 {
    margin: 0 0 20px;
    font-size: 32.5px;
    line-height: 32.5px;
    font-weight: 700
}
@media (min-width: 768px) {
    .h1,
    h1 {
        font-size: 60px;
        line-height: 60px;
        margin: 0 0 30px
    }
}
.h1.h1--campaign,
h1.h1--campaign {
    text-align: center;
    margin-bottom: 40px
}
@media (min-width: 768px) {
    .h1.h1--campaign,
    h1.h1--campaign {
        text-align: initial;
        margin-bottom: 55px
    }
}
h2 {
    margin: 0 0 15px;
    font-size: 19px;
    line-height: 21.5px;
    font-weight: 700
}
@media (min-width: 768px) {
    h2 {
        font-size: 35px;
        line-height: 40px;
        margin: 0 0 30px
    }
}
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700
}
@media (min-width: 768px) {
    h3,
    h4,
    h5,
    h6 {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 30px
    }
}
h4,
h5,
h6 {
    font-weight: 400
}
@media (min-width: 768px) {
    h4,
    h5,
    h6 {
        margin: 0 0 30px
    }
}
.content a,
.content ol,
.content ul,
.mceContentBody a,
.mceContentBody ol,
.mceContentBody ul,
p {
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 10px
}
@media (min-width: 768px) {
    .content a,
    .content ol,
    .content ul,
    .mceContentBody a,
    .mceContentBody ol,
    .mceContentBody ul,
    p {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 30px
    }
}
.lead {
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 10px;
    font-weight: 700
}
@media (min-width: 768px) {
    .lead {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 30px
    }
}
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}
a {
    text-decoration: none;
    color: #2b2b2b;
    transition: all .3s ease
}
.quote {
    color: #7ece02
}
@media (min-width: 768px) {
    .quote {
        font-size: 25px;
        line-height: 30px;
        text-align: right
    }
}
@media (min-width: 992px) {
    .quote {
        font-size: 35px;
        line-height: 40px
    }
}
@media (min-width: 768px) {
    .quote.quote--positioned {
        position: relative
    }
}
@media (min-width: 992px) {
    .quote.quote--positioned {
        top: -115px
    }
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p,
.mceContentBody h1,
.mceContentBody h2,
.mceContentBody h3,
.mceContentBody h4,
.mceContentBody h5,
.mceContentBody h6,
.mceContentBody p {
    margin-bottom: 25px
}
.content ul,
.mceContentBody ul {
    list-style-type: disc
}
.content ol,
.mceContentBody ol {
    list-style-type: decimal
}
.content ol,
.content ul,
.mceContentBody ol,
.mceContentBody ul {
    list-style-position: outside;
    margin: 0;
    padding-left: 20px;
    margin: 0 0 10px
}
@media (min-width: 768px) {
    .content ol,
    .content ul,
    .mceContentBody ol,
    .mceContentBody ul {
        padding-left: 25px;
        margin: 0 0 25px
    }
}
.content ol li,
.content ul li,
.mceContentBody ol li,
.mceContentBody ul li {
    padding: 5px 0
}
.ie8 .content ol li p,
.ie8 .content ul li p,
.ie8 .mceContentBody ol li p,
.ie8 .mceContentBody ul li p,
.ie9 .content ol li p,
.ie9 .content ul li p,
.ie9 .mceContentBody ol li p,
.ie9 .mceContentBody ul li p,
.ie10 .content ol li p,
.ie10 .content ul li p,
.ie10 .mceContentBody ol li p,
.ie10 .mceContentBody ul li p {
    display: inline
}
.content .link,
.mceContentBody .link {
    color: #7ece02;
    font-weight: 400
}
.content .link a,
.mceContentBody .link a {
    color: #7ece02
}
.content img,
.mceContentBody img {
    margin: 0 0 10px
}
@media (min-width: 768px) {
    .content img,
    .mceContentBody img {
        margin: 0 0 25px
    }
}
.content a,
.mceContentBody a {
    color: #2b2b2b;
    text-decoration: underline
}
.type--center {
    text-align: center
}
.type--right {
    text-align: right
}
.link {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 30px
}
.link,
.link a {
    color: #7ece02
}
@media (max-width: 860px) {
	.dropdownList{
		width: 300px;
	}
	.questionContent input[type="text"], .questionContent textarea, select {
		width: 300px !important;
	}
}
@media (max-width: 420px) {
	input[type="radio"] + label {
		font-size: 20px !important;
	}
	input[type="radio" i] {
		width: 35px;
		height: 35px;
		border-radius: 35px;
	}
	.horizontalOptionList > div {
		margin-right: 15px !important;
	}
	.questionName, .longQuestionName {
		padding-top: 0px !important;
		margin-bottom: 0 !important;
	}
}
@media (max-width: 375px) {
	.dropdownList{
		width: 260px;
	}
	.questionContent input[type="text"], .questionContent textarea, select {
		width: 260px !important;
	}
}