@charset "UTF-8";
/* Pattern Library */ /*------------------------------------
	# FONT FACE

	Shorthand for including @font-face in your css.
	Remember also, Google fonts, Typekit have different approaches.

	Example:
		@include font-face(proxima-nova, /fonts/proxima-nova-bold-italic, bold, italic);

 	Order of the includes matters, and it is: normal, bold, italic, bold+italic.
*/
/* Fonts */
/*------------------------------------
	Website fonts
*/
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/
@font-face {
  font-family: "cde-pricing-icons";
  src: url("../fonts/icons/cde-pricing-icons.eot");
  src: url("../fonts/icons/cde-pricing-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/cde-pricing-icons.woff") format("woff"), url("../fonts/icons/cde-pricing-icons.ttf") format("truetype"), url("../fonts/icons/cde-pricing-icons.svg#SSStandard") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Site Configuration */
/*------------------------------------
	# SITE CONFIGURATION

	To get your site looking the way you want it, start here.
	Just change the values. Don't take anything out. Everything is here for a reason.

*/
/* Site direction */
/* Z-index */
/* Base typography */
/* Font Weight and Style */
/* Site Colours */
/* Headings */
/* Lists */
/* Quotes */
/* Graphical ornaments */
/* Buttons */
/* Progress Bar */
/* Forms */
/* Font Sizes */
/* Screen sizes */
/* Media ratios */
/* Template */
/* Modal Box */
/* Framework */
/* Grid */
/* Subject / Object */
/* 1/3 */
/* 2/3 */
/* Tables */
/* Prefixes */
/**
* Developer Mode allows a set of predetermined classes
* to be output by default in the CSS
*/
/* Old IE -- Don't touch */
/* Mixins */
/*------------------------------------
	GCD PATTERNS LIBRARY
*/
/*------------------------------------
	LEGACY

	Target old versions of IE.

	Examples

		@include is-old-ie {
			display:inline;
		}

		@include is-not-old-ie {
			display:inline-block;
		}
*/
/*------------------------------------
	OLD-IE
*/
/*------------------------------------
	SCREEN


	Examples:

		@include screen-size(sm-max);

*/
/*------------------------------------
	RESOLUTIONS
	@include screen-size();
*/
/*------------------------------------
	POSITIONING

	An array of positioning tools

	Examples:

		@include align(top, start)

		div.parent {
			@include display(flex);
			@include align-items(stretch);
			@include flex-direction(row);
			@include justify-content(flex-start);
		}

		div.parent > div.child {
			@include flex(1);
		}

		@include margin($base-space n)

		@include padding(n $base-space)

		@include position(fixed, 0 20px 20px 30%)

		@include rem(padding, 20px)

		@include screen-size(sm-max);

		@include size(20px, 30px)

		@include vertical-spacing(force)

*/
/*------------------------------------
	ALIGN

	Shorthand for aligning horizontally and vertically
*/
/* 	An alternative to the above which allows you to
 	vertically align any element in IE9+
	You may also need to add a transform-style: preserve-3d
	to the parent */
/*------------------------------------
	# FLEXBOX

	http://dev.w3.org/csswg/css3-flexbox/
	http://css-tricks.com/snippets/css/a-guide-to-flexbox/

*/
/*------------------------------------
	Position
*/
/*------------------------------------
	SUBJECT / OBJECT
*/
/*------------------------------------
	VERTICAL-SPACING (Consistent spacing)
*/
/*------------------------------------
	# ANIMATION

	Examples:

	## Animations don't need a starting point, such as a hover. They just begin as soon as the page is loaded.

		@include animation-name(scale, slide);
		@include animation-duration(2s);
		@include animation-timing-function(ease);
		@include animation-iteration-count(infinite);

		// Animation shorthand works the same as the CSS3 animation shorthand
		@include animation(scale 1.0s ease-in, slide 2.0s ease);

		@include keyframes(fadeIn) {
			from {
				@include transform(scale(0));
			}
			to {
				@include transform(scale(1));
			}
		}

		@include transform(translateY(50px));
		@include transform-origin(center top);
		@include transform-style(preserve-3d);

	## Transitions define the movement between one state and another.

		@include transition (all 2.0s ease-in-out);
		@include transition (opacity 1.0s ease-in 0s, width 2.0s ease-in 2s);

		@include transition-property (transform);
		@include transition-duration(1.0s);
		@include transition-timing-function(ease-in);
		@include transition-delay(0.5s);
*/
/*------------------------------------
	# ANIMATION

	The animation mixins support comma separated lists of values, which allows different transitions for individual
	properties to be described in a single style rule. Each value in the list corresponds to the value at that same
	position in the other properties.

		box:hover {
		  @include animation-name(scale, slide);
		  @include animation-duration(2s);
		  @include animation-timing-function(ease);
		  @include animation-iteration-count(infinite);

		  // Animation shorthand works the same as the CSS3 animation shorthand
		  @include animation(scale 1.0s ease-in, slide 2.0s ease);
		}

	http://www.w3.org/TR/css3-animations/#the-animation-name-property-
	Each of these mixins support comma separated lists of values, which allows different transitions for individual
	properties to be described in a single style rule. Each value in the list corresponds to the value at that same
	position in the other properties.

	-- From bourbon.io/docs/#animations
*/
/*------------------------------------
	# KEYFRAMES

	Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content

	@include keyframes(fadeIn) {
	 	from {
			@include transform(scale(0));
	 	}
	 	to {
			@include transform(scale(1));
	 	}
	}
*/
/*------------------------------------
	# TRANSFORM

	The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set

	The transform-origin CSS property lets you modify the origin for transformations of an element.

	The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.

		@include transform(translateY(50px));
		@include transform-origin(center top);
		@include transform-style(preserve-3d);
*/
/*------------------------------------
	# TRANSITION

	The shorthand mixin supports multiple transition.

		@include transition (all 2.0s ease-in-out);
		@include transition (opacity 1.0s ease-in 0s, width 2.0s ease-in 2s);

	To transition specific vendor-prefixed properties (`-webkit-transform, -moz-transform, ...`), do not use the shorthand mixin. Use the individual transition mixins.

		@include transition-property (transform);
		@include transition-duration(1.0s);
		@include transition-timing-function(ease-in);
		@include transition-delay(0.5s);
*/
/*------------------------------------
	# BACKGROUND

	Examples:

		@include background-color(red);
		// Sets white text if it's darker than a certain amount

		@include background(linear-gradient(red, green) left repeat);
		@include background(linear-gradient(red, green) left repeat, radial-gradient(red, orange) left repeat);
		@include background(url("/images/a.png"), linear-gradient(red, green), center no-repeat orange scroll);

		@include background-image(url("/images/a.png"), linear-gradient(white 0, yellow 50%, transparent 50%));
		// You can list up to ten background images.
*/
/*------------------------------------
	BACKGROUND
*/
/*------------------------------------
	# BACKGROUND-IMAGE

	The background-image mixin is helpful for chaining multiple comma delimited background images and/or
	linear/radial-gradients into one background-image property. The Background-image mixin supports up to 10
	background-images.

	Use in combination with the linear-gradient function and the radial-gradient function.

		// Image asset with a linear-gradient
		@include background-image(url("/images/a.png"), linear-gradient(white 0, yellow 50%, transparent 50%));

		// Multiple linear-gradients - Demo
		@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%),
							   linear-gradient(#4e7ba3, darken(#4e7ba4, 10%)));

		// NOT SUPPORTED
		@include background-image(url("/images/a.png") center no-repeat, url("images/b.png") left repeat);

		// Background-image is not a shorthand property, therefore this doesn't make sense.

	## Note about shorthand notation

	All CSS background properties support comma delimited values. For multiple background images you can specify the
	background properties like position, repeat, etc. for each image. For example:

		@include background-image(url("/images/a.png"), url("images/b.png"));
		background-position: center top, center;
		background-repeat: no-repeat, repeat-x;

	-- From bourbon.io/docs/#background

*/
/*------------------------------------
	LINEAR-GRADIENT

	Gradient Position is optional. Position can be a degree (90deg). Mixin supports up to 10 color-stops.

	This mixin will output a fallback background-color: #first-color; declaration. A $fallback argument can be passed to change the fallback color.

		@include linear-gradient(#1e5799, #2989d8);
		@include linear-gradient(to top, #8fdce5, #3dc3d1);
		@include linear-gradient(to top, #8fdce5, #3dc3d1, $fallback: red);
		@include linear-gradient(50deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
*/
/*------------------------------------
	RADIAL-GRADIENT

	Takes up to 10 gradients. See also the background-image mixin.

	This mixin will output a fallback background-color: #first-color; declaration. A $fallback argument can be passed to change the fallback color.

		@include radial-gradient(#1e5799, #3dc3d1);
		@include radial-gradient(#1e5799, #3dc3d1, $fallback: red);
		@include radial-gradient(circle at 50% 50%, #eee 10%, #1e5799 30%, #efefef);
*/
/*------------------------------------
	# BORDER
	http://davidtheclark.github.io/scut/#border

	Examples:

		@include border(1px solid red, y n);  // Quickly add border styles to particular sides.

		@include border-image(url(/images/border.png) 27 repeat);

		@include border-top-radius(20px);
*/
/*------------------------------------
	# BORDER
	http://davidtheclark.github.io/scut/#border
*/
/*------------------------------------
	# BORDER IMAGE

	Border-image supports short-hand notation.

		@include border-image(url(/images/border.png) 27 repeat);
*/
/*------------------------------------
	# BORDER RADIUS

	Short hand for putting rounded corners on a side of an element

		@include border-top-radius(20px);
*/
/*------------------------------------
	# CONTAINERS

	Useful container properties

	Examples:
		@include border-box;
		@include clear;
		@include media-box(widescreen, iframe);
		@include media-item;
		@include triangle(up, 1em, red);

*/
/*------------------------------------
	BORDER BOX
*/
/*------------------------------------
	CLEARFIX
	From http://nicolasgallagher.com/micro-clearfix-hack/
*/
/*------------------------------------*\

	MEDIA BOX

	Used to constrain the proportions of an element with a set width
	like an iframe.

	Should be applied to a parent container with the media element nested.

	e.g. <div class="video-wrapper">
			<iframe></iframe>
		</div>

	- landscape
	- square
	- portrait
	- widescreen

/*------------------------------------*/
/*------------------------------------
	MEDIA-ITEM

	Allows you to make a simole Media Object like the one here:
	http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

	Set to the $layout to stacked to make the image and body stack one above the other.
*/
/*------------------------------------
	TRIANGLE
	http://davidtheclark.github.io/scut/#triangle
*/
/*------------------------------------
	CSS3

	Useful CSS3 tools

	Examples:

		@include calc(width, 100% - 30px, 90%);

		@include prefixer(box-shadow,1px 1px 1px red,webkit moz spec);
*/
/*------------------------------------
	CALC

	Performs calculations with a fallback if necessary

		@include calc(width, 100% - 30px, 90%);
*/
/*------------------------------------
	PREFIXER
	From: Bourbon Mixin Library
	@include prefixer([property),[value],[webkit|+|moz|+|ms|+|o|+|spec]);
*/
/*------------------------------------
	DISPLAY

	Display tools

	Examples:

		@include display(inline-block)
			// In Old IE, this makes display:inline

		@include appearance(none)
			// Removes platform-native styling
*/
/*------------------------------------
	# APPEARANCE

	The appearance CSS property is used to display an element using a platform-native styling based on the operating system's theme.

		@include appearance(none);
*/
/*------------------------------------
	# DISPLAY

	Use new display types with more broadly supported equivalents as fallbacks

		@include display(flex)
*/
/*------------------------------------
	EFFECTS

	3D and special effects

	Examples:

		@include perspective(300px);
		@include perspective-origin(30% 30%);
*/
/*------------------------------------
	PERSPECTIVE

	The perspective CSS property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective.

	The perspective-origin CSS property determines the position the viewer is looking at. It is used as the vanishing point by the perspective property.

		@include perspective(300px);
		@include perspective-origin(30% 30%);

*/
/*------------------------------------
	SHADOWS
*/
/*------------------------------------
	FORMS

	Consistent form inputs and buttons

	Examples:

		@include button(color(primary));

		@include field;

		@include placeholder {
			color: red;
		}
*/
/*------------------------------------*\

   	BUTTON

	Button options and styles can be changed in _config.scss
	under the *Buttons*.

	Options include:

	$button-font-family
	$has-button-border
	$has-button-gradient
	$has-button-shadow
	$is-button-rounded

	/ref/patterns.php#buttons

/*------------------------------------*/
.c-button--secondary:hover, .c-button--primary:hover, .c-button:hover, .c-button--secondary:active, .c-button--primary:active, .c-button:active {
  text-decoration: none;
}

.c-button--secondary, .c-button--primary, .c-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-block;
  vertical-align: baseline;
  padding-top: 0;
  padding-top: 0rem;
  padding-bottom: 0;
  padding-bottom: 0rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  cursor: pointer;
  font-family: "Helvetica", sans-serif;
  line-height: 32px;
  min-height: 32px;
  white-space: nowrap;
  border: 1px solid;
  border-color: #DCDCDC;
  border-radius: 3px;
}
.c-button--secondary:hover, .c-button--primary:hover, .c-button:hover {
  border-color: #cfcfcf;
}
[disabled].c-button--secondary, [disabled].c-button--primary, [disabled].c-button {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
  opacity: 0.5;
}

