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

/* share-selection: Medium like popover menu to share on Twitter or by email any text selected on the page -- Requires jQuery -- -- AMD compatible  -- Author: Xavier Damman (@xdamman) GIT: https://github.com/xdamman/share-selection MIT License */
@keyframes selectionSharerPopover-animation { 0% { transform: matrix(0.97, 0, 0, 1, 0, 12);
    filter: alpha(opacity=0);
    opacity: 0; }
  20% { transform: matrix(0.99, 0, 0, 1, 0, 2);
    filter: alpha(opacity=70);
    opacity: .7; }
  40% { transform: matrix(1, 0, 0, 1, 0, -1);
    filter: alpha(opacity=100);
    opacity: 1; }
  70% { transform: matrix(1, 0, 0, 1, 0, 0);
    filter: alpha(opacity=100);
    opacity: 1; }
  100% { transform: matrix(1, 0, 0, 1, 0, 0);
    filter: alpha(opacity=100);
    opacity: 1; } }

#selectionSharerPopover { display: none; position: absolute; top: -100px; left: -100px; z-index: 1010; }

#selectionSharerPopover.anim { transition: top .075s ease-out; animation: selectionSharerPopover-animation 180ms forwards linear; -webkit-animation: selectionSharerPopover-animation 180ms forwards linear; }

#selectionSharerPopover-inner { position: relative; overflow: hidden; }

.selectionSharer ul { padding: 0; display: inline; }

.selectionSharer ul li { float: left; list-style: none; background: none; margin: 0; }

.selectionSharer a.action { display: block; text-indent: -200px; margin-right: 5px; width: 37px; height: 37px; border: none; }

