.charcoal-bg { background-color: #373d42; }

.blue-bg { background-color: #3695d8; }

@font-face { font-family: "Neue Helvetica 35 Thin"; src: url("/assets/fonts/responsive/HelveticaNeueW01-Thin.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-Thin.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-Thin.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-Thin.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-Thin.svg#Neue Helvetica 35 Thin") format("svg"); }

@font-face { font-family: "Neue Helvetica 47 Condensed Light"; src: url("/assets/fonts/responsive/HelveticaNeueW01-47LtCn.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-47LtCn.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-47LtCn.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-47LtCn.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-47LtCn.svg#Neue Helvetica 47 Condensed Light") format("svg"); }

@font-face { font-family: "Neue Helvetica 47 Condensed Light Oblique"; src: url("/assets/fonts/responsive/HelveticaNeueW01-47LtCnObl.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-47LtCnObl.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-47LtCnObl.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-47LtCnObl.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-47LtCnObl.svg#Neue Helvetica 47 Condensed Light Oblique") format("svg"); }

@font-face { font-family: "Neue Helvetica 55 Roman"; src: url("/assets/fonts/responsive/HelveticaNeueW01-55Roman.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-55Roman.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-55Roman.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-55Roman.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-55Roman.svg#Neue Helvetica 55 Roman") format("svg"); }

@font-face { font-family: "Neue Helvetica 56 Italic"; src: url("/assets/fonts/responsive/HelveticaNeueW01-56It.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-56It.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-56It.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-56It.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-56It.svg#Neue Helvetica 56 Italic") format("svg"); }

@font-face { font-family: "Neue Helvetica 57 Condensed"; src: url("/assets/fonts/responsive/HelveticaNeueW01-57Cn.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-57Cn.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-57Cn.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-57Cn.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-57Cn.svg#Neue Helvetica 57 Condensed") format("svg"); }

@font-face { font-family: "Neue Helvetica 65 Medium"; src: url("/assets/fonts/responsive/HelveticaNeueW01-65Medium.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-65Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-65Medium.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-65Medium.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-65Medium.svg#Neue Helvetica 65 Medium") format("svg"); }

@font-face { font-family: "Helvetica CndMd"; src: url("/assets/fonts/responsive/HelveticaNeueW01-67MdCn.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-67MdCn.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-67MdCn.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-67MdCn.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-67MdCn.svg#Helvetica CndMd") format("svg"); }

@font-face { font-family: "Neue Helvetica 75 Bold"; src: url("/assets/fonts/responsive/HelveticaNeueW01-75Bold.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-75Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-75Bold.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-75Bold.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-75Bold.svg#Neue Helvetica 75 Bold") format("svg"); }

@font-face { font-family: "Neue Helvetica 76 Bold Italic"; src: url("/assets/fonts/responsive/HelveticaNeueW01-76BoldIt.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-76BoldIt.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-76BoldIt.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-76BoldIt.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-76BoldIt.svg#Neue Helvetica 76 Bold Italic") format("svg"); }

@font-face { font-family: "Neue Helvetica 77 Condensed Bold"; src: url("/assets/fonts/responsive/HelveticaNeueW01-77BdCn.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-77BdCn.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-77BdCn.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-77BdCn.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-77BdCn.svg#Neue Helvetica 77 Condensed Bold") format("svg"); }

@font-face { font-family: "Helvetica CndBold"; src: url("/assets/fonts/responsive/HelveticaNeueW01-77BdCn.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-77BdCn.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-77BdCn.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-77BdCn.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-77BdCn.svg#Helvetica CndBold") format("svg"); }

@font-face { font-family: "Neue Helvetica 95 Black"; src: url("/assets/fonts/responsive/HelveticaNeueW01-95Black.eot"); src: url("/assets/fonts/responsive/HelveticaNeueW01-95Black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/HelveticaNeueW01-95Black.woff") format("woff"), url("/assets/fonts/responsive/HelveticaNeueW01-95Black.ttf") format("truetype"), url("/assets/fonts/responsive/HelveticaNeueW01-95Black.svg#Neue Helvetica 95 Black") format("svg"); }

@font-face { font-family: "Folio"; src: url("/assets/fonts/responsive/FolioCond-Bold.eot"); src: url("/assets/fonts/responsive/FolioCond-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/responsive/FolioCond-Bold.woff") format("woff"), url("/assets/fonts/responsive/FolioCond-Bold.ttf") format("truetype"), url("/assets/fonts/responsive/FolioCond-Bold.svg#Folio") format("svg"); }

::-moz-selection { background: #3695d8; color: #FFF; }

::selection { background: #3695d8; color: #FFF; }

* { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

html { min-height: 100%; position: relative; }

body { height: 100%; background-color: #FFF; color: #5d5d5d; font-family: 'Neue Helvetica 55 Roman'; }

a { transition: all 200ms ease-in-out; }

.container { transition: opacity 0.5s ease-in-out; max-width: 970px; }

.container--hidden { opacity: 0; }

@media (min-width: 768px) { .container { width: auto; } }

.main-content { box-sizing: border-box; margin-bottom: 100px; }

@media (min-width: 1200px) { .main-content { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 970px; }
  .main-content:before, .main-content:after { content: " "; display: table; }
  .main-content:after { clear: both; } }

.responsive-refresh h1 { font-family: 'Neue Helvetica 57 Condensed'; text-transform: uppercase; font-size: 36px; margin-top: 60px; }

.responsive-refresh h2 { font-family: 'Neue Helvetica 57 Condensed'; text-transform: uppercase; font-size: 24px; margin-top: 30px; padding-bottom: 10px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #DDD; }

.responsive-refresh h3 { font-family: 'Neue Helvetica 57 Condensed'; text-transform: uppercase; font-size: 24px; margin-top: 20px; }

.responsive-refresh h4 { clear: both; font-family: 'Neue Helvetica 57 Condensed'; text-transform: uppercase; color: #3695d8; font-size: 16px; padding-top: 40px; margin-left: 10px; margin-right: 10px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #DDD; }

.responsive-refresh a { color: #3695d8; }

@media (min-width: 600px) { .small-only { display: none !important; } }

.noise { background: #ebebeb url("/assets/images/responsive/backgrounds/page.jpg"); }

.page-noise { background: url("/assets/images/responsive/backgrounds/page-gradient.png") repeat-x; padding-top: 20px; }

.ie10 .donate-overlay, .ie9 .donate-overlay { display: none; }

.ie10 .donate-overlay.active, .ie9 .donate-overlay.active { display: block; }

.donate-overlay { perspective: 1000; opacity: 0; transition: 0.4s all ease; pointer-events: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 100px 15px; background-color: rgba(0, 0, 0, 0.6); z-index: 10000000; text-align: center; }

.fa.close-btn { display: none; }

.donate-overlay .fa.close-btn { display: block; position: absolute; top: 10px; right: 10px; color: #FFF; font-size: 15px; z-index: 10000000000; cursor: pointer; }

.donate-overlay > div { box-shadow: 4px 4px 34px rgba(0, 0, 0, 0.8); width: 455px; margin: auto; }

@media (max-width: 480px) { .donate-overlay > div { width: 100%; } }

@media (min-width: 1200px) { .donate-main > div { margin-left: auto; margin-right: auto; width: 455px; } }

.donate-overlay.active { pointer-events: all; opacity: 1; }

.donate-overlay > h3 { transition: 0.3s all ease; transition-delay: 0.3s; opacity: 0; transform: scale(0.9, 0.9); backface-visibility: hidden; transform-style: preserve-3d; }

.donate-overlay.active > h3 { opacity: 1; transform: scale(1, 1); }

.donate-overlay > div { transition: 0.6s all ease; opacity: 0; transform: scale(0.9, 0.9); backface-visibility: hidden; transform-style: preserve-3d; }

.donate-overlay.active > div { opacity: 1; transform: scale(1, 1); }

.donate-panel { color: #FFF; background-color: #2297da; margin: 0px auto; position: relative; width: 100%; min-height: 678px; font-size: 14px; line-height: 1.42857143; -webkit-font-smoothing: antialiased; }

.donate-panel .donate-padding-frame { padding: 20px; }

.donate-panel h1 { font-family: 'Folio'; font-size: 34px; color: #fff; margin-top: 60px; text-transform: uppercase; font-weight: 500; line-height: 1.1; }

.donate-panel h4 { font-family: 'Helvetica CndMd'; text-transform: uppercase; color: #fff; width: 100%; border-bottom: none; text-align: left; font-size: 16px; text-shadow: 1px 1px rgba(0, 0, 0, 0.3); margin-top: 15px; clear: both; margin-left: 0; margin-bottom: 5px; padding-left: 0; padding-top: 0px; padding-bottom: 10px; font-weight: 500; line-height: 1.1; }

.donate-panel h4 span { color: #000; text-shadow: none; text-transform: none; }

@media (max-width: 480px) { .donate-panel h4 { margin-top: 0; margin-bottom: 0; } }

.donate-panel .donate-error-block { padding: 0 20px; background-color: #dd332c; text-align: left; max-height: 0; overflow: hidden; transition: all 0.8s; }

.donate-panel .donate-error-block.opened { padding: 10px 20px; max-height: 200px; }

.donate-panel .donate-confirm-block { padding: 20px; background-color: black; font-family: 'Helvetica CndMd'; font-size: 34px; text-transform: uppercase; width: 100%; display: block; margin: auto; border-radius: 0; border: 0; cursor: pointer; color: white; line-height: inherit; }

.donate-panel .donate-confirm-block > * { display: inline-block; vertical-align: middle; }

.donate-panel .donate-confirm-block label { position: relative; margin-bottom: 0; margin-left: 10px; cursor: pointer; }

.donate-panel .donate-confirm-block.loading img { display: none; }

.donate-panel .donate-confirm-block:hover { background-color: #090909; }

.donate-panel .donate-confirm-block:focus { outline: 0; }

.donate-complete { padding: 100px 0 20px; text-align: center; min-height: auto; }

.donate-complete p { font-size: 16px; margin: 50px; }

.donate-complete .social-util { border-bottom: 0; margin-bottom: 80px; }

.donate-form { /* Firefox 19+ */ /* Firefox 18- */ }

.donate-form select { font-size: 16px; border-radius: 3px; font-family: Arial; color: #222; padding: 2px 8px; width: 100%; -webkit-appearance: none; -moz-appearance: none; margin-left: 0; background: #FFF url("/assets/images/shared/triangle-down-128.png") right no-repeat; height: 36px; text-align: left; background-transparency: 0.5; background-position: right 3px top 9px; background-size: 10px 14px; border: 2px solid white; }

.donate-form select:active { border: 2px solid #000; }

.donate-form input[type=text] { border-radius: 4px; border: 2px solid #FFF; box-sizing: border-box; background-color: white; font-size: 18px; font-family: 'Neue Helvetica 55 Roman'; line-height: inherit; -webkit-appearance: none; -moz-appearance: none; height: 35px; width: 100%; margin-bottom: 15px; margin-right: 10px; margin-top: 0; padding: 3px; color: #555; padding-left: 8px; }

.donate-form .error p { font-size: 12px; opacity: 0.6; margin-bottom: 4px; }

.donate-form .list-selectable > li { transition: 0.4s all ease; cursor: pointer; }

.donate-form .list-selectable-cards { margin-left: 0; padding-left: 0; }

.donate-form .list-selectable-cards li { width: 70px; float: left; list-style-type: none; }

.donate-form .list-selectable-cards li button:focus { outline-color: #FFF; outline-style: solid; outline-width: 2px; }

.donate-form .details-container > * { display: inline-block; }

@media (max-width: 480px) { .donate-form .details-container > * { display: block; width: 100% !important; } }

.donate-form input[type=text].validate, .donate-form select.validate { border: 2px solid #F00; }

.donate-form input[type=text]::-webkit-input-placeholder { color: #bdbdbd; }

.donate-form input[type=text]::-moz-placeholder { color: #bdbdbd; }

.donate-form input[type=text]:-moz-placeholder { color: #bdbdbd; }

.donate-form input[type=text]:-ms-input-placeholder { color: #bdbdbd; }

.donate-form .donate-row { clear: both; float: none; text-align: left; width: 100%; padding-bottom: 0px; }

.donate-form .donate-presets { margin: 0 0 50px; }

.donate-form .donate-amount select { font-weight: bold; font-size: 16px; float: left; height: 35px; border-top: 0; }

.donate-form .donate-amount select#donate-currency { width: 40px; border-radius: 5px 0 0 5px; }

.donate-form .donate-amount select#donate-period { width: 100px; border-radius: 5px; }

.donate-form .donate-amount input { width: 160px; float: left; margin-left: 1px; border-radius: 0 5px 5px 0; }

.donate-form .donate-amount ul, .donate-form ul.list-selectable { margin-left: 0; margin-bottom: 4px; padding-left: 0; clear: left; list-style-type: none; }

.donate-form .donate-amount ul li, .donate-form ul.list-selectable li { font-family: 'Neue Helvetica 75 Bold'; float: left; color: #FFF; padding-right: 25px; opacity: 0.7; }

.donate-form .donate-amount ul li.active, .donate-form ul.list-selectable li.active { opacity: 1; }

.donate-form .donate-amount ul li::before, .donate-form ul.list-selectable li::before { content: ""; width: 10px; height: 10px; margin-top: 5px; margin-right: 4px; display: block; border-radius: 5px; float: left; border: 2px solid #FFF; box-sizing: border-box; }

.donate-form .donate-amount ul li.active::before, .donate-form ul.list-selectable li.active::before { background-color: #FFF; }

.donate-form .donate-amount, .donate-form .donate-presets { padding-right: 10px; margin-bottom: 15px; float: left; }

.donate-form .donate-amount ul.list-selectable li, .donate-form .donate-presets ul.list-selectable li { float: left; }

.donate-form .donate-row-card { margin-top: 25px; }

.donate-form .donate-row-card h4 { margin-top: 0; }

.donate-form .donate-row-card input, .donate-form .donate-row-card select { font-size: 15px; height: 34px; padding-left: 3px; }

.donate-form .card-number { margin-right: 10px; float: left; }

.donate-form .card-number .input-wrapper { margin: 0; padding: 0; position: relative; display: block; }

.donate-form .card-number .input-wrapper:after { content: ''; position: absolute; right: 10px; top: 0; width: 55px; height: 34px; background: no-repeat center center; }

.donate-form .card-number .input-wrapper input { font-size: 14px; }

.donate-form .card-number .input-wrapper .card-icon { position: absolute; right: 10px; top: 0; width: 55px; height: 34px; opacity: 0; transition: opacity .5s ease; }

.donate-form .card-number[data-card-type="visa"] .card-type-visa, .donate-form .card-number[data-card-type="mastercard"] .card-type-mastercard, .donate-form .card-number[data-card-type="amex"] .card-type-amex, .donate-form .card-number[data-card-type="dinersclub"] .card-type-dinersclub, .donate-form .card-number[data-card-type="jcb"] .card-type-jcb, .donate-form .card-number[data-card-type="maestro"] .card-type-maestro, .donate-form .card-number[data-card-type="discover"] .card-type-discover, .donate-form .card-number[data-card-type="visaelectron"] .card-type-visaelectron { opacity: 1; }

.donate-form .card-number input { width: 205px; padding-right: 50px; }

@media (max-width: 480px) { .donate-form .card-number { margin-right: 0; float: none; }
  .donate-form .card-number input { width: 100%; } }

.donate-form .card-details { float: left; }

@media (max-width: 480px) { .donate-form .card-details { float: none; } }

.donate-form .csc { float: left; width: 45px; }

.donate-form .csc input { text-align: center; padding-left: 4px; padding-right: 4px; padding-bottom: 6px; }

.donate-form .expiry-date { float: left; width: 140px; }

.donate-form .expiry-date select { width: 60px; display: inline-block; margin-right: 10px; padding: 0 5px; }

.donate-form .paypal-button { cursor: pointer; margin-left: 10px; vertical-align: middle; }

.donate-form .donate-row-newsletter { margin-top: 25px; margin-bottom: 10px; }

.donate-form .donate-row-newsletter .icheckbox_minimal-pink { background-color: white; transform: scale(0.75); }

.donate-form .donate-row-newsletter > * { display: inline-block; vertical-align: top; }

.donate-form .donate-row-newsletter > label { width: 90%; max-width: 310px; margin-left: 5px; margin-bottom: 0; }

.donate-form .validation-error { border-color: #f33 !important; }