--- /dev/null
+@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.
+ */
+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; }
+
+.slideInDown.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ -webkit-transform: translateY(-100%);
+ -ms-transform: translateY(-100%);
+ transform: translateY(-100%);
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.slideInDown.mui-enter.mui-enter-active {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0); }
+
+.slideInLeft.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ -webkit-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ transform: translateX(-100%);
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.slideInLeft.mui-enter.mui-enter-active {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0); }
+
+.slideInUp.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ -webkit-transform: translateY(100%);
+ -ms-transform: translateY(100%);
+ transform: translateY(100%);
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.slideInUp.mui-enter.mui-enter-active {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0); }
+
+.slideInRight.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ -webkit-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ transform: translateX(100%);
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.slideInRight.mui-enter.mui-enter-active {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0); }
+
+.slideOutDown.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.slideOutDown.mui-leave.mui-leave-active {
+ -webkit-transform: translateY(-100%);
+ -ms-transform: translateY(-100%);
+ transform: translateY(-100%); }
+
+.slideOutRight.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.slideOutRight.mui-leave.mui-leave-active {
+ -webkit-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ transform: translateX(100%); }
+
+.slideOutUp.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.slideOutUp.mui-leave.mui-leave-active {
+ -webkit-transform: translateY(-100%);
+ -ms-transform: translateY(-100%);
+ transform: translateY(-100%); }
+
+.slideOutLeft.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.slideOutLeft.mui-leave.mui-leave-active {
+ -webkit-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ transform: translateX(-100%); }
+
+.fadeIn.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ opacity: 0;
+ transition-property: opacity; }
+
+.fadeIn.mui-enter.mui-enter-active {
+ opacity: 1; }
+
+.fadeOut.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ opacity: 1;
+ transition-property: opacity; }
+
+.fadeOut.mui-leave.mui-leave-active {
+ opacity: 0; }
+
+.hingeInFromTop.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateX(-90deg);
+ transform: perspective(2000px) rotateX(-90deg);
+ -webkit-transform-origin: top;
+ -ms-transform-origin: top;
+ transform-origin: top;
+ opacity: 0; }
+
+.hingeInFromTop.mui-enter.mui-enter-active {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeInFromRight.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateY(-90deg);
+ transform: perspective(2000px) rotateY(-90deg);
+ -webkit-transform-origin: right;
+ -ms-transform-origin: right;
+ transform-origin: right;
+ opacity: 0; }
+
+.hingeInFromRight.mui-enter.mui-enter-active {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeInFromBottom.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateX(90deg);
+ transform: perspective(2000px) rotateX(90deg);
+ -webkit-transform-origin: bottom;
+ -ms-transform-origin: bottom;
+ transform-origin: bottom;
+ opacity: 0; }
+
+.hingeInFromBottom.mui-enter.mui-enter-active {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeInFromLeft.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateY(90deg);
+ transform: perspective(2000px) rotateY(90deg);
+ -webkit-transform-origin: left;
+ -ms-transform-origin: left;
+ transform-origin: left;
+ opacity: 0; }
+
+.hingeInFromLeft.mui-enter.mui-enter-active {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeInFromMiddleX.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateX(-90deg);
+ transform: perspective(2000px) rotateX(-90deg);
+ -webkit-transform-origin: center;
+ -ms-transform-origin: center;
+ transform-origin: center;
+ opacity: 0; }
+
+.hingeInFromMiddleX.mui-enter.mui-enter-active {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeInFromMiddleY.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: perspective(2000px) rotateY(-90deg);
+ transform: perspective(2000px) rotateY(-90deg);
+ -webkit-transform-origin: center;
+ -ms-transform-origin: center;
+ transform-origin: center;
+ opacity: 0; }
+
+.hingeInFromMiddleY.mui-enter.mui-enter-active {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ opacity: 1; }
+
+.hingeOutFromTop.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: top;
+ -ms-transform-origin: top;
+ transform-origin: top;
+ opacity: 1; }
+
+.hingeOutFromTop.mui-leave.mui-leave-active {
+ -webkit-transform: perspective(2000px) rotateX(-90deg);
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0; }
+
+.hingeOutFromRight.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: right;
+ -ms-transform-origin: right;
+ transform-origin: right;
+ opacity: 1; }
+
+.hingeOutFromRight.mui-leave.mui-leave-active {
+ -webkit-transform: perspective(2000px) rotateY(-90deg);
+ transform: perspective(2000px) rotateY(-90deg);
+ opacity: 0; }
+
+.hingeOutFromBottom.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: bottom;
+ -ms-transform-origin: bottom;
+ transform-origin: bottom;
+ opacity: 1; }
+
+.hingeOutFromBottom.mui-leave.mui-leave-active {
+ -webkit-transform: perspective(2000px) rotateX(90deg);
+ transform: perspective(2000px) rotateX(90deg);
+ opacity: 0; }
+
+.hingeOutFromLeft.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: left;
+ -ms-transform-origin: left;
+ transform-origin: left;
+ opacity: 1; }
+
+.hingeOutFromLeft.mui-leave.mui-leave-active {
+ -webkit-transform: perspective(2000px) rotateY(90deg);
+ transform: perspective(2000px) rotateY(90deg);
+ opacity: 0; }
+
+.hingeOutFromMiddleX.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: center;
+ -ms-transform-origin: center;
+ transform-origin: center;
+ opacity: 1; }
+
+.hingeOutFromMiddleX.mui-leave.mui-leave-active {
+ -webkit-transform: perspective(2000px) rotateX(-90deg);
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0; }
+
+.hingeOutFromMiddleY.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: center;
+ -ms-transform-origin: center;
+ transform-origin: center;
+ opacity: 1; }
+
+.hingeOutFromMiddleY.mui-leave.mui-leave-active {
+ -webkit-transform: perspective(2000px) rotateY(-90deg);
+ transform: perspective(2000px) rotateY(-90deg);
+ opacity: 0; }
+
+.scaleInUp.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, property;
+ transition-property: transform, property;
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: 0; }
+
+.scaleInUp.mui-enter.mui-enter-active {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ opacity: 1; }
+
+.scaleInDown.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, property;
+ transition-property: transform, property;
+ -webkit-transform: scale(1.5);
+ -ms-transform: scale(1.5);
+ transform: scale(1.5);
+ opacity: 0; }
+
+.scaleInDown.mui-enter.mui-enter-active {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ opacity: 1; }
+
+.scaleOutUp.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, property;
+ transition-property: transform, property;
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ opacity: 1; }
+
+.scaleOutUp.mui-leave.mui-leave-active {
+ -webkit-transform: scale(1.5);
+ -ms-transform: scale(1.5);
+ transform: scale(1.5);
+ opacity: 0; }
+
+.scaleOutDown.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, property;
+ transition-property: transform, property;
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ opacity: 1; }
+
+.scaleOutDown.mui-leave.mui-leave-active {
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: 0; }
+
+.spinIn.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(-270deg);
+ -ms-transform: rotate(-270deg);
+ transform: rotate(-270deg);
+ opacity: 0; }
+
+.spinIn.mui-enter.mui-enter-active {
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1; }
+
+.spinOut.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1; }
+
+.spinOut.mui-leave.mui-leave-active {
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
+ opacity: 0; }
+
+.spinInCCW.mui-enter {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
+ opacity: 0; }
+
+.spinInCCW.mui-enter.mui-enter-active {
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1; }
+
+.spinOutCCW.mui-leave {
+ transition-duration: 500ms;
+ transition-timing-function: linear;
+ transition-property: -webkit-transform, opacity;
+ transition-property: transform, opacity;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1; }
+
+.spinOutCCW.mui-leave.mui-leave-active {
+ -webkit-transform: rotate(-270deg);
+ -ms-transform: rotate(-270deg);
+ transform: rotate(-270deg);
+ opacity: 0; }
+
+.slow {
+ transition-duration: 750ms !important; }
+
+.fast {
+ transition-duration: 250ms !important; }
+
+.linear {
+ transition-timing-function: linear !important; }
+
+.ease {
+ transition-timing-function: ease !important; }
+
+.easeIn {
+ transition-timing-function: ease-in !important; }
+
+.easeOut {
+ transition-timing-function: ease-out !important; }
+
+.easeInOut {
+ transition-timing-function: ease-in-out !important; }
+
+.bounceIn {
+ transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
+
+.bounceOut {
+ transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
+
+.bounceInOut {
+ transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
+
+.short-delay {
+ transition-delay: 300ms !important; }
+
+.long-delay {
+ transition-delay: 700ms !important; }
+
+@-webkit-keyframes shake-7 {
+ 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
+ -webkit-transform: translateX(7%);
+ transform: translateX(7%); }
+ 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
+ -webkit-transform: translateX(-7%);
+ transform: translateX(-7%); } }
+
+@keyframes shake-7 {
+ 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
+ -webkit-transform: translateX(7%);
+ transform: translateX(7%); }
+ 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
+ -webkit-transform: translateX(-7%);
+ transform: translateX(-7%); } }
+
+@-webkit-keyframes spin-cw-360deg {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+@keyframes spin-cw-360deg {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+@-webkit-keyframes spin-ccw--360deg {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg); } }
+
+@keyframes spin-ccw--360deg {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg); } }
+
+@-webkit-keyframes wiggle-7deg {
+ 40%, 50%, 60% {
+ -webkit-transform: rotate(7deg);
+ transform: rotate(7deg); }
+ 35%, 45%, 55%, 65% {
+ -webkit-transform: rotate(-7deg);
+ transform: rotate(-7deg); }
+ 0%, 30%, 70%, 100% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0); } }
+
+@keyframes wiggle-7deg {
+ 40%, 50%, 60% {
+ -webkit-transform: rotate(7deg);
+ transform: rotate(7deg); }
+ 35%, 45%, 55%, 65% {
+ -webkit-transform: rotate(-7deg);
+ transform: rotate(-7deg); }
+ 0%, 30%, 70%, 100% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0); } }
+
+.mui-animate.infinite {
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite; }
+
+.mui-animate.slow {
+ transition-duration: 750ms !important; }
+
+.mui-animate.fast {
+ transition-duration: 250ms !important; }
+
+.mui-animate.linear {
+ transition-timing-function: linear !important; }
+
+.mui-animate.ease {
+ transition-timing-function: ease !important; }
+
+.mui-animate.easeIn {
+ transition-timing-function: ease-in !important; }
+
+.mui-animate.easeOut {
+ transition-timing-function: ease-out !important; }
+
+.mui-animate.easeInOut {
+ transition-timing-function: ease-in-out !important; }
+
+.mui-animate.bounceIn {
+ transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
+
+.mui-animate.bounceOut {
+ transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
+
+.mui-animate.bounceInOut {
+ transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
+
+.mui-animate.short-delay {
+ transition-timing-function: 300ms !important; }
+
+.mui-animate.long-delay {
+ transition-timing-function: 700ms !important; }
+
+.accordion {
+ list-style-type: none;
+ background: #fefefe;
+ border: 1px solid #f3f3f3;
+ margin-left: 0; }
+ .accordion > .accordion-item .content {
+ padding: 1.25rem 1rem;
+ display: none;
+ border-bottom: 1px solid #f3f3f3; }
+ .accordion > .accordion-item > a {
+ display: block;
+ padding: 1.25rem 1rem;
+ line-height: 1;
+ font-size: 12px;
+ color: #2199e8;
+ position: relative;
+ border-bottom: 1px solid #f3f3f3; }
+ .accordion > .accordion-item > a:last-child {
+ border-bottom: 0 solid #f3f3f3; }
+ .accordion > .accordion-item > a:hover,
+ .accordion > .accordion-item > a:focus {
+ background: #f3f3f3; }
+ .accordion > .accordion-item > a::before {
+ content: '+';
+ position: absolute;
+ right: 1rem;
+ top: 50%;
+ margin-top: -0.5rem;
+ font-size: 0.9rem; }
+ .accordion > .accordion-item:last-child a {
+ border-bottom: 0 solid #f3f3f3; }
+ .accordion > .is-active > a {
+ background: #f3f3f3; }
+ .accordion > .is-active > a::before {
+ content: '-'; }
+
+.close-button {
+ position: absolute;
+ color: #8a8a8a;
+ right: 1rem;
+ top: 0.5rem;
+ font-size: 2em;
+ line-height: 1;
+ cursor: pointer; }
+ .close-button:hover {
+ color: #0a0a0a; }
+
+.is-drilldown {
+ position: relative;
+ overflow: hidden; }
+
+.is-drilldown-sub {
+ position: absolute;
+ top: 0;
+ left: 100%;
+ width: 100%;
+ background: #fefefe;
+ transition: -webkit-transform 0.15s linear;
+ transition: transform 0.15s linear; }
+ .is-drilldown-sub.is-active {
+ -webkit-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ transform: translateX(-100%); }
+
+.dropdown.menu-bar .has-submenu {
+ position: relative; }
+
+.dropdown.menu-bar .submenu {
+ display: none;
+ position: absolute;
+ top: 100%;
+ width: auto;
+ white-space: nowrap;
+ background: #fefefe;
+ z-index: 1; }
+ .dropdown.menu-bar .submenu:not(.js-dropdown-nohover) > .has-submenu:hover > .dropdown.menu-bar .submenu,
+ .dropdown.menu-bar .submenu.js-dropdown-active {
+ display: block; }
+
+.dropdown.menu-bar.vertical > li > .submenu {
+ top: 0;
+ left: 100%; }
+
+.dropdown-pane {
+ background-color: #fefefe;
+ border: 1px solid #cacaca;
+ display: block;
+ padding: 1rem;
+ position: absolute;
+ visibility: hidden;
+ width: 300px;
+ z-index: 10; }
+ .dropdown-pane.tiny {
+ width: 100px; }
+ .dropdown-pane.small {
+ width: 200px; }
+ .dropdown-pane.large {
+ width: 400px; }
+ .dropdown-pane.is-open {
+ visibility: visible; }
+
+.slider-fill {
+ background: #cacaca;
+ display: inline-block;
+ height: 0.5rem;
+ position: absolute; }
+
+.slider-handle {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ background: #2199e8;
+ cursor: pointer;
+ display: inline-block;
+ z-index: 1;
+ height: 1.4rem;
+ width: 1.4rem;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation; }
+ .slider-handle:hover {
+ background: #1583cc; }
+
+.slider {
+ background: #f3f3f3;
+ position: relative;
+ height: 0.5rem;
+ margin-top: 1.25rem;
+ margin-bottom: 2.25rem; }
+ .slider.disabled,
+ .slider.slider[disabled] {
+ cursor: not-allowed;
+ opacity: 0.5; }
+ .slider.disabled .slider-handle,
+ .slider.slider[disabled] .slider-handle {
+ cursor: not-allowed; }
+ .slider.vertical {
+ display: inline-block;
+ height: 12.5rem;
+ width: 0.5rem;
+ margin: 0 1.25rem; }
+ .slider.vertical .slider-fill {
+ top: 0;
+ width: 0.5rem; }
+ .slider.vertical .slider-handle {
+ position: absolute;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+ top: 0;
+ height: 1.4rem;
+ width: 1.4rem; }
+
+body.is-reveal-open {
+ overflow: hidden; }
+
+.switch {
+ border: 0;
+ margin-bottom: 1rem;
+ outline: 0;
+ padding: 0;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ .switch.tiny .switch-handle {
+ height: 1.5rem;
+ width: 3rem; }
+ .switch.tiny .switch-handle:after {
+ height: 1rem;
+ width: 1rem; }
+ .switch.tiny .switch-handle .switch-active, .switch.tiny .switch-handle .switch-disabled {
+ font-size: 0.625rem; }
+ .switch.small .switch-handle {
+ height: 1.75rem;
+ width: 3.5rem; }
+ .switch.small .switch-handle:after {
+ height: 1.25rem;
+ width: 1.25rem; }
+ .switch.small .switch-handle .switch-active, .switch.small .switch-handle .switch-disabled {
+ font-size: 0.75rem; }
+ .switch.large .switch-handle {
+ height: 2.5rem;
+ width: 5rem; }
+ .switch.large .switch-handle:after {
+ height: 2rem;
+ width: 2rem; }
+ .switch.large .switch-handle .switch-active, .switch.large .switch-handle .switch-disabled {
+ font-size: 1rem; }
+ .switch.tiny .switch-input:checked ~ .switch-handle:after {
+ left: 1.75rem; }
+ .switch.small .switch-input:checked ~ .switch-handle:after {
+ left: 2rem; }
+ .switch.large .switch-input:checked ~ .switch-handle:after {
+ left: 2.75rem; }
+
+.switch-handle {
+ background: #cacaca;
+ cursor: pointer;
+ display: block;
+ margin-bottom: 1rem;
+ position: relative;
+ text-indent: 100%;
+ width: 4rem;
+ height: 2rem;
+ transition: all 0.25s ease-out;
+ border-radius: 0; }
+ .switch-handle:after {
+ background: #fefefe;
+ content: '';
+ display: block;
+ position: absolute;
+ height: 1.5rem;
+ left: 0.25rem;
+ top: 0.25rem;
+ width: 1.5rem;
+ transition: all 0.25s ease-out;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
+
+.switch-input {
+ opacity: 0;
+ position: absolute; }
+ .switch-input ~ .switch-handle {
+ margin-left: 0;
+ margin-right: 0; }
+ .switch-input:checked ~ .switch-handle {
+ background: #2199e8; }
+ .switch-input:checked ~ .switch-handle:after {
+ left: 2.25rem; }
+ .switch-input:checked ~ .switch-handle .switch-active {
+ display: block; }
+ .switch-input:checked ~ .switch-handle .switch-disabled {
+ display: none; }
+ .switch-input:focus ~ .switch-handle {
+ outline: thin dotted #333;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+ overflow: hidden; }
+
+.switch-active, .switch-disabled {
+ position: absolute;
+ padding: 0;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ color: #fefefe;
+ font-weight: bold;
+ font-size: 0.875rem; }
+
+.switch-active {
+ left: -90%;
+ display: none; }
+
+.switch-disabled {
+ right: 15%; }
+
+.tabs {
+ margin: 0;
+ list-style-type: none;
+ background: #fefefe;
+ border: 1px solid #f3f3f3; }
+ .tabs::before,
+ .tabs::after {
+ content: ' ';
+ display: table; }
+ .tabs::after {
+ clear: both; }
+ .tabs.simple > li > a {
+ padding: 0; }
+ .tabs.simple > li > a:hover {
+ background: transparent; }
+ .tabs.vertical > li {
+ width: auto;
+ float: none;
+ display: block; }
+ .tabs.primary {
+ background: #2199e8; }
+ .tabs.primary > li > a {
+ color: #fefefe; }
+ .tabs.primary > li > a:hover,
+ .tabs.primary > li > a:focus {
+ background: #1893e4; }
+
+.tabs-title {
+ float: left; }
+ .tabs-title > a {
+ display: block;
+ padding: 1.25rem 1.5rem;
+ line-height: 1;
+ font-size: 12px;
+ color: #2199e8; }
+ .tabs-title > a:hover,
+ .tabs-title > a:focus,
+ .tabs-title > a[aria-selected="true"] {
+ background: #f3f3f3; }
+
+.tabs-content {
+ background: #fefefe;
+ transition: all 0.5s ease;
+ border: 1px solid #f3f3f3;
+ border-top: 0; }
+ .tabs-content.vertical {
+ border: 1px solid #f3f3f3;
+ border-left: 0; }
+
+.tabs-panel {
+ display: none;
+ padding: 1rem; }
+ .tabs-panel.is-active {
+ display: block; }
+
+.has-tip {
+ border-bottom: dotted 1px #8a8a8a;
+ font-weight: bold;
+ position: relative;
+ display: inline-block; }
+ .has-tip:hover {
+ cursor: help; }
+
+.tooltip {
+ background-color: #0a0a0a;
+ color: #fefefe;
+ font-size: 80%;
+ padding: 0.75rem;
+ position: absolute;
+ z-index: 10;
+ top: calc(100% + 0.6495rem);
+ max-width: 10rem !important; }
+ .tooltip::before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 0.75rem;
+ border-color: transparent transparent #0a0a0a;
+ border-bottom-style: solid;
+ bottom: 100%;
+ position: absolute;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%); }
+ .tooltip.top::before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 0.75rem;
+ border-color: #0a0a0a transparent transparent;
+ border-top-style: solid;
+ top: 100%;
+ bottom: auto; }
+ .tooltip.left::before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 0.75rem;
+ border-color: transparent transparent transparent #0a0a0a;
+ border-left-style: solid;
+ bottom: auto;
+ left: 100%;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%); }
+ .tooltip.right::before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 0.75rem;
+ border-color: transparent #0a0a0a transparent transparent;
+ border-right-style: solid;
+ bottom: auto;
+ left: auto;
+ right: 100%;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%); }
+
+.foundation-mq {
+ font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
+
+html,
+body {
+ font-size: 100%;
+ box-sizing: border-box; }
+
+*,
+*:before,
+*:after {
+ box-sizing: inherit; }
+
+body {
+ padding: 0;
+ margin: 0;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-weight: normal;
+ line-height: 1.5;
+ color: #0a0a0a;
+ background: #fefefe;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+img {
+ max-width: 100%;
+ height: auto;
+ -ms-interpolation-mode: bicubic;
+ display: inline-block;
+ vertical-align: middle; }
+
+textarea {
+ height: auto;
+ min-height: 50px; }
+
+select {
+ width: 100%; }
+
+#map_canvas img,
+#map_canvas embed,
+#map_canvas object,
+.map_canvas img,
+.map_canvas embed,
+.map_canvas object,
+.mqa-display img,
+.mqa-display embed,
+.mqa-display object {
+ max-width: none !important; }
+
+button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background: transparent;
+ padding: 0;
+ border: 0;
+ line-height: 1; }
+
+.row {
+ max-width: rem-calc(1000);
+ margin-left: auto;
+ margin-right: auto; }
+ .row::before,
+ .row::after {
+ content: ' ';
+ display: table; }
+ .row::after {
+ clear: both; }
+ .row.collapse > .column, .row.collapse > .columns {
+ padding-left: 0;
+ padding-right: 0; }
+ .row .row,
+ .column-row .row {
+ margin-left: -0.9375rem;
+ margin-right: -0.9375rem; }
+ .row .row.collapse,
+ .column-row .row.collapse {
+ margin-left: 0;
+ margin-right: 0; }
+ @media screen {
+ .row.small-collapse > .column, .row.small-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0; }
+ .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
+ padding-left: 0.9375rem;
+ padding-right: 0.9375rem; } }
+ @media screen and (min-width: 40em) {
+ .row.medium-collapse > .column, .row.medium-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0; }
+ .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
+ padding-left: 0.9375rem;
+ padding-right: 0.9375rem; } }
+ @media screen and (min-width: 64em) {
+ .row.large-collapse > .column, .row.large-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0; }
+ .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
+ padding-left: 0.9375rem;
+ padding-right: 0.9375rem; } }
+ .row.expanded {
+ max-width: none; }
+
+.column, .columns {
+ width: 100%;
+ float: left;
+ padding-left: 0.9375rem;
+ padding-right: 0.9375rem; }
+ .column.end, .end.columns {
+ float: right; }
+
+.column-row {
+ max-width: rem-calc(1000);
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 0.9375rem;
+ padding-right: 0.9375rem; }
+ .column-row .row {
+ margin-left: -0.9375rem;
+ margin-right: -0.9375rem; }
+
+@media screen {
+ .small-1 {
+ width: 8.33333%; }
+ .small-push-1 {
+ position: relative;
+ left: 8.33333%; }
+ .small-pull-1 {
+ position: relative;
+ left: -8.33333%; }
+ .small-offset-0 {
+ margin-left: 0%; }
+ .small-2 {
+ width: 16.66667%; }
+ .small-push-2 {
+ position: relative;
+ left: 16.66667%; }
+ .small-pull-2 {
+ position: relative;
+ left: -16.66667%; }
+ .small-offset-1 {
+ margin-left: 8.33333%; }
+ .small-3 {
+ width: 25%; }
+ .small-push-3 {
+ position: relative;
+ left: 25%; }
+ .small-pull-3 {
+ position: relative;
+ left: -25%; }
+ .small-offset-2 {
+ margin-left: 16.66667%; }
+ .small-4 {
+ width: 33.33333%; }
+ .small-push-4 {
+ position: relative;
+ left: 33.33333%; }
+ .small-pull-4 {
+ position: relative;
+ left: -33.33333%; }
+ .small-offset-3 {
+ margin-left: 25%; }
+ .small-5 {
+ width: 41.66667%; }
+ .small-push-5 {
+ position: relative;
+ left: 41.66667%; }
+ .small-pull-5 {
+ position: relative;
+ left: -41.66667%; }
+ .small-offset-4 {
+ margin-left: 33.33333%; }
+ .small-6 {
+ width: 50%; }
+ .small-push-6 {
+ position: relative;
+ left: 50%; }
+ .small-pull-6 {
+ position: relative;
+ left: -50%; }
+ .small-offset-5 {
+ margin-left: 41.66667%; }
+ .small-7 {
+ width: 58.33333%; }
+ .small-push-7 {
+ position: relative;
+ left: 58.33333%; }
+ .small-pull-7 {
+ position: relative;
+ left: -58.33333%; }
+ .small-offset-6 {
+ margin-left: 50%; }
+ .small-8 {
+ width: 66.66667%; }
+ .small-push-8 {
+ position: relative;
+ left: 66.66667%; }
+ .small-pull-8 {
+ position: relative;
+ left: -66.66667%; }
+ .small-offset-7 {
+ margin-left: 58.33333%; }
+ .small-9 {
+ width: 75%; }
+ .small-push-9 {
+ position: relative;
+ left: 75%; }
+ .small-pull-9 {
+ position: relative;
+ left: -75%; }
+ .small-offset-8 {
+ margin-left: 66.66667%; }
+ .small-10 {
+ width: 83.33333%; }
+ .small-push-10 {
+ position: relative;
+ left: 83.33333%; }
+ .small-pull-10 {
+ position: relative;
+ left: -83.33333%; }
+ .small-offset-9 {
+ margin-left: 75%; }
+ .small-11 {
+ width: 91.66667%; }
+ .small-push-11 {
+ position: relative;
+ left: 91.66667%; }
+ .small-pull-11 {
+ position: relative;
+ left: -91.66667%; }
+ .small-offset-10 {
+ margin-left: 83.33333%; }
+ .small-12 {
+ width: 100%; }
+ .small-offset-11 {
+ margin-left: 91.66667%; }
+ .small-up-1 .column, .small-up-1 .columns {
+ width: 100%;
+ float: left; }
+ .small-up-1 .column:nth-of-type(1n), .small-up-1 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-1 .column:nth-of-type(1n+1), .small-up-1 .columns:nth-of-type(1n+1) {
+ clear: both; }
+ .small-up-2 .column, .small-up-2 .columns {
+ width: 50%;
+ float: left; }
+ .small-up-2 .column:nth-of-type(1n), .small-up-2 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-2 .column:nth-of-type(2n+1), .small-up-2 .columns:nth-of-type(2n+1) {
+ clear: both; }
+ .small-up-3 .column, .small-up-3 .columns {
+ width: 33.33333%;
+ float: left; }
+ .small-up-3 .column:nth-of-type(1n), .small-up-3 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-3 .column:nth-of-type(3n+1), .small-up-3 .columns:nth-of-type(3n+1) {
+ clear: both; }
+ .small-up-4 .column, .small-up-4 .columns {
+ width: 25%;
+ float: left; }
+ .small-up-4 .column:nth-of-type(1n), .small-up-4 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-4 .column:nth-of-type(4n+1), .small-up-4 .columns:nth-of-type(4n+1) {
+ clear: both; }
+ .small-up-5 .column, .small-up-5 .columns {
+ width: 20%;
+ float: left; }
+ .small-up-5 .column:nth-of-type(1n), .small-up-5 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-5 .column:nth-of-type(5n+1), .small-up-5 .columns:nth-of-type(5n+1) {
+ clear: both; }
+ .small-up-6 .column, .small-up-6 .columns {
+ width: 16.66667%;
+ float: left; }
+ .small-up-6 .column:nth-of-type(1n), .small-up-6 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-6 .column:nth-of-type(6n+1), .small-up-6 .columns:nth-of-type(6n+1) {
+ clear: both; }
+ .small-center {
+ margin-left: auto;
+ margin-right: auto; }
+ .small-uncenter,
+ .small-push-0,
+ .small-pull-0 {
+ position: static;
+ margin-left: 0;
+ margin-right: 0; } }
+
+@media screen and (min-width: 40em) {
+ .medium-1 {
+ width: 8.33333%; }
+ .medium-push-1 {
+ position: relative;
+ left: 8.33333%; }
+ .medium-pull-1 {
+ position: relative;
+ left: -8.33333%; }
+ .medium-offset-0 {
+ margin-left: 0%; }
+ .medium-2 {
+ width: 16.66667%; }
+ .medium-push-2 {
+ position: relative;
+ left: 16.66667%; }
+ .medium-pull-2 {
+ position: relative;
+ left: -16.66667%; }
+ .medium-offset-1 {
+ margin-left: 8.33333%; }
+ .medium-3 {
+ width: 25%; }
+ .medium-push-3 {
+ position: relative;
+ left: 25%; }
+ .medium-pull-3 {
+ position: relative;
+ left: -25%; }
+ .medium-offset-2 {
+ margin-left: 16.66667%; }
+ .medium-4 {
+ width: 33.33333%; }
+ .medium-push-4 {
+ position: relative;
+ left: 33.33333%; }
+ .medium-pull-4 {
+ position: relative;
+ left: -33.33333%; }
+ .medium-offset-3 {
+ margin-left: 25%; }
+ .medium-5 {
+ width: 41.66667%; }
+ .medium-push-5 {
+ position: relative;
+ left: 41.66667%; }
+ .medium-pull-5 {
+ position: relative;
+ left: -41.66667%; }
+ .medium-offset-4 {
+ margin-left: 33.33333%; }
+ .medium-6 {
+ width: 50%; }
+ .medium-push-6 {
+ position: relative;
+ left: 50%; }
+ .medium-pull-6 {
+ position: relative;
+ left: -50%; }
+ .medium-offset-5 {
+ margin-left: 41.66667%; }
+ .medium-7 {
+ width: 58.33333%; }
+ .medium-push-7 {
+ position: relative;
+ left: 58.33333%; }
+ .medium-pull-7 {
+ position: relative;
+ left: -58.33333%; }
+ .medium-offset-6 {
+ margin-left: 50%; }
+ .medium-8 {
+ width: 66.66667%; }
+ .medium-push-8 {
+ position: relative;
+ left: 66.66667%; }
+ .medium-pull-8 {
+ position: relative;
+ left: -66.66667%; }
+ .medium-offset-7 {
+ margin-left: 58.33333%; }
+ .medium-9 {
+ width: 75%; }
+ .medium-push-9 {
+ position: relative;
+ left: 75%; }
+ .medium-pull-9 {
+ position: relative;
+ left: -75%; }
+ .medium-offset-8 {
+ margin-left: 66.66667%; }
+ .medium-10 {
+ width: 83.33333%; }
+ .medium-push-10 {
+ position: relative;
+ left: 83.33333%; }
+ .medium-pull-10 {
+ position: relative;
+ left: -83.33333%; }
+ .medium-offset-9 {
+ margin-left: 75%; }
+ .medium-11 {
+ width: 91.66667%; }
+ .medium-push-11 {
+ position: relative;
+ left: 91.66667%; }
+ .medium-pull-11 {
+ position: relative;
+ left: -91.66667%; }
+ .medium-offset-10 {
+ margin-left: 83.33333%; }
+ .medium-12 {
+ width: 100%; }
+ .medium-offset-11 {
+ margin-left: 91.66667%; }
+ .medium-up-1 .column, .medium-up-1 .columns {
+ width: 100%;
+ float: left; }
+ .medium-up-1 .column:nth-of-type(1n), .medium-up-1 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-1 .column:nth-of-type(1n+1), .medium-up-1 .columns:nth-of-type(1n+1) {
+ clear: both; }
+ .medium-up-2 .column, .medium-up-2 .columns {
+ width: 50%;
+ float: left; }
+ .medium-up-2 .column:nth-of-type(1n), .medium-up-2 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-2 .column:nth-of-type(2n+1), .medium-up-2 .columns:nth-of-type(2n+1) {
+ clear: both; }
+ .medium-up-3 .column, .medium-up-3 .columns {
+ width: 33.33333%;
+ float: left; }
+ .medium-up-3 .column:nth-of-type(1n), .medium-up-3 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-3 .column:nth-of-type(3n+1), .medium-up-3 .columns:nth-of-type(3n+1) {
+ clear: both; }
+ .medium-up-4 .column, .medium-up-4 .columns {
+ width: 25%;
+ float: left; }
+ .medium-up-4 .column:nth-of-type(1n), .medium-up-4 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-4 .column:nth-of-type(4n+1), .medium-up-4 .columns:nth-of-type(4n+1) {
+ clear: both; }
+ .medium-up-5 .column, .medium-up-5 .columns {
+ width: 20%;
+ float: left; }
+ .medium-up-5 .column:nth-of-type(1n), .medium-up-5 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-5 .column:nth-of-type(5n+1), .medium-up-5 .columns:nth-of-type(5n+1) {
+ clear: both; }
+ .medium-up-6 .column, .medium-up-6 .columns {
+ width: 16.66667%;
+ float: left; }
+ .medium-up-6 .column:nth-of-type(1n), .medium-up-6 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-6 .column:nth-of-type(6n+1), .medium-up-6 .columns:nth-of-type(6n+1) {
+ clear: both; }
+ .medium-center {
+ margin-left: auto;
+ margin-right: auto; }
+ .medium-uncenter,
+ .medium-push-0,
+ .medium-pull-0 {
+ position: static;
+ margin-left: 0;
+ margin-right: 0; } }
+
+@media screen and (min-width: 64em) {
+ .large-1 {
+ width: 8.33333%; }
+ .large-push-1 {
+ position: relative;
+ left: 8.33333%; }
+ .large-pull-1 {
+ position: relative;
+ left: -8.33333%; }
+ .large-offset-0 {
+ margin-left: 0%; }
+ .large-2 {
+ width: 16.66667%; }
+ .large-push-2 {
+ position: relative;
+ left: 16.66667%; }
+ .large-pull-2 {
+ position: relative;
+ left: -16.66667%; }
+ .large-offset-1 {
+ margin-left: 8.33333%; }
+ .large-3 {
+ width: 25%; }
+ .large-push-3 {
+ position: relative;
+ left: 25%; }
+ .large-pull-3 {
+ position: relative;
+ left: -25%; }
+ .large-offset-2 {
+ margin-left: 16.66667%; }
+ .large-4 {
+ width: 33.33333%; }
+ .large-push-4 {
+ position: relative;
+ left: 33.33333%; }
+ .large-pull-4 {
+ position: relative;
+ left: -33.33333%; }
+ .large-offset-3 {
+ margin-left: 25%; }
+ .large-5 {
+ width: 41.66667%; }
+ .large-push-5 {
+ position: relative;
+ left: 41.66667%; }
+ .large-pull-5 {
+ position: relative;
+ left: -41.66667%; }
+ .large-offset-4 {
+ margin-left: 33.33333%; }
+ .large-6 {
+ width: 50%; }
+ .large-push-6 {
+ position: relative;
+ left: 50%; }
+ .large-pull-6 {
+ position: relative;
+ left: -50%; }
+ .large-offset-5 {
+ margin-left: 41.66667%; }
+ .large-7 {
+ width: 58.33333%; }
+ .large-push-7 {
+ position: relative;
+ left: 58.33333%; }
+ .large-pull-7 {
+ position: relative;
+ left: -58.33333%; }
+ .large-offset-6 {
+ margin-left: 50%; }
+ .large-8 {
+ width: 66.66667%; }
+ .large-push-8 {
+ position: relative;
+ left: 66.66667%; }
+ .large-pull-8 {
+ position: relative;
+ left: -66.66667%; }
+ .large-offset-7 {
+ margin-left: 58.33333%; }
+ .large-9 {
+ width: 75%; }
+ .large-push-9 {
+ position: relative;
+ left: 75%; }
+ .large-pull-9 {
+ position: relative;
+ left: -75%; }
+ .large-offset-8 {
+ margin-left: 66.66667%; }
+ .large-10 {
+ width: 83.33333%; }
+ .large-push-10 {
+ position: relative;
+ left: 83.33333%; }
+ .large-pull-10 {
+ position: relative;
+ left: -83.33333%; }
+ .large-offset-9 {
+ margin-left: 75%; }
+ .large-11 {
+ width: 91.66667%; }
+ .large-push-11 {
+ position: relative;
+ left: 91.66667%; }
+ .large-pull-11 {
+ position: relative;
+ left: -91.66667%; }
+ .large-offset-10 {
+ margin-left: 83.33333%; }
+ .large-12 {
+ width: 100%; }
+ .large-offset-11 {
+ margin-left: 91.66667%; }
+ .large-up-1 .column, .large-up-1 .columns {
+ width: 100%;
+ float: left; }
+ .large-up-1 .column:nth-of-type(1n), .large-up-1 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-1 .column:nth-of-type(1n+1), .large-up-1 .columns:nth-of-type(1n+1) {
+ clear: both; }
+ .large-up-2 .column, .large-up-2 .columns {
+ width: 50%;
+ float: left; }
+ .large-up-2 .column:nth-of-type(1n), .large-up-2 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-2 .column:nth-of-type(2n+1), .large-up-2 .columns:nth-of-type(2n+1) {
+ clear: both; }
+ .large-up-3 .column, .large-up-3 .columns {
+ width: 33.33333%;
+ float: left; }
+ .large-up-3 .column:nth-of-type(1n), .large-up-3 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-3 .column:nth-of-type(3n+1), .large-up-3 .columns:nth-of-type(3n+1) {
+ clear: both; }
+ .large-up-4 .column, .large-up-4 .columns {
+ width: 25%;
+ float: left; }
+ .large-up-4 .column:nth-of-type(1n), .large-up-4 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-4 .column:nth-of-type(4n+1), .large-up-4 .columns:nth-of-type(4n+1) {
+ clear: both; }
+ .large-up-5 .column, .large-up-5 .columns {
+ width: 20%;
+ float: left; }
+ .large-up-5 .column:nth-of-type(1n), .large-up-5 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-5 .column:nth-of-type(5n+1), .large-up-5 .columns:nth-of-type(5n+1) {
+ clear: both; }
+ .large-up-6 .column, .large-up-6 .columns {
+ width: 16.66667%;
+ float: left; }
+ .large-up-6 .column:nth-of-type(1n), .large-up-6 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-6 .column:nth-of-type(6n+1), .large-up-6 .columns:nth-of-type(6n+1) {
+ clear: both; }
+ .large-center {
+ margin-left: auto;
+ margin-right: auto; }
+ .large-uncenter,
+ .large-push-0,
+ .large-pull-0 {
+ position: static;
+ margin-left: 0;
+ margin-right: 0; } }
+
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+form,
+p,
+blockquote,
+th,
+td {
+ margin: 0;
+ padding: 0; }
+
+p {
+ font-size: inherit;
+ line-height: 1.6;
+ margin-bottom: 1rem;
+ text-rendering: optimizeLegibility; }
+
+em,
+i {
+ font-style: italic;
+ line-height: inherit; }
+
+strong,
+b {
+ font-weight: bold;
+ line-height: inherit; }
+
+small {
+ font-size: 80%;
+ line-height: inherit; }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-weight: normal;
+ font-style: normal;
+ color: #0a0a0a;
+ text-rendering: optimizeLegibility;
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+ line-height: 1.4; }
+ h1 small,
+ h2 small,
+ h3 small,
+ h4 small,
+ h5 small,
+ h6 small {
+ color: #cacaca;
+ line-height: 0; }
+
+h1 {
+ font-size: 1.383rem; }
+ @media screen and (min-width: 40em) {
+ h1 {
+ font-size: 1.80203rem; } }
+ @media screen and (min-width: 64em) {
+ h1 {
+ font-size: 3.05176rem; } }
+
+h2 {
+ font-size: 1.29616rem; }
+ @media screen and (min-width: 40em) {
+ h2 {
+ font-size: 1.60181rem; } }
+ @media screen and (min-width: 64em) {
+ h2 {
+ font-size: 2.44141rem; } }
+
+h3 {
+ font-size: 1.21477rem; }
+ @media screen and (min-width: 40em) {
+ h3 {
+ font-size: 1.42383rem; } }
+ @media screen and (min-width: 64em) {
+ h3 {
+ font-size: 1.95312rem; } }
+
+h4 {
+ font-size: 1.13849rem; }
+ @media screen and (min-width: 40em) {
+ h4 {
+ font-size: 1.26562rem; } }
+ @media screen and (min-width: 64em) {
+ h4 {
+ font-size: 1.5625rem; } }
+
+h5 {
+ font-size: 1.067rem; }
+ @media screen and (min-width: 40em) {
+ h5 {
+ font-size: 1.125rem; } }
+ @media screen and (min-width: 64em) {
+ h5 {
+ font-size: 1.25rem; } }
+
+h6 {
+ font-size: 1rem; }
+
+a {
+ color: #2199e8;
+ text-decoration: none;
+ line-height: inherit;
+ cursor: pointer; }
+ a:hover,
+ a:focus {
+ color: #1585cf; }
+ a img {
+ border: 0; }
+
+hr {
+ max-width: rem-calc(1000);
+ height: 0;
+ border-top: 0;
+ border-bottom: 1px solid #cacaca;
+ margin: 1.25rem 0;
+ clear: both; }
+
+ul,
+ol,
+dl {
+ line-height: 1.6;
+ margin-bottom: 1rem;
+ list-style-position: outside; }
+
+li {
+ font-size: inherit; }
+
+ul {
+ list-style-type: disc;
+ margin-left: 1.25rem; }
+
+ol {
+ margin-left: 1.25rem; }
+
+ul ul, ol ol {
+ margin-left: 1.25rem;
+ margin-bottom: 0;
+ list-style-type: inherit; }
+
+dl {
+ margin-bottom: 1rem; }
+ dl dt {
+ margin-bottom: 0.3rem;
+ font-weight: bold; }
+
+blockquote {
+ margin: 0 0 1rem;
+ padding: 0.5625rem 1.25rem 0 1.1875rem;
+ border-left: 1px solid #cacaca; }
+ blockquote, blockquote p {
+ line-height: 1.6;
+ color: #8a8a8a; }
+
+cite {
+ display: block;
+ font-size: 0.8125rem;
+ color: #8a8a8a; }
+ cite:before {
+ content: '\2014 \0020'; }
+
+abbr,
+acronym {
+ color: #0a0a0a;
+ cursor: help;
+ border-bottom: 1px dotted #0a0a0a; }
+
+code {
+ font-family: Consolas, "Liberation Mono", Courier, monospace;
+ font-weight: normal;
+ color: #0a0a0a;
+ background-color: #f3f3f3;
+ border: 1px solid #cacaca;
+ padding: 0.125rem 0.3125rem 0.0625rem; }
+
+kbd {
+ padding: 0.125rem 0.25rem 0;
+ margin: 0;
+ background-color: #f3f3f3;
+ color: #0a0a0a;
+ font-family: Consolas, "Liberation Mono", Courier, monospace; }
+
+.subheader {
+ margin-top: 0.2rem;
+ margin-bottom: 0.5rem;
+ font-weight: normal;
+ line-height: 1.4;
+ color: #8a8a8a; }
+
+.lead {
+ font-size: 125%;
+ line-height: 1.6; }
+
+.stat {
+ font-size: 2.5rem;
+ line-height: 1; }
+ p + .stat {
+ margin-top: -1rem; }
+
+.no-bullet {
+ margin-left: 0;
+ list-style: none; }
+
+.antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+.text-left {
+ text-align: left; }
+
+@media screen and (min-width: 40em) {
+ .medium-text-left {
+ text-align: left; } }
+
+@media screen and (min-width: 64em) {
+ .large-text-left {
+ text-align: left; } }
+
+.text-right {
+ text-align: right; }
+
+@media screen and (min-width: 40em) {
+ .medium-text-right {
+ text-align: right; } }
+
+@media screen and (min-width: 64em) {
+ .large-text-right {
+ text-align: right; } }
+
+.text-center {
+ text-align: center; }
+
+@media screen and (min-width: 40em) {
+ .medium-text-center {
+ text-align: center; } }
+
+@media screen and (min-width: 64em) {
+ .large-text-center {
+ text-align: center; } }
+
+.text-justify {
+ text-align: justify; }
+
+@media screen and (min-width: 40em) {
+ .medium-text-justify {
+ text-align: justify; } }
+
+@media screen and (min-width: 64em) {
+ .large-text-justify {
+ text-align: justify; } }
+
+.show-for-print {
+ display: none !important; }
+
+@media print {
+ * {
+ background: transparent !important;
+ color: black !important;
+ box-shadow: none !important;
+ text-shadow: none !important; }
+ .show-for-print {
+ display: block !important; }
+ .hide-for-print {
+ display: none !important; }
+ table.show-for-print {
+ display: table !important; }
+ thead.show-for-print {
+ display: table-header-group !important; }
+ tbody.show-for-print {
+ display: table-row-group !important; }
+ tr.show-for-print {
+ display: table-row !important; }
+ td.show-for-print {
+ display: table-cell !important; }
+ th.show-for-print {
+ display: table-cell !important; }
+ a,
+ a:visited {
+ text-decoration: underline; }
+ a[href]:after {
+ content: " (" attr(href) ")"; }
+ .ir a:after,
+ a[href^='javascript:']:after,
+ a[href^='#']:after {
+ content: ''; }
+ abbr[title]:after {
+ content: " (" attr(title) ")"; }
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid; }
+ thead {
+ display: table-header-group; }
+ tr,
+ img {
+ page-break-inside: avoid; }
+ img {
+ max-width: 100% !important; }
+ @page {
+ margin: 0.5cm; }
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3; }
+ h2,
+ h3 {
+ page-break-after: avoid; } }
+
+.button {
+ display: inline-block;
+ text-align: center;
+ line-height: 1;
+ cursor: pointer;
+ -webkit-appearance: none;
+ transition: all 0.25s ease-out;
+ vertical-align: middle;
+ border: 1px solid transparent;
+ padding: 0.85em 1em;
+ margin: 0 1rem 1rem 0;
+ font-size: 0.9rem;
+ background: #2199e8;
+ color: #fff; }
+ .button:hover, .button:focus {
+ background: #1583cc;
+ color: #fff; }
+ .button.tiny {
+ font-size: 0.63rem; }
+ .button.small {
+ font-size: 0.72rem; }
+ .button.large {
+ font-size: 1.17rem; }
+ .button.expanded {
+ display: block;
+ width: 100%;
+ margin-left: 0;
+ margin-right: 0; }
+ .button.primary {
+ background: #2199e8;
+ color: #fff; }
+ .button.primary:hover, .button.primary:focus {
+ background: #147cc0;
+ color: #fff; }
+ .button.secondary {
+ background: #777;
+ color: #fff; }
+ .button.secondary:hover, .button.secondary:focus {
+ background: #5f5f5f;
+ color: #fff; }
+ .button.success {
+ background: #3adb76;
+ color: #fff; }
+ .button.success:hover, .button.success:focus {
+ background: #22bb5b;
+ color: #fff; }
+ .button.alert {
+ background: #ec5840;
+ color: #fff; }
+ .button.alert:hover, .button.alert:focus {
+ background: #da3116;
+ color: #fff; }
+ .button.warning {
+ background: #ffae00;
+ color: #fff; }
+ .button.warning:hover, .button.warning:focus {
+ background: #cc8b00;
+ color: #fff; }
+ .button.hollow {
+ border: 1px solid #2199e8;
+ color: #2199e8; }
+ .button.hollow,
+ .button.hollow:hover {
+ background: transparent; }
+ .button.hollow:hover, .button.hollow:focus {
+ border-color: #0c4d78;
+ color: #0c4d78; }
+ .button.hollow.primary {
+ border: 1px solid #2199e8;
+ color: #2199e8; }
+ .button.hollow.primary:hover, .button.hollow.primary:focus {
+ border-color: #0c4d78;
+ color: #0c4d78; }
+ .button.hollow.secondary {
+ border: 1px solid #777;
+ color: #777; }
+ .button.hollow.secondary:hover, .button.hollow.secondary:focus {
+ border-color: #3b3b3b;
+ color: #3b3b3b; }
+ .button.hollow.success {
+ border: 1px solid #3adb76;
+ color: #3adb76; }
+ .button.hollow.success:hover, .button.hollow.success:focus {
+ border-color: #157539;
+ color: #157539; }
+ .button.hollow.alert {
+ border: 1px solid #ec5840;
+ color: #ec5840; }
+ .button.hollow.alert:hover, .button.hollow.alert:focus {
+ border-color: #881f0e;
+ color: #881f0e; }
+ .button.hollow.warning {
+ border: 1px solid #ffae00;
+ color: #ffae00; }
+ .button.hollow.warning:hover, .button.hollow.warning:focus {
+ border-color: #805700;
+ color: #805700; }
+ .button.disabled {
+ opacity: 0.25;
+ cursor: default;
+ pointer-events: none; }
+ .button.dropdown::after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 0.4em;
+ border-color: #fefefe transparent transparent;
+ border-top-style: solid;
+ position: relative;
+ top: 0.2em;
+ display: inline-block;
+ margin-left: 1em;
+ vertical-align: middle; }
+ .button.dropdown:empty::after {
+ margin-left: 0;
+ float: none;
+ top: 0.2em; }
+ .button.dropdown::after {
+ float: right;
+ top: 0.4em; }
+
+[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"],
+textarea {
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ height: 2.4375rem;
+ padding: 0.5rem;
+ border: 1px solid #cacaca;
+ margin: 0 0 1rem;
+ font-family: inherit;
+ font-size: 1rem;
+ color: #8a8a8a;
+ background-color: #fefefe;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
+ border-radius: 0;
+ transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
+ -webkit-appearance: none;
+ -moz-appearance: none; }
+ [type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus,
+ textarea:focus {
+ border: 1px solid #8a8a8a;
+ background: #fefefe;
+ outline: none;
+ box-shadow: 0 0 5px #cacaca;
+ transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
+
+textarea {
+ max-width: 100%; }
+ textarea[rows] {
+ height: auto; }
+
+input:disabled,
+input[readonly],
+textarea:disabled,
+textarea[readonly] {
+ background-color: #f3f3f3;
+ cursor: default; }
+
+[type="submit"],
+[type="button"] {
+ border-radius: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none; }
+
+[type="file"],
+[type="checkbox"],
+[type="radio"],
+select {
+ margin: 0 0 1rem; }
+
+[type="checkbox"] + label,
+[type="radio"] + label {
+ display: inline-block;
+ margin-left: 0.5rem;
+ margin-right: 1rem;
+ margin-bottom: 0;
+ vertical-align: baseline; }
+
+label > [type="checkbox"],
+label > [type="label"] {
+ margin-right: 0.5rem; }
+
+[type="file"] {
+ width: 100%; }
+
+label {
+ display: block;
+ margin: 0;
+ font-size: 0.875rem;
+ font-weight: normal;
+ line-height: 1.8;
+ color: #0a0a0a; }
+ label.right {
+ float: none;
+ text-align: right; }
+ label.middle {
+ margin: 0 0 1rem;
+ padding: 0.5625rem 0; }
+
+.help-text {
+ margin-top: -0.5rem;
+ font-size: 0.8125rem;
+ font-style: italic;
+ color: #333; }
+
+.input-group {
+ display: table;
+ width: 100%;
+ margin-bottom: 1rem; }
+
+.input-group-label, .input-group-field, .input-group-button {
+ display: table-cell;
+ margin: 0;
+ vertical-align: middle; }
+
+.input-group-label {
+ text-align: center;
+ height: 100%;
+ padding: 0;
+ background: #f3f3f3;
+ color: #0a0a0a;
+ border: 1px solid #cacaca; }
+ .input-group-label:first-child {
+ border-right: 0; }
+ .input-group-label:last-child {
+ border-left: 0; }
+
+.input-group-button {
+ height: 100%;
+ padding: 0;
+ text-align: center; }
+
+fieldset {
+ border: 0;
+ padding: 0;
+ margin: 0; }
+
+legend {
+ margin-bottom: 0.5rem; }
+
+.fieldset {
+ border: 1px solid #cacaca;
+ padding: 1.25rem;
+ margin: 1.125rem 0; }
+ .fieldset legend {
+ background: #fefefe;
+ padding: 0 0.1875rem;
+ margin: 0;
+ margin-left: -0.1875rem; }
+
+select {
+ height: 2.4375rem;
+ padding: 0.5rem;
+ border: 1px solid #cacaca;
+ font-size: 1rem;
+ font-family: inherit;
+ line-height: normal;
+ color: #8a8a8a;
+ background-color: #fafafa;
+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: #333333"></polygon></svg>');
+ background-size: 9px 6px;
+ background-position: right 0.5rem center;
+ background-repeat: no-repeat;
+ border-radius: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none; }
+ @media screen and (min-width: 0 \0) {
+ select {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
+ select:disabled {
+ background-color: #f3f3f3;
+ cursor: default; }
+ select::-ms-expand {
+ display: none; }
+ select[multiple] {
+ height: auto; }
+
+.is-invalid-input:not(:focus) {
+ background-color: rgba(236, 88, 64, 0.1);
+ border-color: #ec5840; }
+
+.is-invalid-label {
+ color: #ec5840; }
+
+.form-error {
+ display: none;
+ margin-top: -0.5rem;
+ margin-bottom: 1rem;
+ font-size: 0.75rem;
+ font-weight: bold;
+ color: #ec5840; }
+ .form-error.is-visible {
+ display: block; }
+
+.hide {
+ display: none !important; }
+
+.invisible {
+ visibility: hidden !important; }
+
+@media screen and (min-width: 0em) and (max-width: 39.9375em) {
+ .hide-for-small-only {
+ display: none !important; } }
+
+.show-for-small-only {
+ display: none !important; }
+ @media screen and (min-width: 0em) and (max-width: 39.9375em) {
+ .show-for-small-only {
+ display: block !important; } }
+
+@media screen and (min-width: 40em) {
+ .hide-for-medium {
+ display: none !important; } }
+
+.show-for-medium {
+ display: none !important; }
+ @media screen and (min-width: 40em) {
+ .show-for-medium {
+ display: block !important; } }
+
+@media screen and (min-width: 40em) and (max-width: 63.9375em) {
+ .hide-for-medium-only {
+ display: none !important; } }
+
+.show-for-medium-only {
+ display: none !important; }
+ @media screen and (min-width: 40em) and (max-width: 63.9375em) {
+ .show-for-medium-only {
+ display: block !important; } }
+
+@media screen and (min-width: 64em) {
+ .hide-for-large {
+ display: none !important; } }
+
+.show-for-large {
+ display: none !important; }
+ @media screen and (min-width: 64em) {
+ .show-for-large {
+ display: block !important; } }
+
+@media screen and (min-width: 64em) and (max-width: 74.9375em) {
+ .hide-for-large-only {
+ display: none !important; } }
+
+.show-for-large-only {
+ display: none !important; }
+ @media screen and (min-width: 64em) and (max-width: 74.9375em) {
+ .show-for-large-only {
+ display: block !important; } }
+
+.show-for-sr, .show-on-focus {
+ position: absolute !important;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0); }
+
+.show-on-focus:active,
+.show-on-focus:focus {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto; }
+
+@media screen and (orientation: portrait) {
+ .hide-for-portrait {
+ display: none !important; }
+ .show-for-portrait {
+ display: block !important; } }
+
+@media screen and (orientation: landscape) {
+ .hide-for-landscape {
+ display: none !important; }
+ .show-for-landscape {
+ display: block !important; } }
+
+.float-left {
+ float: left !important; }
+
+.float-right {
+ float: right !important; }
+
+.float-center {
+ display: block;
+ margin-left: auto;
+ margin-right: auto; }
+
+.clearfix::before,
+.clearfix::after {
+ content: ' ';
+ display: table; }
+
+.clearfix::after {
+ clear: both; }
+
+.badge {
+ display: inline-block;
+ padding: 0.5em;
+ min-width: 2.4em;
+ font-size: 0.8rem;
+ text-align: center;
+ border-radius: 50%;
+ background: #2199e8;
+ color: #fefefe; }
+ .badge.secondary {
+ background: #777;
+ color: #fefefe; }
+ .badge.success {
+ background: #3adb76;
+ color: #fefefe; }
+ .badge.alert {
+ background: #ec5840;
+ color: #fefefe; }
+ .badge.warning {
+ background: #ffae00;
+ color: #fefefe; }
+
+.breadcrumbs {
+ list-style: none;
+ margin: 0 0 1rem 0; }
+ .breadcrumbs::before,
+ .breadcrumbs::after {
+ content: ' ';
+ display: table; }
+ .breadcrumbs::after {
+ clear: both; }
+ .breadcrumbs li {
+ float: left;
+ color: #0a0a0a;
+ font-size: 0.6875rem;
+ cursor: default;
+ text-transform: uppercase; }
+ .breadcrumbs li:not(:last-child)::after {
+ color: #cacaca;
+ content: '/';
+ margin: 0 0.75rem;
+ position: relative;
+ top: 1px; }
+ .breadcrumbs a {
+ color: #2199e8; }
+ .breadcrumbs a:hover {
+ text-decoration: underline; }
+ .breadcrumbs .disabled {
+ opacity: 0.25; }
+
+.button-group {
+ margin-bottom: 1rem;
+ font-size: 0.9rem; }
+ .button-group::before,
+ .button-group::after {
+ content: ' ';
+ display: table; }
+ .button-group::after {
+ clear: both; }
+ .button-group .button {
+ float: left;
+ margin: 0;
+ font-size: inherit; }
+ .button-group .button:not(:last-child) {
+ border-right: 1px solid #fefefe; }
+ .button-group.tiny {
+ font-size: 0.63rem; }
+ .button-group.small {
+ font-size: 0.72rem; }
+ .button-group.large {
+ font-size: 1.17rem; }
+ .button-group.expanded .button:nth-last-child(2):first-child,
+ .button-group.expanded .button:nth-last-child(2):first-child ~ li {
+ width: 50%; }
+ .button-group.expanded .button:nth-last-child(3):first-child,
+ .button-group.expanded .button:nth-last-child(3):first-child ~ li {
+ width: 33.33333%; }
+ .button-group.expanded .button:nth-last-child(4):first-child,
+ .button-group.expanded .button:nth-last-child(4):first-child ~ li {
+ width: 25%; }
+ .button-group.expanded .button:nth-last-child(5):first-child,
+ .button-group.expanded .button:nth-last-child(5):first-child ~ li {
+ width: 20%; }
+ .button-group.expanded .button:nth-last-child(6):first-child,
+ .button-group.expanded .button:nth-last-child(6):first-child ~ li {
+ width: 16.66667%; }
+ .button-group.primary .button {
+ background: #2199e8;
+ color: #fff; }
+ .button-group.primary .button:hover, .button-group.primary .button:focus {
+ background: #1583cc;
+ color: #fff; }
+ .button-group.secondary .button {
+ background: #777;
+ color: #fff; }
+ .button-group.secondary .button:hover, .button-group.secondary .button:focus {
+ background: #1583cc;
+ color: #fff; }
+ .button-group.success .button {
+ background: #3adb76;
+ color: #fff; }
+ .button-group.success .button:hover, .button-group.success .button:focus {
+ background: #1583cc;
+ color: #fff; }
+ .button-group.alert .button {
+ background: #ec5840;
+ color: #fff; }
+ .button-group.alert .button:hover, .button-group.alert .button:focus {
+ background: #1583cc;
+ color: #fff; }
+ .button-group.warning .button {
+ background: #ffae00;
+ color: #fff; }
+ .button-group.warning .button:hover, .button-group.warning .button:focus {
+ background: #1583cc;
+ color: #fff; }
+ .button-group.stacked .button,
+ .button-group.stacked-for-small .button {
+ width: 100%;
+ border-right: 0; }
+ @media screen and (min-width: 40em) {
+ .button-group.stacked-for-small .button {
+ width: auto; }
+ .button-group.stacked-for-small .button:not(:last-child) {
+ border-right: 1px solid #fefefe; } }
+
+.callout {
+ margin: 0 0 1rem 0;
+ padding: 1rem;
+ border: 1px solid rgba(0, 0, 0, 0.25);
+ position: relative;
+ background-color: white; }
+ .callout > :first-child {
+ margin-top: 0; }
+ .callout > :last-child {
+ margin-bottom: 0; }
+ .callout a {
+ color: #e6e6e6; }
+ .callout a:hover {
+ color: #cccccc; }
+ .callout.primary {
+ background-color: #c5e4f9; }
+ .callout.primary a {
+ color: #168bd8; }
+ .callout.primary a:hover {
+ color: #126daa; }
+ .callout.secondary {
+ background-color: gainsboro; }
+ .callout.secondary a {
+ color: #6b6b6b; }
+ .callout.secondary a:hover {
+ color: #525252; }
+ .callout.success {
+ background-color: #ccf6db; }
+ .callout.success a {
+ color: #27d367; }
+ .callout.success a:hover {
+ color: #1fa852; }
+ .callout.alert {
+ background-color: #fad4cd; }
+ .callout.alert a {
+ color: #e94025; }
+ .callout.alert a:hover {
+ color: #c72d14; }
+ .callout.warning {
+ background-color: #ffeabd; }
+ .callout.warning a {
+ color: #e69d00; }
+ .callout.warning a:hover {
+ color: #b37a00; }
+
+.card {
+ border: 1px solid #f3f3f3;
+ margin-bottom: 0.5rem;
+ background: #fefefe;
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+ overflow: hidden;
+ color: #0a0a0a; }
+ .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
+ color: inherit; }
+ .card ul {
+ margin-bottom: 0; }
+ .card.primary {
+ border: 0;
+ margin-bottom: 0.5rem;
+ background: #2199e8;
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+ overflow: hidden;
+ color: #fefefe; }
+ .card.primary h1, .card.primary h2, .card.primary h3, .card.primary h4, .card.primary h5, .card.primary h6 {
+ color: inherit; }
+ .card.primary ul {
+ margin-bottom: 0; }
+ .card.primary .card-divider {
+ background: #1790df;
+ padding: 1rem; }
+ .card.secondary {
+ border: 0;
+ margin-bottom: 0.5rem;
+ background: #777;
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+ overflow: hidden;
+ color: #fefefe; }
+ .card.secondary h1, .card.secondary h2, .card.secondary h3, .card.secondary h4, .card.secondary h5, .card.secondary h6 {
+ color: inherit; }
+ .card.secondary ul {
+ margin-bottom: 0; }
+ .card.secondary .card-divider {
+ background: #6f6f6f;
+ padding: 1rem; }
+ .card.success {
+ border: 0;
+ margin-bottom: 0.5rem;
+ background: #3adb76;
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+ overflow: hidden;
+ color: #fefefe; }
+ .card.success h1, .card.success h2, .card.success h3, .card.success h4, .card.success h5, .card.success h6 {
+ color: inherit; }
+ .card.success ul {
+ margin-bottom: 0; }
+ .card.success .card-divider {
+ background: #2ad86b;
+ padding: 1rem; }
+ .card.alert {
+ border: 0;
+ margin-bottom: 0.5rem;
+ background: #ec5840;
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+ overflow: hidden;
+ color: #fefefe; }
+ .card.alert h1, .card.alert h2, .card.alert h3, .card.alert h4, .card.alert h5, .card.alert h6 {
+ color: inherit; }
+ .card.alert ul {
+ margin-bottom: 0; }
+ .card.alert .card-divider {
+ background: #ea472d;
+ padding: 1rem; }
+ .card.warning {
+ border: 0;
+ margin-bottom: 0.5rem;
+ background: #ffae00;
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(10, 10, 10, 0.25);
+ overflow: hidden;
+ color: #fefefe; }
+ .card.warning h1, .card.warning h2, .card.warning h3, .card.warning h4, .card.warning h5, .card.warning h6 {
+ color: inherit; }
+ .card.warning ul {
+ margin-bottom: 0; }
+ .card.warning .card-divider {
+ background: #eda200;
+ padding: 1rem; }
+
+.card-divider {
+ background: #f3f3f3;
+ padding: 1rem; }
+
+.card-section {
+ padding: 1rem; }
+
+.flex-video {
+ position: relative;
+ height: 0;
+ padding-top: 1.5625rem;
+ padding-bottom: 75%;
+ margin-bottom: 1rem;
+ overflow: hidden; }
+ .flex-video iframe,
+ .flex-video object,
+ .flex-video embed,
+ .flex-video video {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%; }
+ .flex-video.widescreen {
+ padding-bottom: 56.25%; }
+ .flex-video.vimeo {
+ padding-top: 0; }
+
+.label {
+ display: inline-block;
+ padding: 0.33333rem 0.5rem;
+ font-size: 0.8rem;
+ line-height: 1;
+ white-space: nowrap;
+ cursor: default;
+ background: #2199e8;
+ color: #fefefe; }
+ .label.secondary {
+ background: #777;
+ color: #fefefe; }
+ .label.success {
+ background: #3adb76;
+ color: #fefefe; }
+ .label.alert {
+ background: #ec5840;
+ color: #fefefe; }
+ .label.warning {
+ background: #ffae00;
+ color: #fefefe; }
+
+.media-object {
+ margin-bottom: 1rem;
+ display: block; }
+ @media screen and (min-width: 0em) and (max-width: 39.9375em) {
+ .media-object.stack-for-small .media-object-section {
+ display: block;
+ padding: 0;
+ padding-bottom: 1rem; }
+ .media-object.stack-for-small .media-object-section img {
+ width: 100%; } }
+
+.media-object-section {
+ display: table-cell;
+ vertical-align: top; }
+ .media-object-section:first-child {
+ padding-right: 1rem; }
+ .media-object-section:last-child:not( + :first-child) {
+ padding-left: 1rem; }
+ .media-object-section.middle {
+ vertical-align: middle; }
+ .media-object-section.bottom {
+ vertical-align: bottom; }
+
+.menu-bar {
+ margin: 0;
+ list-style-type: none; }
+ .menu-bar::before,
+ .menu-bar::after {
+ content: ' ';
+ display: table; }
+ .menu-bar::after {
+ clear: both; }
+ .menu-bar > .is-active > a {
+ background: #eee; }
+ .menu-bar > li > a {
+ display: block;
+ padding: 0.7rem 1rem;
+ line-height: 1;
+ color: #2199e8; }
+ .menu-bar > li > a:hover,
+ .menu-bar > li > a:focus {
+ background: #eee; }
+ .menu-bar > li > a > img,
+ .menu-bar > li > a > i {
+ vertical-align: middle; }
+ .menu-bar > li > a > span {
+ vertical-align: middle; }
+ .menu-bar > li > a > img,
+ .menu-bar > li > a > i {
+ display: inline-block;
+ margin-right: 0.25rem; }
+ .menu-bar > li {
+ float: left; }
+ .menu-bar.vertical > li {
+ width: 100%;
+ float: none; }
+ .menu-bar.medium-horizontal > li {
+ float: left; }
+ .menu-bar.medium-vertical > li {
+ width: 100%;
+ float: none; }
+ .menu-bar.large-horizontal > li {
+ float: left; }
+ .menu-bar.large-vertical > li {
+ width: 100%;
+ float: none; }
+ .menu-bar.simple > li > a {
+ padding: 0;
+ margin-right: 1rem; }
+ .menu-bar.simple > li > a:hover {
+ background: transparent; }
+ .menu-bar.align-right > li {
+ float: right; }
+ .menu-bar.expanded > li:nth-last-child(2):first-child,
+ .menu-bar.expanded > li:nth-last-child(2):first-child ~ li {
+ width: 50%; }
+ .menu-bar.expanded > li:nth-last-child(3):first-child,
+ .menu-bar.expanded > li:nth-last-child(3):first-child ~ li {
+ width: 33.33333%; }
+ .menu-bar.expanded > li:nth-last-child(4):first-child,
+ .menu-bar.expanded > li:nth-last-child(4):first-child ~ li {
+ width: 25%; }
+ .menu-bar.expanded > li:nth-last-child(5):first-child,
+ .menu-bar.expanded > li:nth-last-child(5):first-child ~ li {
+ width: 20%; }
+ .menu-bar.expanded > li:nth-last-child(6):first-child,
+ .menu-bar.expanded > li:nth-last-child(6):first-child ~ li {
+ width: 16.66667%; }
+ .menu-bar.expanded > li:first-child:last-child {
+ width: 100%; }
+ .menu-bar.primary {
+ background: #2199e8; }
+ .menu-bar.primary > li > a {
+ color: #fefefe; }
+ .menu-bar.primary > li > a:hover,
+ .menu-bar.primary > li > a:focus {
+ background: #1893e4; }
+ .menu-bar.icon-top > li > a {
+ text-align: center; }
+ .menu-bar.icon-top > li > a > img,
+ .menu-bar.icon-top > li > a > i {
+ display: block;
+ margin: 0 auto 0.25rem; }
+ .menu-bar.nested > li > a {
+ padding-left: 2rem; }
+
+body {
+ overflow-x: hidden;
+ height: 100%; }
+
+.is-off-canvas-open {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.js-off-canvas-exit {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(254, 254, 254, 0.25);
+ cursor: pointer;
+ transition: background 0.5s ease; }
+ .is-off-canvas-open .js-off-canvas-exit {
+ display: block; }
+
+.off-canvas {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 250px;
+ min-height: 100%;
+ background: 250px;
+ -webkit-transform: translateX(-250px);
+ -ms-transform: translateX(-250px);
+ transform: translateX(-250px);
+ transition: -webkit-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ z-index: 1000; }
+ .is-off-canvas-open .off-canvas {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
+
+.main-content {
+ background: #fefefe;
+ transition: -webkit-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); }
+ .is-off-canvas-open .main-content {
+ -webkit-transform: translateX(250px);
+ -ms-transform: translateX(250px);
+ transform: translateX(250px); }
+ .off-canvas-overlap .is-off-canvas-open .main-content {
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none; }
+
+@media screen {
+ .reveal-for-small .off-canvas {
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+ transition: none; }
+ .reveal-for-small .main-content {
+ padding-left: 250px;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none; } }
+
+@media screen and (min-width: 40em) {
+ .reveal-for-medium .off-canvas {
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+ transition: none; }
+ .reveal-for-medium .main-content {
+ padding-left: 250px;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none; } }
+
+@media screen and (min-width: 64em) {
+ .reveal-for-large .off-canvas {
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+ transition: none; }
+ .reveal-for-large .main-content {
+ padding-left: 250px;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none; } }
+
+.orbit {
+ position: relative; }
+
+.orbit-container {
+ list-style: none;
+ margin: 0;
+ position: relative; }
+
+.orbit-figure {
+ margin: 0; }
+
+.orbit-image {
+ margin: 0;
+ max-width: 100%;
+ width: 100%; }
+
+.orbit-caption {
+ background-color: rgba(10, 10, 10, 0.5);
+ color: #fefefe;
+ padding: 1rem;
+ width: 100%;
+ position: absolute;
+ bottom: 0;
+ margin-bottom: 0; }
+
+.orbit-control {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ z-index: 10;
+ color: #fefefe;
+ padding: 1rem; }
+ .orbit-control:hover, .orbit-control:active, .orbit-control:focus {
+ background-color: rgba(10, 10, 10, 0.5); }
+
+.orbit-previous {
+ left: 0; }
+
+.orbit-next {
+ left: auto;
+ right: 0; }
+
+.orbit-bullets-container {
+ margin-top: 0.8rem;
+ margin-bottom: 0.8rem;
+ position: relative;
+ text-align: center; }
+ .orbit-bullets-container button {
+ width: 1.2rem;
+ height: 1.2rem;
+ background-color: #cacaca;
+ border-radius: 50%;
+ margin: 0.1rem; }
+ .orbit-bullets-container button:hover {
+ background-color: #8a8a8a; }
+ .orbit-bullets-container button.is-active {
+ background-color: #8a8a8a; }
+
+.pagination {
+ margin-left: 0;
+ margin-bottom: 1rem; }
+ .pagination::before,
+ .pagination::after {
+ content: ' ';
+ display: table; }
+ .pagination::after {
+ clear: both; }
+ .pagination li {
+ font-size: 0.875rem;
+ margin-right: 0.0625rem;
+ display: none; }
+ .pagination li:last-child,
+ .pagination li:first-child {
+ display: inline-block; }
+ @media screen and (min-width: 40em) {
+ .pagination li {
+ display: inline-block; } }
+ .pagination a,
+ .pagination button {
+ color: #0a0a0a;
+ display: block;
+ padding: 0.1875rem 0.625rem; }
+ .pagination a:hover,
+ .pagination button:hover {
+ background: #f3f3f3; }
+ .pagination [aria-label="previous"]::before {
+ content: '«';
+ display: inline-block;
+ margin-right: 0.75rem; }
+ .pagination [aria-label="next"]::after {
+ content: '»';
+ display: inline-block;
+ margin-left: 0.75rem; }
+ .pagination .current a,
+ .pagination .current button {
+ background: #2199e8;
+ color: #fefefe;
+ cursor: default; }
+ .pagination .disabled a,
+ .pagination .disabled button {
+ color: #cacaca;
+ cursor: default; }
+ .pagination .disabled a:hover,
+ .pagination .disabled button:hover {
+ background: transparent; }
+ .pagination .ellipsis::after {
+ content: '…';
+ padding: 0.1875rem 0.625rem;
+ color: #cacaca; }
+
+.progress {
+ background-color: #cacaca;
+ height: 1rem;
+ margin-bottom: 1rem; }
+ .progress.primary .progress-meter {
+ background-color: #2199e8; }
+ .progress.secondary .progress-meter {
+ background-color: #777; }
+ .progress.success .progress-meter {
+ background-color: #3adb76; }
+ .progress.alert .progress-meter {
+ background-color: #ec5840; }
+ .progress.warning .progress-meter {
+ background-color: #ffae00; }
+
+.progress-meter {
+ position: relative;
+ display: block;
+ width: 0%;
+ height: 100%;
+ background-color: #2199e8; }
+ .progress-meter .progress-meter-text {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ margin: 0;
+ font-size: 0.75rem;
+ font-weight: bold;
+ color: #fefefe;
+ white-space: nowrap; }
+
+.reveal-overlay {
+ display: none;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 1005;
+ background-color: rgba(10, 10, 10, 0.45);
+ overflow-y: scroll; }
+
+.reveal {
+ display: none;
+ z-index: 1006;
+ padding: 1rem;
+ border: 1px solid #cacaca;
+ margin: 100px auto 0 100px;
+ background-color: #fefefe; }
+ @media screen and (min-width: 40em) {
+ .reveal {
+ min-height: 0; } }
+ .reveal .column,
+ .reveal .columns,
+ .reveal .columns {
+ min-width: 0; }
+ .reveal > :last-child {
+ margin-bottom: 0; }
+ @media screen and (min-width: 40em) {
+ .reveal {
+ width: 600px;
+ max-width: rem-calc(1000); } }
+ .reveal.collapse {
+ padding: 0; }
+ @media screen and (min-width: 40em) {
+ .reveal .reveal {
+ left: auto;
+ right: auto;
+ margin: 0 auto; } }
+ @media screen and (min-width: 40em) {
+ .reveal.tiny {
+ width: 30%;
+ max-width: rem-calc(1000); } }
+ @media screen and (min-width: 40em) {
+ .reveal.small {
+ width: 50%;
+ max-width: rem-calc(1000); } }
+ @media screen and (min-width: 40em) {
+ .reveal.large {
+ width: 90%;
+ max-width: rem-calc(1000); } }
+ .reveal.full {
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ height: 100vh;
+ min-height: 100vh;
+ max-width: none;
+ margin-left: 0; }
+
+table {
+ margin-bottom: 1rem; }
+ thead,
+ tbody,
+ tfoot {
+ border: 1px solid #f1f1f1;
+ background-color: #fefefe; }
+ caption {
+ font-weight: bold;
+ padding: 0.5rem 0.625rem 0.625rem; }
+ thead,
+ tfoot {
+ background: #f8f8f8;
+ color: #0a0a0a; }
+ thead tr,
+ tfoot tr {
+ background: transparent; }
+ thead th,
+ thead td,
+ tfoot th,
+ tfoot td {
+ padding: 0.5rem 0.625rem 0.625rem;
+ font-weight: bold;
+ text-align: left; }
+ tbody tr:nth-child(even) {
+ background-color: #f1f1f1; }
+ tbody th,
+ tbody td {
+ padding: 0.5rem 0.625rem 0.625rem; }
+
+@media screen and (max-width: 63.9375em) {
+ table.stack thead {
+ display: none; }
+ table.stack tfoot {
+ display: none; }
+ table.stack tr,
+ table.stack th,
+ table.stack td {
+ display: block; }
+ table.stack td {
+ border-top: 0; } }
+
+table.scroll {
+ display: block;
+ width: 100%;
+ overflow-y: scroll; }
+
+table.hover tr:hover {
+ background-color: #f9f9f9; }
+
+table.hover tr:nth-of-type(even):hover {
+ background-color: #ececec; }
+
+.thumbnail {
+ border: solid 4px #fefefe;
+ box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
+ display: inline-block;
+ line-height: 0;
+ max-width: 100%;
+ transition: box-shadow 200ms ease-out; }
+ .thumbnail:hover,
+ .thumbnail:focus {
+ box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); }
+
+.docs-header,
+.docs-site-title,
+.docs-page-title,
+.docs-page-lead,
+.docs-heading,
+.docs-menu,
+.docs-sub-menu,
+.docs-big-index strong,
+.docs-small-index h4,
+.twitter-typeahead {
+ font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }
+
+a > code {
+ background: transparent;
+ border: 0;
+ padding: 0;
+ color: #2199e8; }
+
+.docs-header {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ background: #2199e8;
+ color: #fefefe; }
+
+.docs-site-title {
+ font-size: 1rem;
+ font-weight: bold;
+ margin: 0;
+ display: inline-block;
+ margin-right: 1rem; }
+ .docs-site-title a {
+ color: #fefefe; }
+ .docs-site-title a:hover {
+ opacity: 0.75; }
+ .docs-site-title em {
+ font-style: normal;
+ opacity: 0.75; }
+
+.docs-header-link {
+ position: relative;
+ color: #fefefe;
+ font-weight: bold;
+ padding-right: 16px;
+ font-size: 0.75rem;
+ display: block;
+ margin-top: 0.5rem; }
+ .docs-header-link::after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 5px;
+ border-color: #fefefe transparent transparent;
+ border-top-style: solid;
+ position: absolute;
+ top: 3px;
+ right: 0; }
+ .docs-header-link:hover {
+ opacity: 0.75; }
+ @media screen and (min-width: 40em) {
+ .docs-header-link {
+ font-size: 1rem;
+ float: right;
+ margin-top: 4px; }
+ .docs-header-link::after {
+ top: 6px; } }
+
+.docs-versions-menu {
+ background: #fff;
+ width: 200px;
+ box-shadow: 0 2px 10px rgba(10, 10, 10, 0.25);
+ position: absolute;
+ top: 5.3rem;
+ right: 0;
+ z-index: 1; }
+
+.zurb-footer-top {
+ padding: 40px 0;
+ color: white; }
+ .zurb-footer-top .row .columns::before,
+ .zurb-footer-top .row .columns::after {
+ content: ' ';
+ display: table; }
+ .zurb-footer-top .row .columns::after {
+ clear: both; }
+ .zurb-footer-top.zurb {
+ background-position: 10px 7px; }
+ .zurb-footer-top .property {
+ text-align: center; }
+ .zurb-footer-top .property .property-info {
+ padding-top: 37px; }
+ .zurb-footer-top .property h2 {
+ margin: 0;
+ padding: 0 !important; }
+ .zurb-footer-top .property h2 a {
+ transition: all 0.25s ease-in-out;
+ font-family: "zurb-logo";
+ font-weight: normal;
+ font-size: em-calc(18px);
+ padding: 0; }
+ .zurb-footer-top .property h2 a:hover {
+ opacity: 0.8; }
+ .zurb-footer-top .property h2 a.services {
+ width: 190px; }
+ .zurb-footer-top .property h2 a span {
+ display: none; }
+ .zurb-footer-top .property h2 a strong {
+ font-size: 17px;
+ margin-left: -7px; }
+ .zurb-footer-top .property h3 {
+ font-size: 1.4rem;
+ font-weight: bold;
+ color: white;
+ margin-bottom: 20px; }
+ .zurb-footer-top .property h4 {
+ font-size: 1.1rem;
+ font-weight: 200;
+ color: white;
+ margin-bottom: 10px;
+ text-transform: none; }
+ .zurb-footer-top .property p, .zurb-footer-top .property li, .zurb-footer-top .property a {
+ font-size: 13px;
+ line-height: 21px;
+ color: white; }
+ .zurb-footer-top .property a {
+ font-weight: bold;
+ color: white; }
+ .zurb-footer-top .learn-links,
+ .zurb-footer-top .support-links,
+ .zurb-footer-top .connect-links {
+ padding: 50px 0 0 0;
+ border-left: 1px solid rgba(255, 255, 255, 0.2);
+ background: url("../img/icons/footer-top-icons.png") no-repeat center 0;
+ height: 220px;
+ margin-bottom: 30px; }
+ .zurb-footer-top .learn-links ul,
+ .zurb-footer-top .support-links ul,
+ .zurb-footer-top .connect-links ul {
+ margin-left: 0px !important;
+ list-style: none; }
+ .zurb-footer-top .learn-links li,
+ .zurb-footer-top .support-links li,
+ .zurb-footer-top .connect-links li {
+ line-height: 20px; }
+ .zurb-footer-top .learn-links {
+ background-position: center -325px; }
+ .zurb-footer-top .support-links {
+ background-position: center -635px; }
+ .zurb-footer-top .connect-links {
+ padding: 50px 20px 0;
+ background-position: center -9px; }
+ .zurb-footer-top .connect-links .button {
+ font-size: 12px;
+ font-weight: normal;
+ background: rgba(0, 0, 0, 0.1);
+ color: #FFF !important;
+ font-weight: bold;
+ text-shadow: none;
+ box-shadow: none;
+ border: none;
+ padding: 6px 16px; }
+ .zurb-footer-top .global {
+ border-top: 1px solid rgba(255, 255, 255, 0.2); }
+ .zurb-footer-top .global .footer-link-block {
+ font-weight: normal;
+ display: block;
+ margin: 30px 0 0 0; }
+ .zurb-footer-top .global .footer-link-block.services {
+ background: url("../img/icons/footer-studios.png") left top no-repeat; }
+ .zurb-footer-top .global .footer-link-block.foundation {
+ background: url("../img/icons/footer-foundation.png") left top no-repeat; }
+ .zurb-footer-top .global .footer-link-block.apps {
+ background: url("../img/icons/footer-products.png") left top no-repeat; }
+ .zurb-footer-top .global .footer-link-block.expo {
+ background: url("../img/icons/footer-expo.png") left top no-repeat; }
+ .zurb-footer-top .global .footer-link-block span {
+ display: block;
+ color: white;
+ font-size: 0.75rem;
+ padding-left: 40px;
+ line-height: 18px; }
+ .zurb-footer-top .global .footer-link-block span.title {
+ font-size: 1.0rem;
+ margin-bottom: 5px; }
+
+.zurb-footer-bottom {
+ background: #333;
+ padding: 24px 0 10px; }
+ .zurb-footer-bottom .design-border {
+ border-bottom: 1px solid #484848;
+ padding-bottom: 5px;
+ margin-bottom: 25px; }
+ .zurb-footer-bottom .zurb-logo {
+ color: #858585;
+ font-weight: normal;
+ background: url("../img/icons/footer-icons.png") no-repeat 0 3px;
+ padding: 23px 0 0 0 !important;
+ font-size: em-calc(16px);
+ display: inline-block;
+ width: 90px; }
+ .zurb-footer-bottom .zurb-logo:hover {
+ opacity: 0.8; }
+ .zurb-footer-bottom .zurb-links {
+ margin: 0;
+ display: inline-block;
+ padding-bottom: 0px; }
+ .zurb-footer-bottom .zurb-links li {
+ display: block;
+ float: left;
+ margin-left: 6px;
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 0.75rem; }
+ .zurb-footer-bottom .zurb-links a {
+ color: #666;
+ padding: 3px 6px; }
+ .zurb-footer-bottom .zurb-links a:hover {
+ color: #777; }
+ .zurb-footer-bottom .copyright {
+ margin: 6px 0 0;
+ font-size: 0.75rem;
+ color: #666; }
+ .zurb-footer-bottom .home-social {
+ display: block;
+ float: right;
+ margin-bottom: 8px; }
+ .zurb-footer-bottom .home-social li {
+ list-style: none;
+ display: block;
+ float: left;
+ margin-left: 10px; }
+ .zurb-footer-bottom .home-social li:first-child {
+ margin-left: 0; }
+ .zurb-footer-bottom .home-social a {
+ display: block;
+ height: 50px;
+ width: 50px;
+ background: url("../img/icons/social.png") no-repeat center 0; }
+ .zurb-footer-bottom .home-social a:hover {
+ opacity: 0.8; }
+ .zurb-footer-bottom .home-social a.twitter {
+ background-position: center 0; }
+ .zurb-footer-bottom .home-social a.facebook {
+ background-position: center -200px; }
+ .zurb-footer-bottom .home-social a.mail {
+ background-position: center -400px; }
+
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+ .zurb-footer-top .property {
+ padding-top: 0px; }
+ .zurb-footer-top .property .learn-links,
+ .zurb-footer-top .property .support-links,
+ .zurb-footer-top .property .connect-links {
+ height: 240px;
+ padding: 50px 10px 0; } }
+
+@media only screen and (max-width: 767px) {
+ .zurb-footer-top .property .property-info {
+ padding-top: 0px; }
+ .zurb-footer-top .property .learn-links,
+ .zurb-footer-top .property .support-links,
+ .zurb-footer-top .property .connect-links {
+ border: none;
+ height: auto;
+ padding: 80px 20px 0;
+ margin: 4px 0 0 0;
+ border-top: 1px dotted rgba(255, 255, 255, 0.2); }
+ .zurb-footer-top .property .learn-links li a,
+ .zurb-footer-top .property .support-links li a,
+ .zurb-footer-top .property .connect-links li a {
+ font-size: 15px;
+ line-height: 2; }
+ .zurb-footer-top .property .learn-links p,
+ .zurb-footer-top .property .learn-links a,
+ .zurb-footer-top .property .support-links p,
+ .zurb-footer-top .property .support-links a,
+ .zurb-footer-top .property .connect-links p, .zurb-footer-top .property .connect-links a {
+ font-size: 16px; }
+ .zurb-footer-top .property .learn-links {
+ background-position: center -300px;
+ padding-top: 76px 20px 0; }
+ .zurb-footer-top .property .support-links {
+ padding: 76px 20px 0;
+ background-position: center -618px; }
+ .zurb-footer-top .property .connect-links {
+ padding: 76px 20px 14px;
+ background-position: center 10px; }
+ .zurb-footer-top .global {
+ border: none; }
+ .zurb-footer-top .footer-link-block.services {
+ border-top: 1px dotted rgba(255, 255, 255, 0.2);
+ padding-top: 40px;
+ margin-top: 0;
+ background-position: center 10px !important; }
+ .zurb-footer-top .footer-link-block span {
+ font-size: em-calc(11px);
+ line-height: 16px; }
+ .zurb-footer-bottom {
+ text-align: center; }
+ .zurb-footer-bottom .columns {
+ padding: 0; }
+ .zurb-footer-bottom .zurb-logo {
+ display: block;
+ margin: 0 auto; }
+ .zurb-footer-bottom .zurb-links {
+ margin: 16px 0 10px; }
+ .zurb-footer-bottom .home-social {
+ float: none;
+ margin: 0 0 20px 0;
+ text-align: center;
+ height: 44px;
+ display: inline-block; } }
+
+@media only screen and (max-width: 767px) {
+ .zurb-footer-top .property .connect-links {
+ border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
+ margin-bottom: 20px; }
+ .zurb-footer-top .global .footer-link-block {
+ padding-top: 50px;
+ text-align: center;
+ margin: 0 !important;
+ clear: both; }
+ .zurb-footer-top .global .footer-link-block span {
+ padding-left: 0px; }
+ .zurb-footer-top .global .footer-link-block.services {
+ border-top: 0;
+ background-position: center 15px !important; }
+ .zurb-footer-top .global .footer-link-block.foundation {
+ background-position: center 15px !important; }
+ .zurb-footer-top .global .footer-link-block.apps {
+ padding-top: 80px;
+ background-position: center 45px !important; }
+ .zurb-footer-top .global .footer-link-block.expo {
+ padding-top: 80px;
+ background-position: center 45px !important; }
+ .zurb-footer-top .property .learn-links {
+ background: none;
+ border: none;
+ padding-top: 0;
+ margin: 0; } }
+
+@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
+ .zurb-footer-top .info-padding {
+ background-image: url("../img/icons/footer-large-icon-retina.png");
+ background-size: 100px 400px; }
+ .zurb-footer-bottom ul.home-social li a {
+ background-image: url("../img/icons/social-retina.png");
+ background-size: 50px 600px; }
+ .zurb-footer-top .global .footer-link-block {
+ font-weight: normal;
+ display: block;
+ margin: 30px 0 0 0; }
+ .zurb-footer-top .global .footer-link-block.services {
+ background: url("../img/icons/footer-studios-retina.png") left top no-repeat; }
+ .zurb-footer-top .global .footer-link-block.foundation {
+ background-image: url("../img/icons/footer-foundation-retina.png") left top no-repeat; }
+ .zurb-footer-top .global .footer-link-block.apps {
+ background-image: url("../img/icons/footer-products-retina.png") left top no-repeat; }
+ .zurb-footer-top .global .footer-link-block.expo {
+ background-image: url("../img/icons/footer-expo-retina.png") left top no-repeat; }
+ .zurb-footer-bottom a.zurb-logo {
+ background-image: url("../img/icons/footer-icons-retina.png");
+ background-size: 100px 1400px; }
+ .zurb-footer-top .property .learn-links,
+ .zurb-footer-top .property .support-links,
+ .zurb-footer-top .property .connect-links {
+ background-image: url("../img/icons/footer-top-icons-retina.png");
+ background-size: 100px 1400px; } }
+
+@media only screen and (max-width: 320px), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
+ .zurb-footer-top .info-padding {
+ background-image: url("../img/icons/footer-large-icon-retina.png");
+ background-size: 100px 400px; }
+ .zurb-footer-bottom ul.home-social li a {
+ background-image: url("../img/icons/social-retina.png");
+ background-size: 50px 600px; }
+ .zurb-footer-top .global .footer-link-block {
+ font-weight: normal;
+ display: block;
+ margin: 30px 0 0 0; }
+ .zurb-footer-top .global .footer-link-block.services {
+ background: url("../img/icons/footer-studios-retina.png") left top no-repeat;
+ background-size: 30px; }
+ .zurb-footer-top .global .footer-link-block.foundation {
+ background: url("../img/icons/footer-foundation-retina.png") left top no-repeat;
+ background-size: 30px; }
+ .zurb-footer-top .global .footer-link-block.apps {
+ background: url("../img/icons/footer-products-retina.png") left top no-repeat;
+ background-size: 30px; }
+ .zurb-footer-top .global .footer-link-block.expo {
+ background: url("../img/icons/footer-expo-retina.png") left top no-repeat;
+ background-size: 30px; }
+ .zurb-footer-bottom .zurb-logo {
+ background-image: url("../img/icons/footer-icons-retina.png");
+ background-size: 100px 1400px; }
+ .zurb-footer-top .property .support-links,
+ .zurb-footer-top .property .connect-links {
+ background-image: url("../img/icons/footer-top-icons-retina.png");
+ background-size: 100px 1400px; } }
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
+ .zurb-footer-top .property .learn-links {
+ background: none; } }
+
+.zurb-footer-top.bg-blue {
+ background: #2DAEBF; }
+
+.zurb-footer-top.bg-fblue {
+ background: #074e68; }
+
+.zurb-footer-top.bg-green {
+ background: #B8D30B; }
+
+.zurb-footer-top.bg-dgreen {
+ background: #afc908; }
+
+.zurb-footer-top.bg-magenta {
+ background: #A9014B; }
+
+.zurb-footer-top.bg-orange {
+ background: #FF5C00; }
+
+.zurb-footer-top.bg-lorange {
+ background: #FF6908; }
+
+.zurb-footer-top.bg-oyellow {
+ background: #FC9200; }
+
+.zurb-footer-top.bg-loyellow {
+ background: #FFB515; }
+
+.zurb-footer-top.bg-navy {
+ background: #074e68; }
+
+.docs-menu.menu-bar {
+ margin-top: 0.5rem;
+ background: #fafafa;
+ padding-top: 1rem;
+ padding-bottom: 1rem; }
+ .docs-menu.menu-bar li small {
+ color: #999;
+ text-transform: uppercase;
+ font-weight: bold;
+ font-size: 60%;
+ display: block;
+ margin-top: 5px; }
+ .docs-menu.menu-bar a {
+ font-size: .85rem;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem; }
+ .docs-menu.menu-bar a:hover {
+ background: rgba(0, 0, 0, 0.05); }
+
+.docs-menu-title {
+ text-transform: uppercase;
+ font-size: 0.75rem;
+ color: #999;
+ font-weight: bold;
+ line-height: 1;
+ padding-left: 0.9rem;
+ margin-bottom: 0.5rem; }
+ .docs-menu-title:not(:first-of-type) {
+ margin-top: 1rem;
+ padding-top: 1.5rem;
+ border-top: 1px solid #e9e9e9; }
+
+.docs-menu-ph {
+ opacity: 0.5;
+ pointer-events: none; }
+
+.docs-sub-menu {
+ font-size: 0.85rem;
+ margin-top: 1rem; }
+
+.docs-newsletter {
+ padding: 20px 0;
+ background: #085a78;
+ padding: 10px 0 10px 0;
+ margin-top: 2rem; }
+ .docs-newsletter h5 {
+ font-size: 20px;
+ font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
+ font-weight: 400;
+ margin-bottom: 0px;
+ margin-top: 10px;
+ color: #fff;
+ line-height: 24px; }
+ .docs-newsletter p {
+ clear: both;
+ font-size: 13px;
+ padding-top: 2px;
+ color: #fff; }
+ .docs-newsletter a {
+ color: #fff; }
+ .docs-newsletter .row.collapse form input[type="text"] {
+ font-size: 17px;
+ font-weight: 200;
+ color: #999;
+ border: 0; }
+ .docs-newsletter .row.collapse form .button {
+ border: 0;
+ box-shadow: none;
+ background: #257696; }
+ .docs-newsletter .row.collapse form .button:hover {
+ background: #1b566d; }
+
+.docs-page-title {
+ margin-top: 0.5rem; }
+
+.docs-component section {
+ position: relative; }
+
+.docs-heading {
+ position: relative; }
+
+.docs-heading-icon {
+ display: none;
+ position: absolute;
+ right: 100%;
+ width: 2rem;
+ font-size: 2rem;
+ top: 0.4rem;
+ margin-right: -0.1rem; }
+ .docs-heading-icon::before {
+ font-family: "foundation-icons";
+ content: "\f165";
+ color: #999; }
+ .docs-heading-icon:hover,
+ .docs-heading:hover .docs-heading-icon {
+ display: block; }
+ h3 > .docs-heading-icon {
+ font-size: 1.6rem;
+ top: 0.25rem;
+ margin-right: -0.3rem; }
+ h4 > .docs-heading-icon {
+ font-size: 1.6rem;
+ top: 0.25rem;
+ margin-right: -0.3rem; }
+
+.docs-code, pre {
+ position: relative; }
+ .docs-code code, pre code {
+ display: block;
+ overflow-x: auto;
+ padding: 1rem;
+ background: #f9f9f9;
+ margin-bottom: 1.5rem; }
+ .docs-reference .docs-code code, .docs-reference pre code {
+ padding: 0.75rem;
+ margin-bottom: 0.75rem; }
+
+.docs-code.kitchen-sink {
+ border: 1px solid #cacaca;
+ max-height: 300px;
+ overflow-y: scroll;
+ margin-bottom: 1rem; }
+ .docs-code.kitchen-sink code {
+ border: 0; }
+
+.docs-code .bash {
+ border: 0;
+ background: #333;
+ color: white;
+ border-radius: 4px;
+ position: relative;
+ padding-top: 2rem; }
+ .docs-code .bash::before {
+ content: '$ ';
+ color: #ccc; }
+ .docs-code .bash::after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 1.25rem;
+ background: #777;
+ border-radius: 4px 4px 0 0; }
+
+.docs-code-copy {
+ position: absolute;
+ top: 0;
+ right: 0;
+ background: #2199e8;
+ color: white;
+ font-size: 0.8rem;
+ padding: 0.75rem 1rem;
+ z-index: 1; }
+ .docs-code-copy:hover,
+ .docs-code-copy.zeroclipboard-is-hover {
+ background: #1893e4; }
+
+.docs-code-toggle {
+ display: block;
+ margin-bottom: 0.5rem;
+ font-weight: bold; }
+
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ color: #333;
+ background: #f8f8f8;
+ -webkit-text-size-adjust: none; }
+
+.hljs-comment,
+.diff .hljs-header,
+.hljs-javadoc {
+ color: #998;
+ font-style: italic; }
+
+.hljs-keyword,
+.css .rule .hljs-keyword,
+.hljs-winutils,
+.nginx .hljs-title,
+.hljs-subst,
+.hljs-request,
+.hljs-status {
+ color: #333;
+ font-weight: bold; }
+
+.hljs-number,
+.hljs-hexcolor,
+.ruby .hljs-constant {
+ color: #008080; }
+
+.hljs-string,
+.hljs-tag .hljs-value,
+.hljs-phpdoc,
+.hljs-dartdoc,
+.tex .hljs-formula {
+ color: #d14; }
+
+.hljs-title,
+.hljs-id,
+.scss .hljs-preprocessor {
+ color: #900;
+ font-weight: bold; }
+
+.hljs-list .hljs-keyword,
+.hljs-subst {
+ font-weight: normal; }
+
+.hljs-class .hljs-title,
+.hljs-type,
+.vhdl .hljs-literal,
+.tex .hljs-command {
+ color: #458;
+ font-weight: bold; }
+
+.hljs-tag,
+.hljs-tag .hljs-title,
+.hljs-rule .hljs-property,
+.django .hljs-tag .hljs-keyword {
+ color: #000080;
+ font-weight: normal; }
+
+.hljs-attribute,
+.hljs-variable,
+.lisp .hljs-body,
+.hljs-name {
+ color: #008080; }
+
+.hljs-regexp {
+ color: #009926; }
+
+.hljs-symbol,
+.ruby .hljs-symbol .hljs-string,
+.lisp .hljs-keyword,
+.clojure .hljs-keyword,
+.scheme .hljs-keyword,
+.tex .hljs-special,
+.hljs-prompt {
+ color: #990073; }
+
+.hljs-built_in {
+ color: #0086b3; }
+
+.hljs-preprocessor,
+.hljs-pragma,
+.hljs-pi,
+.hljs-doctype,
+.hljs-shebang,
+.hljs-cdata {
+ color: #999;
+ font-weight: bold; }
+
+.hljs-deletion {
+ background: #fdd; }
+
+.hljs-addition {
+ background: #dfd; }
+
+.diff .hljs-change {
+ background: #0086b3; }
+
+.hljs-chunk {
+ color: #aaa; }
+
+.hljs-at_rule {
+ color: #333; }
+
+.hljs-at_rule .hljs-keyword {
+ color: #a71d5d;
+ font-weight: normal; }
+
+.hljs-at_rule .hljs-preprocessor {
+ color: #0086b3;
+ font-weight: normal; }
+
+.scss .hljs-attribute {
+ color: #008080; }
+
+.scss .hljs-function {
+ color: #008080; }
+
+.scss .hljs-class {
+ color: #795da3; }
+
+.docs-variable-table {
+ width: 100%;
+ border: 0; }
+ @media screen and (max-width: 63.9375em) {
+ .docs-variable-table thead {
+ display: none; }
+ .docs-variable-table tfoot {
+ display: none; }
+ .docs-variable-table tr,
+ .docs-variable-table th,
+ .docs-variable-table td {
+ display: block; }
+ .docs-variable-table td {
+ border-top: 0; } }
+ .docs-variable-table thead {
+ border: 0;
+ background: transparent;
+ border-bottom: 2px solid #cacaca; }
+ .docs-variable-table thead th {
+ text-align: left;
+ white-space: nowrap; }
+ .docs-variable-table tbody {
+ border: 0; }
+ .docs-variable-table code {
+ background: transparent;
+ color: #222;
+ border: 0;
+ padding: 0; }
+ .docs-variable-table td:first-child {
+ white-space: nowrap; }
+ .docs-variable-table td:first-child code {
+ font-weight: bold; }
+ .docs-variable-table .map {
+ white-space: nowrap; }
+ .docs-variable-table td > p:last-child {
+ margin-bottom: 0; }
+ .docs-variable-table code > span {
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
+ .docs-variable-table tbody tr:hover {
+ background: transparent; }
+ .docs-variable-table tbody tr:nth-of-type(even):hover {
+ background: #f3f3f3; }
+
+.row.display {
+ background: #eee;
+ font-size: 11px;
+ margin-bottom: 10px;
+ line-height: 2rem;
+ border: solid 1px #c6c6c6;
+ margin-left: 0 !important;
+ margin-right: 0 !important; }
+ .row.display .columns:nth-child(2),
+ .row.display .columns.small-centered,
+ .row.display .columns.large-centered {
+ background: #e1e1e1; }
+ .row.display .columns.color-end {
+ background: #d4d4d4; }
+
+.row.display-end {
+ background: #fff;
+ font-size: 11px;
+ margin-bottom: 10px;
+ line-height: 2rem;
+ border: solid 1px #c6c6c6;
+ margin-left: 0 !important;
+ margin-right: 0 !important; }
+ .row.display-end .columns {
+ background: #e1e1e1;
+ border-left: 1px solid #c6c6c6; }
+ .row.display-end .columns.color-end {
+ background: #d4d4d4; }
+
+#docs-flex-grid .docs-code-live .row {
+ max-width: rem-calc(1000);
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-flow: row wrap;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ margin-left: auto;
+ margin-right: auto; }
+ #docs-flex-grid .docs-code-live .row #docs-flex-grid .docs-code-live .row,
+ .column-row #docs-flex-grid .docs-code-live .row {
+ margin-left: -0.9375rem;
+ margin-right: -0.9375rem; }
+
+#docs-flex-grid .docs-code-live .column,
+#docs-flex-grid .docs-code-live .columns {
+ -webkit-flex: 1 1 0;
+ -ms-flex: 1 1 0;
+ flex: 1 1 0;
+ padding-left: 0.9375rem;
+ padding-right: 0.9375rem; }
+
+@media screen {
+ #docs-flex-grid .docs-code-live .small-1 {
+ -webkit-flex: 0 0 8.33333%;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%; }
+ #docs-flex-grid .docs-code-live .small-2 {
+ -webkit-flex: 0 0 16.66667%;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%; }
+ #docs-flex-grid .docs-code-live .small-3 {
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%; }
+ #docs-flex-grid .docs-code-live .small-4 {
+ -webkit-flex: 0 0 33.33333%;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%; }
+ #docs-flex-grid .docs-code-live .small-5 {
+ -webkit-flex: 0 0 41.66667%;
+ -ms-flex: 0 0 41.66667%;
+ flex: 0 0 41.66667%; }
+ #docs-flex-grid .docs-code-live .small-6 {
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%; }
+ #docs-flex-grid .docs-code-live .small-7 {
+ -webkit-flex: 0 0 58.33333%;
+ -ms-flex: 0 0 58.33333%;
+ flex: 0 0 58.33333%; }
+ #docs-flex-grid .docs-code-live .small-8 {
+ -webkit-flex: 0 0 66.66667%;
+ -ms-flex: 0 0 66.66667%;
+ flex: 0 0 66.66667%; }
+ #docs-flex-grid .docs-code-live .small-9 {
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%; }
+ #docs-flex-grid .docs-code-live .small-10 {
+ -webkit-flex: 0 0 83.33333%;
+ -ms-flex: 0 0 83.33333%;
+ flex: 0 0 83.33333%; }
+ #docs-flex-grid .docs-code-live .small-11 {
+ -webkit-flex: 0 0 91.66667%;
+ -ms-flex: 0 0 91.66667%;
+ flex: 0 0 91.66667%; }
+ #docs-flex-grid .docs-code-live .small-12 {
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%; } }
+
+@media screen and (min-width: 40em) {
+ #docs-flex-grid .docs-code-live .medium-1 {
+ -webkit-flex: 0 0 8.33333%;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%; }
+ #docs-flex-grid .docs-code-live .medium-2 {
+ -webkit-flex: 0 0 16.66667%;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%; }
+ #docs-flex-grid .docs-code-live .medium-3 {
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%; }
+ #docs-flex-grid .docs-code-live .medium-4 {
+ -webkit-flex: 0 0 33.33333%;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%; }
+ #docs-flex-grid .docs-code-live .medium-5 {
+ -webkit-flex: 0 0 41.66667%;
+ -ms-flex: 0 0 41.66667%;
+ flex: 0 0 41.66667%; }
+ #docs-flex-grid .docs-code-live .medium-6 {
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%; }
+ #docs-flex-grid .docs-code-live .medium-7 {
+ -webkit-flex: 0 0 58.33333%;
+ -ms-flex: 0 0 58.33333%;
+ flex: 0 0 58.33333%; }
+ #docs-flex-grid .docs-code-live .medium-8 {
+ -webkit-flex: 0 0 66.66667%;
+ -ms-flex: 0 0 66.66667%;
+ flex: 0 0 66.66667%; }
+ #docs-flex-grid .docs-code-live .medium-9 {
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%; }
+ #docs-flex-grid .docs-code-live .medium-10 {
+ -webkit-flex: 0 0 83.33333%;
+ -ms-flex: 0 0 83.33333%;
+ flex: 0 0 83.33333%; }
+ #docs-flex-grid .docs-code-live .medium-11 {
+ -webkit-flex: 0 0 91.66667%;
+ -ms-flex: 0 0 91.66667%;
+ flex: 0 0 91.66667%; }
+ #docs-flex-grid .docs-code-live .medium-12 {
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%; } }
+
+@media screen and (min-width: 64em) {
+ #docs-flex-grid .docs-code-live .large-1 {
+ -webkit-flex: 0 0 8.33333%;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%; }
+ #docs-flex-grid .docs-code-live .large-2 {
+ -webkit-flex: 0 0 16.66667%;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%; }
+ #docs-flex-grid .docs-code-live .large-3 {
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%; }
+ #docs-flex-grid .docs-code-live .large-4 {
+ -webkit-flex: 0 0 33.33333%;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%; }
+ #docs-flex-grid .docs-code-live .large-5 {
+ -webkit-flex: 0 0 41.66667%;
+ -ms-flex: 0 0 41.66667%;
+ flex: 0 0 41.66667%; }
+ #docs-flex-grid .docs-code-live .large-6 {
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%; }
+ #docs-flex-grid .docs-code-live .large-7 {
+ -webkit-flex: 0 0 58.33333%;
+ -ms-flex: 0 0 58.33333%;
+ flex: 0 0 58.33333%; }
+ #docs-flex-grid .docs-code-live .large-8 {
+ -webkit-flex: 0 0 66.66667%;
+ -ms-flex: 0 0 66.66667%;
+ flex: 0 0 66.66667%; }
+ #docs-flex-grid .docs-code-live .large-9 {
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%; }
+ #docs-flex-grid .docs-code-live .large-10 {
+ -webkit-flex: 0 0 83.33333%;
+ -ms-flex: 0 0 83.33333%;
+ flex: 0 0 83.33333%; }
+ #docs-flex-grid .docs-code-live .large-11 {
+ -webkit-flex: 0 0 91.66667%;
+ -ms-flex: 0 0 91.66667%;
+ flex: 0 0 91.66667%; }
+ #docs-flex-grid .docs-code-live .large-12 {
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%; } }
+
+@media screen and (min-width: 40em) {
+ #docs-flex-grid .docs-code-live .medium-expand {
+ -webkit-flex: 1 1 0;
+ -ms-flex: 1 1 0;
+ flex: 1 1 0; } }
+
+@media screen and (min-width: 64em) {
+ #docs-flex-grid .docs-code-live .large-expand {
+ -webkit-flex: 1 1 0;
+ -ms-flex: 1 1 0;
+ flex: 1 1 0; } }
+
+#docs-flex-grid .docs-code-live .shrink {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto; }
+
+#docs-flex-grid .docs-code-live .row.medium-unstack .column, #docs-flex-grid .docs-code-live .row.medium-unstack .columns {
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%; }
+ @media screen and (min-width: 40em) {
+ #docs-flex-grid .docs-code-live .row.medium-unstack .column, #docs-flex-grid .docs-code-live .row.medium-unstack .columns {
+ -webkit-flex: 1 1 0;
+ -ms-flex: 1 1 0;
+ flex: 1 1 0; } }
+
+#docs-flex-grid .docs-code-live .row.large-unstack .column, #docs-flex-grid .docs-code-live .row.large-unstack .columns {
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%; }
+ @media screen and (min-width: 64em) {
+ #docs-flex-grid .docs-code-live .row.large-unstack .column, #docs-flex-grid .docs-code-live .row.large-unstack .columns {
+ -webkit-flex: 1 1 0;
+ -ms-flex: 1 1 0;
+ flex: 1 1 0; } }
+
+@media screen {
+ #docs-flex-grid .docs-code-live .small-order-1 {
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1; }
+ #docs-flex-grid .docs-code-live .small-order-2 {
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2; }
+ #docs-flex-grid .docs-code-live .small-order-3 {
+ -webkit-order: 3;
+ -ms-flex-order: 3;
+ order: 3; }
+ #docs-flex-grid .docs-code-live .small-order-4 {
+ -webkit-order: 4;
+ -ms-flex-order: 4;
+ order: 4; }
+ #docs-flex-grid .docs-code-live .small-order-5 {
+ -webkit-order: 5;
+ -ms-flex-order: 5;
+ order: 5; }
+ #docs-flex-grid .docs-code-live .small-order-6 {
+ -webkit-order: 6;
+ -ms-flex-order: 6;
+ order: 6; } }
+
+@media screen and (min-width: 40em) {
+ #docs-flex-grid .docs-code-live .medium-order-1 {
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1; }
+ #docs-flex-grid .docs-code-live .medium-order-2 {
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2; }
+ #docs-flex-grid .docs-code-live .medium-order-3 {
+ -webkit-order: 3;
+ -ms-flex-order: 3;
+ order: 3; }
+ #docs-flex-grid .docs-code-live .medium-order-4 {
+ -webkit-order: 4;
+ -ms-flex-order: 4;
+ order: 4; }
+ #docs-flex-grid .docs-code-live .medium-order-5 {
+ -webkit-order: 5;
+ -ms-flex-order: 5;
+ order: 5; }
+ #docs-flex-grid .docs-code-live .medium-order-6 {
+ -webkit-order: 6;
+ -ms-flex-order: 6;
+ order: 6; } }
+
+@media screen and (min-width: 64em) {
+ #docs-flex-grid .docs-code-live .large-order-1 {
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1; }
+ #docs-flex-grid .docs-code-live .large-order-2 {
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2; }
+ #docs-flex-grid .docs-code-live .large-order-3 {
+ -webkit-order: 3;
+ -ms-flex-order: 3;
+ order: 3; }
+ #docs-flex-grid .docs-code-live .large-order-4 {
+ -webkit-order: 4;
+ -ms-flex-order: 4;
+ order: 4; }
+ #docs-flex-grid .docs-code-live .large-order-5 {
+ -webkit-order: 5;
+ -ms-flex-order: 5;
+ order: 5; }
+ #docs-flex-grid .docs-code-live .large-order-6 {
+ -webkit-order: 6;
+ -ms-flex-order: 6;
+ order: 6; } }
+
+#docs-flex-grid .docs-code-live .row.align-right {
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+
+#docs-flex-grid .docs-code-live .row.align-center {
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+
+#docs-flex-grid .docs-code-live .row.align-justify {
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between; }
+
+#docs-flex-grid .docs-code-live .row.align-spaced {
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around; }
+
+#docs-flex-grid .docs-code-live .row.align-top {
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start; }
+
+#docs-flex-grid .docs-code-live .column.align-top, #docs-flex-grid .docs-code-live .align-top.columns {
+ -webkit-align-self: flex-start;
+ -ms-flex-item-align: start;
+ align-self: flex-start; }
+
+#docs-flex-grid .docs-code-live .row.align-bottom {
+ -webkit-align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end; }
+
+#docs-flex-grid .docs-code-live .column.align-bottom, #docs-flex-grid .docs-code-live .align-bottom.columns {
+ -webkit-align-self: flex-end;
+ -ms-flex-item-align: end;
+ align-self: flex-end; }
+
+#docs-flex-grid .docs-code-live .row.align-middle {
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+#docs-flex-grid .docs-code-live .column.align-middle, #docs-flex-grid .docs-code-live .align-middle.columns {
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center; }
+
+#docs-flex-grid .docs-code-live .row.align-stretch {
+ -webkit-align-items: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+
+#docs-flex-grid .docs-code-live .column.align-stretch, #docs-flex-grid .docs-code-live .align-stretch.columns {
+ -webkit-align-self: stretch;
+ -ms-flex-item-align: stretch;
+ align-self: stretch; }
+
+#docs-flex-grid .docs-code-live .row {
+ background: #f9f9f9;
+ font-size: 11px;
+ margin-bottom: 10px;
+ line-height: 2rem;
+ border: solid 1px #c6c6c6;
+ margin-left: 0;
+ margin-right: 0;
+ margin-bottom: 1.5rem; }
+
+#docs-flex-grid .docs-code-live .column,
+#docs-flex-grid .docs-code-live .columns,
+#docs-flex-grid .docs-code-live .columns {
+ float: none;
+ width: auto;
+ margin-right: -1px; }
+ #docs-flex-grid .docs-code-live .column:nth-child(odd),
+ #docs-flex-grid .docs-code-live .columns:nth-child(odd),
+ #docs-flex-grid .docs-code-live .columns:nth-child(odd) {
+ background: #eee; }
+ #docs-flex-grid .docs-code-live .column:nth-child(even),
+ #docs-flex-grid .docs-code-live .columns:nth-child(even),
+ #docs-flex-grid .docs-code-live .columns:nth-child(even) {
+ background: #ddd; }
+
+.docs-example-modal {
+ display: block;
+ position: static;
+ width: 100%;
+ max-width: none;
+ margin-bottom: 1rem; }
+
+.docs-example-burger {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ cursor: pointer;
+ width: 30px;
+ height: 23px; }
+ .docs-example-burger::after {
+ content: '';
+ position: absolute;
+ display: block;
+ width: 100%;
+ height: 4px;
+ background: #0a0a0a;
+ box-shadow: 0 9px 0 #0a0a0a, 0 18px 0 #0a0a0a; }
+ .docs-example-burger:hover::after {
+ background: #8a8a8a;
+ box-shadow: 0 9px 0 #8a8a8a, 0 18px 0 #8a8a8a; }
+
+.docs-color-block {
+ border: 1px solid #ccc;
+ padding: 0.5rem;
+ margin-bottom: 1rem;
+ text-align: center; }
+ .docs-color-block > div:first-child {
+ width: 100%;
+ height: 50px;
+ margin-bottom: 0.5rem; }
+ .docs-color-block > p {
+ margin: 0; }
+ .docs-color-block-primary {
+ background: #2199e8; }
+ .docs-color-block-secondary {
+ background: #777; }
+ .docs-color-block-success {
+ background: #3adb76; }
+ .docs-color-block-warning {
+ background: #ffae00; }
+ .docs-color-block-alert {
+ background: #ec5840; }
+ .docs-color-block-white {
+ background: #fefefe; }
+ .docs-color-block-light-gray {
+ background: #f3f3f3; }
+ .docs-color-block-medium-gray {
+ background: #cacaca; }
+ .docs-color-block-dark-gray {
+ background: #8a8a8a; }
+ .docs-color-block-black {
+ background: #0a0a0a; }
+
+.docs-big-index .column a, .docs-big-index .columns a {
+ color: #0a0a0a; }
+
+.docs-big-index .column strong, .docs-big-index .columns strong {
+ color: #2199e8;
+ font-size: 1.25rem;
+ display: block;
+ margin-bottom: 0.25rem; }
+
+.docs-big-index .column a:hover, .docs-big-index .columns a:hover {
+ color: #2199e8; }
+ .docs-big-index .column a:hover strong, .docs-big-index .columns a:hover strong {
+ color: #4faeed; }
+
+.docs-small-index ul {
+ list-style-type: none;
+ margin-left: 0; }
+
+.docs-small-index li {
+ margin-bottom: 0.25rem; }
+
+.docs-building-blocks .column a, .docs-building-blocks .columns a {
+ display: block; }
+
+.docs-building-blocks .column p, .docs-building-blocks .columns p {
+ font-size: 1.25rem;
+ font-weight: bold;
+ margin-bottom: 0.5rem; }
+
+.docs-building-blocks .column img, .docs-building-blocks .columns img {
+ border: 1px solid #cacaca; }
+
+.twitter-typeahead {
+ display: block !important;
+ position: relative; }
+ .twitter-typeahead::before {
+ content: "\f16c";
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0.6rem;
+ z-index: 1;
+ font-family: 'foundation-icons';
+ font-size: 1.6rem;
+ color: #2199e8; }
+
+.tt-input,
+.tt-hint {
+ right: 0;
+ padding-left: 2.4rem;
+ margin-bottom: 0.5rem;
+ box-shadow: none;
+ border-width: 0 0 1px 0; }
+ .tt-input:hover,
+ .tt-hint:hover {
+ box-shadow: none; }
+ .tt-input:focus,
+ .tt-hint:focus {
+ border-width: 0 0 1px 0; }
+
+.tt-menu {
+ background: white;
+ width: 100%;
+ border: 1px solid #ccc; }
+
+.tt-suggestion {
+ padding: 1rem; }
+ .tt-suggestion::before,
+ .tt-suggestion::after {
+ content: ' ';
+ display: table; }
+ .tt-suggestion::after {
+ clear: both; }
+ .tt-suggestion:hover,
+ .tt-suggestion.tt-cursor {
+ background: #2199e8;
+ color: #fff;
+ cursor: pointer; }
+ .tt-suggestion:hover .meta,
+ .tt-suggestion.tt-cursor .meta {
+ color: #fff; }
+ .tt-suggestion .name {
+ font-weight: bold;
+ float: left;
+ width: 40%; }
+ .tt-suggestion .meta {
+ text-transform: uppercase;
+ font-size: 0.8rem;
+ color: #8a8a8a;
+ margin-left: 0.5rem; }
+ .tt-suggestion .desc {
+ float: left;
+ width: 60%;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis; }
+
+.tt-empty {
+ padding: 1rem; }
+ .tt-empty:before {
+ content: ':(';
+ font-weight: bold;
+ font-size: 2rem;
+ color: #999;
+ margin-left: 1rem;
+ margin-right: 2rem; }
+
+.docs-compat-table {
+ width: 100%;
+ background: transparent;
+ margin-bottom: 2rem; }
+ .docs-compat-table tbody {
+ border-color: #cacaca; }
+ .docs-compat-table tr {
+ border-bottom: 1px solid #cacaca; }
+ .docs-compat-table tr,
+ .docs-compat-table tr:nth-child(even) {
+ background: transparent; }
+ .docs-compat-table tr:nth-child(even) td:first-child {
+ background: #f3f3f3; }
+ .docs-compat-table td:first-child {
+ border-right: 1px solid #cacaca; }
+ .docs-compat-table .works {
+ background: rgba(58, 219, 118, 0.15);
+ color: #3adb76;
+ font-size: 1.25rem;
+ font-weight: bold;
+ text-align: center; }
+ .docs-compat-table .works::before {
+ display: inline-block;
+ content: '✔';
+ margin-right: 0.5rem; }
+
+.docs-notice-added, .docs-notice-deprecated {
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-weight: bold;
+ color: #ffae00;
+ font-size: 0.8rem;
+ line-height: 2.8; }
+
+.docs-notice-deprecated {
+ color: #ec5840; }
+
+.docs-deprecated {
+ opacity: 0.25;
+ transition: opacity 0.1s ease-out; }
+ .docs-deprecated:hover {
+ opacity: 1; }
+
+.docs-topbar {
+ background: #333;
+ font-size: 0.8125rem;
+ font-weight: bold; }
+ .docs-topbar .menu-bar a {
+ height: 45px;
+ line-height: 45px;
+ color: white;
+ padding-top: 0;
+ padding-bottom: 0; }
+ .docs-topbar .menu-bar a:hover,
+ .docs-topbar .menu-bar a:focus {
+ background: #222; }
+ .docs-topbar .menu-bar:first-child {
+ border-right: 1px solid #4e4e4e; }
+ .docs-topbar .menu-bar:last-child {
+ border-left: 1px solid #4e4e4e; }
+ .docs-topbar .menu-bar li:not(:last-child) {
+ border-right: 1px solid #4e4e4e; }
+ .docs-topbar .docs-menu-title {
+ margin: 0; }
+
+.menu-group::before,
+.menu-group::after {
+ content: ' ';
+ display: table; }
+
+.menu-group::after {
+ clear: both; }
+
+.menu-group ul:first-child {
+ float: left; }
+
+.menu-group ul:last-child {
+ float: right; }