.selectionSharer a:hover { color: #ccc; }

.selectionSharer a.tweet { background: url("/assets/images/responsive/social-icons/twitter.svg") no-repeat; }

.selectionSharer a.facebook { display: none; }

.selectionSharer a.email { background: url("/assets/images/responsive/social-icons/email.svg") no-repeat; background-size: 20px; background-position: 0px 4px; }

#selectionSharerPopunder.fixed { transition: bottom 0.5s ease-in-out; width: 100%; position: fixed; left: 0; bottom: -50px; }

.selectionSharer { }

.selectionSharer.moveDown { -webkit-transform: translate3d(0, 60px, 0); }

#selectionSharerPopunder { position: absolute; left: 0; width: 100%; height: 0px; transition: height 0.5s ease-in-out; border: none; border-radius: 0; overflow: hidden; }

#selectionSharerPopunder.show { height: 50px; }

.selectionSharerPlaceholder { height: 1em; margin-bottom: -2em; transition: height 0.5s ease-in-out; }

.selectionSharerPlaceholder.show { height: 50px !important; }

#selectionSharerPopunder-inner ul { overflow: hidden; float: right; margin: 0px; }

#selectionSharerPopunder-inner ul li { padding: 5px; overflow: hidden; }

#selectionSharerPopunder-inner label { color: white; font-weight: 300; line-height: 50px; margin: 0px 20px 0px 10px; }

#selectionSharerPopunder-inner a { width: 30px; height: 30px; background-size: 30px; }

#selectionSharerPopunder-inner a.tweet { background-position: 0px 2px; }

.hero-carousel-container { position: relative; width: 100%; overflow: hidden; height: 380px; }

@media (min-width: 992px) { .hero-carousel-container { height: 620px; } }

.hero-carousel-container .hero-carousel { width: 100vw; height: 100%; z-index: 1; }

.hero-carousel-container .hero-carousel .slick-list, .hero-carousel-container .hero-carousel .slick-track { height: 100%; }

.hero-carousel-container .hero-carousel .hero { position: relative; }

@media (min-width: 992px) { .hero-carousel-container .browse { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; }
  .hero-carousel-container .browse > div { position: relative; } }

.hero-carousel-container .carousel-left { bottom: 34px; font-size: 34px; color: #FFF; position: absolute; cursor: pointer; left: 20px; z-index: 1000; }

@media (min-width: 992px) { .hero-carousel-container .carousel-left { top: 3px; } }

.hero-carousel-container .carousel-right { bottom: 34px; font-size: 34px; color: #FFF; position: absolute; cursor: pointer; right: 20px; z-index: 1000; }

@media (min-width: 992px) { .hero-carousel-container .carousel-right { top: 3px; } }

div.carousel-controls { position: absolute; padding-top: 20px; padding-bottom: 20px; width: 100%; bottom: 0; background-color: black; }

@media (min-width: 992px) { div.carousel-controls { background-color: rgba(0, 0, 0, 0.8); padding-top: 10px; padding-bottom: 10px; z-index: 2; } }

div.carousel-controls > .container { position: relative; }

div.carousel-controls ul { margin-top: 9px; height: 40px; }

@media (min-width: 992px) { div.carousel-controls ul { height: 25px; } }

div.carousel-controls ul li { display: inline; }

div.carousel-controls ul li a { font-size: 16px; color: #FFF; cursor: pointer; text-decoration: none; font-family: 'Neue Helvetica 57 Condensed'; text-transform: uppercase; outline: none; display: none; }

@media (min-width: 992px) { div.carousel-controls ul li a { display: inline; padding-right: 10px; } }

div.carousel-controls ul li:hover { opacity: 0.8; }

div.carousel-controls ul li.isActive a { color: #3695d8; }

.hero { width: 100vw; height: 310px; float: left; background-size: cover; background-position: center center; }

@media (min-width: 992px) { .hero { min-height: 400px; } }

.hero h3 { text-align: center; color: #FFF; font-size: 42px; margin-top: 70px; }

@media (min-width: 992px) { .hero h3 { font-size: 64px; margin-top: 100px; } }

.hero .hero-body { position: relative; height: 100%; }

@media (min-width: 992px) { .hero .hero-body { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 1000px; padding-left: 20px; }
  .hero .hero-body:before, .hero .hero-body:after { content: " "; display: table; }
  .hero .hero-body:after { clear: both; } }

.hero div.hero-background { position: absolute; top: 0; left: 0; right: 0; bottom: 90px; background-size: cover; background-position: center center; }

@media (min-width: 992px) { .hero div.hero-background { bottom: 0; } }

.hero div.hero-img { height: 100px; width: 100%; background-size: cover; background-position: center center; }

@media (min-width: 992px) { .hero div.hero-img { position: absolute; height: 400px; } }

.hero div.hero-details { opacity: 1; width: 100%; padding: 0px 20px 10px 20px; height: 40px; transition: all 0.3s ease; position: absolute; bottom: 38px; z-index: 100; }

.hero div.hero-details a:hover { text-decoration: none; }

.hero div.hero-details h3 { color: white; font-family: 'Neue Helvetica 57 Condensed'; text-transform: uppercase; font-size: 18px; text-align: center; margin: 10px 20px 0 20px; }

@media (min-width: 992px) { .hero div.hero-details h3 { font-size: 30px; text-align: left; margin: 0; } }

.hero div.hero-details p { display: none; }

.hero div.hero-details a.read-more { margin-top: 5px; margin-left: 20px; font-size: 14px; }

@media (min-width: 992px) { .hero div.hero-details a.read-more { margin-left: 0px; } }

@media (min-width: 992px) { .hero div.hero-details { z-index: 0; width: 30%; margin-left: 4px; background: rgba(0, 0, 0, 0.8); position: absolute; bottom: auto; height: auto; top: 0; padding: 20px; }
  .hero div.hero-details h3 { margin-top: 10px; }
  .hero div.hero-details p { display: block; margin-top: 10px; margin-bottom: 20px; color: #FFF; }
  .hero div.hero-details a.read-more { display: inline; } }

.hero.hero-static { width: 100%; margin-top: 38px; height: 210px; }

@media (min-width: 992px) { .hero.hero-static { margin-top: 0px; } }

@media (max-width: 992px) { .hero.hero-static-detail { position: relative; }
  .hero.hero-static-detail div.hero-details { bottom: 10px; position: relative; }
  .hero.hero-static-detail div.hero-img { height: 300px; }
  .hero.hero-static-detail div.hero-body { position: absolute; bottom: 10px; left: 0; height: 40px; right: 0; padding-top: 10px; background: rgba(0, 0, 0, 0.8); }
  .hero.hero-static-detail div.hero-body h3 { text-align: center; left: 0; right: 0; } }

.hero.slick-active .hero-details { opacity: 1; }

.fp-pr-trans { text-align: center; padding-top: 10px; color: #3695d8 !important; }

section#connect { padding-top: 20px; padding-bottom: 40px; background: #cccccc url("/assets/images/responsive/backgrounds/connect.jpg"); clear: left; }

section#connect form { text-align: center; }

@media (min-width: 992px) { section#connect form { text-align: left; } }

section#connect .container > div i { margin-top: 6px; font-size: 13px; }

section#connect .container > div h3 { font-family: 'Helvetica CndMd'; font-weight: normal; text-align: center; text-transform: uppercase; font-size: 16px; padding-bottom: 0px; color: #404040; font-weight: bold; }

@media (min-width: 992px) { section#connect .container > div h3 { text-align: left; } }

section#connect .container > div ul { list-style-type: none; margin-left: 0; padding-left: 0; text-align: center; }

@media (min-width: 992px) { section#connect .container > div ul { text-align: left; } }

section#connect .container > div ul li { display: inline-block; padding-right: 0; font-size: 14px; margin-bottom: 0px; padding-bottom: 0px; padding-left: 0; margin-right: 10px; }

section#connect .container > div.newsletters ul li { text-align: left; width: 90%; margin-bottom: 0px; padding-right: 0; padding-left: 0; margin-left: 0; }

@media (min-width: 992px) { section#connect .container > div.newsletters ul li { width: 50%; float: left; } }

#NewsLetterModal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); font-size: 14px; }

#NewsLetterModal h3 { color: #3695d8; text-align: center; font-family: 'Helvetica CndBold'; }

#NewsLetterModal p { text-align: center; font-size: 18px; }

#NewsLetterModal #NewsLetterResponse { width: 400px; margin-left: auto; margin-right: auto; background-color: #FFF; border-radius: 5px; margin-top: 100px; padding: 30px; }

.declaration-container { margin-top: 30px; margin-bottom: 30px; }

.declaration-panel { background-image: url("/assets/images/declaration/backdrop-lg.jpg"); background-size: cover; padding: 30px; color: white; }

.declaration-panel h1, .declaration-panel h3 { margin: 0; font-family: 'Folio'; line-height: 1; }

.declaration-panel h3 { font-size: 48px; }

.declaration-panel h1 { font-size: 72px; position: relative; padding-bottom: 20px; margin-bottom: 40px; line-height: 0.9; }

@media (max-width: 480px) { .declaration-panel h1 { font-size: 4em; } }

@media (max-width: 240px) { .declaration-panel h1 { font-size: 2em; } }

.declaration-panel h1:after { content: ""; background: white; position: absolute; bottom: 0; left: 0; height: 9px; width: 50px; }

.declaration-panel .declaration-short { font-family: 'Helvetica CndMd'; font-size: 18px; }

.declaration-panel select { margin: 70px auto auto 0; color: white; border-color: white; text-transform: uppercase; text-align: left; cursor: pointer; width: auto; -webkit-appearance: none; -moz-appearance: none; background: transparent url("/assets/images/shared/triangle-down-white-128.png") right no-repeat; height: 36px; text-align: left; padding: 5px 15px 5px 5px; background-transparency: 0.5; background-position: right 3px top 9px; background-size: 10px 14px; }

.declaration-panel select option { color: black; }

.declaration-panel .declaration-RTL #declaration-language { margin: 70px 0 auto auto; padding: 5px 5px 5px 15px; text-align: right; background-position: left 3px top 12px; }

.declaration-body { font-size: 18px; padding-left: 0; padding-top: 50px; line-height: 1.8; color: black; padding-bottom: 20px; }

.declaration-sign-panel { background-color: white; color: black; }

.declaration-sign-panel .declaration-sign-form { padding: 20px; border-bottom: #cdcdcd 1px solid; border-left: #cdcdcd 1px solid; border-right: #cdcdcd 1px solid; }

.declaration-sign-panel .declaration-sign-form select, .declaration-sign-panel .declaration-sign-form input { width: 100%; color: #555; border-color: #878787; height: 34px; padding-left: 10px; font-size: 16px; border-radius: 5px; font-family: 'Neue Helvetica 55 Roman'; }

.declaration-sign-panel .declaration-sign-form select, .declaration-sign-panel .declaration-sign-form input[type=text] { -webkit-appearance: none; -moz-appearance: none; }

.declaration-sign-panel .declaration-sign-form select { padding: 5px 15px 5px 5px; background: transparent url("/assets/images/shared/triangle-down-128.png") right no-repeat; background-position: right 3px top 9px; background-size: 10px 14px; text-align: left; cursor: pointer; }

.declaration-sign-panel .declaration-sign-form .declaration-name-fields input:first-of-type { margin-bottom: 0; border-bottom: 0; border-radius: 5px 5px 0 0; }

.declaration-sign-panel .declaration-sign-form .declaration-name-fields input:last-of-type { margin-top: 0; border-radius: 0 0 5px 5px; }

.declaration-sign-panel .declaration-sign-form .g-recaptcha { transform: scale(0.84); transform-origin: 0 0; }

.declaration-sign-panel .declaration-sign-form .declaration-submit { border: none; color: white; background-color: #3695d8; text-transform: uppercase; font-family: 'Helvetica CndMd'; font-size: 18px; padding: 5px; border-radius: 5px; margin: 10px 0; }

.declaration-sign-panel .declaration-sign-form .declaration-newsletter { margin: 20px 10px; }

.declaration-sign-panel .declaration-sign-form .declaration-newsletter .icheckbox_minimal-custom { transform: scale(0.75); }

.declaration-sign-panel .declaration-sign-form .declaration-newsletter > * { display: inline-block; vertical-align: top; }

.declaration-sign-panel .declaration-sign-form .declaration-newsletter > label { width: 85%; max-width: 310px; color: #767676; font-size: 13px; margin-left: 5px; }

.declaration-sign-panel .declaration-sign-form .declaration-disclaimer { margin-top: 20px; color: #767676; font-size: 13px; }

.declaration-sign-panel h3 { color: #3695d8; margin-top: 0; text-transform: none; font-family: 'Helvetica CndMd'; }

.declaration-sign-panel .declaration-sign-stats { background-color: #e83956; padding: 20px 10px 10px 20px; }

.declaration-sign-panel .declaration-sign-stats h1 { margin-top: 0; margin-bottom: 0; color: white; font-size: 48px; font-family: 'Folio'; }

.declaration-sign-panel .declaration-sign-stats p { margin-bottom: 0; }

.declaration-sign-panel .declaration-submitted { display: none; padding: 20px; }

.declaration-RTL { direction: rtl; text-align: initial; }

#declaration-error { color: #e83956; font-weight: bold; }

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

div.preview-notice { margin: 10px 0; font-size: 22px; text-align: center; color: white; background-color: #f33; font-weight: bold; padding: 10px; }

.promos { padding-top: 100px; padding-bottom: 100px; clear: left; }

.promos h2 { text-align: center; color: #3695d8; }

.promos h2 strong { font-family: 'Helvetica CndMd'; font-weight: normal; }

.promos div.item { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; padding-left: 80px; padding-right: 80px; margin-bottom: 30px; }

@media (min-width: 768px) { .promos div.item { float: left; width: 50%; } }

@media (min-width: 992px) { .promos div.item { float: left; width: 25%; } }

@media (min-width: 992px) { .promos div.item { padding-left: 30px; padding-right: 30px; margin-bottom: 0px; } }

.promos h3 { font-size: 18px; font-family: 'Helvetica CndMd'; margin-top: 20px; }

@media (min-width: 992px) { .promos h3 { height: 60px; } }

@media (min-width: 992px) { .promos p { height: 110px; }
  .promos p.tall { height: 190px; } }

footer { background: #e0e0e0 url("/assets/images/responsive/backgrounds/footer.jpg"); color: #404040; }

footer div.container div a { color: #404040; }

footer div.container div h4 { font-family: 'Helvetica CndMd'; margin-bottom: 0px; margin-left: 0; font-weight: bold; text-transform: uppercase; color: #404040; }

footer div.container div ul { margin-left: 0; margin-top: 5px; padding-left: 0; font-size: 12px; line-height: 14px; list-style-type: none; }

footer div.container div ul li { padding-bottom: 4px; }

footer .site-map { display: none; }

@media (min-width: 992px) { footer .site-map { display: block; } }

footer .sub-footer { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #AAA; font-size: 13px; }

footer .sub-footer div:first-child { width: 50%; float: left; }

footer .sub-footer div:last-child { width: 50%; float: right; text-align: right; }

.article { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-bottom: 40px; }

@media (min-width: 768px) { .article { float: left; width: 83.3333333333%; } }

@media (min-width: 768px) { .article { margin-left: 8.3333333333%; } }

.article__cover { width: 100%; height: auto; }

.article__sub-title p { text-align: center; color: #000; font-family: "Neue Helvetica 65 Medium"; line-height: 24px; }

.article__newsletter { border-top: 1px solid #CCC; padding-top: 40px; margin-top: 40px; }

.article__newsletter p { width: 440px; }

@media (max-width: 480px) { .article__newsletter p { width: 100%; } }

.article__newsletter .newsletter { margin-top: 30px; }

.article__newsletter__title { color: #3695d8; text-transform: none !important; margin-top: 0 !important; }

.article a { text-decoration: underline; font-family: 'Neue Helvetica 75 Bold'; word-break: break-word; }

.article h1.headerRegular { margin-top: 0px; padding-bottom: 0px; font-family: 'Folio','Neue Helvetica 57 Condensed',sans-serif; font-weight: normal; font-size: 36px; color: #000; text-align: center; }

@media (min-width: 992px) { .article h1.headerRegular { font-size: 60px; } }

.article h3.headerRegular { margin-top: 60px; border-bottom: 1px solid #CCC; padding-bottom: 10px; color: #000; }

.article h3.headerRegular, .article h3.headerRegular p { font-size: 24px; line-height: 30px; }

@media (min-width: 992px) { .article h3.headerRegular, .article h3.headerRegular p { font-size: 24px; } }

.article h4.headerRegular { font-size: 18px; color: #444; margin-top: 60px; margin-left: 0; margin-right: 0; }

.article p { padding-top: 15px; padding-bottom: 0; margin-bottom: 0; line-height: 30px; font-size: 18px; }

@media (min-width: 992px) { .article p { font-size: 18px; } }

.article p.category { margin-top: 60px; text-align: center; font-family: 'Neue Helvetica 57 Condensed'; text-transform: uppercase; font-size: 16px; }

.article ul, .article ol { padding-left: 15px; margin-top: 30px; margin-bottom: 20px; }

.article ul li, .article ol li { font-size: 14px; list-style-type: none; padding-top: 15px; margin-left: 0; }

@media (min-width: 992px) { .article ul li, .article ol li { font-size: 18px; line-height: 30px; margin-left: 80px; margin-right: 80px; } }

.article ul li:before, .article ol li:before { content: ''; background-color: #3695d8; display: inline-block; position: relative; height: 6px; width: 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-clip: padding-box; margin-right: 14px; margin-left: -20px; top: -4px; }

@media (max-width: 991px) { .article img { width: 100% !important; height: auto !important; } }

.article .box { box-sizing: border-box; border-bottom: 1px solid #AAA; padding-bottom: 20px; border-top: 4px solid #f36148; margin: 70px 40px 60px 40px; }

.article .box > strong { display: block; text-transform: uppercase; font-family: 'Neue Helvetica 57 Condensed'; font-weight: normal; border-bottom: 1px solid #AAA; font-size: 24px; padding-top: 20px; padding-bottom: 20px; color: #000; }

@media (min-width: 992px) { .article .box.alignright-box { width: 50%; margin: 20px 0px 50px 50px; float: right; clear: right; } }

.article .box.alignright-box p { display: inline; }

.article table { max-width: 100% !important; width: 100% !important; border: 0px; }

.article td, .article th { padding: 3px; border: 1px solid #DDD; font-size: 12px; }

.article img { margin-top: 30px; margin-left: auto; margin-right: auto; display: block; }

@media (min-width: 992px) { .article .imageRight { width: 290px; margin: 0px 10px 20px 20px; float: right; }
  .article .imageRight img { width: 100% !important; height: auto; } }

@media (min-width: 992px) { .article .imageLeft { width: 290px; margin: 0px 20px 20px 0px; float: left; }
  .article .imageLeft img { width: 100% !important; height: auto; } }

.article canvas { margin-top: 60px; }

@media (min-width: 992px) { .article #Posted { text-align: center; } }

.article blockquote, .article div.blockQuote { font-family: 'Neue Helvetica 35 Thin'; padding-left: 40px; font-size: 18px; background-image: url(/assets/images/responsive/quote.png); background-repeat: no-repeat; background-position: 0 10px; margin-top: 60px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; color: #5c5c5c; }

@media (min-width: 992px) { .article blockquote, .article div.blockQuote { font-size: 24px; } }

.article .side-panel { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-top: 60px; }

@media (min-width: 768px) { .article .side-panel { float: left; width: 25%; } }

.article .side-panel img { width: 100% !important; height: auto !important; margin-bottom: 10px; }

.article .side-panel h3 { font-size: 22px; margin-top: 20px; text-transform: none; }

.article .side-panel p { font-size: 14px; }

.article .side-panel .story { border-bottom: 1px solid #CCC; }

.article .tagMain { margin-top: 60px; background-color: #eeeeee; border-radius: 5px; clear: left; padding: 20px; }

.article .tagMain .tagHold { padding: 10px; }

.article .tagMain a { color: #444; font-weight: normal; font-family: 'Neue Helvetica 55 Roman'; }

.article .tagMain strong { font-family: 'Neue Helvetica 75 Bold'; font-weight: normal; color: #444; }

.article .tagMain .category-list-container a { display: inline-block; color: #999; font-size: 14px; box-sizing: border-box; }

.article .tagMain .category-list-container a:hover { color: #777; }

.article .tagMain h2 { margin: 60px 0px 20px 0px; }

.article .caption { text-transform: uppercase; font-size: 11px; opacity: 0.7; }

.article .attachments li { list-style-type: none; }

.article .article-meta { text-align: center; text-transform: uppercase; font-size: 18px; font-family: 'Neue Helvetica 57 Condensed'; margin-bottom: 28px; }

.article .article-meta a { font-family: 'Neue Helvetica 57 Condensed'; text-decoration: none; font-weight: normal; }

.article .article-meta__divider { color: #3695d8; }

.article.article-image { width: 100%; margin-left: 0; }

@media (min-width: 992px) { .article.article-image p, .article.article-image h2, .article.article-image h3, .article.article-image .box { width: 800px; margin-left: auto; margin-right: auto; } }

.article.article-image p { font-size: 16px; }

.article.article-image img { width: 100%; }

/* Alternative article styles */
.article.article-inverse p { color: #FFF; }

.article.article-inverse h3 { text-align: center; color: #FFF; }

.article.article-standalone { margin-top: 40px; }

.container-article { margin-top: 50px; background: #fff; border-top-left-radius: 5px; position: relative; border-top-right-radius: 5px; }

.container-article .article__sub-title p.selectionShareable { padding-top: 10px; padding-bottom: 10px; margin-bottom: 15px; line-height: 30px; text-align: center; color: #000; font-family: "Neue Helvetica 65 Medium"; font-size: 28px; }

.container-article--w-cover { margin-top: 0; padding-top: 45px; background: #fff; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0px, white 300px); }

@media (min-width: 970px) { .container-article--w-cover { margin-top: -20%; } }

.container-article--w-large-cover { margin-top: 0; padding-top: 45px; }

@media (min-width: 970px) { .container-article--w-large-cover { margin-top: -40%; } }

.appeal-single-container { padding-top: 50px; padding-bottom: 156px; background-size: cover; }

.appeal-single-container .appeal-row { margin: auto; text-align: center; }

.appeal-single-container .appeal-row .appeal-box { display: inline-block; width: 485px; text-align: left; vertical-align: top; margin: 0; padding: 15px; }

@media (max-width: 984px) and (min-width: 771px) { .appeal-single-container .appeal-row .appeal-box { width: 378px; } }

@media (max-width: 479px) { .appeal-single-container .appeal-row .appeal-box { width: 100%; } }

.appeal-single-container .appeal-left { background-color: #000; color: white; padding: 32px 25px 40px 25px; }

.appeal-single-container .appeal-left h1 { margin-top: 0; font-size: 46px; line-height: 1; font-family: 'Folio'; }

.appeal-single-container .appeal-left p { font-size: 15px; }

@media (max-width: 479px), (max-width: 984px) and (min-width: 771px) { .appeal-single-container .appeal-right .details-container > * { display: block; width: 100% !important; }
  .appeal-single-container .appeal-right .donate-panel h4 { margin-top: 0; margin-bottom: 0; }
  .appeal-single-container .appeal-right .card-number { margin-right: 0; }
  .appeal-single-container .appeal-right .card-number input { width: 100%; }
  .appeal-single-container .appeal-right .card-details { float: none; } }

button, a.button { background-color: #3695d8; border-radius: 3px; font-family: 'Helvetica CndMd'; color: #FFF; padding: 5px 10px 5px 10px; text-transform: uppercase; font-size: 16px; display: inline-block; cursor: pointer; }

button.button-center-spaced, a.button.button-center-spaced { margin-left: auto; margin-right: auto; display: block; margin-top: 20px; margin-bottom: 40px; width: 180px; text-align: center; }

button.button-small, a.button.button-small { font-size: 14px; }

button.button-alternate, a.button.button-alternate { background-color: #9dba5a; }

button.button-inverse, a.button.button-inverse { background: none; border: 1px solid #3695d8; color: #3695d8; }

button.prev { position: absolute; display: block; left: -30px; top: 140px; width: 20px; height: 30px; text-align: right; background-color: transparent; border: 0; opacity: 0.7; font-size: 36px; font-weight: bold; }

button.prev i { position: absolute; top: 0; right: 0; color: #000000; }

button.next { position: absolute; display: block; right: -30px; top: 140px; width: 20px; height: 30px; background-color: transparent; border: 0; opacity: 0.7; font-size: 36px; }

button.next i { position: absolute; top: 0; left: 0; color: #000; }

@media (min-width: 1200px) { .more-information { width: 50%; } }

.more-information li { color: #F00; }

.more-information li span { color: #000; }

.extra-padding { padding-top: 50px; padding-bottom: 50px; }

.dimmer { display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); height: 100vh; z-index: -1; opacity: 0; transition: opacity 0.2s ease; }

.dimmer.active { z-index: 400; opacity: 1; }

.ticker { width: 100%; background-color: #EEE; padding: 20px 0; }

@media (min-width: 768px) and (max-width: 991px) { .ticker { padding: 45px 0 20px 0; } }

.ticker strong { font-family: 'Helvetica CndMd'; font-weight: normal; color: #F00; text-transform: uppercase; margin-right: 15px; display: block; }

@media (min-width: 768px) { .ticker strong { display: inline; } }

.ticker a { color: #222; }

.tabbed-carousel { height: 440px; margin-bottom: 120px; background-color: #FFF; }

.tabbed-carousel .carousel-container { margin-left: 30px; margin-right: 30px; }

@media (min-width: 992px) { .tabbed-carousel .carousel-container { margin: auto; } }

.tabbed-carousel .slick-list { margin-top: 20px; border-radius: 5px; }

.tabbed-carousel .slick-prev:before, .tabbed-carousel .slick-next:before { opacity: 0.7; font-size: 36px; color: #8e8e8d; }

.tabbed-carousel button.prev { left: -45px; }

.tabbed-carousel button.next { right: -45px; }

.tabbed-carousel div.contents { /*@include grid-row;*/ margin-top: 0px; background-size: cover; background-position: center center; }

.tabbed-carousel div.contents > div { position: relative; border-radius: 3px; height: 250px; }

@media (min-width: 992px) { .tabbed-carousel div.contents > div { height: 300px; } }

.tabbed-carousel div.contents > div div.desc { position: absolute; bottom: 0; width: 100%; padding: 15px; color: #FFF; background-color: rgba(0, 0, 0, 0.8); }

.tabbed-carousel div.contents > div div.desc p { display: none; }

@media (min-width: 992px) { .tabbed-carousel div.contents > div div.desc { position: absolute; width: 300px; height: 100%; right: 0px; width: 300px; padding: 25px; height: 100%; float: right; }
  .tabbed-carousel div.contents > div div.desc p { font-size: 14px; line-height: 18px; margin-bottom: 20px; display: block; } }

.tabbed-carousel div.contents > div div.desc span { text-transform: uppercase; color: #3695d8; font-size: 12px; }

.tabbed-carousel div.contents h3 { margin-top: 0; color: #FFF; font-size: 16px; }

.tabbed-carousel ul.slick-dots { display: block; text-align: center; margin-top: 10px; padding-left: 0; }

.tabbed-carousel ul.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.tabbed-carousel ul.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; background: url("/assets/images/responsive/radio-button-off.png"); background-repeat: no-repeat; background-position: center center; outline: none; }

.tabbed-carousel ul.slick-dots li.slick-active button { background: url("/assets/images/responsive/radio-button-on.png"); background-repeat: no-repeat; background-position: center center; }

.tabbed-carousel ul.slick-dots li button:before { font-size: 20px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; text-align: center; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.tabbed-carousel nav { background-color: #3695d8; height: 46px; width: 100%; }

.tabbed-carousel nav ul { width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-top: 6px; border-top: 2px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; font-family: HelveticaCondensed; text-transform: uppercase; font-size: 14px; text-align: center; list-style-type: none; }

@media (min-width: 992px) { .tabbed-carousel nav ul { font-size: 16px; } }

.tabbed-carousel nav ul li { display: inline; position: relative; cursor: pointer; height: 100%; z-index: 10; color: #FFF; margin-right: 10px; font-family: 'Helvetica CndBold'; }

.tabbed-carousel nav ul li:last-child { margin-right: 0px; }

.tabbed-carousel nav ul li:hover { opacity: 0.7; }

.tabbed-carousel nav ul li.active { color: #FFF; text-decoration: none; cursor: pointer; }

.tabbed-carousel nav ul li.active span { padding: 4px; border-radius: 3px; background-color: #FFF; color: #3695d8; display: inline-block; }

.tabbed-carousel nav ul li:after { display: block; width: 0; height: 0; position: absolute; content: ""; left: 50%; bottom: -10px; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #3695d8; transition: all 0.4s ease-in-out; z-index: -1; }

.tabbed-carousel nav ul li.active:after { bottom: -20px; }

.twitter-tweet { margin-left: auto; margin-right: auto; }

.social-util { border-bottom: 1px solid #DDD; }

.social-util ul { list-style-type: none; text-align: center; margin-left: 0; padding-left: 0; }

.social-util ul li { display: inline-block; width: 37px; height: 50px; margin-left: 0; margin-right: 10px; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }

.social-util ul li:before { display: none; }

.social-util a { display: block; width: 100%; height: 60px; }

.social-util ul li:hover { opacity: 0.9; }

.social-util ul li:last-child { margin-right: 0; }

li.fb { background-image: url("/assets/images/responsive/social-icons/facebook.svg"); }

li.tw { background-image: url("/assets/images/responsive/social-icons/twitter.svg"); }

li.gp { background-image: url("/assets/images/responsive/social-icons/google.svg"); }

li.email { background-image: url("/assets/images/responsive/social-icons/email.svg"); }

li.print { background-image: url("/assets/images/responsive/social-icons/print.svg"); }

li.wa { background-image: url("/assets/images/responsive/social-icons/wa.svg"); }

li.pin { background-image: url("/assets/images/responsive/social-icons/pin.svg"); }

.backdrop { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; }

#primary-navbar-backdrop { background-color: rgba(54, 149, 216, 0.8); }

#wrapper-navbar-backdrop { background-color: rgba(0, 0, 0, 0.8); z-index: 100; }

#wrapper-navbar.reduced { transform: translateY(-100%); }

#wrapper-navbar { background-color: #3695d8; z-index: 20000; min-height: 28px; max-height: 28px; height: 28px; border: 0; transform: translateY(0%); float: left; }

#wrapper-navbar .navbar-nav { float: left; margin: 0; }

#wrapper-navbar .navbar-nav > li { float: left; border-left: 1px solid rgba(0, 0, 0, 0.2); }

#wrapper-navbar .navbar-nav > li:last-child { border-right: 1px solid rgba(0, 0, 0, 0.2); }

#wrapper-navbar .navbar-nav > li > a, #wrapper-navbar .navbar-nav > li > a:focus { background-color: transparent; color: rgba(255, 255, 255, 0.5); font-family: 'Neue Helvetica 57 Condensed', "Neue Helvetica 57 Condensed", sans-serif; font-size: 12px; text-transform: uppercase; padding: 3px 15px 4px; }

#wrapper-navbar li .dropdown-toggle .caret { margin-top: -2px; border-top: 3px solid; }

#wrapper-navbar .dropdown.open .dropdown-toggle { z-index: 10010; background-color: #3695d8; padding-bottom: 5px; }

#wrapper-navbar li > .dropdown-menu { margin-top: -1px; margin-left: -1px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; background-color: #3695d8; box-shadow: none; max-height: 325px; overflow-y: scroll; }

#wrapper-navbar li > .dropdown-menu > li { min-width: 220px; padding: 0 0 6px; }

#wrapper-navbar li > .dropdown-menu > li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.8); padding: 0 0 6px; margin: 0 25px; color: rgba(255, 255, 255, 0.8); font-size: 14px; }

#wrapper-navbar li > .dropdown-menu > li > a:hover { background-color: transparent; color: white; }

#wrapper-navbar li > .dropdown-menu > li:last-child > a { padding-bottom: 0; border-bottom: 0; }

#wrapper-navbar .open .dropdown-menu { position: absolute; float: left; width: auto; }

#wrapper-navbar .dropdown-menu.dropdown-menu-showcase { left: -154px; width: 942px; max-height: inherit; padding: 0; text-align: center; overflow-y: auto; }

#wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li { display: inline-block; width: 220px; transition: all 0.2s ease; box-sizing: content-box; padding: 10px 7px 0; margin: 10px 0px 10px; text-align: left; vertical-align: top; }

#wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li:hover { background-color: rgba(0, 0, 0, 0.2); }

#wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li a { border-bottom: 0; margin: 0; }

#wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li h4 { font-family: 'Helvetica CndMd'; color: #eee; font-size: 14px; padding-top: 0px; margin: 20px 0 10px 0px; height: 32px; border-bottom: none; padding-right: 15px; }

#wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li p { font-size: 11.5px; line-height: 1.4; }

#wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li h4, #wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li p { white-space: normal; }

#wrapper-navbar .navbar-social { border: 1px solid rgba(0, 0, 0, 0.2); border-width: 0 1px; padding: 2px 15px 2px; }

#wrapper-navbar .navbar-social a { color: rgba(255, 255, 255, 0.5); font-size: 16px; }

#wrapper-navbar .navbar-social a:hover { color: rgba(255, 255, 255, 0.8); }

#primary-navbar { padding: 14px 0 13px; background-color: #fff; z-index: 10000; -webkit-transform: translate3d(0px, 0px, 0px); top: 28px; }

#primary-navbar .caret { margin-left: 5px; position: relative; top: -2px; }

#primary-navbar.reduced { padding: 0; top: 0; }

#primary-navbar.reduced li > .dropdown-menu { margin-top: 0; }

#primary-navbar .navbar-nav > li > a, #primary-navbar .navbar-nav > li > a:focus { background-color: transparent; color: #878787; font-family: 'Neue Helvetica 77 Condensed Bold', 'Neue Helvetica 57 Condensed Bold', 'Neue Helvetica 57 Condensed', Sans-Serif; font-size: 16px; line-height: 22px; transition: color 0.2s ease; text-transform: uppercase; }

#primary-navbar .navbar-nav > .active > a, #primary-navbar .navbar-nav > .active > a:focus, #primary-navbar .navbar-nav > .open > a, #primary-navbar .navbar-nav > .open > a:focus, #primary-navbar .navbar-nav > .highlighted > a, #primary-navbar .navbar-nav > .highlighted > a:focus, #primary-navbar .navbar-nav > li > a:hover { background-color: transparent; color: #3695d8; }

#primary-navbar .navbar-brand { padding: 5px 20px 5px 5px; margin-left: 10px; margin-top: 3px; }

@media (min-width: 992px) { #primary-navbar .navbar-brand { padding: 5px 20px 5px 5px; margin-left: -5px; } }

@media (min-width: 750px) and (max-width: 970px) { #primary-navbar .navbar-brand { width: 130px; padding-top: 12px; }
  #primary-navbar .navbar-brand img { width: 100%; height: auto; } }

#primary-navbar .navbar-search { position: relative; top: 2px; }

#primary-navbar .navbar-search #searchButtonResponsive { transition: all 200ms ease-in-out; }

#primary-navbar .navbar-search input { max-width: 90px; margin-right: 0; background: none; box-shadow: none; border: 0; border-radius: 0; border-bottom: #878787 2px solid; padding-left: 0; font-size: 14px; transition: all 200ms ease-in-out; }

#primary-navbar .navbar-search input:focus { border-color: #3695d8; max-width: 120px; }

#primary-navbar .navbar-search input:focus + #searchButtonResponsive::before { color: #3695d8; }

#primary-navbar .navbar-search .form-control-feedback { top: -2px; right: -8px; cursor: pointer; pointer-events: auto; color: #878787; }

#primary-navbar .navbar-search.collapse.in, #primary-navbar .navbar-search.collapsing { margin: 0 -15px 0 -15px; padding: 0; }

#primary-navbar .navbar-search.collapse.in input, #primary-navbar .navbar-search.collapsing input { border: 0; border-radius: 0; max-width: initial; width: 100%; padding-left: 15px; height: 40px; font-size: 14px; }

#primary-navbar .navbar-search.collapse.in .form-control-feedback, #primary-navbar .navbar-search.collapsing .form-control-feedback { display: none; }

#primary-navbar li > .dropdown-menu { margin-top: 13px; border: 0; border-radius: 0; box-shadow: none; }

#primary-navbar li > .dropdown-menu > li { min-width: 220px; padding: 0 0 6px; }

#primary-navbar li > .dropdown-menu > li > a { border-bottom: 1px solid #cacaca; padding: 0 0 6px; margin: 0 25px; color: #878787; font-size: 14px; }

#primary-navbar li > .dropdown-menu > li > a:hover { background-color: transparent; color: #3695d8; }

#primary-navbar li > .dropdown-menu > li:last-child > a { padding-bottom: 0; border-bottom: 0; }

.navbar-collapse.collapse.collapse-always { display: none !important; visibility: hidden !important; }

.navbar-collapse.collapse.collapse-always.in { display: block !important; visibility: visible !important; }

@media (max-width: 1000px) { #primary-navbar .navbar-search input { max-width: 100px; }
  #primary-navbar .navbar-nav > li > a { font-size: 13px; padding-left: 8px; padding-right: 9px; } }

@media (max-width: 800px) { body { padding-top: 46px; }
  #wrapper-navbar .dropdown-menu.dropdown-menu-showcase { left: -91px; width: auto; padding: 5px 0; }
  #wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li { display: block; width: auto; padding: 0 0 6px; }
  #wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li:hover { background-color: transparent; }
  #wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li a { padding: 0 0 6px; margin: 0 25px; font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.8); box-sizing: border-box; }
  #wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li img { display: none; }
  #wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li h4 { height: auto; color: rgba(255, 255, 255, 0.8); font-size: 14px; padding: 0; margin: 0; text-shadow: none; }
  #wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li h4:hover { color: white; }
  #wrapper-navbar .dropdown-menu.dropdown-menu-showcase > li p { display: none; }
  #primary-navbar { padding: 0; }
  #primary-navbar .open .dropdown-menu > li > a { color: #878787; padding-left: 0; }
  #primary-navbar .navbar-nav .open .dropdown-menu > li > a:hover { color: #3695d8; }
  #primary-navbar .navbar-main { margin-top: 0; }
  #primary-navbar .navbar-toggle, #primary-navbar .navbar-toggle:focus { margin: 0; padding: 13px 17px; border: 0; border-left: 1px solid #d5d5d5; border-radius: 0; background-color: #fff; color: #878787; font-size: 20px; }
  #primary-navbar .navbar-toggle .club-sandwich, #primary-navbar .navbar-toggle:focus .club-sandwich { display: block; height: 24px; width: 24px; background: #fff url("/assets/images/responsive/club-sandwich-gray.png") center center no-repeat; }
  #primary-navbar .navbar-toggle.active, #primary-navbar .navbar-toggle:focus.active { background-color: #3695d8; color: #fff; }
  #primary-navbar .navbar-toggle.active .club-sandwich, #primary-navbar .navbar-toggle:focus.active .club-sandwich { background: #3695d8 url("/assets/images/responsive/club-sandwich-white.png") center center no-repeat; }
  #primary-navbar .navbar-toggle.labeled, #primary-navbar .navbar-toggle:focus.labeled { padding: 8px 14px; }
  #primary-navbar .navbar-toggle.labeled label, #primary-navbar .navbar-toggle:focus.labeled label { font-size: 10px; display: block; margin: 0; font-weight: bold; } }

.no-transition { transition: height 0; }

#primary-navbar .navbar-nav > li > a.donatenow { color: #e83956; }

@media (min-width: 1200px) { .cards { padding-bottom: 20px; } }

.cards ul { clear: left; padding: 0 0 60px 0; }

.cards ul li { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; }

@media (min-width: 768px) { .cards ul li { float: left; width: 50%; } }

@media (min-width: 768px) and (max-width: 992px) { .cards ul li:nth-child(2n + 1) { clear: left; } }

@media (min-width: 992px) { .cards ul li { float: left; width: 33.3333333333%; } }

@media (min-width: 992px) and (max-width: 1200px) { .cards ul li:nth-child(3n + 1) { clear: left; } }

@media (min-width: 1200px) { .cards ul li { float: left; width: 25%; } }

@media (min-width: 1200px) { .cards ul li:nth-child(4n + 1) { clear: left; } }

.cards ul li, .cards .card { padding: 15px; margin-bottom: 10px; box-sizing: border-box; list-style-type: none; }

@media (min-width: 1200px) { .cards ul li, .cards .card { height: 380px; } }

.cards ul li div.image-container, .cards .card div.image-container { width: 100%; height: 120px; background-size: cover; background-position: 50% 50%; }

.cards ul li img, .cards .card img { width: 100%; height: auto; }

.cards ul li h3, .cards .card h3 { margin: 0px; padding: 20px 20px 10px 20px; font-size: 14px; font-family: 'Helvetica CndMd'; }

.cards ul li p, .cards .card p { padding: 0px 20px 0px 20px; font-size: 14px; color: #5d5d5d; }

.cards ul li div.author, .cards .card div.author { font-size: 11px; padding: 0px 20px 10px 20px; }

.cards ul li > div, .cards .card > div { background-color: #FFF; margin-top: 10px; padding-bottom: 10px; min-height: 230px; border: 1px solid #BBB; border-radius: 4px; }

@media (min-width: 768px) { .cards ul li > div, .cards .card > div { margin-left: 0; margin-right: 0; } }

@media (min-width: 992px) { .cards ul li > div, .cards .card > div { margin-bottom: 40px; min-height: 360px; } }

.cards.cards-dark-bg .card > div { border: none; }

.cards.cards-titleonly .card { height: auto; }

.cards.cards-titleonly .card > div { min-height: 200px; overflow: hidden; border-radius: 4px; }

.cards.cards-titleonly .card h3 { font-size: 16px; height: 50px; }

.more-ctrl-panel { text-align: center; }

select { display: block; width: 180px; height: 30px; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding-top: 3px; padding-bottom: 3px; border: 1px solid #3695d8; border-radius: 3px; color: #3695d8; background: #FFF; text-align: center; font-family: 'Helvetica CndMd'; font-size: 16px; }

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

input[type=text], input[type=email] { float: left; width: 160px; height: 30px; margin-right: 10px; margin-bottom: 10px; margin-top: 0; padding: 3px; border: 1px solid #878787; border-radius: 3px; color: #555; background: #FFF; font-family: 'Neue Helvetica 55 Roman'; font-size: 14px; }

input[type=checkbox] { margin-right: 5px; }

label { font-weight: normal; }

button { display: inline-block; border-radius: 3px; margin-left: auto; margin-right: auto; padding: 3px 10px 3px 10px; border: 0; text-transform: uppercase; color: #FFF; border-radius: 3px; font-family: 'Neue Helvetica 57 Condensed'; background-color: #3695d8; }

button span.additional-info { display: none; }

@media (min-width: 992px) { button span.additional-info { display: inline; } }

button.alt-button { background-color: #9dba5a; }

div.search-field { position: relative; width: 180px; float: left; }

div.search-field button { background: none; color: #222; }

div.search-field i { position: absolute; display: block; right: 10px; top: 7px; color: #444; }

div.search-field input { width: 100%; }

section.chapter-map { background-color: #fff; }

section.chapter-map h2 { text-align: center; color: #3695d8; }

#map { width: 100%; height: 700px; background-color: #fff; }

.map-popup-title { font-family: 'Neue Helvetica 57 Condensed'; text-transform: uppercase; font-size: 16px; margin-bottom: 10px; }

.map-popup-email, .map-popup-formation, .map-popup-country, .map-popup-url { font-size: 14px; }

.map-popup-country { border-bottom: 1px solid #cdcdcd; margin-bottom: 10px; padding-bottom: 10px; }

.leaflet-popup { width: 250px; }

#map .leaflet-popup-content-wrapper { background-color: #242424; color: #FFF; }

#map .leaflet-popup-tip { border-top: 10px solid #242424; }

#map .leaflet-container a { color: #FFF; }

.map-popup-social { margin-right: 10px; /*color: #3695d8;*/ margin-top: 10px; }

.grid { display: flex; flex-wrap: wrap; flex-flow: row wrap; width: calc(100% + 20px); margin-left: -10px; overflow: visible; /* Clear for old browsers that are using clear */ /* Make a 12 column grid system */ }

.grid--vertical-centre { align-items: center; }

.grid--horizontal-centre { justify-content: center; }

.grid:after { content: " "; display: block; clear: both; }

.grid__item { flex: 0 1 auto; margin: 0 10px; float: left; }

.grid__item--equal-height { display: flex; }

@media (min-width: 1180px) { .grid .grid__item--l1 { flex: 0 0 calc(8.3333333333% - 20px); width: calc(8.3333333333% - 20px); }
  .grid .grid__item--l-alpha1 { margin-left: calc(8.3333333333% + 10px); }
  .grid .grid__item--l-omega1 { margin-right: calc(8.3333333333% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m1 { flex: 0 0 calc(8.3333333333% - 20px); width: calc(8.3333333333% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s1 { flex: 0 0 calc(8.3333333333% - 20px); width: calc(8.3333333333% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d1 { flex: 0 0 calc(8.3333333333% - 30px); width: calc(8.3333333333% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t1 { flex: 0 0 calc(8.3333333333% - 30px); width: calc(8.3333333333% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp1 { flex: 0 0 calc(8.3333333333% - 30px); width: calc(8.3333333333% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp1 { flex: 0 0 calc(8.3333333333% - 30px); width: calc(8.3333333333% - 30px); } }

@media (min-width: 1180px) { .grid .grid__item--l2 { flex: 0 0 calc(16.6666666667% - 20px); width: calc(16.6666666667% - 20px); }
  .grid .grid__item--l-alpha2 { margin-left: calc(16.6666666667% + 10px); }
  .grid .grid__item--l-omega2 { margin-right: calc(16.6666666667% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m2 { flex: 0 0 calc(16.6666666667% - 20px); width: calc(16.6666666667% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s2 { flex: 0 0 calc(16.6666666667% - 20px); width: calc(16.6666666667% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d2 { flex: 0 0 calc(16.6666666667% - 30px); width: calc(16.6666666667% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t2 { flex: 0 0 calc(16.6666666667% - 30px); width: calc(16.6666666667% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp2 { flex: 0 0 calc(16.6666666667% - 30px); width: calc(16.6666666667% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp2 { flex: 0 0 calc(16.6666666667% - 30px); width: calc(16.6666666667% - 30px); } }

@media (min-width: 1180px) { .grid .grid__item--l3 { flex: 0 0 calc(25% - 20px); width: calc(25% - 20px); }
  .grid .grid__item--l-alpha3 { margin-left: calc(25% + 10px); }
  .grid .grid__item--l-omega3 { margin-right: calc(25% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m3 { flex: 0 0 calc(25% - 20px); width: calc(25% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s3 { flex: 0 0 calc(25% - 20px); width: calc(25% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d3 { flex: 0 0 calc(25% - 30px); width: calc(25% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t3 { flex: 0 0 calc(25% - 30px); width: calc(25% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp3 { flex: 0 0 calc(25% - 30px); width: calc(25% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp3 { flex: 0 0 calc(25% - 30px); width: calc(25% - 30px); } }

@media (min-width: 1180px) { .grid .grid__item--l4 { flex: 0 0 calc(33.3333333333% - 20px); width: calc(33.3333333333% - 20px); }
  .grid .grid__item--l-alpha4 { margin-left: calc(33.3333333333% + 10px); }
  .grid .grid__item--l-omega4 { margin-right: calc(33.3333333333% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m4 { flex: 0 0 calc(33.3333333333% - 20px); width: calc(33.3333333333% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s4 { flex: 0 0 calc(33.3333333333% - 20px); width: calc(33.3333333333% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d4 { flex: 0 0 calc(33.3333333333% - 30px); width: calc(33.3333333333% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t4 { flex: 0 0 calc(33.3333333333% - 30px); width: calc(33.3333333333% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp4 { flex: 0 0 calc(33.3333333333% - 30px); width: calc(33.3333333333% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp4 { flex: 0 0 calc(33.3333333333% - 30px); width: calc(33.3333333333% - 30px); } }

@media (min-width: 1180px) { .grid .grid__item--l5 { flex: 0 0 calc(41.6666666667% - 20px); width: calc(41.6666666667% - 20px); }
  .grid .grid__item--l-alpha5 { margin-left: calc(41.6666666667% + 10px); }
  .grid .grid__item--l-omega5 { margin-right: calc(41.6666666667% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m5 { flex: 0 0 calc(41.6666666667% - 20px); width: calc(41.6666666667% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s5 { flex: 0 0 calc(41.6666666667% - 20px); width: calc(41.6666666667% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d5 { flex: 0 0 calc(41.6666666667% - 30px); width: calc(41.6666666667% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t5 { flex: 0 0 calc(41.6666666667% - 30px); width: calc(41.6666666667% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp5 { flex: 0 0 calc(41.6666666667% - 30px); width: calc(41.6666666667% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp5 { flex: 0 0 calc(41.6666666667% - 30px); width: calc(41.6666666667% - 30px); } }

@media (min-width: 1180px) { .grid .grid__item--l6 { flex: 0 0 calc(50% - 20px); width: calc(50% - 20px); }
  .grid .grid__item--l-alpha6 { margin-left: calc(50% + 10px); }
  .grid .grid__item--l-omega6 { margin-right: calc(50% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m6 { flex: 0 0 calc(50% - 20px); width: calc(50% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s6 { flex: 0 0 calc(50% - 20px); width: calc(50% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d6 { flex: 0 0 calc(50% - 30px); width: calc(50% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t6 { flex: 0 0 calc(50% - 30px); width: calc(50% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp6 { flex: 0 0 calc(50% - 30px); width: calc(50% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp6 { flex: 0 0 calc(50% - 30px); width: calc(50% - 30px); } }

@media (min-width: 1180px) { .grid .grid__item--l7 { flex: 0 0 calc(58.3333333333% - 20px); width: calc(58.3333333333% - 20px); }
  .grid .grid__item--l-alpha7 { margin-left: calc(58.3333333333% + 10px); }
  .grid .grid__item--l-omega7 { margin-right: calc(58.3333333333% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m7 { flex: 0 0 calc(58.3333333333% - 20px); width: calc(58.3333333333% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s7 { flex: 0 0 calc(58.3333333333% - 20px); width: calc(58.3333333333% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d7 { flex: 0 0 calc(58.3333333333% - 30px); width: calc(58.3333333333% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t7 { flex: 0 0 calc(58.3333333333% - 30px); width: calc(58.3333333333% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp7 { flex: 0 0 calc(58.3333333333% - 30px); width: calc(58.3333333333% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp7 { flex: 0 0 calc(58.3333333333% - 30px); width: calc(58.3333333333% - 30px); } }

@media (min-width: 1180px) { .grid .grid__item--l8 { flex: 0 0 calc(66.6666666667% - 20px); width: calc(66.6666666667% - 20px); }
  .grid .grid__item--l-alpha8 { margin-left: calc(66.6666666667% + 10px); }
  .grid .grid__item--l-omega8 { margin-right: calc(66.6666666667% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m8 { flex: 0 0 calc(66.6666666667% - 20px); width: calc(66.6666666667% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s8 { flex: 0 0 calc(66.6666666667% - 20px); width: calc(66.6666666667% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d8 { flex: 0 0 calc(66.6666666667% - 30px); width: calc(66.6666666667% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t8 { flex: 0 0 calc(66.6666666667% - 30px); width: calc(66.6666666667% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp8 { flex: 0 0 calc(66.6666666667% - 30px); width: calc(66.6666666667% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp8 { flex: 0 0 calc(66.6666666667% - 30px); width: calc(66.6666666667% - 30px); } }

@media (min-width: 1180px) { .grid .grid__item--l9 { flex: 0 0 calc(75% - 20px); width: calc(75% - 20px); }
  .grid .grid__item--l-alpha9 { margin-left: calc(75% + 10px); }
  .grid .grid__item--l-omega9 { margin-right: calc(75% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m9 { flex: 0 0 calc(75% - 20px); width: calc(75% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s9 { flex: 0 0 calc(75% - 20px); width: calc(75% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d9 { flex: 0 0 calc(75% - 30px); width: calc(75% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t9 { flex: 0 0 calc(75% - 30px); width: calc(75% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp9 { flex: 0 0 calc(75% - 30px); width: calc(75% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp9 { flex: 0 0 calc(75% - 30px); width: calc(75% - 30px); } }

@media (min-width: 1180px) { .grid .grid__item--l10 { flex: 0 0 calc(83.3333333333% - 20px); width: calc(83.3333333333% - 20px); }
  .grid .grid__item--l-alpha10 { margin-left: calc(83.3333333333% + 10px); }
  .grid .grid__item--l-omega10 { margin-right: calc(83.3333333333% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m10 { flex: 0 0 calc(83.3333333333% - 20px); width: calc(83.3333333333% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s10 { flex: 0 0 calc(83.3333333333% - 20px); width: calc(83.3333333333% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d10 { flex: 0 0 calc(83.3333333333% - 30px); width: calc(83.3333333333% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t10 { flex: 0 0 calc(83.3333333333% - 30px); width: calc(83.3333333333% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp10 { flex: 0 0 calc(83.3333333333% - 30px); width: calc(83.3333333333% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp10 { flex: 0 0 calc(83.3333333333% - 30px); width: calc(83.3333333333% - 30px); } }

@media (min-width: 1180px) { .grid .grid__item--l11 { flex: 0 0 calc(91.6666666667% - 20px); width: calc(91.6666666667% - 20px); }
  .grid .grid__item--l-alpha11 { margin-left: calc(91.6666666667% + 10px); }
  .grid .grid__item--l-omega11 { margin-right: calc(91.6666666667% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m11 { flex: 0 0 calc(91.6666666667% - 20px); width: calc(91.6666666667% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s11 { flex: 0 0 calc(91.6666666667% - 20px); width: calc(91.6666666667% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d11 { flex: 0 0 calc(91.6666666667% - 30px); width: calc(91.6666666667% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t11 { flex: 0 0 calc(91.6666666667% - 30px); width: calc(91.6666666667% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp11 { flex: 0 0 calc(91.6666666667% - 30px); width: calc(91.6666666667% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp11 { flex: 0 0 calc(91.6666666667% - 30px); width: calc(91.6666666667% - 30px); } }

@media (min-width: 1180px) { .grid .grid__item--l12 { flex: 0 0 calc(100% - 20px); width: calc(100% - 20px); }
  .grid .grid__item--l-alpha12 { margin-left: calc(100% + 10px); }
  .grid .grid__item--l-omega12 { margin-right: calc(100% + 10px); } }

@media (min-width: 600px) and (max-width: 1180px) { .grid .grid__item--m12 { flex: 0 0 calc(100% - 20px); width: calc(100% - 20px); } }

@media (max-width: 600px) { .grid .grid__item--s12 { flex: 0 0 calc(100% - 20px); width: calc(100% - 20px); } }

@media (min-width: 970px) { .grid .grid__item--d12 { flex: 0 0 calc(100% - 30px); width: calc(100% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid .grid__item--t12 { flex: 0 0 calc(100% - 30px); width: calc(100% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid .grid__item--lp12 { flex: 0 0 calc(100% - 30px); width: calc(100% - 30px); } }

@media (max-width: 480px) { .grid .grid__item--sp12 { flex: 0 0 calc(100% - 30px); width: calc(100% - 30px); } }

.grid--n { display: flex; flex-wrap: wrap; flex-flow: row wrap; width: calc(100% + 30px); margin-left: -15px; overflow: visible; /* Clear for old browsers that are using clear */ /* Make a 12 column grid system */ }

.grid--n--vertical-centre { align-items: center; }

.grid--n--horizontal-centre { justify-content: center; }

.grid--n:after { content: " "; display: block; clear: both; }

.grid--n .grid__item { flex: 0 1 auto; margin-right: 15px; margin-left: 15px; float: left; }

.grid--n .grid__item .grid--equal-height { display: flex; }

@media (min-width: 970px) { .grid--n .grid__item--d1 { flex: 0 0 calc(8.3333333333% - 30px); width: calc(8.3333333333% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t1 { flex: 0 0 calc(8.3333333333% - 30px); width: calc(8.3333333333% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp1 { flex: 0 0 calc(8.3333333333% - 30px); width: calc(8.3333333333% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp1 { flex: 0 0 calc(8.3333333333% - 30px); width: calc(8.3333333333% - 30px); } }

@media (min-width: 970px) { .grid--n .grid__item--d2 { flex: 0 0 calc(16.6666666667% - 30px); width: calc(16.6666666667% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t2 { flex: 0 0 calc(16.6666666667% - 30px); width: calc(16.6666666667% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp2 { flex: 0 0 calc(16.6666666667% - 30px); width: calc(16.6666666667% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp2 { flex: 0 0 calc(16.6666666667% - 30px); width: calc(16.6666666667% - 30px); } }

@media (min-width: 970px) { .grid--n .grid__item--d3 { flex: 0 0 calc(25% - 30px); width: calc(25% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t3 { flex: 0 0 calc(25% - 30px); width: calc(25% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp3 { flex: 0 0 calc(25% - 30px); width: calc(25% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp3 { flex: 0 0 calc(25% - 30px); width: calc(25% - 30px); } }

@media (min-width: 970px) { .grid--n .grid__item--d4 { flex: 0 0 calc(33.3333333333% - 30px); width: calc(33.3333333333% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t4 { flex: 0 0 calc(33.3333333333% - 30px); width: calc(33.3333333333% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp4 { flex: 0 0 calc(33.3333333333% - 30px); width: calc(33.3333333333% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp4 { flex: 0 0 calc(33.3333333333% - 30px); width: calc(33.3333333333% - 30px); } }

@media (min-width: 970px) { .grid--n .grid__item--d5 { flex: 0 0 calc(41.6666666667% - 30px); width: calc(41.6666666667% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t5 { flex: 0 0 calc(41.6666666667% - 30px); width: calc(41.6666666667% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp5 { flex: 0 0 calc(41.6666666667% - 30px); width: calc(41.6666666667% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp5 { flex: 0 0 calc(41.6666666667% - 30px); width: calc(41.6666666667% - 30px); } }

@media (min-width: 970px) { .grid--n .grid__item--d6 { flex: 0 0 calc(50% - 30px); width: calc(50% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t6 { flex: 0 0 calc(50% - 30px); width: calc(50% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp6 { flex: 0 0 calc(50% - 30px); width: calc(50% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp6 { flex: 0 0 calc(50% - 30px); width: calc(50% - 30px); } }

@media (min-width: 970px) { .grid--n .grid__item--d7 { flex: 0 0 calc(58.3333333333% - 30px); width: calc(58.3333333333% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t7 { flex: 0 0 calc(58.3333333333% - 30px); width: calc(58.3333333333% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp7 { flex: 0 0 calc(58.3333333333% - 30px); width: calc(58.3333333333% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp7 { flex: 0 0 calc(58.3333333333% - 30px); width: calc(58.3333333333% - 30px); } }

@media (min-width: 970px) { .grid--n .grid__item--d8 { flex: 0 0 calc(66.6666666667% - 30px); width: calc(66.6666666667% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t8 { flex: 0 0 calc(66.6666666667% - 30px); width: calc(66.6666666667% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp8 { flex: 0 0 calc(66.6666666667% - 30px); width: calc(66.6666666667% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp8 { flex: 0 0 calc(66.6666666667% - 30px); width: calc(66.6666666667% - 30px); } }

@media (min-width: 970px) { .grid--n .grid__item--d9 { flex: 0 0 calc(75% - 30px); width: calc(75% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t9 { flex: 0 0 calc(75% - 30px); width: calc(75% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp9 { flex: 0 0 calc(75% - 30px); width: calc(75% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp9 { flex: 0 0 calc(75% - 30px); width: calc(75% - 30px); } }

@media (min-width: 970px) { .grid--n .grid__item--d10 { flex: 0 0 calc(83.3333333333% - 30px); width: calc(83.3333333333% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t10 { flex: 0 0 calc(83.3333333333% - 30px); width: calc(83.3333333333% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp10 { flex: 0 0 calc(83.3333333333% - 30px); width: calc(83.3333333333% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp10 { flex: 0 0 calc(83.3333333333% - 30px); width: calc(83.3333333333% - 30px); } }

@media (min-width: 970px) { .grid--n .grid__item--d11 { flex: 0 0 calc(91.6666666667% - 30px); width: calc(91.6666666667% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t11 { flex: 0 0 calc(91.6666666667% - 30px); width: calc(91.6666666667% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp11 { flex: 0 0 calc(91.6666666667% - 30px); width: calc(91.6666666667% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp11 { flex: 0 0 calc(91.6666666667% - 30px); width: calc(91.6666666667% - 30px); } }

@media (min-width: 970px) { .grid--n .grid__item--d12 { flex: 0 0 calc(100% - 30px); width: calc(100% - 30px); } }

@media (min-width: 750px) and (max-width: 970px) { .grid--n .grid__item--t12 { flex: 0 0 calc(100% - 30px); width: calc(100% - 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .grid--n .grid__item--lp12 { flex: 0 0 calc(100% - 30px); width: calc(100% - 30px); } }

@media (max-width: 480px) { .grid--n .grid__item--sp12 { flex: 0 0 calc(100% - 30px); width: calc(100% - 30px); } }

.featured-content { position: relative; margin-bottom: 30px; }

.featured-content__overlay { position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.8) 100%); padding: 0 30px 30px 30px; width: 100%; }

@media (max-width: 750px) { .featured-content__overlay { background: #fff; position: relative; } }

@media (max-width: 750px) { .featured-content__overlay .cta { border: #000 1px solid; color: #000; } }

.featured-content h1 { font-family: 'Folio','Neue Helvetica 57 Condensed',sans-serif; color: #fff; font-size: 60px; line-height: 50px; width: 50%; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; }

@media (max-width: 750px) { .featured-content h1 { color: #000; width: 100%; margin-top: 30px; } }

.featured-content p { color: #fff; font-size: 16px; margin: 0; width: 50%; }

@media (max-width: 750px) { .featured-content p { color: #000; width: 100%; } }

.card { background: #fff; }

.card img { width: 100%; height: auto; }

.card__low-res { width: 100%; text-align: center; padding-top: 20px; }

.card__image--low-res { width: initial  !important; max-width: 100%; }

.card__inner { background: #fff; padding: 20px; }

.card__inner h3 { margin-top: 0; font-size: 18px; color: #000; text-transform: none; }

.card__inner p { color: #000; }

.card__inner--social { background: #666666; word-wrap: break-word; }

.card__inner--social h3, .card__inner--social p { color: #fff; }

.card__block-title { text-transform: uppercase; font-size: 16px; color: #fff; background-color: #3695d8; width: 100%; padding: 10px 20px; font-family: 'Neue Helvetica 57 Condensed'; }

.card__arrow--down { position: relative; }

.card__arrow--down:after, .card__arrow--down:before { top: 0; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.card__arrow--down:before { border-color: rgba(194, 225, 245, 0); border-top-color: #2F94DB; border-width: 12px; }

.card__arrow--up { position: relative; }

.card__arrow--up:after, .card__arrow--up:before { top: -24px; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.card__arrow--up:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 12px; }

.card--highlighted .card__arrow--up:before { border-bottom-color: #e83956; }

.card--clickable { display: block; color: #000; }

.card--clickable img { transition: all 200ms ease-in-out; }

.card--clickable:hover, .card--clickable:focus { text-decoration: none; transform: scale(0.98); }

.card--clickable:hover img, .card--clickable:focus img { opacity: 0.4; }

.card--clickable:active { transform: scale(0.95); }

.card--highlighted .card__inner { background: #e83956; color: #fff; }

.card--highlighted .card__inner h3, .card--highlighted .card__inner p { color: #fff; }

.card--highlighted .card__inner h3 { font-family: Folio; font-size: 30px; text-transform: uppercase; }

.card--promo .card__inner p { font-size: 16px; }

.card--promo .card__inner h3 { font-family: Folio; font-size: 30px; text-transform: uppercase; }

.card--small-promo .card__inner h3 { font-family: Folio; font-size: 24px; text-transform: uppercase; }

.grid__item--equal-height .card { position: relative; }

.grid__item--equal-height .card .card__inner { margin-bottom: 60px; }

.grid__item--equal-height .card .cta { position: absolute; left: 20px; bottom: 20px; }

.ie9 .grid__item--equal-height .card__inner, .ie10 .grid__item--equal-height .card__inner { padding-bottom: 70px; }

.cta { display: inline-block; text-transform: uppercase; padding: 10px 20px; border: #fff 1px solid; color: #fff; border-radius: 5px; font-family: "Helvetica CndMd"; }

.cta--separated { margin-top: 30px; }

.cta--invert { border-color: #000; color: #000; }

.cta__section { margin: 35px 0; text-align: center; }

.card--highlighted .cta { background: #fff; color: #e83956; }

.card--highlighted .cta:focus { outline: none !important; box-shadow: inset 0 0 10px #e83956; border: #e83956 1px solid; }

select.cta { width: calc(100% - 40px); font-size: 14px; height: auto; -webkit-appearance: none; text-align: left; -moz-appearance: none; background: url("/assets/images/responsive/cta-drop.png") center right no-repeat; cursor: pointer; margin-bottom: 0; }

a.cta--invert { color: #000; }

a.cta:hover { color: #3695d8; border-color: #3695d8; text-decoration: none; }

a.cta--full { display: block; text-align: center; text-decoration: none; color: #fff; }

a.cta--full:hover { color: #3695d8; background: #fff; border-color: #fff; }

a.cta--load { text-align: center; text-decoration: none; color: #fff; background: #000000; border-color: #000; }

a.cta--load:hover { color: #fff; background: #3695d8; border-color: #3695d8; }

h2.features-title { color: #000; text-transform: none; margin: 0; border: 0; padding: 0; font-family: "Neue Helvetica 65 Medium"; font-size: 24px; padding-bottom: 5px; margin-bottom: 40px; font-weight: bold; }

h2.features-title span { border-bottom: #000 2px solid; padding-bottom: 5px; }

h2.features-title--invert { color: #fff; }

h2.features-title--invert span { border-color: #fff; }

.collage .card { width: 213px; margin-bottom: 30px; }

.collage .card--wide { width: 455px; }

.collage-3 .card { width: 293px; margin-bottom: 30px; }

.collage__responsive .card { margin-bottom: 30px; }

.collage__responsive--3 .card, .collage__responsive--3 .card__sizer { width: calc( ( 100% - 60px ) / 3); }

@media (min-width: 750px) and (max-width: 970px) { .collage__responsive--3 .card, .collage__responsive--3 .card__sizer { width: calc( ( 100% - 30px ) / 2); } }

@media (min-width: 480px) and (max-width: 750px) { .collage__responsive--3 .card, .collage__responsive--3 .card__sizer { width: calc( ( 100% - 30px ) / 2); } }

@media (max-width: 480px) { .collage__responsive--3 .card, .collage__responsive--3 .card__sizer { width: 100%; } }

@media (min-width: 970px) { .collage__responsive--4 .card, .collage__responsive--4 .card__sizer { width: calc( ( 100% - 90px ) / 4); } }

@media (min-width: 750px) and (max-width: 970px) { .collage__responsive--4 .card, .collage__responsive--4 .card__sizer { width: calc( ( 100% - 60px ) / 3); } }

@media (min-width: 480px) and (max-width: 750px) { .collage__responsive--4 .card, .collage__responsive--4 .card__sizer { width: calc( ( 100% - 30px ) / 2); } }

@media (max-width: 480px) { .collage__responsive--4 .card, .collage__responsive--4 .card__sizer { width: 100%; } }

.collage__responsive--4 .card--wide { width: calc( ( 100% - 90px ) * ( 1 / 2 ) + 30px); }

@media (min-width: 750px) and (max-width: 970px) { .collage__responsive--4 .card--wide { width: calc( ( 100% - 60px ) * ( 2 / 3 ) + 30px); } }

@media (min-width: 480px) and (max-width: 750px) { .collage__responsive--4 .card--wide { width: 100%; } }

@media (max-width: 480px) { .collage__responsive--4 .card--wide { width: 100%; } }

.section { margin-bottom: 50px; }

.social-hub { background: #525252 url("/assets/images/responsive/backgrounds/social.jpg"); padding: 30px 0; }

.social-hub .container { position: relative; }

.social-hub__icons { position: absolute; right: 15px; top: 0; margin: 0; list-style: none; }

@media (max-width: 480px) { .social-hub__icons { position: relative; padding: 0; right: 0; top: -18px; } }

.social-hub__icons li { display: inline-block; margin-left: 10px; }

@media (max-width: 480px) { .social-hub__icons li:first-of-type { margin-left: 0; } }

.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }

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

.source { font-family: 'Neue Helvetica 57 Condensed'; text-transform: uppercase; font-size: 12px; }

.filter-drop { margin-bottom: 30px; position: relative; }

.filter-drop::after { position: absolute; top: 30px; right: 30px; content: " "; display: block; width: 18px; height: 10px; z-index: 9999; background: url("/assets/images/responsive/filter-drop.png") center right no-repeat; }

input[type=text].filter-drop__input { font-family: 'Folio','Neue Helvetica 57 Condensed',sans-serif; text-transform: uppercase; float: none; width: 100%; margin: 0; font-size: 60px; padding: 10px 30px 0; height: auto; background: none; border-radius: 0; border: 0; outline: none; border-bottom: #000 2px solid; color: #000; line-height: 60px; }

@media (min-width: 600px) and (max-width: 1180px) { input[type=text].filter-drop__input { font-size: 40px; } }

@media (max-width: 600px) { input[type=text].filter-drop__input { font-size: 20px; } }

input[type=text].filter-drop__input::-webkit-input-placeholder { color: #000; }

input[type=text].filter-drop__input:-ms-input-placeholder { color: #000; }

input[type=text].filter-drop__input::placeholder { color: #000; }

.filter-drop-options { background: #fff; margin: 0; padding: 0; list-style: none; font-family: 'Folio','Neue Helvetica 57 Condensed',sans-serif; text-transform: uppercase; font-size: 40px; line-height: 60px; max-height: 400px; overflow-y: scroll; display: none; }

@media (max-width: 600px) { .filter-drop-options { font-size: 20px; } }

.filter-drop-options a { display: block; padding: 5px 30px; color: #000; border-bottom: #fafafa 1px solid; }

.filter-drop-options a:hover, .filter-drop-options a:focus { outline: none; background: #3695d8; color: #fff; text-decoration: none; border-color: #3695d8; }

.filter-drop--active::before { content: " "; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: block; z-index: 9998; }

.filter-drop--active input[type=text].filter-drop__input { position: relative; z-index: 9999; background: #ebebeb url("/assets/images/responsive/backgrounds/page.jpg"); border-bottom: 0; }

.filter-drop--active .filter-drop-options { display: block; position: absolute; left: 0; z-index: 9999; width: 100%; }

.stat { margin-bottom: 40px; }

.stat::after { content: ''; clear: both; display: block; }

.stat__card { background: #fff; display: block; margin-right: 15px; width: calc( ( 100% - 30px ) / 3); max-width: 150px; min-width: 110px; height: 75px; padding: 15px 20px; float: left; position: relative; }

.stat__card--last { margin-right: 0; }

.stat__card--contact { margin-right: 0; width: calc( ( 100% - 60px ) / 2); max-width: 210px; min-width: 200px; padding: 30px 20px; float: right; }

.stat__card--contact h2.stat_title { font-size: 16px !important; }

@media (max-width: 480px) { .stat__card { width: 100%; max-width: 100%; margin-bottom: 15px; float: none; }
  .stat__card--first { height: auto; }
  .stat__card--contact { margin-bottom: 0; }
  .stat__card--contact h2.stat_title { font-size: 16px !important; } }

.stat__score { font-family: "Neue Helvetica 65 Medium"; font-size: 24px; color: #000; }

.stat__score span { font-size: 14px; }

.stat__info-icon { border-radius: 50%; width: 16px; height: 16px; padding: 0; border: 1px solid #3695d8; font-weight: bold; color: #3695d8; text-align: center; display: block; font-size: 12px; position: absolute; top: 10px; right: 10px; }

.stat__info-icon:hover + .stat__rollover-content { display: block; }

.stat__rollover-content { width: 280px; background: #fff; position: absolute; border: 1px solid #ccc; padding: 20px; display: none; z-index: 1; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px; }

@media (min-width: 970px) { .stat__rollover-content { top: 0px; right: -280px; }
  .stat__rollover-content::after, .stat__rollover-content::before { right: 100%; top: 17px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
  .stat__rollover-content::after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 10px; margin-top: -10px; }
  .stat__rollover-content::before { border-color: transparent; border-right-color: #cccc; border-width: 11px; margin-top: -11px; } }

@media (min-width: 750px) and (max-width: 970px) { .stat__rollover-content { top: 40px; width: 280px; left: -65px; }
  .stat__rollover-content::after, .stat__rollover-content::before { bottom: 100%; left: 195px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
  .stat__rollover-content::after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }
  .stat__rollover-content::before { border-color: transparent; border-bottom-color: #ccc; border-width: 11px; margin-left: -11px; } }

@media (max-width: 750px) { .stat__rollover-content { top: 15px; width: calc(100vw - 30px); top: 40px; left: 0; position: absolute; }
  .stat__rollover-content::after, .stat__rollover-content::before { bottom: 100%; right: 8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
  .stat__rollover-content::after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }
  .stat__rollover-content::before { border-color: transparent; border-bottom-color: #ccc; border-width: 11px; margin-left: -11px; } }

.responsive-refresh h2.stat__title { color: #3695d8; margin: 0; font-family: "Neue Helvetica 65 Medium"; border: 0; text-transform: none; padding: 0; font-size: 14px; }

.chapter-info { background: #59a7dd url("/assets/images/responsive/backgrounds/chapter.png") center center; padding: 30px 0; color: #fff; }

.chapter-info h3 { font-size: 18px; margin: 0; text-transform: none; margin-bottom: 15px; line-height: 20px; font-family: 'Helvetica CndMd'; }

.chapter-info p { color: #fff; }

.chapter-info p a { color: #fff; text-decoration: underline; }

.latest { background: #ebebeb url("/assets/images/responsive/backgrounds/page.jpg"); padding: 30px 0; }

.newsletter::after { display: block; content: " "; clear: both; }

.newsletter input[type=text].newsletter__name { width: 217px; font-size: 18px; padding: 5px 15px; height: 40px; }

@media (max-width: 970px) { .newsletter input[type=text].newsletter__name { width: calc(50% - 10px); } }

@media (max-width: 480px) { .newsletter input[type=text].newsletter__name { width: 100%; margin-right: 0; } }

.newsletter input[type=email].newsletter__email { width: 352px; margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 18px; padding: 5px 15px; height: 40px; border-right: 0; }

@media (max-width: 970px) { .newsletter input[type=email].newsletter__email { width: calc(100% - 103px); } }

@media (max-width: 480px) { .newsletter input[type=email].newsletter__email { width: calc(100% - 93px); } }

.newsletter__submit { float: left; margin-right: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 40px; font-family: 'Neue Helvetica 77 Condensed Bold'; background: #404040; }

@media (max-width: 480px) { .newsletter__submit { margin-right: 0; } }

.newsletter__submit:hover { background: #3695d8; }

.newsletter__disclaimer { width: 440px; font-size: 10px !important; line-height: 12px !important; }

@media (max-width: 480px) { .newsletter__disclaimer { width: 100%; } }

@media (max-width: 750px) { .newsletters p { text-align: center; } }

.quick-donate__line { display: flex; justify-content: space-between; }

.quick-donate__select { font-size: 16px; border-radius: 3px; font-family: Arial; color: #fff; padding: 2px 8px; width: 100%; -webkit-appearance: none; -moz-appearance: none; margin-left: 0; background: #e83956 url("/assets/images/shared/triangle-down-white-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; display: inline-block; }

.quick-donate__select:focus { outline: none !important; box-shadow: 0 0 10px #e83956; }

.quick-donate__select--amount { width: auto; }

@media (max-width: 480px) { .quick-donate__select--amount { width: 25%; } }

.quick-donate__select--period { width: auto; padding-right: 20px; margin-right: 0; }

@media (max-width: 480px) { .quick-donate__select--period { width: 70%; } }

.push { margin-bottom: 30px; }

@media (min-width: 970px) { .push--excl-desktop { margin: 0; } }

@media (min-width: 750px) and (max-width: 970px) { .push--excl-tablet { margin: 0; } }

@media (min-width: 480px) and (max-width: 750px) { .push--excl-large-phone { margin: 0; } }

@media (max-width: 480px) { .push--excl-smal-phone { margin: 0; } }

body { padding-top: 112px; }

@media (min-width: 480px) and (max-width: 750px) { body { padding-top: 83px; } }

@media (max-width: 480px) { body { padding-top: 83px; } }

@media (min-width: 750px) and (max-width: 970px) { body { padding-top: 83px; } }

.jargon h2 { margin-top: 80px; }

.cards.cards-jargon ul li { min-height: 200px; height: auto; clear: left; }

@media (min-width: 768px) { .cards.cards-jargon ul li { min-height: 210px; clear: none; }
  .cards.cards-jargon ul li h3 { font-size: 16px; } }

@media (min-width: 992px) { .cards.cards-jargon ul li div { min-height: 200px; margin-bottom: 10px; } }

.filter { padding-top: 20px; margin-left: 10px; clear: left; }

.filter > div { width: 100%; }

.filter > div div.search-field { width: 90%; }

@media (min-width: 992px) { .filter > div div.search-field { width: 190px; } }

.filter > div select { width: 90%; }

@media (min-width: 992px) { .filter > div select { width: 190px; } }

.plain-language-single { position: relative; margin-left: 10px; margin-right: 10px; background-color: #3695d8; }

.plain-language-single h3 { margin-top: 0; padding: 10px 10px 10px 0px; font-family: 'Neue Helvetica 57 Condensed'; text-transform: uppercase; }

.plain-language-single h4 { padding: 10px 10px 0px 0px; margin-left: 0; color: #3695d8; font-family: 'Neue Helvetica 57 Condensed'; text-transform: uppercase; }

.plain-language-single p { margin: 0px 0px; }

.plain-language-single p.explainer { border-bottom: 1px solid #AAA; padding-bottom: 10px; font-size: 14px; opacity: 0.9; }

.plain-language-single div:last-child { background-color: #DDD; width: 100%; padding: 15px; }

@media (min-width: 992px) { .plain-language-single div:last-child { width: 50%; float: left; min-height: 344px; } }

.plain-language-single div:first-child { width: 100%; overflow: hidden; }

.plain-language-single div:first-child img { width: 100%; }

@media (min-width: 992px) { .plain-language-single div:first-child { height: 344px; width: 50%; float: right; }
  .plain-language-single div:first-child iframe { margin-left: -10px; width: 470px; height: 344px; } }

.plain-language-single:after { content: " "; display: block; height: 0; clear: both; visiblity: hidden; }

.plain-language-single-ctrl { clear: both; float: none; margin-left: 10px; margin-right: 10px; padding-top: 10px; }

.plain-language-single-ctrl button.prev-ctrl { display: inline-block; float: left; }

.plain-language-single-ctrl button.next-ctrl { display: inline-block; float: right; }

.more-ctrl-panel { clear: both; }

.callout-highlight { background: #F8ED98; padding: 2px; font-family: 'Neue Helvetica 75 Bold'; -webkit-box-decoration-break: clone; box-decoration-break: clone; text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; }

.donate-landing { background: #ccc no-repeat; background-size: cover; min-height: 600px; min-height: calc(100vh - 112px); display: flex; align-items: center; padding: 50px 0; }

.donate-landing .container { flex: auto; display: flex; }

.donate-landing__intro { background: #fff; width: calc(100% - 455px); padding: 30px; }

.donate-landing__form { background: #2297da; width: 455px; }

@media (max-width: 930px) { .donate-landing { background: #ececec !important; }
  .donate-landing .container { flex-direction: column; }
  .donate-landing__intro { order: 1; width: 100%; }
  .donate-landing__form { order: 0; width: 100%; } }

.bl_box { margin: 50px 0; border-top: #DDD 3px solid; border-bottom: #DDD 1px solid; }

.bl_box--red { border-top: #e83956 3px solid; }

.bl_box--blue { border-top: #3695d8 3px solid; }

.bl_box__content { padding: 25px; }

.bl_box__content p:first-of-type { padding-top: 0 !important; }

@media (min-width: 600px) { .bl_box--left { width: calc(50% - 30px); float: left; margin-right: 30px; margin-top: 20px; }
  .bl_box--right { width: calc(50% - 30px); float: right; margin-left: 30px; margin-top: 20px; } }

.bl_box__title, .responsive-refresh h2.bl_box__title { margin: 0; padding: 25px; }

.bl_breaker { clear: both; }

.bl_breaker--spaced { margin-top: 100px; }

.bl_figure { margin: 50px 0; }

.bl_figure img { width: 100%; height: auto; }

.bl_figure iframe { display: block; }

.bl_figure__footer { background: #000; color: #fff; padding: 20px; font-size: 12px; position: relative; /* Icons */ }

.bl_figure__footer i { margin-right: 5px; }

.bl_figure--full .bl_figure__footer { background: #fff; width: 970px; margin: 0 auto; color: #5d5d5d; padding: 20px 0; border-bottom: #000 1px solid; }

@media (max-width: 600px) { .bl_figure--full .bl_figure__footer { padding: 20px 30px; } }

@media (min-width: 1180px) { .bl_figure--expanded { margin-left: -93px; width: 940px; } }

.bl_figure__share { position: absolute; top: 10px; right: 10px; list-style-type: none !important; text-align: center; padding: 0 !important; margin: 0 !important; }

@media (max-width: 600px) { .bl_figure__share { position: static; margin-top: 10px !important; text-align: left; } }

.bl_figure__share li { margin: 0 !important; padding: 0 !important; margin-left: 5px !important; display: inline-block; }

@media (max-width: 600px) { .bl_figure__share li { margin-left: 0 !important; margin-right: 5px !important; } }

.bl_figure__share li::before { content: ""; display: none !important; }

.bl_figure__share a { display: block; width: 37px; height: 37px; }

.bl_figure--full .bl_figure__share { top: 10px; right: 0; }

@media (min-width: 600px) { .bl_figure--left { width: 33.3333%; float: left; margin: 0 30px 30px 0; }
  .bl_figure--right { width: 33.3333%; float: right; margin: 0 0 30px 30px; }
  .bl_figure--left .bl_figure__share, .bl_figure--right .bl_figure__share { position: static; margin-top: 10px !important; text-align: left; }
  .bl_figure--left .bl_figure__share li, .bl_figure--right .bl_figure__share li { margin-left: 0 !important; margin-right: 5px !important; } }

.bl_quote, .article blockquote.bl_quote { background: none; border: 0; padding: 0; margin-left: 80px; margin-right: 80px; margin-top: 50px; margin-bottom: 50px; padding-bottom: 50px; border-bottom: #f0efec 6px solid; position: relative; }

.bl_quote::before, .article blockquote.bl_quote::before { background: url("/assets/images/responsive/quote.png") no-repeat; position: absolute; top: 10px; left: -40px; content: ""; display: block; width: 21px; height: 18px; }

@media (max-width: 600px) { .bl_quote, .article blockquote.bl_quote { background: url("/assets/images/responsive/quote.png") 0 8px no-repeat; margin-left: 0; margin-right: 0; padding-left: 40px; padding-bottom: 30px; }
  .bl_quote::before, .article blockquote.bl_quote::before { display: none; } }

.bl_quote__credit, .article blockquote.bl_quote__credit { background: none !important; margin-top: 50px; color: #3695d8; }

@media (max-width: 600px) { .bl_quote__credit, .article blockquote.bl_quote__credit { margin-top: 30px; font-family: 'Neue Helvetica 55 Roman' !important; } }

.bl_quote__credit::before, .article blockquote.bl_quote__credit::before { display: none; }

.bl_quote__credit span, .article blockquote.bl_quote__credit span { display: block; }

.bl_quote__credit strong, .article blockquote.bl_quote__credit strong { font-family: 'Neue Helvetica 75 Bold'; font-weight: 500; }

.bl_quote__text, .article blockquote.bl_quote__text { font-size: 28px !important; line-height: 38px !important; padding-top: 0 !important; font-family: "Neue Helvetica 35 Thin" !important; }

@media (max-width: 600px) { .bl_quote__text, .article blockquote.bl_quote__text { font-size: 14px !important; line-height: 28px !important; font-family: 'Neue Helvetica 55 Roman' !important; font-weight: 500 !important; } }

@media (min-width: 1180px) { .bl_quote--pull, .article blockquote.bl_quote--pull { background: url("/assets/images/responsive/quote.png") 0 8px no-repeat; margin-left: -93px; margin-right: 30px; padding-left: 40px; float: left; width: 345px; }
  .bl_quote--pull::before, .article blockquote.bl_quote--pull::before { display: none; } }

.bl_read-more { margin: 50px 0; display: block; text-decoration: none !important; color: #5d5d5d !important; }

@media (min-width: 1180px) { .bl_read-more { margin: 50px 80px; } }

.bl_read-more__content { border-top: #dd3159 3px solid; background: #f0efec; padding: 30px; }

.bl_read-more--quote .bl_read-more__content { padding: 30px 50px 50px 50px; }

.bl_read-more__image { width: 100%; height: auto; }

.bl_read-more p { padding-top: 0; font-size: 24px !important; line-height: 34px !important; font-family: "Neue Helvetica 55 Roman" !important; }

.bl_read-more blockquote { margin: 0 !important; background: none !important; padding: 0 !important; position: relative; border-left: 0; }

.bl_read-more blockquote::before { background: url("/assets/images/responsive/quote.png") no-repeat; position: absolute; top: 5px; left: -35px; content: ""; display: block; width: 21px; height: 18px; }

.bl_read-more blockquote footer { background: none; color: #dd3159; font-family: "Neue Helvetica 55 Roman" !important; font-size: 18px; margin-top: 20px; }

.bl_read-more blockquote footer::before { display: none; }

.bl_read-more p.bl_read-more__extra { width: 80%; font-size: 14px !important; line-height: 20px !important; margin-top: 30px !important; }

.bl_read-more__cta { color: #dd3159; text-transform: uppercase; font-family: "Neue Helvetica 77 Condensed Bold"; display: block; margin-top: 30px; line-height: 35px; padding-left: 50px; height: 35px; font-size: 16px; background: url("/assets/images/responsive/read-more.svg") no-repeat; }

.bl_tweet { margin: 50px 0; }

.bl_iframe { margin: 50px 0; }

.bl_copy h2, .responsive-refresh .bl_copy h2 { margin-left: 0; margin-right: 0; margin-bottom: 0; color: #000; }

.bl_copy h3, .responsive-refresh .bl_copy h3 { margin-top: 30px; margin-bottom: 0; color: #000; font-size: 18px; }

.bl_copy h4, .responsive-refresh .bl_copy h4 { margin-top: 0; margin-bottom: 0; color: #000; font-size: 14px; font-family: 'Neue Helvetica 75 Bold'; }

.bl_copy .alt-spacing, .responsive-refresh .bl_copy .alt-spacing { margin-top: 0 !important; margin-bottom: 30px !important; }

.bl_cta, .article .bl_cta { display: block; text-decoration: none; border: #404040 3px solid; background: #404040; padding: 20px; margin: 50px 0; color: #fff; font-family: 'Neue Helvetica 77 Condensed Bold', 'Neue Helvetica 57 Condensed Bold', 'Neue Helvetica 57 Condensed', Sans-Serif; text-transform: uppercase; font-size: 20px; line-height: 22px; }

.bl_cta--tweet, .article .bl_cta--tweet { background: #fff url("/assets/images/responsive/tweet-cta.svg") top right no-repeat; color: #404040; padding-right: 50px; }

@media (min-width: 600px) { .bl_cta--left, .article .bl_cta--left { width: calc(50% - 30px); float: left; margin-right: 30px; margin-top: 20px; }
  .bl_cta--right, .article .bl_cta--right { width: calc(50% - 30px); float: right; margin-left: 30px; margin-top: 20px; } }

.bl_cta__action, .article .bl_cta__action { margin-top: 50px; display: block; color: #e83956; padding-left: 50px; height: 35px; line-height: 35px; background: url("/assets/images/responsive/read-more-hollow.svg") no-repeat; }

@media (max-width: 480px) { .bl_cta__action, .article .bl_cta__action { margin-top: 50px; display: block; color: #e83956; padding-left: 50px; padding-bottom: 30px; line-height: normal; background: url("/assets/images/responsive/read-more-hollow.svg") no-repeat; } }

@media (max-width: 240px) { .bl_cta__action, .article .bl_cta__action { margin-top: 50px; display: block; color: #e83956; padding-left: 50px; padding-bottom: 30px; margin-bottom: 30px; line-height: 90%; background: url("/assets/images/responsive/read-more-hollow.svg") no-repeat; } }

.bl_cta__action--simple, .article .bl_cta__action--simple { padding-left: 0; background: none; }

.bl_cta__action--tight, .article .bl_cta__action--tight { margin-top: 0; }
