@charset "UTF-8";
/* SCREEN.CSS This is where styles for on-screen media are declared. This style sheet establishes the core styles used for all resolutions before declaring the baseline 320px mobile layout. -------------------------------------------------------------------------------------------------------------------------- STYLEGUIDE -------------------------------------------------------------------------------------------------------------------------- Indentation uses tabs [why: http://lea.verou.me/2012/01/why-tabs-are-clearly-superior/] Rules obey the following anatomy: selector { POSITIONING LINE [position,top,left,clear, ETC] BOX MODEL LINE [display,margin,border,padding,width, ETC] TYPOGRAPHY LINE [font,text-indent,font-style, ETC] PREFIXED PROPERTIES [-moz-,-webkit-, ETC] } This file is divided into the following sections: =global_reset         |  Brings all browsers into line =vendor_enhancements  |  Fix various issues and/or enable enhancements =typography           |  How type looks and behaves =base_rules           |  Styling of raw elements =display_classes      |  Should very rarely be used, and never for page layout! =modules              |  Discrete components of a page [sub-divided] =layout               |  How modules are laid out on given pages [sub-divided] Units of measurement should always be: LAYOUT:       % or no unit - you do not know where your module is going on a page, so you don't know its absolute size. LINE-HEIGHTS: unitless, so the line height is a multiple of the current element's font-size TYPE:         rems for type, with em fallbacks See http://csswizardry.com/2011/12/measuring-and-sizing-uis-2011-style/ for details. ----------------------------------------------------------------------------------------------------------------------- */
/* NATIVE CSS VARIABLES :root { --variable-name: value; } element { property: fallback; property: var(--variable-name); } */
/* =breakpoints ------------------------------------------------------------------------------------------------------------ NOTE: one place to set all layout media queries ----------------------------------------------------------------------------------------------------------------------- */
/* not strictly mixins, but seems the best place to add these as the breakpoints are now defined */
html.dev-mode body:after { display: block; position: fixed; bottom: 0; left: 0; font-size: 0.8rem; padding: 0.5em; line-height: 1; background-color: white; animation: fadeOut 0.3s 4s both; }

body:after { display: none; content: 'breakpoint_0'; }

@media (min-width: 320px) { body:after { content: "breakpoint_1"; } }

@media (min-width: 480px) { body:after { content: "breakpoint_2"; } }

@media (min-width: 700px) { body:after { content: "breakpoint_3"; } }

@media (min-width: 960px) { body:after { content: "breakpoint_4"; } }

@media (min-width: 1280px) { body:after { content: "breakpoint_5"; } }

@media (min-width: 1340px) { body:after { content: "breakpoint_6"; } }

/* =tools --------------------------------------------------------------------------------------------------------------- NOTE: Snippets that are useful elsewhere ----------------------------------------------------------------------------------------------------------------------- */
/* =headings ------------------------------------------------------------------------------------------------------------ NOTE: As mixins because you can @include them inside media queries NOTE: only use optimizeLegibility on headings, the performance hit is high if used everywhere ----------------------------------------------------------------------------------------------------------------------- */
/* =global_reset -------------------------------------------------------------------------------------------------------- NOTE:       Based on Eric Meyers CSS Reset 2.0 - with a couple of edits to make it less draconian REFERENCE:  http://meyerweb.com/eric/tools/css/reset/ ----------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

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

/* form resets */
input, textarea { border: 0; }

/* lets use a sensible box model REFERENCE: http://paulirish.com/2012/box-sizing-border-box-ftw */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* inherit my styles, not the UA ones */
button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

