@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,900|Patrick+Hand);
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

.year, .external:before, .chs-btn-fullscreen, .chs-btn-exitfullscreen, .chs-tooltip:before, .chs-btn.chs-btn-ff:after, button.chs-btn-ff:after, input[type="submit"].chs-btn-ff:after, input[type="reset"].chs-btn-ff:after, input[type="button"].chs-btn-ff:after, .header .resources .coins li, .map ul .marker.warning:before, .map ul .marker.caution:before, .map ul .marker.alert:before, .map ul .marker.plus:before, .map ul .marker.plus-green:before, .map ul .marker.minus:before, .map ul .marker:before, .hud .dialog .areas .coins-spent li, .hud .dialog .areas .coins-spent li.active, .hud .dialog .areas .business h2:before, .hud .dialog .areas .health h2:before, .hud .dialog .areas .publicSafety h2:before, .hud .dialog .areas .education h2:before, .hud .modal-link ul li:before, .hud .modal-link ul li.risk:before, .hud .modal-link ul li.protective:before { display: inline-block; background-image: url("../img/sprite.svg"); background-size: 71em 3.8625em; }

.lt-ie9 .year, .lt-ie9 .external:before, .lt-ie9 .chs-btn-fullscreen, .lt-ie9 .chs-btn-exitfullscreen, .lt-ie9 .chs-tooltip:before, .lt-ie9 .chs-btn.chs-btn-ff:after, .lt-ie9 button.chs-btn-ff:after, .lt-ie9 input[type="submit"].chs-btn-ff:after, .lt-ie9 input[type="reset"].chs-btn-ff:after, .lt-ie9 input[type="button"].chs-btn-ff:after, .lt-ie9 .header .resources .coins li, .lt-ie9 .map ul .marker.warning:before, .lt-ie9 .map ul .marker.caution:before, .lt-ie9 .map ul .marker.alert:before, .lt-ie9 .map ul .marker.plus:before, .lt-ie9 .map ul .marker.plus-green:before, .lt-ie9 .map ul .marker.minus:before, .lt-ie9 .map ul .marker:before, .lt-ie9 .hud .dialog .areas .coins-spent li, .lt-ie9 .hud .dialog .areas .coins-spent li.active, .lt-ie9 .hud .dialog .areas .business h2:before, .lt-ie9 .hud .dialog .areas .health h2:before, .lt-ie9 .hud .dialog .areas .publicSafety h2:before, .lt-ie9 .hud .dialog .areas .education h2:before, .lt-ie9 .hud .modal-link ul li:before, .lt-ie9 .hud .modal-link ul li.risk:before, .lt-ie9 .hud .modal-link ul li.protective:before { background-image: url("../img/sprite.png"); }

/* ========================================================================== Helper classes ========================================================================== */
/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 100%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.clearfix { *zoom: 1; }

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout. So basically 1.5rem = 15px */
html { font-size: 62.5%; height: 100%; width: 100%; }

body { height: 100%; width: 100%; color: #333; font-family: "Raleway", Helvetica, sans-serif; font-size: 1.3em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.4; background: #f0f0f0; }

.chs-container { position: relative; margin: -18px auto 0 auto; height: auto; width: 100%; }

/* CDC Template Overrides
–––––––––––––––––––––––––––––––––––––––––––––––––– */
div > .cdc-veto-wrap { position: relative; }

.cdc-veto-tab a { position: absolute; top: 0; right: 0; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6, p { margin: 0; font-family: "Raleway", Helvetica, sans-serif; }

h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem; font-weight: 500; }

h2 { font-size: 2.4rem; line-height: 1.25; letter-spacing: -.1rem; font-weight: 500; }

h3 { font-size: 2.2rem; line-height: 1.3; letter-spacing: -.1rem; }

h4 { font-size: 2.0rem; line-height: 1.35; letter-spacing: -.08rem; }

h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }

h6 { font-size: 1.5rem; line-height: 1.6; }

p { font-weight: 500; }

* + h2, * + p { margin: 15px 0 0 0; }