/*------------------------------------
	PLACEHOLDER

	Outputs vendor-prefixed placeholders for styling. Must be nested in a rule-set.

		input {
			width: 300px;
				@include placeholder {
					color: red;
				}
		}

*/
/*------------------------------------
	IMAGES

	Consistent retina-display images

	Examples:

		@include hidpi {
			background-image:url(/imagepath_retina.jpg);
		}

		@include image-rendering (optimize-contrast) // Useful for sharper logos, but heavy on performance.

		@include retina-image(home-icon, 32px 20px)
*/
/*------------------------------------
	# HIDPI

	Create specific styles for HiDPI

	@include hidpi {
		background-image:url(/imagepath_retina.jpg);
	}
*/
/*------------------------------------
	# IMAGE-RENDERING
*/
/*------------------------------------
	RETINA IMAGE

	The mixin is a helper to generate a retina background-image and non-retina background-image. The retina background-image will output to a hidpi media-query.

	The mixin uses a _2x.png retina filename by default.
	$filename will resolve a path to the image e.g. '../../home-icon'.
	For rails, you can use the asset-pipeline by passing true to the argument.

	@ retina-image($filename, $background-size, $extension*, $retina-filename*, $retina-suffix*, $asset-pipeline*)
	* = optional

	Argument Defaults

	- $extension: png
	- $retina-filename: null
	- $retina-suffix: _2x
	- $asset-pipeline: false
*/
/*------------------------------------
	TYPOGRAPHY

	Control font settings and text layout with these tools

	Examples:

		@include columns(12 8em);
		@include column-rule(1px solid green);

		@include font-face(proxima-nova);

		@include font-features(liga kern frac);

		@include font-size(font-size(beta))
		@include hide-text;
		@include legibility;
		@include link;

		@include table-borders(grid, 1px, solid, red)
		@include table-layout(fixed)
		@include table-rounded($base-radius)
		@include table-pattern(stripes)

		@include text-truncate(90%);

*/
/*------------------------------------
	# COLUMNS

	Prefixed text column styles.
	Not supported in older browsers.
	Avoid shoehorning polyfills, instead content yourself with single-columns fallbacks
*/
/*------------------------------------
	# FONT FACE

	Shorthand for including @font-face in your css.
	Remember also, Google fonts, Typekit have different approaches.

	Example:
		@include font-face(proxima-nova, /fonts/proxima-nova-bold-italic, bold, italic);

 	Order of the includes matters, and it is: normal, bold, italic, bold+italic.
*/
/*------------------------------------
	# FONT FEATURES

	Make the most of Opentype features
	http://clagnut.com/sandbox/css3/
*/
/*------------------------------------
	FONT-SIZE
*/
/*------------------------------------
	# HIDE-TEXT

	Hide-text is an image replacement mixin. It is based off the HTML5-Boilerplate image-replacement.
*/
/*------------------------------------
	LEGIBILITY
*/
/*------------------------------------
	LINK
*/
a {
  color: #C42127;
  cursor: pointer;
}
a:hover {
  color: #e5666a;
}
a:visited {
  color: #b92c32;
}
a:active {
  color: #C42127;
}

/*------------------------------------
	TABLES
*/
/*------------------------------------
	LISTS

	Style lists of text or lists of items

	Examples:

		@include item-list(horizontal);

		@include list(clean);
*/
/*------------------------------------
	LIST

*/
/*------------------------------------
	LISTS
*/
/*------------------------------------*\

   	GRID SYSTEM

	Provides various methods used to lay out a page.
	All are based on fractional widths

	@include grid-row();
		// Use on the parent of grid items
	@include grid-row-divs(n);
		// Creates a container for your grid items that ensures flush vertical edges to the outer container, or whatever container it's in.
		// Inserting a number (n) creates equal divisions of that amount
	@include grid-fraction(n, d)
		// A grid fraction. If you want to support old versions of IE, ensure you have an inner container with class .ie-inner

	/ref/patterns.php#grid

/*------------------------------------*/
/**
* See: http://css-tricks.com/make-sure-columns-dont-collapse-horizontally/
*/
/**
* Creates equal divisions of any given amount of items
* Should be applied to the parent, will affect the direct children
*
* NOTE: this isn't designed to be used on it's own, use @include grid_row_div(n) instead
*/
/**
* Used when content is not divided up into fractions
*/
.l-grid__item--secondary, .l-grid__item--primary, .l-grid__item {
  float: none;
  width: auto;
}

/**
* For setting the width of an element to be a fraction of the page.
* e.g @include grid-fraction(2, 3) would use 2 thirds of the page.
*
* This also adds support for older versions of IE,
* (this requires you using an inner container with class .ie-inner)
*/
/**
* Used to contain a number of grid items, adds negative margins to the left and right
*/
/**
* Used when you want to create equal divisions of the children
* in your container.

* By adding a number ($n) when including this in your css you
* can split it's content into equal sections in the grid.
*/
/**
* Used as the main container when setting the fixed with of a page
* Generally good practice to have one of these per main section e.g. header, footer, main
*/
/* Elements */
/*

    ELEMENTS
    Combines the Normalize (git.io/normalize)
    and the reset at
    csswizardry.com/2011/10/reset-restarted
    with GCD's own preferences

*/
/*------------------------------------
	HTML5 BLOCK ELEMENTS
	Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/*------------------------------------
	HTML5 INLINE BLOCK ELEMENTS
	Correct `block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
  display: inline-block;
  max-width: 100%;
}

/*------------------------------------
	Address styling not present in IE 8/9.
*/
[hidden] {
  display: none;
}

/*--------------------------------------
	BOX MODEL
	This works for IE8 and above.
	For IE7, there'll need to be tweaks
*/
/**
* Let’s make the box model all nice, shall we...?
*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*------------------------------------
	Smooth transitions
*/
/*------------------------------------
	Remove margins and padding
*/
h1, h2, h3, h4, h5, h6,
dl, dd, ol, ul,
p, blockquote, pre,
table, th, td, caption,
form, fieldset, legend,
hr {
  margin: 0;
  padding: 0;
}