/* =vendor_enhancements ------------------------------------------------------------------------------------------------- NOTE: Fix various browser issues, and switch some vendor specific nicities on/off ----------------------------------------------------------------------------------------------------------------------- */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:link { -webkit-tap-highlight-color: #999; }

/* Don't collapse these into one ruleset. When a browser doesn't recognise a selector it discards the whole ruleset. By using vendor selectors in one ruleset you guarentee nothing will be applied */
::-webkit-selection { background-color: #999; color: #fff; }

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

::selection { background-color: #999; color: #fff; }

::-webkit-input-placeholder { font-size: .875em; line-height: 1.4; }

input:-moz-placeholder { font-size: .875em; line-height: 1.4; }

/* kill default HTML5 styling on webkit */
input[type=search], input[type=submit] { -webkit-appearance: none; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; }

/* =typography ---------------------------------------------------------------------------------------------------------- NOTE:       I've found that margin-top applied to everything is a pain - it often messes up layout and requires jumping through hoops to fix, so I've stopped doing this as a default and now add top margin manually when required. REFERENCE:  Based on http://alistapart.com/articles/settingtypeontheweb/ http://24ways.org/2006/compose-to-a-vertical-rhythm/ ----------------------------------------------------------------------------------------------------------------------- */
/* load custom fonts NOTE: Don't use the normal FontSquirrel CSS! Do this instead: http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple Other tips and tricks from here: http://vimeo.com/69531448 https://docs.google.com/viewer?url=http%3A%2F%2Fcomplexspiral.com%2Fevents%2Farchive%2F2013%2Fcssday%2Ffontface.pdf */
/* font-stacks */
/* 'heading' styles */
.h1 { margin: 0; font-size: 48px; line-height: 60px; text-rendering: optimizeLegibility; }

@media (max-width: 699px) { .h1 { font-size: 24px; } }

.h2 { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; }

@media (max-width: 699px) { .h2 { font-size: 18px; } }

@media (min-width: 1280px) { .h2 { font-size: 26px; line-height: 32px; } }

.h3 { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; }

@media (max-width: 699px) { .h3 { font-size: 16px; } }

.h4 { margin: 0 0 10px 0; font-weight: bold; font-size: 16px; line-height: 24px; text-rendering: optimizeLegibility; }

.h5 { margin: 0; font-size: 16px; line-height: 24px; font-weight: bold; text-rendering: optimizeLegibility; }

.h6 { margin: 0; font-size: 16px; line-height: 24px; font-style: italic; font-weight: bold; text-rendering: optimizeLegibility; }

/* fancy ampersands ( http://vimeo.com/69531448 ) */
/* fancy ligatures on headings Get fancy font features working: http://blogs.msdn.com/b/ie/archive/2012/01/09/css-corner-using-the-whole-font.aspx */
/* general typography */
html, input, select, textarea { /* font-size: 16px, line-height: 22px */ font: 100%/1.375 "sofia-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; /* hyphenations now work! http://www.quirksmode.org/blog/archives/2012/11/hyphenation_wor.html */ hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; }

p, ul, ol, blockquote { /* em fallback */ margin-bottom: 1.375em; margin-bottom: 1.375rem; }

/* =base_rules ---------------------------------------------------------------------------------------------------------- NOTE:  This section styles "default" elements, that is, how a <p> or <em> etc look by default, without any page or class specific over-rides. ----------------------------------------------------------------------------------------------------------------------- */
/* =html =body */
html { background-color: #fff; color: #4F4F4F; }

/* =sup */
sup { vertical-align: top; font-size: .75em; }

/* =sub */
sub { vertical-align: bottom; font-size: .75em; }

/* =strong */
strong, b { font-weight: bold; }

/* =em i */
em, i { font-style: italic; }

/* =code */
code { font: .85em/1 Courier, monospace; color: #006; }

/* =a */
a:link, a:visited { color: inherit; text-decoration: none; }

a:hover { color: #059EF3; }

/* =img */
img { max-width: 100%; }

#target_hilight { position: absolute; }

a img { margin: 0; }

img[data-object-fit="contain"] { object-fit: contain; }

img[data-object-fit="cover"] { object-fit: cover; }

picture { display: flex; }

picture img { width: 100%; height: 100%; }

/* =table */
/* =forms */
label { display: block; margin-bottom: 1em; }

label:not(.boolean) span { display: block; margin-bottom: 5px; }

label.boolean span, label.boolean input { display: inline-block; }

input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="amount"], textarea { width: 100%; border: 1px solid #cfcece; transition: all 0.2s; }

input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="amount"]:focus, textarea:focus { border-color: #4F4F4F; outline: 0; }

/* =display-classes ----------------------------------------------------------------------------------------------------- NOTE: These are to be avoided if at all possible, it is rare they are acceptable. Do not use them for page layout! ----------------------------------------------------------------------------------------------------------------------- */
/* left or right */
.dc_left { float: left; margin-right: 1em; }

.dc_right { float: right; margin-left: 1em; }

/* big and small */
.dc_small { width: 20%; }

.dc_medium { width: 40%; }

.dc_large { width: 60%; }

/* hiding things */
.dc_hide-text { text-indent: -999em; overflow: hidden; }

.dc_hide-element { position: absolute; left: -999em; overflow: hidden; }

/* clearing things */
.dc_clearfix:after, .cms-textblock:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .dc_clearfix, * html .cms-textblock { height: 1px; }

/* make lists horizontal */
.dc_horizontal-list { list-style-type: none; }

.dc_horizontal-list li { display: inline-block; }

/* viewport width breakpout (only works on centered columns) */
.dc_full-width { position: relative; left: 50%; right: 50%; width: 100vw; margin-left: -50vw; margin-right: -50vw; }

.dc_button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; display: inline-block; margin: auto; padding: 0.5em 1em; border: 2px solid #fff; color: #fff !important; background-color: transparent; text-transform: uppercase; overflow: hidden; z-index: 1; transition: all .3s; }

.dc_button:hover, .dc_button:focus { background-color: #fff; color: #000 !important; cursor: pointer; }

.dc_constrained { max-width: 1240px; margin: auto; padding: 20px; }

@media (min-width: 480px) { .dc_constrained { padding-top: 40px; padding-bottom: 40px; }
  .dc_constrained:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .dc_constrained { height: 1px; } }

@media (min-width: 960px) { .dc_constrained .container { padding: 80px 40px; } }

@media (min-width: 1280px) { .dc_constrained .container { padding: 80px 0; } }

.dc_dynamicShow { display: block; }

.dc_dynamicHide { display: none !important; }

/* =animations ---------------------------------------------------------------------------------------------------------- NOTE:  CSS animations ----------------------------------------------------------------------------------------------------------------------- */
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes donut-spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

/* =3rdparty ---------------------------------------------------------------------------------------------------------------- NOTE: Third party CSS stuff ----------------------------------------------------------------------------------------------------------------------- */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }

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

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

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

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

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

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

.mfp-ajax-cur { cursor: progress; }

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

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

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

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

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

.mfp-hide { display: none !important; }

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

.mfp-preloader a { color: #CCC; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-arrow-left { left: 0; }

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

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

.mfp-arrow-right { right: 0; }

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

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

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

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

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

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

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

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

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

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

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

.mfp-figure figure { margin: 0; }

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

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

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

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

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }

/* MY ADDITIONS */
.mfp-ie7 .mfp-img { padding: 0; }

.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }

.mfp-ie7 .mfp-container { padding: 0; }

.mfp-ie7 .mfp-content { padding-top: 44px; }

.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* =3rdpart over-ride --------------------------------------------------------------------------------------------------- NOTE: Customize the third party CSS stuff ----------------------------------------------------------------------------------------------------------------------- */
.imageGallery.slider { position: relative; margin-bottom: 60px; }

.imageGallery.slider .prev { position: absolute; left: 0; bottom: -30px; }

.imageGallery.slider .next { position: absolute; right: 0; bottom: -30px; }

@media (min-width: 700px) { .imageGallery.slider { margin-bottom: 20px; }
  .imageGallery.slider .prev, .imageGallery.slider .next { text-indent: -999em; overflow: hidden; bottom: auto; top: 50%; transform: translateY(-50%); z-index: 10; display: block; width: 44px; height: 44px; background: white url(../images/right-arrow.png) 50% 50%/12px auto no-repeat; transition: all .2s; }
  .imageGallery.slider .prev:hover, .imageGallery.slider .prev:focus, .imageGallery.slider .next:hover, .imageGallery.slider .next:focus { cursor: pointer; background: transparent url(../images/right-arrow.png) 50% 50%/24px auto no-repeat; }
  .imageGallery.slider .prev { transform-origin: 50% 50%; transform: rotate(180deg) translateY(50%); } }

.slick-dots { position: absolute; bottom: 10%; left: 50%; transform: translate(-50%, -50%); margin-bottom: 0; list-style: none; }

.slick-dots li { float: left; margin-left: 0.5em; }

.slick-dots li.slick-active button::after { transform: translate(-50%, -50%) scale(1); opacity: 1; }

.slick-dots li:first-child { margin-left: 0; }

.slick-dots button { position: relative; appearance: none; display: block; width: 2em; height: 2em; padding: 0; border: 0.2em solid white; border-radius: 50%; background-color: transparent; }

.slick-dots button:focus { outline: none; }

.slick-dots button:hover { cursor: pointer; }

.slick-dots button::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); display: block; width: 1em; height: 1em; border-radius: 50%; background-color: white; opacity: 0; transition: all .3s; }

.slick-dots button span { position: relative; left: -999em; }

/* -------------------------------- 

Primary style

-------------------------------- */
@media only screen and (max-width: 1169px) { body.nav-on-left.overflow-hidden { overflow: hidden; } }

input[type="search"]::-ms-clear { /* removes close icon - IE */ display: none; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content, .cd-main-header { /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform; }

.cd-main-content, .cd-main-header { position: relative; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }

@media only screen and (max-width: 1169px) { .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } }

.cd-main-content { background: white; min-height: 100vh; z-index: 2; }

.cd-main-header { z-index: 3; }

.nav-is-fixed .cd-main-header { /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */ position: fixed; top: 0; left: 0; width: 100%; }

@media only screen and (min-width: 1170px) { .cd-main-header::after { clear: both; content: ""; display: table; } }

@media only screen and (max-width: 1169px) { .nav-on-left .cd-logo { left: auto; right: 5%; } }

@media only screen and (min-width: 1170px) { .cd-logo { top: 26px; left: 4em; } }

.cd-header-buttons { position: absolute; display: inline-block; top: 3px; right: 5%; }

.cd-header-buttons li { display: inline-block; }

@media only screen and (max-width: 1169px) { .nav-on-left .cd-header-buttons { right: auto; left: 5%; }
  .nav-on-left .cd-header-buttons li { float: right; } }

@media only screen and (min-width: 1170px) { .cd-header-buttons { top: 18px; right: 4em; } }

.cd-search-trigger::before, .cd-search-trigger::after { /* search icon */ content: ''; position: absolute; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.cd-search-trigger::before { /* lens */ top: 11px; left: 11px; width: 18px; height: 18px; border-radius: 50%; border: 3px solid #2e3233; }

.cd-search-trigger::after { /* handle */ height: 3px; width: 8px; background: #2e3233; bottom: 14px; right: 11px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.cd-search-trigger span { /* container for the X icon */ position: absolute; height: 100%; width: 100%; top: 0; left: 0; }

.cd-search-trigger span::before, .cd-search-trigger span::after { /* close icon */ content: ''; position: absolute; display: inline-block; height: 3px; width: 22px; top: 50%; margin-top: -2px; left: 50%; margin-left: -11px; background: #2e3233; opacity: 0; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }

.cd-search-trigger span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.cd-search-trigger span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after { /* hide search icon */ opacity: 0; }

.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after { /* show close icon */ opacity: 1; }

.cd-search-trigger.search-is-visible span::before { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.cd-search-trigger.search-is-visible span::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after { /* hamburger icon in CSS */ position: absolute; display: inline-block; height: 3px; width: 24px; background: white; }

.cd-nav-trigger span { /* line in the center */ position: absolute; top: 50%; right: 10px; margin-top: -2px; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; }

.cd-nav-trigger span::before, .cd-nav-trigger span::after { /* other 2 lines */ content: ''; right: 0; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s 0.3s; -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; }

.cd-nav-trigger span::before { /* menu icon top line */ top: -6px; }

.cd-nav-trigger span::after { /* menu icon bottom line */ top: 6px; }

.cd-nav-trigger.nav-is-visible span { /* hide line in the center */ background: rgba(46, 50, 51, 0); }

.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after { /* keep visible other 2 lines */ background: white; }

.cd-nav-trigger.nav-is-visible span::before { -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg); -moz-transform: translateX(4px) translateY(-3px) rotate(45deg); -ms-transform: translateX(4px) translateY(-3px) rotate(45deg); -o-transform: translateX(4px) translateY(-3px) rotate(45deg); transform: translateX(4px) translateY(-3px) rotate(45deg); }

.cd-nav-trigger.nav-is-visible span::after { -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg); -moz-transform: translateX(4px) translateY(2px) rotate(-45deg); -ms-transform: translateX(4px) translateY(2px) rotate(-45deg); -o-transform: translateX(4px) translateY(2px) rotate(-45deg); transform: translateX(4px) translateY(2px) rotate(-45deg); }

@media only screen and (min-width: 1170px) { .cd-nav-trigger { display: none; } }

.cd-primary-nav, .cd-primary-nav ul { position: fixed; top: 0; right: 0; height: 100%; width: 260px; background: #2e3233; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }

.cd-primary-nav a, .cd-primary-nav ul a { display: block; height: 50px; line-height: 50px; padding: 0 20px; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #3a3f40; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform, opacity; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; }

.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden { /* secondary navigations hidden by default */ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }

.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a { /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }

@media only screen and (max-width: 1169px) { .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul { right: auto; left: 0; } }

.cd-primary-nav .see-all a { /* different style for the See all button on mobile and tablet */ color: #69aa6f; display: none; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item { /* items with picture (or icon) and title */ height: 80px; line-height: 80px; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 { overflow: hidden; text-overflow: ellipsis; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item { padding-left: 90px; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item img { position: absolute; display: block; height: 40px; width: auto; left: 20px; top: 50%; margin-top: -20px; }

.cd-primary-nav .cd-nav-icons .cd-nav-item { padding-left: 75px; }

.cd-primary-nav .cd-nav-icons .cd-nav-item p { color: #2e3233; font-size: 1.3rem; /* hide description on small devices */ display: none; }

.cd-primary-nav .cd-nav-icons .cd-nav-item::before { /* item icon */ content: ''; display: block; position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before { background-image: url("../img/line-icon-1.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before { background-image: url("../img/line-icon-2.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before { background-image: url("../img/line-icon-3.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before { background-image: url("../img/line-icon-4.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before { background-image: url("../img/line-icon-5.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before { background-image: url("../img/line-icon-6.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before { background-image: url("../img/line-icon-7.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before { background-image: url("../img/line-icon-8.svg"); }

@media only screen and (max-width: 1169px) { .cd-primary-nav { /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */ visibility: hidden; -webkit-transition: visibility 0s 0.3s; -moz-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; }
  .cd-primary-nav.nav-is-visible { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; } }

@media only screen and (min-width: 1170px) { .cd-primary-nav { position: static; padding: 0; height: auto; width: auto; float: right; overflow: visible; background: transparent; }
  .cd-primary-nav::after { clear: both; content: ""; display: table; }
  .cd-primary-nav.moves-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
  .cd-primary-nav ul { position: static; height: auto; width: auto; background: transparent; overflow: visible; z-index: 3; }
  .cd-primary-nav ul.is-hidden { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .cd-primary-nav ul.moves-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
  .cd-primary-nav > li { float: left; margin-left: 0px; }
  .cd-primary-nav > li > a { /* main navigation buttons style */ position: relative; display: inline-block; height: 80px; line-height: 80px; padding: 0 20px; color: #2e3233; overflow: visible; border-bottom: none; -webkit-transition: color 0.3s, box-shadow 0.3s; -moz-transition: color 0.3s, box-shadow 0.3s; transition: color 0.3s, box-shadow 0.3s; }
  .cd-primary-nav > li > a.selected { color: #2FBBE1; }
  .cd-primary-nav .go-back, .cd-primary-nav .see-all { display: none; }
  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons { /* dropdown menu style */ position: absolute; top: 80px; width: 100vw; background: #ffffff; padding: 68px 64px 0 130px; box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; max-width: 2000px; }
  .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after { clear: both; content: ""; display: table; }
  .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
  .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all { /* this is the BIG See all button at the bottom of the dropdown menu */ display: block; position: absolute; left: 0; bottom: 0; height: 80px; width: 100%; overflow: hidden; /* reset some inherited style */ margin: 0; padding: 0; }
  .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 2.2rem; font-weight: bold; text-align: center; line-height: 80px; border-top: 1px solid #e2e3df; /* reset some inherited style */ border-bottom: none; margin: 0; padding: 0; -webkit-transition: color 0.2s, background 0.2s, border 0.2s; -moz-transition: color 0.2s, background 0.2s, border 0.2s; transition: color 0.2s, background 0.2s, border 0.2s; }
  .cd-primary-nav .cd-secondary-nav > li { /* change the height according to your needs - you can even set height: auto */ height: 340px; /* here you set the number of columns - use width percentage */ width: 23%; float: left; margin-right: 2.66%; overflow: hidden; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) { /* +2 because we have 2 list items with display:none */ margin-right: 0; border-right: none; }
  .cd-primary-nav .cd-secondary-nav > li > a { /* secondary nav title */ color: #69aa6f; font-weight: bold; font-size: 20px; margin-bottom: .6em; }
  .cd-primary-nav .cd-secondary-nav a { height: 30px; line-height: 30px; padding: 0 18% 0 0; color: #2e3233; border-bottom: none; font-size: 16px; }
  .cd-primary-nav .cd-secondary-nav ul { /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
  .cd-primary-nav .cd-secondary-nav ul ul { /* tertiary navigation */ position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
  .cd-primary-nav .cd-secondary-nav ul ul.is-hidden { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back { display: block; }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back a { color: transparent; }
  .cd-primary-nav .cd-secondary-nav ul ul .see-all { display: block; }
  .cd-primary-nav .cd-secondary-nav .moves-out > li > a { /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
  .cd-primary-nav .cd-nav-gallery li { /* set here number of columns - use width percentage */ width: 22%; float: left; margin: 0 4% 40px 0; }
  .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) { /* +2 because we have two additional list items with display:none */ margin-right: 0; }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item { border-bottom: none; padding: 0; height: auto; line-height: 1.2; }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item img { position: static; margin-top: 0; height: auto; width: 100%; margin-bottom: .6em; }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 { color: #69aa6f; font-weight: bold; padding: 0 .4em; }
  .cd-primary-nav .cd-nav-icons li { /* set here number of columns - use width percentage */ width: 32%; float: left; margin: 0 2% 20px 0; }
  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) { /* +2 because we have two additional list items with display:none */ margin-right: 0; }
  .cd-primary-nav .cd-nav-icons .cd-nav-item { border-bottom: none; height: 80px; line-height: 1.2; padding: 24px 0 0 85px; position: relative; }
  .cd-primary-nav .cd-nav-icons .cd-nav-item:hover { background: #f6f6f5; }
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 { color: #69aa6f; font-weight: bold; }
  .cd-primary-nav .cd-nav-icons .cd-nav-item p { display: block; }
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before { left: 25px; } }

.has-children > a, .go-back a { position: relative; }

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { /* arrow icon in CSS - for element with nested unordered lists */ content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #464c4e; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.has-children > a::after, .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

@media only screen and (min-width: 1170px) { .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { background: #c9cbc4; } }

.has-children > a { padding-right: 40px; }

.has-children > a::before, .has-children > a::after { /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; }

.cd-primary-nav .go-back a { padding-left: 40px; }

.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { /* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; }

@media only screen and (min-width: 1170px) { .has-children > a::before, .has-children > a::after { right: 15%; }
  .cd-primary-nav > .has-children > a { /* main navigation arrows on larger devices */ padding-left: 40px !important; }
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after { width: 9px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #c9cbc4; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s, -webkit-transform 0.3s; -moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; }
  .cd-primary-nav > .has-children > a::before { left: 18px; }
  .cd-primary-nav > .has-children > a::after { left: 13px; }
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after { width: 14px; }
  .cd-primary-nav > .has-children > a.selected::before { -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg); }
  .cd-primary-nav > .has-children > a.selected::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after { /* remove arrows on secondary nav titles */ display: none; }
  .cd-primary-nav .go-back a { padding-left: 20px; }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 1px; } }

.cd-search { position: absolute; height: 50px; width: 100%; top: 50px; left: 0; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }

.cd-search form { height: 100%; width: 100%; }

.cd-search input { border-radius: 0; border: none; background: #ffffff; height: 100%; width: 100%; padding: 0 5%; box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

.cd-search input::-webkit-input-placeholder { color: #c9cbc4; }

.cd-search input::-moz-placeholder { color: #c9cbc4; }

.cd-search input:-moz-placeholder { color: #c9cbc4; }

.cd-search input:-ms-input-placeholder { color: #c9cbc4; }

.cd-search input:focus { outline: none; }

.cd-search.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }

.nav-is-fixed .cd-search { position: fixed; }

@media only screen and (min-width: 1170px) { .cd-search { height: 120px; top: 80px; }
  .cd-search input { padding: 0 2em; font-size: 3.2rem; font-weight: 300; } }

.cd-overlay { /* shadow layer visible when navigation is active */ position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(255, 73, 76, 0.8); visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }

.cd-overlay.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav { position: relative; height: auto; width: 100%; overflow: visible; visibility: visible; z-index: 2; }

.no-js .cd-search { position: relative; top: 0; opacity: 1; visibility: visible; }

@media only screen and (min-width: 1170px) { .no-js .cd-primary-nav { position: absolute; z-index: 3; display: inline-block; width: auto; top: 0; right: 150px; padding: 0; }
  .no-js .nav-is-fixed .cd-primary-nav { position: fixed; } }

li.features ul li a { height: auto !important; }

@media only screen and (min-width: 1170px) { li.normalLinks { width: 60% !important; margin-right: 0 !important; }
  li.normalLinks ul { columns: 3; }
  li.features { width: 40% !important; margin-right: 0 !important; }
  li.features ul { display: flex; list-style: none; }
  li.features ul li { width: 31%; }
  li.features ul li img { margin-bottom: 10px; display: block; }
  li.features ul li a { font-size: 14px !important; font-weight: bold; }
  .cd-secondary-nav { background-color: rgba(47, 187, 225, 0.92) !important; color: white !important; }
  .cd-secondary-nav a { color: white !important; }
  .cd-secondary-nav a:hover, .cd-secondary-nav a:focus { color: #FFE118 !important; }
  li.see-all a { background-color: #2FBBE1; font-weight: normal !important; }
  li.see-all a:hover { background-color: #1c9ec1; color: white !important; } }

/* =modules ------------------------------------------------------------------------------------------------------------- NOTE: Modules are discrete sections of data that may be used on any page, e.g., "Latest News" ----------------------------------------------------------------------------------------------------------------------- */
.green { color: #63b442; }

.bg_green { background-color: #63b442; color: white; }

.flash { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 2rem; border-radius: 1rem; background-color: red; color: white; animation-delay: 1s; animation-fill-mode: both; }

.flash.notice { background-color: green; animation: fadeOut; animation-duration: 2s; }

.flash.error { animation: fadeOut; animation-duration: 4s; }

html:not(.js) img.lazyload { display: none; }

.lazyload { opacity: 0; }

.lazyloaded { opacity: 1; transition: opacity 0.3s; }

.member-actions { display: none; position: fixed; bottom: 0; right: 0; z-index: 1000; padding: 6px; border-radius: 6px 0 0 0; background-color: rgba(255, 0, 0, 0.7); color: white; box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); }

.member-actions p { margin-bottom: 0; }

.member-actions a { border-radius: 5px; padding: 0 0.5em; background: white; color: red; }

.member-actions a:hover, .member-actions a:focus { text-decoration: none; }

@media (min-width: 700px) { .member-actions { display: block; } }

.devWarning { position: absolute; top: 0; left: 0; right: 0; padding: 0.5em 1em; text-align: center; background: rebeccapurple; color: white; animation: fadeOut 0.3s 2s both; }

html.mobile-nav .nav-menu-trigger { display: block; height: 42px; line-height: 42px; text-align: center; text-transform: uppercase; background-color: red; color: white; }

html.mobile-nav .nav-menu-trigger:hover, html.mobile-nav .nav-menu-trigger:focus { cursor: pointer; }

html.mobile-nav .site_context h2 { position: absolute; left: -999em; overflow: hidden; }

html.mobile-nav .site_context ul { margin-left: 1.4em; }

html.mobile-nav .site_context > .container { position: fixed; left: -100%; top: 42px; bottom: 0; z-index: 2; max-width: 300px; background-color: black; color: white; padding: 20px; opacity: 0; transition: all .4s; overflow: hidden; pointer-events: none; }

html.mobile-nav.nav-active .nav-menu-trigger { position: fixed; top: 0; left: 0; right: 0; z-index: 2; }

html.mobile-nav.nav-active .site_context { padding-top: 42px; }

html.mobile-nav.nav-active .site_context > .container { left: 0; opacity: 1; pointer-events: auto; }

.embed-container { position: relative; height: 0; padding-bottom: 75%; max-width: 100%; overflow: hidden; }

.embed-container iframe, .embed-container object, .embed-container embed, .embed-container > div { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.embed-container iframe *, .embed-container object *, .embed-container embed *, .embed-container > div * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }

.embed-container iframe img, .embed-container object img, .embed-container embed img, .embed-container > div img { width: auto; max-width: none; }

.embed-container.widescreen { padding-bottom: 56.25%; }

.mixedContent .cms-textblock, .mixedContent .video, .mixedContent .blockquote, .mixedContent .featuredDownload, .mixedContent .featuredLink, .mixedContent .singleImage, .mixedContent .relatedItems, .mixedContent .imageGallery { margin-bottom: 40px; }

.mixedContent .blockquote { margin-left: auto; margin-right: auto; }

.mixedContent .blockquote blockquote { position: relative; margin-bottom: 18px; font-size: 1.4em; line-height: 1.4; color: #2FBBE1; }

.mixedContent .blockquote blockquote::before { position: absolute; top: -0.2em; left: -0.5em; content: "“ "; font-size: 2em; opacity: 0.25; }

.mixedContent .blockquote blockquote::after { position: absolute; bottom: -0.5em; margin-left: 0.2em; content: " ”"; font-size: 2em; opacity: 0.25; }

.mixedContent .blockquote cite { margin-left: 1.8em; font-size: 1em; font-weight: bold; }

.mixedContent .blockquote cite::before { content: " "; }

.mixedContent .singleImage { display: block; }

.mixedContent .singleImage img { display: block; margin-bottom: 10px; }

.mixedContent .singleImage.full { width: 100% !important; margin: 10px 0 40px; padding: 10px 0; border-top: 1px solid inherit; border-bottom: 1px solid inherit; }

.mixedContent .singleImage.full img { margin-bottom: 10px; }

.mixedContent .singleImage.left, .mixedContent .singleImage.right { margin-bottom: 20px; }

.mixedContent .singleImage .caption { font-size: 0.8em; margin-bottom: 0; }

@media (min-width: 700px) { .mixedContent .singleImage.small { width: 20%; }
  .mixedContent .singleImage.medium { width: 40%; }
  .mixedContent .singleImage.large { width: 60%; }
  .mixedContent .singleImage.left { float: left; margin-right: 20px; }
  .mixedContent .singleImage.right { float: right; margin-left: 20px; } }

@media (min-width: 960px) { .mixedContent .singleImage.small { width: 20%; }
  .mixedContent .singleImage.medium { width: 40%; }
  .mixedContent .singleImage.large { width: 60%; } }

.mixedContent .imageGallery.popup ul { list-style: none; }

.mixedContent .imageGallery.popup ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .mixedContent .imageGallery.popup ul { height: 1px; }

.mixedContent .imageGallery.popup li a { position: relative; float: left; margin: 0 0 10px 10px; width: calc(50% - 5px); overflow: hidden; }

.mixedContent .imageGallery.popup li a:after { position: absolute; top: 50%; left: 50%; content: ""; display: block; width: 50%; height: 50%; background: url(../images/magnifying-glass.png) 0 0/contain no-repeat; transform-origin: center center; transform: translate(-50%, -50%) scale(0); opacity: 0; transition: all .2s; }

.mixedContent .imageGallery.popup li a:hover:after, .mixedContent .imageGallery.popup li a:focus:after { transform: translate(-50%, -50%) scale(1); opacity: 1; }

.mixedContent .imageGallery.popup li a:hover img, .mixedContent .imageGallery.popup li a:focus img { transform: scale(1.1); }

.mixedContent .imageGallery.popup img { display: block; width: 100%; transition: all .2s; }

@media (min-width: 320px) and (max-width: 479px) { .mixedContent .imageGallery.popup li:nth-of-type(2n+1) a { margin-left: 0; } }

@media (min-width: 480px) and (max-width: 699px) { .mixedContent .imageGallery.popup li a { width: calc(33.333333% - 6.666666px); }
  .mixedContent .imageGallery.popup li:nth-of-type(3n+1) a { margin-left: 0; } }

@media (min-width: 700px) and (max-width: 959px) { .mixedContent .imageGallery.popup li a { width: calc(25% - 7.5px); }
  .mixedContent .imageGallery.popup li:nth-of-type(4n+1) a { margin-left: 0; } }

@media (min-width: 960px) and (max-width: 1279px) { .mixedContent .imageGallery.popup li a { width: calc(20% - 8px); }
  .mixedContent .imageGallery.popup li:nth-of-type(5n+1) a { margin-left: 0; } }

@media (min-width: 1280px) { .mixedContent .imageGallery.popup li a { width: calc(16.66666% - 8.333333px); }
  .mixedContent .imageGallery.popup li:nth-of-type(6n+1) a { margin-left: 0; } }

.mixedContent .nelDelBlock { background-color: #A266C4; border-radius: 10px; margin-bottom: 40px; position: relative; }

.mixedContent .nelDelBlock.red { background-color: #FF494C; }

.mixedContent .nelDelBlock.purple { background-color: #A266C4; }

.mixedContent .nelDelBlock.blue { background-color: #2FBBE1; }

.mixedContent .nelDelBlock.orange { background-color: #E8A21A; }

.mixedContent .nelDelBlock .image { width: 100%; height: 200px; overflow: hidden; }

.mixedContent .nelDelBlock .text { width: 100%; padding: 15px; color: white; }

.mixedContent .nelDelBlock .text h1, .mixedContent .nelDelBlock .text h2, .mixedContent .nelDelBlock .text h3, .mixedContent .nelDelBlock .text h4, .mixedContent .nelDelBlock .text h5, .mixedContent .nelDelBlock .text h6 { color: #FFE118; }

.mixedContent .nelDelBlock .text p:last-of-type { margin-bottom: 0px; }

@media (min-width: 700px) { .mixedContent .nelDelBlock { position: relative; min-height: 180px; }
  .mixedContent .nelDelBlock:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .mixedContent .nelDelBlock { height: 1px; }
  .mixedContent .nelDelBlock .image { width: 200px; height: 200px; float: left; position: absolute; bottom: 0px; left: 10px; }
  .mixedContent .nelDelBlock .text { width: calc(100% - 200px); padding: 25px 25px 25px 0; font-size: 20px; line-height: 28px; float: right; } }

.mixedContent .imageGallery.slider { list-style: none; }

.mixedContent .imageGallery.slider li { position: relative; }

.mixedContent .imageGallery.slider img { display: block; margin-bottom: 20px; }

.mixedContent .imageGallery.slider .text { position: absolute; bottom: 0; left: 0; padding: .5em 1em; background-color: rgba(0, 0, 0, 0.5); }

.mixedContent .imageGallery.slider .text *:last-child { margin-bottom: 0; }

html.js .mixedContent .imageGallery.slider img { margin-bottom: 0; }

.mixedContent .featuredDownload { max-width: 300px; padding-left: 2.4rem; background: url(../images/download.png) 0 0/24px auto no-repeat; }

.mixedContent .featuredDownload .fileTitle { text-transform: uppercase; }

.mixedContent .featuredDownload .meta { margin-bottom: 0; font-size: 0.8em; }

.mixedContent .featuredDownload a { display: inline-block; margin-bottom: 0; color: inherit; }

.mixedContent .featuredDownload a:hover, .mixedContent .featuredDownload a:focus { text-decoration: none; }

.mixedContent .featuredDownload p { margin-bottom: 0; }

.mixedContent .featuredLink { border-left: 4px solid currentColor; padding-left: 10px; }

.mixedContent .featuredLink .title { text-transform: uppercase; margin-bottom: 0; }

.mixedContent .featuredLink *:last-child { margin-bottom: 0; }

.mixedContent .relatedItems p { text-transform: uppercase; }

.mixedContent .relatedItems h4 { margin: 0 0 10px 0; font-weight: bold; font-size: 16px; line-height: 24px; text-rendering: optimizeLegibility; }

.mixedContent .relatedItems h5 { margin: 0; font-size: 16px; line-height: 24px; font-weight: bold; text-rendering: optimizeLegibility; color: #2FBBE1; }

.mixedContent .relatedItems ul { list-style: none; }

.mixedContent .relatedItems ul li { display: block; margin-bottom: 10px; }

.mixedContent .relatedItems ul li a { display: block; opacity: 0.9; }

.mixedContent .relatedItems ul li a img { display: block; margin-bottom: 10px; }

.mixedContent .relatedItems ul li a:hover { opacity: 1; }

@media (min-width: 700px) { .mixedContent .relatedItems ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .mixedContent .relatedItems ul { height: 1px; }
  .mixedContent .relatedItems ul li { width: 48%; margin-right: 4%; float: left; }
  .mixedContent .relatedItems ul li:nth-of-type(2n) { margin-right: 0; } }

@media (min-width: 960px) { .mixedContent .relatedItems ul li { width: 32%; margin-right: 2%; }
  .mixedContent .relatedItems ul li:nth-of-type(2n) { margin-right: 2; }
  .mixedContent .relatedItems ul li:nth-of-type(3n) { margin-right: 0; } }

.cms-textblock > *:last-child { margin-bottom: 0; }

.cms-textblock h1:before { content: "h1 not allowed here!"; color: red; }

.cms-textblock h2 { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; margin-bottom: 1em; }

@media (max-width: 699px) { .cms-textblock h2 { font-size: 18px; } }

@media (min-width: 1280px) { .cms-textblock h2 { font-size: 26px; line-height: 32px; } }

.cms-textblock h3 { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; margin-bottom: 1em; }

@media (max-width: 699px) { .cms-textblock h3 { font-size: 16px; } }

.cms-textblock h4 { margin: 0 0 10px 0; font-weight: bold; font-size: 16px; line-height: 24px; text-rendering: optimizeLegibility; margin-bottom: 1em; }

.cms-textblock h5 { margin: 0; font-size: 16px; line-height: 24px; font-weight: bold; text-rendering: optimizeLegibility; margin-bottom: 1em; }

.cms-textblock h6 { margin: 0; font-size: 16px; line-height: 24px; font-style: italic; font-weight: bold; text-rendering: optimizeLegibility; margin-bottom: 1em; }

.cms-textblock img { display: block; margin-bottom: 1em; }

.cms-textblock a { text-decoration: underline; color: inherit; }

.cms-textblock a:hover, .cms-textblock a:focus { text-decoration: none; }

.cms-textblock ul { margin-left: 1em; }

.cms-textblock ol { margin-left: 2em; }

.cms-textblock ul { list-style: none; }

.cms-textblock ul li { padding-left: 20px; background: url(../images/li.png) 0 4px no-repeat; background-size: 16px auto; }

.cms-textblock blockquote { padding: 1em; margin-bottom: 1em; }

.cms-textblock blockquote p:last-child { margin-bottom: 0; }

.cms-textblock iframe { display: block; margin-bottom: 2em; }

.cms-textblock table { width: 100%; margin-bottom: 2em; }

.cms-textblock table tr { transition: background-color .2s; }

.cms-textblock table tr:hover { background-color: rgba(0, 0, 0, 0.1); }

.cms-textblock table th, .cms-textblock table td { padding: 3px 10px 3px 0; text-align: left; }

.cms-textblock table th { font-weight: bold; }

.cms-textblock .align-left, .cms-textblock [align='left'] { float: left; margin-right: 2em; max-width: 50%; }

.cms-textblock .align-right, .cms-textblock [align='right'] { float: right; margin-left: 2em; max-width: 50%; }

.cms-textblock b, .cms-textblock strong { font-weight: bold; }

.cms-textblock i, .cms-textblock em { font-style: italic; }

@media (min-width: 700px) { .cms-textblock.cols_two, .cms-textblock.cols_three { column-count: 2; column-gap: 2em; } }

@media (min-width: 960px) { .cms-textblock.cols_three { column-count: 3; column-gap: 2em; } }

.mixedContent_table table { width: 100%; }

.mixedContent_table table thead { font-weight: bold; color: #2FBBE1; border-bottom: 1px solid #2FBBE1; }

.mixedContent_table table tbody tr { border-bottom: 1px dashed #EDEDED; }

.mixedContent_table table tbody tr:last-of-type { border-bottom: none; }

.sm ul { list-style: none; margin-bottom: 0; }

.sm li { display: inline; list-style: none; }

.sm li a { display: inline-block; }

.sm li a:hover svg path { fill: #2FBBE1; }

.sm svg { display: block; width: 1.4rem; height: 1.4rem; }

.sm svg path { fill: #2FBBE1; transition: all 0.3s; }

.pagination-controls { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 1em; margin-top: 1em; }

.pagination-controls h3 { position: absolute; left: -999em; overflow: hidden; }

.pagination-controls ul { display: flex; justify-content: space-between; }

.pendingTranslation { color: red; }

.dc_dynamicShow { display: block; }

.dc_dynamicHide { display: none !important; }

html { background-color: #EDEDED; }

header { display: block; }

header .topBar { text-align: center; display: block; background-color: #EDEDED; padding: 8px; }

header .topBar ul { margin-bottom: 0px; display: inline-block; }

header .topBar ul li { display: inline-block; text-transform: uppercase; margin-right: 10px; }

header .topBar .sm { display: inline-block; }

header .topBar .sm h3 { position: absolute; left: -999em; overflow: hidden; }

header .topBar .sm ul li a { vertical-align: middle; }

header .topBar .sm ul li a svg { display: block; width: 1.2rem; height: 1.2rem; }

header .topBar .sm ul li a svg path { fill: #2FBBE1; }

header .cd-nav-trigger { width: 100%; position: relative; right: 0px; background-color: #2FBBE1; color: white; text-align: right; padding: 20px 40px 20px 20px; display: block; text-transform: uppercase; }

@media (max-width: 699px) { header { background-color: white; }
  header .topBar { display: none; } }

@media (min-width: 700px) { header .topBar { text-align: right; position: absolute; top: 0px; right: 0px; width: 100%; height: 40px; font-size: 14px; }
  header .cd-nav-trigger { position: absolute; top: 40px; } }

@media only screen and (min-width: 1170px) { header .cd-nav-trigger { display: none; } }

header .site_title { z-index: 10; position: relative; padding: 20px 10px; }

@media (max-width: 699px) { header .site_title { width: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } }

@media (min-width: 700px) { header .site_title { width: 320px; height: 153px; background: url(../images/logoBack.png) center center no-repeat; background-size: 320px; } }

@media only screen and (min-width: 1170px) { header .site_title { width: 412px; height: 198px; background: url(../images/logoBack.png) center center no-repeat; background-size: 412px; position: relative; padding: 0px; } }

header .site_title a { width: 280px; height: 87px; display: block; background: url(../images/logo.png) center center no-repeat; background-size: 280px; text-indent: -999em; overflow: hidden; }

@media only screen and (min-width: 1170px) { header .site_title a { width: 313px; height: 97px; background: url(../images/logo.png) center center no-repeat; background-size: 313px; position: absolute; top: 50%; left: 50%; transform: translateX(-55%) translateY(-65%); } }

nav { background-color: white; display: inline-block; width: 100%; text-transform: uppercase; }

@media only screen and (min-width: 1170px) { nav { position: absolute; top: 40px; } }

nav a:hover { color: #2FBBE1 !important; }

nav ul.cd-primary-nav { list-style: none; margin-bottom: 0px; }

nav ul.cd-primary-nav > li:hover, nav ul.cd-primary-nav > li:focus { background: #F6F6F6; }

nav ul.cd-primary-nav > li.donate { background-color: #70D7C9; }

nav ul.cd-primary-nav > li.donate a { color: white; }

@media (max-width: 699px) { .cd-main-header { position: absolute; width: 100%; top: 0px; }
  main { margin-top: 189px; } }

@media only screen and (min-width: 700px) and (max-width: 1169px) { .cd-main-header { position: absolute; width: 100%; top: 0px; }
  main { margin-top: 102px; } }

@media only screen and (min-width: 1170px) { .cd-main-header { position: fixed; width: 100%; top: 0px; }
  main { margin-top: 120px; }
  nav ul li a { padding: 20px 30px; } }

/* =page ---------------------------------------------------------------------------------------------------------------- NOTE: How modules are laid out on specific pages, and styling specific to a given page ----------------------------------------------------------------------------------------------------------------------- */
html { background-color: #EEE; }

body { max-width: 2000px; display: block; margin: 0 auto; }

body header { max-width: 2000px; }

.button, a.button { background-color: #FFE118; padding: 6px 14px; text-transform: uppercase; letter-spacing: 1px; border: 0px; display: inline-block; height: 40px; line-height: 28px; position: relative; margin-right: 40px; left: 20px; transition: all ease 0.3s; }

.button:hover, .button:focus, a.button:hover, a.button:focus { filter: hue-rotate(110deg); cursor: pointer; color: black; }

.button.white, a.button.white { background-color: #FFE118; color: #2FBBE1; filter: hue-rotate(0deg) brightness(100%) contrast(150%) saturate(0); }

.button.white:hover, .button.white:focus, a.button.white:hover, a.button.white:focus { cursor: pointer; color: white; filter: hue-rotate(230deg) brightness(100%) contrast(100%) saturate(1); }

.button:before, a.button:before { content: ""; position: absolute; display: block; width: 20px; height: 40px; background: url(../images/yellowButtonEnd.png) center center no-repeat; left: -20px; top: 0px; }

.button:after, a.button:after { content: ""; position: absolute; display: block; width: 20px; height: 40px; background: url(../images/yellowButtonStart.png) center center no-repeat; right: -20px; top: 0px; }

span.button { background-color: #FFE118; padding: 0px; text-transform: uppercase; letter-spacing: 1px; border: 0px; display: inline-block; height: 40px; line-height: 28px; position: relative; margin-right: 0px; left: 0px; transition: all ease 0.3s; }

span.button input { left: 0px; margin-right: 0px; background-color: #FFE118; padding: 6px 14px; height: 40px; text-transform: uppercase; }

span.button input:hover { cursor: pointer; }

.container { width: 300px; display: block; margin: 0 auto; }

@media (min-width: 480px) { .container { width: 440px; } }

@media (min-width: 700px) { .container { width: 640px; } }

@media (min-width: 960px) { .container { width: 920px; } }

@media (min-width: 1280px) { .container { width: 1100px; } }

a.more { text-transform: uppercase; letter-spacing: 0px; text-decoration: underline; font-size: 14px; }

footer { background-color: white; padding-bottom: 30px; padding-top: 30px; position: relative; z-index: 2; }

footer:before { content: ""; dispaly: block; width: 100%; background: url(../images/topBarWhite.png) center bottom no-repeat; background-size: auto 100%; position: absolute; top: -73px; height: 73px; }

footer h2, footer h3 { position: absolute; left: -999em; overflow: hidden; }

footer ul { margin-bottom: 0px; list-style: none; }

footer img.logo { margin-bottom: 20px; max-width: 290px; }

@media (min-width: 700px) { footer img.logo { margin-bottom: 40px; } }

footer .footerNav { font-size: 14px; padding-bottom: 10px; }

footer .footerNav ul { text-align: left; columns: 2; column-gap: 30px; }

@media (min-width: 700px) { footer .footerNav ul { columns: 3; } }

@media (min-width: 960px) { footer .footerNav ul { columns: 4; font-size: 16px; } }

footer .logosFooter { border-top: 1px solid #EDEDED; padding-top: 15px; margin-top: 15px; }

footer .logosFooter ul { vertical-align: middle; }

footer .logosFooter ul li { display: inline-block; margin-right: 10px; margin-left: 10px; margin-bottom: 15px; }

.site_footer-2 { padding-top: 10px; padding-bottom: 15px; font-size: 13px; text-transform: uppercase; }

.site_footer-2 h3 { position: absolute; left: -999em; overflow: hidden; }

.site_footer-2 p { margin-bottom: 0px; }

.site_footer-2 ul { margin-bottom: 0px; }

.site_footer-2 ul li { display: inline-block; margin-right: 15px; }

@media (min-width: 700px) { .site_footer-2 .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .site_footer-2 .container { height: 1px; }
  .site_footer-2 .container .legal { width: 50%; float: left; }
  .site_footer-2 .container .site_credit { width: 50%; float: right; text-align: right; } }

.pageBanner { position: relative; overflow: hidden; }

.pageBanner .text .inner { max-width: 300px; display: block; margin: 0 auto; }

@media (min-width: 480px) { .pageBanner .text .inner { max-width: 440px; } }

.pageBanner .text .hashtag { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; color: #FFE118; font-weight: bold; }

@media (max-width: 699px) { .pageBanner .text .hashtag { font-size: 18px; } }

@media (min-width: 1280px) { .pageBanner .text .hashtag { font-size: 26px; line-height: 32px; } }

.pageBanner .text .largeText p { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; margin-bottom: 20px; }

@media (max-width: 699px) { .pageBanner .text .largeText p { font-size: 18px; } }

@media (min-width: 1280px) { .pageBanner .text .largeText p { font-size: 26px; line-height: 32px; } }

.pageBanner .text .button { color: #2FBBE1; font-size: 15px; }

@media (max-width: 959px) { .pageBanner { padding-bottom: 20px; }
  .pageBanner .text { background-color: #45C0E1; position: relative; padding: 0 20px 30px 20px; color: white; display: block; margin: 0 auto; padding-top: 20px; } }

@media (min-width: 960px) { .pageBanner .text { padding: 0px; height: 100%; position: absolute; top: 0px; left: 50%; color: white; width: 500px; }
  .pageBanner .text .inner { position: absolute; top: 50%; left: 50%; z-index: 1; width: 80%; transform: translate(-50%, -50%); }
  .pageBanner .text:before { content: ""; dispaly: block; width: 100%; background: rgba(47, 187, 225, 0.85); position: absolute; top: -73px; height: 150%; left: 0px; z-index: 0; transform: rotate(-4deg); } }

@media (min-width: 1280px) { .pageBanner .text .inner { width: 70%; } }

.introRow { background-color: white; position: relative; padding-bottom: 30px; z-index: 5; }

.introRow:before { content: ""; dispaly: block; width: 100%; background: url(../images/topBarWhite.png) center bottom no-repeat; background-size: auto 100%; position: absolute; top: -73px; height: 73px; }

.introRow .introText p:first-of-type { color: #2FBBE1; font-size: 20px; }

.introRow ul.quicklinks { text-transform: uppercase; }

.introRow ul.quicklinks li { margin-right: 15px; display: inline-block; letter-spacing: 1px; font-size: 15px; }

@media (min-width: 700px) and (max-width: 959px) { .introRow .introText { margin-bottom: 50px; }
  .introRow .nel-del-cta { position: relative; }
  .introRow .nel-del-cta img { width: 110px; position: absolute; top: -20px; left: 30px; }
  .introRow .nel-del-cta .text { width: calc(100% - 170px); } }

@media (min-width: 960px) { .introRow { padding-top: 40px; padding-bottom: 70px; }
  .introRow .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .introRow .container { height: 1px; }
  .introRow .container .introText { width: 60%; margin-right: 5%; float: left; }
  .introRow .container .nel-del-cta { width: 35%; float: left; position: relative; }
  .introRow .container .nel-del-cta img { width: 190px; position: absolute; top: 0px; left: -40px; }
  .introRow .container .nel-del-cta .text { width: calc(100% - 130px); padding-top: 10px; padding-bottom: 10px; } }

@media (min-width: 1280px) { .introRow .container .nel-del-cta { min-height: 270px; }
  .introRow .container .nel-del-cta img { width: 220px; left: -30px; }
  .introRow .container .nel-del-cta .text { width: calc(100% - 170px); padding-right: 30px; padding-top: 20px; padding-bottom: 20px; }
  .introRow .container .nel-del-cta .text h3 { margin-bottom: 20px; } }

.nel-del-cta { background: url(../images/nelDelBg.png) center center no-repeat; background-size: 100% auto; padding-top: 20px; padding-bottom: 20px; }

@media (min-width: 320px) and (max-width: 479px) { .nel-del-cta { min-height: 215px; margin-bottom: 20px; } }

@media (min-width: 480px) and (max-width: 699px) { .nel-del-cta { background: url(../images/nelDelBg-wide-alt.png) center center no-repeat; background-size: 100% auto; margin-bottom: 30px; } }

@media (min-width: 700px) and (max-width: 959px) { .nel-del-cta { background: url(../images/nelDelBg-wide.png) center center no-repeat; background-size: 100% auto; margin-bottom: 30px; } }

.nel-del-cta:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .nel-del-cta { height: 1px; }

.nel-del-cta img { width: 80px; float: left; margin-right: 10px; }

.nel-del-cta .text { width: calc(100% - 90px); float: right; color: white; padding-right: 20px; }

.nel-del-cta .text p { margin-bottom: 0px; }

.nel-del-cta .text h3 { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; color: #FFE118; }

@media (max-width: 699px) { .nel-del-cta .text h3 { font-size: 16px; } }

.factsRow { background-color: #FF494C; color: white; text-align: center; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 6; }

.factsRow .button { color: red; }

.factsRow h2 { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; color: #FFE118; }

@media (max-width: 699px) { .factsRow h2 { font-size: 18px; } }

@media (min-width: 1280px) { .factsRow h2 { font-size: 26px; line-height: 32px; } }

.factsRow:before { content: ""; dispaly: block; width: 100%; background: url(../images/topBarRed.png) center bottom no-repeat; background-size: auto 100%; position: absolute; top: -73px; height: 73px; left: 0px; }

.factsRow:after { content: ""; dispaly: block; width: 100%; background: url(../images/bottomBarRed.png) center bottom no-repeat; background-size: auto 100%; position: absolute; bottom: -73px; height: 73px; left: 0px; }

.factsRow h2 { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; color: #FFE118; margin-bottom: 20px; }

@media (max-width: 699px) { .factsRow h2 { font-size: 18px; } }

@media (min-width: 1280px) { .factsRow h2 { font-size: 26px; line-height: 32px; } }

.factsRow ul { list-style: none; margin-bottom: 0px; }

.factsRow ul li .fact { color: #FFE118; font-weight: bold; font-size: 30px; line-height: 36px; font-family: Franchise, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; }

@media (min-width: 700px) { .factsRow ul.factList { display: flex; flex-wrap: wrap; padding-top: 20px; }
  .factsRow ul.factList li { width: 48%; margin-right: 4%; }
  .factsRow ul.factList li:nth-of-type(2n) { margin-right: 0; } }

@media (min-width: 960px) { .factsRow { padding-top: 80px; padding-bottom: 70px; }
  .factsRow ul.factList { margin-bottom: 40px; }
  .factsRow ul.factList li { width: 18%; margin-right: 2.5%; height: 200px; display: flex; position: relative; }
  .factsRow ul.factList li .fact { align-self: center; text-align: center; width: 100%; font-size: 40px; }
  .factsRow ul.factList li:nth-of-type(1) { background: url(../images/No1.gif) center 123px no-repeat; background-size: 80% auto; }
  .factsRow ul.factList li:nth-of-type(5) { background: url(../images/No1.gif) center 115px no-repeat; background-size: 80% auto; }
  .factsRow ul.factList li:nth-of-type(2) { background: url(../images/No2.gif) center 125px no-repeat; background-size: 80% auto; }
  .factsRow ul.factList li:nth-of-type(3) { background: url(../images/No3.gif) center 125px no-repeat; background-size: 80% auto; }
  .factsRow ul.factList li:nth-of-type(4) { background: url(../images/No1.gif) center 125px no-repeat; background-size: 80% auto; }
  .factsRow ul.factList li:nth-of-type(2n) { margin-right: 2.5%; }
  .factsRow ul.factList li:nth-of-type(4n) { margin-right: 0%; }
  .factsRow ul.factList li .expandedFact { position: absolute; top: -210px; opacity: 0; left: 50%; transform: translateX(-50%); border-radius: 50%; background: white; color: #333; width: 220px; height: 220px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); z-index: 6; pointer-events: none; transition: all ease 0.3s; border: 1px dashed #FF494C; }
  .factsRow ul.factList li .expandedFact:after { content: ""; display: block; width: 20px; height: 20px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%) rotate(45deg); background-color: white; }
  .factsRow ul.factList li .expandedFact .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; }
  .factsRow ul.factList li .expandedFact .inner p { margin-bottom: 0px; }
  .factsRow ul.factList li:hover { background: url(../images/hoverBubble.gif) center center no-repeat; background-size: auto 200px; }
  .factsRow ul.factList li:hover .expandedFact { opacity: 1; top: -240px; } }

@media (min-width: 1280px) { .factsRow ul.factList li { width: 18%; } }

.newsletterBar { background-color: #A266C4; padding-top: 30px; padding-bottom: 80px; color: white; text-align: center; position: relative; }

.newsletterBar:before { content: ""; dispaly: block; width: 100%; background: url(../images/topBarPurple.png) center bottom no-repeat; background-size: auto 100%; position: absolute; top: -73px; height: 73px; left: 0px; }

.newsletterBar p { margin-bottom: 40px; }

.newsletterBar h2 { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; color: #FFE118; margin-bottom: 20px; }

@media (max-width: 699px) { .newsletterBar h2 { font-size: 18px; } }

@media (min-width: 1280px) { .newsletterBar h2 { font-size: 26px; line-height: 32px; } }

.newsletterBar input[type="text"], .newsletterBar input[type="email"] { background-color: white; padding: 6px 10px; border: 0px; border-radius: 5px; color: #4F4F4F; }

.newsletterBar form { text-align: left; max-width: 960px; display: block; margin: 0 auto; }

.newsletterBar form .buttons { text-align: center; }

.newsletterBar form .buttons .button { color: #A266C4; margin-right: 30px; }

.newsletterBar form label span.label .asterisk { display: inline-block; margin-bottom: 0px; }

.newsletterBar form .datefield .subfield { width: 44%; margin-right: 10px; display: inline-block; }

.newsletterBar form .indicates-required { text-align: center; padding-top: 10px; }

@media (min-width: 700px) { .newsletterBar form .firstRow { margin-bottom: 10px; }
  .newsletterBar form .firstRow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .newsletterBar form .firstRow { height: 1px; }
  .newsletterBar form .firstRow label { width: 48%; margin-right: 4%; float: left; }
  .newsletterBar form .firstRow label:nth-of-type(2n) { margin-right: 0; }
  .newsletterBar form .secondRow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .newsletterBar form .secondRow { height: 1px; } }

@media (min-width: 960px) { .newsletterBar form .firstRow label { width: 31%; margin-right: 2.5%; }
  .newsletterBar form .firstRow label:nth-of-type(2n) { margin-right: 2.5%; }
  .newsletterBar form .firstRow label:nth-of-type(3n) { margin-right: 0; } }

.campaignRow { position: relative; overflow: hidden; }

.campaignRow .text .inner { max-width: 300px; display: block; margin: 0 auto; }

@media (min-width: 480px) { .campaignRow .text .inner { max-width: 440px; } }

.campaignRow .text .hashtag { color: #FFE118; font-weight: bold; }

.campaignRow .text h3 { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; margin-bottom: 20px; }

@media (max-width: 699px) { .campaignRow .text h3 { font-size: 18px; } }

@media (min-width: 1280px) { .campaignRow .text h3 { font-size: 26px; line-height: 32px; } }

.campaignRow .text .button { color: #2FBBE1; font-size: 15px; }

@media (max-width: 959px) { .campaignRow { padding-bottom: 20px; }
  .campaignRow .text { background-color: #45C0E1; position: relative; padding: 0 20px 30px 20px; color: white; display: block; margin: 0 auto; padding-top: 20px; } }

@media (min-width: 960px) { .campaignRow .text { padding: 0px; height: 100%; position: absolute; top: 0px; left: calc(50% - 500px); color: white; width: 500px; }
  .campaignRow .text .inner { position: absolute; top: 50%; left: 50%; z-index: 1; width: 80%; transform: translate(-50%, -50%); }
  .campaignRow .text:before { content: ""; dispaly: block; width: 100%; background: rgba(47, 187, 225, 0.85); position: absolute; top: -73px; height: 150%; left: 0px; z-index: 0; transform: rotate(4deg); } }

@media (min-width: 1280px) { .campaignRow .text .inner { width: 70%; } }

.pageHeading { text-align: center; background-color: #2FBBE1; color: white; padding-top: 30px; padding-bottom: 83px; position: relative; display: block; }

.pageHeading h1 { margin: 0; font-size: 48px; line-height: 60px; text-rendering: optimizeLegibility; }

@media (max-width: 699px) { .pageHeading h1 { font-size: 24px; } }

.pageHeading:after { content: ""; dispaly: block; width: 100%; background: url(../images/topBarWhite.png) center bottom no-repeat; background-size: auto 100%; position: absolute; bottom: 0px; height: 73px; left: 0px; }

.pageIntroduction { color: #2FBBE1; }

.pageIntroduction p { font-size: 20px; }

@media (min-width: 960px) { .pageIntroduction p { font-size: 26px; line-height: 32px; } }

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

@media (min-width: 960px) { .mainContent { padding-top: 90px; padding-bottom: 90px; } }

@media (min-width: 960px) { .bigSmall:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .bigSmall { height: 1px; }
  .bigSmall .bigColumn { width: 70%; margin-right: 10%; float: left; }
  .bigSmall .smallColumn { width: 20%; float: right; } }

@media (min-width: 960px) { .bigSmallLeft:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .bigSmallLeft { height: 1px; }
  .bigSmallLeft .bigColumn { width: 70%; margin-right: 0; float: right; }
  .bigSmallLeft .smallColumn { width: 20%; margin-right: 10%; float: left; } }

.widget { border-top: 1px solid #2FBBE1; padding-top: 15px; margin-bottom: 30px; }

.widget h3 { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; margin-bottom: 20px; }

@media (max-width: 699px) { .widget h3 { font-size: 16px; } }

.widget p { margin-bottom: 0px; padding-left: 10px; }

.widget ul { list-style: none; margin-bottom: 0px; padding-left: 20px; }

.donationForm h2 { margin: 0; font-size: 20px; line-height: 24px; text-rendering: optimizeLegibility; font-weight: bold; margin-bottom: 20px; color: #A266C4; }

@media (max-width: 699px) { .donationForm h2 { font-size: 18px; } }

@media (min-width: 1280px) { .donationForm h2 { font-size: 26px; line-height: 32px; } }

.donationForm h4 { margin: 0 0 10px 0; font-weight: bold; font-size: 16px; line-height: 24px; text-rendering: optimizeLegibility; color: #2FBBE1; }

.donationForm span.button { margin-left: 20px; }

.donationForm .form-group { margin-bottom: 10px; }

.donationForm .form-group label { margin-bottom: 5px; font-weight: bold; }

.donationForm .form-group input[type="text"], .donationForm .form-group input[type="email"], .donationForm .form-group input[type="amount"] { padding: 10px 6px; border-radius: 5px; }

.donationForm .form-group .input-group { position: relative; }

.donationForm .form-group .input-group .input-group-addon { position: absolute; top: 11px; left: 10px; }

.donationForm .form-group .input-group input[type="amount"] { padding-left: 20px; border-radius: 5px; border: solid 1px #CFCECE; }

.donationForm .form-group .input label { font-weight: normal; }

.donationForm .donationFields input { margin-bottom: 10px; }

@media (min-width: 700px) { .donationForm { background-color: #F8F8F8; border-radius: 10px; padding: 20px; }
  .donationForm .form-group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .donationForm .form-group { height: 1px; }
  .donationForm .form-group .heading { width: 30%; margin-right: 5%; float: left; padding-top: 10px; }
  .donationForm .form-group .col-sm-10, .donationForm .form-group .col-sm-6, .donationForm .form-group .col-sm-3 { width: 65%; float: left; }
  .donationForm .type-field input[type="text"] { letter-spacing: 1px; text-transform: uppercase; border: none; } }

@media (min-width: 960px) { .donationForm { padding: 30px; } }

table.partnership { border: solid 1px black; }

table.partnership tr.header { background: #2FBBE1; color: white; font-weight: bold; }

table.partnership tr.header td { border: solid 1px black; padding: 4px; font-size: 14px; }

table.partnership tr.partners td { font-size: 11px; border: solid 1px black; padding: 4px; }

table.partnership tr.partners td .review { color: red; }

table.partnership tr.disabled { background-color: #ad0108; color: #EDEDED; }

html.events .bigColumnEvents { width: 100%; }

html.events .bigColumnEvents .eventsGrid { margin: 0 auto; display: inline-block; }

html.events .bigColumnEvents .eventsGrid .eventBox { background: #F6F6F6; margin-right: 0px; margin-bottom: 40px; width: 100%; display: inline-block; }

html.events .bigColumnEvents .eventsGrid .eventBox .text { padding: 12px; }

html.events .bigColumnEvents .eventsGrid .eventBox .text h3 { font-size: 20px; font-weight: bold; }

html.events .bigColumnEvents .eventsGrid .eventBox .text .category { font-style: italic; font-size: 14px; }

html.events .bigColumnEvents .eventsGrid .eventBox .text .button { text-align: center; margin: 0 auto; }

html.events .bigColumnEvents .eventsGrid .eventBox .text:hover { background: #EDEDED; transition: all .4s; }

@media (min-width: 700px) and (max-width: 959px) { html.events .bigColumnEvents .eventsGrid .eventBox { width: calc(50% - 20px); margin-right: 20px; margin-bottom: 5px; }
  html.events .bigColumnEvents .eventsGrid .eventBox:nth-child(2n) { margin-right: 0px; } }

@media (min-width: 960px) { html.events .bigColumnEvents .eventsGrid .eventBox { width: calc(33.3333333% - 20px); margin-right: 20px; }
  html.events .bigColumnEvents .eventsGrid .eventBox:nth-child(3n) { margin-right: 0px; } }

/*# sourceMappingURL=screen.css.map */