h1.page-header { font-size: 2.4rem; line-height: 1.25; letter-spacing: -.1rem; max-width: 1080px; margin: 40px auto 10px auto; border: none; padding-left: 20px; padding-right: 20px; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { color: #1d76bb; }

a:hover { color: #0FA0CE; }

.chs-container *:focus { outline: 1px solid #FFA500 !important; }

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul { list-style: disc inside; }

ol { list-style: decimal inside; }

ol, ul { padding-left: 0; margin-top: 0; }

ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; }

li { margin-bottom: 1rem; font-family: "Raleway", Helvetica, sans-serif; }

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #f0f0f0; border: 1px solid #a5a5a5; border-radius: 4px; }

pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #f0f0f0; }

th:first-child, td:first-child { padding-left: 0; }

th:last-child, td:last-child { padding-right: 0; }

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button, .chs-btn { margin-bottom: 1rem; }

input, textarea, select, fieldset { margin-bottom: 1.5rem; }

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width { width: 100%; box-sizing: border-box; }

.u-max-full-width { max-width: 100%; box-sizing: border-box; }

.u-pull-right { float: right; }

.u-pull-left { float: left; }

.note { font-size: 12px; }

.center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.middle { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.bottom { bottom: 40px; }

.top { top: 40px; }

.top-middle { top: 115px; }

.right { right: 40px; }

.left { left: 40px; }

.wide { width: 540px; }

.full-hud { width: calc(100% - 300px); }

.full { top: 0; right: 0; bottom: 0; left: 0; padding: 0 !important; margin: 0 !important; border: 0; max-height: none !important; }

[data-status="locked"] { background: #ccc !important; border: 1px solid #ccc !important; }

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #f0f0f0; }

.skip-menu { position: fixed; margin: 0; padding: 0; list-style: none; z-index: 9999; }
.skip-menu a { display: block; position: fixed; top: -200px; left: 0; right: 0; padding: 5px; background: #0054af; color: white; box-sizing: border-box; transition: all 0.3s ease; }
.skip-menu a:focus { top: 0; }

.logo { position: relative; display: inline-block; }
.logo a { display: block; background: #349d00; border-radius: 10px; padding: 30px 20px; }
.logo a:before { content: ''; display: block; position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; border: 2px solid white; border-radius: 8px; }

.reference { position: relative; width: 100%; padding: 0 20px 50px 20px; box-sizing: border-box; }
.reference > .wrap { margin: 0 auto; width: auto; padding: 0; max-width: 1040px; box-sizing: border-box; }
.reference > .wrap:after { content: ''; display: table; clear: both; }
.reference h2 { margin-bottom: 20px; }
.reference section, .reference .section { background: white; padding: 20px 40px; }
.reference section h3, .reference section h4, .reference section p, .reference .section h3, .reference .section h4, .reference .section p { margin: 0; font-family: 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; letter-spacing: 0; }
.reference section h3, .reference .section h3 { font-size: 20px; line-height: 24px; margin: -20px -40px 20px -40px; padding: 10px 40px; background: #3d316a; color: white; }
.reference section h4, .reference .section h4 { font-size: 16px; font-weight: 700; float: left; width: 25%; }
.reference section p, .reference .section p { margin-left: calc(25% + 20px); font-weight: 14px; line-height: 18px; }
.reference section p + p, .reference .section p + p { margin-top: 10px; }
.reference section p + h4, .reference .section p + h4 { margin-top: 20px; }
.reference section .row, .reference .section .row { margin: 0; }
.reference section .row:after, .reference .section .row:after { content: ''; display: block; clear: both; }
.reference section .row + .row, .reference .section .row + .row { padding-top: 15px; margin-top: 15px; border-top: 1px solid #f0f0f0; }
.reference section + section, .reference .section + .section { margin-top: 20px; }

@media (max-width: 600px) { .reference section, .reference .section { padding: 20px; }
  .reference section h3, .reference .section h3 { margin: -20px -20px 20px -20px; padding: 10px 20px; }
  .reference section h4, .reference .section h4 { float: none; margin-bottom: 5px; width: 100%; }
  .reference section p, .reference .section p { margin-left: 0; } }
a.addthis_button_twitter.addthis_button_preferred_2.at300b { display: inline-block; }

.year { position: absolute; top: 40px; right: 35px; color: white; z-index: 995; font-size: 16px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; box-sizing: border-box; width: 4.75em; height: 3.14375em; background-position: -66em -0.3125em; }
.lt-ie9 .year { width: 75px; height: 49.3px; background-position: -1056px -5px; }
.year > div { overflow: hidden; text-align: center; position: absolute; top: 20px; left: 50%; height: 18px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.year > div span { display: inline-block; height: 18px; }
.year .next-numbers { position: absolute; top: -18px; }
.year .next-numbers.number1 { right: 0; }
.year .next-numbers.number2 { right: 9px; }

.external { color: #349d00; text-transform: uppercase; font-weight: 700; }
.external:before { content: ''; display: inline-block; font-size: 16px; vertical-align: middle; margin-right: 5px; width: 1.13125em; height: 1.13125em; background-position: -22em -0.3125em; }
.lt-ie9 .external:before { width: 17.1px; height: 17.1px; background-position: -352px -5px; }

.chs-btn-fullscreen, .chs-btn-exitfullscreen { background-color: transparent; border: none; outline: none; position: absolute; right: 20px; bottom: 20px; font-size: 16px; z-index: 995; }

.no-fullscreen .chs-btn-fullscreen, .no-fullscreen .chs-btn-exitfullscreen { display: none !important; }

.chs-btn-fullscreen { width: 2.0625em; height: 2.0625em; background-position: -25.8125em -0.3125em; }
.lt-ie9 .chs-btn-fullscreen { width: 32px; height: 32px; background-position: -413px -5px; }

.chs-btn-exitfullscreen { display: none; width: 2.0625em; height: 2.0625em; background-position: -19.375em -0.3125em; }
.lt-ie9 .chs-btn-exitfullscreen { width: 32px; height: 32px; background-position: -310px -5px; }

:-webkit-full-screen .chs-btn-fullscreen { display: none; }

:-webkit-full-screen .chs-btn-exitfullscreen { display: block; }

:-moz-full-screen .chs-btn-fullscreen { display: none; }

:-moz-full-screen .chs-btn-exitfullscreen { display: block; }

:-ms-full-screen .chs-btn-fullscreen { display: none; }

:-ms-full-screen .chs-btn-exitfullscreen { display: block; }

:full-screen .chs-btn-fullscreen { display: none; }

:full-screen .chs-btn-exitfullscreen { display: block; }

:-webkit-full-screen .chs-btn-fullscreen { display: none; }

:-moz-full-screen .chs-btn-fullscreen { display: none; }

:-ms-fullscreen .chs-btn-fullscreen { display: none; }

:fullscreen .chs-btn-fullscreen { display: none; }

:-webkit-full-screen .chs-btn-exitfullscreen { display: block; }

:-moz-full-screen .chs-btn-exitfullscreen { display: block; }

:-ms-fullscreen .chs-btn-exitfullscreen { display: block; }

:fullscreen .chs-btn-exitfullscreen { display: block; }

.chs-tooltip { position: absolute; top: 20px; left: 50%; background: rgba(9, 91, 174, 0.95); z-index: 995; font-size: 16px; padding: 10px 15px 10px 110px; transition: all 0.3s ease; -webkit-transform: translate(-50%, -200%); transform: translate(-50%, -200%); color: white; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8); transition: all 0.6s cubic-bezier(1, 0.1, 0, 0.9); }
[data-init="true"] .chs-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.chs-tooltip:before { content: ''; position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 4.99375em; height: 3.29375em; background-position: -54.875em -0.3125em; }
.lt-ie9 .chs-tooltip:before { width: 78.9px; height: 51.7px; background-position: -878px -5px; }
.chs-tooltip button { position: absolute; top: 8px; right: 9px; height: 14px; width: 14px; background: none; border: none; outline: none; margin: 0; }
.chs-tooltip button:hover, .chs-tooltip button:focus, .chs-tooltip button:active { outline: 1px dotted white; }
.chs-tooltip button:hover:before, .chs-tooltip button:hover:after, .chs-tooltip button:focus:before, .chs-tooltip button:focus:after, .chs-tooltip button:active:before, .chs-tooltip button:active:after { background: white; }
.chs-tooltip button:before, .chs-tooltip button:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 18px; height: 4px; background: #93c9ff; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); transition: all 0.3s ease; }
.chs-tooltip button:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.chs-tooltip h2 { font-weight: 900; font-size: 14px; text-transform: uppercase; letter-spacing: .01em; margin: 0; }
.chs-tooltip p { font-size: 12px; line-height: 16px; margin-top: 10px; font-weight: 500; }
.chs-tooltip p a { color: #b7dbff; text-decoration: underline; }
.chs-tooltip p a:hover { text-decoration: none; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.chs-btn { position: relative; display: inline-block; height: 42px; padding: 0 20px; color: #333; text-align: center; font-size: 16px; font-weight: 600; font-weight: 600; line-height: 42px; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 2px solid #a5a5a5; cursor: pointer; box-sizing: border-box; transition: all 0.3s ease; }

.chs-btn-small { height: 32px; line-height: 30px; padding: 0 10px; font-size: 14px; }

.chs-btn:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .chs-btn:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #333; border-color: #888; outline: 0; text-decoration: none; }

.chs-btn.chs-btn-primary, button.chs-btn-primary, input[type="submit"].chs-btn-primary, input[type="reset"].chs-btn-primary, input[type="button"].chs-btn-primary { color: white; background: #1d76bb; background: linear-gradient(to bottom, #56c5fa 0%, #047dff 100%); border-color: #0054af; }

.chs-btn.chs-btn-primary:hover, button.chs-btn-primary:hover, input[type="submit"].chs-btn-primary:hover, input[type="reset"].chs-btn-primary:hover, input[type="button"].chs-btn-primary:hover, .chs-btn.chs-btn-primary:focus, button.chs-btn-primary:focus, input[type="submit"].chs-btn-primary:focus, input[type="reset"].chs-btn-primary:focus, input[type="button"].chs-btn-primary:focus { color: white; background: #0054af; background: linear-gradient(to bottom, #047dff 0%, #56c5fa 100%); }

.chs-btn.chs-btn-secondary, button.chs-btn-secondary, input[type="submit"].chs-btn-secondary, input[type="reset"].chs-btn-secondary, input[type="button"].chs-btn-secondary { height: 20px; width: 20px; line-height: 20px; padding: 0; color: white; background: #73be02; border-color: #4f8300; }
.chs-btn.chs-btn-secondary:before, button.chs-btn-secondary:before, input[type="submit"].chs-btn-secondary:before, input[type="reset"].chs-btn-secondary:before, input[type="button"].chs-btn-secondary:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: white; }

.chs-btn.chs-btn-secondary:hover, button.chs-btn-secondary:hover, input[type="submit"].chs-btn-secondary:hover, input[type="reset"].chs-btn-secondary:hover, input[type="button"].chs-btn-secondary:hover, .chs-btn.chs-btn-secondary:focus, button.chs-btn-secondary:focus, input[type="submit"].chs-btn-secondary:focus, input[type="reset"].chs-btn-secondary:focus, input[type="button"].chs-btn-secondary:focus { background: #349d00; }

.chs-btn.chs-btn-plus:after, button.chs-btn-plus:after, input[type="submit"].chs-btn-plus:after, input[type="reset"].chs-btn-plus:after, input[type="button"].chs-btn-plus:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 10px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: white; }

.chs-btn.chs-btn-ff, button.chs-btn-ff, input[type="submit"].chs-btn-ff, input[type="reset"].chs-btn-ff, input[type="button"].chs-btn-ff { padding-right: 50px; height: 44px; }
.chs-btn.chs-btn-ff:after, button.chs-btn-ff:after, input[type="submit"].chs-btn-ff:after, input[type="reset"].chs-btn-ff:after, input[type="button"].chs-btn-ff:after { content: ''; display: block; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; width: 1.5em; height: 1.05em; background-position: -23.75em -0.3125em; }
.lt-ie9 .chs-btn.chs-btn-ff:after, .lt-ie9 button.chs-btn-ff:after, .lt-ie9 input[type="submit"].chs-btn-ff:after, .lt-ie9 input[type="reset"].chs-btn-ff:after, .lt-ie9 input[type="button"].chs-btn-ff:after { width: 23px; height: 15.8px; background-position: -380px -5px; }

.chs-btn-download { position: absolute !important; z-index: 9999; bottom: 50px; left: 20px; padding: 0 10px !important; font-size: 14px !important; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Grid */
.row { margin-bottom: 20px; }
.row:after { content: ''; display: table; clear: both; }

.row .col { float: left; box-sizing: border-box; }

.row .col { margin-left: 4%; }

.row.alt .col { margin-left: 2%; }

.row.flush .col { margin-left: 0; padding: 20px 20px; }

.row .col:first-child { margin-left: 0; }

.one.col { width: 4.66666666667%; }

.two.col { width: 13.3333333333%; }

.three.col { width: 22%; }

.four.col { width: 30.6666666667%; }

.five.col { width: 39.3333333333%; }

.six.col { width: 48%; }

.seven.col { width: 56.6666666667%; }

.eight.col { width: 65.3333333333%; }

.nine.col { width: 74.0%; }

.ten.col { width: 82.6666666667%; }

.eleven.col { width: 91.3333333333%; }

.twelve.col { width: 100%; margin-left: 0; }

.one-third.col { width: 30.6666666667%; }

.two-thirds.col { width: 65.3333333333%; }

.one-quarter.col { width: 22%; }

.one-half.col { width: 48%; }

/* Secondary */
.row.alt .one.col { width: 6.5%; }
.row.alt .two.col { width: 15%; }
.row.alt .three.col { width: 23.5%; }
.row.alt .four.col { width: 32%; }
.row.alt .five.col { width: 40.5%; }
.row.alt .six.col { width: 49%; }
.row.alt .seven.col { width: 57.5%; }
.row.alt .eight.col { width: 66%; }
.row.alt .nine.col { width: 74.5%; }
.row.alt .ten.col { width: 83%; }
.row.alt .eleven.col { width: 91.5%; }
.row.alt .twelve.col { width: 100%; margin-left: 0; }
.row.alt .one-third.col { width: 32%; }
.row.alt .two-thirds.col { width: 66%; }
.row.alt .one-quarter.col { width: 23.5%; }
.row.alt .one-half.col { width: 49%; }

/* Flush */
.row.flush .one.col { width: 8.33333333%; }
.row.flush .two.col { width: 16.666666%; }
.row.flush .three.col { width: 25%; }
.row.flush .four.col { width: 33.33333333%; }
.row.flush .five.col { width: 41.6666667%; }
.row.flush .six.col { width: 50%; }
.row.flush .seven.col { width: 58.33333333%; }
.row.flush .eight.col { width: 66.6666666%; }
.row.flush .nine.col { width: 75%; }
.row.flush .ten.col { width: 83.33333%; }
.row.flush .eleven.col { width: 91.6666666%; }
.row.flush .twelve.col { width: 100%; margin-left: 0; }
.row.flush .one-third.col { width: 33.33333333%; }
.row.flush .two-thirds.col { width: 66.6666667%; }
.row.flush .one-quarter.col { width: 25%; }
.row.flush .one-half.col { width: 50%; }

/* Grid Offset */
.one.offset.col { margin-left: 8.66666666667%; }

.two.offset.col { margin-left: 17.3333333333%; }

.three.offset.col { margin-left: 26%; }

.four.offset.col { margin-left: 34.6666666667%; }

.five.offset.col { margin-left: 43.3333333333%; }

.six.offset.col { margin-left: 52%; }

.seven.offset.col { margin-left: 60.6666666667%; }

.eight.offset.col { margin-left: 69.3333333333%; }

.nine.offset.col { margin-left: 78.0%; }

.ten.offset.col { margin-left: 86.6666666667%; }

.eleven.offset.col { margin-left: 95.3333333333%; }

.one-third.offset.col { margin-left: 34.6666666667%; }

.two-thirds.offset.col { margin-left: 69.3333333333%; }

.one-half.offset.col { margin-left: 52%; }

.one-half.offset.col { margin-left: 52%; }

@media screen and (max-width: 600px) { .row { margin-bottom: 0; }
  .row .col { float: none !important; margin: 0 0 20px 0 !important; border: none; width: 100% !important; } }
/* Modal Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.modal-open { overflow: hidden; }

.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1620; -webkit-overflow-scrolling: touch; outline: 0; }
.modal .close { display: none; }

.bootbox.modal.fade .modal-dialog { opacity: 0; -webkit-transform: scale(0.8) translate(-50%, -50%); transform: scale(0.8) translate(-50%, -50%); transition: -webkit-transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; }

.bootbox.modal.in .modal-dialog { opacity: 1; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); }

.bootbox.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.bootbox .modal-dialog { position: absolute; width: 90%; margin: 0; top: 25%; left: 50%; -webkit-transform-origin: 0 0; transform-origin: 0 0; }

.bootbox .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; }

.bootbox .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }

.bootbox .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }

.bootbox .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }

.bootbox .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; }

.bootbox .modal-header .close { margin-top: -2px; }

.bootbox .modal-title { margin: 0; font-size: 24px; line-height: 1.42857143; }

.bootbox .modal-body { position: relative; padding: 15px; font-size: 16px; }

.bootbox .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }

.bootbox .modal-footer .chs-btn + .chs-btn { margin-left: 5px; margin-bottom: 0; }

.bootbox .modal-footer .chs-btn-group .chs-btn + .chs-btn { margin-left: -1px; }

.bootbox .modal-footer .chs-btn-block + .chs-btn-block { margin-left: 0; }

.bootbox .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 768px) { .bootbox .modal-dialog { width: 600px; margin: 0; }
  .bootbox .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .bootbox .modal-sm { width: 300px; } }
@media (min-width: 992px) { .bootbox .modal-lg { width: 900px; } }
.clearfix:before, .clearfix:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; }

.clearfix:after, .modal-footer:after { clear: both; }

/* Header Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header .logo { position: absolute; top: 20px; left: 80px; z-index: 995; }
.header .logo a { padding: 20px; }
.header .logo img { display: block; height: 34px; width: 180px; }
.header .resources { position: absolute; top: 20px; right: 20px; z-index: 995; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); background: rgba(255, 255, 255, 0.88); border-radius: 5px; padding: 13px 15px 13px 64px; min-width: 210px; box-sizing: border-box; visibility: visible; opacity: 1; transition: opacity 0.3s ease 0s; }
[data-show-coins="false"] .header .resources { visibility: hidden; opacity: 0; transition: visibility 0s 0.3s, opacity 0.3s ease; }
.header .resources i { position: absolute; top: 50%; left: 20px; font-style: normal; font-size: 42px; font-weight: 900; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #349d00; }
.header .resources .chs-label { display: block; font-size: 14px; font-weight: 400; line-height: 16px; font-weight: 700; padding-bottom: 3px; border-bottom: 1px solid #ccc; margin-bottom: 4px; }
.header .resources .coins { position: relative; width: 100%; height: 22px; margin: 0; padding: 0; list-style: none; box-sizing: border-box; padding-left: 7px; }
.header .resources .coins li { position: relative; float: left; width: 19px; height: 22px; margin: 0 0 0 -5px; font-size: 16px; width: 1.25em; height: 1.4375em; background-position: -12.5em -0.3125em; }
.lt-ie9 .header .resources .coins li { width: 19px; height: 22px; background-position: -200px -5px; }
.header .resources .coins li:nth-child(0) { z-index: 8; }
.header .resources .coins li:nth-child(1) { z-index: 7; }
.header .resources .coins li:nth-child(2) { z-index: 6; }
.header .resources .coins li:nth-child(3) { z-index: 5; }
.header .resources .coins li:nth-child(4) { z-index: 4; }
.header .resources .coins li:nth-child(5) { z-index: 3; }
.header .resources .coins li:nth-child(6) { z-index: 2; }
.header .resources .coins li:nth-child(7) { z-index: 1; }

/* Content Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content { position: relative; box-sizing: border-box; width: 100%; height: 100vh; overflow: hidden; background: black; }
.content:before { content: ''; display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; border: 1px solid #FFA500; z-index: 2; }
.content:focus:before { display: block; }

/* Map Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.map { position: relative; width: 4815px; height: 3066px; background: #73c002 url(../img/veto-ville-texture.jpg) no-repeat; -webkit-transform: matrix(0.8, 0, 0, 0.8, -837, -535); transform: matrix(0.8, 0, 0, 0.8, -837, -535); z-index: 1; }
.csstransforms3d .map { -webkit-transform: translateZ(0) matrix(0.8, 0, 0, 0.8, -837, -535); transform: translateZ(0) matrix(0.8, 0, 0, 0.8, -837, -535); }
.future .map { background: #9e9536 url(../img/veto-ville-texture_ALT.jpg) no-repeat; }
.map svg { position: relative; z-index: 1; }
.map ul { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; list-style: none; z-index: 2; }
.map ul .marker { position: absolute; background: rgba(0, 0, 0, 0.8); border-radius: 5px; padding: 15px 12px 15px 55px; max-width: 300px; box-sizing: border-box; font-size: 14px; color: white; font-weight: 700; }
.map ul .marker.sector { background: none; border-radius: 0; padding: 0; max-width: none; }
.map ul .marker.sector:before { display: none; }
.map ul .marker.health figure img { width: 248px; height: 241px; }
.map ul .marker.business figure img { width: 249px; height: 206px; }
.map ul .marker.education figure img { width: 280px; height: 200px; }
.map ul .marker.public-safety figure img { width: 257px; height: 214px; }
.map ul .marker.warning:before { width: 2.0625em; height: 2.0625em; background-position: -46.6875em -0.3125em; }
.lt-ie9 .map ul .marker.warning:before { width: 32px; height: 32px; background-position: -747px -5px; }
.map ul .marker.caution:before { width: 2.0625em; height: 2.0625em; background-position: -6.125em -0.3125em; }
.lt-ie9 .map ul .marker.caution:before { width: 32px; height: 32px; background-position: -98px -5px; }
.map ul .marker.alert:before { width: 2.0625em; height: 2.0625em; background-position: -0.3125em -0.3125em; }
.lt-ie9 .map ul .marker.alert:before { width: 32px; height: 32px; background-position: -5px -5px; }
.map ul .marker.plus:before { width: 2.0625em; height: 2.0625em; background-position: -34.25em -0.3125em; }
.lt-ie9 .map ul .marker.plus:before { width: 32px; height: 32px; background-position: -548px -5px; }
.map ul .marker.plus-green:before { width: 2.0625em; height: 2.0625em; background-position: -36.875em -0.3125em; }
.lt-ie9 .map ul .marker.plus-green:before { width: 32px; height: 32px; background-position: -590px -5px; }
.map ul .marker.minus:before { width: 2.0625em; height: 2.0625em; background-position: -31.625em -0.3125em; }
.lt-ie9 .map ul .marker.minus:before { width: 32px; height: 32px; background-position: -506px -5px; }
.map ul .marker:before { content: ''; position: absolute; top: 50%; left: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; width: 2.0625em; height: 2.0625em; background-position: -46.6875em -0.3125em; }
.lt-ie9 .map ul .marker:before { width: 32px; height: 32px; background-position: -747px -5px; }
.map ul .marker figure { margin: 0; }
.map ul .marker figure img { display: block; }
.map .mask { background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.map .mask.disaster { background: rgba(255, 0, 0, 0.5); }

/* Footer Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer { margin-top: 10px; }

/* Hud Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hud { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; margin: 0; padding: 0; list-style: none; opacity: 1; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; pointer-events: none; }
.modal-open .hud { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); }
.csstransforms3d .modal-open .hud { -webkit-transform: translateZ(0) scale(0.9); transform: translateZ(0) scale(0.9); }
.hud .dialog { position: absolute; margin: 0 0 40px 0; padding: 0; box-sizing: border-box; z-index: 102; max-height: 90%; overflow-y: auto; pointer-events: auto; box-sizing: border-box; }
.hud .dialog:after { content: ''; display: table; clear: both; }
.hud .dialog.default, .hud .dialog.stories .avatar { width: 280px; }
.hud .dialog.default figure, .hud .dialog.stories .avatar figure { position: relative; width: 100%; }
.hud .dialog.default figure img, .hud .dialog.stories .avatar figure img { position: relative; width: 280px; }
.hud .dialog.default figure:before, .hud .dialog.stories .avatar figure:before { content: ''; position: absolute; height: 230px; width: 230px; top: 22px; left: 50%; border-radius: 100%; margin-left: -115px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.8); }
.hud .dialog.intro { text-align: center; padding: 40px 25px 30px; width: 620px; height: 400px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); }
.hud .dialog.intro figure + * { margin-top: 40px; }
.hud .dialog.intro p { padding-left: 80px; padding-right: 80px; }
.hud .dialog.intro .cta { position: absolute; bottom: 0; left: 25px; right: 25px; padding-top: 5px; border-top: 1px solid #a5a5a5; }
.hud .dialog.intro .cta:before { content: ''; position: absolute; display: block; top: 5px; width: 100%; height: 1px; background: #a5a5a5; }
.hud .dialog.intro .cta .next { position: absolute; top: 50%; right: 0; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #349d00; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.hud .dialog.ending { padding: 30px 20px; width: 620px; height: 400px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); text-align: center; }
.hud .dialog.ending .col { margin: 0; width: calc(50% - 2px); padding-right: 20px; background: none; text-align: center; border-right: 1px solid #a5a5a5; }
.hud .dialog.ending .col ul { margin: 0; padding: 0; list-style: none; font-size: 16px; line-height: 18px; }
.hud .dialog.ending .col ul li { margin: 0; }
.hud .dialog.ending .col ul li + li { margin-top: 10px; }
.hud .dialog.ending .col ul span { display: block; font-size: 14px; margin-left: 5px; }
.hud .dialog.ending .col ul a { font-weight: 700; }
.hud .dialog.ending .col h3 + ul { margin-top: 10px; }
.hud .dialog.ending .col + .col { margin-left: 4px; padding-left: 20px; padding-right: 0; border-left: 1px solid #a5a5a5; border-right: none; text-align: left; }
.hud .dialog.ending .addthis_sharing_toolbox { margin-top: 15px; }
.hud .dialog.stories, .hud .dialog.connections { padding-left: 20px; padding-right: 20px; width: calc(100% - 40px); max-width: 920px; }
.hud .dialog.connections .avatar { width: auto; max-width: 320px; }
.hud .dialog.connections .areas { margin-top: 10px; }
.hud .dialog .avatar { width: 280px; margin: 0 auto; }
.hud .dialog .areas { background: #f3f3ed; margin-top: -20px; padding: 35px 25px; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.4); }
.hud .dialog .areas:after { content: ''; display: table; clear: both; }
.hud .dialog .areas h2 { position: relative; padding-top: 45px; font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: .01em; margin: 0; }
.hud .dialog .areas h2:before { content: ''; position: absolute; display: block; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 16px; }
.hud .dialog .areas p { font-size: 14px; line-height: 18px; }
.hud .dialog .areas .chs-btn { margin: 0; }
.hud .dialog .areas h2 + .cta { margin-top: 12px; }
.hud .dialog .areas .spend-coins { position: relative; text-align: center; margin-top: 20px; }
.hud .dialog .areas .spend-coins button { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.hud .dialog .areas .spend-coins button + button { left: 0; right: auto; }
.hud .dialog .areas .coins-spent { margin: 0; padding: 5px; list-style: none; display: inline-block; border: 1px solid #cccccc; font-size: 0; }
.hud .dialog .areas .coins-spent li { display: inline-block; font-size: 16px; margin: 0; width: 1.3125em; height: 1.3125em; background-position: -14.3125em -0.3125em; }
.lt-ie9 .hud .dialog .areas .coins-spent li { width: 20px; height: 20px; background-position: -229px -5px; }
.hud .dialog .areas .coins-spent li.active { width: 1.3125em; height: 1.3125em; background-position: -10.625em -0.3125em; }
.lt-ie9 .hud .dialog .areas .coins-spent li.active { width: 20px; height: 20px; background-position: -170px -5px; }
.hud .dialog .areas .business h2:before { width: 2.625em; height: 2.625em; background-position: -2.9375em -0.3125em; }
.lt-ie9 .hud .dialog .areas .business h2:before { width: 41px; height: 41px; background-position: -47px -5px; }
.hud .dialog .areas .health h2:before { width: 2.625em; height: 2.625em; background-position: -28.4375em -0.3125em; }
.lt-ie9 .hud .dialog .areas .health h2:before { width: 41px; height: 41px; background-position: -455px -5px; }
.hud .dialog .areas .publicSafety h2:before { width: 2.625em; height: 2.625em; background-position: -41.5em -0.3125em; }
.lt-ie9 .hud .dialog .areas .publicSafety h2:before { width: 41px; height: 41px; background-position: -664px -5px; }
.hud .dialog .areas .education h2:before { width: 2.625em; height: 2.625em; background-position: -16.1875em -0.3125em; }
.lt-ie9 .hud .dialog .areas .education h2:before { width: 41px; height: 41px; background-position: -259px -5px; }
.hud .dialog .areas + .cta { text-align: center; margin-top: -12px; }
.hud .dialog .areas + .cta a { margin: 0; }
.hud .dialog figure + .description { margin-top: -2px; }
.hud .dialog figure + .description:before { content: ''; display: block; position: absolute; top: -22px; left: 40px; width: 40px; height: 22px; background: url(../img/thought-bubble.png) no-repeat; }
.hud .dialog .description { position: relative; background: white; border: 2px solid black; padding: 12px 20px 20px 20px; text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6); }
.hud .dialog .description h2 { margin: 0; font-size: 22px; font-weight: 600; }
.hud .dialog .description p { font-family: "Patrick Hand", Helvetica, sans-serif; font-size: 20px; line-height: 22px; }
.hud .dialog .description h2 + p { margin-top: 10px; }
.hud .dialog .description .emphasize { text-decoration: underline; }
.hud .dialog .description + p { position: relative; text-align: center; margin-top: -7px; }
.hud .dialog .description + p a { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }
.hud .dialog .chs-pagination { margin: 0; padding: 20px 0; list-style: none; }
.hud .dialog .chs-pagination li { display: inline-block; margin: 0 1px; }
.hud .dialog .chs-pagination li.active a:before { background: #349d00; }
.hud .dialog .chs-pagination li a { position: relative; display: block; text-indent: -9999px; height: 20px; width: 20px; }
.hud .dialog .chs-pagination li a:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; height: 11px; width: 11px; background: #a5a5a5; border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.hud .dialog figure { margin: 0; }
.hud .dialog figure img { display: block; margin: 0 auto; max-width: 100%; }
.hud .dialog h2 { text-align: center; }
.hud .dialog p { font-size: 16px; line-height: 20px; }
.hud .dialog h2 + p { margin-top: 25px; }
.hud .dialog .col { float: left; padding: 15px 10px; margin: 0 1%; width: 23%; box-sizing: border-box; background: white; text-align: center; }
.hud .modal-link { position: absolute; top: 50%; left: 330px; margin: 0 0 40px 0; padding: 30px 40px; box-sizing: border-box; z-index: 102; max-height: calc(100% - 40px); pointer-events: auto; box-sizing: border-box; max-width: 340px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; -webkit-transform: translateX(-20px) translateY(-50%); transform: translateX(-20px) translateY(-50%); transition: visibility 0s 0s, opacity 0s ease, -webkit-transform 0s ease; transition: visibility 0s 0s, opacity 0s ease, transform 0s ease; }
.hud .modal-link h2, .hud .modal-link h3 { text-transform: uppercase; font-weight: 600; }
.hud .modal-link h2 { font-size: 16px; text-align: center; padding: 0 20px; }
.hud .modal-link h3 { font-size: 14px; margin-top: 30px; padding-bottom: 5px; border-bottom: 1px solid #b7b7b7; }
.hud .modal-link h3 + ul, .hud .modal-link h2 + ul { margin-top: 10px; }
.hud .modal-link h3 + p { margin-top: 10px; }
.hud .modal-link li, .hud .modal-link p { font-size: 16px; line-height: 18px; font-weight: 500; }
.hud .modal-link ul { margin: 0; padding: 0; list-style: none; }
.hud .modal-link ul li:before { content: ''; display: inline-block; font-size: 16px; vertical-align: middle; margin-right: 8px; width: 1.3125em; height: 1.3125em; background-position: -8.75em -0.3125em; }
.lt-ie9 .hud .modal-link ul li:before { width: 20px; height: 20px; background-position: -140px -5px; }
.hud .modal-link ul li.risk:before { width: 1.4375em; height: 1.4375em; background-position: -44.6875em -0.3125em; }
.lt-ie9 .hud .modal-link ul li.risk:before { width: 22px; height: 22px; background-position: -715px -5px; }
.hud .modal-link ul li.protective:before { width: 1.4375em; height: 1.4375em; background-position: -39.5em -0.3125em; }
.lt-ie9 .hud .modal-link ul li.protective:before { width: 22px; height: 22px; background-position: -632px -5px; }
.hud .modal-link button { position: absolute; top: 10px; right: 10px; height: 14px; width: 14px; background: none; border: none; outline: none; margin: 0; }
.hud .modal-link button:hover:before, .hud .modal-link button:hover:after, .hud .modal-link button:focus:before, .hud .modal-link button:focus:after, .hud .modal-link button:active:before, .hud .modal-link button:active:after { background: #1d76bb; }
.hud .modal-link button:before, .hud .modal-link button:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 18px; height: 4px; background: black; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); transition: all 0.3s ease; }
.hud .modal-link button:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.hud .modal-link.modal-is-active { visibility: visible; opacity: 1; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease 0s, transform 0.3s ease; }

/* Video Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.video-wrapper { height: 100%; padding: 1px; background: white; }

#videoPlayer { height: 100% !important; }

.jw-icon { font-family: 'jw-icons'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; text-transform: none; background-color: transparent; font-variant: normal; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -moz-osx-font-smoothing: grayscale; }

.jw-tab-focus:focus { border: solid 2px #0B7EF4; }

.jw-display-icon-container .jw-icon-display { position: static !important; }

.jw-state-idle .jw-icon-display:before { display: none; }

.jw-state-idle .jw-icon-display:after { content: ''; position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -12px; width: 0; height: 0; border-style: solid; border-width: 14px 0 14px 28px; border-color: transparent transparent transparent #ffffff; }

.jw-skin-asdm .jw-icon-fullscreen { display: none; }

.jw-skin-asdm .jw-background-color { background: linear-gradient(to bottom, #323b4c, #2f3847 50%, #323b4c 100%); }

.jw-skin-asdm .jw-controlbar { background: rgba(24, 35, 53, 0.8); }

.jw-skin-asdm .jw-text { color: #fff; }

.jw-skin-asdm .jw-tooltip-title { color: #fff; }

.jw-skin-asdm .jw-knob { color: #fff; }

.jw-skin-asdm .jw-button-color { color: #fff; }

.jw-skin-asdm .jw-button-color:hover { color: #139ed5; }

.jw-skin-asdm .jw-toggle { color: #139ed5; }

.jw-skin-asdm .jw-toggle.jw-off { color: #fff; }

.jw-skin-asdm .jw-option { color: #fff; }

.jw-skin-asdm .jw-option.jw-active-option { color: #139ed5; }

.jw-skin-asdm .jw-icon-display { color: #fff; }

.jw-skin-asdm .jw-display-icon-container { border-radius: 0.5em; }

.jw-skin-asdm .jw-display-icon-container:hover { background: #139ed5; }

.jw-skin-asdm .jw-display-icon-container:hover .jw-icon-display { color: #fff; }

.jw-skin-asdm .jw-rail { background: linear-gradient(to bottom, #323b4c, #2f3847 50%, #323b4c 100%); }

.jw-skin-asdm .jw-buffer { background: linear-gradient(to bottom, #5e6575, #565e6b 50%, #5e6575 100%); }

.jw-skin-asdm .jw-progress { background: linear-gradient(to bottom, #15b2f0, #149bd1 50%, #15b2f0 100%); }

.jw-skin-asdm .jw-slider-horizontal { background: rgba(24, 35, 53, 0.8); }

.jw-skin-asdm .jw-slider-horizontal .jw-knob { margin-left: -0.325em; }

.jw-skin-asdm .jw-slider-vertical .jw-knob { margin-bottom: -0.325em; }

.jw-skin-asdm .jw-time-tip, .jw-skin-asdm .jw-volume-tip, .jw-skin-asdm .jw-menu { background: rgba(80, 88, 99, 0.9); border: 0; padding: 0.5em; }

.jw-skin-asdm .jw-skip { background: rgba(24, 35, 53, 0.8); padding: 0.5em; }

.jw-skin-asdm .jw-skip .jw-skip-icon { color: #fff; }

.jw-skin-asdm .jw-skip.jw-skippable:hover .jw-skip-icon, .jw-skin-asdm .jw-skip.jw-skippable:hover .jw-text { color: #139ed5; }

.jw-skin-asdm .jw-time-tip .jw-text, .jw-skin-asdm .jw-dock-button .jw-text { color: #bbb; }

.jw-skin-asdm .jw-time-tip { bottom: 1em; }

.jw-skin-asdm .jw-dock-button { background: linear-gradient(to bottom, #323b4c, #2f3847 50%, #323b4c 100%); border-radius: 0.5em; }

.jw-skin-asdm .jw-dock-button:hover { background: #139ed5; }

.jw-skin-asdm .jw-playlist-container { padding: 0; }

.jw-skin-asdm .jw-icon-inline, .jw-skin-asdm .jw-icon-tooltip, .jw-skin-asdm .jw-text-elapsed, .jw-skin-asdm .jw-text-duration { padding: 0 0.25em; }

.jw-skin-asdm .jw-controlbar { display: inline-block; width: 96%; max-width: 50em; margin: 0 auto; bottom: .7em; left: 2%; right: 2%; }

.jw-skin-asdm.jw-flag-audio-player .jw-controlbar { bottom: 0; }

.jw-skin-asdm .jw-controlbar { border-radius: 0.3em; }

.jw-skin-asdm .jw-playlist-container { left: -42%; overflow: hidden; bottom: 0.2em; }

.jw-skin-asdm .jw-playlist-container .jw-option { border-bottom: 1px solid rgba(24, 35, 53, 0.8); }

.jw-skin-asdm .jw-playlist-container .jw-option:hover, .jw-skin-asdm .jw-playlist-container .jw-option.jw-active-option { background-color: rgba(24, 35, 53, 0.8); color: #139ed5; }

.jw-skin-asdm .jw-playlist-container::-webkit-scrollbar-track { background-color: #222c37; }

.jw-skin-asdm .jw-playlist-container::-webkit-scrollbar { width: 2px; border: 10px solid rgba(24, 35, 53, 0.8); border-radius: 0.3em; }

.jw-skin-asdm .jw-playlist-container::-webkit-scrollbar-thumb { background-color: #fff; }

.jw-skin-asdm .jw-tooltip-title { border-bottom: 1px solid rgba(24, 35, 53, 0.8); background-color: rgba(24, 35, 53, 0.8); }

.jw-skin-asdm .jw-slider-horizontal .jw-rail, .jw-skin-asdm .jw-slider-vertical .jw-rail, .jw-skin-asdm .jw-slider-horizontal .jw-progress, .jw-skin-asdm .jw-slider-vertical .jw-progress, .jw-skin-asdm .jw-slider-horizontal .jw-buffer, .jw-skin-asdm .jw-slider-vertical .jw-buffer { border-radius: 0.5em; }

.jw-skin-asdm .jw-slider-horizontal .jw-knob, .jw-skin-asdm .jw-slider-vertical .jw-knob { background-color: #fff; width: .7em; height: .7em; border-radius: 50%; }

.jw-skin-asdm .jw-slider-horizontal { background: transparent; }

.jw-skin-asdm .jw-slider-horizontal .jw-rail, .jw-skin-asdm .jw-slider-horizontal .jw-progress, .jw-skin-asdm .jw-slider-horizontal .jw-buffer { height: 0.3em; }

.jw-skin-asdm .jw-slider-horizontal .jw-cue { top: .04999999999999999em; background-color: #fff; width: .2em; height: .2em; border-radius: 1em; }

.jw-skin-asdm .jw-slider-horizontal .jw-knob { top: -0.2em; }

.jw-skin-asdm .jw-slider-vertical .jw-rail, .jw-skin-asdm .jw-slider-vertical .jw-progress { width: 0.3em; }

.jw-skin-asdm .jw-slider-vertical .jw-rail { background: linear-gradient(to right, #323b4c, #2f3847 50%, #323b4c 100%); }

.jw-skin-asdm .jw-slider-vertical .jw-progress { background: linear-gradient(to right, #15b2f0, #149bd1 50%, #15b2f0 100%); }

.jw-skin-asdm .jw-time-tip, .jw-skin-asdm .jw-volume-tip, .jw-skin-asdm .jw-menu, .jw-skin-asdm .jw-skip { border-radius: 0.3em; }

.jw-skin-asdm .jw-volume-tip, .jw-skin-asdm .jw-menu { bottom: 0.2em; }

/* Nav Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.chs-nav { position: absolute; top: 0; bottom: 0; left: 0; height: 100vh; }
.chs-nav a[href="#navigation"] { display: inline-block; position: absolute; top: 20px; left: 15px; width: 56px; color: white; font-size: 14px; padding-bottom: 56px; font-weight: 900; letter-spacing: .01em; text-transform: uppercase; text-decoration: none; text-align: center; z-index: 999; transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9); -webkit-transform: scale(1); transform: scale(1); }
.csstransforms3d .chs-nav a[href="#navigation"] { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); }
[data-nav-visible="true"] .chs-nav a[href="#navigation"] { left: 320px; }
.chs-nav a[href="#navigation"]:hover { opacity: 0.9; }
[data-nav-visible="true"] .chs-nav a[href="#navigation"]:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
[data-nav-visible="true"] .chs-nav a[href="#navigation"] .bar { margin-top: -2px !important; }
[data-nav-visible="true"] .chs-nav a[href="#navigation"] .bar.bar-1 { -webkit-transform: rotate(45deg) translateY(0); transform: rotate(45deg) translateY(0); }
[data-nav-visible="true"] .chs-nav a[href="#navigation"] .bar.bar-2 { opacity: 0; }
[data-nav-visible="true"] .chs-nav a[href="#navigation"] .bar.bar-3 { -webkit-transform: rotate(-45deg) translateY(0); transform: rotate(-45deg) translateY(0); }
.csstransforms[data-nav-visible="true"] .chs-nav a[href="#navigation"]:before { -webkit-transform: translateZ(0) rotate(45deg); transform: translateZ(0) rotate(45deg); }
.csstransforms[data-nav-visible="true"] .chs-nav a[href="#navigation"] .bar { margin-top: -2px !important; }
.csstransforms[data-nav-visible="true"] .chs-nav a[href="#navigation"] .bar.bar-1 { -webkit-transform: translateZ(0) rotate(45deg) translateY(0); transform: translateZ(0) rotate(45deg) translateY(0); }
.csstransforms[data-nav-visible="true"] .chs-nav a[href="#navigation"] .bar.bar-2 { opacity: 0; }
.csstransforms[data-nav-visible="true"] .chs-nav a[href="#navigation"] .bar.bar-3 { -webkit-transform: translateZ(0) rotate(-45deg) translateY(0); transform: translateZ(0) rotate(-45deg) translateY(0); }
.chs-nav a[href="#navigation"]:before, .chs-nav a[href="#navigation"]:after { content: ''; position: absolute; top: 25px; left: 8px; display: block; height: 40px; width: 40px; border-radius: 5px; background: #1d76bb; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9); }
.csstransforms3d .chs-nav a[href="#navigation"]:before, .csstransforms3d .chs-nav a[href="#navigation"]:after { -webkit-transform: translateZ(0) rotate(45deg); transform: translateZ(0) rotate(45deg); }
.chs-nav a[href="#navigation"]:after { background: none; top: 27px; left: 10px; height: 36px; width: 36px; border: 2px solid white; }
.chs-nav a[href="#navigation"] .bar { display: block; position: absolute; background: white; height: 3px; width: 20px; top: 44px; left: 50%; margin-left: -10px; margin-top: -2px; border-radius: 2px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.7s cubic-bezier(1, 0.1, 0, 0.9); }
.csstransforms3d .chs-nav a[href="#navigation"] .bar { -webkit-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); }
.csstransforms3d .chs-nav a[href="#navigation"] .bar.bar-1 { -webkit-transform: translateZ(0) rotate(0deg) translateY(-6px); transform: translateZ(0) rotate(0deg) translateY(-6px); }
.csstransforms3d .chs-nav a[href="#navigation"] .bar.bar-3 { -webkit-transform: translateZ(0) rotate(0deg) translateY(6px); transform: translateZ(0) rotate(0deg) translateY(6px); }
.chs-nav a[href="#navigation"] .bar.bar-1 { -webkit-transform: rotate(0deg) translateY(-6px); transform: rotate(0deg) translateY(-6px); }
.chs-nav a[href="#navigation"] .bar.bar-3 { -webkit-transform: rotate(0deg) translateY(6px); transform: rotate(0deg) translateY(6px); }
.chs-nav nav[role="navigation"] { position: absolute; top: 0; left: 0; bottom: 0; padding: 0; overflow: hidden; background: rgba(255, 255, 255, 0.9); width: 300px; box-sizing: border-box; transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9); -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 998; }
.csstransforms3d .chs-nav nav[role="navigation"] { -webkit-transform: translateZ(0) translateX(-100%); transform: translateZ(0) translateX(-100%); }
[data-nav-visible="true"] .chs-nav nav[role="navigation"] { -webkit-transform: translateX(0); transform: translateX(0); }
.csstransforms3d[data-nav-visible="true"] .chs-nav nav[role="navigation"] { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); }
.chs-nav nav[role="navigation"] > ul { margin: 0; padding: 40px 0; list-style: none; transition: all 0.2s ease 0.3s; }
.chs-nav nav[role="navigation"] > ul li.active a { border-left: 2px solid #1d76bb; }
.chs-nav nav[role="navigation"] > ul li.active a:hover { color: inherit; }
.chs-nav nav[role="navigation"] > ul li { position: relative; margin: 0; border-top: 1px solid #ccc; }
.chs-nav nav[role="navigation"] > ul li:last-child { border-bottom: 1px solid #ccc; }
.chs-nav nav[role="navigation"] > ul a { display: block; padding: 15px 20px; color: black; font-size: 18px; text-decoration: none; border-left: 2px solid transparent; width: 100%; box-sizing: border-box; }
.chs-nav nav[role="navigation"] > ul a:hover { background: #1d76bb; color: white; }
.chs-nav .nav-mask { background: rgba(0, 0, 0, 0.5); position: absolute; width: 100vw; height: 100%; z-index: 997; cursor: -webkit-zoom-out; cursor: zoom-out; }