/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
	display: inline-block;
}

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 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;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * 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.
 */

img {
	border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}

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

button,
input {
	line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

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

/**
 * 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 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

/* ==========================================================================
   Box-sizing
   ========================================================================== */

/**
 * Nested items should inherit the border-box model from the html element.
 * Components can simply reset on a parent element and have all their
 * descendants inherit correct box model.
 * http://bit.ly/1j759Cz
 */

*,
:after,
:before {
	box-sizing: inherit;
}

input[type="search"] {
	box-sizing: border-box;
}

/* ==========================================================================
   Consistency (Rules to complement normalize.css)
   ========================================================================== */

/**
 * Remove default margins from certain elements
 */

body,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
table,
th,
td {
	margin: 0;
	padding: 0;
}

/**
 * FIX: this selector is too generic! Should use utility classes instead
 */

:first-child {
	margin-top: 0;
}

/**
 * Consistent focus-styling
 */

a:focus,
input:focus + label {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color !important;
	outline-offset: -2px;
}

/**
 * Consistent http://bit.ly/1kk9XoL
 */

a,
button,
label {
	cursor: pointer;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	color: rgb(138,149,159);
	vertical-align: top;
}

/**
 * Consistent hr style (1px solid)
 */

hr {
	border: none;
	border-top: 1px solid;
	border-left: 1px solid; /* In case other styling change it to vertical (width:0; height:@something;) http://stackoverflow.com/a/17017332/109392 */
}

/**
 * Set default for <b> and <strong> to font-weight 600 instead of `bold`
 */

b,
strong {
	font-weight: 600;
}

/* ==========================================================================
   Powel Icon Font
   ========================================================================== */

@font-face {
	font-family: 'powel-icons';
	src: url('fonts/powel-icons.eot?v=0.1.21');
	src: url('fonts/powel-icons.eot?#iefix&v=0.1.21') format('embedded-opentype'), url('fonts/powel-icons.woff?v=0.1.21') format('woff'), url('fonts/powel-icons.ttf?v=0.1.21') format('truetype');
	font-weight: 400;
	font-style: normal;
}

/* ==========================================================================
   Page (base page-level styling)
   ========================================================================== */

/**
 * 1. Prevent selection
 * 2. Line-height: http://bit.ly/1aq9KX3
 * 3. Make body 100% height of the browser window
 * 4. Set global `box-sizing` state to `border-box`
 */

html {
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; /* [1] */
	color: #524e3d;
	font: 14px/1.5 'Open Sans', verdana, sans-serif; /* [2] */
	height: 100%; /* [3] */
	box-sizing: border-box; /* [4] */
}

html,
body {
	min-height: 100%; /* [3] */
}

head {
	clear: both;
}

head title {
	font-family: "small, medium, large, xlarge";
}

/* ==========================================================================
   Headings
   ========================================================================== */

/* Base headings styles
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #005380;
}

h1,
h2,
h3,
h4 {
	margin-top: 1.5rem;
}

/* Headings scale
   ========================================================================== */

/**
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --l = large
 */

h1,
.alpha {
	line-height: 1.27273;
	font-size: 33px;
	font-weight: 300;
}

h2,
.beta {
	line-height: 1.68;
	font-size: 25px;
	font-weight: 300;
}

h3,
.gamma {
	line-height: 1.55556;
	font-size: 18px;
	font-weight: 400;
}

h4,
.delta {
	line-height: 1.3125;
	font-size: 16px;
	font-weight: 400;
}

h5,
.epsilon {
	line-height: 1.5;
	font-size: 14px;
	font-weight: 400;
}

h6,
.zeta,
th {
	line-height: 1.75;
	font-size: 12px;
	font-weight: 400;
}

/**
 * `.giga` sets massive type
 */

.giga {
	line-height: 1.43182;
	font-size: 44px;
	font-weight: 300;
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * FIX: too much presentational styling by default. We should create `.Table` object.
 */

table {
	width: 100%;
	color: #524e3d;
}

td,
th {
	text-align: left;
	vertical-align: text-top;
	border-top: 1px solid #e0dfd8;
	padding: 4px;
}

th {
	font-weight: 400;
	color: #005380;
	margin: 0.1em 0 0;
}

/* ==========================================================================
   Blockquotes
   ========================================================================== */

blockquote {
	font-size: 1.2em;
	color: #524e3d;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * FIX: too much presentational styling by default. We should probably
 *      create `.Form` object
 *
 * 1. Reset the rounded corners in Safari iOS
 */

input,
select,
textarea {
	background: none;
	border: 0;
	border-radius: 0; /* [1] */
	width: 100%;
	margin: 0;
	color: #524e3d;
	background-color: #f2f6f8;
	padding: 0.5em;
}

/**
 * Remove the default appearance from the form controls
 */

input[type=text],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
.selectField-control select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=text],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week] {
	height: 2.5em;
	line-height: 1.5;
}

select:not([multiple]) {
	height: 2.5em;
}

textarea {
	line-height: 1.5;
	resize: vertical;
	min-height: 4em;
	max-height: 13em;
}

/**
 * Turn off visually number input spinners
 */

input[type=number] {
	-moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/**
 * Disabled state
 * 1. Normalize opacity of disabled input elements on Mobile Safari (iOS 7)
 */

input:disabled,
textarea:disabled,
button:disabled,
select:disabled {
	background-color: #f8f8f7 !important;
	color: #7b7a68 !important;
	cursor: default !important;
	opacity: 1; /* [1] */
}

input:disabled + label {
	cursor: not-allowed !important;
	color: #7b7a68 !important;
}

/**
 * Invalid states
 */

input.is-invalid,
textarea.is-invalid,
select.is-invalid,
.is-invalid {
	box-shadow: inset 0 0 0 1px #d22630;
}

/**
 * Color-states
 * FIX: rules like `input[type="checkbox"]:focus + label:not(.btn)` are too complex
 *      and should be avoided!
 */

label {
	color: #005380;
}

/**
 * Placeholders
 */

::-webkit-input-placeholder {
	color: #7b7a68;
}

::-moz-placeholder {
	color: #7b7a68;
}

:-ms-input-placeholder {
	color: #7b7a68;
}

input:hover,
textarea:hover,
select:hover,
select:focus,
textarea:focus,
input:focus,
input[type="checkbox"]:focus + label:not(.btn),
input[type="radio"]:focus + label:not(.btn) {
	background: #e5edf2;
}

input:not([type="hidden"]) + label:before {
	padding-right: 0.5rem;
	line-height: inherit !important;
	width: 1em;
	box-sizing: content-box;
}

/**
 * Custom radio/checkboxes
 */

input[type="checkbox"] + label,
input[type="radio"] + label {
	padding-right: 14px;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
}

/**
 * Increase label's hit zone for touch users
 */

.has-touch input[type="checkbox"] + label:not(.btn),
.has-touch input[type="radio"] + label:not(.btn) {
	padding-bottom: 0.21429em;
	padding-top: 0.21429em;
}

/**
 * Hide real checkboxes and radio inputs visually
 */

input[type="checkbox"],
input[type="radio"] {
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/**
 * Check marks using iconfont
 */

/**
 * Radio dots using iconfont
 */

/**
 * FIX: 
 *  Make a control for icon buttons - not just use combinations of different styles make this work like magic.
 */

input.hide-toggle + label {
	padding: 0;
}

input.hide-toggle + label:before {
	display: none !important;
}

/* ==========================================================================
   Theme utils
   ========================================================================== */

/* Fills
   ========================================================================== */

/**
 * `.bg-*` classes are here for backwards compatibility purposes only
 * they'll be going away in the future release
 */

.fill-white,
.bg-white {
	background-color: #fff;
	fill: #fff;
	color: #524e3d;
}

.fill-gray15,
.bg-gray {
	background-color: #ebebe8;
	fill: #e0dfd8;
	color: #005380;
}

.fill-gray25 {
	background-color: #e0dfd8;
	fill: #e0dfd8;
	color: #005380;
}

.fill-gray100 {
	background-color: #7b7a68;
	fill: #7b7a68;
	color: white;
}

.fill-gray130 {
	background-color: #524e3d;
	fill: #524e3d;
	color: white;
}

.fill-blue25 {
	background-color: #bfe4f3;
	fill: #bfe4f3;
	color: #005380;
}

.fill-blue100,
.bg-blue {
	background-color: #00a0d1;
	fill: #00a0d1;
	color: white;
}

.fill-main,
.fill-blue125,
.bg-main,
.bg-dark-blue {
	background-color: #00789c;
	fill: #00789c;
	color: white;
}

.fill-navy5 {
	background-color: #f2f6f8;
	fill: #f2f6f8;
	color: #005380;
}

.fill-navy15,
.bg-pale {
	background-color: #d8e5eb;
	fill: #d8e5eb;
	color: #005380;
}

.fill-navy100,
.bg-navy {
	background-color: #005380;
	fill: #005380;
	color: white;
}

.fill-purple25 {
	background-color: #e1c2d5;
	fill: #e1c2d5;
	color: #005380;
}

.fill-purple100 {
	background-color: #890c58;
	fill: #890c58;
	color: white;
}

.fill-orange25 {
	background-color: #ffe6c6;
	fill: #ffe6c6;
	color: #005380;
}

.fill-orange100,
.bg-orange {
	background-color: #ff9e1b;
	fill: #ff9e1b;
	color: #005380;
}

.fill-green25 {
	background-color: #dde5bf;
	fill: #dde5bf;
	color: #005380;
}

.fill-green100,
.bg-green {
	background-color: #7a9a01;
	fill: #7a9a01;
	color: white;
}

.fill-red100,
.bg-red {
	background-color: #d22630;
	fill: #d22630;
	color: white;
}

.fill-yellow100,
.bg-yellow {
	background-color: #fcf802;
	fill: #fcf802;
	color: #005380;
}

/**
 * Make headings inherit the text color from `.fill-` classes, so that they're
 * always visible
 */

[class^="fill-"] h1,
[class*=" fill-"] h1,
[class^="fill-"] h2,
[class*=" fill-"] h2,
[class^="fill-"] h3,
[class*=" fill-"] h3,
[class^="fill-"] h4,
[class*=" fill-"] h4,
[class^="fill-"] h5,
[class*=" fill-"] h5,
[class^="fill-"] h6,
[class*=" fill-"] h6 {
	color: rgb(138,149,159);
}

/* Colors
   ========================================================================== */

.white {
	color: #fff;
}

.gray100 {
	color: #7b7a68;
}

.gray130 {
	color: #524e3d;
}

.blue100 {
	color: #00a0d1;
}

.blue125 {
	color: #00789c;
}

.navy50 {
	color: #7fa9bf;
}

.navy75 {
	color: #407e9f;
}

.navy100 {
	color: #005380;
}

.green100 {
	color: #7a9a01;
}

.orange100 {
	color: #ff9e1b;
}

.yellow100 {
	color: #fcf802;
}

.red100 {
	color: #d22630;
}

/* Borders
   ========================================================================== */

/**
 * Set the desired border on any element
 * 
 * Naming convention
 * bdr<direction><size>
 *
 * <direction>
 * A = all
 * T = top
 * R = right
 * B = bottom
 * L = left
 * H = horizontal
 * V = vertical
 *
 * <size>
 * n  = none
 * s  = small
 * m  = medium
 * l  = large
 */

/**
 * All
 */

.bdrAn {
	border: 0 !important;
}

.bdrAs {
	border: 1px solid !important;
}

.bdrAm {
	border: 2px solid !important;
}

.bdrAl {
	border: 3px solid !important;
}

/**
 * Vertical
 */

.bdrVn {
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.bdrVs {
	border-top: 1px solid !important;
	border-bottom: 1px solid !important;
}

.bdrVm {
	border-top: 2px solid !important;
	border-bottom: 2px solid !important;
}

.bdrVl {
	border-top: 3px solid !important;
	border-bottom: 3px solid !important;
}

/**
 * Horizontal
 */

.bdrHn {
	border-left: 0 !important;
	border-right: 0 !important;
}

.bdrHs {
	border-left: 1px solid !important;
	border-right: 1px solid !important;
}

.bdrHm {
	border-left: 2px solid !important;
	border-right: 2px solid !important;
}

.bdrHl {
	border-left: 3px solid !important;
	border-right: 3px solid !important;
}

/**
 * Top
 */

.bdrTn {
	border-top: 0 !important;
}

.bdrTs {
	border-top: 1px solid !important;
}

.bdrTm {
	border-top: 2px solid !important;
}

.bdrTl {
	border-top: 3px solid !important;
}

/**
 * Bottom
 */

.bdrBn {
	border-bottom: 0 !important;
}

.bdrBs {
	border-bottom: 1px solid !important;
}

.bdrBm {
	border-bottom: 2px solid !important;
}

.bdrBl {
	border-bottom: 3px solid !important;
}

/**
 * Left
 */

.bdrLn {
	border-left: 0 !important;
}

.bdrLs {
	border-left: 1px solid !important;
}

.bdrLm {
	border-left: 2px solid !important;
}

.bdrLl {
	border-left: 3px solid !important;
}

/**
 * Right
 */

.bdrRn {
	border-right: 0 !important;
}

.bdrRs {
	border-right: 1px solid !important;
}

.bdrRm {
	border-right: 2px solid !important;
}

.bdrRl {
	border-right: 3px solid !important;
}

/**
 * Color extensions
 */

.bdr--gray15,
.bdr--gray {
	border-color: #ebebe8 !important;
}

.bdr--gray25 {
	border-color: #e0dfd8 !important;
}

.bdr--gray50 {
	border-color: #c0c0b3 !important;
}

.bdr--gray75 {
	border-color: #9c9b8d !important;
}

.bdr--gray100 {
	border-color: #7b7a68 !important;
}

.bdr--navy15,
.bdr--pale {
	border-color: #d8e5eb !important;
}

.bdr--navy25 {
	border-color: #bfd4dF !important;
}

.bdr--navy50 {
	border-color: #7fa9bf !important;
}

.bdr--navy75 {
	border-color: #7fa9bf !important;
}

.bdr--navy100,
.bdr--navy {
	border-color: #005380 !important;
}

.bdr--blue100 {
	border-color: #00a0d1 !important;
}

.bdr--orange100,
.bdr--orange {
	border-color: #ff9e1b !important;
}

.bdr--red100,
.bdr--red {
	border-color: #d22630 !important;
}

.bdr--green100,
.bdr--green {
	border-color: #7a9a01 !important;
}

/**
 * Style extensions
 */

.bdr--dots {
	border-style: dotted !important;
}

/**
 * 1. Make sure not static. Can be overridden by other styles (absolute or fixed)
 */

.border {
	position: relative; /* [1] */
}

.border:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid;
	opacity: 0.5;
	pointer-events: none;
}

/* ==========================================================================
   Size
   ========================================================================== */

/* Widths
   ========================================================================== */

/**
 * Mobile-first width classes
 *
 * Set the desired width on any element for any breakpoint
 * 
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m  = medium
 * --l  = large
 * --xl = extra large
 */

/**
 * Width scale
 */

.w1 {
	width: 1rem !important;
}

.w2 {
	width: 2rem !important;
}

.w3 {
	width: 4rem !important;
}

.w4 {
	width: 8rem !important;
}

.w5 {
	width: 16rem !important;
}

.w6 {
	width: 32rem !important;
}

.w10 {
	width: 10% !important;
}

.w20 {
	width: 20% !important;
}

.w25 {
	width: 25% !important;
}

.w30 {
	width: 30% !important;
}

.w40 {
	width: 40% !important;
}

.w50 {
	width: 50% !important;
}

.w60 {
	width: 60% !important;
}

.w70 {
	width: 70% !important;
}

.w75 {
	width: 75% !important;
}

.w80 {
	width: 80% !important;
}

.w90 {
	width: 90% !important;
}

.w100 {
	width: 100% !important;
}

/**
 * Width string properties
 */

.wA {
	width: auto !important;
}

/**
 * Keeping these for backwards compatibility
 */

.w33 {
	float: left;
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 33.33333% !important;
}

.w66 {
	float: left;
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 66.66663% !important;
}

/* Max widths
   ========================================================================== */

/**
 * Mobile-first max-width classes
 *
 * Set the desired max-width on any element for any breakpoint
 * 
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m = medium
 * --l = large
 */

/**
 * Max-width scale
 */

.maw1 {
	max-width: 1rem !important;
}

.maw2 {
	max-width: 2rem !important;
}

.maw3 {
	max-width: 4rem !important;
}

.maw4 {
	max-width: 8rem !important;
}

.maw5 {
	max-width: 16rem !important;
}

.maw6 {
	max-width: 32rem !important;
}

.maw10 {
	max-width: 10% !important;
}

.maw20 {
	max-width: 20% !important;
}

.maw25 {
	max-width: 25% !important;
}

.maw30 {
	max-width: 30% !important;
}

.maw40 {
	max-width: 40% !important;
}

.maw50 {
	max-width: 50% !important;
}

.maw60 {
	max-width: 60% !important;
}

.maw70 {
	max-width: 70% !important;
}

.maw75 {
	max-width: 75% !important;
}

.maw80 {
	max-width: 80% !important;
}

.maw90 {
	max-width: 90% !important;
}

.maw100 {
	max-width: 100% !important;
}

/**
 * Max-width string properties
 */

.mawN {
	max-width: none !important;
}

/* Heights
   ========================================================================== */

/**
 * Keep `.h` for now because we don't want to break backwards compatibility
 */

.mih10,
.h10 {
	min-height: 10% !important;
}

.mih20,
.h20 {
	min-height: 20% !important;
}

.mih25,
.h30 {
	min-height: 25% !important;
}

.mih30,
.h30 {
	min-height: 30% !important;
}

.mih40,
.h40 {
	min-height: 40% !important;
}

.mih50,
.h50 {
	min-height: 50% !important;
}

.mih60,
.h60 {
	min-height: 60% !important;
}

.mih70,
.h70 {
	min-height: 70% !important;
}

.mih80,
.h80 {
	min-height: 80% !important;
}

.mih90,
.h90 {
	min-height: 90% !important;
}

.mih100,
.mh100,
.h100 {
	min-height: 100% !important;
}

.mah100 {
	max-height: 100% !important;
}

/**
 * 1. The effect of min-height property is not defined for tables -
 *    we need to change min-height to height
 */

table.h100,
table.mh100,
table.mih100,
.dT.h100,
.dT.mh100,
.dT.mih100 {
	height: 100% !important; /* [1] */
}

/* ==========================================================================
   Offset
   ========================================================================== */

/**
 * Specify the proportional offset before an element
 * 
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m = medium
 * --l = large
 */

.l10 {
	margin-left: 10% !important;
}

.l20 {
	margin-left: 20% !important;
}

.l25 {
	margin-left: 25% !important;
}

.l30 {
	margin-left: 30% !important;
}

.l40 {
	margin-left: 40% !important;
}

.l50 {
	margin-left: 50% !important;
}

.l60 {
	margin-left: 60% !important;
}

.l70 {
	margin-left: 70% !important;
}

.l75 {
	margin-left: 75% !important;
}

.l80 {
	margin-left: 80% !important;
}

.l90 {
	margin-left: 90% !important;
}

.l100 {
	margin-left: 100% !important;
}

/**
 * Keeping these for backwards compatibility
 */

/* ==========================================================================
   Spacing utilities
   ========================================================================== */

/**
 * Used to adjust the default spacing between components
 * 
 * Naming convention
 * <direction><size>
 *
 * <direction>
 * A = all
 * T = top
 * R = right
 * B = bottom
 * L = left
 * H = horizontal
 * V = vertical
 *
 * <size>
 * n  = none
 * s  = small
 * m  = medium
 * l  = large
 * xl = extra large
 */

/* Paddings
   ========================================================================== */

/**
 * Adjust the padding between components
 * 
 * Naming convention
 * p<direction><size>
 *
 * <direction>
 * A = all
 * T = top
 * R = right
 * B = bottom
 * L = left
 * H = horizontal
 * V = vertical
 *
 * <size>
 * n  = none
 * s  = small
 * m  = medium
 * l  = large
 * xl = extra large
 *
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m  = medium
 * --l  = large
 */

/**
 * All
 */

.pAn {
	padding: 0 !important;
}

.pAs {
	padding: 0.5rem !important;
}

.pAm {
	padding: 1rem !important;
}

.pAl {
	padding: 1.5rem !important;
}

.pAxl {
	padding: 2rem !important;
}

/**
 * Vertical
 */

.pVn {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.pVs {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.pVm {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.pVl {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.pVxl {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

/**
 * Horizontal
 */

.pHn {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.pHs {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.pHm {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.pHl {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.pHxl {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

/**
 * Top
 */

.pTn {
	padding-top: 0 !important;
}

.pTs {
	padding-top: 0.5rem !important;
}

.pTm {
	padding-top: 1rem !important;
}

.pTl {
	padding-top: 1.5rem !important;
}

.pTxl {
	padding-top: 2rem !important;
}

/**
 * Bottom
 */

.pBn {
	padding-bottom: 0 !important;
}

.pBs {
	padding-bottom: 0.5rem !important;
}

.pBm {
	padding-bottom: 1rem !important;
}

.pBl {
	padding-bottom: 1.5rem !important;
}

.pBxl {
	padding-bottom: 2rem !important;
}

/**
 * Left
 */

.pLn {
	padding-left: 0 !important;
}

.pLs {
	padding-left: 0.5rem !important;
}

.pLm {
	padding-left: 1rem !important;
}

.pLl {
	padding-left: 1.5rem !important;
}

.pLxl {
	padding-left: 2rem !important;
}

/**
 * Right
 */

.pRn {
	padding-right: 0 !important;
}

.pRs {
	padding-right: 0.5rem !important;
}

.pRm {
	padding-right: 1rem !important;
}

.pRl {
	padding-right: 1.5rem !important;
}

.pRxl {
	padding-right: 2rem !important;
}

/* Margins
   ========================================================================== */

/**
 * Adjust the margin between components
 * 
 * Naming convention
 * m<direction><size>
 *
 * <direction>
 * A = all
 * T = top
 * R = right
 * B = bottom
 * L = left
 * H = horizontal
 * V = vertical
 *
 * <size>
 * n  = none
 * s  = small
 * m  = medium
 * l  = large
 * xl = extra large
 *
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m  = medium
 * --l  = large
 */

/**
 * All
 */

.mAn {
	margin: 0 !important;
}

.mAs {
	margin: 0.5rem !important;
}

.mAm {
	margin: 1rem !important;
}

.mAl {
	margin: 1.5rem !important;
}

.mAxl {
	margin: 2rem !important;
}

/**
 * Vertical
 */

.mVn {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.mVa {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.mVs {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.mVm {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.mVl {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.mVxl {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}

/**
 * Horizontal
 */

.mHn {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mHa {
	margin-left: auto !important;
	margin-right: auto !important;
}

.mHs {
	margin-left: 0.5rem !important;
	margin-right: 0.5rem !important;
}

.mHm {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

.mHl {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

.mHxl {
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}

/**
 * Top
 */

.mTn {
	margin-top: 0 !important;
}

.mTs {
	margin-top: 0.5rem !important;
}

.mTm {
	margin-top: 1rem !important;
}

.mTl {
	margin-top: 1.5rem !important;
}

.mTxl {
	margin-top: 2rem !important;
}

/**
 * Bottom
 */

.mBn {
	margin-bottom: 0 !important;
}

.mBs {
	margin-bottom: 0.5rem !important;
}

.mBm {
	margin-bottom: 1rem !important;
}

.mBl {
	margin-bottom: 1.5rem !important;
}

.mBxl {
	margin-bottom: 2rem !important;
}

/**
 * Left
 */

.mLn {
	margin-left: 0 !important;
}

.mLs {
	margin-left: 0.5rem !important;
}

.mLm {
	margin-left: 1rem !important;
}

.mLl {
	margin-left: 1.5rem !important;
}

.mLxl {
	margin-left: 2rem !important;
}

/**
 * Right
 */

.mRn {
	margin-right: 0 !important;
}

.mRs {
	margin-right: 0.5rem !important;
}

.mRm {
	margin-right: 1rem !important;
}

.mRl {
	margin-right: 1.5rem !important;
}

.mRxl {
	margin-right: 2rem !important;
}

/* ==========================================================================
   Positioning
   ========================================================================== */

/**
 * Set the desired position on any element for any breakpoint
 * 
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m = medium
 * --l = large
 */

.posS {
	position: static !important;
}

.posA {
	position: absolute !important;
}

.posR {
	position: relative !important;
}

/**
 * 1. Make sure fixed elements are promoted into a new layer
 *    See: http://benfrain.com/improving-css-performance-fixed-position-elements/
 *    #performance
 */

.posF {
	position: fixed !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; /* [1] */
}

.t0 {
	top: 0 !important;
}

.r0 {
	right: 0 !important;
}

.b0 {
	bottom: 0 !important;
}

.l0 {
	left: 0 !important;
}

/**
 * Account for a fixed header
 */

.tH {
	top: 50px !important;
}

/**
 * Vertical centering
 */

.tC {
	top: 50% !important;
	-webkit-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}

/**
 * Horizontal centering
 */

.lC {
	left: 50% !important;
	-webkit-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}

.z1 {
	z-index: 100 !important;
}

.z2 {
	z-index: 200 !important;
}

.z3 {
	z-index: 300 !important;
}

.z4 {
	z-index: 400 !important;
}

.z9 {
	z-index: 900 !important;
}

/**
 * Keeping `.absolute` for backwards compatibility
 */

.absolute {
	position: absolute;
}

/* ==========================================================================
   Layout
   ========================================================================== */

/**
 * Contain floats (clearfix)
 * http://bit.ly/18S3OWc
 */

.cf:before,
.nav:before,
.clock:before,
.cf:after,
.nav:after,
.clock:after {
	content: " ";
	display: table;
}

.cf:after,
.nav:after,
.clock:after {
	clear: both;
}

/**
 * Clears
 */

.cN {
	clear: none;
}

.cL {
	clear: left;
}

.cR {
	clear: right;
}

.cB {
	clear: both;
}

/**
 * New block formatting context
 *
 * The element won't wrap under floats. Will also contain any floated children
 *
 * This will clip overflow. Use the alternative method below if this is
 * problematic
 */

.nbfc {
	overflow: hidden !important;
}

/**
 * New block formatting context (alternative)
 *
 * Alternative method when overflow must not be clipped
 */

.nbfcAlt {
	display: table-cell !important;
	width: 10000px !important;
}

/* Floats
   ========================================================================== */

/**
 * Set the desired float on any element for any breakpoint
 * 
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m = medium
 * --l = large
 */

.fl,
.fL {
	float: left;
}

.fr,
.fR {
	float: right;
}

.fn,
.fN {
	float: none;
}

/* Column count
   ========================================================================== */

/**
 * Control how many vertical columns text in a particular element should be broken into
 * 
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m = medium
 * --l = large
 */

.cc1 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.cc2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.cc3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.cc4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.cc5 {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	column-count: 5;
}

.ccA {
	-webkit-column-count: auto;
	-moz-column-count: auto;
	column-count: auto;
}

/* Column break
   ========================================================================== */

/**
 * Control where CSS3 columns break
 */

.cbiA {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

/* Table layout
   ========================================================================== */

/**
 * Control the algorithm to be used to layout the table cells
 */

.tblF {
	table-layout: fixed;
}

.tblA {
	table-layout: auto;
}

/* Flex direction
   ========================================================================== */

/**
 * Control css-flex-direction on any element
 *
 * Flexbox is still a relatively new concept in CSS and the support might 
 * not be as good as you expected, so use carefully
 */

.fdC {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.fdR {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

/* Flex grow
   ========================================================================== */

/**
 * Control css-flex-grow on any element
 *
 * Flexbox is still a relatively new concept in CSS and the support might 
 * not be as good as you expected, so use carefully
 */

.fg1 {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

/*
.fgI {
    flex-grow: inherit;
}
*/

/* Flex basis
   ========================================================================== */

/**
 * Control css-flex-basis on any element
 *
 * Flexbox is still a relatively new concept in CSS and the support might 
 * not be as good as you expected, so use carefully
 */

.fb0 {
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

/*
.fbI {
    flex-basis: inherit;
}
*/

/* ==========================================================================
   Display utilities
   ========================================================================== */

/* Display types
   ========================================================================== */

/**
 * Set the desired display type on any element for any breakpoint.
 *
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m = medium
 * --l = large
 */

.dI,
.inline {
	display: inline !important;
}

/**
 * FIX: remove color declaration?
 */

.inline {
	color: inherit;
	margin: 0;
}

.dB,
.block {
	display: block !important;
}

/**
 * 1. Fix for Firefox bug: an image styled `max-width:100%` within an
 * inline-block will display at its default size
 */

.dIB {
	display: inline-block !important;
	max-width: 100%; /* 1 */
}

.dT {
	display: table !important;
}

.dTR {
	display: table-row !important;
}

.dTC {
	display: table-cell !important;
}

.dF {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.hide-empty {
	min-height: 0;
	overflow: hidden;
}

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

/* ==========================================================================
   Overflows
   ========================================================================== */

/**
 * Set the desired overflow on any element for any breakpoint
 * 
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m = medium
 * --l = large
 */

.ofV {
	overflow: visible;
}

.ofH {
	overflow: hidden;
}

.ofS {
	overflow: scroll;
}

.ofA {
	overflow: auto;
}

.ofyS {
	overflow-y: scroll;
}

/**
 * Scrollbars
 */

.scrollable-y,
.has-touch .scroll,
.has-touch .modal,
.has-touch .steps-content {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.scroll {
	overflow: auto;
}

/* ==========================================================================
   Vertical alignment
   ========================================================================== */

.vaT {
	vertical-align: top !important;
}

.vaM {
	vertical-align: middle !important;
}

.vaBL {
	vertical-align: baseline !important;
}

.vaB {
	vertical-align: bottom !important;
}

/* ==========================================================================
   Text
   ========================================================================== */

/**
 * FIX: use `.txtTruncate` instead of `.hide-overflow`
 */

.hide-overflow,
.txtTruncate {
	text-overflow: ellipsis;
	overflow: hidden;
}

.txtTruncate {
	max-width: 100%;
	white-space: nowrap;
	word-wrap: normal;
}

/**
 * Text that is hidden but accesible
 *
 * 1. Old IE fix
 */

.txtAssistive {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* [1] */
	clip: rect(1px, 1px, 1px, 1px);
}

/**
 * Enable text-selection
 */

.selectable,
.error {
	cursor: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.txtCaps {
	text-transform: uppercase !important;
}

/**
 * Inherit the ancestor's text color
 */

.txtInheritColor {
	color: inherit !important;
}

/**
 * Horizontal text alignment
 *
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m = medium
 * --l = large
 */

.txtC {
	text-align: center !important;
}

.txtL {
	text-align: left !important;
}

.txtR {
	text-align: right !important;
}

/**
 * Control whitespace wrapping
 */

.wsN {
	white-space: normal !important;
}

.wsNW {
	white-space: nowrap !important;
}

/**
 * Control word wrapping
 */

.wwN {
	word-wrap: normal;
}

.wwB {
	word-wrap: break-word;
}

/**
 * Control word breaking
 */

.wbN {
	word-break: normal;
}

.wbA {
	word-break: break-all;
}

/**
 * Font weights
 */

.fwN {
	font-weight: 400 !important;
}

.fwB {
	font-weight: 600 !important;
}

.fwL {
	font-weight: 300 !important;
}

/**
 * Utilities to control line-height
 */

.lhI {
	line-height: inherit !important;
}

.lh {
	line-height: 1 !important;
}

/**
 * Typographical measure
 *
 * Use with the `.mHa` helper to center container
 */

.measure {
	max-width: 48rem;
}

.measureNarrow {
	max-width: 32rem;
}

.measureWide {
	max-width: 74rem;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * A link without any text-decoration at all
 */

.linkClean,
.linkClean:hover,
.linkClean:focus,
.linkClean:active {
	text-decoration: none !important;
}

/**
 * Link with several pieces of text and/or an icon, where only one piece of text
 * should display the underline when the link is the subject of user interaction
 */

.linkComplex,
.linkComplex:hover,
.linkComplex:focus,
.linkComplex:active {
	text-decoration: none !important;
}

.linkComplex .linkComplex-target,
.linkComplex:hover .linkComplex-target,
.linkComplex:focus .linkComplex-target,
.linkComplex:active .linkComplex-target {
	text-decoration: underline !important;
}

/**
 * Block-level link
 */

.linkBlock,
.linkBlock:hover,
.linkBlock:focus,
.linkBlock:active {
	display: block !important;
	text-decoration: none !important;
}

/* ==========================================================================
   Pointer events
   ========================================================================== */

.peN {
	pointer-events: none !important;
}

.peA {
	pointer-events: auto !important;
}

/* ==========================================================================
   Ratios
   ========================================================================== */

/**
 * Set the ratio of an element
 * 
 * Base class names are namespaced across three breakpoints:
 *
 * --ns = not-small (everything larger than mobile)
 * --m = medium
 * --l = large
 */

.oneByOne {
	padding-top: 100% !important;
}

.fourByThree {
	padding-top: 75% !important;
}

.sixteenByNine {
	padding-top: 56.25% !important;
}

.twoByOne {
	padding-top: 50% !important;
}

.threeByOne {
	padding-top: 33.333% !important;
}

/* ==========================================================================
   State (Globaly applicable state rules)
   ========================================================================== */

.is-actionable {
	cursor: pointer !important;
}

.is-disabled {
	cursor: default !important;
}

/**
 * Hide/show elements
 */

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

.is-shown {
	display: block !important;
	visibility: visible !important;
}

table.is-shown {
	display: table !important;
}

.is-hiddenVisually {
	position: absolute !important;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
}

html:not(.has-touch) .is-visibleTouch,
html:not(.has-touch) .device-touch {
	display: none !important;
}

/* ==========================================================================
   Bare list
   ========================================================================== */

/**
 * Remove any indents and bullet points from lists
 */

.bareList,
.grid,
.nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ==========================================================================
   Grid
   ========================================================================== */

/**
 * Core grid
 *
 * 1. Resets for ul, ol, dl
 */

.grid { /* [1] */
	font-size: 0 !important;
	text-align: left;
}

/**
 * Grid cell
 *
 * 1. Keep content correctly aligned with the grid direction
 * 2. Make childrens full-width by default (mobile-first)
 */

.grid-cell {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin: 0;
	padding: 0;
	text-align: left; /* [1] */
}

/**
 * Set a specific unit to be horizontally centered
 */

.grid-cell--center {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

/**
 * Center align all grid cells
 */

.grid--center {
	text-align: center !important;
}

/**
 * Right align all grid cells
 */

.grid--right {
	text-align: right !important;
}

/**
 * Justify align all grid cells
 */

.grid--justify {
	display: block;
	text-align: justify;
	text-justify: distribute-all-lines;
}

.grid--justify:after {
	content: '';
	display: inline-block;
	width: 100%;
}

/**
 * Absolute position grid cells
 */

/**
 * Adds nicely collapsed borders to the grid
 */

.grid--border {
	overflow: hidden;
	padding-top: 1px;
}

.grid--border > .grid-row > .grid-cell,
.grid--border > .grid-cell {
	padding: 7px;
	border: 1px solid #e0dfd8;
	border-width: 1px 0 1px 1px;
	margin: -1px 1px 0 -1px;
}

/**
 * All `.grid--border` objects in the flow of the document that proceed other `.grid--border` objects
 * must have border-top set to 0 to prevent overlapping borders
 *
 * In complex forms it's a bit of an overkill to reset border manually in the markup using utilities,
 * so we're using adjacent sibling combinator to do it automatically
 *
 * This is an exception from the rule that CSS selectors should be as shallow as possible
 */

.grid--border + .grid--border > .grid-row:first-child > .grid-cell,
.grid--border + .grid--border > .grid-cell:first-child {
	border-top: 0;
}

/**
 * Arrange grid cells
 *
 * 1. Reset `padding-top` inherited from grid--border
 * 2. Reset `overflow: hidden` inherited from grid--border
 * 3. Reset negative margin inherited from grid--border
 */

/* ==========================================================================
   Data toggles
   ========================================================================== */

/**
 * Hide inactive data-toggles
 */

[data-toggle] {
	display: none;
}

[data-toggle].is-active {
	display: block;
}

/* ==========================================================================
   Button
   ========================================================================== */

/* Base button styles
   ========================================================================== */

.btn {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0 21px;
	margin: 0 2px 2px 0;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid;
	border-radius: 3px;
	-webkit-font-smoothing: subpixel-antialiased;
}

/*html*/

.has-animation:not(.has-touch) .btn:active:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: currentColor;
	-webkit-animation: grow--btn 0.15s ease, fadeOut--btn 0.15s linear;
	animation: grow--btn 0.15s ease, fadeOut--btn 0.15s linear;
	border-radius: 3px;
	opacity: 0;
	pointer-events: none;
}

/**
 * `.bg-*` classes are here for backwards compatibility purposes only
 * they'll be going away in the future release
 */

.btn.fill-blue125,
.btn.bg-main {
	border-color: #006684;
}

.btn.fill-blue125:hover,
.btn.fill-blue125:focus,
.btn.bg-main:hover,
.btn.bg-main:focus {
	border-color: #004e65;
	background-color: #006c8c;
}

.btn.fill-blue125:focus,
.btn.bg-main:focus {
	outline: 0;
}

.btn.fill-navy15,
.btn.bg-navy {
	border-color: #b7c2c7;
}

.btn.fill-navy15:hover,
.btn.fill-navy15:focus,
.btn.bg-navy:hover,
.btn.bg-navy:focus {
	border-color: #8c9498;
	background-color: #c2ced3;
}

.btn.fill-navy15:focus,
.btn.bg-navy:focus {
	outline: 0;
}

.btn.fill-white,
.btn.bg-white {
	border-color: #d8d8d8;
}

.btn.fill-white:hover,
.btn.fill-white:focus,
.btn.bg-white:hover,
.btn.bg-white:focus {
	border-color: #a5a5a5;
	background-color: #e5e5e5;
}

.btn.fill-white:focus,
.btn.bg-white:focus {
	outline: 0;
}

.btn.fill-green100 {
	border-color: #678200;
}

.btn.fill-green100:hover,
.btn.fill-green100:focus {
	border-color: #4f6400;
	background-color: #6d8a00;
}

.btn.fill-green100:focus {
	outline: 0;
}

.btn.fill-red100 {
	border-color: #b22028;
}

.btn.fill-red100:hover,
.btn.fill-red100:focus {
	border-color: #88181f;
	background-color: #bd222b;
}

.btn.fill-red100:focus {
	outline: 0;
}

/**
 * Size modifiers
 */

.btn--large {
	width: 100%;
	max-width: 300px;
	height: auto;
	line-height: 1.5;
	margin: 0 10px 10px 0;
	white-space: normal;
	padding: 25px;
}

.btn--small {
	height: 42px;
	line-height: 42px;
	padding: 0 14px;
}

/**
 * States
 */

.btn.is-disabled,
.btn:disabled {
	border-color: #dfdfdc !important;
	background-color: #ebebe8 !important;
	color: #7b7a68 !important;
	opacity: 1;
	cursor: default;
	pointer-events: none;
}

.btn.is-disabled:active,
.btn.is-disabled:focus,
.btn:disabled:active,
.btn:disabled:focus {
	top: 0;
	outline: 0;
}

.btn.is-disabled:active:after,
.btn:disabled:active:after {
	display: none;
}

.btn.is-active,
input:checked + .btn:not(.btn-collapse) {
	box-shadow: inset 2px 0 1px -1px rgba(0, 0, 0, 0.15), inset -2px 0 1px -1px rgba(0, 0, 0, 0.15);
}

.btn.fill-blue125.is-active,
input:checked + .btn:not(.btn-collapse) {
	background-color: #005380;
	fill: #005380;
	color: white;
	border-color: #004266;
}

.btn.fill-navy15.is-active,
input:checked + .btn.fill-navy15:not(.btn-collapse) {
	background-color: #00789c;
	fill: #00789c;
	color: white;
	border-color: #00607c;
}

/* Button group
   ========================================================================== */

.btnGroup {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
}

.btnGroup-item {
	display: inline-block;
	margin-left: -1px;
	vertical-align: top;
	font-size: 14px;
}

.btnGroup-item:first-child {
	margin-left: 0;
}

.btnGroup-item > .btn {
	margin: 0;
}

.btnGroup-item > .btn:hover,
.btnGroup-item > .btn:focus,
.btnGroup-item > .btn:active {
	z-index: 1;
}

.btnGroup-item > .btn:active {
	top: 0;
}

.btnGroup-item + .btnGroup-item > .btn.is-disabled,
.btnGroup-item + .btnGroup-item > .btn:disabled {
	margin-left: 1px;
	border-left-width: 0;
}

.btnGroup-item > .btn.is-active,
.btnGroup-item > input:checked + .btn:not(.btn-collapse) {
	z-index: auto;
}

/**
 * Vertically stacked buttons
 */

.btnGroup--vertical > .btnGroup-item {
	display: block;
	margin-left: 0;
	margin-top: -1px;
}

.btnGroup--vertical > .btnGroup-item > .btn {
	display: block;
	width: 100%;
}

.btnGroup--vertical > .btnGroup-item + .btnGroup-item > .btn.is-disabled,
.btnGroup--vertical > .btnGroup-item + .btnGroup-item > .btn:disabled {
	margin-left: 0;
	margin-top: 1px;
	border-top-width: 0;
	border-left-width: 1px;
}

/**
 * Remove border-radius on adjacent sides of buttons
 */

.btnGroup:not(.btnGroup--vertical) > .btnGroup-item:not(:first-child):not(:last-child) > .btn,
.btnGroup--vertical > .btnGroup-item:not(:first-child):not(:last-child) > .btn {
	border-radius: 0;
}

.btnGroup:not(.btnGroup--vertical) > .btnGroup-item:first-child:not(:only-child) > .btn {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.btnGroup:not(.btnGroup--vertical) > .btnGroup-item:last-child:not(:only-child) > .btn {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.btnGroup--vertical > .btnGroup-item:first-child:not(:only-child) > .btn {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.btnGroup--vertical > .btnGroup-item:last-child:not(:only-child) > .btn {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Collapse button
   ========================================================================== */

input + label.btn-collapse:before {
	float: right;
	width: auto;
}

input[type="checkbox"] + label.btn-collapse.check-visible:before {
	float: none;
	width: 20px;
}

input[type="radio"] + label.btn-collapse.check-visible:before {
	float: none;
	width: 20px;
}

/* ==========================================================================
   Icons
   ========================================================================== */

/* Font icon
   ========================================================================== */

/**
 * 1. Workaround because of a strange vertical offset upwards in the font
 */

input:not([type="hidden"]) + label:before,
.pf,
.collapsiblePanel-chevron,
.fileInput-label:before,
.fileInput-info:before,
.numberStepper-arrow--up:before,
.numberStepper-arrow--down:before,
.selectField:before {
	display: inline-block;
	font-family: 'powel-icons' !important;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
	vertical-align: middle; /* [1] */
}

.pf-absence:before {
	content: "\E001";
}

.pf-add-absence:before {
	content: "\E002";
}

.pf-add-equipment:before {
	content: "\E003";
}

.pf-add-resource:before {
	content: "\E004";
}

.pf-add:before {
	content: "\E005";
}

.pf-allocate:before {
	content: "\E006";
}

.pf-background-map:before {
	content: "\E007";
}

.pf-calendar:before {
	content: "\E008";
}

.pf-camera:before {
	content: "\E009";
}

.pf-cat:before {
	content: "\E00A";
}

.pf-cft:before {
	content: "\E00B";
}

.pf-change-resource:before {
	content: "\E00C";
}

.pf-check-off:before,
input[type="checkbox"] + label:before,
input[type="checkbox"] + label.btn-collapse.check-visible:before {
	content: "\E00D";
}

.pf-check-on:before,
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:checked + label.btn-collapse.check-visible:before {
	content: "\E00E";
}

.pf-check:before {
	content: "\E00F";
}

.pf-circle-o:before {
	content: "\E010";
}

.pf-circle:before {
	content: "\E011";
}

.pf-close:before {
	content: "\E012";
}

.pf-comment:before {
	content: "\E013";
}

.pf-coordinate:before {
	content: "\E014";
}

.pf-copy:before {
	content: "\E015";
}

.pf-database:before {
	content: "\E016";
}

.pf-delayed-start:before {
	content: "\E017";
}

.pf-delete-equipment:before {
	content: "\E018";
}

.pf-delete-resource:before {
	content: "\E019";
}

.pf-delete:before {
	content: "\E01A";
}

.pf-description:before {
	content: "\E01B";
}

.pf-distance:before {
	content: "\E01C";
}

.pf-dot:before {
	content: "\E01D";
}

.pf-edit-equipment:before {
	content: "\E01E";
}

.pf-edit-geometry:before {
	content: "\E01F";
}

.pf-edit-object:before {
	content: "\E020";
}

.pf-edit-resource:before {
	content: "\E021";
}

.pf-edit-square:before {
	content: "\E022";
}

.pf-edit:before {
	content: "\E023";
}

.pf-equipment:before {
	content: "\E024";
}

.pf-error:before {
	content: "\E025";
}

.pf-favourites-map:before {
	content: "\E026";
}

.pf-file-o:before,
.fileInput-label:before {
	content: "\E027";
}

.pf-file:before,
.fileInput-info:before {
	content: "\E028";
}

.pf-filter:before {
	content: "\E029";
}

.pf-group:before {
	content: "\E02A";
}

.pf-help:before {
	content: "\E02B";
}

.pf-home-map:before {
	color: rgb(138,149,159);
	content: "\E02C";
}

.pf-home:before {
	content: "\E02D";
}

.pf-info:before {
	content: "\E02E";
}

.pf-layer-map-2:before {
	content: "\E02F";
}

.pf-layer-map:before {
	content: "\E030";
}

.pf-legend:before {
	content: "\E031";
}

.pf-list:before {
	content: "\E032";
}

.pf-loading:before {
	content: "\E033";
}

.pf-location:before {
	color: rgb(138,149,159);
	content: "\E034";
}

.pf-mail:before {
	content: "\E035";
}

.pf-measure:before {
	content: "\E036";
}

.pf-menu:before {
	content: "\E037";
}

.pf-mobile:before {
	content: "\E038";
}

.pf-new-object:before {
	content: "\E039";
}

.pf-next-assignment:before {
	content: "\E03A";
}

.pf-objects:before {
	content: "\E03B";
}

.pf-phone:before {
	content: "\E03C";
}

.pf-pin-map:before {
	content: "\E03D";
}

.pf-pin:before {
	content: "\E03E";
}

.pf-previous-assignment:before {
	content: "\E03F";
}

.pf-print:before {
	content: "\E040";
}

.pf-radio-off:before,
input[type="radio"] + label:before,
input[type="radio"] + label.btn-collapse.check-visible:before {
	content: "\E041";
}

.pf-radio-on:before,
input[type="radio"]:checked + label:before {
	content: "\E042";
}

.pf-reallocate:before {
	content: "\E043";
}

.pf-redo:before {
	content: "\E044";
}

.pf-reload:before {
	content: "\E045";
}

.pf-roles:before {
	content: "\E046";
}

.pf-save-1:before {
	content: "\E047";
}

.pf-search:before {
	content: "\E048";
}

.pf-send:before {
	content: "\E049";
}

.pf-settings:before {
	content: "\E04A";
}

.pf-sign-out:before {
	content: "\E04B";
}

.pf-skills:before {
	content: "\E04C";
}

.pf-sort-alpha-asc:before {
	content: "\E04D";
}

.pf-sort-alpha-desc:before {
	content: "\E04E";
}

.pf-sort-asc:before {
	content: "\E04F";
}

.pf-sort-desc:before {
	content: "\E050";
}

.pf-star:before {
	content: "\E051";
}

.pf-theme-map:before {
	content: "\E052";
}

.pf-time:before {
	content: "\E053";
}

.pf-timeseries:before {
	content: "\E054";
}

.pf-undo:before {
	content: "\E055";
}

.pf-user:before {
	content: "\E056";
}

.pf-video-camera:before {
	content: "\E057";
}

.pf-warning:before {
	content: "\E058";
}

.pf-zoom-in:before {
	color: rgb(138,149,159);
	content: "\E059";
}

.pf-zoom-out:before {
	color: rgb(138,149,159);
	content: "\E05A";
}

.pf-angle-double-down:before {
	content: "\E05B";
}

.pf-angle-double-left:before {
	content: "\E05C";
}

.pf-angle-double-right:before {
	content: "\E05D";
}

.pf-angle-double-up:before {
	content: "\E05E";
}

.pf-angle-down:before {
	content: "\E05F";
}

.pf-angle-large:before {
	content: "\E060";
}

.pf-angle-right:before {
	content: "\E061";
}

.pf-angle-up:before {
	content: "\E062";
}

.pf-arrow-down:before {
	content: "\E063";
}

.pf-arrow-left:before {
	content: "\E064";
}

.pf-arrow-right:before {
	content: "\E065";
}

.pf-arrow-up:before {
	content: "\E066";
}

.pf-chevron-double-down:before {
	content: "\E067";
}

.pf-chevron-double-left:before {
	content: "\E068";
}

.pf-chevron-double-right:before {
	content: "\E069";
}

.pf-chevron-double-up:before {
	content: "\E06A";
}

.pf-chevron-down:before,
input + label.btn-collapse:before,
.collapsiblePanel-chevron:before,
.numberStepper-arrow--down:before,
.selectField:before {
	content: "\E06B";
}

.pf-chevron-left:before {
	content: "\E06C";
}

.pf-chevron-right:before {
	content: "\E06D";
}

.pf-chevron-up:before,
input:checked + label.btn-collapse:before,
.numberStepper-arrow--up:before {
	content: "\E06E";
}

/**
 * Size modifiers
 */

.pf--small {
	font-size: 1rem !important;
}

.pf--medium {
	font-size: 1.5rem !important;
}

.pf--large {
	font-size: 2rem !important;
}

.pf--xLarge {
	font-size: 3rem !important;
}

.pf-2x {
	font-size: 2em;
}

.pf-3x {
	font-size: 3em;
}

/**
 * Rotate icon
 */

.pf-spin,
.fa-spin {
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

.fa-lg {
	font-size: 1.33333em;
	line-height: 0.75em;
	vertical-align: -20%;
}

/* Deprecated icon styles present only for backwards compatiblity
   ========================================================================== */

.fa-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

.fa-stack-1x {
	line-height: inherit;
}

.fa-stack-2x {
	font-size: 2em;
}

.fa-stack > .pf {
	padding-top: 0.06em;
}

.fa-inverse {
	color: #fff;
}

/**
 * FontAwesome extension for circle-outline
 */

.fa-o {
	box-sizing: content-box;
	display: inline-block;
	height: initial;
	width: 1.3em;
	line-height: 1.3em;
	padding: 1px;
	padding-top: calc(1px + .06em);
	text-align: center;
	font-style: normal;
	border: 2px solid;
	border-radius: 100px;
	vertical-align: baseline;
}

/**
 * Make sure empty .fa-o element has height corresponding to line-height
 */

.fa-o:after {
	content: "";
	display: inline-block;
}

.pf.fa-o,
.fa.fa-o {
	font-size: 1em;
}

.fa-o.fa-2x {
	display: block;
	font-size: 2em;
	margin: auto;
	padding: 4px;
	padding-top: calc(4px + .06em);
}

/**
 * FIX: avoid conditional styling based on location
 */

.fill-navy100 a:active .fa-o,
.fill-navy100 button:active .fa-o,
.fill-navy100 a:active .fa-o.fa-2x,
.fill-navy100 button:active .fa-o.fa-2x {
	background: #fff;
	color: #005380;
}

a:hover .fa-o.fa-2x,
label:hover .fa-o.fa-2x,
button:hover .fa-o.fa-2x {
	box-shadow: inset 0 0 1em;
}

a:active .fa-o.fa-2x,
button:active .fa-o.fa-2x,
input:checked + label .fa-o.fa-2x,
.fa-o.fa-2x.is-active {
	background: #005380;
	color: #fff;
	border-color: transparent;
	box-shadow: none !important;
}

/* SVG Icon
   ========================================================================== */

/**
 * 1. SVG should inherit the color of the text
 * 2. In case of using SVG as background images with the background-image
 *    property
 * 3. Workaround for scaling bug in Android browser
 * 4. Avoid pointer events in the SVG when listening to events 
 */

.svgIcon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	fill: currentColor; /* [1] */
	background-size: 100%; /* [2] */
	background-position: 50%; /* [2] */
	width: 1em;
	height: 1em;
}

.svgIcon > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 100%; /* [3] */
	pointer-events: none; /* [4] */
	background-color: transparent;
}

/**
 * Size modifiers
 */

.svgIcon--small {
	width: 1rem !important;
	height: 1rem !important;
	font-size: 1rem !important;
}

.svgIcon--medium {
	width: 1.5rem !important;
	height: 1.5rem !important;
	font-size: 1.5rem !important;
}

.svgIcon--large {
	width: 2rem !important;
	height: 2rem !important;
	font-size: 2rem !important;
}

.svgIcon--xLarge {
	width: 3rem !important;
	height: 3rem !important;
	font-size: 3rem !important;
}

/* Icon circle
   ========================================================================== */

.iconCircle {
	display: inline-block;
	vertical-align: middle;
	height: 0;
	width: 0;
	position: relative;
	border-radius: 100%;
	font-size: 0;
	padding: 1rem;
}

.iconCircle--outline:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 0.14286rem solid;
	border-radius: 100%;
}

.iconCircle--medium {
	padding: 1.5rem;
}

.iconCircle--large {
	padding: 2rem;
}

.iconCircle > .pf {
	position: absolute;
	line-height: 0;
	top: 50%;
	width: 100%;
	left: 0;
	text-align: center;
	font-size: 1rem;
}

.iconCircle--medium > .pf {
	font-size: 1.5rem;
}

.iconCircle--large > .pf {
	font-size: 2rem;
}

.iconCircle > .svgIcon {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1rem;
	height: 1rem;
}

.iconCircle--medium > .svgIcon {
	width: 1.5rem;
	height: 1.5rem;
}

.iconCircle--large > .svgIcon {
	width: 2rem;
	height: 2rem;
}

.iconCircle--is-active,
.with-iconCircle:active .iconCircle,
input:checked + label.with-iconCircle .iconCircle {
	background: #005380;
	color: #fff;
	box-shadow: none !important;
}

.iconCircle--is-active:after,
.with-iconCircle:active .iconCircle:after,
input:checked + label.with-iconCircle .iconCircle:after {
	border-color: transparent;
}

.with-iconCircle:hover .iconCircle {
	box-shadow: inset 0 0 1rem;
}

.has-touch .with-iconCircle:hover .iconCircle {
	box-shadow: none;
}

/* Form icon
   ========================================================================== */

.formIcon {
	display: inline-block;
	position: relative;
	max-width: 100%;
}

.formIcon > .pf,
.formIcon > .svgIcon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.5em;
	margin: auto;
	width: 1em !important;
	height: 1em !important;
	text-align: center;
	cursor: text;
}

.formIcon > input {
	padding-left: 2em;
}

/* ==========================================================================
   Nav
   ========================================================================== */

.nav > li,
.nav > li > a {
	display: inline-block;
}

.nav > li > a {
	text-decoration: none;
}

/**
 * `.nav--stacked` extends `.nav` and throws the list into vertical mode
 *
 * <ul class="nav nav--stacked">
 *     <li><a href=#>Home</a></li>
 *     <li><a href=#>About</a></li>
 * </ul>
 */

.nav--stacked > li {
	display: list-item;
}

.nav--stacked > li > a {
	display: block;
}

/**
 * Extends .nav and gives nav links a big, blocky clickable area (http://bit.ly/18IL1N2)
 *
 * <ul class="nav nav--block">
 *     <li><a href=#>Home</a></li>
 *     <li><a href=#>About</a></li>
 * </ul>
 */

.nav--block {
	font-size: 0;
	white-space: nowrap;
}

.nav--block > li {
	font-size: 14px;
}

.nav--block > li > a {
	position: relative;
	padding: 0.5rem 1rem;
	transition: 0.2s;
}

.nav--block > li > a > i {
	padding-right: 0.2em;
}

.nav--block > li > a:hover:after,
.nav--block > .is-active > a:after,
.nav--block > .dropdown--is-open > a:after {
	content: '';
	color: inherit;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid;
	opacity: 0.15;
	box-shadow: inset 0 0 0 300px;
}

/**
 * Extends .nav and adds collapsing/expanding behavior across various device sizes
 *
 * <ul class="nav nav--block nav--collapse">
 *     <li><a href=#>Home</a></li>
 *     <li><a href=#>About</a></li>
 * </ul>
 */

.nav--collapse > li > a {
	line-height: 50px;
	padding-top: 0;
	padding-bottom: 0;
}

/**
 * Make the icons in the navigation list items vertically aligned regardless of the font-size
 */

.nav-icon {
	width: 1em;
	line-height: 1;
	text-align: center;
	margin-right: 0.2em;
	padding-right: 0 !important;
}

.nav-icon:before {
	position: absolute;
	top: 0;
	left: 1rem;
	bottom: 0;
	margin: auto;
	height: 1em;
}

/* ==========================================================================
   Wrap (Centers and pads content)
   ========================================================================== */

.wrap {
	max-width: 600px;
	padding: 28px;
	margin: 0 auto;
}

.wrap-large {
	padding: 98px 5%;
}

/* ==========================================================================
   Overlay
   ========================================================================== */

.overlay {
	position: absolute;
	z-index: 600;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(134, 154, 172, 0.5);
}

.overlay--fixed {
	position: fixed;
}

.overlay--is-hidden {
	transition: opacity 0.35s, visibility 0 0.35s;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.overlay--is-shown {
	transition: opacity 0.35s;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

/* ==========================================================================
   Modal
   ========================================================================== */

.modal,
.modal-content {
	transition: all 0.35s ease;
}

.modal {
	position: fixed;
	z-index: 900;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(134, 154, 172, 0.5);
	overflow: auto;
	opacity: 1;
}

.modal--is-hidden {
	opacity: 0;
}

.modal-inner {
	display: table;
	width: 100%;
	height: 100%;
}

.modal-container {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}

.modal-content {
	display: inline-block;
	margin: 30px auto;
	background-color: #fff;
	max-width: 700px;
	min-width: 200px;
	box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.1);
	text-align: left;
	padding: 45px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.modal--is-hidden .modal-content {
	-webkit-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
}

/* ==========================================================================
   Triangle
   ========================================================================== */

.triangle {
	position: absolute;
	right: 100%;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 100px solid transparent;
	border-top: 100px solid #ebebe8;
}

/* ==========================================================================
   Progress bar
   ========================================================================== */

.progressBar {
	margin: 1em 0;
	position: relative;
	max-height: 7px;
	transition: 1s;
	transition-property: max-height, margin;
}

.progressBar--rounded,
.progressBar--rounded > .progressBar-indicator {
	border-radius: 4px;
}

.progressBar--large {
	max-height: 14px;
}

.progressBar--large > .progressBar-indicator {
	height: 14px;
}

.progressBar--error > .progressBar-indicator {
	background-color: #d22630 !important;
}

.progressBar--warning {
	box-shadow: 0 0 0 2px #ff9e1b;
}

.progressBar--is-hidden {
	box-shadow: none;
	overflow: hidden;
	max-height: 0;
	margin: 0;
}

.progressBar--is-running > .progressBar-indicator {
	transition: width 0.35s ease-in-out, background-color 0.35s;
}

.progressBar--is-running > .progressBar-caption {
	transition: left 0.35s ease-in-out;
}

.progressBar-indicator {
	height: 7px;
	width: 0%;
	position: relative;
}

.progressBar-caption {
	position: absolute;
	top: 100%;
}

/* ==========================================================================
   Fixed
   ========================================================================== */

/**
 * `.fixed` is used for things like sticky headers and fixed panels with scrollable content
 *
 * 1. Make sure fixed elements are promoted into a new layer
 *    for performance (http://benfrain.com/improving-css-performance-fixed-position-elements/)
 */

.fixed {
	position: fixed;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	top: 50px;
	z-index: 500;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.fixed.h100 {
	min-height: initial !important;
	bottom: 0;
}

.fixed.fl {
	left: 0;
	float: none;
}

.fixed.fr {
	right: 0;
	float: none;
}

.fixed.bottom {
	bottom: 0;
}

img.fixed {
	box-shadow: none;
}

/**
 * Intuitive fixing class
 */

header.fixed,
header .fixed {
	top: 0;
	z-index: 800;
}

/* ==========================================================================
   Steps
   ========================================================================== */

.steps-content {
	position: absolute;
	top: 50px;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	overflow-x: hidden;
}

/* Steps navigation
   ========================================================================== */

.steps-nav {
	display: block;
	overflow-y: hidden;
	max-height: 70px;
	white-space: nowrap;
	text-align: center;
	counter-reset: steps;
}

.has-touch .steps-nav {
	top: auto;
	bottom: 0;
}

/* Steps button
   ========================================================================== */

/**
 * 1. Anything inside <button> tag is centered vertically in all browsers,
 *    so we can drop setting explicit line-height value, which causes alignment
 *    issues in IE
 */

.steps-button {
	position: fixed;
	z-index: 600;
	line-height: inherit; /* [1] */
	top: 60px !important;
	left: 10px;
}

.steps-button.fR {
	left: auto;
	right: 10px;
}

.has-touch .steps-button {
	top: auto !important;
	bottom: 8px;
}

.steps-button-label {
	position: relative;
	font-size: 16px;
	vertical-align: middle;
}

/* Steps label
   ========================================================================== */

.steps-label {
	color: #524e3d;
	padding: 0 9px;
	line-height: 70px;
	cursor: default;
	overflow: hidden;
	white-space: nowrap;
	max-width: 20%;
	text-overflow: ellipsis;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2070%22%20width%3D%2220%22%20height%3D%2270%22%3E%3Cpath%20d%3D%22M2%200%20L20%2035%20L2%2070%20L0%2070%20L18%2035%20L0%200%20L2%200%20z%22%20opacity%3D%22.2%22%2F%3E%3C%2Fsvg%3E') 0 no-repeat;
	background-size: 10px;
}

.steps-label:not(.steps-parent):first-child {
	background-image: none;
}

.steps-label:before {
	display: inline-block;
	content: counter(steps) !important;
	counter-increment: steps;
	width: 25px;
	line-height: 25px;
	margin: 0 5px;
	border-radius: 20px;
	text-align: center;
}

.steps-label.is-disabled {
	color: rgba(82, 78, 61, 0.5);
}

.steps-label.is-collapsed {
	width: 0;
	padding: 0 0 0 10px;
	overflow-wrap: normal;
	overflow: hidden;
}

.steps-label--is-active {
	color: #00789c;
}

.steps-label--is-active:before {
	background: #00789c;
	color: #fff;
}

/* Steps parents
   ========================================================================== */

.steps-parent {
	font-weight: 700;
	background-position: 100%;
	background-size: auto 70px;
	padding: 0 27px 0 18px;
}

.steps-parent:before {
	counter-increment: none;
	display: none;
}

.steps-parent.is-collapsed {
	padding: 0 0 0 27px;
}

.steps-parent--is-active + .steps-label {
	background-image: none;
}

/* Steps panel
   ========================================================================== */

/**
 * 1. Move according to siblings
 */

.steps-panel {
	position: fixed;
	width: 100%;
	text-align: left;
	min-height: 100%;
	border-top: 70px solid #fff;
	display: block;
	opacity: 0;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	left: -50px;
}

.has-touch .steps-panel {
	left: 0;
}

.steps-panel.is-active {
	transition-property: position, left, opacity, visibility;
	transition-duration: 0.5s;
	position: absolute;
	left: 0;
	z-index: 200;
	opacity: 1;
	visibility: visible;
}

.has-touch .steps-panel.is-active {
	transition-property: opacity;
}

.steps-panel.is-active ~ .steps-panel {
	left: 50px; /* [1] */
}

.has-touch .steps-panel.is-active ~ .steps-panel {
	left: 0;
}

.steps-panel .fixed {
	top: 120px;
}

.steps-panel .fixed.h100 {
	bottom: 0;
	min-height: 0;
}

.has-touch .steps-panel {
	border-top: 0;
	border-bottom: 70px solid #fff;
}

.has-touch .steps-panel .fixed {
	top: 50px;
}

.has-touch .steps-panel .fixed.h100 {
	bottom: 70px;
}

/**
 * Enhanced position utils to encounter steps navgation bar.
 * The navigation bar is normally positioned below header, but on touch device, it is positioned at bottom.
 */

/**
 * Account for a fixed header with steps bar in addition
 */

.tH--step {
	top: 120px !important;
}

.has-touch .tH--step {
	top: 50px !important;
}

/**
 * Bottom and account for a fixed steps bar in addition that is located at bottom when touch device
 */

.b0--step {
	bottom: 0 !important;
}

.has-touch .b0--step {
	bottom: 70px !important;
}

/* ==========================================================================
   Error
   ========================================================================== */

.error {
	overflow: auto;
	overflow-wrap: break-word;
	color: #d22630;
}

/* ==========================================================================
   Collapsible panel
   ========================================================================== */

.collapsiblePanel-collapse {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	pointer-events: none;
	transition-property: max-height, opacity;
	transition-duration: 0.25s, 0.15s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1), ease-in-out;
}

.collapsiblePanel-chevron {
	transition: all 0.2s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
}

.collapsiblePanel--is-expanded > .collapsiblePanel-collapse {
	max-height: 999px;
	opacity: 1;
	pointer-events: auto;
	transition-timing-function: ease-in-out;
}

.collapsiblePanel--is-expanded .collapsiblePanel-chevron {
	top: -2px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* ==========================================================================
   Dropdown
   ========================================================================== */

.dropdown {
	position: relative;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	opacity: 0;
	min-width: 14rem;
	z-index: 500;
	visibility: hidden;
	-webkit-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	transition: visibility 0 0.15s, opacity 0.15s, -webkit-transform 0.15s cubic-bezier(0.3, 0, 0, 1.3);
	transition: visibility 0 0.15s, opacity 0.15s, transform 0.15s cubic-bezier(0.3, 0, 0, 1.3);
}

.dropdown--is-open > .dropdown-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	transition: opacity 0.15s, -webkit-transform 0.15s cubic-bezier(0.3, 0, 0, 1.3);
	transition: opacity 0.15s, transform 0.15s cubic-bezier(0.3, 0, 0, 1.3);
}

.dropdown--right > .dropdown-menu {
	left: auto;
	right: 0;
}

.dropdown--left > .dropdown-menu {
	left: 0;
	right: auto;
}

.dropdown--autoWidth > .dropdown-menu {
	min-width: 0;
}

/* ==========================================================================
   Range bar
   ========================================================================== */

.rangeBar {
	position: relative;
	height: 14px;
	height: 1rem;
	background: #ebebe8;
	margin-bottom: 1.5rem;
}

.rangeBar--vertical {
	width: 14px;
	width: 1rem;
	height: 100%;
	margin-bottom: 0;
}

.rangeBar--small {
	height: 7px;
	height: 0.5rem;
	margin-bottom: 0;
}

.rangeBar--small.rangeBar--vertical {
	width: 7px;
	width: 0.5rem;
	height: 100%;
}

.rangeBar-range {
	position: absolute;
	width: 0;
	height: 100%;
}

.rangeBar--vertical .rangeBar-range {
	width: 100%;
	height: 0;
}

.rangeBar-range--readonly {
	cursor: default !important;
}

.rangeBar-handle {
	position: absolute;
	z-index: 200;
	top: -0.28571em;
	bottom: 0;
	width: 4px;
	background: #005380;
	cursor: ew-resize;
	box-sizing: content-box;
}

.rangeBar--vertical .rangeBar-handle {
	height: 4px;
	width: 100%;
	top: auto;
	right: 0;
	bottom: auto;
	left: 0;
	cursor: ns-resize;
}

.rangeBar-handle:after {
	content: "";
	position: absolute;
	top: -0.57143em;
	left: 50%;
	margin-left: -0.42857em;
	width: 0.57143em;
	height: 0.57143em;
	border-radius: 50%;
	background-color: #fff;
	border: 0.14286em solid #005380;
}

.rangeBar--vertical .rangeBar-handle:after {
	top: -0.28571em;
}

.rangeBar-handle:first-child {
	left: 0;
}

.rangeBar--vertical .rangeBar-handle:first-child {
	top: 0;
}

.rangeBar-handle:last-child {
	right: 0;
}

.rangeBar--vertical .rangeBar-handle:last-child {
	bottom: 0;
}

.rangeBar-bgMark {
	position: absolute;
	z-index: 100;
	pointer-events: none;
	width: 2px;
	height: 100%;
	background-color: #fff;
	margin-left: -1px;
}

.rangeBar--vertical .rangeBar-bgMark {
	width: 100%;
	height: 2px;
	margin-left: 0;
	margin-top: -1px;
}

.rangeBar-label {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 0.25em;
}

/*body*/

.with-rangeBar--is-resizing {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.with-rangeBar--is-resizing .rangeBar,
.with-rangeBar--is-resizing .rangeBar-handle {
	cursor: ew-resize !important;
}

/*body*/

.with-rangeBar--is-resizingVertical .rangeBar,
.with-rangeBar--is-resizingVertical .rangeBar-handle {
	cursor: ns-resize !important;
}

/* ==========================================================================
   Side panel
   ========================================================================== */

.sideDrawer {
	position: relative;
}

/**
     * 1. Improve performance on newer versions of Chrome
     */

.sideDrawer-panel {
	position: fixed;
	top: 50px;
	bottom: 0;
	width: 25%;
	z-index: 700;
	max-width: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; /* [1] */
	transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
	max-width: 600px;
}

.sideDrawer-content {
	width: 100%;
}

.sideDrawer--left > .sideDrawer-panel {
	left: 0;
}

.sideDrawer--right > .sideDrawer-panel {
	left: auto;
	right: 0;
}

.sideDrawer--bottom > .sideDrawer-panel {
	left: 0;
	width: 100%;
	top: auto;
	max-width: none;
}

.sideDrawer--absolute > .sideDrawer-panel {
	position: absolute;
	top: 0;
}

.sideDrawer--left[data-autohide="false"] > .sideDrawer-panel {
	-webkit-transform: translate3d(-110%, 0, 0);
	transform: translate3d(-110%, 0, 0);
	visibility: hidden;
}

.sideDrawer--right[data-autohide="false"] > .sideDrawer-panel {
	-webkit-transform: translate3d(110%, 0, 0);
	transform: translate3d(110%, 0, 0);
	visibility: hidden;
}

.sideDrawer--bottom > .sideDrawer-panel {
	-webkit-transform: translate3d(0, 110%, 0);
	transform: translate3d(0, 110%, 0);
	visibility: hidden;
}

.sideDrawer--is-open > .sideDrawer-panel {
	-webkit-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
	visibility: visible !important;
}

/* ==========================================================================
   Spinner
   ========================================================================== */

.spinner {
	position: relative;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
}

/**
     * 1. Prevent first frame from flickering when animation starts
     */

.spinner-bounce {
	display: inline-block;
	width: 2em;
	height: 2em;
	border-radius: 100%;
	-webkit-animation: bouncedelay 1.4s infinite;
	animation: bouncedelay 1.4s infinite;
	-webkit-animation-timing-function: cubic-bezier(0.03, 0.615, 0.995, 0.415);
	animation-timing-function: cubic-bezier(0.03, 0.615, 0.995, 0.415);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both; /* [1] */
}

.spinner-bounce--first {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner-bounce--second {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

/* ==========================================================================
   File input
   ========================================================================== */

.fileInput {
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-color: #f2f6f8;
	vertical-align: top;
}

.fileInput:hover,
.fileInput--is-focused {
	background-color: #e5edf2;
}

.fileInput-label,
.fileInput-info {
	float: left;
	cursor: pointer;
	padding: 0.5em;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}

.fileInput-label:before,
.fileInput-info:before {
	padding-right: 0.5em;
	position: relative;
	top: -1px;
}

.fileInput-info:before {
	color: #005380;
}

.fileInput-label--is-hidden {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
}

.fileInput-button {
	position: absolute;
	top: -50px;
	left: 0;
	opacity: 0;
}

.fileInput-info--is-hidden {
	display: none;
}

.fileInput--is-disabled > .fileInput-label,
.fileInput--is-disabled > .fileInput-info {
	cursor: not-allowed;
	color: #7b7a68;
	background-color: #f8f8f7;
}

.fileInput--is-disabled > .fileInput-label:before,
.fileInput--is-disabled > .fileInput-info:before {
	color: inherit;
}

.fileInput--is-invalid > .fileInput-label,
.fileInput--is-invalid > .fileInput-info {
	box-shadow: inset 0 0 0 1px #d22630;
}

/* ==========================================================================
   Number stepper
   ========================================================================== */

.numberStepper {
	position: relative;
	display: inline-block;
}

.numberStepper:hover > .numberStepper-input {
	background-color: #e5edf2;
}

.numberStepper-input {
	width: 100% !important;
	padding-right: 2px;
}

.numberStepper-arrows {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 2px;
	width: 1.5rem;
	overflow: hidden;
}

.numberStepper-arrow {
	cursor: pointer;
	height: 50%;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
}

.numberStepper-arrow:before {
	color: #005380;
	position: relative;
	top: -0.28571em;
}

.numberStepper--is-disabled .numberStepper-arrow {
	cursor: not-allowed;
}

.numberStepper--is-disabled .numberStepper-arrow:before {
	color: #7b7a68;
}

/* ==========================================================================
   Select field
   ========================================================================== */

.selectField {
	vertical-align: top;
}

.selectField,
.selectField-control {
	display: inline-block;
	position: relative;
}

/**
 * 1. Make the select behind the arrow clickable in some browsers
 */

.selectField:before {
	position: absolute;
	right: 0.25em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 100;
	color: #005380;
	font-size: 1.33333em;
	pointer-events: none; /* [1] */
	background: url(#); /* [1] */
}

.selectField--is-disabled:before {
	color: #7b7a68;
}

/**
 * OPERA - Pre-Blink nix the custom arrow, go with a native select button
 */

x:-o-prefocus,
.selectField:before {
	display: none;
}

.selectField-control {
	width: 100%;
}

.selectField-control select {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	padding-right: 2em;
	font-size: 14px;
}

/**
     * Hide native dropdown button arrow in IE 10/11+ so it will have the custom appearance
     * IE 9 and earlier get a native select
     */

/**
     * IE 9 - nix the custom arrow, go with a native select button
     */

/**
    * This selector targets Firefox only with the trick of making the select 110% but
    * clipped by the container at 100% to hide the arrow
    * Fix for https://bugzilla.mozilla.org/show_bug.cgi?id=649849
    */

.selectField-control,
x:-moz-any-link,
x:default {
	overflow: hidden;
}

.selectField-control select,
x:-moz-any-link,
x:default {
	width: calc(100% + 2em);
	max-width: calc(100% + 2em);
	min-width: calc(100% + 2em);
	padding-right: 0;
	-moz-appearance: window;
	text-indent: 0.01px;
	text-overflow: '';
}

/* ==========================================================================
   Field hint
   ========================================================================== */

/**
 * Use `.fieldHint` to better explain an input field 
 */

.fieldHint {
	font-size: 12px;
	color: #524e3d;
}

/* ==========================================================================
   Heading decorated
   ========================================================================== */

/**
 * 1. Override display: table for flexbox browsers
 */

.headingDecorated {
	display: table;
	white-space: nowrap;
	width: 100%;
	text-align: center;
}

.has-flexbox .headingDecorated {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex; /* [1] */
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.headingDecorated:before,
.headingDecorated:after {
	content: '';
	display: table-cell;
	width: 50%;
	background-image: linear-gradient(to right, transparent 50%, rgba(123, 122, 104, 0.25) 50%);
	background-position: 0;
	background-size: 4px 1px;
	background-repeat: repeat-x;
	background-clip: padding-box;
}

.has-flexbox .headingDecorated:before,
.has-flexbox .headingDecorated:after {
	width: auto;
	display: block;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.headingDecorated:after {
	border-left: 1rem solid transparent;
}

.headingDecorated:before {
	border-right: 1rem solid transparent;
}

.headingDecorated--left {
	text-align: left;
}

.headingDecorated--left:after {
	width: 100%;
}

.headingDecorated--left:before {
	display: none !important;
}

.headingDecorated--right {
	text-align: right;
}

.headingDecorated--right:after {
	display: none !important;
}

.headingDecorated--right:before {
	width: 100%;
}

/* ==========================================================================
   Responsive embed
   ========================================================================== */

/**
 * `.responsiveEmbed` is used to handle responsive aspect ratios for
 * embed content
 */

.responsiveEmbed {
	display: block;
	overflow: hidden;
	position: relative;
}

/**
     * Aspect-ratio is applied to an empty element because it allows
     * the component to respect `max-height`.
     * Default aspect ratio is 1:1
     */

.responsiveEmbed-ratio {
	display: block;
	width: 100%;
	padding-top: 100%;
}

/**
     * Fit the item to the aspect ratio
     */

.responsiveEmbed-item {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}

/* ==========================================================================
   Calendar
   ========================================================================== */

.calendar {
	max-width: 22rem;
}

.calendar-table td,
.calendar-table th {
	padding: 0;
	border: 0;
	vertical-align: middle;
	width: 14.28571%;
	text-align: center;
}

.calendar-table abbr {
	border-bottom: 0;
	cursor: help;
}

.calendar-table > tbody td {
	font-size: 12px;
	border: 1px solid #fff;
}

.calendar-subheading > th {
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	font-size: 12px;
	color: #524e3d;
	padding: 0.5rem 0rem;
	border: 0;
}

.calendar-title {
	padding: 0.5rem 0rem;
	font-weight: 600;
}

.calendar-label {
	display: inline-block;
	vertical-align: text-top;
	position: relative;
	color: #005380;
	z-index: 200;
	overflow: hidden;
	background-color: #fff;
}

.calendar-label select {
	cursor: pointer;
	position: absolute;
	z-index: 100;
	height: auto;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
	opacity: 0;
}

.calendar-day {
	display: block;
	padding: 0.5rem;
	background-color: #f2f6f8;
	color: #005380;
}

.calendar-day:hover {
	background-color: #d8e5eb;
}

.calendar-day:active {
	opacity: 0.75;
}

.calendar-day--prev,
.calendar-day--next {
	background-color: transparent;
	color: #7b7a68;
}

.calendar-day--prev:hover,
.calendar-day--next:hover {
	background-color: #f2f6f8;
}

.calendar-day--is-invalid {
	background-color: #f8f8f7 !important;
	color: #9c9b8d;
	cursor: default;
	opacity: 1 !important;
}

.calendar-table .is-selected > a {
	background-color: #00789c;
	color: #fff;
}

.calendar-prev > a,
.calendar-next > a {
	display: block;
	padding: 0.5rem 0rem;
	color: #005380;
}

.calendar-prev > a:hover,
.calendar-next > a:hover {
	background-color: #f2f6f8;
}

/* ==========================================================================
   Clock
   ========================================================================== */

.clock {
	position: relative;
	white-space: nowrap;
}

.clock-col {
	display: inline-block;
	vertical-align: top;
}

.clock-col:last-child {
	margin-left: 1rem;
}

.clock-col:last-child:before {
	content: ':';
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.clock caption {
	padding-bottom: 0.5rem;
	text-align: center;
	font-weight: 600;
}

.clock-hour td,
.clock-minute td {
	font-size: 12px;
	border: 1px solid #fff;
	padding: 0;
	text-align: center;
}

.clock-hour a,
.clock-minute a {
	color: #005380;
	display: block;
	background-color: #f2f6f8;
	padding: 0.28571rem;
	text-decoration: none;
}

.clock-hour a:hover,
.clock-minute a:hover {
	background-color: #d8e5eb;
}

.clock-hour a:active,
.clock-minute a:active {
	opacity: 0.75;
}

.clock .is-selected > a {
	background-color: #00789c;
	color: #fff;
}

/* ==========================================================================
   Popover
   ========================================================================== */

.popover {
	z-index: 700;
}

.popover-content {
	padding: 7px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.1);
}

/**
 * Tip styles
 */

.tip {
	position: absolute;
	top: 0;
	left: 0;
	padding: 7px;
}

.tip-arrow {
	position: absolute;
	width: 14px;
	height: 14px;
}

.tip-arrow:before {
	content: '';
	display: block;
	margin: -7px;
	width: 14px;
	height: 14px;
	background-color: #fff;
	-webkit-transform-origin: 50% 50% 0;
	-ms-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
	border-radius: 0 0 0 3px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.tip-top .tip-arrow,
.tip-top-left .tip-arrow,
.tip-top-right .tip-arrow {
	bottom: -7px;
	left: 50%;
	clip: rect(0, auto, 14px, -14px);
}

.tip-top .tip-arrow:before,
.tip-top-left .tip-arrow:before,
.tip-top-right .tip-arrow:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.tip-bottom .tip-arrow,
.tip-bottom-left .tip-arrow,
.tip-bottom-right .tip-arrow {
	top: 7px;
	left: 50%;
	clip: rect(-14px, auto, 0, -14px);
}

.tip-bottom .tip-arrow:before,
.tip-bottom-left .tip-arrow:before,
.tip-bottom-right .tip-arrow:before {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.tip-left .tip-arrow {
	right: -7px;
	top: 50%;
	clip: rect(-14px, auto, auto, 0);
}

.tip-left .tip-arrow:before {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.tip-right .tip-arrow {
	left: 7px;
	top: 50%;
	clip: rect(-14px, 0, auto, -14px);
}

.tip-right .tip-arrow:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tip-top-left .tip-arrow,
.tip-bottom-left .tip-arrow {
	left: 85%;
}

.tip-top-right .tip-arrow,
.tip-top-right .tip-arrow {
	left: 15%;
}

/* ==========================================================================
   Sticky
   ========================================================================== */

.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

.selectField-control select::-ms-expand {
	display: none;
}

}

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {

.selectField:before {
	display: none;
}

.selectField-control select {
	padding-right: 0;
}

}

@media screen and ( min-width: 31.25em ) {

head {
	font-family: "medium";
}

.alpha--ns {
	line-height: 1.27273;
	font-size: 33px;
	font-weight: 300;
}

.beta--ns {
	line-height: 1.68;
	font-size: 25px;
	font-weight: 300;
}

.gamma--ns {
	line-height: 1.55556;
	font-size: 18px;
	font-weight: 400;
}

.delta--ns {
	line-height: 1.3125;
	font-size: 16px;
	font-weight: 400;
}

.giga--ns {
	line-height: 1.43182;
	font-size: 44px;
	font-weight: 300;
}

.w1--ns {
	width: 1rem !important;
}

.w2--ns {
	width: 2rem !important;
}

.w3--ns {
	width: 4rem !important;
}

.w4--ns {
	width: 8rem !important;
}

.w5--ns {
	width: 16rem !important;
}

.w6--ns {
	width: 32rem !important;
}

.w10--ns {
	width: 10% !important;
}

.w20--ns {
	width: 20% !important;
}

.w25--ns {
	width: 25% !important;
}

.w30--ns {
	width: 30% !important;
}

.w40--ns {
	width: 40% !important;
}

.w50--ns {
	width: 50% !important;
}

.w60--ns {
	width: 60% !important;
}

.w70--ns {
	width: 70% !important;
}

.w75--ns {
	width: 75% !important;
}

.w80--ns {
	width: 80% !important;
}

.w90--ns {
	width: 90% !important;
}

.w100--ns {
	width: 100% !important;
}

.wA--ns {
	width: auto !important;
}

.maw1--ns {
	max-width: 1rem !important;
}

.maw2--ns {
	max-width: 2rem !important;
}

.maw3--ns {
	max-width: 4rem !important;
}

.maw4--ns {
	max-width: 8rem !important;
}

.maw5--ns {
	max-width: 16rem !important;
}

.maw6--ns {
	max-width: 32rem !important;
}

.maw10--ns {
	max-width: 10% !important;
}

.maw20--ns {
	max-width: 20% !important;
}

.maw25--ns {
	max-width: 25% !important;
}

.maw30--ns {
	max-width: 30% !important;
}

.maw40--ns {
	max-width: 40% !important;
}

.maw50--ns {
	max-width: 50% !important;
}

.maw60--ns {
	max-width: 60% !important;
}

.maw70--ns {
	max-width: 70% !important;
}

.maw75--ns {
	max-width: 75% !important;
}

.maw80--ns {
	max-width: 80% !important;
}

.maw90--ns {
	max-width: 90% !important;
}

.maw100--ns {
	max-width: 100% !important;
}

.mawN--ns {
	max-width: none !important;
}

.l10--ns {
	margin-left: 10% !important;
}

.l20--ns {
	margin-left: 20% !important;
}

.l25--ns {
	margin-left: 25% !important;
}

.l30--ns {
	margin-left: 30% !important;
}

.l40--ns {
	margin-left: 40% !important;
}

.l50--ns {
	margin-left: 50% !important;
}

.l60--ns {
	margin-left: 60% !important;
}

.l70--ns {
	margin-left: 70% !important;
}

.l75--ns {
	margin-left: 75% !important;
}

.l80--ns {
	margin-left: 80% !important;
}

.l90--ns {
	margin-left: 90% !important;
}

.l100--ns {
	margin-left: 100% !important;
}

.pAn--ns {
	padding: 0 !important;
}

.pAs--ns {
	padding: 0.5rem !important;
}

.pAm--ns {
	padding: 1rem !important;
}

.pAl--ns {
	padding: 1.5rem !important;
}

.pAxl--ns {
	padding: 2rem !important;
}

.pVn--ns {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.pVs--ns {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.pVm--ns {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.pVl--ns {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.pVxl--ns {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.pHn--ns {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.pHs--ns {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.pHm--ns {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.pHl--ns {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.pHxl--ns {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.pTn--ns {
	padding-top: 0 !important;
}

.pTs--ns {
	padding-top: 0.5rem !important;
}

.pTm--ns {
	padding-top: 1rem !important;
}

.pTl--ns {
	padding-top: 1.5rem !important;
}

.pTxl--ns {
	padding-top: 2rem !important;
}

.pBn--ns {
	padding-bottom: 0 !important;
}

.pBs--ns {
	padding-bottom: 0.5rem !important;
}

.pBm--ns {
	padding-bottom: 1rem !important;
}

.pBl--ns {
	padding-bottom: 1.5rem !important;
}

.pBxl--ns {
	padding-bottom: 2rem !important;
}

.pLn--ns {
	padding-left: 0 !important;
}

.pLs--ns {
	padding-left: 0.5rem !important;
}

.pLm--ns {
	padding-left: 1rem !important;
}

.pLl--ns {
	padding-left: 1.5rem !important;
}

.pLxl--ns {
	padding-left: 2rem !important;
}

.pRn--ns {
	padding-right: 0 !important;
}

.pRs--ns {
	padding-right: 0.5rem !important;
}

.pRm--ns {
	padding-right: 1rem !important;
}

.pRl--ns {
	padding-right: 1.5rem !important;
}

.pRxl--ns {
	padding-right: 2rem !important;
}

.mAn--ns {
	margin: 0 !important;
}

.mAs--ns {
	margin: 0.5rem !important;
}

.mAm--ns {
	margin: 1rem !important;
}

.mAl--ns {
	margin: 1.5rem !important;
}

.mAxl--ns {
	margin: 2rem !important;
}

.mVn--ns {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.mVa--ns {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.mVs--ns {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.mVm--ns {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.mVl--ns {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.mVxl--ns {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}

.mHn--ns {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mHa--ns {
	margin-left: auto !important;
	margin-right: auto !important;
}

.mHs--ns {
	margin-left: 0.5rem !important;
	margin-right: 0.5rem !important;
}

.mHm--ns {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

.mHl--ns {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

.mHxl--ns {
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}

.mTn--ns {
	margin-top: 0 !important;
}

.mTs--ns {
	margin-top: 0.5rem !important;
}

.mTm--ns {
	margin-top: 1rem !important;
}

.mTl--ns {
	margin-top: 1.5rem !important;
}

.mTxl--ns {
	margin-top: 2rem !important;
}

.mBn--ns {
	margin-bottom: 0 !important;
}

.mBs--ns {
	margin-bottom: 0.5rem !important;
}

.mBm--ns {
	margin-bottom: 1rem !important;
}

.mBl--ns {
	margin-bottom: 1.5rem !important;
}

.mBxl--ns {
	margin-bottom: 2rem !important;
}

.mLn--ns {
	margin-left: 0 !important;
}

.mLs--ns {
	margin-left: 0.5rem !important;
}

.mLm--ns {
	margin-left: 1rem !important;
}

.mLl--ns {
	margin-left: 1.5rem !important;
}

.mLxl--ns {
	margin-left: 2rem !important;
}

.mRn--ns {
	margin-right: 0 !important;
}

.mRs--ns {
	margin-right: 0.5rem !important;
}

.mRm--ns {
	margin-right: 1rem !important;
}

.mRl--ns {
	margin-right: 1.5rem !important;
}

.mRxl--ns {
	margin-right: 2rem !important;
}

.posS--ns {
	position: static !important;
}

.posA--ns {
	position: absolute !important;
}

.posR--ns {
	position: relative !important;
}

.posF--ns {
	position: fixed !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.t0--ns {
	top: 0 !important;
}

.r0--ns {
	right: 0 !important;
}

.b0--ns {
	bottom: 0 !important;
}

.l0--ns {
	left: 0 !important;
}

.tC--ns {
	top: 50% !important;
	-webkit-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}

.lC--ns {
	left: 50% !important;
	-webkit-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}

.z1--ns {
	z-index: 100 !important;
}

.z2--ns {
	z-index: 200 !important;
}

.z3--ns {
	z-index: 300 !important;
}

.z4--ns {
	z-index: 400 !important;
}

.z9--ns {
	z-index: 900 !important;
}

.fL--ns {
	float: left;
}

.fR--ns {
	float: right;
}

.fN--ns {
	float: none;
}

.cc1--ns {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.cc2--ns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.cc3--ns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.cc4--ns {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.cc5--ns {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	column-count: 5;
}

.ccA--ns {
	-webkit-column-count: auto;
	-moz-column-count: auto;
	column-count: auto;
}

.dI--ns {
	display: inline !important;
}

.dB--ns {
	display: block !important;
}

.dIB--ns {
	display: inline-block !important;
	max-width: 100%;
}

.dT--ns {
	display: table !important;
}

.dTR--ns {
	display: table-row !important;
}

.dTC--ns {
	display: table-cell !important;
}

.dF--ns {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.ofV--ns {
	overflow: visible;
}

.ofH--ns {
	overflow: hidden;
}

.ofS--ns {
	overflow: scroll;
}

.ofA--ns {
	overflow: auto;
}

.ofyS--ns {
	overflow-y: scroll;
}

.txtC--ns {
	text-align: center !important;
}

.txtL--ns {
	text-align: left !important;
}

.txtR--ns {
	text-align: right !important;
}

.lh--ns {
	line-height: 1 !important;
}

.oneByOne--ns {
	padding-top: 100% !important;
}

.fourByThree--ns {
	padding-top: 75% !important;
}

.sixteenByNine--ns {
	padding-top: 56.25% !important;
}

.twoByOne--ns {
	padding-top: 50% !important;
}

.threeByOne--ns {
	padding-top: 33.333% !important;
}

.is-visibleSmall {
	display: none !important;
	visibility: hidden !important;
}

}

@media screen and ( min-width: 31.25em ) and (max-width: 48.75em) {

.w1--m {
	width: 1rem !important;
}

.w2--m {
	width: 2rem !important;
}

.w3--m {
	width: 4rem !important;
}

.w4--m {
	width: 8rem !important;
}

.w5--m {
	width: 16rem !important;
}

.w6--m {
	width: 32rem !important;
}

.w10--m {
	width: 10% !important;
}

.w20--m {
	width: 20% !important;
}

.w25--m {
	width: 25% !important;
}

.w30--m {
	width: 30% !important;
}

.w40--m {
	width: 40% !important;
}

.w50--m {
	width: 50% !important;
}

.w60--m {
	width: 60% !important;
}

.w70--m {
	width: 70% !important;
}

.w75--m {
	width: 75% !important;
}

.w80--m {
	width: 80% !important;
}

.w90--m {
	width: 90% !important;
}

.w100--m {
	width: 100% !important;
}

.wA--m {
	width: auto !important;
}

.maw1--m {
	max-width: 1rem !important;
}

.maw2--m {
	max-width: 2rem !important;
}

.maw3--m {
	max-width: 4rem !important;
}

.maw4--m {
	max-width: 8rem !important;
}

.maw5--m {
	max-width: 16rem !important;
}

.maw6--m {
	max-width: 32rem !important;
}

.maw10--m {
	max-width: 10% !important;
}

.maw20--m {
	max-width: 20% !important;
}

.maw25--m {
	max-width: 25% !important;
}

.maw30--m {
	max-width: 30% !important;
}

.maw40--m {
	max-width: 40% !important;
}

.maw50--m {
	max-width: 50% !important;
}

.maw60--m {
	max-width: 60% !important;
}

.maw70--m {
	max-width: 70% !important;
}

.maw75--m {
	max-width: 75% !important;
}

.maw80--m {
	max-width: 80% !important;
}

.maw90--m {
	max-width: 90% !important;
}

.maw100--m {
	max-width: 100% !important;
}

.mawN--m {
	max-width: none !important;
}

.l10--m {
	margin-left: 10% !important;
}

.l20--m {
	margin-left: 20% !important;
}

.l25--m {
	margin-left: 25% !important;
}

.l30--m {
	margin-left: 30% !important;
}

.l40--m {
	margin-left: 40% !important;
}

.l50--m {
	margin-left: 50% !important;
}

.l60--m {
	margin-left: 60% !important;
}

.l70--m {
	margin-left: 70% !important;
}

.l75--m {
	margin-left: 75% !important;
}

.l80--m {
	margin-left: 80% !important;
}

.l90--m {
	margin-left: 90% !important;
}

.l100--m {
	margin-left: 100% !important;
}

.pAn--m {
	padding: 0 !important;
}

.pAs--m {
	padding: 0.5rem !important;
}

.pAm--m {
	padding: 1rem !important;
}

.pAl--m {
	padding: 1.5rem !important;
}

.pAxl--m {
	padding: 2rem !important;
}

.pVn--m {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.pVs--m {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.pVm--m {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.pVl--m {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.pVxl--m {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.pHn--m {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.pHs--m {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.pHm--m {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.pHl--m {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.pHxl--m {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.pTn--m {
	padding-top: 0 !important;
}

.pTs--m {
	padding-top: 0.5rem !important;
}

.pTm--m {
	padding-top: 1rem !important;
}

.pTl--m {
	padding-top: 1.5rem !important;
}

.pTxl--m {
	padding-top: 2rem !important;
}

.pBn--m {
	padding-bottom: 0 !important;
}

.pBs--m {
	padding-bottom: 0.5rem !important;
}

.pBm--m {
	padding-bottom: 1rem !important;
}

.pBl--m {
	padding-bottom: 1.5rem !important;
}

.pBxl--m {
	padding-bottom: 2rem !important;
}

.pLn--m {
	padding-left: 0 !important;
}

.pLs--m {
	padding-left: 0.5rem !important;
}

.pLm--m {
	padding-left: 1rem !important;
}

.pLl--m {
	padding-left: 1.5rem !important;
}

.pLxl--m {
	padding-left: 2rem !important;
}

.pRn--m {
	padding-right: 0 !important;
}

.pRs--m {
	padding-right: 0.5rem !important;
}

.pRm--m {
	padding-right: 1rem !important;
}

.pRl--m {
	padding-right: 1.5rem !important;
}

.pRxl--m {
	padding-right: 2rem !important;
}

.mAn--m {
	margin: 0 !important;
}

.mAs--m {
	margin: 0.5rem !important;
}

.mAm--m {
	margin: 1rem !important;
}

.mAl--m {
	margin: 1.5rem !important;
}

.mAxl--m {
	margin: 2rem !important;
}

.mVn--m {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.mVa--m {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.mVs--m {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.mVm--m {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.mVl--m {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.mVxl--m {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}

.mHn--m {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mHa--m {
	margin-left: auto !important;
	margin-right: auto !important;
}

.mHs--m {
	margin-left: 0.5rem !important;
	margin-right: 0.5rem !important;
}

.mHm--m {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

.mHl--m {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

.mHxl--m {
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}

.mTn--m {
	margin-top: 0 !important;
}

.mTs--m {
	margin-top: 0.5rem !important;
}

.mTm--m {
	margin-top: 1rem !important;
}

.mTl--m {
	margin-top: 1.5rem !important;
}

.mTxl--m {
	margin-top: 2rem !important;
}

.mBn--m {
	margin-bottom: 0 !important;
}

.mBs--m {
	margin-bottom: 0.5rem !important;
}

.mBm--m {
	margin-bottom: 1rem !important;
}

.mBl--m {
	margin-bottom: 1.5rem !important;
}

.mBxl--m {
	margin-bottom: 2rem !important;
}

.mLn--m {
	margin-left: 0 !important;
}

.mLs--m {
	margin-left: 0.5rem !important;
}

.mLm--m {
	margin-left: 1rem !important;
}

.mLl--m {
	margin-left: 1.5rem !important;
}

.mLxl--m {
	margin-left: 2rem !important;
}

.mRn--m {
	margin-right: 0 !important;
}

.mRs--m {
	margin-right: 0.5rem !important;
}

.mRm--m {
	margin-right: 1rem !important;
}

.mRl--m {
	margin-right: 1.5rem !important;
}

.mRxl--m {
	margin-right: 2rem !important;
}

.posS--m {
	position: static !important;
}

.posA--m {
	position: absolute !important;
}

.posR--m {
	position: relative !important;
}

.posF--m {
	position: fixed !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.t0--m {
	top: 0 !important;
}

.r0--m {
	right: 0 !important;
}

.b0--m {
	bottom: 0 !important;
}

.l0--m {
	left: 0 !important;
}

.tC--m {
	top: 50% !important;
	-webkit-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}

.lC--m {
	left: 50% !important;
	-webkit-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}

.z1--m {
	z-index: 100 !important;
}

.z2--m {
	z-index: 200 !important;
}

.z3--m {
	z-index: 300 !important;
}

.z4--m {
	z-index: 400 !important;
}

.z9--m {
	z-index: 900 !important;
}

.fL--m {
	float: left;
}

.fR--m {
	float: right;
}

.fN--m {
	float: none;
}

.cc1--m {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.cc2--m {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.cc3--m {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.cc4--m {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.cc5--m {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	column-count: 5;
}

.ccA--m {
	-webkit-column-count: auto;
	-moz-column-count: auto;
	column-count: auto;
}

.dI--m {
	display: inline !important;
}

.dB--m {
	display: block !important;
}

.dIB--m {
	display: inline-block !important;
	max-width: 100%;
}

.dT--m {
	display: table !important;
}

.dTR--m {
	display: table-row !important;
}

.dTC--m {
	display: table-cell !important;
}

.dF--m {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.ofV--m {
	overflow: visible;
}

.ofH--m {
	overflow: hidden;
}

.ofS--m {
	overflow: scroll;
}

.ofA--m {
	overflow: auto;
}

.ofyS--m {
	overflow-y: scroll;
}

.txtC--m {
	text-align: center !important;
}

.txtL--m {
	text-align: left !important;
}

.txtR--m {
	text-align: right !important;
}

.lh--m {
	line-height: 1 !important;
}

.oneByOne--m {
	padding-top: 100% !important;
}

.fourByThree--m {
	padding-top: 75% !important;
}

.sixteenByNine--m {
	padding-top: 56.25% !important;
}

.twoByOne--m {
	padding-top: 50% !important;
}

.threeByOne--m {
	padding-top: 33.333% !important;
}

}

@media screen and ( min-width: 48.75em ) {

head {
	font-family: "large";
}

.alpha--l {
	line-height: 1.27273;
	font-size: 33px;
	font-weight: 300;
}

.beta--l {
	line-height: 1.68;
	font-size: 25px;
	font-weight: 300;
}

.gamma--l {
	line-height: 1.55556;
	font-size: 18px;
	font-weight: 400;
}

.delta--l {
	line-height: 1.3125;
	font-size: 16px;
	font-weight: 400;
}

.giga--l {
	line-height: 1.43182;
	font-size: 44px;
	font-weight: 300;
}

.w1--l {
	width: 1rem !important;
}

.w2--l {
	width: 2rem !important;
}

.w3--l {
	width: 4rem !important;
}

.w4--l {
	width: 8rem !important;
}

.w5--l {
	width: 16rem !important;
}

.w6--l {
	width: 32rem !important;
}

.w10--l {
	width: 10% !important;
}

.w20--l {
	width: 20% !important;
}

.w25--l {
	width: 25% !important;
}

.w30--l {
	width: 30% !important;
}

.w40--l {
	width: 40% !important;
}

.w50--l {
	width: 50% !important;
}

.w60--l {
	width: 60% !important;
}

.w70--l {
	width: 70% !important;
}

.w75--l {
	width: 75% !important;
}

.w80--l {
	width: 80% !important;
}

.w90--l {
	width: 90% !important;
}

.w100--l {
	width: 100% !important;
}

.wA--l {
	width: auto !important;
}

.maw1--l {
	max-width: 1rem !important;
}

.maw2--l {
	max-width: 2rem !important;
}

.maw3--l {
	max-width: 4rem !important;
}

.maw4--l {
	max-width: 8rem !important;
}

.maw5--l {
	max-width: 16rem !important;
}

.maw6--l {
	max-width: 32rem !important;
}

.maw10--l {
	max-width: 10% !important;
}

.maw20--l {
	max-width: 20% !important;
}

.maw25--l {
	max-width: 25% !important;
}

.maw30--l {
	max-width: 30% !important;
}

.maw40--l {
	max-width: 40% !important;
}

.maw50--l {
	max-width: 50% !important;
}

.maw60--l {
	max-width: 60% !important;
}

.maw70--l {
	max-width: 70% !important;
}

.maw75--l {
	max-width: 75% !important;
}

.maw80--l {
	max-width: 80% !important;
}

.maw90--l {
	max-width: 90% !important;
}

.maw100--l {
	max-width: 100% !important;
}

.mawN--l {
	max-width: none !important;
}

.l10--l {
	margin-left: 10% !important;
}

.l20--l {
	margin-left: 20% !important;
}

.l25--l {
	margin-left: 25% !important;
}

.l30--l {
	margin-left: 30% !important;
}

.l40--l {
	margin-left: 40% !important;
}

.l50--l {
	margin-left: 50% !important;
}

.l60--l {
	margin-left: 60% !important;
}

.l70--l {
	margin-left: 70% !important;
}

.l75--l {
	margin-left: 75% !important;
}

.l80--l {
	margin-left: 80% !important;
}

.l90--l {
	margin-left: 90% !important;
}

.l100--l {
	margin-left: 100% !important;
}

.pAn--l {
	padding: 0 !important;
}

.pAs--l {
	padding: 0.5rem !important;
}

.pAm--l {
	padding: 1rem !important;
}

.pAl--l {
	padding: 1.5rem !important;
}

.pAxl--l {
	padding: 2rem !important;
}

.pVn--l {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.pVs--l {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.pVm--l {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.pVl--l {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.pVxl--l {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.pHn--l {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.pHs--l {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.pHm--l {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.pHl--l {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.pHxl--l {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.pTn--l {
	padding-top: 0 !important;
}

.pTs--l {
	padding-top: 0.5rem !important;
}

.pTm--l {
	padding-top: 1rem !important;
}

.pTl--l {
	padding-top: 1.5rem !important;
}

.pTxl--l {
	padding-top: 2rem !important;
}

.pBn--l {
	padding-bottom: 0 !important;
}

.pBs--l {
	padding-bottom: 0.5rem !important;
}

.pBm--l {
	padding-bottom: 1rem !important;
}

.pBl--l {
	padding-bottom: 1.5rem !important;
}

.pBxl--l {
	padding-bottom: 2rem !important;
}

.pLn--l {
	padding-left: 0 !important;
}

.pLs--l {
	padding-left: 0.5rem !important;
}

.pLm--l {
	padding-left: 1rem !important;
}

.pLl--l {
	padding-left: 1.5rem !important;
}

.pLxl--l {
	padding-left: 2rem !important;
}

.pRn--l {
	padding-right: 0 !important;
}

.pRs--l {
	padding-right: 0.5rem !important;
}

.pRm--l {
	padding-right: 1rem !important;
}

.pRl--l {
	padding-right: 1.5rem !important;
}

.pRxl--l {
	padding-right: 2rem !important;
}

.mAn--l {
	margin: 0 !important;
}

.mAs--l {
	margin: 0.5rem !important;
}

.mAm--l {
	margin: 1rem !important;
}

.mAl--l {
	margin: 1.5rem !important;
}

.mAxl--l {
	margin: 2rem !important;
}

.mVn--l {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.mVa--l {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.mVs--l {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.mVm--l {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.mVl--l {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.mVxl--l {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}

.mHn--l {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mHa--l {
	margin-left: auto !important;
	margin-right: auto !important;
}

.mHs--l {
	margin-left: 0.5rem !important;
	margin-right: 0.5rem !important;
}

.mHm--l {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

.mHl--l {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

.mHxl--l {
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}

.mTn--l {
	margin-top: 0 !important;
}

.mTs--l {
	margin-top: 0.5rem !important;
}

.mTm--l {
	margin-top: 1rem !important;
}

.mTl--l {
	margin-top: 1.5rem !important;
}

.mTxl--l {
	margin-top: 2rem !important;
}

.mBn--l {
	margin-bottom: 0 !important;
}

.mBs--l {
	margin-bottom: 0.5rem !important;
}

.mBm--l {
	margin-bottom: 1rem !important;
}

.mBl--l {
	margin-bottom: 1.5rem !important;
}

.mBxl--l {
	margin-bottom: 2rem !important;
}

.mLn--l {
	margin-left: 0 !important;
}

.mLs--l {
	margin-left: 0.5rem !important;
}

.mLm--l {
	margin-left: 1rem !important;
}

.mLl--l {
	margin-left: 1.5rem !important;
}

.mLxl--l {
	margin-left: 2rem !important;
}

.mRn--l {
	margin-right: 0 !important;
}

.mRs--l {
	margin-right: 0.5rem !important;
}

.mRm--l {
	margin-right: 1rem !important;
}

.mRl--l {
	margin-right: 1.5rem !important;
}

.mRxl--l {
	margin-right: 2rem !important;
}

.posS--l {
	position: static !important;
}

.posA--l {
	position: absolute !important;
}

.posR--l {
	position: relative !important;
}

.posF--l {
	position: fixed !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.t0--l {
	top: 0 !important;
}

.r0--l {
	right: 0 !important;
}

.b0--l {
	bottom: 0 !important;
}

.l0--l {
	left: 0 !important;
}

.tC--l {
	top: 50% !important;
	-webkit-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}

.lC--l {
	left: 50% !important;
	-webkit-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}

.z1--l {
	z-index: 100 !important;
}

.z2--l {
	z-index: 200 !important;
}

.z3--l {
	z-index: 300 !important;
}

.z4--l {
	z-index: 400 !important;
}

.z9--l {
	z-index: 900 !important;
}

.fL--l {
	float: left;
}

.fR--l {
	float: right;
}

.fN--l {
	float: none;
}

.cc1--l {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.cc2--l {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.cc3--l {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.cc4--l {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.cc5--l {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	column-count: 5;
}

.ccA--l {
	-webkit-column-count: auto;
	-moz-column-count: auto;
	column-count: auto;
}

.dI--l {
	display: inline !important;
}

.dB--l {
	display: block !important;
}

.dIB--l {
	display: inline-block !important;
	max-width: 100%;
}

.dT--l {
	display: table !important;
}

.dTR--l {
	display: table-row !important;
}

.dTC--l {
	display: table-cell !important;
}

.dF--l {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.ofV--l {
	overflow: visible;
}

.ofH--l {
	overflow: hidden;
}

.ofS--l {
	overflow: scroll;
}

.ofA--l {
	overflow: auto;
}

.ofyS--l {
	overflow-y: scroll;
}

.txtC--l {
	text-align: center !important;
}

.txtL--l {
	text-align: left !important;
}

.txtR--l {
	text-align: right !important;
}

.lh--l {
	line-height: 1 !important;
}

.oneByOne--l {
	padding-top: 100% !important;
}

.fourByThree--l {
	padding-top: 75% !important;
}

.sixteenByNine--l {
	padding-top: 56.25% !important;
}

.twoByOne--l {
	padding-top: 50% !important;
}

.threeByOne--l {
	padding-top: 33.333% !important;
}

.is-hiddenLarge {
	display: none !important;
	visibility: hidden !important;
}

.grid--position {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}

.grid--position:after {
	display: inline-block;
	content: '';
	height: 100%;
	vertical-align: middle;
}

.grid--position > .grid-cell {
	vertical-align: middle;
	text-align: left;
}

.grid--arrange {
	display: table;
	table-layout: auto;
	min-width: 100%;
	border-collapse: collapse;
	padding-top: 0; /* [1] */
	overflow: visible; /* [2] */
}

.grid--arrange.is-equalize {
	table-layout: fixed;
}

.grid--arrange > .grid-row {
	display: table-row;
}

.grid--arrange > .grid-row > .grid-cell,
.grid--arrange > .grid-cell {
	display: table-cell;
	margin: 0; /* [3] */
}

.grid--arrange > .grid-row > .grid-cell:first-child,
.grid--arrange > .grid-cell:first-child {
	border-left-width: 0;
}

.sideDrawer--left.sideDrawer--is-open[data-autohide="false"] > .sideDrawer-content,
.sideDrawer--left[data-autohide="true"] > .sideDrawer-content {
	margin-left: 25%;
	width: 75%;
}

.sideDrawer--right.sideDrawer--is-open[data-autohide="false"] > .sideDrawer-content,
.sideDrawer--right[data-autohide="true"] > .sideDrawer-content {
	margin-right: 25%;
	width: 75%;
}

}

@media screen and ( min-width: 87.5em ) {

head {
	font-family: "xlarge";
}

.w1--xl {
	width: 1rem !important;
}

.w2--xl {
	width: 2rem !important;
}

.w3--xl {
	width: 4rem !important;
}

.w4--xl {
	width: 8rem !important;
}

.w5--xl {
	width: 16rem !important;
}

.w6--xl {
	width: 32rem !important;
}

.w10--xl {
	width: 10% !important;
}

.w20--xl {
	width: 20% !important;
}

.w25--xl {
	width: 25% !important;
}

.w30--xl {
	width: 30% !important;
}

.w40--xl {
	width: 40% !important;
}

.w50--xl {
	width: 50% !important;
}

.w60--xl {
	width: 60% !important;
}

.w70--xl {
	width: 70% !important;
}

.w75--xl {
	width: 75% !important;
}

.w80--xl {
	width: 80% !important;
}

.w90--xl {
	width: 90% !important;
}

.w100--xl {
	width: 100% !important;
}

.wA--xl {
	width: auto !important;
}

}

@media screen and ( max-width: 48.6875em ) {

.w10,
.w20,
.w25,
.w30,
.w40,
.w50,
.w60,
.w70,
.w75,
.w80,
.w90 {
	width: 100% !important;
}

.mih10,
.h10,
.mih20,
.h20,
.mih25,
.h25,
.mih30,
.h30,
.mih40,
.h40,
.mih50,
.h50,
.mih60,
.h60,
.mih70,
.h70,
.mih80,
.h80,
.mih90,
.h90 {
	min-height: 0 !important;
}

.l10,
.l20,
.l25,
.l30,
.l40,
.l50,
.l60,
.l70,
.l75,
.l80,
.l90 {
	margin-left: 0 !important;
}

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

.is-visibleLarge,
.device-large {
	display: none !important;
	visibility: hidden !important;
}

/**
     * Display dropdown menu in full width
     */

.nav--collapse {
	width: 100%;
	text-align: right;
	pointer-events: none;
}

.nav--collapse:before {
	display: inline-block;
	text-align: center;
	border-radius: 40px;
	border: 2px solid #fff;
	margin: 8px; /* margin * 2 = 16 */
	width: 34px;
	height: 34px;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20560%20560%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%200%200%20L%20560%200%20L%20560%20112%20L%200%20112%20Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%200%20224%20L%20560%20224%20L%20560%20336%20L%200%20336%20Z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%200%20448%20L%20560%20448%20L%20560%20560%20L%200%20560%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A') 50% no-repeat;
	background-size: 12px;
	cursor: pointer;
	pointer-events: all;
}

.fill-navy100 .nav--collapse:before {
	background-color: #005380;
	fill: #005380;
	color: white;
}

.nav--collapse:after { /* Make sure clickable area fills full height and width of symbol button including margin (important for touch device) */
	content: '';
	display: inline-block;
	position: absolute;
	margin: 0;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
	pointer-events: all;
}

.nav--collapse > li {
	display: list-item;
	width: 100%;
	height: 0;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
	overflow: hidden;
	transition: 0.3s;
	text-align: left;
	pointer-events: all;
}

.nav--collapse > li > a {
	display: block;
}

.nav--collapse.is-active > li {
	height: 50px;
	overflow: visible;
}

.nav--collapse .dropdown-menu {
	left: 0 !important;
	right: 0 !important;
	min-width: 0;
}

.modal-content {
	padding: 20px;
	margin: 0;
}

.fixed.h100:not(.w100) {
	position: relative;
	overflow: hidden;
	top: 0;
}

.fixed {
	left: 0;
	right: 0;
}

.steps-nav {
	height: 70px;
	overflow: hidden; /**
         * `.is-active` is toggled on click for the steps labels to show all the steps in the list,
         * and not just the active.
         */
}

.steps-nav:before {
	content: attr(data-title);
	width: 100%;
	font: 16px/70px Verdana, sans-serif;
	float: right;
	text-align: center;
	display: none;
}

.steps-nav.is-active {
	max-height: none !important;
	z-index: 700;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	text-align: left;
	overflow: auto;
}

.steps-nav.is-active:before {
	display: block;
}

.steps-nav.is-active > .steps-label {
	height: auto;
	text-align: left;
	padding: 0 9px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
}

.steps-nav--withParents {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2070%22%20width%3D%2220%22%20height%3D%2270%22%3E%3Cpath%20d%3D%22M2%200%20L20%2035%20L2%2070%20L0%2070%20L18%2035%20L0%200%20L2%200%20z%22%20opacity%3D%22.2%22%2F%3E%3C%2Fsvg%3E');
	background-position: 50%;
	background-repeat: no-repeat;
}

.steps-nav--withParents > .steps-label--is-active {
	max-width: 45%;
	padding: 0 45px 0 20px;
	float: right;
	text-align: left;
}

.steps-nav--withParents.is-active {
	background-image: none;
}

.steps-nav--withParents.is-active > .steps-parent {
	padding-left: 0 !important;
}

.steps-nav--withParents.is-active > .steps-parent + .steps-parent {
	padding-left: 14px !important;
}

.steps-nav--withParents.is-active > .steps-parent--is-active,
.steps-nav--withParents.is-active > .steps-label--is-active {
	position: static;
	max-width: none;
	float: none;
}

.has-touch .steps-button.fR {
	left: auto;
	right: 0;
}

.has-touch .steps-button {
	bottom: 0;
	left: 1px;
	height: 66px;
	width: 68px;
	text-align: center;
}

.has-touch .steps-button:hover .iconCircle {
	box-shadow: none;
}

.steps-button {
	padding: 0;
	border: 0;
	background: none;
	color: #005380;
	line-height: 1;
}

.steps-button .fa,
.steps-button .pf,
.steps-button .fa-stack {
	font-size: 28px;
	line-height: 1.6em;
	min-width: 1.6em;
	text-align: center;
}

.steps-button .fa-stack > .fa-stack-2x {
	font-size: 28px;
	line-height: 2em;
}

.steps-button .iconCircle {
	padding: 1.5rem;
}

.steps-button .iconCircle > .pf {
	line-height: 0;
	min-width: 0;
	font-size: 1.5rem;
}

.steps-button:hover,
.steps-button:focus {
	background-color: transparent !important;
}

.steps-button:hover .iconCircle,
.steps-button:focus .iconCircle {
	box-shadow: inset 0 0 1rem;
}

.steps-button:active:after {
	display: none;
}

.steps-button:active .fa,
.steps-button:active .pf,
.steps-button:active .fa-stack,
.steps-button:active .iconCircle {
	background: #005380;
	color: #fff;
	border-color: transparent;
	box-shadow: none;
}

.steps-button:active .iconCircle:after {
	border-color: transparent;
}

.steps-button-label {
	display: none;
}

.steps-label {
	display: block !important;
	width: 90% !important;
	background-image: none;
	max-width: none;
	height: 0;
	margin: 0 5%;
}

.steps-label--is-active {
	height: auto;
}

.steps-parent--is-active {
	position: absolute;
	top: 0;
	max-width: 45%;
	padding: 0 18px 0 45px !important;
	height: auto;
	text-align: right;
}

.has-touch .steps-panel .fixed.h100:not(.w100) {
	top: 0;
}

.sideDrawer-panel {
	min-width: 260px;
}

.sideDrawer--left[data-autohide="true"] > .sideDrawer-panel {
	-webkit-transform: translate3d(-110%, 0, 0);
	transform: translate3d(-110%, 0, 0);
}

.sideDrawer--right[data-autohide="true"] > .sideDrawer-panel {
	-webkit-transform: translate3d(110%, 0, 0);
	transform: translate3d(110%, 0, 0);
}

.sideDrawer--is-open[data-autohide="true"] > .sideDrawer-overlay {
	transition: opacity 0.35s;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

}

@media screen and ( max-width: 31.1875em ) {

head {
	font-family: "small";
}

.w33,
.w66 {
	width: 100% !important;
}

}

@-webkit-keyframes grow--btn {

0% {
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
}

100% {
	-webkit-transform: scale(1);
	transform: scale(1);
}

}

@keyframes grow--btn {

0% {
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
}

100% {
	-webkit-transform: scale(1);
	transform: scale(1);
}

}

@-webkit-keyframes fadeOut--btn {

0% {
	opacity: 0.2;
}

100% {
	opacity: 0;
}

}

@keyframes fadeOut--btn {

0% {
	opacity: 0.2;
}

100% {
	opacity: 0;
}

}

@-webkit-keyframes spin {

0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100% {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
}

}

@keyframes spin {

0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100% {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
}

}

@-webkit-keyframes bouncedelay {

0%,80%,100% {
	-webkit-transform: scale(0);
	transform: scale(0);
}

40% {
	-webkit-transform: scale(1);
	transform: scale(1);
}

}

@keyframes bouncedelay {

0%,80%,100% {
	-webkit-transform: scale(0);
	transform: scale(0);
}

40% {
	-webkit-transform: scale(1);
	transform: scale(1);
}

}