/* @override 
	http://www.tpcc.org/_assets/css/styles.css?t=20160615072838 */

@charset "UTF-8";
/*
- - - - CSS SITEMAP - - - - 
i01 - Reset
i02 - Helpers
i03 - Colorbox
i04 - Selectmenu
i05 - Media element
i06 - WYSIWYG Grid
i07 - Typography
i08 - Buttons
i09 - Tables
i10 - Forms
i11 - Filters
i12 - Pagination
i13 - Predictive
i14 - Navigation
i15 - Header
i16 - Content
i17 - List Grid
i18 - Sections
i19 - Footer
i20 - Map
i21 - Calculator
i22 - Containers
*/
/* i01 - 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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

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

/* i02 - Helpers */
.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.after, .div-row:after, .div-row .div-col:after, #content #text .filters:after, #nav-top:after, #metanav:after, .listgrid:after, .container:after, .container-large:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clear { clear: both; }

img { max-width: 100%; height: auto; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

/* i03 - Colorbox */
/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*  User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: #fff; opacity: 0.9; filter: alpha(opacity=90); }

#colorbox { outline: 0; }

#cboxContent { margin-top: 32px; overflow: visible; background: #ffffff; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { background: #ffffff; padding: 0; }

#cboxLoadingGraphic { background: url(/_assets/img/colorbox/ajax-loader-linear.svg) no-repeat center center; background-size: 64px 64px; }

#cboxLoadingOverlay { background: #ffffff; }

#cboxTitle { position: absolute; top: -22px; left: 0; color: #000; }

#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(/_assets/img/colorbox/controls.png) no-repeat 0 0; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxPrevious { background-position: 0px 0px; right: 44px; }

#cboxPrevious:hover { background-position: 0px -25px; }

#cboxNext { background-position: -25px 0px; right: 22px; }

#cboxNext:hover { background-position: -25px -25px; }

#cboxClose { background-position: -50px 0px; right: 0; }

#cboxClose:hover { background-position: -50px -25px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; }

.cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; }

.cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; }

.cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; }

body#staff #cboxClose, body#media #cboxClose { z-index: 9999; }
@media (min-width: 64em) { body#staff #cboxClose, body#media #cboxClose { top: 5px; right: 20px; } }

/* i04 - Selectmenu */
#content .filters a { text-decoration: none; }

.ui-selectmenu-button { display: block; position: relative; width: 222px; height: auto; line-height: 1; text-decoration: none; overflow: hidden; margin: 0; padding: 0; outline: none !important; text-decoration: none; cursor: pointer; background-color: #ffffff; border: 2px solid #dfeaf0; }
.ui-selectmenu-button span.ui-icon { display: none !important; }
.ui-selectmenu-button span.ui-selectmenu-text { position: relative; display: block; line-height: 2.25em; padding: 0 1.75em 0 .5em; font-size: 1em; font-weight: 200; color: #003856; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; }
.ui-selectmenu-button span.icon-arrow-down { color: #0094d9; font-weight: normal; position: absolute; right: 5px; top: 50%; margin-top: -8px; font-weight: normal !important; }
.ui-selectmenu-button.ui-state-focus { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.ui-selectmenu-button.ui-state-focus span.ui-selectmenu-text { color: #0094d9; }
.ui-selectmenu-button.ui-state-disabled { cursor: default; opacity: .5; }
.ui-selectmenu-button.ui-state-disabled span.icon-menu4 { display: none; }

.ui-selectmenu-menu { position: absolute; top: 0; left: 0; margin: 10px 0 0 0; display: none; z-index: 1999; }

.ui-selectmenu-menu .ui-menu { position: relative; overflow: auto; overflow-x: hidden; margin: 0; padding: 0; width: 100%; max-width: 218px; max-height: 300px !important; list-style: none; background-color: white; border: 2px solid #dfeaf0; border-top: 0; }
.ui-selectmenu-menu .ui-menu li { margin: 0; padding: .5em; outline: none; font-size: 1em; font-weight: 400; text-transform: none; list-style: none; cursor: pointer; color: #0094d9; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
.ui-selectmenu-menu .ui-menu li:hover { color: #003856; background-color: #f2f6f8; border-top-color: #dfeaf0; border-bottom-color: #dfeaf0; }

.ui-selectmenu-open { display: block; }

/* i05 - Media element */
.mejs-offscreen { /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */ position: absolute !important; top: -10000px; overflow: hidden; width: 1px; height: 1px; }

.mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; }

.me-plugin { position: absolute; height: auto; width: auto; }

.mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; }

.mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ overflow: hidden !important; }

.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }

.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; }

.mejs-clear { clear: both; }

/* Start: LAYERS */
.mejs-background { position: absolute; top: 0; left: 0; }

.mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }

:root .mejs-poster img { display: none; }

.mejs-poster img { border: 0; padding: 0; border: 0; }

.mejs-overlay { position: absolute; top: 0; left: 0; }

.mejs-overlay-play { cursor: pointer; }

.mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(/_assets/js/lib/mediaelement/bigplay.svg) no-repeat; }

.no-svg .mejs-overlay-button { background-image: url(/_assets/js/lib/mediaelement/bigplay.png); }

.mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; }

.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(/_assets/js/lib/mediaelement/background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); }

.mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(/_assets/img/ajax-loader-linear.svg) 50% 50% no-repeat; -moz-background-size: 80px 80px; -o-background-size: 80px 80px; -webkit-background-size: 80px 80px; background-size: 80px 80px; }

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(/_assets/js/lib/mediaelement/background.png); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); height: 30px; width: 100%; }

.mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0; }

.mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(/_assets/js/lib/mediaelement/controls.svg) no-repeat; }

.no-svg .mejs-controls .mejs-button button { background-image: url(/_assets/js/lib/mediaelement/controls.png); }

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus { outline: dotted 1px #999; }

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

.mejs-container .mejs-controls .mejs-time a { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; }

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button { background-position: 0 0; }

.mejs-controls .mejs-pause button { background-position: 0 -16px; }

.mejs-controls .mejs-stop button { background-position: -112px 0; }

/* Start: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; }

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; }

@-webkit-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
@-moz-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
@-ms-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
@-o-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
@keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
.mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60, 170, 200, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8))); background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; }

.mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; }

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress Bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; }

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-mute button { background-position: -16px -16px; }

.mejs-controls .mejs-unmute button { background-position: -16px 0; }

.mejs-controls .mejs-volume-button { position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(/_assets/js/lib/mediaelement/background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; }

.mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; }

/* horizontal version */
.mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; display: none !important; vertical-align: middle; }
@media (min-width: 64.25em) { .mejs-controls a.mejs-horizontal-volume-slider { display: table-cell !important; } }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; }

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button { position: relative; }

.mejs-controls .mejs-captions-button button { background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -51px; width: 85px; height: 100px; background: url(/_assets/js/lib/mediaelement/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px 10px 0 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/
.mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 55px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; }

.mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; }

.mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; }

.mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 20px; font-size: 16px; color: #fff; }

.mejs-captions-layer a { color: #fff; text-decoration: underline; }

.mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; }

.mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; }

.mejs-captions-position-hover { bottom: 35px; }

.mejs-captions-text { padding: 3px 5px; background: url(/_assets/js/lib/mediaelement/background.png); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; }

/* End: Track (Captions and Chapters) */
/* Start: Error */
.me-cannotplay a { color: #fff; font-weight: bold; }

.me-cannotplay span { padding: 15px; display: block; }

/* End: Error */
/* Start: Loop */
.mejs-controls .mejs-loop-off button { background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button { background-position: -64px 0; }

/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button { background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button { background-position: -80px 0; }

/* End: backlight */
/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; }

/* End: Picture Controls */
/* context menu */
.mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ }

.mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; }

.mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; }

.mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; }

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button { position: relative; }

.mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(/_assets/js/lib/mediaelement/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; }

/* End: Source Chooser */
/* Start: Postroll */
.mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(/_assets/js/lib/mediaelement/background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; }

.mejs-postroll-layer-content { width: 100%; height: 100%; }

.mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(/_assets/js/lib/mediaelement/background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; }

/* End: Postroll */
/* Start: Speed */
div.mejs-speed-button { width: 46px !important; position: relative; }

.mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #ffffff; }