/*------------------------------------
	Spacing Resets
*/
ul, ol, dl,
blockquote, p, address,
table,
form, fieldset, figure,
pre {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 60em) {
  ul, ol, dl,
blockquote, p, address,
table,
form, fieldset, figure,
pre {
    margin-bottom: 15.2px;
    margin-bottom: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  ul, ol, dl,
blockquote, p, address,
table,
form, fieldset, figure,
pre {
    margin-bottom: 14.4px;
    margin-bottom: 0.9rem;
  }
}
ul:last-child, ol:last-child, dl:last-child,
blockquote:last-child, p:last-child, address:last-child,
table:last-child,
form:last-child, fieldset:last-child, figure:last-child,
pre:last-child {
  margin-bottom: 0;
}

/*------------------------------------
	HTML & BODY
*/
html {
  font-family: "Helvetica", sans-serif;
  font-size: 1em;
  font-size: 1rem;
  font-size-adjust: none;
  direction: ltr;
  line-height: 1.5;
  min-height: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 60em) {
  html {
    font-size: 0.95em;
  }
}
@media only screen and (max-width: 30em) {
  html {
    font-size: 0.9em;
  }
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-feature-settings: "liga" 1, "kern" 1;
  -moz-font-feature-settings: "liga=1", "kern=1";
  -ms-font-feature-settings: "liga" 1, "kern" 1;
  -o-font-feature-settings: "liga" 1, "kern" 1;
  -webkit-font-feature-settings: "liga" 1, "kern" 1;
  font-feature-settings: "liga" 1, "kern" 1;
  background: #FFFFFF;
  color: #1A1A1A;
  margin: 0;
  position: relative;
  width: 100%;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}

.site-content {
  background: white;
  min-height: 600px;
  padding-bottom: 8px;
}

/*------------------------------------
	SITE DIRECTION
	This should very rarely be touched
*/
/*------------------------------------
	Links
*/
a {
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
}
a:active, a:hover {
  outline: 0;
}
a:hover, a:active, a:focus {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #e5666a;
}

/*------------------------------------
	Headings
*/
h1 {
  color: inherit;
  font-family: "Helvetica", sans-serif;
  font-size: 49px;
  font-size: 3.0625rem;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width: 60em) {
  h1 {
    font-size: 46.55px;
    font-size: 2.909375rem;
  }
}
@media only screen and (max-width: 30em) {
  h1 {
    font-size: 44.1px;
    font-size: 2.75625rem;
  }
}

h2 {
  color: inherit;
  font-family: "Helvetica", sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width: 60em) {
  h2 {
    font-size: 38px;
    font-size: 2.375rem;
  }
}
@media only screen and (max-width: 30em) {
  h2 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

h3 {
  color: inherit;
  font-family: "Helvetica", sans-serif;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width: 60em) {
  h3 {
    font-size: 30.4px;
    font-size: 1.9rem;
  }
}
@media only screen and (max-width: 30em) {
  h3 {
    font-size: 28.8px;
    font-size: 1.8rem;
  }
}

h4 {
  color: inherit;
  font-family: "Helvetica", sans-serif;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width: 60em) {
  h4 {
    font-size: 23.75px;
    font-size: 1.484375rem;
  }
}
@media only screen and (max-width: 30em) {
  h4 {
    font-size: 22.5px;
    font-size: 1.40625rem;
  }
}

h5 {
  color: inherit;
  font-family: "Helvetica", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width: 60em) {
  h5 {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}
@media only screen and (max-width: 30em) {
  h5 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

h6 {
  color: inherit;
  font-family: "Helvetica", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width: 60em) {
  h6 {
    font-size: 15.2px;
    font-size: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  h6 {
    font-size: 14.4px;
    font-size: 0.9rem;
  }
}

/*------------------------------------
	Lists
*/
ul, ol, dd {
  margin-left: 32px;
  margin-left: 2rem;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

dt {
  font-weight: bold;
}

/*------------------------------------
	Code
*/
code,
kbd,
pre,
samp {
  font-size: 16px;
  font-size: 1rem;
  font-family: Consolas, Monaco, "Andale Mono", monospace -family;
}
@media only screen and (max-width: 60em) {
  code,
kbd,
pre,
samp {
    font-size: 15.2px;
    font-size: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  code,
kbd,
pre,
samp {
    font-size: 14.4px;
    font-size: 0.9rem;
  }
}

pre {
  white-space: pre-wrap;
}

/*------------------------------------
	Form
*/
/* form */
/* fieldset */
fieldset {
  border: 0;
}

/* label */
label {
  cursor: pointer;
  display: inline;
  margin-right: 12.8px;
}
label input {
  margin-right: 4px;
  margin-right: 0.25rem;
}

/* input */
button,
input,
select,
textarea {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner,
textarea::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
select {
  text-transform: none;
}

input[type=email]:focus, input[type=email]:active, input[type=number]:focus, input[type=number]:active, input[type=password]:focus, input[type=password]:active, input[type=search]:focus, input[type=search]:active, input[type=tel]:focus, input[type=tel]:active, input[type=text]:focus, input[type=text]:active, input[type=date]:focus, input[type=date]:active {
  cursor: text;
}

input[type=color] {
  line-height: 1;
  padding: 0;
  min-height: 32px;
  min-width: 32px;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
}

input[type=submit], button {
  margin-right: 12.8px;
}

/* textarea */
textarea {
  overflow: auto;
  vertical-align: top;
}
textarea:focus, textarea:active {
  cursor: text;
}

/*------------------------------------
	Inline Elements
*/
b {
  font-weight: 700;
}

strong {
  font-weight: 700;
}
strong strong {
  font-weight: bolder;
}

i, em {
  font-style: italic;
}
i i, i em, em i, em em {
  font-style: normal;
}

small {
  font-size: 13px;
  font-size: 0.8125rem;
}
@media only screen and (max-width: 60em) {
  small {
    font-size: 12.35px;
    font-size: 0.771875rem;
  }
}
@media only screen and (max-width: 30em) {
  small {
    font-size: 11.7px;
    font-size: 0.73125rem;
  }
}

u, ins {
  text-decoration: underline;
}

u.typo {
  text-decoration: none;
  border-bottom: 1px dashed #F2DEDE;
}

dfn {
  font-style: italic;
}

mark {
  color: #1A1A1A;
  background-color: #ffff00;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/*------------------------------------
	Quotations
*/
q {
  quotes: "‘" "’" "“" "”";
}
q:before {
  content: "‘";
  content: open-quote;
}
q:after {
  content: "’";
  content: close-quote;
}
q q:before {
  content: "“";
  content: open-quote;
}
q q:after {
  content: "”";
  content: close-quote;
}

blockquote {
  quotes: "“" "”";
  text-indent: -0.41em;
}
blockquote p {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 60em) {
  blockquote p {
    margin-bottom: 7.6px;
    margin-bottom: 0.475rem;
  }
}
@media only screen and (max-width: 30em) {
  blockquote p {
    margin-bottom: 7.2px;
    margin-bottom: 0.45rem;
  }
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote p:before {
  content: "“";
  content: open-quote;
}
blockquote p:after {
  content: "";
  content: no-close-quote;
}
blockquote p:last-of-type {
  margin-bottom: 0;
}
blockquote p:last-of-type:after {
  content: "”";
  content: close-quote;
}
blockquote q:before {
  content: "‘";
  content: open-quote;
}
blockquote q:after {
  content: "’";
  content: close-quote;
}
blockquote footer {
  display: block;
  margin-top: 8px;
  text-indent: 0;
}
blockquote footer:before {
  content: "—";
}

/*------------------------------------
	Media
*/
img {
  border: 0;
  font-style: italic;
  max-width: 100%;
}
img[height], img[width] {
  max-width: none;
}
img[src$=".gif"], img[src$=".png"] {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

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

figure {
  margin-top: 0;
  margin-top: 0rem;
  margin-right: 0;
  margin-right: 0rem;
  margin-left: 0;
  margin-left: 0rem;
}
figure > * {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 60em) {
  figure > * {
    margin-bottom: 7.6px;
    margin-bottom: 0.475rem;
  }
}
@media only screen and (max-width: 30em) {
  figure > * {
    margin-bottom: 7.2px;
    margin-bottom: 0.45rem;
  }
}
figure > *:last-child {
  margin-bottom: 0;
}

/*------------------------------------
	Rules
*/
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-bottom: 14px;
  margin-bottom: 0.875rem;
  background: rgba(0, 0, 0, 0.1);
  border: 0;
  height: 1px;
}

/*------------------------------------
	Table
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

th:only-of-type {
  text-align: left;
  vertical-align: bottom;
}

td {
  vertical-align: top;
}

/* Cell alignments */
[colspan="1"] {
  text-align: left;
}

[rowspan] {
  vertical-align: middle;
}

[rowspan="1"] {
  vertical-align: top;
}

.-disable-hover,
.-disable-hover * {
  pointer-events: none !important;
}

iframe {
  border: 0;
}

/* Layouts */
/*------------------------------------*\

   	LAYOUT

	Handles the main layout classes
	for the project

/*------------------------------------*/
/*
 * The main grid container
 * Controls the max-width of the site
 */
.l-grid {
  max-width: 1340px;
  max-width: 83.75rem;
  margin-left: auto;
  margin-right: auto;
}

.l-grid--narrow {
  max-width: 893.3333333333px;
  max-width: 55.8333333333rem;
  margin-left: auto;
  margin-right: auto;
}

/*
 * Grid rows
 */
@media only screen and (min-width: 60em) {
  .l-grid__row {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-grid__row:after {
    content: "";
    display: table;
    clear: both;
  }
}

/*
 * Grid children classes
 */
.l-grid__item {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 60em) {
  .l-grid__item {
    margin-bottom: 15.2px;
    margin-bottom: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  .l-grid__item {
    margin-bottom: 14.4px;
    margin-bottom: 0.9rem;
  }
}
.l-grid__item:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 60em) {
  .l-grid__item--primary {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 66.6666666667%;
  }
}

@media only screen and (min-width: 60em) {
  .l-grid__item--secondary {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 33.3333333333%;
    margin-top: 0;
  }
}

@media only screen and (min-width: 60em) {
  .l-grid__item--half {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 60em) {
  .l-grid__item--half-tight {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 60em) {
  .l-grid__item--third {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 33.3333333333%;
  }
}

@media only screen and (min-width: 60em) {
  .l-grid__item--two-thirds {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 66.6666666667%;
  }
}

@media only screen and (min-width: 60em) {
  .l-grid__item--quarter {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 25%;
  }
}

@media only screen and (min-width: 60em) {
  .l-grid__item--three-quarters {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 75%;
  }
}

@media only screen and (min-width: 60em) {
  .l-grid__item--fifth {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 20%;
  }
}

@media only screen and (min-width: 60em) {
  .l-grid__item--two-fifths {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 40%;
  }
}

@media only screen and (min-width: 60em) {
  .l-grid__item--three-fifths {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 60%;
  }
}

@media only screen and (min-width: 60em) {
  .l-grid__item--four-fifths {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
    width: 80%;
  }
}

/*
 * Apply this class to the parent container
 * to lay out the direct children in equal
 * columns
 */
.l-panels--tight {
  margin: -5.3333333333px !important;
}

@media only screen and (max-width: 60em) {
  .l-panels--8 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-panels--8:after {
    content: "";
    display: table;
    clear: both;
  }
  .l-panels--8 > * {
    width: 25%;
  }
  .l-panels--8 > *:nth-child(4n+1) {
    clear: both;
  }
  .l-panels--8 > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
  }
}
@media only screen and (min-width: 60em) {
  .l-panels--8 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-panels--8:after {
    content: "";
    display: table;
    clear: both;
  }
  .l-panels--8 > * {
    width: 12.5%;
  }
  .l-panels--8 > *:nth-child(8n+1) {
    clear: both;
  }
  .l-panels--8 > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
  }
}

@media only screen and (max-width: 60em) {
  .l-panels--6 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-panels--6:after {
    content: "";
    display: table;
    clear: both;
  }
  .l-panels--6 > * {
    width: 33.3333333333%;
  }
  .l-panels--6 > *:nth-child(3n+1) {
    clear: both;
  }
  .l-panels--6 > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
  }
}
@media only screen and (min-width: 60em) {
  .l-panels--6 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-panels--6:after {
    content: "";
    display: table;
    clear: both;
  }
  .l-panels--6 > * {
    width: 16.6666666667%;
  }
  .l-panels--6 > *:nth-child(6n+1) {
    clear: both;
  }
  .l-panels--6 > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
  }
}

@media only screen and (min-width: 30em) and (max-width: 60em) {
  .l-panels--5 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-panels--5:after {
    content: "";
    display: table;
    clear: both;
  }
  .l-panels--5 > * {
    width: 50%;
  }
  .l-panels--5 > *:nth-child(2n+1) {
    clear: both;
  }
  .l-panels--5 > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
  }
}
@media only screen and (min-width: 60em) {
  .l-panels--5 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-panels--5:after {
    content: "";
    display: table;
    clear: both;
  }
  .l-panels--5 > * {
    width: 20%;
  }
  .l-panels--5 > *:nth-child(5n+1) {
    clear: both;
  }
  .l-panels--5 > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
  }
}

@media only screen and (min-width: 30em) and (max-width: 60em) {
  .l-panels--4 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-panels--4:after {
    content: "";
    display: table;
    clear: both;
  }
  .l-panels--4 > * {
    width: 50%;
  }
  .l-panels--4 > *:nth-child(2n+1) {
    clear: both;
  }
  .l-panels--4 > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
  }
}
@media only screen and (min-width: 60em) {
  .l-panels--4 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-panels--4:after {
    content: "";
    display: table;
    clear: both;
  }
  .l-panels--4 > * {
    width: 25%;
  }
  .l-panels--4 > *:nth-child(4n+1) {
    clear: both;
  }
  .l-panels--4 > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
  }
}

@media only screen and (min-width: 30em) and (max-width: 60em) {
  .l-panels--3 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-panels--3:after {
    content: "";
    display: table;
    clear: both;
  }
  .l-panels--3 > * {
    width: 50%;
  }
  .l-panels--3 > *:nth-child(2n+1) {
    clear: both;
  }
  .l-panels--3 > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
  }
}
@media only screen and (min-width: 60em) {
  .l-panels--3 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-panels--3:after {
    content: "";
    display: table;
    clear: both;
  }
  .l-panels--3 > * {
    width: 33.3333333333%;
  }
  .l-panels--3 > *:nth-child(3n+1) {
    clear: both;
  }
  .l-panels--3 > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
  }
}

@media only screen and (min-width: 60em) {
  .l-panels--2 {
    zoom: 1;
    margin-left: -12.8px;
    margin-left: -0.8rem;
    margin-right: -12.8px;
    margin-right: -0.8rem;
  }
  .l-panels--2:after {
    content: "";
    display: table;
    clear: both;
  }
  .l-panels--2 > * {
    width: 50%;
  }
  .l-panels--2 > *:nth-child(2n+1) {
    clear: both;
  }
  .l-panels--2 > * {
    padding-left: 12.8px;
    padding-left: 0.8rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
    min-height: 1px;
    float: left;
  }
}
.l-panels--2 .l-panel {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 60em) {
  .l-panels--2 .l-panel {
    margin-bottom: 30.4px;
    margin-bottom: 1.9rem;
  }
}
@media only screen and (max-width: 30em) {
  .l-panels--2 .l-panel {
    margin-bottom: 28.8px;
    margin-bottom: 1.8rem;
  }
}
.l-panels--2 .l-panel:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 60em) {
  .l-panel {
    margin-bottom: 32px;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 60em) and (max-width: 60em) {
  .l-panel {
    margin-bottom: 30.4px;
    margin-bottom: 1.9rem;
  }
}
@media only screen and (max-width: 60em) and (max-width: 30em) {
  .l-panel {
    margin-bottom: 28.8px;
    margin-bottom: 1.8rem;
  }
}
@media only screen and (max-width: 60em) {
  .l-panel:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 30em) {
  .l-panel {
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 30em) and (max-width: 60em) {
  .l-panel {
    margin-bottom: 15.2px;
    margin-bottom: 0.95rem;
  }
}
@media only screen and (max-width: 30em) and (max-width: 30em) {
  .l-panel {
    margin-bottom: 14.4px;
    margin-bottom: 0.9rem;
  }
}
@media only screen and (max-width: 30em) {
  .l-panel:last-child {
    margin-bottom: 0;
  }
}

.l-panel--tight {
  padding: 5.3333333333px;
  margin: 0;
  margin-bottom: 0 !important;
}

.l-layout-grid > * {
  width: 50%;
  margin: 0;
  padding: 2px;
  float: left;
}
@media only screen and (min-width: 60em) {
  .l-layout-grid > * {
    width: 50%;
  }
}
@media only screen and (min-width: 88em) {
  .l-layout-grid > * {
    width: 33.3333333333%;
  }
}

@media only screen and (min-width: 88em) {
  .l-layout-grid--2 > * {
    width: 50%;
  }
}

.l-grid__item--centered {
  margin: 0 auto;
  float: none;
}

.l-flex {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.l-flex.has-rows {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.l-flex.has-columns {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
.l-flex.align-end {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
.l-flex.align-baseline {
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  box-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  -o-align-items: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
}
.l-flex.wrap {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.l-flex.center-content {
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.l-flex__item {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.l-flex__item.primary-column {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.l-flex__item.secondary-column {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.l-flex__item.dont-grow {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  flex-basis: auto;
  -ms-flex-preferred-size: auto;
}
.l-flex__item.dont-shrink {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
.l-flex__item.align-item-end {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  align-self: flex-end;
  -ms-flex-item-align: end;
}

/*
 * Full screen layouts
 */
.l-full-screen {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

/*
 * Island
 */
.l-island {
  margin-left: auto;
  margin-right: auto;
  width: 450px;
  max-width: 100%;
}

.c-border {
  position: absolute;
  right: 0px;
  left: 0px;
  background: gainsboro;
  height: 1px;
  z-index: 2;
}
@media only screen and (min-width: 30em) and (max-width: 60em) {
  .c-border {
    display: none;
  }
}

.for-1 {
  top: 185px;
}

.for-2 {
  top: 370px;
}

.for-3 {
  top: 555px;
}

.for-4 {
  top: 740px;
}

.for-5 {
  top: 925px;
}

.for-6 {
  top: 1110px;
}

.for-7 {
  top: 1295px;
}

.for-8 {
  top: 1480px;
}

.for-9 {
  top: 1665px;
}

.for-10 {
  top: 1850px;
}

.for-11 {
  top: 2035px;
}

.for-12 {
  top: 2220px;
}

.for-13 {
  top: 2405px;
}

.for-14 {
  top: 2590px;
}

.for-15 {
  top: 2775px;
}

.for-16 {
  top: 2960px;
}

.for-17 {
  top: 3145px;
}

.for-18 {
  top: 3330px;
}

.for-19 {
  top: 3515px;
}

.for-20 {
  top: 3700px;
}

.l-login {
  max-width: 480px;
  margin: 0 auto;
}
.l-login .c-form__label {
  display: block;
}
.l-login .c-form__group {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 60em) {
  .l-login .c-form__group {
    margin-bottom: 15.2px;
    margin-bottom: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  .l-login .c-form__group {
    margin-bottom: 14.4px;
    margin-bottom: 0.9rem;
  }
}
.l-login .c-form__group:last-child {
  margin-bottom: 0;
}
.l-login input[type=text], .l-login input[type=password] {
  width: 100% !important;
}
.l-login label {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 60em) {
  .l-login label {
    margin: 0;
  }
}
.l-login .c-form__actions {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 60em) {
  .l-login .c-form__actions {
    margin-bottom: 15.2px;
    margin-bottom: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  .l-login .c-form__actions {
    margin-bottom: 14.4px;
    margin-bottom: 0.9rem;
  }
}
.l-login .c-form__actions:last-child {
  margin-bottom: 0;
}

.l-products .c-title--quarternary {
  background: rgba(2, 33, 68, 0.05);
  padding: 8px;
  margin-bottom: 8px;
  margin-left: -8px;
}
.l-products .c-title--quarternary label {
  display: block;
}

/* Objects */
/*------------------------------------*\

   	OBJECTS

	Objects are re-usable pieces of code
	which generally don't have aesthetic
	style applied to them

	@namespace o-

/*------------------------------------*/
/* PLACEHOLDERS */
.o-list--clean {
  list-style: none;
  margin-left: 0;
}

.o-list--ib {
  list-style: none;
  margin: 0;
  padding: 0;
}
.o-list--ib > * {
  display: inline-block;
}
.o-list--ib.image-list {
  line-height: 0;
}

.o-list--ib-padded {
  list-style: none;
  margin: 0;
  padding: 0;
}
.o-list--ib-padded > * {
  display: inline-block;
  padding-right: 8px;
}

.o-list--2col {
  list-style: none;
  margin-left: 0;
  zoom: 1;
  margin-left: -12.8px;
  margin-left: -0.8rem;
  margin-right: -12.8px;
  margin-right: -0.8rem;
  /*@include screen-size( sm-max ) {
  	@include items-fill-parent;
  }*/
}
.o-list--2col dd, .o-list--2col li {
  margin-left: 0;
}
.o-list--2col * > a:only-child {
  display: block;
}
.o-list--2col:after {
  content: "";
  display: table;
  clear: both;
}
.o-list--2col > * {
  width: 50%;
}
.o-list--2col > *:nth-child(2n+1) {
  clear: both;
}
.o-list--2col > * {
  padding-left: 12.8px;
  padding-left: 0.8rem;
  padding-right: 12.8px;
  padding-right: 0.8rem;
  min-height: 1px;
  float: left;
}

.c-list-table {
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.c-list-table > * {
  display: table-cell;
  vertical-align: middle;
  padding: 16px 5.3333333333px;
  text-align: center;
}

/*
 * Media Object
 *
 *	Image floats left, body has overflow of hidden.
 *	Based on the Media Object by Nicole Sullivan
 *
 *	http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
*/
.o-media {
  zoom: 1;
}
.o-media:after {
  content: "";
  display: table;
  clear: both;
}

.o-media__image {
  float: left;
  margin-right: 16px;
}
.o-media--reverse .o-media__image {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}

.o-media__body {
  overflow: hidden;
}

/*
 * The Flag Object
 */
.o-flag {
  display: table;
  width: 100%;
}

.o-flag__image {
  display: table-cell;
  white-space: nowrap;
  width: 1px;
}
.o-flag__image img {
  max-width: none;
}
.o-flag--middle .o-flag__image {
  vertical-align: middle;
}

.o-flag__body {
  display: table-cell;
}
.o-flag--middle .o-flag__body {
  vertical-align: middle;
}

.o-box {
  padding: 16px;
}

.o-box--double {
  padding: 24px;
}

/*
 * Base footer class
 */
.o-band {
  zoom: 1;
  position: relative;
}
.o-band:after {
  content: "";
  display: table;
  clear: both;
}

.o-band--padded {
  padding: 16px;
}
@media only screen and (min-width: 60em) {
  .o-band--padded {
    padding: 32px;
  }
}

.o-band--padded-small-height {
  padding: 22px 32px;
}

.o-band--padded-extra {
  padding: 48px;
}

.o-band--shade {
  background: whitesmoke;
}

.o-pill {
  padding-top: 4px;
  padding-top: 0.25rem;
  padding-right: 4px;
  padding-right: 0.25rem;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  padding-left: 4px;
  padding-left: 0.25rem;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}

/* Components */
/*------------------------------------*\

   	Alerts

/*------------------------------------*/
/*
 * Base alert class
 */
.c-alert {
  background: #D9EDF7;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 24px;
  border: 1px solid #afd9ee;
  color: #1a1a1a;
  padding: 10.6666666667px 16px;
  border-radius: 3px;
  text-align: left;
}
@media only screen and (max-width: 60em) {
  .c-alert {
    margin-bottom: 15.2px;
    margin-bottom: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  .c-alert {
    margin-bottom: 14.4px;
    margin-bottom: 0.9rem;
  }
}
.c-alert:last-child {
  margin-bottom: 0;
}
.c-alert > * {
  margin-bottom: 0;
}
.c-alert:before {
  content: "\e81a";
  font-family: "cde-pricing-icons";
  font-weight: normal;
  color: #1a1a1a;
  float: left;
  margin: 0 8px 0 0;
}

.c-alert--no-icon:before {
  display: none;
}

.c-alert--error, .Red {
  background: #F2DEDE;
  border: 1px solid #e4b9b9;
}
.c-alert--error:before, .Red:before {
  content: "\e816";
}

.c-alert--info {
  background: #D9EDF7;
  border: 1px solid #c4e3f3;
}
.c-alert--info:before {
  content: "\e813";
}

.c-alert--warning, .Amber {
  background: #FCF8E3;
  border: 1px solid #f7ecb5;
}
.c-alert--warning:before, .Amber:before {
  content: "\e811";
}

.c-alert--success, .Green {
  background: #DFF0D8;
  border: 1px solid #c1e2b3;
}
.c-alert--success:before, .Green:before {
  content: "\e81d";
}

.c-alert--validation {
  padding-top: 4px;
  padding-top: 0.25rem;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  color: #a84242;
  position: absolute;
  left: 100%;
  border-radius: 3px;
  font-size: 13px;
  min-width: 135px;
  z-index: 1;
  border: none;
}
.c-alert--validation:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #f2dede;
  position: absolute;
  left: -6px;
  top: 6px;
}

/*------------------------------------*\

   	BREADCRUMB

/*------------------------------------*/
/*
 * The base breadcrumb class
 */
.c-breadcrumb {
  list-style: none;
  font-size: 13px;
  position: relative;
  display: block;
}
@media only screen and (min-width: 60em) {
  .c-breadcrumb {
    margin-bottom: 0;
  }
}
.c-breadcrumb a {
  display: inline;
  text-decoration: none;
}
.c-breadcrumb a:after {
  font-size: 13px;
  font-size: 0.8125rem;
  content: "\e807";
  font-family: "cde-pricing-icons";
  font-weight: normal;
  line-height: inherit;
  margin: 0 5.3333333333px 0 8px;
  opacity: 0.3;
  color: #1a1a1a;
}
@media only screen and (max-width: 60em) {
  .c-breadcrumb a:after {
    font-size: 12.35px;
    font-size: 0.771875rem;
  }
}
@media only screen and (max-width: 30em) {
  .c-breadcrumb a:after {
    font-size: 11.7px;
    font-size: 0.73125rem;
  }
}
.c-breadcrumb a:last-child:after {
  content: "";
}

/*------------------------------------*\

   	BUTTONS

	The c-button class can be applied
	to any element

	Variation classes to provide other
	styles

	.c-button
	.c-button--primary
	.c-button--secondary

/*------------------------------------*/
/*
 * The base button class
 */
.c-button {
  background: #DCDCDC;
  border-color: #DCDCDC;
  color: #5d5d5d;
  font-weight: bold;
  border: 0;
  line-height: 42px;
  min-height: 42px;
  text-decoration: none;
  /*+ .c-button {
  	margin-left: $padding/2;
  }*/
}
.c-button:visited {
  color: #5d5d5d;
}
.c-button:hover {
  background: #cfcfcf;
  color: #434343;
}
.c-button:active {
  background: #c3c3c3;
  color: #2a2a2a;
}
.c-button[disabled] {
  background: #DCDCDC;
}
.c-button[disabled]:hover, .c-button[disabled]:active {
  background: #DCDCDC;
}
.c-button:hover {
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  border: 0;
  text-decoration: none;
}
.c-button:active {
  background: #9c9c9c;
}
.c-button:only-child {
  margin: 0;
}
.c-form--inline .c-button {
  line-height: 35px;
  min-height: 35px;
}

.c-button--primary {
  background: #c42127;
  border-color: #c42127;
  color: white;
}
.c-button--primary:visited {
  color: white;
}
.c-button--primary:hover {
  background: #ae1d23;
  color: white;
}
.c-button--primary:active {
  background: #981a1e;
  color: white;
}
.c-button--primary[disabled] {
  background: #c42127;
}
.c-button--primary[disabled]:hover, .c-button--primary[disabled]:active {
  background: #c42127;
}

.c-button--secondary {
  background: #022144;
  border-color: #022144;
  color: white;
}
.c-button--secondary:visited {
  color: white;
}
.c-button--secondary:hover {
  background: #01152b;
  color: white;
}
.c-button--secondary:active {
  background: #010912;
  color: white;
}
.c-button--secondary[disabled] {
  background: #022144;
}
.c-button--secondary[disabled]:hover, .c-button--secondary[disabled]:active {
  background: #022144;
}

.c-button--small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 26.6666666667px;
  min-height: 26.6666666667px;
}
@media only screen and (max-width: 60em) {
  .c-button--small {
    font-size: 11.4px;
    font-size: 0.7125rem;
  }
}
@media only screen and (max-width: 30em) {
  .c-button--small {
    font-size: 10.8px;
    font-size: 0.675rem;
  }
}

.c-button--large {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 57.6px;
  min-height: 57.6px;
  padding-right: 28.8px;
  padding-left: 28.8px;
}
@media only screen and (max-width: 60em) {
  .c-button--large {
    font-size: 23.75px;
    font-size: 1.484375rem;
  }
}
@media only screen and (max-width: 30em) {
  .c-button--large {
    font-size: 22.5px;
    font-size: 1.40625rem;
  }
}

.c-button--full-width {
  width: 100%;
}

.c-button-bar {
  padding: 16px 0 16px 0;
}

/*
 * Minimal Button
 */
.c-button--text {
  background: transparent !important;
  padding: 0;
  border: none !important;
  color: #c42127 !important;
}
.c-button--text:hover {
  color: #e25055 !important;
}
td .c-button--text {
  line-height: inherit;
  min-height: inherit;
}

.c-sticky-button {
  border-radius: 0;
  text-align: center;
  min-height: 60px;
  line-height: 60px;
}

.c-sticky-button-group {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.c-sticky-button-group__item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/*------------------------------------*\

   	DATEPICKER

/*------------------------------------*/
.ui-datepicker {
  padding-top: 10.6666666667px;
  padding-top: 0.6666666667rem;
  padding-right: 10.6666666667px;
  padding-right: 0.6666666667rem;
  padding-bottom: 10.6666666667px;
  padding-bottom: 0.6666666667rem;
  padding-left: 10.6666666667px;
  padding-left: 0.6666666667rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-left: -8px;
  margin-left: -0.5rem;
  background: #022144;
  border-radius: 2px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  color: darkgray;
}
.ui-datepicker a {
  color: white;
}
.ui-datepicker table {
  color: darkgray;
  max-width: 100%;
  table-layout: fixed;
  width: 256px;
  text-align: center;
}
.ui-datepicker table th, .ui-datepicker table td {
  padding-top: 2px;
  padding-top: 0.125rem;
  padding-bottom: 2px;
  padding-bottom: 0.125rem;
}
.ui-datepicker .ui-datepicker-next {
  float: right;
}
.ui-datepicker .ui-datepicker-prev {
  float: left;
}
.ui-datepicker .ui-datepicker-title {
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}

/*------------------------------------*\

   	FORMS

	Forms should be laid out using the
	following html...



/*------------------------------------*/
/*
 * The base form component
 */
.c-form input[type=email], .c-form input[type=number], .c-form input[type=password], .c-form input[type=search], .c-form input[type=tel], .c-form input[type=text], .c-form input[type=date], .c-form textarea {
  display: inline-block;
  vertical-align: baseline;
  padding-top: 0;
  padding-top: 0rem;
  padding-bottom: 0;
  padding-bottom: 0rem;
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  color: #1A1A1A;
  background: #ffffff;
  line-height: 16px;
  max-width: 100%;
  min-height: 35.2px;
  width: 100%;
  font-family: inherit;
  border: 1px solid #DCDCDC;
  border-color: gainsboro;
  line-height: inherit;
  border-radius: 1.5px;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 30em) {
  .c-form input[type=email], .c-form input[type=number], .c-form input[type=password], .c-form input[type=search], .c-form input[type=tel], .c-form input[type=text], .c-form input[type=date], .c-form textarea {
    width: 100%;
  }
}
@media only screen and (min-width: 60em) {
  .c-form input[type=email], .c-form input[type=number], .c-form input[type=password], .c-form input[type=search], .c-form input[type=tel], .c-form input[type=text], .c-form input[type=date], .c-form textarea {
    width: 75%;
  }
}
.c-sidebar .c-form input[type=email], .c-sidebar .c-form input[type=number], .c-sidebar .c-form input[type=password], .c-sidebar .c-form input[type=search], .c-sidebar .c-form input[type=tel], .c-sidebar .c-form input[type=text], .c-sidebar .c-form input[type=date], .c-sidebar .c-form textarea {
  width: 100%;
}
.c-form--inline .c-form input[type=email], .c-form--inline .c-form input[type=number], .c-form--inline .c-form input[type=password], .c-form--inline .c-form input[type=search], .c-form--inline .c-form input[type=tel], .c-form--inline .c-form input[type=text], .c-form--inline .c-form input[type=date], .c-form--inline .c-form textarea {
  width: auto;
}
.c-form .is-invalid input[type=date] {
  width: auto;
}
.c-form input[type=text] + input[type=text] {
  margin-top: 4px;
}
.c-form.c-form--stacked input[type=email], .c-form.c-form--stacked input[type=number], .c-form.c-form--stacked input[type=password], .c-form.c-form--stacked input[type=search], .c-form.c-form--stacked input[type=tel], .c-form.c-form--stacked input[type=text], .c-form.c-form--stacked input[type=date], .c-form.c-form--stacked textarea {
  width: 100%;
}

.c-form__section {
  padding: 16px;
}
.c-form__section:last-child {
  border: none;
}

.c-field-group {
  margin-bottom: 8px;
}
@media only screen and (min-width: 60em) {
  .c-field-group {
    zoom: 1;
  }
  .c-field-group:after {
    content: "";
    display: table;
    clear: both;
  }
}
.c-form--inline .c-field-group {
  display: inline-block;
  vertical-align: middle;
  margin: 0 16px 0 0;
}

.c-field-group__label {
  color: #1a1a1a;
  margin-bottom: 5.3333333333px;
  display: block;
  font-weight: bold;
}
@media only screen and (min-width: 60em) {
  .c-field-group__label {
    width: 33.3333333333%;
    text-align: right;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 6px;
    padding-right: 8px;
  }
  .c-form--stacked .c-field-group__label {
    width: auto;
    float: none;
    text-align: left;
    margin-bottom: 5.3333333333px;
  }
}
.c-form--inline .c-field-group__label {
  width: auto;
}
.c-form--inline .c-field-group__label label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
.c-field-group__label label {
  margin-right: 0;
}
.is-required .c-field-group__label label:after {
  font-size: 13px;
  content: "*";
  font-weight: normal;
  margin-left: 4px;
  color: #E31344;
}
.is-invalid .c-field-group__label {
  color: #E31344;
}
.c-sidebar .c-field-group__label {
  width: 25%;
}

@media only screen and (min-width: 60em) {
  .c-field-group__field {
    width: 66.6666666667%;
    float: left;
  }
  .c-form--stacked .c-field-group__field {
    width: auto;
    float: none;
  }
  .c-field-group__field select {
    margin-top: 6px;
  }
}
.c-form--inline .c-field-group__field {
  width: auto;
}
.c-form--inline .c-field-group__field input {
  width: auto;
}

.is-invalid input[type=email], .is-invalid input[type=number], .is-invalid input[type=password], .is-invalid input[type=search], .is-invalid input[type=tel], .is-invalid input[type=text], .is-invalid input[type=date], .is-invalid textarea {
  border: 1px solid #E31344;
  box-shadow: 0px 0px 0px 2px #efd7d7;
}

.c-validation-message {
  font-size: 13px;
  color: #E31344;
  display: block;
  clear: both;
  margin-top: 4px;
}

.c-button-group {
  text-align: center;
}

.c-button-group--padded {
  padding: 16px 0;
}
.c-sidebar .c-button-group--padded {
  padding: 32px 0;
}

.c-legend {
  display: inline-block;
  margin-bottom: 16px;
}

.c-text-field {
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  padding-left: 8px;
  padding-left: 0.5rem;
  border-radius: 0;
  box-sizing: border-box;
  line-height: 32px;
  min-height: 64px;
  appearance: none;
  border: 1px solid #d7d7d7;
  width: 100%;
}

/*------------------------------------*\
    #HEADER COMPONENT
\*------------------------------------*/
/*
 * The main fixed header component, should
 * be nested directly inside the body
 */
.c-header {
  background: #022144;
  height: 70px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.c-header__logo {
  float: left;
  padding: 22px 8px 6px 16px;
}
.c-header__logo img {
  max-width: 65px;
}

.c-header__dropdown {
  width: 25%;
  float: left;
  padding: 13.3333333333px 0;
}

.c-header__section {
  padding: 0 16px;
  line-height: 50px;
}

.c-header__section--bordered {
  border-left: 1px solid #010912;
}

.c-header__user {
  padding: 8px;
  padding-right: 16px;
  line-height: 70px;
  float: right;
}
.c-header__user a {
  color: white;
  font-weight: 700;
}

.c-header__user-info {
  line-height: 45px;
  text-align: right;
  padding: 4px;
}

.c-header__options {
  color: white !important;
  text-decoration: none;
  font-weight: 700;
  margin-top: 10px;
}
.c-header__options:hover {
  opacity: 0.7;
}

.c-user-avatar {
  background: #010912;
  color: white;
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  position: relative;
  text-align: center;
  background-size: cover;
  line-height: 34px;
  font-weight: bold;
  font-size: 12px;
}

.c-header__link:hover {
  text-decoration: none;
}

.c-page-title {
  margin-bottom: 16px;
  font-size: 20px;
}
@media only screen and (min-width: 60em) {
  .c-page-title {
    font-size: 22px;
  }
}
.has-floorplan .c-page-title {
  margin-bottom: 0;
}

.c-page-header__list {
  font-size: 14px;
}

.notification-icon {
  background: #010912;
  color: white;
  border-radius: 360px;
  padding: 10px 8px;
  width: 34px;
  height: 34px;
  text-align: center;
  font-weight: 700;
  text-decoration: none !important;
  font-size: 12px;
  display: block;
  float: right;
  line-height: 16px;
  margin: 8px 0 8px 16px;
}

a .notification-icon {
  text-decoration: none !important;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "cde-pricing-icons";
    src: url('../font/cde-pricing-icons.svg?93479532#cde-pricing-icons') format('svg');
  }
}
*/
[class^=c-icon--]:before, [class*=" c-icon--"]:before {
  font-family: "cde-pricing-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.c-masthead .c-button .c-icon {
  position: relative;
  top: 2px;
}

.c-icon--large {
  font-size: 32px;
}

.c-icon--grid:before {
  content: "\f00b";
}

.c-icon--cog:before {
  content: "\f014";
}

.c-icon--arrow-left:before {
  content: "\f054";
}

.c-icon--tick:before {
  content: "\f00d";
}

.c-icon--refresh:before {
  content: "\f022";
}

.c-icon--arrow-down:before {
  content: "\f079";
}

.c-icon--download:before {
  content: "\e961";
}

.c-icon--user:before {
  content: "\e972";
}

.c-icon--user-locked {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.c-icon--search:before {
  content: "\e800";
}

.c-icon--search-1:before {
  content: "\e801";
}

.c-icon--right-open-big:before {
  content: "\e802";
}

.c-icon--down-dir:before {
  content: "\e803";
}

.c-icon--press:before {
  content: "\e805";
}

.c-icon--expand-icon:before {
  content: "\e806";
}

.c-icon--right-dir:before {
  content: "\e807";
}

.c-icon--dupe-icon:before {
  content: "\e808";
}

.c-icon--hand:before {
  content: "\e809";
}

.c-icon--circle:before {
  content: "\e80a";
}

.c-icon--pen:before {
  content: "\e80b";
}

.c-icon--square:before {
  content: "\e80c";
}

.c-icon--cursor:before {
  content: "\e80d";
}

.c-icon--calendar:before {
  content: "\e80e";
}

.c-icon--plus:before {
  content: "\e80f";
}

.c-icon--minus:before {
  content: "\e810";
}

.c-icon--attention:before {
  content: "\e811";
}

.c-icon--error-alt:before {
  content: "\e812";
}

.c-icon--info-circled:before {
  content: "\e813";
}

.c-icon--down-open-big:before {
  content: "\e814";
}

.c-icon--up-open-big:before {
  content: "\e815";
}

.c-icon--cancel:before {
  content: "\e816";
}

.c-icon--cancel-circle:before {
  content: "\e817";
}

.c-icon--trash-empty:before {
  content: "\e818";
}

.c-icon--dupe:before {
  content: "\e819";
}

.c-icon--rotate:before {
  content: "\e81a";
}

.c-icon--fullscreen:before {
  content: "\e81b";
}

.c-icon--reduce-screen:before {
  content: "\e81c";
}

.c-icon--list:before {
  content: "\e9bb";
}

.c-icon--left-align:before {
  content: "\ea77";
}

.c-icon--center:before {
  content: "\ea78";
}

.c-icon--right-align:before {
  content: "\ea79";
}

.c-icon--no-download:before {
  content: "\e900";
}

.c-icon--view-document:before {
  content: "\e901";
}

.c-icon--edit-document:before {
  content: "\e902";
}

/*------------------------------------*\

   	IMAGES

/*------------------------------------*/
.c-image--centered {
  margin: 0 auto;
  display: block;
}

.c-image--framed {
  border: 4px solid white;
  box-shadow: 0px 2px 2px 1px gainsboro;
}

.c-image--zoomable {
  position: relative;
  display: inline-block;
  line-height: 16px;
}
.c-image--zoomable:before {
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-family: "cde-pricing-icons";
  content: "\e806";
  background: rgba(0, 0, 0, 0.4);
  padding: 4px;
  border-radius: 1.5px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  color: white;
  cursor: pointer;
  opacity: 0;
}
.c-image--zoomable:hover:before {
  display: block;
  padding: 6px;
  opacity: 1;
}
.c-image--zoomable:hover {
  opacity: 0.8;
}

img {
  border-radius: 1.5px;
}

.c-issue-thumb {
  max-width: 100%;
  max-height: 100%;
}

.c-issues-table {
  margin-bottom: 32px;
  border-bottom: 1px solid gainsboro;
}

.c-issues-table__issues {
  border-top: 1px solid gainsboro;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.c-issues-table__fixture {
  background: white;
  border-right: 1px solid gainsboro;
  border-left: 1px solid gainsboro;
  margin-top: -1px;
}

.c-issues-table__fixture-overview {
  padding: 16px;
  border-top: 1px solid gainsboro;
}
@media only screen and (min-width: 30em) and (max-width: 60em) {
  .c-issues-table__fixture-overview {
    border-right: 1px solid gainsboro;
  }
}

.c-issues-table__issue {
  padding: 16px;
  border-left: 1px solid gainsboro;
}
@media only screen and (min-width: 30em) and (max-width: 60em) {
  .c-issues-table__issue {
    border-left: none;
  }
}

.c-floor-tag {
  background: white;
  border-radius: 3px 3px 0 0;
  margin: 0 32px;
  display: inline-block;
  padding: 16px 24px;
  border-top: 1px solid gainsboro;
  border-left: 1px solid gainsboro;
  border-right: 1px solid gainsboro;
  font-weight: 700;
}

.c-issue-location {
  background: #f0f0f0;
  border-radius: 1.5px;
  text-align: center;
  padding: 13px;
  border: 1px solid #d6d6d6;
}
.c-thumbs-list .c-issue-location {
  width: 120px;
  height: 113px;
  padding: 17px 16px;
}
.c-fixture-view .c-issue-location {
  padding: 28px 13px;
}

.c-issue-location__icon {
  display: block;
  margin: 0 auto;
  margin-bottom: 8px;
  height: 49px;
}

.c-issue-location__label {
  display: block;
  font-size: 13px;
}

.c-thumbs-list {
  zoom: 1;
}
.c-thumbs-list:after {
  content: "";
  display: table;
  clear: both;
}

.c-thumbs-list__image {
  float: left;
  margin-right: 8px;
  height: 113px;
  background: #e3e3e3;
  display: table;
  width: 152px;
  border-radius: 3px;
  text-align: center;
}
.c-fixture-view .c-primary-row .c-thumbs-list__image {
  height: 133px;
  width: 100%;
}
.c-fixture-view .c-secondary-rows .c-thumbs-list__image {
  height: 87px;
  width: 100%;
}

.c-thumbs-list__image-inner {
  display: table-cell;
  vertical-align: middle;
  height: 113px;
}
.c-fixture-view .c-primary-row .c-thumbs-list__image-inner {
  height: 134px;
}
.c-fixture-view .c-secondary-rows .c-thumbs-list__image-inner {
  height: 87px;
}

/*------------------------------------*\

   	LOADING

   	Styles for loading spinner

/*------------------------------------*/
.c-spinner {
  width: 40px;
  height: 40px;
  background-color: #022144;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  z-index: 11;
  -webkit-animation: sk-rotateplane 0.6s infinite ease-in-out;
  animation: sk-rotateplane 0.6s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.c-page-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
}

.c-spinner.event-processing, .c-page-overlay.event-processing {
  display: none;
}

body.event-processing .c-spinner.event-processing, body.event-processing .c-page-overlay.event-processing {
  display: block;
}

/*------------------------------------*\

   	MAIN

/*------------------------------------*/
/*
 * The base main
 */
.c-main {
  position: relative;
  overflow: auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 22px 16px;
}
@media only screen and (min-width: 60em) {
  .c-main {
    padding: 22px 32px;
  }
}

.c-main-layout-wrapper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: rgba(2, 33, 68, 0.05);
}
.c-main-layout-wrapper > form:first-child {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.c-main-layout-wrapper > form:first-child p.back-link {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-positive: 0;
}
.c-main-layout-wrapper > form:first-child > .c-main:first-child {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-main-layout-wrapper > form:first-child > div:first-child {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.c-main--no-padding {
  padding: 0;
}

.c-primary-column {
  overflow: auto;
}

/*
 * The module component is used for
 * UI modules
 */
.c-module {
  background: white;
  border-radius: 3px;
  position: relative;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  zoom: 1;
  box-shadow: 0px 0px 4px #cecece;
}
@media only screen and (max-width: 60em) {
  .c-module {
    margin-bottom: 15.2px;
    margin-bottom: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  .c-module {
    margin-bottom: 14.4px;
    margin-bottom: 0.9rem;
  }
}
.c-module:last-child {
  margin-bottom: 0;
}
.c-module:after {
  content: "";
  display: table;
  clear: both;
}

.c-module--b {
  background-color: #888888;
  color: white;
  color: white;
}
.c-module--b a, .c-module--b a:visited {
  color: white;
}

.c-module--c {
  background: transparent;
  box-shadow: none;
}

.c-module__title {
  font-size: 25px;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 60em) {
  .c-module__title {
    margin-bottom: 15.2px;
    margin-bottom: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  .c-module__title {
    margin-bottom: 14.4px;
    margin-bottom: 0.9rem;
  }
}
.c-module__title:last-child {
  margin-bottom: 0;
}

.c-module--bordered {
  border: 1px solid gainsboro;
}

.c-module--padded {
  padding: 16px;
}

.c-module--padded-extra {
  padding: 32px;
}

.c-box {
  background: white;
  border-radius: 3px;
  position: relative;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  border: 1px solid gainsboro;
  zoom: 1;
}
@media only screen and (max-width: 60em) {
  .c-box {
    margin-bottom: 15.2px;
    margin-bottom: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  .c-box {
    margin-bottom: 14.4px;
    margin-bottom: 0.9rem;
  }
}
.c-box:last-child {
  margin-bottom: 0;
}
.c-box:after {
  content: "";
  display: table;
  clear: both;
}

.c-box--padded {
  padding: 16px;
}

.c-box--alt {
  background: #d6d6d6;
}

.c-nav-bar {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  background: #022144;
  padding: 10.6666666667px;
}

.c-nav-list {
  list-style: none;
  margin-left: 0;
  line-height: 30px;
  font-size: 14px;
  font-weight: 700;
  float: left;
  padding: 16px 8px;
}
.c-nav-list dd, .c-nav-list li {
  margin-left: 0;
}
.c-nav-list * > a:only-child {
  display: block;
}
.c-nav-list > li {
  margin-right: 5.3333333333px;
}
.c-nav-list li > a {
  display: block;
  text-decoration: none;
  padding: 2px 16px;
}
.c-nav-list li > a:hover, .c-nav-list li.is-current {
  background: #010912;
  border-radius: 3px;
}

.c-nav-list__item {
  position: relative;
}
.c-nav-list__item a {
  color: white;
}

.c-nav-list__settings:hover > a {
  background: white !important;
  border-radius: 3px 3px 0 0 !important;
  color: #022144;
}
.c-nav-list__settings:hover .c-subnav {
  display: block;
}

.c-nav-list > li > .c-subnav {
  display: none;
  position: absolute;
  right: 0px;
  border-radius: 3px 0 3px 3px;
  background: white;
  width: 200px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  font-size: 14px;
  z-index: 999;
}
.c-nav-list > li > .c-subnav li {
  border-bottom: 1px solid gainsboro;
}
.c-nav-list > li > .c-subnav li:last-child {
  border-bottom: none;
}
.c-nav-list > li > .c-subnav a {
  padding: 10.6666666667px 16px;
  color: #1a1a1a;
  font-weight: normal;
}
.c-nav-list > li > .c-subnav a:hover {
  background: #f2f2f2;
  border-radius: 0;
}

.page {
  background: transparent;
  background: url("/static/images/login-bg.jpg") no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}

.c-page {
  position: fixed;
  top: 130px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: 100%;
}
.c-page.c-no-connection {
  position: inherit;
}

.c-page-content {
  background: white;
  border-radius: 3px;
  padding: 32px;
  border: 4px solid #c4d3e0;
  margin-top: -128px;
}

.flex-wrapper {
  display: flex;
  height: 100%;
}

.c-content__inner {
  padding: 32px 48px;
}

.c-content__header {
  background: white;
  border-bottom: 1px solid gainsboro;
}
.c-content__header.has-tabs {
  padding: 22px 32px;
  padding-bottom: 0;
  border-bottom: 0;
}

.c-page-header--overlayed {
  position: absolute;
  width: 100%;
  z-index: 100;
  background: rgba(237, 237, 237, 0.4);
}

/*------------------------------------*\

   	PAGER

	Styles for standard pager as well
	as floor selector, vertical pager
	and any other type of toolbar on
	the site.

	For vertical use: c-pager--vert
	For a selected item use: -is-selected

/*------------------------------------*/
/*
 * The base pager class
 */
.c-pager, .c-toolbar {
  position: relative;
  background: white;
  list-style: none;
  margin-left: 0;
  font-weight: bold;
  border-radius: 3px;
  border: 1px solid gainsboro;
  zoom: 1;
  display: inline-block;
}
.c-pager dd, .c-toolbar dd, .c-pager li, .c-toolbar li {
  margin-left: 0;
}
.c-pager:after, .c-toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.c-pager .c-icon:before, .c-toolbar .c-icon:before {
  margin: 0;
}

.c-pager__item, .c-toolbar__item {
  float: left;
  position: relative;
  border-right: 1px solid gainsboro;
}
.c-pager__item a, .c-toolbar__item a {
  padding: 12px 18px;
  text-decoration: none;
  display: block;
  color: #1a1a1a;
}
.c-pager__item a:hover, .c-toolbar__item a:hover {
  background: #f2f2f2;
}
.c-pager__item:last-child, .c-toolbar__item:last-child {
  border-right: none;
}
.c-pager__item:last-child a, .c-toolbar__item:last-child a {
  border-radius: 0 3px 3px 0;
}
.c-pager--vert .c-pager__item:last-child, .c-pager--vert .c-toolbar__item:last-child {
  border-bottom: none;
}
.c-pager--vert .c-pager__item:last-child a, .c-pager--vert .c-toolbar__item:last-child a {
  border-radius: 0 0 3px 3px;
}
.c-pager__item:first-child a, .c-toolbar__item:first-child a {
  border-radius: 3px 0 0 3px;
}
.c-pager--vert .c-pager__item:first-child a, .c-pager--vert .c-toolbar__item:first-child a {
  border-radius: 3px 3px 0 0;
}
.c-pager--vert .c-pager__item, .c-pager--vert .c-toolbar__item {
  float: none;
  border-right: none;
  border-bottom: 1px solid gainsboro;
  text-align: center;
}

.c-pager__item.-is-selected, .-is-selected.c-toolbar__item {
  overflow: visible;
}
.c-pager__item.-is-selected a, .-is-selected.c-toolbar__item a {
  background: #1a1a1a;
  color: white;
  z-index: 4;
}
.c-pager__item.-is-selected a:hover, .-is-selected.c-toolbar__item a:hover {
  background: #1a1a1a;
  cursor: default;
}

.c-pager__issue-indicator {
  display: block;
  width: 8px;
  height: 8px;
  background: #022144;
  position: absolute;
  top: 3.2px;
  right: 3.2px;
  z-index: 5;
  border-radius: 30px;
}

.c-toolbar__item {
  width: auto;
  height: auto;
}
.c-toolbar__item a {
  color: #c42127;
  font-size: 20px;
  padding: 8px;
}
.c-toolbar__item.-is-selected {
  width: auto;
  height: auto;
}
.c-toolbar__item.-is-selected a {
  background: #1a1a1a;
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 8px;
  width: auto;
  color: white;
  z-index: 4;
}
.c-toolbar__item.-is-selected a:hover {
  background: #c42127;
}

.pager {
  margin: 16px 0;
}

.pager-item {
  padding: 4px 8px;
  margin: 2px;
  color: #4d4d4d !important;
  background: #d6d6d6;
  text-decoration: none;
  border-radius: 3px;
  font-size: 13px;
}
.pager-item.selected {
  background: #022144;
  color: white !important;
}
.pager-item.selected:hover {
  background: #022144;
}
.pager-item:hover {
  background: #c3c3c3;
  text-decoration: none;
  color: #022144;
}

.c-pill {
  background-color: #888888;
  color: white;
  line-height: 5px;
  font-size: 11px;
  position: relative;
  left: 5px;
  border-radius: 1.5px;
  text-transform: uppercase;
  font-weight: bold;
  opacity: 0.5;
}
.c-pill a, .c-pill a:visited {
  color: white;
}

/*------------------------------------*\

	SITE SEARCH

/*------------------------------------*/
/*
 * The base site-search class
 */
.c-site-search {
  position: absolute;
  top: 70px;
  right: 0px;
  left: 0px;
  background: #c42127;
  padding: 16px;
  z-index: 999;
}
.c-site-search.open {
  display: block;
}
.c-site-search fieldset {
  white-space: nowrap;
}
.c-site-search .button {
  vertical-align: top;
}

#search-button.selected {
  background: #c42127;
  color: white;
  transition: none;
}

.c-product-picker--image {
  max-width: 70px;
  max-height: 50px;
}

/*------------------------------------*\

   	TABS

	@namespace c-tabs

/*------------------------------------*/
/*
 * Base tabs class
 */
.c-tabs {
  zoom: 1;
  position: relative;
}
.c-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.c-content__header .c-tabs {
  margin-top: 32px;
}

/*
 * Individual tab
 */
.c-tabs__tab {
  position: relative;
  display: inline-block;
  background: #c42127;
  font-weight: 700;
  padding: 8px 16px;
  border: 1px solid #981a1e;
  border-bottom: none;
  color: white;
  text-decoration: none;
  border-radius: 6px 6px 0 0;
  float: left;
  margin-right: 1px;
  cursor: pointer;
  margin-bottom: -1px;
  min-height: 41px;
}
.c-tabs__tab > a {
  color: white;
  text-decoration: none;
}
.c-tabs__tab:hover {
  background: #981a1e;
  text-decoration: none;
}
.c-tabs__tab.is-active {
  background-color: white;
  border-color: #e6e6e6;
  cursor: default;
  color: #1a1a1a;
  border-bottom: 1px solid white;
}
.c-tabs__tab.is-active:hover {
  background: white !important;
}
.floor-picker .c-tabs__tab.is-active {
  padding-right: 50px;
}
.c-tabs__tab.is-active span.label {
  cursor: text;
  padding: 1px;
}
.c-tabs__tab.editing {
  padding: 6px;
}
.floor-picker .c-tabs__tab.editing {
  padding-right: 37px;
}

.c-tab-menu-button {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-left: 1px solid #e6e6e6;
  background: transparent !important;
  padding: 8px 4px 6px 4px;
  cursor: pointer;
  border-radius: 0 3px 0 0;
}
.c-tab-menu-button:hover {
  background: #ebebeb !important;
}
.c-tab-menu-button:hover .c-tab-menu {
  display: block;
}
.is-active .c-tab-menu-button {
  display: block;
}

.c-tab-menu {
  position: absolute;
  top: 90%;
  left: -1px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 3px 3px 3px;
  min-width: 130px;
  background: white;
  list-style: none;
  margin: 0;
  font-size: 12px;
  z-index: 9;
  display: none;
}
.c-tab-menu li a {
  display: block;
  padding: 8px;
  border-bottom: 1px solid gainsboro;
  text-decoration: none;
}
.c-tab-menu li:last-child a {
  border-bottom: none;
}

.c-tabs__add {
  float: right;
}

.c-table {
  border-spacing: 0;
  width: 100%;
  border: 0;
  border-collapse: separate;
  border: 0;
  border-collapse: separate;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  text-align: left;
  border-bottom: 16px;
  border-collapse: collapse;
}
.c-table tbody tr td, .c-table tbody tr th {
  border-bottom: 1px solid #DCDCDC;
}
.c-table tbody tr:first-child td, .c-table tbody tr:first-child th {
  border-top: 1px solid #DCDCDC;
}
.c-table tbody tr td, .c-table tbody tr th {
  border-left: 1px solid #DCDCDC;
}
.c-table tbody tr td:first-child, .c-table tbody tr th:first-child {
  border-left: 0;
}
@media only screen and (max-width: 60em) {
  .c-table {
    margin-bottom: 15.2px;
    margin-bottom: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  .c-table {
    margin-bottom: 14.4px;
    margin-bottom: 0.9rem;
  }
}
.c-table:last-child {
  margin-bottom: 0;
}
.c-table th, .c-table td {
  background: white;
}
.c-table th {
  font-weight: 700;
  border-top: none;
  border-left: 1px solid #DCDCDC;
  padding: 16px 8px;
  background: white;
  text-align: left;
}
.c-table th:first-child {
  border-radius: 3px 0 0 0;
  border-left: none !important;
}
.c-table th:last-child {
  border-radius: 0 3px 0 0;
}
.c-table th:only-child {
  border-radius: 3px 3px 0 0;
}
.c-table td {
  font-size: 14px;
  padding: 8px;
  vertical-align: middle;
}
.c-table td input[type=text] {
  width: 100%;
  font-size: 1em;
}
.c-table td:last-child {
  border-right: none;
  text-align: right;
}
.c-table tr:hover td, .c-table tr:hover th {
  background: #f7f7f7;
}
.c-module--b .c-table tr:hover td, .c-module--b .c-table tr:hover th {
  background: #222222;
}
.c-table tr:last-child td {
  border-bottom: none;
}
.c-table tr:last-child td:last-child {
  border-radius: 0 0 3px 0;
}
.c-table tr:last-child td:first-child {
  border-radius: 0 0 0 3px;
}
.c-table tr.not-started td {
  background-color: #f2dede;
}

.c-table--bordered tr td:first-child {
  border-left: 1px solid gainsboro !important;
}
.c-table--bordered tr td:last-child {
  border-right: 1px solid gainsboro;
  text-align: left;
}
.c-table--bordered tr:last-child td {
  border-bottom: 1px solid gainsboro;
}
.c-table--bordered tr:last-child td:last-child {
  border-radius: 0;
}
.c-table--bordered tr:last-child td:first-child {
  border-radius: 0;
}

.c-table--white {
  color: white;
}

.c-table--info-list {
  border: 0 !important;
}
.c-table--info-list th, .c-table--info-list td {
  padding: 5.3333333333px;
  border: 0 !important;
  background: transparent;
}
.c-table--info-list th {
  text-align: right;
  padding-right: 16px;
}
.c-table--info-list td {
  text-align: left !important;
  padding-right: 16px;
}
.c-module--b .c-table--info-list {
  color: white;
}

.c-table-options {
  text-align: right;
  margin-bottom: 5.3333333333px;
}

.unseen {
  border-radius: 360px;
  width: 8px;
  height: 8px;
  background: #022144;
  display: inline-block;
  margin-right: 8px;
}

.sorted {
  position: relative;
}
.sorted:after {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  padding-left: 0.5rem;
  content: "\ea4e";
  font-family: cde-pricing-icons, sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 60em) {
  .sorted:after {
    font-size: 15.2px;
    font-size: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  .sorted:after {
    font-size: 14.4px;
    font-size: 0.9rem;
  }
}

.sorted.descending {
  position: relative;
}
.sorted.descending:after {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  padding-left: 0.5rem;
  content: "\ea4e";
  font-family: cde-pricing-icons, sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 60em) {
  .sorted.descending:after {
    font-size: 15.2px;
    font-size: 0.95rem;
  }
}
@media only screen and (max-width: 30em) {
  .sorted.descending:after {
    font-size: 14.4px;
    font-size: 0.9rem;
  }
}

.indent-1 {
  border-left: 8px solid #022144;
}
.indent-1 td:first-child {
  padding-left: 16px;
}

.indent-2 {
  border-left: 8px solid #022144;
}
.indent-2 td:first-child {
  padding-left: 32px;
}

.indent-3 {
  border-left: 8px solid #022144;
}
.indent-3 td:first-child {
  padding-left: 64px;
}

/*------------------------------------*\

   	TITLE BAR

/*------------------------------------*/
/*
 * The base title bar class
 */
.c-page-header-bar {
  zoom: 1;
}
.c-page-header-bar:after {
  content: "";
  display: table;
  clear: both;
}

.c-page-header-bar__primary {
  float: left;
}

@media only screen and (min-width: 60em) {
  .c-page-header-bar__secondary {
    float: right;
  }
}

.c-page-header-bar__buttons {
  text-align: left;
  margin-bottom: 16px;
  clear: both;
}
@media only screen and (min-width: 60em) {
  .c-page-header-bar__buttons {
    position: relative;
    text-align: right;
    margin-bottom: -24px;
    clear: none;
  }
}
.c-page-header-bar__buttons .c-button {
  margin-left: 16px;
}
.c-page-header-bar__buttons .c-button:first-of-type {
  margin-left: 0px;
}

/*------------------------------------*\

   	TYPOGRAPHY

/*------------------------------------*/
.c-title--quarternary {
  font-size: 16px;
  text-transform: uppercase;
  color: #022144;
  font-weight: 700;
}
.c-fixture__issue .c-title--quarternary {
  margin-bottom: 16px;
}
.c-issues-table__issue .c-title--quarternary {
  margin-bottom: 16px;
}

.c-title--secondary {
  font-size: 32px;
  font-weight: 700;
}

.c-title--tertiary {
  font-size: 20px;
}

.c-title--subtitle-above {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 24px;
  color: #9a9a9a;
}

.c-title--subtitle {
  font-size: 25px;
}

.c-text--x-large {
  font-size: 40px;
}

.c-or-splitter {
  margin: 0 24px;
}

/* Document */
/* Config File */ /* COLORS */
/* Components */
/* Components */
.d-header {
  background-color: #002D51;
  background-image: -webkit-linear-gradient(#002D51 0%, #008BCB 100%);
  background-image: linear-gradient(#002D51 0%, #008BCB 100%);
  height: 300px;
}

.d-header__text {
  padding-top: 32px;
}

.d-list--brand li:nth-child(1) {
  border-left: 5px solid #0097D5;
  padding-left: 4px;
}
.d-list--brand li:nth-child(2) {
  border-left: 5px solid #EF842E;
  padding-left: 4px;
}
.d-list--brand li:nth-child(3) {
  border-left: 5px solid #B29F42;
  padding-left: 4px;
}
.d-list--brand li:nth-child(4) {
  border-left: 5px solid #5BC05A;
  padding-left: 4px;
}

/* Scope */
.s-quote-content h3 {
  color: #1a1a1a;
  font-size: 21px;
  margin-bottom: 16px;
}
.s-quote-content table {
  border: 1px solid rgba(191, 192, 194, 0.4);
}
.s-quote-content table th, .s-quote-content table td {
  text-align: left;
  padding: 8px;
}
.s-quote-content table td {
  font-size: 15px;
}
.s-quote-content table th {
  color: #1a1a1a;
}
.s-quote-content table:not(th) {
  color: #676767;
}
.s-quote-content p {
  color: #676767;
  font-size: 15px;
}
.s-quote-content ul:not([class]) {
  font-size: 15px;
}

/* Utilities */
/* SPECIFIC DOCUMENT UTILITY STYLES */
/* Background colours */
.u-fill-grey {
  background-color: #BFC0C2;
}

/* Text colours */
.u-white {
  color: white !important;
}

.u-blue {
  color: #008BCB !important;
}

/* Text weights */
.u-font-light {
  font-weight: 300;
}

/* Utilities */
/*-------------------------------------

	Utilities are low-level helper classes which get
	commonly used throughout the project. They can be
	applied to any element and can be used alongside
	any other class.

	These classes should always be prefixed with u-

 */
.u-padded {
  padding: 16px;
}

.u-rounded {
  border-radius: 3px;
}

.u-bordered {
  border: 1px solid #DCDCDC;
}

.u-fill-light {
  background-color: #f0f0f0;
}

.u-fill-warning {
  background-color: #FCF8E3;
}

.u-clearfix {
  zoom: 1;
}
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.u-pullLeft {
  float: left;
}

.u-pullRight {
  float: right;
}

.u-text--bold {
  font-weight: bold;
}

.u-text--xsmall {
  font-size: 13px;
}

.u-text--small {
  font-size: 14px;
}

.u-text--large {
  font-size: 32px;
}

.u-text--med {
  font-size: 20px;
}

.u-text--xlarge {
  font-size: 49px;
}

.u-text--center {
  text-align: center;
}

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

.u-micro {
  font-size: 10px !important;
}

.u-text-weight--reg {
  font-weight: normal;
}

.u-text--upper {
  text-transform: uppercase;
}

.u-disable-hover,
.u-disable-hover * {
  pointer-events: none !important;
}

.u-no-marg {
  margin-bottom: 0;
}

.u-mb {
  margin-bottom: 16px !important;
}

.u-margin--bottom {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.u-margin--right {
  margin-right: 16px;
  margin-right: 1rem;
}

.u-margin--top {
  margin-top: 16px;
  margin-top: 1rem;
}

.u-margin--top-loose {
  margin-top: 32px;
  margin-top: 2rem;
}

.u-margin--left {
  margin-left: 16px;
  margin-left: 1rem;
}

.u-color--primary {
  color: #022144;
}

.u-type-reg {
  font-weight: normal;
}

.u-pos-relative {
  position: relative;
}

@media print {
  .u-print-hide {
    display: none;
  }
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-list {
  margin-left: 0;
}
.u-list > * {
  list-style-type: none;
}

.u-list--spacing > * {
  padding: 4px 0;
}

.u-list-inline > li {
  display: inline-block;
  margin-right: 8px;
}
.u-list-inline > li:last-child {
  margin: 0;
}

.u-break-before {
  page-break-before: always;
  break-before: always;
}

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