.mejs-controls .mejs-speed-button .mejs-speed-selector { visibility: hidden; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(/_assets/js/lib/mediaelement/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { visibility: visible; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: #21f8f8; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px 0; padding: 0 10px; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 11.5px; color: white; margin-left: 5px; cursor: pointer; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; }

/* End: Speed */
/* Start: Skip Back */
.mejs-controls .mejs-button.mejs-skip-back-button { background: transparent url(/_assets/js/lib/mediaelement/skipback.png) no-repeat; background-position: 3px 3px; }

.mejs-controls .mejs-button.mejs-skip-back-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; }

/* End: Skip Back */
/* i06 - WYSIWYG Grid */
.div-row { width: 100%; position: relative; margin-bottom: 0; }
@media (min-width: 48em) { .div-row { margin-bottom: 2em; } }
.div-row .div-col { float: none; width: 100%; margin: 0 0 2em 0; padding: 0; }
@media (min-width: 48em) { .div-row .div-col { float: left; margin: 0 0 0 4%; } }
@media (min-width: 48em) { .div-row .div-col:first-child { margin-left: 0 !important; } }
.div-row .div-col p:last-child { margin: 0; }
.div-row .div-col p img, .div-row .div-col div img, .div-row .div-col p iframe, .div-row .div-col div iframe, .div-row .div-col p object, .div-row .div-col div object, .div-row .div-col p video, .div-row .div-col div video { margin-bottom: 1em; }

@media (min-width: 48em) { .div-row.one-half .div-col { width: 48%; } }

@media (min-width: 48em) { .div-row.one-third .div-col { width: 30.66666666666667%; } }

@media (min-width: 48em) { .div-row.one-fourth .div-col { width: 22%; } }

@media (min-width: 48em) { .div-row.two-third .div-col { width: 72%; } }
@media (min-width: 48em) { .div-row.two-third .div-col:first-child { width: 24%; } }

@media (min-width: 48em) { .div-row.two-third.right .div-col { width: 24%; } }
@media (min-width: 48em) { .div-row.two-third.right .div-col:first-child { width: 72%; } }

.div-embed { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; margin-bottom: 2em; }
.div-embed img { display: block; width: 100%; height: auto; }
.div-embed iframe, .div-embed object, .div-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* i07 - Typography */
body { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; background-color: #292c2e; overflow-x: hidden; }

@media (max-width: 64em) { .hide-mobile { display: none !important; } }
body, h1, h2, h3, h4, h6, table caption, table th, table td, textarea, #search_term, #search_term2, #module-search-term, #content .monkForm input, #content .monkForm select, #content .monkForm textarea { font-family: "Avenir W01", sans-serif; }

h5, .preview, .feature-text, blockquote { font-family: "Chaparral W01", serif; }

body, table caption, table th, table td, textarea, #search_term, #search_term2, #content .monkForm input, #content .monkForm select, #content .monkForm textarea { color: #003856; font-style: normal; font-weight: 200; }

.centered { text-align: center; }

a { color: #0094d9; text-decoration: none; }
a span { -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
a:hover { text-decoration: underline; }

#content .monkForm input[type=submit] { -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }

h1 { font-size: 2.25em; font-weight: 200; line-height: 1.095; text-transform: uppercase; }
@media (min-width: 61.875em) { h1 { font-size: 3.5em; } }

h2 { color: #0094d9; font-size: 2.25em; font-weight: 200; line-height: 1.188; margin-bottom: 1em; text-transform: uppercase; letter-spacing: 1px; }
h2.h2-small { font-size: 1.875em; margin-bottom: .125em; }

h3 { font-weight: 300; font-size: 1.875em; line-height: 1.308; margin-bottom: .35em; }

h4 { color: #6d7f89; font-weight: 200; font-size: 1.5em; line-height: 1.154em; text-transform: uppercase; margin-bottom: .35em; }

h5 { font-weight: 600; font-size: 1.625em; line-height: 1.154em; margin-bottom: .35em; }

h6 { color: #0094d9; font-weight: 300; font-size: 1.25em; line-height: 1.375em; margin-bottom: .35em; text-transform: uppercase; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

.heading-lines { text-align: center; overflow: hidden; margin-bottom: 1.75em; }
.heading-lines span { position: relative; }
@media (min-width: 61.875em) { .heading-lines span { padding: 0 1.25em; } }
.heading-lines span:before { content: ""; display: none; position: absolute; left: -500px; top: 50%; width: 500px; height: 1px; background-color: #dfeaf0; }
@media (min-width: 61.875em) { .heading-lines span:before { display: block; } }
.heading-lines span:after { content: ""; display: none; position: absolute; right: -500px; top: 50%; width: 500px; height: 1px; background-color: #dfeaf0; }
@media (min-width: 61.875em) { .heading-lines span:after { display: block; } }

p { font-size: 1.25em; line-height: 1.65em; margin-bottom: 2em; }
p [class^="icon-"], p [class*=" icon-"] { color: #0094d9; font-size: 1.25em; vertical-align: text-bottom; margin-right: .25em; text-decoration: none !important; }
p.return { text-align: right; }

.feature-text { color: #92979a; font-size: 1.5em; margin-bottom: .5em; font-style: italic; }

.divider { display: inline-block; color: #b9c1c5; margin: 0 .25em; }

#content ul { margin: 0 0 2em 1.5em; }
#content ul li { font-size: 1.25em; list-style: disc; line-height: 1.65em; }
#content ul li li { font-size: 100%; }
#content #subnav { margin: 0; }
#content #subnav li { list-style: none; line-height: 1; }
#content .mcms_filter_list { overflow: hidden; margin-left: 0; }
@media (min-width: 64.25em) { #content .mcms_filter_list { margin-bottom: 6em; padding: 0 2em; } }
#content .mcms_filter_list li { list-style: none; margin: 0; }
#content .mcms_filter_list li a { color: #003856; }
#content .mcms_filter_list.tags li { text-transform: lowercase; }
#content .mcms_filter_list .split-list { width: 50%; float: left; margin: 0 !important; }
@media (min-width: 64.25em) { #content .mcms_filter_list .split-list { width: 25%; } }
#content .mcms_filter_list .split-list li { padding-right: 1em; }
@media (min-width: 64.25em) { #content .mcms_filter_list.five .split-list { width: 20%; } }
#content ol { margin: 0 0 2em 1.5em; }
#content ol li { font-size: 1.25em; list-style: decimal; line-height: 1.65em; }
#content ol li li { font-size: 100%; }

i, em { font-style: italic; }

b, strong { font-weight: 700; }

pre, code { font-family: "Courier New", Courier, monospace; margin-bottom: 1em; }

ins { text-decoration: none; }

sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; font-size: 10px; }

sup { bottom: 0.8em; }

sub { top: 0.3em; }

dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: normal; }

dd { margin-left: 1.5em; }

blockquote { position: relative; font-size: 1.875em; line-height: 1.25em; font-weight: 400; font-style: italic; margin: 1.25em 0; padding: 0; color: #48626c; background-color: #dfeaf0; }
blockquote p { display: block; padding: .25em; margin: 0; line-height: inherit; font-size: inherit; font-family: inherit; }

#content hr { display: block; margin: 1.25em 0 3em 0; padding: 0; width: 100%; height: 1px; border: 0; color: #dfeaf0; background-color: #dfeaf0; overflow: hidden; }

.touch-off .grain-effect { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
@media (min-width: 64.25em) { .touch-off .grain-effect { -webkit-animation: bgScale 120s infinite linear; -moz-animation: bgScale 120s infinite linear; -ms-animation: bgScale 120s infinite linear; -o-animation: bgScale 120s infinite linear; animation: bgScale 120s infinite linear; backface-visibility: hidden; overflow: hidden; } }
@media (min-width: 64.25em) { .touch-off .grain-effect:after { content: ''; width: 110%; height: 110%; background: url(/_assets/img/textures/grain4.png) repeat center center; -webkit-animation: grainEffect 0.5s 0s steps(1) infinite; -moz-animation: grainEffect 0.5s 0s steps(1) infinite; -ms-animation: grainEffect 0.5s 0s steps(1) infinite; -o-animation: grainEffect 0.5s 0s steps(1) infinite; animation: grainEffect 0.5s 0s steps(1) infinite; position: absolute; top: -5%; left: -5%; display: block; } }

.addthis_toolbox { display: none; position: fixed; left: 0; top: 200px; z-index: 9999; opacity: 0; padding: .5em; background-color: #ffffff; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
@media (min-width: 61.875em) { .addthis_toolbox { display: block; } }

.addthis_toolbox.visible { opacity: 1; }

.addthis_toolbox > a { clear: left; float: left; display: block; padding: 1em 0; text-align: center; text-decoration: none; }
.addthis_toolbox > a span { font-size: 1.5em; }
.addthis_toolbox > a:hover { color: #003856; }

@keyframes bgScale { 0% { -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); }
  50% { -moz-transform: scale(1.4) rotate(0.7deg); -ms-transform: scale(1.4) rotate(0.7deg); -webkit-transform: scale(1.4) rotate(0.7deg); transform: scale(1.4) rotate(0.7deg); }
  100% { -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } }
@keyframes grainEffect { 0%, 100% { -moz-transform: translate(0, 0, 0); -ms-transform: translate(0, 0, 0); -webkit-transform: translate(0, 0, 0); transform: translate(0, 0, 0); }
  10% { -moz-transform: translate(-1%, -1%); -ms-transform: translate(-1%, -1%); -webkit-transform: translate(-1%, -1%); transform: translate(-1%, -1%); }
  20% { -moz-transform: translate(1%, 1%); -ms-transform: translate(1%, 1%); -webkit-transform: translate(1%, 1%); transform: translate(1%, 1%); }
  30% { -moz-transform: translate(-2%, -2%); -ms-transform: translate(-2%, -2%); -webkit-transform: translate(-2%, -2%); transform: translate(-2%, -2%); }
  40% { -moz-transform: translate(3%, 3%); -ms-transform: translate(3%, 3%); -webkit-transform: translate(3%, 3%); transform: translate(3%, 3%); }
  50% { -moz-transform: translate(-3%, -3%); -ms-transform: translate(-3%, -3%); -webkit-transform: translate(-3%, -3%); transform: translate(-3%, -3%); }
  60% { -moz-transform: translate(4%, 4%); -ms-transform: translate(4%, 4%); -webkit-transform: translate(4%, 4%); transform: translate(4%, 4%); }
  70% { -moz-transform: translate(-4%, -4%); -ms-transform: translate(-4%, -4%); -webkit-transform: translate(-4%, -4%); transform: translate(-4%, -4%); }
  80% { -moz-transform: translate(2%, 2%); -ms-transform: translate(2%, 2%); -webkit-transform: translate(2%, 2%); transform: translate(2%, 2%); }
  90% { -moz-transform: translate(-2%, -2%); -ms-transform: translate(-2%, -2%); -webkit-transform: translate(-2%, -2%); transform: translate(-2%, -2%); } }
/* i08 - Buttons */
.return a, .button-simple, p.button-simple a { display: inline-block; font-weight: 400; line-height: 1em; font-size: 20px; margin-bottom: .25em; color: #0094d9; text-align: center; cursor: pointer; background-color: transparent; outline: none; text-decoration: none; }
.return a:after, .button-simple:after, p.button-simple a:after { font-family: "icons"; content: "\e602"; font-size: 100%; font-weight: normal !important; vertical-align: middle; display: inline-block; margin-left: .5em; vertical-align: text-bottom; }
.return a:hover, .button-simple:hover, p.button-simple a:hover { text-decoration: underline; }

.button-small, p.button-small a, .button-large, p.button-large a, .button-icon, p.button-icon a, .button-icons, p.button-icons a, .button-square, p.button-small-square a{ display: inline-block; font-weight: 400; line-height: 1em; font-size: 20px; color: #0094d9; text-align: center; cursor: pointer; padding: .65em 1.5em .5em 1.75em; margin-bottom: .25em; background-color: transparent; outline: none; border: 2px solid #dfeaf0; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; text-decoration: none; }
.button-small span, p.button-small a span, .button-large span, p.button-large a span, .button-icon span, p.button-icon a span, .button-icons span, p.button-icons a span, .button-square span, p.button-small-square a span { color: #0094d9; }
.button-small:after, p.button-small a:after, .button-large:after, p.button-large a:after, .button-icon:after, p.button-icon a:after, .button-icons:after, p.button-icons a:after, .button-square:after, p.button-small-square a:after { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; vertical-align: middle; display: inline-block; margin-left: .5em; vertical-align: text-bottom; }
.button-small:hover, p.button-small a:hover, .button-large:hover, p.button-large a:hover, .button-icon:hover, p.button-icon a:hover, .button-icons:hover, p.button-icons a:hover, .button-square:hover, p.button-small-square a:hover { text-decoration: none; }

.button-square, p.button-small-square a { font-size: 16px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; transition: .3s; }

.button-icon, p.button-icon a { padding-top: .5em; }
.button-icon:after, p.button-icon a:after { display: none !important; padding-left: 1.5em; }

.button-large, p.button-large a { font-size: 24px; padding: .75em 1.5em .75em 1.75em; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; border-radius: 1.5em; }

.button-blue, p.button-blue a, .button-blue-large, p.button-blue-large a, .rsvp a { display: inline-block; font-weight: 400; line-height: 1em; font-size: 20px; color: #ffffff; text-align: center; cursor: pointer; padding: .65em 1.5em .5em 1.75em; margin-bottom: .25em; background-color: #0094d9; outline: none; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; border: 0; text-decoration: none; }
.button-blue:after, p.button-blue a:after, .button-blue-large:after, p.button-blue-large a:after, .rsvp a:after { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; vertical-align: middle; display: inline-block; margin-left: .5em; vertical-align: text-bottom; }
.button-blue:hover, p.button-blue a:hover, .button-blue-large:hover, p.button-blue-large a:hover, .rsvp a:hover { text-decoration: none; }

.button-blue-large, p.button-blue-large a, .rsvp a { font-size: 24px; }

.button-white, p.button-white a { display: inline-block; font-weight: normal; line-height: 1em; font-size: 20px; color: #0094d9; text-align: center; cursor: pointer; padding: .65em 1.5em .5em 1.75em; margin-bottom: .25em; background-color: #ffffff; outline: none; border: 2px solid transparent; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; text-decoration: none; }
.button-white:after, p.button-white a:after { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; vertical-align: middle; display: inline-block; margin-left: .5em; vertical-align: text-bottom; }
.button-white:hover, p.button-white a:hover { text-decoration: none; }

.touch-off .button-small, .touch-off p.button-small a, .touch-off .button-large, .touch-off p.button-large a, .touch-off .return, .touch-off .rsvp a, .touch-off .button-blue, .touch-off p.button-blue a, .touch-off .button-blue-large, .touch-off p.button-blue-large a, .touch-off .button-white, .touch-off p.button-white a{ -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
.touch-off .button-small:hover, .touch-off p.button-small a:hover, .touch-off .button-large:hover, .touch-off p.button-large a:hover, .touch-off .return:hover, .touch-off .button-square:hover, .touch-off p.button-small-square a:hover { border-color: #0094d9; }
.touch-off .button-blue:hover, .touch-off p.button-blue a:hover, .touch-off .button-blue-large:hover, .touch-off p.button-blue-large a:hover, .touch-off .rsvp a:hover { background-color: #007bb4; color: #ffffff; }
.touch-off .button-white:hover, .touch-off p.button-white a:hover { border-color: #dfeaf0; }

/* i09 - Tables */
table { margin: 0 0 40px 0; border-collapse: separate; width: 100%; }
table caption { color: #0094d9; font-size: 2.25em; font-weight: 200; line-height: 1.188; margin-bottom: .35em; text-transform: uppercase; padding: .5em; text-align: center; background: none; }
table th { color: #003856; font-weight: 300; font-size: 1em; padding: 1em; background-color: #dfeaf0; text-transform: uppercase; }
table td { padding: 1em; line-height: 1.25em; background-color: #ffffff; color: #0094d9; border-bottom: 1px solid #dfeaf0; }
table td p { font-size: inherit; margin: 0; }

@media (max-width: 61.875em) { table.responsive { margin-bottom: 0; }
  .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #dfeaf0; border-left: 1px solid #dfeaf0; }
  .pinned table { margin: 0; border-right: none; border-left: none; width: 100%; }
  .pinned table caption { text-indent: -9999px; }
  .pinned table th, .pinned table td { white-space: nowrap; }
  .pinned td:last-child { border-bottom: 0; }
  .scrollable table { margin: 0; }
  div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; }
  div.table-wrapper div.scrollable { margin-left: 35%; }
  div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
  table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } }
/* i10 - Forms */
.monkForm { margin: 1.5em 0; }
.monkForm p { margin: 0; }
.monkForm p.error { font-size: .875em; color: #da5544; }
.monkForm > fieldset > legend { display: block; width: 100%; color: #003856; font-size: 1.25em; font-weight: 700; line-height: 1.188; padding: 1em 0; margin-bottom: 1em; border-top: 1px solid #dfeaf0; border-bottom: 1px solid #dfeaf0; }
.monkForm > fieldset > fieldset > legend { color: #003856; font-weight: 400; font-size: 1.25em; line-height: 1.308; }
.monkForm .section { padding-bottom: .25em; border-bottom: 4px solid #dfeaf0; }
.monkForm .section p { color: #003856; font-style: italic; }
.monkForm .heading { display: block; color: #003856; font-weight: 400; line-height: 1.125em; margin-bottom: .5em; }
.monkForm .checkbox .heading, .monkForm .address .heading, .monkForm .radio .heading { font-size: 1.25em; }
.monkForm .asterisk { color: #da5544; }
.monkForm .section, .monkForm .text, .monkForm .name, .monkForm .textarea, .monkForm .email, .monkForm .phone, .monkForm .address, .monkForm .date, .monkForm .radio, .monkForm .checkbox, .monkForm .select, .monkForm .file { margin-bottom: 1.25em; }
.monkForm div input, .monkForm div textarea, .monkForm div select { display: inline-block; color: #003856; padding: .65em; font-size: .875em; margin-bottom: .5em; font-weight: 300; border: 1px solid #dfeaf0; outline: none; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; background-color: #ffffff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.monkForm .text input, .monkForm .text textarea, .monkForm .email input, .monkForm .email textarea, .monkForm .textarea input, .monkForm .textarea textarea { display: block; width: 85%; }
.monkForm .address .ui-selectmenu-button { top: 1.125em; }
.monkForm .address input { margin-bottom: 1em; }
.monkForm .checkbox label, .monkForm .radio label { display: inline-block; cursor: pointer; position: relative; padding-left: 35px; margin-right: 10px; font-size: 1em; line-height: 20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.monkForm .checkbox label:after, .monkForm .radio label:after { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; vertical-align: middle; font-size: 14px; display: none; position: absolute; top: 0; left: 5px; width: 20px; height: 20px; color: white; z-index: 100; }
.monkForm .checkbox label:before, .monkForm .radio label:before { content: ""; display: inline-block; position: absolute; left: 0; width: 20px; height: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 1px 0 #bcbcbc; -webkit-box-shadow: inset 0 0 1px 0 #bcbcbc; box-shadow: inset 0 0 1px 0 #bcbcbc; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff)); background: -moz-linear-gradient(bottom, #f2f2f2, #ffffff); background: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff); background: linear-gradient(to top, #f2f2f2, #ffffff); -moz-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; -webkit-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; }
.monkForm .checkbox label:hover:before, .monkForm .checkbox label:focus:before, .monkForm .checkbox label:active:before, .monkForm .radio label:hover:before, .monkForm .radio label:focus:before, .monkForm .radio label:active:before { -moz-box-shadow: inset 0 0 1px 0 black(0.8); -webkit-box-shadow: inset 0 0 1px 0 black(0.8); box-shadow: inset 0 0 1px 0 black(0.8); }
.monkForm .checkbox input[type="checkbox"]:checked + label:before, .monkForm .checkbox input[type="radio"]:checked + label:before, .monkForm .radio input[type="checkbox"]:checked + label:before, .monkForm .radio input[type="radio"]:checked + label:before { background: #0094d9; }
.monkForm .checkbox input[type="checkbox"]:checked + label:after, .monkForm .checkbox input[type="radio"]:checked + label:after, .monkForm .radio input[type="checkbox"]:checked + label:after, .monkForm .radio input[type="radio"]:checked + label:after { display: inline-block; }
.monkForm .checkbox input, .monkForm .radio input { display: none; }
.monkForm .radio label:before { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.monkForm .file label { display: none; }
.monkForm .file input { background-color: transparent !important; border-color: #0094d9; font-weight: 400; }
.monkForm .ui-selectmenu-button { display: inline-block; margin: 0; }
.monkForm input[type=submit] { display: inline-block; font-weight: 400; line-height: 1em; font-size: 20px; color: #0094d9; text-align: center; cursor: pointer; padding: .65em 1.75em; margin-bottom: .25em; background-color: transparent; outline: none; border: 2px solid #dfeaf0; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; text-decoration: none; -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; cursor: pointer; outline: none; }
.monkForm input[type=submit]:hover { border-color: #0094d9; text-decoration: none; }

/* i11 - Filters */
#content #text .filters { padding: 1em; margin-bottom: 2em; text-align: center; }
#content #text .filters h5 { color: #92979a; font-size: 1.25em; margin-bottom: .75em; text-align: center; line-height: 1.1em; font-style: italic; font-weight: 200; }
@media (min-width: 64.25em) { #content #text .filters h5 { display: inline-block; position: relative; margin: .5em 1em 0 0; text-align: left; float: left; } }
#content #text .filters a { text-decoration: none; }
#content #text .filters .ui-selectmenu-button { width: 222px; display: inline-block; margin-right: 1em; text-align: left; float: left; }
#content #text .filters.short .ui-selectmenu-button { width: 196px; }
#content #text .filters select.sorter { display: block; float: none; width: 60%; margin: 0 auto 1em auto; }
@media (min-width: 64.25em) { #content #text .filters .filter-content { float: right; width: 65%; } }
#content #text .filters .filter-content h5 { display: none; }
@media (min-width: 64.25em) { #content #text .filters .filter-content h5 { display: block; float: right; } }
@media (min-width: 64.25em) { #content #text .filters .filter-content .ui-selectmenu-button { float: right; } }
@media (min-width: 64.25em) { #content #text .filters .filter-content #module-search { float: right; } }
@media (min-width: 64.25em) { #content #text .filters .filter-label { float: left; width: 34%; text-align: left; } }
#content #text .filters .filter-label h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#content #text .filters.short .ui-selectmenu-button { width: 170px; margin-right: .5em; }

#module-search { position: relative; width: 180px; margin: 0 auto 1em auto; text-align: left; }
@media (min-width: 64.25em) { #module-search { display: inline-block; border: 0; margin: 0; float: left; } }

#module-search fieldset { width: 163px; position: relative; padding: 5px 5px 5px 10px; border: 2px solid #dfeaf0; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; border-radius: 1.5em; background-color: transparent; }

#module-search-term { width: 120px; height: 26px; line-height: 26px; border: 0; padding: 0; font-size: 16px; font-weight: 200; color: #003856; background-color: transparent; }

#module-search-submit { position: absolute; top: 8px; right: 5px; width: 24px; font-size: 24px; margin: 0; border: 0; outline: none; background: none; display: inline-block; color: #003856; cursor: pointer; text-align: right; }
@media (min-width: 64.25em) { #module-search-submit { top: 6px; } }
#module-search-submit:hover { color: #0094d9; }

.large-search { margin-bottom: 2em; }
.large-search #module-search { width: 180px; margin: 0 auto; text-align: left; border: 0; }
@media (min-width: 64.25em) { .large-search #module-search { width: 500px; display: block; float: none; margin: 0 auto; } }
@media (min-width: 64.25em) { .large-search #module-search fieldset { width: 460px; padding: 5px 5px 5px 20px; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em; } }
@media (min-width: 64.25em) { .large-search #module-search-term { width: 400px; height: 44px; line-height: 44px; font-size: 20px; } }
@media (min-width: 64.25em) { .large-search #module-search-submit { position: absolute; top: 12px; right: 10px; width: 36px; font-size: 32px; } }

#content #sidebar .filters { padding: 0; margin-bottom: 0; }
#content #sidebar .filters .ui-selectmenu-button { width: 220px !important; float: none; margin-bottom: 1em; }
#content #sidebar .filters select.sorter { display: block; float: none; width: 60%; margin: 0 auto 1em auto; }
#content #sidebar .filters form#module-search { float: none; width: 208px; margin: 0 0 1em 0; }
@media (min-width: 61.875em) { #content #sidebar .filters form#module-search { float: none; border: 0; margin: 0 0 1em 0; } }
#content #sidebar .filters form#module-search fieldset { width: 208px; }
#content #sidebar .filters form#module-search #module-search-term { width: 170px; }

/* i12 - Pagination */
#pagination { text-align: center; font-size: 1.125em; padding: 1em 0; }
#pagination a { display: inline-block; padding: .1em .5em; margin: 0 .125em .125em .125em; font-weight: normal; }
#pagination #current { color: #003856; background-color: #ffffff; border-bottom: 1px solid #dfeaf0; }
#pagination #off { display: none; }
#pagination #next { background-color: #ffffff; border-bottom: 1px solid #dfeaf0; }
#pagination #previous { background-color: #ffffff; border-bottom: 1px solid #dfeaf0; }

/* i13 - Predictive */
.mp_list { position: absolute; background: #0f1010; border: 1px solid rgba(255, 255, 255, 0.2); top: 50px; left: 0; font-size: .875em; line-height: 1.1em; margin: 0; width: 99%; padding: 1.25em 0; list-style-type: none; list-style: none; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; z-index: 999; }

.mp_list:before { content: ""; position: absolute; top: -11px; left: 33px; width: 0; height: 0; border-bottom: 10px solid rgba(255, 255, 255, 0.2); border-left: 10px solid transparent; border-right: 10px solid transparent; }

.mp_list.hasMore { padding-bottom: 0; }

.mp_list li { padding: 5px 10px; margin: 0; list-style: none; color: #ffffff; text-transform: none; overflow: hidden; }

.mp_list li.mp_selectable { cursor: pointer; }

.touch-off .mp_list li.mp_highlighted { background: #666a6d; color: #0f1010; }

.mp_list .title { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (min-width: 48em) { .mp_list .title { float: left; width: 70%; } }

.mp_list .type { display: none; width: 27.5%; float: right; font-size: 14px; color: #cccccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (min-width: 48em) { .mp_list .type { display: block; } }

.mp_list li.mp_show_more { width: 100%; padding: 0; margin-top: 10px; background: none !important; }

.mp_list li.mp_show_more .title { float: none !important; display: block; padding: 10px 0; width: 100%; font-size: 1em; letter-spacing: 1px; text-align: center; color: #0094d9; text-transform: uppercase; border-top: 1px solid rgba(255, 255, 255, 0.2); text-decoration: none; cursor: pointer; }

.mp_list li.mp_show_more .type { display: none !important; }

.touch-off .mp_list li.mp_show_more:hover .title { color: #ffffff; }

#content .mp_list, .content-section .mp_list{ margin: 0; background: #ffffff; border: 2px solid #dfeaf0; }
#content .mp_list:before, .content-section .mp_list:before { border-bottom-color: #dfeaf0; }
#content .mp_list li, .content-section .mp_list li { font-size: 1em; color: #0f1010; }
#content .mp_list .type, .content-section .mp_list .type { color: #0f1010; }
#content .mp_list li.mp_highlighted, .content-section .mp_list li.mp_highlighted { background: #e1ebf1; color: #0f1010; }
#content .no-type .mp_list .title, .content-section .no-type .mp_list .title { float: none; width: 100%; }
#content .no-type .mp_list .type, .content-section .no-type .mp_list .type { display: none; }

#content .mp_list li.mp_show_more .title , .content-section .mp_list li.mp_show_more .title{ border-top-color: #dfeaf0; }

.touch-off #content .mp_list li.mp_show_more:hover .title, .touch-off .content-section .mp_list li.mp_show_more:hover .title { color: #0f1010; }

@media (min-width: 64.25em) { #content .large-search .mp_list, .content-section  .large-search .mp_list { top: 72px; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em; } }
@media (min-width: 64.25em) { #content .large-search .mp_list li, .content-section .large-search .mp_list li { font-size: 1.25em; } }

#searchForm2 { position: relative; width: 100%; max-width: 320px; margin: 0 auto; }
.div-col #searchForm2 { max-width: none; }
#searchForm2 fieldset { border: 0; padding: 7px 10px 3px 15px; border: 2px solid #e1ebf1; border-radius: 1.5em; overflow: hidden; }
#search_term2 { float: left; width: 75%; height: 24px; line-height: 24px; border: 0; color: #93999d !important; outline: none; padding: 0; font-weight: 300; background-color: transparent; font-size: 16px; text-transform: capitalize; }
#search_go2 { float: right; font-size: 26px; width: 28px; height: 26px; margin: 1px 0 0 0; border: 0; color: #0094d9; outline: none; display: block; background: none; cursor: pointer; text-align: center; text-decoration: none; }

#search_term2::-webkit-input-placeholder { opacity: 1 !important; }
#search_term2:-moz-placeholder { opacity: 1 !important; }
#search_term2::-moz-placeholder { opacity: 1 !important; }
#search_term2:-ms-input-placeholder { opacity: 1 !important; }

/* i14 - Navigation */
nav#main { position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background-color: #0f1010; z-index: 5999; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
@media (min-width: 48em) { nav#main { width: 270px; right: -270px; } }

#nav-open { position: absolute; left: -8em; top: .75em; display: inline-block; background: none; cursor: pointer; user-select: none; border: 0; padding: 1.6em; outline: none; box-shadow: none !important; }
#nav-open.has-alert { top: 10em;}
@media (max-width: 560px) { #nav-open.has-alert {top: 12em;} }
@media (min-width: 64.25em) { #nav-open { top: 2.5em; left: -16.5em; padding: 4em; } #nav-open.has-alert {top: 8em;} }
#nav-open #nav-open-w { display: inline-block; width: 38px; height: 38px; line-height: 3; border: 1px solid rgba(255, 255, 255, 0.2); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.65); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.65); box-shadow: 0 0 6px rgba(0, 0, 0, 0.65); }
@media (min-width: 64.25em) { #nav-open #nav-open-w { width: 58px; height: 58px; line-height: 3.5; } }
#nav-open #nav-open-icon { display: inline-block; padding: 0 0 5px 0; cursor: pointer; user-select: none; }
@media (min-width: 64.25em) { #nav-open #nav-open-icon { padding: 7px 0 10px 0; } }
#nav-open .txt { color: white; padding-top: 5px; text-transform: uppercase; font-weight: bold; font-size: 12px; text-shadow: 0 0 6px #000; text-shadow: 0 0 6px #000; box-shadow: none; }
#nav-open span { display: inline-block; width: 16px; height: 3px; background-color: #ffffff; border-radius: .1rem; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 6px rgba(0); }
@media (min-width: 64.25em) { #nav-open span { width: 28px; } }
#nav-open span:before, #nav-open span:after { display: inline-block; width: 16px; height: 3px; background-color: #ffffff; border-radius: .1rem; -webkit-transition: all .3s ease; transition: all .3s ease; position: absolute; left: 0; content: ''; -webkit-transform-origin: .1rem center; transform-origin: .1rem center; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 6px rgba(0); }
@media (min-width: 64.25em) { #nav-open span:before, #nav-open span:after { width: 28px; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 6px rgba(0); } }
#nav-open span:before { top: 6px; }
@media (min-width: 64.25em) { #nav-open span:before { top: 8px; } }
#nav-open span:after { top: -6px; }
@media (min-width: 64.25em) { #nav-open span:after { top: -8px; } }
#nav-open:hover #nav-open-icon { opacity: 1; }
#nav-open:hover span:before { top: 6px; }
@media (min-width: 64.25em) { #nav-open:hover span:before { top: 8px; } }
#nav-open:hover span:after { top: -6px; }
@media (min-width: 64.25em) { #nav-open:hover span:after { top: -8px; } }
#nav-open:active { transition: 0;  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 6px rgba(0); }



.touch-off #nav-open #nav-open-w { -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; }
.touch-off #nav-open:hover #nav-open-w { border-color: #ffffff; }

body.show-nav nav#main { right: 0; position: fixed; }
body.show-nav #nav-open span { background-color: transparent; box-shadow: none; }
body.show-nav #nav-open span:before, body.show-nav #nav-open span:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; left: -2px; width: 20px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); }
@media (min-width: 64.25em) { body.show-nav #nav-open span:before, body.show-nav #nav-open span:after { left: 1px; width: 26px; } }
body.show-nav #nav-open span:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
body.show-nav #nav-open span:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

body.show-locations nav#main { right: 320px; }

#nav-inner { position: relative; overflow-x: hidden; overflow-y: auto; padding: 0 2em; height: 100%; min-height: 100%; }

#nav-locations { margin: 2em 0; }
#nav-locations .locations-buttons { overflow: hidden; }
#nav-locations h6 { font-size: .875em; color: #666a6d; margin-bottom: 16px; float: left; width: 50%; }
#nav-locations .locations-buttons h6.mapit { float: right; text-align: right; }
#nav-locations h6 a { color: #666a6d; text-decoration: none; }
#nav-locations h6 a:hover { color: #0094d9; }
#nav-locations .locations-buttons h6.mapit a:after { width: 20px; text-align: center; font-family: "icons"; content: "\e602"; display: inline-block; font-size: 1em; font-weight: normal; vertical-align: -.2em; margin-left: .25em; }
#nav-locations .locations-buttons h6.mapit a.active:after { content: "\e608"; }

#map_canvas_nav { width: 100%; height: 274px; }
#map_canvas_nav img { max-width: none !important; }
#map_canvas_nav .infowindow { background-color: #ffffff; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; position: relative; }
#map_canvas_nav .infowindow:after { content: ""; position: absolute; bottom: -12px; left: 50%; width: 0; height: 0; margin-left: -13px; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #ffffff; }
#map_canvas_nav .infowindow .inner { width: 100%; overflow: hidden; }
#map_canvas_nav .infowindow .info { padding: 1em; }
#map_canvas_nav .infowindow .info p { font-size: 13px; margin: 0; font-weight: 400; line-height: 1.25em; }
#map_canvas_nav .infowindow .info p a { display: block; color: #6d7f89; }
#map_canvas_nav .infowindow .info p a.name { color: #0094d9; margin-bottom: 3px; }

#map_canvas_nav-wrap { position: relative; height: 274px; width: 100%; margin-bottom: 1em; }
#map_canvas_nav-wrap.loading { background: url(/_assets/img/ajax-loader-linear.svg) no-repeat center 40px; -moz-background-size: 64px 64px; -o-background-size: 64px 64px; -webkit-background-size: 64px 64px; background-size: 64px 64px; }

#nav-locations ul { position: relative; clear: both;  }
#nav-locations ul li { text-transform: uppercase; font-size: 1.25em; margin-bottom: 16px; }
#nav-locations ul li a { display: block; position: relative; color: #666a6d; text-decoration: none; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
#nav-locations ul li a:before { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; vertical-align: middle; float: right; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
#nav-locations ul li a:after { display: none; content: ""; position: absolute; top: 0; right: -32px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #202427; }
#nav-locations ul li a:hover, #nav-locations ul li a.active { color: #0094d9; }
@media (min-width: 48em) { #nav-locations ul li a.active:after { display: block; } }

#nav-top { margin: 2em 0; }

#searchForm { width: 75%; float: left; position: relative; }
@media (min-width: 48em) { #searchForm { width: 100%; float: none; } }
#searchForm fieldset { border: 0; padding: 5px 10px 5px 15px; border: 1px solid rgba(255, 255, 255, 0.2); -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; border-radius: 1.5em; overflow: hidden; }

#search_term { float: left; width: 75%; height: 24px; line-height: 24px; border: 0; color: #ffffff; outline: none; padding: 0; font-size: .875em; font-weight: 300; background-color: transparent; font-size: 16px; }

#search_go { float: right; font-size: 24px; width: 26px; height: 24px; margin: 1px 0 0 0; border: 0; color: rgba(255, 255, 255, 0.2); outline: none; display: block; background: none; cursor: pointer; text-align: center; text-decoration: none; }

#nav-close { float: right; background: none; cursor: pointer; user-select: none; border: 0; width: 38px; height: 38px; border: 1px solid rgba(255, 255, 255, 0.2); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
@media (min-width: 48em) { #nav-close { display: none; } }
#nav-close #nav-open-icon { display: inline-block; cursor: pointer; user-select: none; }
#nav-close span { display: inline-block; width: 16px; height: 3px; background-color: transparent; border-radius: .1rem; position: relative; }
#nav-close span:before, #nav-close span:after { display: inline-block; height: 3px; width: 20px; top: -2px; left: -2px; background-color: #ffffff; border-radius: .1rem; position: absolute; content: ''; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
#nav-close span:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
#nav-close span:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
#nav-close:active { transition: 0; }

#nav li { margin-bottom: 1em; }
#nav li a { font-size: 1.875em; display: block; color: #ffffff; text-decoration: none; }

#subnav, #nav-links-top { margin-top: 3em; }
#subnav li, #nav-links-top li { margin-bottom: 1em; }
#subnav li a, #nav-links-top li a { font-size: 1.125em; color: #666a6d; text-decoration: none; }

#nav-btm { margin-top: 4em; margin-bottom: 2em; }

#nav-links-btm { margin-bottom: 2em; }
#nav-links-btm li { margin-bottom: .5em; }
#nav-links-btm li a { font-size: .9125em; color: #666a6d; text-decoration: none; }
#nav-links-btm li a span { display: inline-block; font-size: 1.125em; margin-left: .25em; vertical-align: text-bottom; }

nav#main .social-links li { display: inline-block; margin-left: 1.5em; }
nav#main .social-links li:first-child { margin-left: 0; }
nav#main .social-links li a { font-size: 1.5em; color: #666a6d; text-decoration: none; }

.touch-off #search_go, .touch-off #subnav li a, .touch-off #nav-links-top li a, .touch-off #nav-links-btm li a, .touch-off nav#main .social-links li a, .touch-off #nav li a { -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
.touch-off #nav-close { -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; }
.touch-off #search_go:hover, .touch-off #subnav li a:hover, .touch-off #nav-links-top li a:hover, .touch-off #nav-links-btm li a:hover, .touch-off nav#main .social-links li a:hover { color: #ffffff; }
.touch-off #nav li a:hover { color: #666a6d; }
.touch-off #nav-close:hover { border-color: #ffffff; }

@media (min-width: 64.25em) { .large-header #nav-btm { margin-top: 12em; } }
@media (min-width: 85.625em) { .large-header #nav-btm { margin-top: 14em; } }

#campuses { position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background-color: rgba(32, 36, 39, 0.98); z-index: 6100; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
@media (min-width: 48em) { #campuses { width: 320px; right: -320px; } }

body.show-locations #campuses { right: 0; position: fixed; }

#campuses-inner { position: relative; overflow-x: hidden; overflow-y: auto; padding: 0 2em; height: 100%; min-height: 100%; }
#campuses-inner.loading { background: url(/_assets/img/ajax-loader-linear.svg) no-repeat center 40px; -moz-background-size: 64px 64px; -o-background-size: 64px 64px; -webkit-background-size: 64px 64px; background-size: 64px 64px; }
#campuses-inner .campus { padding-top: 2em; }
#campuses-inner .campus .close { text-decoration: none; font-size: .875em; margin-bottom: 1em; }
@media (min-width: 48em) { #campuses-inner .campus .close { display: none; } }
#campuses-inner .campus .close i { display: inline-block; vertical-align: middle; color: #ffffff; }
#campuses-inner .campus .close a { text-decoration: none; color: #ffffff; }
#campuses-inner .campus .image { margin-bottom: 1.5em; }
#campuses-inner .campus .image img { display: block; width: 100%; height: auto; }
#campuses-inner .campus h6 { font-size: .875em; color: #ffffff; margin: 0; }
#campuses-inner .campus h3 { color: #ffffff; text-transform: uppercase; border-bottom: 1px solid #3b4043; margin-bottom: 20px; padding-bottom: 20px; }
#campuses-inner .campus .info h6 { color: #909498; }
#campuses-inner .campus .info p { font-size: 1em; color: #d1d5da; }
#campuses-inner .campus .more { margin: 1em 0 0 0; }
#campuses-inner .campus .more a.button-blue { display: block !important; }

/* i15 - Header */
#weatherBar {
	background-color: #0094D9;
	padding: 1em 0 .5em;
}
#weatherBar .details {
	display: inline-block;
	width: 85%;
	padding: 0;
}
#weatherBar .details span {
	display: inline-block;
	font-size: 27px;
	color: white;
	margin-right: 1.5%;
	line-height: 1;
	vertical-align: sub;
	opacity: 0.5;
	width: 3%;
}
#weatherBar .details h3 {
	display: inline-block;
	color: white;
	font-size: 20px;
	line-height: 1;
	margin-right: 1.5%;
	text-transform: uppercase;
	margin-bottom: 0;
	width: 21%;
}
#weatherBar .details p {
	display: inline-block;
	color: #003856;
	margin-bottom: 0;
	font-size: 20px;
	line-height: 1;
	width: 71%;
	margin-right: 1.5%;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 10px;
}
#weatherBar .button-container {
	width: 15%;
	display: inline-block;
}

#weatherBar .button-container .button-blue {
	border: 1px solid white;
	font-size: 18px;
	margin-top: 2px;
	padding: .5em 1em;
	box-sizing: border-box;
	width: 100%;
}

#weatherBar .button-container .button-mobile {
	border-radius: 50%;
	border: 1px solid white;
	height: 40px;
	width: 40px;
	display: none;
	padding: 8px;
	position: absolute;
	top: -6px;
	right: 12px;
	box-sizing: border-box;
}

#weatherBar .button-container .button-mobile:after {
	font-family: "icons";
	content: "\e602";
	font-size: 1.5em;
	font-weight: normal;
	color: white;
	vertical-align: middle;
	margin-left: -2px;
}

@media (max-width: 1300px) {
	#weatherBar .container {
		width: 95%;
		margin: 0 auto;
	}
}

@media (max-width: 1024px) {

	#weatherBar .details {
		width: 82%;
	}

	#weatherBar .details h3 {
		width: auto;
	}

	#weatherBar .details span {
		width: 27px;
		margin-right: 14px;
	}

	#weatherBar .details p {
		display: block;
		margin: .5em 0 0 41px;
		font-size: 16px;
		line-height: 1.2;
		padding: 0 0 10px 0;
		width: auto;
	}

	#weatherBar .button-container {
		position: absolute;
		top: 1em;
		right: 0;
	}

	#weatherBar .button-container .button-blue {
		display: none;
	}

	#weatherBar .button-container .button-mobile {
		display: inline-block;
	}
}

#header { position: relative; background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; min-height: 18em; overflow: hidden; z-index: 1999; transition: .3s;}
#header[style*='background-image: url("")'] { height: 200px !important; min-height: initial !important; }
@media (min-width: 48em) { #header { min-height: 22em; } }
@media (min-width: 64.25em) { #header { min-height: 34.75em; } }
#header:before { display: none; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
@media (min-width: 64.25em) { #header.hasvideo { background-image: none !important; } }
#header .header-text { padding: 3em 5% 1em; text-align: center; }
@media (min-width: 48em) { #header .header-text { padding: 6em 6em 2em 6em; text-align: left; } }
@media (min-width: 64.25em) { #header .header-text { padding-top: 8em; } }
#header h1 span { font-style: normal; display: inline-block; background-color: #0094d9; padding: .0625em .125em; }
#header h2 strong, #header h3 strong, #header h4 strong, #header h5 strong, #header h6 strong { display: none; font-weight: inherit; }
@media (min-width: 48em) { #header h2 strong, #header h3 strong, #header h4 strong, #header h5 strong, #header h6 strong { display: inline-block; } }
#header h2 em, #header h3 em, #header h4 em, #header h5 em, #header h6 em { font-style: normal; display: inline-block; background-color: #0094d9; padding: .0625em .125em; }
#header h1 { color: #ffffff; text-align: center; width: 90%; margin: 1.75em auto 1em auto; }
@media (min-width: 48em) { #header h1 { width: 100%; } }
@media (min-width: 64.25em) { #header h1 { margin-top: 2.5em; } }
@media (min-width: 64.25em) { #header h2 { letter-spacing: 4px; } }
#header h2, #header h3, #header h4, #header h5, #header h6, #header blockquote { color: #ffffff; }
#header blockquote { background-color: transparent; }
#header a { color: #ffffff; }
#header .button-white { color: #0094d9; }
#header .button-small, #header .button-icon, #header .button-large { border-color: rgba(255, 255, 255, 0.2); }
#header .button-icon span { color: #ffffff; }

@media (min-width: 85.625em) { .large-header #header .header-text { padding-top: 17em; } }

.touch-off #header .button-white { -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; }
.touch-off #header .button-white:hover { border-color: #0094d9; }
.touch-off #header .button-small, .touch-off #header .button-icon, .touch-off #header .button-large { -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; }
.touch-off #header .button-small:hover, .touch-off #header .button-icon:hover, .touch-off #header .button-large:hover { border-color: #ffffff; }

@media (min-width: 48em) { .large-header #header { min-height: 32.375em; } }
@media (min-width: 64.25em) { .large-header #header { min-height: 43.25em; } }
@media (min-width: 85.625em) { .large-header #header { min-height: 57.8125em; } }

.large-header #header.hasvideo { min-height: 0; padding-bottom: 56.25%; }
@media (min-width: 48em) { .large-header #header.hasvideo { min-height: 0; } }
@media (min-width: 64.25em) { .large-header #header.hasvideo { min-height: 43.25em; padding-bottom: 0; } }
@media (min-width: 85.625em) { .large-header #header.hasvideo { min-height: 57.8125em; padding-bottom: 0;} }

#header .video-link { display: block; height: 100%; width: 100%; cursor: pointer; }

#bigvideo { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
#bigvideo video { display: block; height: 100%; width: 100%;	-o-object-fit: fill; object-fit: fill; }
@media (min-width: 64.25em) { html.csstransforms #bigvideo video { position: absolute; width: auto; height: auto;  min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.large-header #header.hasvideo #bigvideo { height: 100%; width: 100%; left: 0; right: 0; }

#metanav { position: relative; padding: 2em 5% 0 5%; z-index: 500; }
#home #metanav { position: absolute; top: 0;}
@media (min-width: 64.25em) { #metanav { padding-top: 4.125em; } }
#metanav .logo { float: left; width: 180px; z-index: 9999; }
@media (min-width: 48em) { #metanav .logo { width: 240px; } }
@media (min-width: 64.25em) { #metanav .logo { width: 320px; } }
#metanav .logo img { display: block; width: 100%; max-width: 180px; }
@media (min-width: 48em) { #metanav .logo img { max-width: 240px; } }
@media (min-width: 64.25em) { #metanav .logo img { max-width: 320px; } }

#header.header-video { min-height: 0; height: 0; padding-bottom: 56.25%; z-index: 9999; }
@media (min-width: 48em) { #header.header-video { min-height: 0; height: 0; padding-bottom: 56.25%; } }
@media (min-width: 64.25em) { #header.header-video { min-height: 0; height: 0; padding-bottom: 56.25%; } }
#header.header-video .header-text { display: none; }
#header-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; z-index: 1999; }
#header-video iframe, #header-video object, #header-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1999; }
#header-video.loading { background-image: url(/_assets/img/ajax-loader-linear.svg); background-repeat: no-repeat; background-position: center center; background-size: 64px 64px; }
#close-header-sermon { position: absolute; left: 1em; top: 1em; color: #ffffff; z-index: 2999; text-decoration: none; text-align: center; height: 40px; width: 40px; line-height: 40px; border-radius: 100%; border: 2px solid #ffffff; overflow: hidden; }
#close-header-sermon i { display: inline-block; vertical-align: middle; font-size: 30px; line-height: 40px; }

/* i16 - Content */
#content { position: relative; background-color: #f2f6f8; }

#text { padding: 3em 5% 2em 5%; }
@media (min-width: 61.875em) { #text { padding: 5em 4em 2em 4em; } }

#content #subnav { margin: 0 0 3em 0; text-align: center; }
#content #subnav li { display: block; line-height: 1; font-size: 1.125em; font-weight: 200; margin-bottom: .5em; }
@media (min-width: 61.875em) { #content #subnav li { display: inline-block; margin-bottom: 0; } }
#content #subnav li a { display: block; background-color: #ffffff; font-weight: 200; color: #0094d9; padding: 1em 3em; }
#content #subnav li a:hover { text-decoration: underline; }
#content #subnav li.current a { background-color: #0094d9; color: #ffffff; }

/* i17 - List Grid */
.listgrid { margin-bottom: 2em; display: block; }
@media (min-width: 48em) { .listgrid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
@media (min-width: 64.25em) { .listgrid { margin-bottom: 5em; } }
.listgrid article { display: block; position: relative; float: none; width: 100%; margin: 0 0 2.5em 0; padding: 0; overflow: hidden; }
.listgrid article:before { content: ""; position: absolute; top: 14px; bottom: 14px; left: 14px; right: 14px; background-color: rgba(255, 255, 255, 0.95); z-index: 10; }
.listgrid article .article-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #dfeaf0; background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; z-index: 0; }
.listgrid article .article-inner { position: relative; overflow: hidden; padding: 2em 10%; width: 80%; text-align: center; z-index: 20; }
@media (min-width: 48em) { .listgrid article .article-inner { padding: 2.5em 3.5em; } }
.listgrid article h3 { text-transform: uppercase; }
.listgrid article .preview { font-size: 1.5em; font-style: italic; font-weight: 200; line-height: 1.25em; margin-bottom: 1em; }
.listgrid article .more { margin: 0; }
.listgrid article .more a { display: inline-block; position: relative; text-align: center; padding: .5em .35em; text-indent: 5px; border: 2px solid #dfeaf0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

@media (min-width: 48em) { .listgrid.three article { display: -webkit-flex; display: -ms-flexbox; display: flex; float: left; width: 48.5%; margin-left: 3%; } }
@media (min-width: 64.25em) { .listgrid.three article { width: 31.33333333333333%; } }
@media (min-width: 48em) { .listgrid.three article:nth-child(2n+1) { clear: left; margin-left: 0; } }
@media (min-width: 64.25em) { .listgrid.three article:nth-child(2n+1) { clear: none; margin-left: 3%; } }
@media (min-width: 64.25em) { .listgrid.three article:nth-child(3n+1) { clear: left; margin-left: 0; } }

@media (min-width: 48em) { .listgrid.four article { display: -webkit-flex; display: -ms-flexbox; display: flex; float: left; width: 48.5%; margin-left: 3%; } }
@media (min-width: 64.25em) { .listgrid.four article { width: 22.75%; } }
@media (min-width: 48em) { .listgrid.four article:nth-child(2n+1) { clear: left; margin-left: 0; } }
@media (min-width: 64.25em) { .listgrid.four article:nth-child(2n+1) { clear: none; margin-left: 3%; } }
@media (min-width: 64.25em) { .listgrid.four article:nth-child(4n+1) { clear: left; margin-left: 0; } }

.listgrid.landing article { text-align: center; }
.listgrid.landing article .article-bg { background-image: url(/_assets/img/landing-tile-image.jpg); }

.touch-off .landing article .more a { -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; }
.touch-off .landing article .more a:hover { border-color: #0094d9; }
.touch-off .landing article .article-bg { -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 700ms; -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 700ms; -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 700ms; transition: cubic-bezier(0.165, 0.84, 0.44, 1) 700ms; }
.touch-off .landing article:hover .article-bg { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

/* i18 - Sections */
.content-section .content-section-inner { padding: 4em 0 2em 0; background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
@media (min-width: 64.25em) { .content-section .content-section-inner.parallax { background-attachment: fixed; } }
.content-section .content-section-inner.bg-only { padding: 8em 0; }
@media (min-width: 64.25em) { .content-section .content-section-inner.bg-only { padding: 12em 0; } }
.content-section .billboard { margin-bottom: 2em; }
.content-section .billboard img { display: block; width: 100%; height: auto; }
.content-section .text { padding: 0 5%; }
@media (min-width: 61.875em) { .content-section .text { padding: 0 4em; } }

.touch-off .content-section .content-section-inner.parallax { background-attachment: fixed; }

/* For mobile/desktop image section */
@media (min-width: 64.25em) {
.content-section .mobile-option-row {
	width: 100%;
	display: -webkit-flex; 
	display: flex;
}
.content-section .mobile-option-row article {
	-webkit-flex-grow: 1; 
	flex-grow: 1;
}
}

.content-section .mobile-image-option a {
   display: block;
   cursor: pointer;
}

.content-section .mobile-image-option img {
   display: block;
   width: 100%;
   height: auto;
}

.content-section .mobile-image-option .desktop {
   display: block;
}

.content-section .mobile-image-option .mobile {
   display: none;
}

@media (max-width: 768px) {
   .content-section .mobile-image-option .desktop {
      display: none;
   }

   .content-section .mobile-image-option .mobile {
      display: block;
   }
}

@media (min-width: 61.875em) { .widget { display: table; width: 100%; } }
.widget article { position: relative; background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; text-align: center; }
@media (min-width: 61.875em) { .widget article { display: table-cell; width: 33.33333333333333%; vertical-align: middle; } }
.widget article:before { content: ""; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 0; }
.widget article .article-inner { position: relative; padding: 3em 5%; }
@media (min-width: 64.25em) { .widget article .article-inner { padding: 3em; } }
@media (min-width: 85.625em) { .widget article .article-inner { padding: 6em 5em; } }
.widget article.image-only a { display: block; position: relative; padding-bottom: 46.25%; }
.widget article.image-only[data-embed] a { display: none; }
.widget article.image-only .div-embed { margin: 0; }
.widget article .icons { text-align: center; margin-bottom: 1.5em; }
.widget article .icons span { display: inline-block; color: #d7dee1; font-size: 4em; }
@media (min-width: 64.25em) { .widget article .icons span { font-size: 6em; } }
.widget article .image-only { display: block; padding-bottom: 46.25%; cursor: pointer; }

.widget article h3 { font-size: 1.375em; letter-spacing: 1px; text-transform: uppercase; }
.widget article .image { margin: 1em 0 1.5em 0; }
.widget article .image img { display: inline-block; width: 100%; max-width: 334px; height: auto; }
.widget article .meta { font-size: 1em; line-height: 1.25em; margin-bottom: .75em; font-weight: 200; }
.widget article .preview { font-size: 1.25em; line-height: 1.45em; margin-bottom: .5em; font-style: italic; font-weight: 200; }
.widget article .more { margin: 0; }
.widget article .more .button-small { border-color: transparent; }
.widget article .more .button-small:hover { text-decoration: underline; }
.widget article.replace-section .article-inner { display: none; }
.widget article.replace-section.loading .article-inner { display: block; min-height: 10em; background: url(/_assets/img/ajax-loader-linear.svg) no-repeat center center; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
.widget article.replace-section.loaded .article-inner { display: block; min-height: 0; background: none; }

@media (min-width: 61.875em) { .flexbox .widget { display: -webkit-flex; display: flex; width: 100%; } }
@media (min-width: 61.875em) { .flexbox .widget article { display: block; width: 100%; -webkit-flex-grow: 1; flex-grow: 1; } }

.widget article.social .more { margin: 0; }
.widget article.social .more a { display: inline-block; position: relative; text-align: center; padding: .5em .35em; text-indent: 5px; border: 2px solid #dfeaf0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; }
.widget article.social .more a:hover { border-color: #0094d9; }

.dark { color: #ffffff; }
.dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark blockquote { color: #ffffff; }
.dark blockquote { background-color: transparent; }
.dark a { color: #ffffff; }
.dark .preview { margin-bottom: 1em; }
.dark .button-white { color: #0094d9; }
.dark .button-white:hover { border-color: #0094d9; }
.dark .button-small, .dark .button-icon, .dark .button-large { border-color: rgba(255, 255, 255, 0.2); }
.dark .button-square, .dark p.button-small-square a { border-color: #ffffff; }
.dark .button-square span, .dark p.button-small-square a span { color: #ffffff; }
.dark .widget article { background-color: #292c2e; }
.dark .widget article .icons span { color: #ffffff; }
.dark .widget article h3 { font-size: 1.875em; }
.dark .widget article .meta { font-size: 1.125em; }
.dark .widget article .preview { font-size: 1.5em; }
.dark .widget article .more .button-small { text-decoration: none; border-color: rgba(255, 255, 255, 0.2); }

.homepage .content-section .text { text-align: center; }
@media (min-width: 64.25em) { .homepage .content-section .text { padding: 0 2.5%; text-align: left; } }
@media (min-width: 85.625em) { .homepage .content-section .text { padding: 0; } }
.homepage .content-section .widget article .preview { color: #c3b9b5; }

.touch-off .dark .widget article:before { -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.touch-off .dark .widget article:hover:before { visibility: visible; opacity: 1; }
.touch-off .dark .widget article .button-small, .touch-off .dark .widget article .button-icon, .touch-off .dark .widget article .button-large { border-color: rgba(255, 255, 255, 0.2); }
.touch-off .dark .widget article .button-small:hover, .touch-off .dark .widget article .button-icon:hover, .touch-off .dark .widget article .button-large:hover, .touch-off .dark .button-square, .touch-off .dark p.button-small-square a { border-color: #ffffff; }
.touch-off .dark .widget article .more .button-small:hover { border-color: #ffffff; }
.touch-off .dark .button-square:hover, .touch-off .dark p.button-small-square a:hover { border-color: rgba(255, 255, 255, 0.2); }

/* i19 - Footer */
#footer { position: relative; z-index: 2899; color: #93999d; }
#footer a { color: #93999d; }
#footer .button-simple { color: #ffffff; }
#footer h6 { color: #93999d; font-size: 1.0625em; font-weight: 200; }
#footer p { font-size: .9375em; }
#footer .button-simple { font-size: .9375em; }

#footer-top { background-color: #323638; padding: 2em 5%; text-align: center; }
@media (min-width: 64.25em) { #footer-top { padding: 3em 2em; text-align: left; } }
@media (min-width: 85.625em) { #footer-top { padding-left: 0; padding-right: 0; } }
#footer-top section { margin-bottom: 2em; }
#footer-top section:last-child { margin-bottom: 0; }
@media (min-width: 64.25em) { #footer-top section { margin-bottom: 0; } }
#footer-top p { margin-bottom: .25em; }
#footer-top .logo { margin-bottom: 2em; }
@media (min-width: 64.25em) { #footer-top .logo { margin-bottom: 0; float: left; width: 25%; } }
#footer-top .logo img { display: inline-block; width: 100%; max-width: 240px; }
@media (min-width: 64.25em) { #footer-top .logo img { max-width: 320px; } }
@media (min-width: 64.25em) { #footer-top .connect { float: right; max-width: 75%; } }
@media (min-width: 64.25em) { #footer-top .connect section { display: table-cell; width: 30%; min-width: 13em; padding-left: 3%; vertical-align: top; } }
@media (min-width: 64.25em) { #footer-top .connect .wide { width: 63%; min-width: 24em; } }
#footer-top .connect .address span { display: block; }
@media (min-width: 64.25em) { #footer-top .connect .address span { display: inline; } }
#footer-top .social-links { margin-top: .5em; }
#footer-top .social-links li { display: inline-block; margin-left: 1.5em; }
@media (min-width: 64.25em) { #footer-top .social-links li { margin-left: .5em; } }
#footer-top .social-links li:first-child { margin-left: 0; }
#footer-top .social-links li a { font-size: 1.5em; color: #666a6d; text-decoration: none; }

#footer-btm { padding: 2em 5%; text-align: center; }
@media (min-width: 64.25em) { #footer-btm { padding: 2em; text-align: left; } }
@media (min-width: 85.625em) { #footer-btm { padding-left: 0; padding-right: 0; } }
#footer-btm p { margin-bottom: 0; }
#footer-btm section { margin-bottom: 2em; }
@media (min-width: 64.25em) { #footer-btm section { float: left; width: 50%; margin: 0; } }
#footer-btm section.credits { margin-bottom: 0; }
@media (min-width: 64.25em) { #footer-btm section.credits p { text-align: right; } }
#footer-btm section.credits p span { display: inline-block; margin: 0 .5em; }
#footer-btm section.credits p a { margin-left: .25em; text-decoration: none !important; }
#footer-btm section.credits p a span.icon-ekk-logo { display: inline-block; font-size: 1.25em; color: #1293aa !important; vertical-align: -2px; }
#footer-btm section.credits p a span.icon-pixelight { display: inline-block; font-size: .925em; color: #ffffff !important; background-color: #b0350f !important; padding: 3px 2px; vertical-align: -2px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }

.touch-off #footer-top .social-links a, .touch-off #footer-btm .credits p a { -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
.touch-off #footer-top .social-links a:hover, .touch-off #footer-btm .credits p a:hover { color: #ffffff; }

/* i20 - Map */
#map-layout.loading { background: url(/_assets/img/ajax-loader-linear.svg) no-repeat center center; -moz-background-size: 64px 64px; -o-background-size: 64px 64px; -webkit-background-size: 64px 64px; background-size: 64px 64px; min-height: 300px; }

#map_canvas { width: 100%; height: 300px; }
@media (min-width: 64.25em) { #map_canvas { height: 602px; } }
#map_canvas label { width: auto !important; display: inline !important; }
#map_canvas img { max-width: none !important; }
#map_canvas .infowindow { background-color: #ffffff; -moz-border-radius: 2.5em; -webkit-border-radius: 2.5em; border-radius: 2.5em; position: relative; }
#map_canvas .infowindow:after { content: ""; position: absolute; bottom: -12px; left: 50%; width: 0; height: 0; margin-left: -13px; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #ffffff; }
#map_canvas .infowindow .inner { display: table; width: 85%; padding: .65em 5% .65em 10%; overflow: hidden; }
#map_canvas .infowindow .info { display: table-cell; vertical-align: middle; width: 77.5%; }
#map_canvas .infowindow .info h6 { font-size: 20px; text-transform: none; margin: 0; }
#map_canvas .infowindow .info p { font-size: 13px; margin: 0; text-transform: uppercase; font-weight: 200; line-height: 1.25em; }
#map_canvas .infowindow .more { display: table-cell; width: 20%; text-align: right; vertical-align: middle; }
#map_canvas .infowindow .more a { display: inline-block; font-size: 20px; position: relative; text-align: center; padding: .4em .25em .3em .25em; text-indent: 4px; text-decoration: none !important; border: 2px solid #dfeaf0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

.touch-off #map_canvas .infowindow .more a { -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; }
.touch-off #map_canvas .infowindow .more a:hover { border-color: #0094d9; }

/* i21 - Calculator */
#Giving-Calculator { overflow: hidden; }

@media (min-width: 61.875em) { .control-group { float: left; overflow: hidden; width: 22.5%; margin-right: 2.5%; text-align: right; } }

.form-horizontal .control-label { font-weight: 700; line-height: 28px; margin-bottom: 10px; }

.form-horizontal .controls { margin-bottom: 20px; }
@media (min-width: 61.875em) { .form-horizontal .controls { margin-bottom: 0; } }

.form-horizontal .controls input { background-color: #ffffff; border: 1px solid #cccccc; padding: 4px 10px; width: 126px; color: #4f4f4c; height: 20px; line-height: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear 0.2s, box-shadow linear 0.2s; }

.giving-table-outter { position: relative; width: 100%; overflow-x: auto; }
@media (min-width: 61.875em) { .giving-table-outter { width: 75%; float: left; } }

#inputIncome { font-size: 18px; text-align: right; }

#Generosity-Table { width: 750px; border-collapse: collapse; }
@media (min-width: 61.875em) { #Generosity-Table { width: 100%; } }

#Generosity-Table tr { text-align: right; }

#Generosity-Table .Categories { text-align: center; }

#Generosity-Table td, #Generosity-Table th { padding: 4px 10px; border-left: 1px dotted #fffef5; border-bottom: 1px dotted #fffef5; }

#Generosity-Table .dollar { font-size: .9em; margin-right: 2px; text-shadow: none; }

#Generosity-Table .Categories { font-weight: 700; font-size: 14px; }

#Generosity-Table .Intentional { background-color: #f8e2a3; }

#Generosity-Table .Tithing { background-color: #fac19a; }

#Generosity-Table .Extravagant { background-color: #f4a98d; }

#Generosity-Table .Intentional { color: #7a5d09; font-size: 14px; }

#Generosity-Table .Tithing { color: #763406; font-size: 14px; }

#Generosity-Table .Extravagant { color: #602109; font-size: 14px; }

#Generosity-Table .Intentional .dollar { color: #ce9f1b; font-size: 14px; }

#Generosity-Table .Tithing .dollar { color: #cc6016; font-size: 14px; }

#Generosity-Table .Extravagant .dollar { color: #b3451c; font-size: 14px; }

#Generosity-Table tr:nth-child(odd) .Intentional { background-color: #faeabb; font-size: 14px; }

#Generosity-Table tr:nth-child(odd) .Tithing { background-color: #fbd0b3; font-size: 14px; width: 75px; }

#Generosity-Table tr:nth-child(odd) .Extravagant { background-color: #f6bba5; font-size: 14px; }

#Generosity-Table tr.Categories .Intentional, #Generosity-Table tr.Total .Intentional { background-color: #f3cc5c; font-size: 14px; }

#Generosity-Table tr.Categories .Tithing, #Generosity-Table tr.Total .Tithing { background-color: #f69552; font-size: 14px; }

#Generosity-Table tr.Categories .Extravagant, #Generosity-Table tr.Total .Extravagant { background-color: #ed7448; font-size: 14px; }

#Generosity-Table .Total, #Generosity-Table > tbody > tr > th { font-size: 14px; }

#Generosity-Table { table-layout: fixed; margin: 0 0 15px; }

#Generosity-Table > thead > tr.Categories > td:nth-child(1) { width: 192px; padding-left: 20px; }

/* i22 - Containers */
.container { position: relative; width: 100%; max-width: 61.875em; margin: 0 auto; }

.homepage .content-section .container { max-width: 64.25em; }

.container-large { position: relative; width: 100%; max-width: 85.625em; margin: 0 auto; }

#wrap { position: relative; width: 100%; overflow: hidden; }

#site-wrap { position: relative; width: 100%; }

.accordiontrigger {
	cursor:pointer;
}

.accordiontrigger .plus-icon,.accordiontrigger3 .plus-icon {
	display:inline-block;
	position:relative;
	right:-9px;
	top:3px;
	width:18px;
	height:18px;
	text-indent:-9999px;
	background:url(/_img/icon-plus.png?v=3) no-repeat 0 0;
}

.accordiontrigger .plus-icon.hidden,.accordiontrigger3 .plus-icon.hidden {
	background:none;
}

.js .accordionbellow {
	display:none;
	position:relative;
	-webkit-transition:max-height 700ms ease;
	-moz-transition:max-height 700ms ease;
	-o-transition:max-height 700ms ease;
	padding-bottom:7px;
}

/*.accordiontrigger3 .accordionbellow{
	display: block;
	overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.accordiontrigger3.active .accordionbellow{
	-moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    max-height: 1000px;
    overflow: hidden;
}*/
.accordiontrigger3 .accordionbellow {
	display:none;
	padding-bottom:0;
}

.accordiontrigger3.active .accordionbellow {
	display:block;
}

.accordiontrigger3.active .accordionbellow .accordionbellow {
	display:none;
}

.accordiontrigger3.active .accordionbellow .accordiontrigger3.active .accordionbellow {
	display:block;
}

.accordiontrigger3.active .accordionbellow .accordiontrigger3.active .accordionbellow .accordionbellow {
	display:none;
}

/*---FOR TEXT AREA---*/
#text .accordiontrigger {
	background:#0094d9;
	padding:.75em 10% .75em 5%;
	margin-bottom:0;
	font-weight:300;
	font-size:1.2em;
	position:relative;
	border-top:1px solid #fff;
}

#text .accordiontrigger.image {
	background: none;
	padding:0;
	border: 0;
}

#text .accordiontrigger.image img {
	display: block;
	width: 100%;
	height: auto;
}

#text .accordiontrigger.active {
	background:#0094d9;
	color:#fff;
}

#text .accordiontrigger .accordionstatus {
	position:absolute;
	right:1em;
	top:.75em;
	color:#fff;
}

#text .accordiontrigger.image .accordionstatus  {
	display: none !important;
}

#text .accordiontrigger .accordionstatus:before {
	font-family:"icons";
	content:"\e602";
	font-weight:400!important;
	vertical-align:middle;
	font-size:1.2em;
	position:relative;
	top:-2px;
	right:5px;
}

#text .accordiontrigger.active .accordionstatus:before {
	font-family:"icons";
	content:"\e603";
	font-weight:400!important;
	vertical-align:middle;
	font-size:1.2em;
	position:relative;
	top:-1px;
	right:8px;
}

.plus-icon {
	display:inline-block;
	position:relative;
	right:-9px;
	top:3px;
	width:18px;
	height:18px;
	text-indent:-9999px;
	background:url(/_img/icon-plus.png?v=3) no-repeat 0 0;
}

.plus-icon.hidden {
	background:none;
}

#text .accordiontext {
	padding:1em 5%;
	margin-bottom:0;
}

.js #text .accordionbellow {
	display:none;
	position:relative;
	background:#e3e3e3;
	-webkit-transition:max-height 700ms ease;
	-moz-transition:max-height 700ms ease;
	-o-transition:max-height 700ms ease;
}

/* Home Overlay Styles */

#home-overlay {
	position: absolute;
	padding-top: 0;
	top: 8%;
	width: 70%;
	left: 15%;
	margin: auto;
	z-index:2000;
	color: rgba(255,255,255,0.95);
	text-align: center;
}

#home-overlay h1, #home-overlay h2, #home-overlay h3, #home-overlay h4, #home-overlay h5, #home-overlay p, #home-overlay a, #home-overlay .button-small, #home-overlay .button-large, #home-overlay .button-simple, #home-overlay .button-icon {
	color: rgba(255,255,255,0.95);
}

#home-overlay  .button-small:hover, #home-overlay  p.button-small a:hover, #home-overlay  .button-large:hover, #home-overlay  p.button-large a:hover, #home-overlay  .return:hover {
	border-color: rgba(0,0,0,0.95);
	color: rgba(0,0,0,0.95);
}


@media (max-width: 1024px) {
	#home-overlay {
		top: 120px;
		width: 80%;
		left: 10%;
	}
	#home-overlay h1, #home-overlay h2, #home-overlay h3, #home-overlay h4, #home-overlay h5, #home-overlay p, #home-overlay a, #home-overlay .button-small, #home-overlay .button-large, #home-overlay .button-simple, #home-overlay .button-icon {
		margin-bottom: .4em;
	}
}

@media (max-width: 768px) {
	#home-overlay {
		top: 87px;
		width: 90%;
		left: 5%;
		font-size: 10px;
	}

	#home-overlay .button-small, #home-overlay p.button-small a, #home-overlay .button-large, #home-overlay p.button-large a, #home-overlay .button-icon, #home-overlay p.button-icon a, #home-overlay .button-icons, #home-overlay p.button-icons a {
		font-size: 15px;
	}
}

#alertNotice {
	position: absolute;
	top: 110px;
	right: -305px;
	width: 300px;
	background-color: #0094d9;
	padding-left: 5px;
	z-index: 999;
	transition: .3s;
}

#alertNotice.active {
	right: 0;
}

@media (min-width: 768px) {
	#alertNotice {
		top: 200px;
		width: 476px;
		right: -481px;
	}
	#alertNotice.active {
		right: 0;
	}
}

#alertNotice .info {
	position: relative;
	background-color: white;
	padding: 16px 54px 16px 16px;
}

@media (min-width: 768px) {
	#alertNotice .info {
		padding-right: 80px;
	}
}

#alertNotice article {
	position: relative;
	overflow: hidden;
	z-index: 100;
}

#alertNotice .image {
	margin-bottom: 1em;
}

@media (min-width: 768px) {
	#alertNotice .image {
		float: left;
		width: 186px;
		margin-bottom: 0;
	}
}

#alertNotice .image img {
	display: block;
	width: 100%;
	height: auto;
}


#alertNotice .details {
}

@media (min-width: 768px) {
	#alertNotice .details {
		padding-left: 200px;
	}
}

#alertNotice .details p {
	margin-bottom: .75em;
}
	
#alertNotice .details p:last-child {
	margin-bottom: 0;
}

#alertNotice .details .button-simple {
	margin-bottom: 0;
	color: #0094d9;
}

@media (max-width: 768px) {
	#alertNotice .details p,
	#alertNotice .details .button-simple {
		font-size: 14px;
	}
}
.alertNotice-toggle.inside {
	position: absolute;
	display: block;
	right: 8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	border: 2px solid #c2c5c6;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}

.alertNotice-toggle.inside i {
	display: inline-block;
	color: #c2c5c6;
	font-size: 36px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	transition: .3s;
}

.alertNotice-toggle.inside:hover i {
	color: #0094d9;
}

.alertNotice-toggle.outside {
	position: absolute;
	left: -100px;
	width: 100px;
	min-height: 36px;
	overflow: hidden;
	transition: .3s;
}

#alertNotice.active .alertNotice-toggle.outside {
	left: auto;
	z-index: 1;
	opacity: 0;
}

.alertNotice-toggle.outside img {
	display: block;
	width: 100%;
	height: auto;
}

.alertNotice-toggle.outside span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,148,217,.9);
	border: 10px solid #0073aa;
	box-sizing: border-box;
}

.alertNotice-toggle.outside span i {
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	font-size: 20px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: white;
	border: 2px solid rgba(255,255,255,.5);
	border-radius: 50%;
	margin: 0 auto;
	transition: .3s;
}

.alertNotice-toggle.outside:hover span i {
	border-color: white;
}

.codegena_iframe {
        position: relative;
        height: 650px;
        overflow: hidden;
        max-width: 100%;
    }
    .codegena_iframe iframe {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

   @media only screen and (max-width: 700px) {
		.codegena_iframe {
		height: auto !important;
		}

   } 

    @media only screen and (max-width: 945px) {
		.codegena_iframe {
		height: auto !important;
		}

   }