/*!
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v1.1.3 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

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

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

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

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

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

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

a:focus {
    outline: thin dotted;
}

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

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

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

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

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

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

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

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

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

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

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

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

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

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

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

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

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

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

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

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

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

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

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

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

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

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

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

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

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

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

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

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

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

/*csslint important:false*/

/* ==========================================================================
   Pure Base Extras
   ========================================================================== */

/**
 * Extra rules that Pure adds on top of Normalize.css
 */

/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */

[hidden] {
    display: none !important;
}

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/

.pure-g {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */

    /*
    Sets the font stack to fonts known to work properly with the above letter
    and word spacings. See: https://github.com/yui/pure/issues/41/

    The following font stack makes Pure Grids work on all known environments.

    * FreeSans: Ships with many Linux distros, including Ubuntu

    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
      Arial to get picked up by the browser, even though neither is available
      in Chrome OS.

    * Droid Sans: Ships with all versions of Android.

    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
    */
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;

    /*
    Use flexbox when possible to avoid `letter-spacing` side-effects.

    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
    `-moz-` prefix version is omitted.
    */

    display: -webkit-flex;
    -webkit-flex-flow: row wrap;

    /* IE10 uses display: flexbox */
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
    word-spacing: -0.43em;
}

.pure-u {
    display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class *= "pure-u"] {
    font-family: sans-serif;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
}

.pure-u-1-12,
.pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
}

.pure-u-1-8,
.pure-u-3-24 {
    width: 12.5000%;
    *width: 12.4690%;
}

.pure-u-1-6,
.pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
}

.pure-u-1-5 {
    width: 20%;
    *width: 19.9690%;
}

.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
}

.pure-u-1-4,
.pure-u-6-24 {
    width: 25%;
    *width: 24.9690%;
}

.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
}

.pure-u-1-3,
.pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
}

.pure-u-3-8,
.pure-u-9-24 {
    width: 37.5000%;
    *width: 37.4690%;
}

.pure-u-2-5 {
    width: 40%;
    *width: 39.9690%;
}

.pure-u-5-12,
.pure-u-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
}

.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
}

.pure-u-1-2,
.pure-u-12-24 {
    width: 50%;
    *width: 49.9690%;
}

.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
}

.pure-u-7-12,
.pure-u-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
}

.pure-u-3-5 {
    width: 60%;
    *width: 59.9690%;
}

.pure-u-5-8,
.pure-u-15-24 {
    width: 62.5000%;
    *width: 62.4690%;
}

.pure-u-2-3,
.pure-u-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
}

.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
}

.pure-u-3-4,
.pure-u-18-24 {
    width: 75%;
    *width: 74.9690%;
}

.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
}

.pure-u-4-5 {
    width: 80%;
    *width: 79.9690%;
}

.pure-u-5-6,
.pure-u-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
}

.pure-u-7-8,
.pure-u-21-24 {
    width: 87.5000%;
    *width: 87.4690%;
}

.pure-u-11-12,
.pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
}

.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
    width: 100%;
}
.pure-button {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*csslint outline-none:false*/

.pure-button {
    font-family: inherit;
    font-size: 100%;
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.5em 1em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
    outline: 0;
}
.pure-button-active,
.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=40);
    -khtml-opacity: 0.40;
    -moz-opacity: 0.40;
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
}

.pure-button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner{
    padding: 0;
    border: 0;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]) {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
.pure-form input[type="color"] {
    padding: 0.2em 0.5em;
}


.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
    outline: 0;
    outline: thin dotted \9; /* IE6-9 */
    border-color: #129FEA;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]):focus {
    outline: 0;
    outline: thin dotted \9; /* IE6-9 */
    border-color: #129FEA;
}

.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 1px auto #129FEA;
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
    margin: 0.5em 0;
    display: block;
}

.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
    background: #eee; /* menu hover bg color */
    color: #777; /* menu text color */
    border-color: #ccc;
}

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}
.pure-form input:focus:invalid:focus,
.pure-form textarea:focus:invalid:focus,
.pure-form select:focus:invalid:focus {
    border-color: #e9322d;
}
.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
    outline-color: #e9322d;
}
.pure-form select {
    border: 1px solid #ccc;
    background-color: white;
}
.pure-form select[multiple] {
    height: auto;
}
.pure-form label {
    margin: 0.5em 0 0.2em;
}
.pure-form fieldset {
    margin: 0;
    padding: 0.35em 0 0.75em;
    border: 0;
}
.pure-form legend {
    display: block;
    width: 100%;
    padding: 0.3em 0;
    margin-bottom: 0.3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}

.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
    display: block;
    margin: 0.25em 0;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form-stacked input:not([type]) {
    display: block;
    margin: 0.25em 0;
}
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.pure-form-aligned textarea {
    vertical-align: top;
}

/* Aligned Forms */
.pure-form-aligned .pure-control-group {
    margin-bottom: 0.5em;
}
.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0;
}
.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 10em;
}

/* Rounded Inputs */
.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: 0.5em 1em;
}

/* Grouped Inputs */
.pure-form .pure-group fieldset {
    margin-bottom: 10px;
}
.pure-form .pure-group input {
    display: block;
    padding: 10px;
    margin: 0;
    border-radius: 0;
    position: relative;
    top: -1px;
}
.pure-form .pure-group input:focus {
    z-index: 2;
}
.pure-form .pure-group input:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0;
}
.pure-form .pure-group input:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px;
}
.pure-form .pure-group button {
    margin: 0.35em 0;
}

.pure-form .pure-input-1 {
    width: 100%;
}
.pure-form .pure-input-2-3 {
    width: 66%;
}
.pure-form .pure-input-1-2 {
    width: 50%;
}
.pure-form .pure-input-1-3 {
    width: 33%;
}
.pure-form .pure-input-1-4 {
    width: 25%;
}

/* Inline help for forms */
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    padding-left: 0.3em;
    color: #666;
    vertical-align: middle;
    font-size: 0.875em;
}

/* Block help for forms */
.pure-form-message {
    display: block;
    color: #666;
    font-size: 0.875em;
}

@media only screen and (max-width : 480px) {
    .pure-form button[type="submit"] {
        margin: 0.7em 0 0;
    }

    .pure-form input:not([type]),
    .pure-form input[type="text"],
    .pure-form input[type="password"],
    .pure-form input[type="email"],
    .pure-form input[type="url"],
    .pure-form input[type="date"],
    .pure-form input[type="month"],
    .pure-form input[type="time"],
    .pure-form input[type="datetime"],
    .pure-form input[type="datetime-local"],
    .pure-form input[type="week"],
    .pure-form input[type="number"],
    .pure-form input[type="search"],
    .pure-form input[type="tel"],
    .pure-form input[type="color"],
    .pure-form label {
        margin-bottom: 0.3em;
        display: block;
    }

    .pure-group input:not([type]),
    .pure-group input[type="text"],
    .pure-group input[type="password"],
    .pure-group input[type="email"],
    .pure-group input[type="url"],
    .pure-group input[type="date"],
    .pure-group input[type="month"],
    .pure-group input[type="time"],
    .pure-group input[type="datetime"],
    .pure-group input[type="datetime-local"],
    .pure-group input[type="week"],
    .pure-group input[type="number"],
    .pure-group input[type="search"],
    .pure-group input[type="tel"],
    .pure-group input[type="color"] {
        margin-bottom: 0;
    }

    .pure-form-aligned .pure-control-group label {
        margin-bottom: 0.3em;
        text-align: left;
        display: block;
        width: 100%;
    }

    .pure-form-aligned .pure-controls {
        margin: 1.5em 0 0 0;
    }

    /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
    .pure-form .pure-help-inline,
    .pure-form-message-inline,
    .pure-form-message {
        display: block;
        font-size: 0.75em;
        /* Increased bottom padding to make it group with its related input element. */
        padding: 0.2em 0 0.8em;
    }
}

/*csslint adjoining-classes:false, outline-none:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/

.pure-menu ul {
    position: absolute;
    visibility: hidden;
}

.pure-menu.pure-menu-open {
    visibility: visible;
    z-index: 2;
    width: 100%;
}

.pure-menu ul {
    left: -10000px;
    list-style: none;
    margin: 0;
    padding: 0;
    top: -10000px;
    z-index: 1;
}

.pure-menu > ul { position: relative; }

.pure-menu-open > ul {
    left: 0;
    top: 0;
    visibility: visible;
}

.pure-menu-open > ul:focus {
    outline: 0;
}

.pure-menu li { position: relative; }

.pure-menu a,
.pure-menu .pure-menu-heading {
    display: block;
    color: inherit;
    line-height: 1.5em;
    padding: 5px 20px;
    text-decoration: none;
    white-space: nowrap;
}

.pure-menu.pure-menu-horizontal > .pure-menu-heading {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    vertical-align: middle;
}
.pure-menu.pure-menu-horizontal > ul {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.pure-menu li a { padding: 5px 20px; }

.pure-menu-can-have-children > .pure-menu-label:after {
    content: '\25B8';
    float: right;
    /* These specific fonts have the Unicode char we need. */
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
    margin-right: -20px;
    margin-top: -1px;
}

.pure-menu-can-have-children > .pure-menu-label {
    padding-right: 30px;
}

.pure-menu-separator {
    background-color: #dfdfdf;
    display: block;
    height: 1px;
    font-size: 0;
    margin: 7px 2px;
    overflow: hidden;
}

.pure-menu-hidden {
    display: none;
}

/* FIXED MENU */
.pure-menu-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}


/* HORIZONTAL MENU CODE */

/* Initial menus should be inline-block so that they are horizontal */
.pure-menu-horizontal li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

/* Submenus should still be display: block; */
.pure-menu-horizontal li li {
    display: block;
}

/* Content after should be down arrow */
.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
    content: "\25BE";
}
/*Add extra padding to elements that have the arrow so that the hover looks nice */
.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
    padding-right: 30px;
}

/* Adjusting separator for vertical menus */
.pure-menu-horizontal li.pure-menu-separator {
	height: 50%;
	width: 1px;
	margin: 0 7px;
}

/* Submenus should be horizontal separator again */
.pure-menu-horizontal li li.pure-menu-separator {
	height: 1px;
	width: auto;
	margin: 7px 2px;
}


/*csslint adjoining-classes:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/

/* MAIN MENU STYLING */

.pure-menu.pure-menu-open,
.pure-menu.pure-menu-horizontal li .pure-menu-children {
    background: #fff; /* Old browsers */
    border: 1px solid #b7b7b7;
}

/* remove borders for horizontal menus */
.pure-menu.pure-menu-horizontal,
.pure-menu.pure-menu-horizontal .pure-menu-heading {
    border: none;
}


/* LINK STYLES */

.pure-menu a {
    border: 1px solid transparent;
    border-left: none;
    border-right: none;

}

.pure-menu a,
.pure-menu .pure-menu-can-have-children > li:after {
    color: #777;
}

.pure-menu .pure-menu-can-have-children > li:hover:after {
    color: #fff;
}

/* Focus style for a dropdown menu-item when the parent has been opened */
.pure-menu .pure-menu-open {
    background: #dedede;
}


.pure-menu li a:hover,
.pure-menu li a:focus {
    background: #eee;
}

/* DISABLED STATES */
.pure-menu li.pure-menu-disabled a:hover,
.pure-menu li.pure-menu-disabled a:focus {
    background: #fff;
    color: #bfbfbf;
}

.pure-menu .pure-menu-disabled > a {
    background-image: none;
    border-color: transparent;
    cursor: default;
}

.pure-menu .pure-menu-disabled > a,
.pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
    color: #bfbfbf;
}

/* HEADINGS */
.pure-menu .pure-menu-heading {
    color: #565d64;
    text-transform: uppercase;
    font-size: 90%;
    margin-top: 0.5em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dfdfdf;
}

/* ACTIVE MENU ITEM */
.pure-menu .pure-menu-selected a {
    color: #000;
}

/* FIXED MENU */
.pure-menu.pure-menu-open.pure-menu-fixed {
    border: none;
    border-bottom: 1px solid #b7b7b7;
}

/*csslint box-model:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/


.pure-paginator {

    /* `pure-g` Grid styles */
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */

    /* `pure-paginator` Specific styles */
    list-style: none;
    margin: 0;
    padding: 0;
}
.opera-only :-o-prefocus,
.pure-paginator {
    word-spacing: -0.43em;
}

/* `pure-u` Grid styles */
.pure-paginator li {
    display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}


.pure-paginator .pure-button {
    border-radius: 0;
    padding: 0.8em 1.4em;
    vertical-align: top;
    height: 1.1em;
}
.pure-paginator .pure-button:focus,
.pure-paginator .pure-button:active {
    outline-style: none;
}
.pure-paginator .prev,
.pure-paginator .next {
    color: #C0C1C3;
    text-shadow: 0 -1px 0 rgba(0,0,0, 0.45);
}
.pure-paginator .prev {
    border-radius: 2px 0 0 2px;
}
.pure-paginator .next {
    border-radius: 0 2px 2px 0;
}

@media (max-width: 480px) {
    .pure-menu-horizontal {
        width: 100%;
    }

    .pure-menu-children li {
        display: block;
        border-bottom: 1px solid black;
    }
}

.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.5em 1em; /* cell padding */
}
.pure-table td:first-child,
.pure-table th:first-child {
    border-left-width: 0;
}

.pure-table thead {
    background: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td {
    background-color: transparent;
}
.pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child td,
.pure-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0;
}

/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('https://www.nordpoolgroup.com/Assets/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('https://www.nordpoolgroup.com/Assets/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('https://www.nordpoolgroup.com/Assets/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('https://www.nordpoolgroup.com/Assets/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-square:before,
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}

@media screen and (min-width: 35.5em) {
  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-1-2,
  .pure-u-sm-1-3,
  .pure-u-sm-2-3,
  .pure-u-sm-1-4,
  .pure-u-sm-3-4,
  .pure-u-sm-1-5,
  .pure-u-sm-2-5,
  .pure-u-sm-3-5,
  .pure-u-sm-4-5,
  .pure-u-sm-5-5,
  .pure-u-sm-1-6,
  .pure-u-sm-5-6,
  .pure-u-sm-1-8,
  .pure-u-sm-3-8,
  .pure-u-sm-5-8,
  .pure-u-sm-7-8,
  .pure-u-sm-1-12,
  .pure-u-sm-5-12,
  .pure-u-sm-7-12,
  .pure-u-sm-11-12,
  .pure-u-sm-1-24,
  .pure-u-sm-2-24,
  .pure-u-sm-3-24,
  .pure-u-sm-4-24,
  .pure-u-sm-5-24,
  .pure-u-sm-6-24,
  .pure-u-sm-7-24,
  .pure-u-sm-8-24,
  .pure-u-sm-9-24,
  .pure-u-sm-10-24,
  .pure-u-sm-11-24,
  .pure-u-sm-12-24,
  .pure-u-sm-13-24,
  .pure-u-sm-14-24,
  .pure-u-sm-15-24,
  .pure-u-sm-16-24,
  .pure-u-sm-17-24,
  .pure-u-sm-18-24,
  .pure-u-sm-19-24,
  .pure-u-sm-20-24,
  .pure-u-sm-21-24,
  .pure-u-sm-22-24,
  .pure-u-sm-23-24,
  .pure-u-sm-24-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-sm-1-24 {
    width: 4.1667%;
  }
  .pure-u-sm-1-12,
  .pure-u-sm-2-24 {
    width: 8.3333%;
  }
  .pure-u-sm-1-8,
  .pure-u-sm-3-24 {
    width: 12.5000%;
  }
  .pure-u-sm-1-6,
  .pure-u-sm-4-24 {
    width: 16.6667%;
  }
  .pure-u-sm-1-5 {
    width: 20%;
  }
  .pure-u-sm-5-24 {
    width: 20.8333%;
  }
  .pure-u-sm-1-4,
  .pure-u-sm-6-24 {
    width: 25%;
  }
  .pure-u-sm-7-24 {
    width: 29.1667%;
  }
  .pure-u-sm-1-3,
  .pure-u-sm-8-24 {
    width: 33.3333%;
  }
  .pure-u-sm-3-8,
  .pure-u-sm-9-24 {
    width: 37.5000%;
  }
  .pure-u-sm-2-5 {
    width: 40%;
  }
  .pure-u-sm-5-12,
  .pure-u-sm-10-24 {
    width: 41.6667%;
  }
  .pure-u-sm-11-24 {
    width: 45.8333%;
  }
  .pure-u-sm-1-2,
  .pure-u-sm-12-24 {
    width: 50%;
  }
  .pure-u-sm-13-24 {
    width: 54.1667%;
  }
  .pure-u-sm-7-12,
  .pure-u-sm-14-24 {
    width: 58.3333%;
  }
  .pure-u-sm-3-5 {
    width: 60%;
  }
  .pure-u-sm-5-8,
  .pure-u-sm-15-24 {
    width: 62.5000%;
  }
  .pure-u-sm-2-3,
  .pure-u-sm-16-24 {
    width: 66.6667%;
  }
  .pure-u-sm-17-24 {
    width: 70.8333%;
  }
  .pure-u-sm-3-4,
  .pure-u-sm-18-24 {
    width: 75%;
  }
  .pure-u-sm-19-24 {
    width: 79.1667%;
  }
  .pure-u-sm-4-5 {
    width: 80%;
  }
  .pure-u-sm-5-6,
  .pure-u-sm-20-24 {
    width: 83.3333%;
  }
  .pure-u-sm-7-8,
  .pure-u-sm-21-24 {
    width: 87.5000%;
  }
  .pure-u-sm-11-12,
  .pure-u-sm-22-24 {
    width: 91.6667%;
  }
  .pure-u-sm-23-24 {
    width: 95.8333%;
  }
  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-5-5,
  .pure-u-sm-24-24 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-1-2,
  .pure-u-md-1-3,
  .pure-u-md-2-3,
  .pure-u-md-1-4,
  .pure-u-md-3-4,
  .pure-u-md-1-5,
  .pure-u-md-2-5,
  .pure-u-md-3-5,
  .pure-u-md-4-5,
  .pure-u-md-5-5,
  .pure-u-md-1-6,
  .pure-u-md-5-6,
  .pure-u-md-1-8,
  .pure-u-md-3-8,
  .pure-u-md-5-8,
  .pure-u-md-7-8,
  .pure-u-md-1-12,
  .pure-u-md-5-12,
  .pure-u-md-7-12,
  .pure-u-md-11-12,
  .pure-u-md-1-24,
  .pure-u-md-2-24,
  .pure-u-md-3-24,
  .pure-u-md-4-24,
  .pure-u-md-5-24,
  .pure-u-md-6-24,
  .pure-u-md-7-24,
  .pure-u-md-8-24,
  .pure-u-md-9-24,
  .pure-u-md-10-24,
  .pure-u-md-11-24,
  .pure-u-md-12-24,
  .pure-u-md-13-24,
  .pure-u-md-14-24,
  .pure-u-md-15-24,
  .pure-u-md-16-24,
  .pure-u-md-17-24,
  .pure-u-md-18-24,
  .pure-u-md-19-24,
  .pure-u-md-20-24,
  .pure-u-md-21-24,
  .pure-u-md-22-24,
  .pure-u-md-23-24,
  .pure-u-md-24-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-md-1-24 {
    width: 4.1667%;
  }
  .pure-u-md-1-12,
  .pure-u-md-2-24 {
    width: 8.3333%;
  }
  .pure-u-md-1-8,
  .pure-u-md-3-24 {
    width: 12.5000%;
  }
  .pure-u-md-1-6,
  .pure-u-md-4-24 {
    width: 16.6667%;
  }
  .pure-u-md-1-5 {
    width: 20%;
  }
  .pure-u-md-5-24 {
    width: 20.8333%;
  }
  .pure-u-md-1-4,
  .pure-u-md-6-24 {
    width: 25%;
  }
  .pure-u-md-7-24 {
    width: 29.1667%;
  }
  .pure-u-md-1-3,
  .pure-u-md-8-24 {
    width: 33.3333%;
  }
  .pure-u-md-3-8,
  .pure-u-md-9-24 {
    width: 37.5000%;
  }
  .pure-u-md-2-5 {
    width: 40%;
  }
  .pure-u-md-5-12,
  .pure-u-md-10-24 {
    width: 41.6667%;
  }
  .pure-u-md-11-24 {
    width: 45.8333%;
  }
  .pure-u-md-1-2,
  .pure-u-md-12-24 {
    width: 50%;
  }
  .pure-u-md-13-24 {
    width: 54.1667%;
  }
  .pure-u-md-7-12,
  .pure-u-md-14-24 {
    width: 58.3333%;
  }
  .pure-u-md-3-5 {
    width: 60%;
  }
  .pure-u-md-5-8,
  .pure-u-md-15-24 {
    width: 62.5000%;
  }
  .pure-u-md-2-3,
  .pure-u-md-16-24 {
    width: 66.6667%;
  }
  .pure-u-md-17-24 {
    width: 70.8333%;
  }
  .pure-u-md-3-4,
  .pure-u-md-18-24 {
    width: 75%;
  }
  .pure-u-md-19-24 {
    width: 79.1667%;
  }
  .pure-u-md-4-5 {
    width: 80%;
  }
  .pure-u-md-5-6,
  .pure-u-md-20-24 {
    width: 83.3333%;
  }
  .pure-u-md-7-8,
  .pure-u-md-21-24 {
    width: 87.5000%;
  }
  .pure-u-md-11-12,
  .pure-u-md-22-24 {
    width: 91.6667%;
  }
  .pure-u-md-23-24 {
    width: 95.8333%;
  }
  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-5-5,
  .pure-u-md-24-24 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-1-2,
  .pure-u-lg-1-3,
  .pure-u-lg-2-3,
  .pure-u-lg-1-4,
  .pure-u-lg-3-4,
  .pure-u-lg-1-5,
  .pure-u-lg-2-5,
  .pure-u-lg-3-5,
  .pure-u-lg-4-5,
  .pure-u-lg-5-5,
  .pure-u-lg-1-6,
  .pure-u-lg-5-6,
  .pure-u-lg-1-8,
  .pure-u-lg-3-8,
  .pure-u-lg-5-8,
  .pure-u-lg-7-8,
  .pure-u-lg-1-12,
  .pure-u-lg-5-12,
  .pure-u-lg-7-12,
  .pure-u-lg-11-12,
  .pure-u-lg-1-24,
  .pure-u-lg-2-24,
  .pure-u-lg-3-24,
  .pure-u-lg-4-24,
  .pure-u-lg-5-24,
  .pure-u-lg-6-24,
  .pure-u-lg-7-24,
  .pure-u-lg-8-24,
  .pure-u-lg-9-24,
  .pure-u-lg-10-24,
  .pure-u-lg-11-24,
  .pure-u-lg-12-24,
  .pure-u-lg-13-24,
  .pure-u-lg-14-24,
  .pure-u-lg-15-24,
  .pure-u-lg-16-24,
  .pure-u-lg-17-24,
  .pure-u-lg-18-24,
  .pure-u-lg-19-24,
  .pure-u-lg-20-24,
  .pure-u-lg-21-24,
  .pure-u-lg-22-24,
  .pure-u-lg-23-24,
  .pure-u-lg-24-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-lg-1-24 {
    width: 4.1667%;
  }
  .pure-u-lg-1-12,
  .pure-u-lg-2-24 {
    width: 8.3333%;
  }
  .pure-u-lg-1-8,
  .pure-u-lg-3-24 {
    width: 12.5000%;
  }
  .pure-u-lg-1-6,
  .pure-u-lg-4-24 {
    width: 16.6667%;
  }
  .pure-u-lg-1-5 {
    width: 20%;
  }
  .pure-u-lg-5-24 {
    width: 20.8333%;
  }
  .pure-u-lg-1-4,
  .pure-u-lg-6-24 {
    width: 25%;
  }
  .pure-u-lg-7-24 {
    width: 29.1667%;
  }
  .pure-u-lg-1-3,
  .pure-u-lg-8-24 {
    width: 33.3333%;
  }
  .pure-u-lg-3-8,
  .pure-u-lg-9-24 {
    width: 37.5000%;
  }
  .pure-u-lg-2-5 {
    width: 40%;
  }
  .pure-u-lg-5-12,
  .pure-u-lg-10-24 {
    width: 41.6667%;
  }
  .pure-u-lg-11-24 {
    width: 45.8333%;
  }
  .pure-u-lg-1-2,
  .pure-u-lg-12-24 {
    width: 50%;
  }
  .pure-u-lg-13-24 {
    width: 54.1667%;
  }
  .pure-u-lg-7-12,
  .pure-u-lg-14-24 {
    width: 58.3333%;
  }
  .pure-u-lg-3-5 {
    width: 60%;
  }
  .pure-u-lg-5-8,
  .pure-u-lg-15-24 {
    width: 62.5000%;
  }
  .pure-u-lg-2-3,
  .pure-u-lg-16-24 {
    width: 66.6667%;
  }
  .pure-u-lg-17-24 {
    width: 70.8333%;
  }
  .pure-u-lg-3-4,
  .pure-u-lg-18-24 {
    width: 75%;
  }
  .pure-u-lg-19-24 {
    width: 79.1667%;
  }
  .pure-u-lg-4-5 {
    width: 80%;
  }
  .pure-u-lg-5-6,
  .pure-u-lg-20-24 {
    width: 83.3333%;
  }
  .pure-u-lg-7-8,
  .pure-u-lg-21-24 {
    width: 87.5000%;
  }
  .pure-u-lg-11-12,
  .pure-u-lg-22-24 {
    width: 91.6667%;
  }
  .pure-u-lg-23-24 {
    width: 95.8333%;
  }
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-5-5,
  .pure-u-lg-24-24 {
    width: 100%;
  }
}
@media screen and (min-width: 80em) {
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-1-2,
  .pure-u-xl-1-3,
  .pure-u-xl-2-3,
  .pure-u-xl-1-4,
  .pure-u-xl-3-4,
  .pure-u-xl-1-5,
  .pure-u-xl-2-5,
  .pure-u-xl-3-5,
  .pure-u-xl-4-5,
  .pure-u-xl-5-5,
  .pure-u-xl-1-6,
  .pure-u-xl-5-6,
  .pure-u-xl-1-8,
  .pure-u-xl-3-8,
  .pure-u-xl-5-8,
  .pure-u-xl-7-8,
  .pure-u-xl-1-12,
  .pure-u-xl-5-12,
  .pure-u-xl-7-12,
  .pure-u-xl-11-12,
  .pure-u-xl-1-24,
  .pure-u-xl-2-24,
  .pure-u-xl-3-24,
  .pure-u-xl-4-24,
  .pure-u-xl-5-24,
  .pure-u-xl-6-24,
  .pure-u-xl-7-24,
  .pure-u-xl-8-24,
  .pure-u-xl-9-24,
  .pure-u-xl-10-24,
  .pure-u-xl-11-24,
  .pure-u-xl-12-24,
  .pure-u-xl-13-24,
  .pure-u-xl-14-24,
  .pure-u-xl-15-24,
  .pure-u-xl-16-24,
  .pure-u-xl-17-24,
  .pure-u-xl-18-24,
  .pure-u-xl-19-24,
  .pure-u-xl-20-24,
  .pure-u-xl-21-24,
  .pure-u-xl-22-24,
  .pure-u-xl-23-24,
  .pure-u-xl-24-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-xl-1-24 {
    width: 4.1667%;
  }
  .pure-u-xl-1-12,
  .pure-u-xl-2-24 {
    width: 8.3333%;
  }
  .pure-u-xl-1-8,
  .pure-u-xl-3-24 {
    width: 12.5000%;
  }
  .pure-u-xl-1-6,
  .pure-u-xl-4-24 {
    width: 16.6667%;
  }
  .pure-u-xl-1-5 {
    width: 20%;
  }
  .pure-u-xl-5-24 {
    width: 20.8333%;
  }
  .pure-u-xl-1-4,
  .pure-u-xl-6-24 {
    width: 25%;
  }
  .pure-u-xl-7-24 {
    width: 29.1667%;
  }
  .pure-u-xl-1-3,
  .pure-u-xl-8-24 {
    width: 33.3333%;
  }
  .pure-u-xl-3-8,
  .pure-u-xl-9-24 {
    width: 37.5000%;
  }
  .pure-u-xl-2-5 {
    width: 40%;
  }
  .pure-u-xl-5-12,
  .pure-u-xl-10-24 {
    width: 41.6667%;
  }
  .pure-u-xl-11-24 {
    width: 45.8333%;
  }
  .pure-u-xl-1-2,
  .pure-u-xl-12-24 {
    width: 50%;
  }
  .pure-u-xl-13-24 {
    width: 54.1667%;
  }
  .pure-u-xl-7-12,
  .pure-u-xl-14-24 {
    width: 58.3333%;
  }
  .pure-u-xl-3-5 {
    width: 60%;
  }
  .pure-u-xl-5-8,
  .pure-u-xl-15-24 {
    width: 62.5000%;
  }
  .pure-u-xl-2-3,
  .pure-u-xl-16-24 {
    width: 66.6667%;
  }
  .pure-u-xl-17-24 {
    width: 70.8333%;
  }
  .pure-u-xl-3-4,
  .pure-u-xl-18-24 {
    width: 75%;
  }
  .pure-u-xl-19-24 {
    width: 79.1667%;
  }
  .pure-u-xl-4-5 {
    width: 80%;
  }
  .pure-u-xl-5-6,
  .pure-u-xl-20-24 {
    width: 83.3333%;
  }
  .pure-u-xl-7-8,
  .pure-u-xl-21-24 {
    width: 87.5000%;
  }
  .pure-u-xl-11-12,
  .pure-u-xl-22-24 {
    width: 91.6667%;
  }
  .pure-u-xl-23-24 {
    width: 95.8333%;
  }
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-5-5,
  .pure-u-xl-24-24 {
    width: 100%;
  }
}
@media screen and (min-width: 95em) {
  .pure-u-xxl-1,
  .pure-u-xxl-1-1,
  .pure-u-xxl-1-2,
  .pure-u-xxl-1-3,
  .pure-u-xxl-2-3,
  .pure-u-xxl-1-4,
  .pure-u-xxl-3-4,
  .pure-u-xxl-1-5,
  .pure-u-xxl-2-5,
  .pure-u-xxl-3-5,
  .pure-u-xxl-4-5,
  .pure-u-xxl-5-5,
  .pure-u-xxl-1-6,
  .pure-u-xxl-5-6,
  .pure-u-xxl-1-8,
  .pure-u-xxl-3-8,
  .pure-u-xxl-5-8,
  .pure-u-xxl-7-8,
  .pure-u-xxl-1-12,
  .pure-u-xxl-5-12,
  .pure-u-xxl-7-12,
  .pure-u-xxl-11-12,
  .pure-u-xxl-1-24,
  .pure-u-xxl-2-24,
  .pure-u-xxl-3-24,
  .pure-u-xxl-4-24,
  .pure-u-xxl-5-24,
  .pure-u-xxl-6-24,
  .pure-u-xxl-7-24,
  .pure-u-xxl-8-24,
  .pure-u-xxl-9-24,
  .pure-u-xxl-10-24,
  .pure-u-xxl-11-24,
  .pure-u-xxl-12-24,
  .pure-u-xxl-13-24,
  .pure-u-xxl-14-24,
  .pure-u-xxl-15-24,
  .pure-u-xxl-16-24,
  .pure-u-xxl-17-24,
  .pure-u-xxl-18-24,
  .pure-u-xxl-19-24,
  .pure-u-xxl-20-24,
  .pure-u-xxl-21-24,
  .pure-u-xxl-22-24,
  .pure-u-xxl-23-24,
  .pure-u-xxl-24-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-xxl-1-24 {
    width: 4.1667%;
  }
  .pure-u-xxl-1-12,
  .pure-u-xxl-2-24 {
    width: 8.3333%;
  }
  .pure-u-xxl-1-8,
  .pure-u-xxl-3-24 {
    width: 12.5000%;
  }
  .pure-u-xxl-1-6,
  .pure-u-xxl-4-24 {
    width: 16.6667%;
  }
  .pure-u-xxl-1-5 {
    width: 20%;
  }
  .pure-u-xxl-5-24 {
    width: 20.8333%;
  }
  .pure-u-xxl-1-4,
  .pure-u-xxl-6-24 {
    width: 25%;
  }
  .pure-u-xxl-7-24 {
    width: 29.1667%;
  }
  .pure-u-xxl-1-3,
  .pure-u-xxl-8-24 {
    width: 33.3333%;
  }
  .pure-u-xxl-3-8,
  .pure-u-xxl-9-24 {
    width: 37.5000%;
  }
  .pure-u-xxl-2-5 {
    width: 40%;
  }
  .pure-u-xxl-5-12,
  .pure-u-xxl-10-24 {
    width: 41.6667%;
  }
  .pure-u-xxl-11-24 {
    width: 45.8333%;
  }
  .pure-u-xxl-1-2,
  .pure-u-xxl-12-24 {
    width: 50%;
  }
  .pure-u-xxl-13-24 {
    width: 54.1667%;
  }
  .pure-u-xxl-7-12,
  .pure-u-xxl-14-24 {
    width: 58.3333%;
  }
  .pure-u-xxl-3-5 {
    width: 60%;
  }
  .pure-u-xxl-5-8,
  .pure-u-xxl-15-24 {
    width: 62.5000%;
  }
  .pure-u-xxl-2-3,
  .pure-u-xxl-16-24 {
    width: 66.6667%;
  }
  .pure-u-xxl-17-24 {
    width: 70.8333%;
  }
  .pure-u-xxl-3-4,
  .pure-u-xxl-18-24 {
    width: 75%;
  }
  .pure-u-xxl-19-24 {
    width: 79.1667%;
  }
  .pure-u-xxl-4-5 {
    width: 80%;
  }
  .pure-u-xxl-5-6,
  .pure-u-xxl-20-24 {
    width: 83.3333%;
  }
  .pure-u-xxl-7-8,
  .pure-u-xxl-21-24 {
    width: 87.5000%;
  }
  .pure-u-xxl-11-12,
  .pure-u-xxl-22-24 {
    width: 91.6667%;
  }
  .pure-u-xxl-23-24 {
    width: 95.8333%;
  }
  .pure-u-xxl-1,
  .pure-u-xxl-1-1,
  .pure-u-xxl-5-5,
  .pure-u-xxl-24-24 {
    width: 100%;
  }
}
@media screen and (min-width: 120em) {
  .pure-u-xxxl-1,
  .pure-u-xxxl-1-1,
  .pure-u-xxxl-1-2,
  .pure-u-xxxl-1-3,
  .pure-u-xxxl-2-3,
  .pure-u-xxxl-1-4,
  .pure-u-xxxl-3-4,
  .pure-u-xxxl-1-5,
  .pure-u-xxxl-2-5,
  .pure-u-xxxl-3-5,
  .pure-u-xxxl-4-5,
  .pure-u-xxxl-5-5,
  .pure-u-xxxl-1-6,
  .pure-u-xxxl-5-6,
  .pure-u-xxxl-1-8,
  .pure-u-xxxl-3-8,
  .pure-u-xxxl-5-8,
  .pure-u-xxxl-7-8,
  .pure-u-xxxl-1-12,
  .pure-u-xxxl-5-12,
  .pure-u-xxxl-7-12,
  .pure-u-xxxl-11-12,
  .pure-u-xxxl-1-24,
  .pure-u-xxxl-2-24,
  .pure-u-xxxl-3-24,
  .pure-u-xxxl-4-24,
  .pure-u-xxxl-5-24,
  .pure-u-xxxl-6-24,
  .pure-u-xxxl-7-24,
  .pure-u-xxxl-8-24,
  .pure-u-xxxl-9-24,
  .pure-u-xxxl-10-24,
  .pure-u-xxxl-11-24,
  .pure-u-xxxl-12-24,
  .pure-u-xxxl-13-24,
  .pure-u-xxxl-14-24,
  .pure-u-xxxl-15-24,
  .pure-u-xxxl-16-24,
  .pure-u-xxxl-17-24,
  .pure-u-xxxl-18-24,
  .pure-u-xxxl-19-24,
  .pure-u-xxxl-20-24,
  .pure-u-xxxl-21-24,
  .pure-u-xxxl-22-24,
  .pure-u-xxxl-23-24,
  .pure-u-xxxl-24-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-xxxl-1-24 {
    width: 4.1667%;
  }
  .pure-u-xxxl-1-12,
  .pure-u-xxxl-2-24 {
    width: 8.3333%;
  }
  .pure-u-xxxl-1-8,
  .pure-u-xxxl-3-24 {
    width: 12.5000%;
  }
  .pure-u-xxxl-1-6,
  .pure-u-xxxl-4-24 {
    width: 16.6667%;
  }
  .pure-u-xxxl-1-5 {
    width: 20%;
  }
  .pure-u-xxxl-5-24 {
    width: 20.8333%;
  }
  .pure-u-xxxl-1-4,
  .pure-u-xxxl-6-24 {
    width: 25%;
  }
  .pure-u-xxxl-7-24 {
    width: 29.1667%;
  }
  .pure-u-xxxl-1-3,
  .pure-u-xxxl-8-24 {
    width: 33.3333%;
  }
  .pure-u-xxxl-3-8,
  .pure-u-xxxl-9-24 {
    width: 37.5000%;
  }
  .pure-u-xxxl-2-5 {
    width: 40%;
  }
  .pure-u-xxxl-5-12,
  .pure-u-xxxl-10-24 {
    width: 41.6667%;
  }
  .pure-u-xxxl-11-24 {
    width: 45.8333%;
  }
  .pure-u-xxxl-1-2,
  .pure-u-xxxl-12-24 {
    width: 50%;
  }
  .pure-u-xxxl-13-24 {
    width: 54.1667%;
  }
  .pure-u-xxxl-7-12,
  .pure-u-xxxl-14-24 {
    width: 58.3333%;
  }
  .pure-u-xxxl-3-5 {
    width: 60%;
  }
  .pure-u-xxxl-5-8,
  .pure-u-xxxl-15-24 {
    width: 62.5000%;
  }
  .pure-u-xxxl-2-3,
  .pure-u-xxxl-16-24 {
    width: 66.6667%;
  }
  .pure-u-xxxl-17-24 {
    width: 70.8333%;
  }
  .pure-u-xxxl-3-4,
  .pure-u-xxxl-18-24 {
    width: 75%;
  }
  .pure-u-xxxl-19-24 {
    width: 79.1667%;
  }
  .pure-u-xxxl-4-5 {
    width: 80%;
  }
  .pure-u-xxxl-5-6,
  .pure-u-xxxl-20-24 {
    width: 83.3333%;
  }
  .pure-u-xxxl-7-8,
  .pure-u-xxxl-21-24 {
    width: 87.5000%;
  }
  .pure-u-xxxl-11-12,
  .pure-u-xxxl-22-24 {
    width: 91.6667%;
  }
  .pure-u-xxxl-23-24 {
    width: 95.8333%;
  }
  .pure-u-xxxl-1,
  .pure-u-xxxl-1-1,
  .pure-u-xxxl-5-5,
  .pure-u-xxxl-24-24 {
    width: 100%;
  }
}
.show-responsively {
  display: block;
  font-family: Barlow, sans-serif;
  letter-spacing: normal;
}
.pure-g > .show-responsively,
.pure-g-r > .show-responsively {
  display: inline-block;
}
td.show-responsively {
  display: table-cell;
}
tr.show-responsively {
  display: table-row;
}
table.show-responsively {
  display: table;
}
.hide-xs {
  display: none;
}
@media (min-width: 568px) {
  .hide-xs {
    display: block;
    font-family: Barlow, sans-serif;
    letter-spacing: normal;
  }
  .pure-g > .hide-xs,
  .pure-g-r > .hide-xs {
    display: inline-block;
  }
  td.hide-xs {
    display: table-cell;
  }
  tr.hide-xs {
    display: table-row;
  }
  table.hide-xs {
    display: table;
  }
}
.hide-sm {
  display: none;
}
@media (min-width: 768px) {
  .hide-sm {
    display: block;
    font-family: Barlow, sans-serif;
    letter-spacing: normal;
  }
  .pure-g > .hide-sm,
  .pure-g-r > .hide-sm {
    display: inline-block;
  }
  td.hide-sm {
    display: table-cell;
  }
  tr.hide-sm {
    display: table-row;
  }
  table.hide-sm {
    display: table;
  }
}
@media (min-width: 768px) {
  .show-sm {
    display: none;
  }
}
.hide-md {
  display: none;
}
@media (min-width: 1024px) {
  .hide-md {
    display: block;
    font-family: Barlow, sans-serif;
    letter-spacing: normal;
  }
  .pure-g > .hide-md,
  .pure-g-r > .hide-md {
    display: inline-block;
  }
  td.hide-md {
    display: table-cell;
  }
  tr.hide-md {
    display: table-row;
  }
  table.hide-md {
    display: table;
  }
}
@media (min-width: 1024px) {
  .show-md {
    display: none;
  }
}
.EPiServerForms {
  font-family: Barlow, sans-serif;
  color: #1E1E1E;
  font-style: normal;
  /************* BUILDIN ELEMENTS ***********/
  /******************************************/
}
.EPiServerForms .Form__Description {
  margin-bottom: 50px;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.04px;
}
.EPiServerForms .Form__Element {
  margin: 0px;
}
.EPiServerForms .Form__Element .Form__Element__Caption {
  display: inline-block;
  min-width: 0%;
  vertical-align: top;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  padding-left: 10px;
}
.EPiServerForms .Form__Element .Form__Element__ValidationError {
  color: #c9223c;
  display: block;
  word-wrap: break-word;
  padding-left: 10px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
.EPiServerForms .FormSubmitButton {
  display: block;
  margin: auto;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: -0.03px;
  color: #ffffff;
  height: 43px;
  border-radius: 21.5px;
  background-color: #008D7F;
  border: none;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 3em;
}
.EPiServerForms .FormSubmitButton:focus {
  outline: none;
}
.EPiServerForms .FormSubmitButton:hover {
  filter: brightness(90%);
  cursor: pointer;
}
.EPiServerForms .FormTextbox {
  margin-bottom: 50px;
}
.EPiServerForms .FormTextbox .FormTextbox__Input {
  border-radius: 20px;
  border: none;
  background-color: #f1f2f3;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 14px 18px 10px 18px;
  max-width: 90%;
}
.EPiServerForms .FormTextbox .FormTextbox__Input:focus {
  border: 2px solid #1E1E1E;
  border-radius: 20px;
  outline: none;
}
.EPiServerForms .FormTextbox.ValidationFail .FormTextbox__Input {
  background-color: rgba(199, 37, 63, 0.1);
  border: 1px solid #c7253f;
}
.EPiServerForms .pure-textbox {
  max-width: 90%;
}
.EPiServerForms .FormTextbox--Textarea {
  margin-bottom: 50px;
}
.EPiServerForms .FormTextbox--Textarea .Form__Element__Caption {
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: -0.03px;
  padding-left: 0px;
  margin-bottom: 20px;
}
.EPiServerForms .FormTextbox--Textarea .FormTextbox__Input {
  height: 192px;
  border-radius: 20px;
  border: none;
  background-color: #f1f2f3;
  max-width: 95%;
}
.EPiServerForms .FormSelection .Form__Element__Caption {
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: -0.03px;
  padding-left: 0px;
  margin-bottom: 20px;
}
.EPiServerForms .FormSelection .group-multi-select-show-button {
  justify-content: space-between;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: -0.03px;
  background-color: #ffffff;
  border-color: #07272d;
  border-width: 0px 0px 3px 0px;
  outline: none;
  width: 380px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .EPiServerForms .FormSelection .group-multi-select-show-button {
    width: 100%;
  }
}
.EPiServerForms .FormSelection .group-multi-select-show-button .group-multi-select-triangle {
  float: right;
}
.EPiServerForms .FormSelection .group-multi-select-show-button .group-rotate-triangle {
  transform: rotate(180deg);
}
.EPiServerForms .FormSelection .group-multi-select-show-button:hover {
  filter: brightness(90%);
  cursor: pointer;
}
.EPiServerForms .FormSelection .group-multi-select {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.94;
  letter-spacing: -0.03px;
  overflow: hidden;
  padding: 5px 0px 5px 0px;
  position: relative;
  width: 380px;
  top: -22px;
}
@media screen and (max-width: 768px) {
  .EPiServerForms .FormSelection .group-multi-select {
    width: 100%;
  }
}
.EPiServerForms .FormSelection .group-multi-select .group-multi-select-option {
  padding: 8px 20px 8px 20px;
  background-image: url(https://www.nordpoolgroup.com/Static/empty.svg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  cursor: pointer;
}
.EPiServerForms .FormSelection .group-multi-select .group-multi-select-option:hover {
  background-color: #f1f2f3;
}
.EPiServerForms .FormSelection .group-multi-select .group-multi-select-option:checked {
  background-image: url(https://www.nordpoolgroup.com/Static/checked.svg);
}
.EPiServerForms .FormSelection .group-multi-select-selected-values {
  display: inline-flex;
  flex-wrap: wrap;
}
.EPiServerForms .FormSelection .group-multi-select-selected-values .group-multi-select-selected-value {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: -0.03px;
  min-width: 120px;
  background-color: #f1f2f3;
  border-radius: 16px;
  padding: 2px 2px 2px 15px;
  margin: 0px 15px 25px 0px;
  display: flex;
  justify-content: space-between;
  max-height: 30px;
}
.EPiServerForms .FormSelection .group-multi-select-selected-values .group-multi-select-selected-value .group-multi-select-remove-button {
  background-color: #f1f2f3;
  border: none;
  outline: none;
  padding-top: 4px;
  border-radius: 16px;
}
.EPiServerForms .FormSelection .group-multi-select-selected-values .group-multi-select-selected-value .group-multi-select-remove-button .group-multi-select-remove-button-image {
  content: url(https://www.nordpoolgroup.com/Static/delete.svg);
}
.EPiServerForms .FormSelection .group-multi-select-selected-values .group-multi-select-selected-value .group-multi-select-remove-button .group-multi-select-remove-button-image:hover {
  filter: brightness(90%);
  cursor: pointer;
}
.EPiServerForms .FormSelection .group-select {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: -0.03px;
  border-width: 0px 0px 3px 0px;
  border-color: #07272d;
  outline: none;
  width: 380px;
  margin-bottom: 20px;
  background-image: url(../png/caret_down.png);
  background-repeat: no-repeat;
  background-position: 98%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
@media screen and (max-width: 768px) {
  .EPiServerForms .FormSelection .group-select {
    width: 100%;
    background-position: 98.5%;
  }
}
@media screen and (max-width: 568px) {
  .EPiServerForms .FormSelection .group-select {
    background-position: 97%;
  }
}
.EPiServerForms .FormSelection .group-select:hover {
  filter: brightness(90%);
  cursor: pointer;
}
.EPiServerForms .FormSelection.ValidationFail select.group-select {
  color: #c7253f;
}
.EPiServerForms .FormSelection.ValidationFail button.group-multi-select-show-button span:first-of-type {
  color: #c7253f;
}
.EPiServerForms .FormChoice .Form__Element__Caption {
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: -0.03px;
  padding-left: 0px;
  margin-bottom: 20px;
}
.EPiServerForms .FormChoice .FormChoice__Input--Checkbox {
  display: inline-block;
}
.EPiServerForms .FormChoice .checkbox-label {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: -0.03px;
  margin-bottom: 20px;
}
.EPiServerForms .FormChoice .checkbox-label .checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.EPiServerForms .FormChoice .checkbox-label .checkbox-mark {
  content: url(https://www.nordpoolgroup.com/Static/empty.svg);
  margin-right: 10px;
}
.EPiServerForms .FormChoice .checkbox-label input:checked + .checkbox-mark {
  content: url(https://www.nordpoolgroup.com/Static/checked.svg);
}
.EPiServerForms .FormChoice .radio-button-label {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: -0.03px;
  margin-bottom: 20px;
}
.EPiServerForms .FormChoice .radio-button-label .radio-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.EPiServerForms .FormChoice .radio-button-label .radio-button-mark {
  content: url(https://www.nordpoolgroup.com/Static/empty.svg);
  margin-right: 10px;
}
.EPiServerForms .FormChoice .radio-button-label input:checked + .radio-button-mark {
  content: url(https://www.nordpoolgroup.com/Static/checked.svg);
}
.EPiServerForms .FormParagraphText {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: -0.03px;
}
.EPiServerForms .group .group-header {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  padding-bottom: 3px;
  color: #818181;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 40px;
}
.EPiServerForms .group .group-header .remove-group-button {
  background-color: #ffffff;
  border: none;
  display: inline-flex;
  float: right;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #818181;
}
.EPiServerForms .group .group-header .remove-group-button .group-button-image {
  content: url(https://www.nordpoolgroup.com/Static/delete-2.svg);
  margin-left: 7px;
}
.EPiServerForms .group .group-header .remove-group-button:hover {
  border-radius: 5px;
  filter: brightness(90%);
  cursor: pointer;
}
.EPiServerForms .group .group-content {
  margin-bottom: 25px;
}
.EPiServerForms .group .group-footer {
  border-top: 1px solid #d8d8d8;
}
.EPiServerForms .group .group-footer .group-footer-text {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: -0.03px;
  text-align: center;
  color: #008D7F;
  margin: 25px 0px 10px 0px;
}
.EPiServerForms .group .group-footer .add-group-button {
  width: 38px;
  height: 38px;
  border-radius: 21.5px;
  background-color: #008D7F;
  margin: auto;
  display: block;
  border: none;
  color: #ffffff;
  font-size: 2em;
  outline: none;
}
.EPiServerForms .group .group-footer .add-group-button:hover {
  filter: brightness(90%);
  cursor: pointer;
}
.EPiServerForms .align-right {
  float: right;
}
@media screen and (max-width: 768px) {
  .EPiServerForms .align-right {
    float: none;
  }
}
.nps-error {
  display: inline-block;
  margin: 1em;
  padding: 1em;
  background-color: #E47267;
  width: auto;
  color: white;
}
.nps-error .error-title {
  font-weight: bold;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.document-file-list {
  list-style: none;
  margin-top: 2em;
  padding: 0;
  font-size: 1.2em;
  display: block;
  font-size: 1em;
  text-align: center;
}
.document-file-list li {
  padding-top: 1em;
}
.document-file-list .file-link,
.document-file-list .file-size,
.document-file-list .file-type {
  display: inline-block;
  position: relative;
}
.document-file-list .link-pos,
.document-file-list .file-pos {
  position: absolute;
  bottom: 3px;
}
.document-file-list .file-link {
  width: 40%;
  text-align: right;
}
.document-file-list .file-size {
  width: 20%;
}
.document-file-list .file-type {
  width: 15%;
}
.document-file-list .file-type img {
  width: 2em;
}
@media (max-width: 568px) {
  .document-file-list li {
    font-size: 0.6em;
  }
  .document-file-list li .file-link,
  .document-file-list li .file-size {
    line-height: 10px;
  }
  .document-file-list li .file-link .link-pos,
  .document-file-list li .file-size .link-pos,
  .document-file-list li .file-link .file-pos,
  .document-file-list li .file-size .file-pos {
    bottom: 13px;
  }
  .document-file-list li .file-type img {
    width: 3em;
  }
}
.resizable {
  height: auto;
  width: 100%;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-Thin.ttf');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-Light.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-Semibold.ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-Black.ttf');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-ThinItalic.ttf');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-LightItalic.ttf');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-RegularItalic.ttf');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-MediumItalic.ttf');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-SemiboldItalic.ttf');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-BoldItalic.ttf');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('https://www.nordpoolgroup.com/Assets/fonts/Barlow/Barlow-BlackItalic.ttf');
  font-weight: 900;
  font-style: italic;
}
html,
button,
input,
select,
textarea,
.pure-g [class*="pure-u"],
.pure-g-r [class*="pure-u"] {
  font-family: Barlow, sans-serif;
  font-size: 14px;
}
.two-column {
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  .two-column {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .one-column {
    margin-bottom: 1em;
  }
}
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  background-image: linear-gradient(to right, #fff 0%, #f0f0f0 34%, #f0f0f0 61%, #fff 100%);
  color: #1E1E1E;
  line-height: 1.4;
}
a {
  text-decoration: none;
  color: #008D7F;
}
a:visited {
  color: #008D7F;
}
a.eucalyptus-blue-link {
  color: #008D7F;
}
#page {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}
#main {
  clear: both;
  height: 100%;
  overflow: hidden;
  margin-top: 55px;
}
@media (min-width: 1024px) {
  #main {
    margin-top: 100px;
  }
}
@media (min-width: 768px) {
  .main {
    margin: 1em 0px 0 0px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Barlow, sans-serif;
  font-weight: normal;
  color: #07272d;
  line-height: 1.2;
}
h1 {
  font-size: 3em;
  font-weight: bold;
  color: #008D7F;
}
h2 {
  font-size: 1.5em;
}
p.text-center {
  text-align: center;
}
.column {
  /* height: 100%; Commented 2016-01-20 because breaks layout with article page, if used with IE */
  margin-top: 0.5em;
  margin-left: 15px;
  margin-right: 15px;
}
.menu-column-inner {
  border-left: 1px solid #e9eef1;
  border-right: 1px solid #e9eef1;
  padding: 0.5em;
  background-color: transparent;
}
.single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.page-lift > a {
  color: inherit;
  text-decoration: inherit;
}
.nps-loader {
  margin: 0.5em;
}
:fullscreen {
  overflow: scroll !important;
}
:-moz-full-screen {
  overflow: scroll !important;
}
:-webkit-full-screen {
  overflow: scroll !important;
}
:-ms-fullscreen {
  overflow: scroll !important;
}
html:not(.ie8) input[type=checkbox] {
  display: none;
}
html:not(.ie8) input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f096";
  letter-spacing: 5px;
  color: #07272d;
}
html:not(.ie8) input[type=checkbox]:checked + label:before {
  content: "\f046";
  letter-spacing: 3px;
  color: #07272d;
}
.ie8 .svg {
  display: none !important;
}
.ie8 .ie8-fallback {
  display: inline-block;
}
.ie8-fallback {
  display: none;
}
.notifyjs-npspopup-base {
  width: 240px;
  background: #ffffff;
  padding: 1em;
  border: 1px solid #d9dde1;
}
.notifyjs-npspopup-base .img-close {
  cursor: pointer;
  color: #008D7F;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 11%;
}
.notifyjs-npspopup-base .title {
  margin: 5px 0 0 5px;
  color: #07272d;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3em;
}
.notifyjs-corner {
  top: 120px !important;
}
.contact-us-button-container {
  max-width: 1920px;
  position: fixed;
  top: 55%;
  height: 50px;
  right: 0;
  z-index: 1;
  /*    @media (min-width:(@wide-content-max-width)) {
        right: ~"calc((100% - @{wide-content-max-width}) / 2)";
    }
*/
}
@media (max-width: 568px) {
  .contact-us-button-container img {
    max-width: 25px;
  }
}
@media (min-width: 568px) {
  .contact-us-button-container {
    top: 55%;
  }
}
.contact-us-button-container img {
  float: right;
  margin-right: 2px;
  max-width: 33px;
  padding: 2px 10px 2px 9px;
  border-radius: 6px;
}
.contact-us-button-container img:hover {
  filter: invert(0.9) sepia(1) saturate(5) hue-rotate(60deg);
}
.contact-us-button-container.dark-contact-us img {
  filter: invert(0.9) sepia(1) saturate(5) hue-rotate(60deg);
}
.contact-us-button-container.dark-contact-us img:hover {
  filter: invert(0);
  background-color: #008D7F;
}
.contact-us-button-container.white-contact-us {
  position: absolute;
  top: 7%;
  right: 0;
}
.image-group {
  margin: 1em 0;
}
.image-group .img {
  margin: 0;
  line-height: 0;
}
.pure-button-primary {
  background-color: #008D7F !important;
}
.critical-hide {
  display: none;
}
.light-blue {
  background-color: #008D7F !important;
}
#critical-box {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 52px;
  background-color: #c7253f;
  z-index: 101;
  line-height: 52px;
}
@media (max-width: 1024px) {
  #critical-box {
    top: 50px;
  }
}
@media (max-width: 768px) {
  #critical-box {
    height: auto;
  }
}
#critical-box .critical-message-time,
#critical-box .critical-message-text {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-size: 16px;
  color: #ffffff;
}
#critical-box .critical-exclamation,
#critical-box .critical-close-button {
  margin-top: 10px;
}
#critical-box .critical-exclamation {
  float: left;
  margin-left: 2em;
}
@media (max-width: 768px) {
  #critical-box .critical-exclamation {
    margin-left: 1em;
  }
}
#critical-box .critical-close-button {
  float: right;
  margin-right: 2em;
}
@media (max-width: 768px) {
  #critical-box .critical-close-button {
    top: 1px;
    position: absolute;
    right: 1em;
    margin-right: 0;
    float: none;
  }
}
#critical-box .critical-close-button:hover {
  cursor: pointer;
}
#critical-box .critical-close-button:hover svg {
  height: 34px;
}
#critical-box .critical-close-button:hover svg g {
  stroke: #008D7F;
}
#critical-box .critical-message-time {
  margin-left: 1.5em;
  font-weight: 400;
}
@media (max-width: 768px) {
  #critical-box .critical-message-time {
    margin-left: .5em;
  }
}
#critical-box .critical-message-text {
  font-weight: 700;
}
.external-link-icon {
  margin-left: 5px;
  position: absolute;
}
@media (min-width: 1024px) {
  .external-link-icon {
    top: 3em;
  }
}
@media (max-width: 1023px) {
  .external-link-icon {
    top: 1.05em;
  }
}
header {
  background-color: #ffffff;
  font-weight: 600;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  max-height: 100%;
  overflow-y: auto;
}
@media (min-width: 1024px) {
  header {
    overflow-y: visible;
  }
}
header .logo {
  width: calc(190px);
  background-color: #ffffff;
  margin-right: 0px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  float: left;
}
header .logo a {
  height: 100%;
  width: 100%;
  display: block;
}
header .logo img {
  height: 45px;
  display: inline-block;
  vertical-align: middle;
}
header .mobile-logo {
  width: 120px;
  height: 20px;
  margin-left: -60px;
  position: absolute;
  left: 50%;
  top: 10px;
}
header .mobile-logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .header-placeholder {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .menu-item-with-icon {
    margin-right: 1.5em;
  }
}
#nav {
  padding: 15px 15px 0 15px;
  position: relative;
  background-color: inherit;
}
@media (min-width: 1024px) {
  #nav {
    padding: 0;
  }
}
#nav .mobile-button {
  width: 21px;
  height: 40px;
  padding: -0.5px;
  font-size: 21px;
  line-height: 1.0;
  color: #1E1E1E;
  float: left;
}
#nav .mobile-button.show-market-updates {
  height: 21px;
}
#nav .menu-container {
  display: none;
  clear: both;
  margin: 2em -15px 25px;
  background-color: #ffffff;
  transition: max-height 0.3s ease-out;
  max-height: 0;
  overflow: hidden;
}
#nav .menu-container.expand {
  max-height: 2000px;
  transition-timing-function: ease-in;
}
#nav .menu-container.expand,
#nav .menu-container.expand-add,
#nav .menu-container.expand-remove {
  display: block;
}
#nav .menu {
  padding: 1.2rem 3rem 1.2rem 1.2rem;
  margin: 0;
}
#nav .menu .menu-item {
  width: 100%;
  padding: 1.2rem 0;
  text-align: left;
  position: relative;
}
#nav .menu .menu-item > a {
  display: block;
  padding: 0 1em 0 0;
  text-transform: uppercase;
  text-decoration: none;
  color: #444;
}
#nav .menu .menu-item .menu-expander {
  position: absolute;
  right: 0;
  top: 13px;
  font-size: 25px;
  text-align: center;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #07272d;
}
#nav .menu .menu-item .menu-expander::before {
  content: "+";
}
#nav .menu .menu-item .menu-expander.expand::before {
  content: "\2212";
}
#nav .menu .menu-item .menu-expander > i {
  display: none;
}
@media (min-width: 1024px) {
  #nav .menu .menu-item {
    position: static;
  }
}
#nav .menu .item-active > a {
  font-weight: bold;
}
#nav .menu > .menu-item > a {
  font-size: 18px;
  color: #1E1E1E;
}
#nav .menu > .menu-item > a.menu-expander {
  top: 14px;
}
#nav .menu > .menu-item > .sub-menu > .menu-item {
  border-bottom: 1px solid #CCD2D7;
}
#nav .menu > .menu-item > .sub-menu > .menu-item:first-child {
  border-top: 1px solid #CCD2D7;
}
#nav .menu > .menu-item > .sub-menu > .menu-item a {
  color: #1E1E1E;
}
#nav .menu > .menu-item > .sub-menu > .menu-item a.menu-expander {
  top: 11px;
}
#nav .menu .sub-menu .sub-menu {
  border-left: 2px solid #1E1E1E;
  padding: 0 0 0 1.2rem;
}
#nav .menu .sub-menu .sub-menu .menu-item {
  padding: 0.6rem 0;
}
#nav .menu .sub-menu .sub-menu .menu-item:first-child {
  padding-top: 0;
}
#nav .menu .sub-menu .sub-menu .menu-item:last-child {
  padding-bottom: 0;
}
#nav .sub-menu {
  display: none;
  clear: both;
  padding: 1.2rem 0 1.2rem 0.5rem;
}
#nav .sub-menu.expand {
  display: block;
}
#nav .header-content {
  height: 70px;
}
@media (min-width: 1024px) {
  #nav {
    height: 100%;
  }
  #nav .mobile-button {
    display: none;
  }
  #nav .header-content {
    height: auto;
  }
  #nav .header-width {
    display: inline-block;
    width: calc(100% - calc(205px));
  }
  #nav .header-width.show-market-updates {
    width: calc(100% - calc(220px));
  }
  #nav .header-width.show-login-button {
    width: calc(100% - calc(315px));
  }
  #nav .header-width.show-market-updates.show-login-button {
    width: calc(100% - calc(300px));
  }
  #nav .menu-container {
    max-height: none;
    overflow: visible;
    display: block;
    height: 100px;
    position: relative;
    background-color: #ffffff;
    top: 0;
    padding: 0 0.5em 0 0;
    margin: 0;
    clear: none;
    text-align: right;
  }
  #nav .menu-container .menu,
  #nav .menu-container .search-container {
    display: inline-block;
    vertical-align: middle;
  }
  #nav .menu-container.show-market-updates {
    margin: 0 4em 0 0;
  }
  #nav .menu {
    padding: 0;
    margin: 0 4em 0 0;
    white-space: nowrap;
    position: static;
    background-color: transparent;
  }
  #nav .menu .menu-item {
    display: inline;
    padding: 0;
  }
  #nav .menu .menu-item > a {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    padding: 41px 0.25em;
    line-height: 1.0;
    margin: 2px 1em;
    color: #07272d;
    letter-spacing: 0.05em;
  }
  #nav .menu .menu-item .menu-expander {
    display: none;
  }
  #nav .menu .sub-menu.expand {
    display: none;
  }
  #nav .menu .item-active a,
  #nav .menu .item-opened a {
    border-bottom: 2px solid #008D7F;
    margin-bottom: 0;
    color: #008D7F;
  }
  #nav .menu .support-page.item-active a,
  #nav .menu .support-page.item-opened a {
    border-bottom: 2px solid #30b383;
    color: #30b383;
  }
  #nav .menu-container.show-login-button .menu {
    margin: 0 2em 0 0;
  }
  #nav .menu-container.show-market-updates .menu {
    margin: 0 4em 0 0;
  }
}
.login-container {
  float: right;
  padding: 41px 0.1em 41px 0.1em;
  text-transform: uppercase;
}
.login-container a {
  margin: 2px 1.3em;
  color: #07272d;
  letter-spacing: 0.05em;
}
.login-container a:visited {
  color: #07272d;
}
.mobile-login-container {
  padding: 0 3rem 2rem 1rem;
}
.mobile-login-container a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  color: #07272d;
}
.mobile-login-container a:visited {
  color: #07272d;
}
#mobile-top-navigation-links {
  border-top: 1px solid #eee;
}
#mobile-top-navigation-links ul {
  list-style: none;
  margin: 0;
  padding: 1.2rem;
}
#mobile-top-navigation-links li {
  width: 100%;
  padding: 1.2rem 0;
  text-align: left;
  position: relative;
}
#mobile-top-navigation-links li > a {
  display: block;
  padding: 0 1em 0 0;
  text-transform: uppercase;
  text-decoration: none;
  color: #444;
}
#mobile-top-navigation-links li .menu-expander {
  position: absolute;
  right: 0;
  top: 13px;
  font-size: 25px;
  text-align: center;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #07272d;
}
#mobile-top-navigation-links li .menu-expander::before {
  content: "+";
}
#mobile-top-navigation-links li .menu-expander.expand::before {
  content: "\2212";
}
#mobile-top-navigation-links li .menu-expander > i {
  display: none;
}
@media (min-width: 1024px) {
  #mobile-top-navigation-links li {
    position: static;
  }
}
#top-navigation-links {
  border: none;
  background-color: #1E1E1E;
  text-align: right;
  font-size: 13px;
  line-height: 14px;
  padding: 1em 1.7em;
  color: #ffffff;
}
#top-navigation-links ul {
  margin: 0;
  padding: 0px 0px 0px 1.4em;
  display: inline;
}
#top-navigation-links li {
  display: inline;
}
#top-navigation-links li > a {
  display: inline-block;
  margin-left: 2.5em;
  padding: 0;
  color: #fff;
  text-decoration: none;
  text-transform: none;
}
footer {
  margin-top: 2em;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  background-color: #333836;
}
footer .footer-left {
  float: left;
}
footer .footer-right {
  float: right;
}
#footer-content {
  padding: 5em 1.5em 2em;
  margin-left: auto;
  margin-right: auto;
  max-width: 1063px;
  font-weight: 300;
  color: white;
}
#footer-content h2 {
  text-transform: uppercase;
  margin-top: 0;
  font-size: 1em;
  font-weight: 500;
}
#footer-content .logo {
  width: 100px;
}
#footer-content .logo img {
  width: 100%;
}
@media (max-width: 1024px) {
  #footer-content .logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
#footer-content .contact-information {
  margin-top: 0.5em;
}
@media (max-width: 1024px) {
  #footer-content .contact-information {
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 2em;
  }
}
#footer-content .link-title {
  color: white;
  margin-top: 2em;
}
@media (min-width: 568px) {
  #footer-content .link-title {
    margin-top: 0;
  }
}
#footer-content td {
  width: 80%;
}
#footer-content td a {
  font-weight: 300;
  font-size: 16px;
}
@media (max-width: 568px) {
  #footer-content .social-container {
    text-align: left;
  }
}
#footer-content .fa {
  padding: 15px 15px 15px 0;
  font-size: 25px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}
#footer-content ul {
  list-style-type: none;
  padding-left: 0;
}
#footer-content ul li > a {
  font-weight: 300;
}
#footer-content a {
  color: #ffffff;
  outline: 0;
}
#footer-content p {
  margin: 0;
}
#market-start-content #footer-content {
  padding-left: 16em;
}
#footer-content #first-row {
  padding-bottom: 1em;
}
@media (min-width: 1024px) {
  #footer-content #first-row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.85);
  }
}
#footer-content #bottom-row {
  margin-top: 2em;
}
#footer-content #bottom-row .social-media-heading h2 {
  color: white;
}
#footer-content .mobile-content .copyright {
  margin-top: 3em;
}
#footer-content .mobile-content .top-margin {
  margin-top: 2em;
}
.box {
  margin-bottom: 30px;
  padding: 0 15px;
}
.box-header {
  padding: 1rem 2rem;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 300;
}
.box-header > a,
.box-header > span {
  text-decoration: none;
  font-weight: bold;
}
.box-header::after {
  display: block;
  content: ' ';
  background-color: #BFC7CD;
  height: 1px;
  margin: 1rem -0.6rem 0;
}
.box-body {
  padding: 1rem 2rem;
}
.box-body a {
  text-decoration: none;
}
.box-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content-box-header {
  background-color: #f0f0f0;
  color: #008D7F;
}
.content-box-header > a {
  color: #008D7F;
}
.content-box-area .box-header {
  background-color: #f0f0f0;
  color: #008D7F;
}
.content-box-area .box-header > a {
  color: #008D7F;
}
.left-nav-header {
  border-bottom: 1px solid #d9dde1;
  padding: 1.0em 0;
}
.left-nav-header.item-opened {
  border: none;
}
.menu-box-header {
  background-color: transparent;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #d9dde1;
  padding: 1.0em 0;
}
.menu-box-header.item-opened {
  border: none;
}
.menu-box-header > a,
.menu-box-header > span {
  color: #07272d;
  text-transform: uppercase;
}
.menu-box-body {
  padding: 1rem 0;
  font-weight: 500;
  border-bottom: 1px solid #d9dde1;
}
.menu-box-body:first-child {
  border-top: 1px solid #d9dde1;
}
.menu-box-body > ul {
  margin-left: 0.5em;
  list-style-type: none;
  padding-left: 0;
}
.menu-box-body a {
  display: inline-block;
  color: #07272d;
}
.menu-box-body .icon {
  font-size: 9px;
}
.menu-box-body .item-active > a {
  color: #07272d;
}
.menu-box-body .sub-menu {
  display: none;
  margin: 0 0 1em 0.5em;
}
.menu-box-body .sub-menu .menu-expander {
  margin: 0;
  font-weight: 500;
}
.menu-box-body .sub-menu.expand {
  display: block;
  margin: 1em 0 1em 0.5em;
  line-height: 1.2em;
}
.menu-box-body .sub-menu.expand a {
  padding: 0 0 1em 1em;
  font-size: 16px;
}
.menu-box-body .sub-menu.expand li:last-child a {
  padding-bottom: 0;
}
.menu-box-body > .sub-menu > li {
  margin-left: 0;
}
.menu-box-body .menu-heading {
  margin-right: 2em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  padding: 0;
}
.menu-box-body .menu-expander {
  float: right;
  font-size: 9px;
  margin: 0 0 0 -2em;
  top: 2px;
}
.menu-box-body .menu-expander .expander-icon::before {
  content: "\f067";
}
.menu-box-body .menu-expander.expand .expander-icon::before {
  content: "\f068";
}
.menu-box-area {
  padding: 1rem 0;
  font-weight: 500;
  border-bottom: 1px solid #d9dde1;
  border: none;
  padding: 0;
}
.menu-box-area:first-child {
  border-top: 1px solid #d9dde1;
}
.menu-box-area > ul {
  margin-left: 0.5em;
  list-style-type: none;
  padding-left: 0;
}
.menu-box-area a {
  display: inline-block;
  color: #07272d;
}
.menu-box-area .icon {
  font-size: 9px;
}
.menu-box-area .item-active > a {
  color: #07272d;
}
.menu-box-area .sub-menu {
  display: none;
  margin: 0 0 1em 0.5em;
}
.menu-box-area .sub-menu .menu-expander {
  margin: 0;
  font-weight: 500;
}
.menu-box-area .sub-menu.expand {
  display: block;
  margin: 1em 0 1em 0.5em;
  line-height: 1.2em;
}
.menu-box-area .sub-menu.expand a {
  padding: 0 0 1em 1em;
  font-size: 16px;
}
.menu-box-area .sub-menu.expand li:last-child a {
  padding-bottom: 0;
}
.menu-box-area > .sub-menu > li {
  margin-left: 0;
}
.menu-box-area .menu-heading {
  margin-right: 2em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  padding: 0;
}
.menu-box-area .menu-expander {
  float: right;
  font-size: 9px;
  margin: 0 0 0 -2em;
  top: 2px;
}
.menu-box-area .menu-expander .expander-icon::before {
  content: "\f067";
}
.menu-box-area .menu-expander.expand .expander-icon::before {
  content: "\f068";
}
#left-menu .menu-box {
  margin-bottom: 0;
}
#left-menu .menu-box .sub-menu.expand li.menu-item.support-page a {
  color: #30b383;
}
@media screen and (min-width: 1024px) {
  .left-menu-width {
    width: calc(256px);
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .true-content-width {
    width: calc(100% - 256px);
    display: inline-block;
  }
}
.search-page {
  display: inline-block;
  color: #1E1E1E;
  font-size: 18px;
  line-height: 23px;
  background-color: #ffffff;
  max-width: 100%;
}
.search-page .search-inner {
  margin: 35px 35px 39.8px 20px;
}
@media (min-width: 568px) {
  .search-page .search-inner {
    margin-right: 86px;
  }
}
.search-page h1 {
  margin-top: 0;
  font-size: 42px;
  line-height: 43.2px;
}
.search-page h3 {
  font-size: 24px;
  font-weight: 600;
  word-break: break-word;
}
@media (min-width: 768px) {
  .search-page h3 {
    padding-right: 74.9px;
  }
}
.search-page h3 a,
.search-page h3 a:visited {
  color: #1E1E1E;
}
@media (min-width: 1024px) {
  .search-page {
    margin: 0.2em 7em 3em 15em;
  }
}
#search-results {
  list-style-type: none;
  padding: 0;
}
#search-results .result {
  margin-bottom: 1.5em;
}
#search-results .result-title {
  margin: 0 0 0.2em;
}
#search-results .result-text {
  margin: 0;
  font-size: 0.8em;
}
#search-results .support-result-title {
  background: #30b383;
  padding-left: 2px;
}
#search-results .support-result-title > a {
  color: #ffffff;
}
.tooltip {
  display: inline-block !important;
}
.search-form {
  margin: 0;
  float: right;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.search-input {
  position: absolute;
  height: 21px;
  border-width: 0;
  margin: -0.5px 0;
  outline: none;
}
#header-search {
  position: absolute;
  right: 0;
  top: auto;
  width: 36px;
  height: 100px;
  background-color: white;
  padding: 0 15px 0 0;
}
.search-expanded #header-search {
  background-color: #fff;
  width: auto;
  left: 0;
}
@media (min-width: 768px) {
  .search-expanded #header-search {
    left: auto;
    width: 100%;
    box-sizing: border-box;
  }
}
#header-search .search-input {
  padding: 0;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  border-width: 0;
  margin: 0;
  left: 0;
}
.search-expanded #header-search .search-input {
  padding-left: 7.7em;
}
.search-form.show-login-button {
  margin-right: 0;
}
@media (min-width: 1024px) {
  .search-form.show-login-button {
    margin-right: -2.3em;
  }
}
.search-form.show-market-updates {
  margin: 0;
}
/*#header-search {
    top: auto;
    //width: @search-button-width + @pad;
    margin: 0;
    padding: 0;
    height: @header-height;

    .search-input {
        height: @header-height;
        padding: 0;
        border-width: 0;
        margin: 0;
        left: 0;
            
        .search-expanded & {
            padding-left: (@search-button-width + @pad);
        }
    }
}*/
@media (max-width: 1023px) {
  .search-container {
    min-height: 200px;
  }
}
.search-button {
  width: 0.8em;
  height: 100px;
  padding-right: 40px;
  line-height: 7em;
  background-color: #ffffff;
  border: none;
  color: black !important;
  float: left;
  position: relative;
  z-index: 5;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.search-button > i {
  font-size: 1.2em;
  cursor: pointer;
}
.search-button.expanded {
  background-color: white;
  padding-left: 20px;
}
.search-button .close-height {
  line-height: 6em;
  height: 6em;
  width: 1.2em;
}
.search-button img {
  margin-top: 3em;
}
.search-close {
  float: none;
  position: absolute;
  right: 0;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.2s ease;
  transition-delay: 0s;
}
.search-expanded .search-close {
  opacity: 1.0;
  transition-delay: 0.2s;
  background-color: transparent;
}
.search-close img {
  margin-top: 0.7em !important;
}
.search-height {
  width: 1px;
  height: 100px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5000;
  display: none;
  width: 100%;
  box-sizing: border-box;
  padding: 1em 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: inherit;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
}
.dropdown-menu > li > a {
  display: block;
  padding: 0.5em;
  padding-left: 7.2em;
  clear: both;
  font-weight: normal;
  color: #4d4d4d;
  white-space: nowrap;
  cursor: pointer;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #404040;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: white;
  text-decoration: none;
  outline: 0;
  background-color: #008D7F;
}
.page-accordion-item {
  margin-bottom: 1em;
}
.page-accordion-header {
  zoom: 1;
  cursor: pointer;
  background-color: white;
  padding: 0.5em;
}
.page-accordion-header:before,
.page-accordion-header:after {
  content: "";
  display: table;
}
.page-accordion-header:after {
  clear: both;
}
.page-accordion-header .fa {
  position: absolute;
}
.page-accordion-header span {
  display: block;
  margin-left: 1.5em;
}
.page-accordion-body .introduction {
  padding: 1em;
  font-weight: normal;
}
.page-accordion-body .read-more a {
  color: #07272d;
}
.map-wrapper {
  position: relative;
  width: 100%;
}
#maps-page-content {
  overflow: hidden;
  clear: both;
}
#maps-page-area-selector .maps-page-area {
  padding-left: 1em;
  line-height: 3em;
  background-color: #f0f0f0;
  border: 1px solid #DCF0F5;
  color: black;
  cursor: pointer;
}
#maps-page-area-selector .maps-page-area.active {
  background-color: #DCF0F5;
  color: #07272d;
  font-weight: bold;
}
#map-container {
  width: 100%;
}
.map-size {
  width: 100%;
}
.map-error {
  display: inline-block;
  margin: 1em;
  padding: 1em;
  background-color: #E47267;
  width: auto;
  color: white;
}
.map-error .error-title {
  font-weight: bold;
}
.map-data-error {
  display: inline-block;
  margin: 1em;
  padding: 1em;
  background-color: #E47267;
  width: auto;
  color: white;
}
.map-data-error .error-title {
  font-weight: bold;
}
.hidden-element {
  display: none;
}
.flow-container .flow-value {
  font-size: 0.8em;
  font-weight: normal;
  text-shadow: 1px 1px 2px black;
}
#map-legend {
  background-color: #dcf0f5;
}
@media (min-width: 480px) {
  #map-legend {
    background-color: transparent;
    position: absolute;
    z-index: 999;
    top: 0.5em;
    left: 1em;
  }
  #map-legend li:first-child {
    margin-left: 0;
  }
}
.map-series,
.map-settings {
  list-style: none;
  margin: 0;
  padding: 0.5em 0;
}
.map-series > li,
.map-settings > li {
  display: inline-block;
}
.map-series > li {
  margin: 0;
}
.map-settings > li {
  white-space: nowrap;
  margin-left: 0.5em;
}
.map-system-price {
  margin-top: 5%;
  margin-left: 2em;
  line-height: 1.0;
}
.map-system-price .system-price-value {
  color: #2ca378;
  font-size: 1.6em;
  font-weight: 600;
}
.map-system-price.system-price-preliminary .system-price-value {
  color: #008D7F;
}
@media (min-width: 480px) {
  .map-system-price {
    margin-left: 3.5em;
  }
  .map-system-price .system-price-text {
    font-size: 20px;
  }
  .map-system-price .system-price-value {
    font-size: 48px;
  }
}
#map-end-date {
  max-width: 12em;
}
.header-info {
  line-height: 1.5em;
  padding: 1em 0;
}
.tooltip {
  position: relative;
  cursor: help;
  color: #28966e;
  display: none;
}
.tooltip .fa-info-circle {
  padding: 0 0.5em;
  font-size: 2em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .tooltip {
    display: inline-block;
  }
}
.tooltip:after {
  line-height: 1em;
  visibility: hidden;
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 0 0 0 -8px;
  width: 0;
  height: 0;
  border-bottom: 10px solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  z-index: 999;
}
.tooltip:hover {
  color: #28966e;
}
.tooltip-content {
  position: absolute;
  width: 16rem;
  color: #ffffff;
  background-color: #28966e;
  text-align: center;
  visibility: hidden;
  padding: 0.5rem;
  top: 100%;
  left: 50%;
  margin-top: 8px;
  margin-left: -8rem;
  z-index: 999;
  border: 1px solid #d9dde1;
  line-height: 1.2;
  font-weight: normal;
}
.tooltip-content p {
  margin: 0.5rem 0 0 0;
}
.tooltip-content p:first-child {
  margin: 0;
}
.tooltip-content .tooltip-inner {
  font-size: 14px;
}
.tooltip:hover:after,
.tooltip.show:after,
.tooltip:hover .tooltip-content,
.tooltip.show .tooltip-content {
  visibility: visible;
}
.glossary {
  display: inline-block;
  text-decoration: underline;
}
.navigation-grid:first-child {
  border-top: 1px solid #d9dde1;
}
.navigation-grid .grid-header {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #07272d;
  cursor: pointer;
  border-bottom: 1px solid #d9dde1;
  padding: 1.0em 0;
}
.navigation-grid .grid-header.item-opened {
  border: none;
}
.navigation-grid .grid-body {
  padding: 0.5em 0.5em 1em 0.5em;
  margin-top: 7em;
  border-bottom: 1px solid #d9dde1;
}
.navigation-grid tr:nth-child(even) {
  background-color: #e6e6e6;
}
.navigation-grid td,
.navigation-grid th {
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}
.navigation-grid td a,
.navigation-grid th a {
  margin: 0 !important;
  padding: 0 !important;
}
.navigation-grid .rotate {
  width: 18px;
  max-width: 18px;
}
.ie8 .navigation-grid .rotate {
  position: relative;
}
.navigation-grid .rotate-inner {
  white-space: nowrap;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  text-align: left;
  width: 18px;
}
.ie8 .navigation-grid .rotate-inner {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  width: 7em;
  position: absolute;
  bottom: 6em;
}
#cookie-consent {
  font-size: 14px;
  padding: 0.4em 0.8em;
  background-color: #555;
  color: white;
  line-height: 1.6;
  position: fixed;
  bottom: 0;
  z-index: 9000;
  width: 100%;
}
#cookie-consent button.decline {
  margin-right: 3em;
}
@media screen and (max-width: 768px) {
  #cookie-consent button.decline {
    margin-right: 1em;
  }
}
#cookie-consent button {
  float: right;
  padding: 0.3em 1em;
  margin-top: 1em;
  margin-right: 3em;
  width: 120px;
}
@media screen and (max-width: 768px) {
  #cookie-consent button {
    margin-top: 0em;
  }
}
@media screen and (max-width: 768px) {
  #cookie-consent .cookie-button-div {
    display: table;
    margin: auto;
    margin-top: 0em;
  }
}
#cookie-consent .cookie-text {
  float: left;
  width: 75%;
  display: block;
  padding-right: 1em;
  text-align: center;
}
#cookie-consent .cookie-text a,
#cookie-consent .cookie-text a:visited {
  color: #04B1D8;
}
@media screen and (max-width: 768px) {
  #cookie-consent .cookie-text {
    float: none;
    margin: auto;
  }
}
.item-counts {
  text-align: center;
  margin-bottom: 1em;
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e9eef1;
  text-transform: uppercase;
}
.item-counts hr {
  margin: 1.5em 0 1em;
  border: none;
  border-bottom: 1px solid #e9eef1;
}
.item-counts .header {
  margin-top: 0;
}
.item-counts .group-header {
  cursor: pointer;
  margin: 0.5em auto;
  width: 5em;
  border-bottom: 1px solid #008D7F;
}
.item-counts .group-header > .expander {
  margin-left: 0.5em;
}
.item-counts .group-header > .expander::before {
  content: "\f0d7";
}
.item-counts .group-header.expand > .expander::before {
  content: "\f0d8";
}
.item-counts .items {
  list-style: none;
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 90%;
}
.item-counts .items li {
  cursor: pointer;
  margin: 0.3em 0;
}
.item-counts .items .active {
  background-color: #b3b3b3;
  color: #fff;
}
.item-counts .items .feature-list {
  list-style: none;
  background-color: white;
  padding-left: 0;
}
.item-counts .items .feature-list .feature-item {
  color: black;
  text-transform: none;
}
.item-counts .items .feature-list .feature-item:hover {
  background-color: #b3b3b3;
  color: #fff;
}
.icon {
  float: right;
  font-size: 10px;
  top: 2px;
}
.favourites-list {
  font-size: 16px;
  text-transform: uppercase;
  padding: 1rem 0;
  font-weight: 500;
  border-bottom: 1px solid #d9dde1;
}
.favourites-list:first-child {
  border-top: 1px solid #d9dde1;
}
.favourites-list > ul {
  margin-left: 0.5em;
  list-style-type: none;
  padding-left: 0;
}
.favourites-list a {
  display: inline-block;
  color: #07272d;
}
.favourites-list .icon {
  font-size: 9px;
}
.favourites-list .item-active > a {
  color: #07272d;
}
.favourites-list .sub-menu {
  display: none;
  margin: 0 0 1em 0.5em;
}
.favourites-list .sub-menu .menu-expander {
  margin: 0;
  font-weight: 500;
}
.favourites-list .sub-menu.expand {
  display: block;
  margin: 1em 0 1em 0.5em;
  line-height: 1.2em;
}
.favourites-list .sub-menu.expand a {
  padding: 0 0 1em 1em;
  font-size: 16px;
}
.favourites-list .sub-menu.expand li:last-child a {
  padding-bottom: 0;
}
.favourites-list > .sub-menu > li {
  margin-left: 0;
}
.favourites-list .menu-heading {
  margin-right: 2em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  padding: 0;
}
.favourites-list .menu-expander {
  float: right;
  font-size: 9px;
  margin: 0 0 0 -2em;
  top: 2px;
}
.favourites-list .menu-expander .expander-icon::before {
  content: "\f067";
}
.favourites-list .menu-expander.expand .expander-icon::before {
  content: "\f068";
}
.favourites-list tr:last-child a {
  padding-bottom: 0;
}
.favourites-list a {
  padding: 0 0 1em 1em;
  margin-right: 0;
}
.favourites-list .list-header {
  text-transform: uppercase;
  font-weight: 600;
  color: #c7253f;
  cursor: pointer;
}
.favourites-list .list-header .fa {
  padding-right: 0.1em;
}
.favourites-list .list-header.item-opened {
  padding-bottom: 1em;
}
.favourites-list table {
  padding-top: 1em;
  margin-left: 1em;
  border-left: 3px solid #07272d;
  margin-top: 0.3em;
}
.favourites-list table .nofavourites {
  height: 20px;
  padding: 0 0 1em 1em;
}
#product-column .favourites-list table {
  margin-left: 0.5em;
}
svg.arrow-cyan rect {
  fill: #02e0f0;
}
svg.arrow-cyan circle,
svg.arrow-cyan path {
  stroke: #02e0f0;
}
a:hover svg.arrow-cyan rect,
a:active svg.arrow-cyan rect {
  fill: #02b1bd;
}
a:hover svg.arrow-cyan circle,
a:active svg.arrow-cyan circle,
a:hover svg.arrow-cyan path,
a:active svg.arrow-cyan path {
  stroke: #02b1bd;
}
svg.arrow-dark-cyan rect {
  fill: #008D7F;
}
svg.arrow-dark-cyan circle,
svg.arrow-dark-cyan path {
  stroke: #008D7F;
}
a:hover svg.arrow-dark-cyan rect,
a:active svg.arrow-dark-cyan rect {
  fill: #005a51;
}
a:hover svg.arrow-dark-cyan circle,
a:active svg.arrow-dark-cyan circle,
a:hover svg.arrow-dark-cyan path,
a:active svg.arrow-dark-cyan path {
  stroke: #005a51;
}
svg.arrow-green rect {
  fill: #30b383;
}
svg.arrow-green circle,
svg.arrow-green path {
  stroke: #30b383;
}
a:hover svg.arrow-green rect,
a:active svg.arrow-green rect {
  fill: #258b66;
}
a:hover svg.arrow-green circle,
a:active svg.arrow-green circle,
a:hover svg.arrow-green path,
a:active svg.arrow-green path {
  stroke: #258b66;
}
svg.arrow-dark-blue rect {
  fill: #1E1E1E;
}
svg.arrow-dark-blue circle,
svg.arrow-dark-blue path {
  stroke: #1E1E1E;
}
a:hover svg.arrow-dark-blue rect,
a:active svg.arrow-dark-blue rect {
  fill: #040404;
}
a:hover svg.arrow-dark-blue circle,
a:active svg.arrow-dark-blue circle,
a:hover svg.arrow-dark-blue path,
a:active svg.arrow-dark-blue path {
  stroke: #040404;
}
svg.arrow-dark-cyan rect {
  fill: #00a0ac;
}
svg.arrow-dark-cyan circle,
svg.arrow-dark-cyan path {
  stroke: #00a0ac;
}
a:hover svg.arrow-dark-cyan rect,
a:active svg.arrow-dark-cyan rect {
  fill: #02e0f0;
}
a:hover svg.arrow-dark-cyan circle,
a:active svg.arrow-dark-cyan circle,
a:hover svg.arrow-dark-cyan path,
a:active svg.arrow-dark-cyan path {
  stroke: #02e0f0;
}
svg.arrow-white rect {
  fill: #ffffff;
}
svg.arrow-white circle,
svg.arrow-white path {
  stroke: #ffffff;
}
a:hover svg.arrow-white rect,
a:active svg.arrow-white rect {
  fill: #e6e6e6;
}
a:hover svg.arrow-white circle,
a:active svg.arrow-white circle,
a:hover svg.arrow-white path,
a:active svg.arrow-white path {
  stroke: #e6e6e6;
}
svg.arrow-black rect {
  fill: #1E1E1E;
}
svg.arrow-black circle,
svg.arrow-black path {
  stroke: #1E1E1E;
}
a:hover svg.arrow-black rect,
a:active svg.arrow-black rect {
  fill: #008D7F;
}
a:hover svg.arrow-black circle,
a:active svg.arrow-black circle,
a:hover svg.arrow-black path,
a:active svg.arrow-black path {
  stroke: #008D7F;
}
svg.arrow-white-and-black rect {
  fill: #ffffff;
}
svg.arrow-white-and-black circle,
svg.arrow-white-and-black path {
  stroke: #ffffff;
}
a:hover svg.arrow-white-and-black rect,
a:active svg.arrow-white-and-black rect {
  fill: #1E1E1E;
}
a:hover svg.arrow-white-and-black circle,
a:active svg.arrow-white-and-black circle,
a:hover svg.arrow-white-and-black path,
a:active svg.arrow-white-and-black path {
  stroke: #1E1E1E;
}
.market-updates-expander {
  float: right;
  text-align: center;
  line-height: 1.1;
  box-sizing: border-box;
  text-transform: uppercase;
  color: #07272d;
  cursor: pointer;
  font-weight: 500;
  opacity: 1.0;
  transition: opacity ease 0.2s;
  z-index: 100;
  height: 55px;
  padding: 18px 15px 0;
  position: absolute;
  right: 0px;
  top: 0px;
}
.market-updates-expander.market-updates {
  background: #30b383;
}
@media (max-width: 1023px) {
  .market-updates-expander.menu-fade {
    display: none;
  }
  .market-updates-expander.menu-fade-remove {
    display: block;
    opacity: 0;
    transition-delay: 0.1s;
  }
}
@media (min-width: 1024px) {
  .market-updates-expander {
    width: 4em;
    height: 100px;
    position: relative;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 35px 0 0;
  }
}
.market-update-count {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: bold;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}
@media (min-width: 1024px) {
  .market-update-count {
    top: 9px;
    left: 6px;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 21px;
  }
}
.market-updates-sidebar {
  background: #ffffff;
  transition: max-height 0.3s ease-out, margin-top 1ms 0.3s;
  overflow: hidden;
  max-height: 0;
  margin-top: 1em;
}
@media (max-width: 1023px) {
  .market-updates-sidebar {
    display: inline-block;
    width: 100%;
  }
  .market-updates-sidebar.expand {
    margin-top: 1.4em;
  }
}
.market-updates-sidebar.expand {
  transition-timing-function: ease-in;
  max-height: 2000px;
}
@media (min-width: 1024px) {
  .market-updates-sidebar {
    transition: none;
    margin: 0;
  }
  .market-updates-sidebar.expand {
    padding: 1rem;
    padding-top: 0;
    padding-bottom: 10000px;
    margin: 0 0 -10000px;
    width: 20%;
    min-width: 480px;
    position: fixed;
    right: 0;
    top: 101px;
    z-index: 10000;
  }
}
.market-updates-sidebar .market-selector {
  margin: 0 1rem 1rem;
  padding: 0;
  border-bottom: 1px solid #788796;
}
.market-updates-sidebar .market-selector li {
  display: inline-block;
  margin: 0 0.2em;
  padding: 1em;
  font-weight: 600;
  text-transform: uppercase;
  color: #1E1E1E;
  cursor: pointer;
}
.market-updates-sidebar .market-selector .active {
  color: #07272d;
  box-shadow: 0 2px 0 #07272d;
}
.market-updates-sidebar .box {
  padding: 0;
}
.market-updates-sidebar .box-header,
.market-updates-sidebar .box-body {
  background-color: transparent !important;
  padding: 1rem;
}
.market-updates-sidebar .box-body {
  padding-top: 0;
}
.market-updates-sidebar .box-body li {
  padding-bottom: 10px;
}
.market-updates-sidebar .box-header::after {
  margin: 1rem 0 0;
  background-color: #788796;
}
.market-updates-sidebar .box-header > a {
  display: none;
}
.market-updates-sidebar .box-body a {
  color: #008D7F;
}
.market-updates-sidebar .message-list-box {
  color: #1E1E1E;
}
.market-updates-sidebar .message-list-box .message a,
.market-updates-sidebar .message-list-box .message a:visited {
  color: #07272d;
}
.market-updates-sidebar .message-header {
  height: auto !important;
}
.update-notifier {
  display: none;
}
.market-updates-sidebar .update-notifier {
  display: block;
  float: right;
  border-radius: 14px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
}
.market-updates-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  background-color: #e4e4e4;
  display: table;
}
.market-updates-tabs li {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  color: #07272d;
  font-weight: 600;
  padding: 1em 1.5em;
  width: 50%;
  vertical-align: middle;
  display: table-cell;
  border: 1px solid #e4e4e4;
}
.market-updates-tabs li.active {
  background-color: #ffffff;
  border: 1px solid #d9dde1;
  border-bottom: 0;
  color: #008D7F;
}
@media print {
  header,
  #left-menu,
  #product-column,
  #side-content,
  .power-data-promotion-box,
  .area-selector,
  .fullscreen-toggle,
  .export-xls,
  .favourite-toggle,
  .highcharts-button,
  #messages .controls,
  .message-link,
  .message-hr {
    display: none !important;
  }
  #features .controls,
  .feature-link,
  .feature-hr {
    display: none !important;
  }
  #footer-content {
    position: static;
  }
  .pure-g [class*="pure-u"],
  .pure-g-r [class*="pure-u"] {
    display: block;
  }
}
.top-content-area {
  margin-bottom: 5em;
}
.article-main {
  max-width: 70em;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%);
}
.article-main.article-main-sidecontent {
  max-width: 1280px;
}
.article-main.article-main-wide {
  max-width: 1920px;
}
@media screen and (min-width: 1024px) {
  .article-main.article-main-wide {
    padding: 30px 30px 0 0px;
  }
}
.article {
  max-width: 50em;
  color: #1E1E1E;
  padding-bottom: 2em;
  margin-bottom: 2em;
  background-color: #ffffff;
}
.article .select-article-category {
  top: 20px;
  position: relative;
}
.article.article-wide {
  max-width: 75em;
  background-color: transparent;
}
.article.article-full-wide {
  max-width: 100%;
}
.article .article-header-margin h1 {
  margin: 0;
  padding: 0.5em 0 0.1em 0;
  font-size: 3rem;
}
.article .article-column-inner {
  margin: 0 2em;
  font-size: 18px;
  line-height: 1.5em;
}
.article .article-column-inner img {
  height: auto;
}
.article .article-column-inner h1 {
  font-size: 2em;
}
@media screen and (min-width: 768px) {
  .article .article-column-inner h1 {
    font-size: 3em;
  }
}
.article .article-column-inner h2 {
  font-weight: 600;
}
.article .article-column-inner h3 {
  font-weight: 500;
}
.article hr {
  border: solid #e9eef1;
  border-width: 0 0 1px;
  margin: 1em 0;
}
@media (min-width: 83.33333333em) {
  .article {
    margin: inherit 15px;
  }
}
.article-page {
  max-width: 1920px;
}
.article-page .article {
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  .article-page {
    padding: 30px 30px 0 0px;
  }
}
.messagelistbox {
  display: block;
}
.featurelistbox {
  display: block;
}
.message-published {
  display: inline-block;
  margin-left: 0.2em;
}
.message-contentbox {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  padding-left: 10px;
}
@media (max-width: 568px) {
  .message-contentbox {
    width: 100%;
    padding-left: 0;
  }
}
.feature-contentbox {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  padding-left: 10px;
}
@media (max-width: 568px) {
  .feature-contentbox {
    width: 100%;
    padding-left: 0;
  }
}
.message-content {
  font-size: 16px;
}
.message-control-list-image {
  width: calc(100% - 55%);
  float: right;
}
@media screen and (max-width: 768px) {
  .message-control-list-image {
    display: block;
    width: 100%;
  }
}
.message-control-list {
  width: 100%;
}
.news-hub-image,
.news-hub-image-default {
  display: inline-block;
  position: fixed;
  width: 28%;
  top: 22.7em;
}
.news-hub-image a img,
.news-hub-image-default a img {
  max-width: 100%;
}
.news-hub-image a span,
.news-hub-image-default a span {
  display: block;
  margin: 1em 0;
  font-weight: bold;
  font-size: 1.2em;
}
@media screen and (max-width: 1280px) {
  .news-hub-image,
  .news-hub-image-default {
    width: 25%;
  }
}
@media screen and (max-width: 1024px) {
  .news-hub-image,
  .news-hub-image-default {
    top: 17.7em;
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  .news-hub-image-default {
    position: static;
    width: 50%;
    margin-left: 25%;
  }
}
@media screen and (max-width: 768px) {
  .news-hub-image {
    position: static;
    width: 100%;
  }
}
.article-image img.resizable {
  max-height: 250px;
}
.news-image {
  max-width: 100%;
}
.news-image-caption {
  margin: 0;
  font-style: italic;
  font-size: 0.8em;
}
.article-centered .pure-g {
  max-width: 102em;
}
@media screen and (min-width: 1024px) {
  .article-centered .pure-g {
    min-width: 50em;
  }
}
.article-side-content {
  margin-left: -2rem;
  margin-right: -2rem;
}
@media screen and (min-width: 1280px) {
  .article-side-content .box {
    margin-left: 0;
    padding-left: 0;
  }
  .article-side-content .box-body {
    margin-left: 0;
    padding-left: 0;
  }
}
.introduction {
  color: #1E1E1E;
  line-height: 1.5em;
  font-size: 24px;
}
.introduction p {
  margin: 0;
}
.content-block-header {
  padding: 1rem 2rem;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 300;
}
.content-block-header::after {
  display: block;
  content: ' ';
  background-color: #BFC7CD;
  height: 1px;
  margin: 1rem -0.6rem 0;
}
.content-block-body {
  padding: 1rem 1.875rem;
  font-size: 16px;
}
.content-block-body ul {
  list-style-type: none;
  padding: 0;
}
.select-category {
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 15px;
  display: inline-block;
  font-size: 0.8em;
  padding: 0 10px 0 10px;
}
.link-list {
  color: #1E1E1E;
  margin-top: 30px;
}
.link-list .link-list-header {
  font-family: Barlow, sans-serif;
  font-size: 27px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: -0.04px;
  color: #1E1E1E;
}
.link-list .link-list-links {
  padding: 0px;
  justify-content: space-between;
  margin: 1em 0px 0px 0px;
}
.link-list .link-list-link-container {
  border-radius: 20px;
  text-align: center;
  margin-bottom: 30px;
  max-width: 48%;
}
@media screen and (max-width: 568px) {
  .link-list .link-list-link-container {
    max-width: 100%;
  }
}
.link-list .link-list-link-container a {
  border-radius: 20px;
  background-color: #f1f2f3;
  font-family: Barlow, sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.04px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #1E1E1E;
}
.link-list .link-list-link-container a:hover {
  filter: brightness(90%);
}
.downloads-filters {
  margin: 1em 0;
}
.downloads-table {
  width: 100%;
  margin: 1em 0;
}
.downloads-table a {
  text-decoration: none;
}
.downloads-table td {
  vertical-align: top;
}
.downloads-table th,
.downloads-table td {
  text-align: left;
  padding-right: 1em;
}
.downloads-table .value {
  text-align: right;
}
.downloads-table .sortable {
  cursor: pointer;
}
.downloads-table .file-size {
  text-align: right;
}
.downloads-table ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.downloads-table ul li {
  display: inline;
}
.downloads-table ul li + li:before {
  content: ", ";
}
.pagination {
  display: inline-block;
  padding-left: 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
  margin-left: -1px;
  color: #008D7F;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #008D7F;
  color: white;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #07272d;
  z-index: 2;
  cursor: default;
  font-weight: bold;
  color: white;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  background-color: transparent;
  color: #b3b3b3;
  cursor: not-allowed;
}
.downloads .item-counts .items > li {
  text-align: left;
  padding-left: 1.5em;
  text-indent: -1em;
}
.downloads-categories {
  display: none;
}
@media (min-width: 1024px) {
  .downloads-categories {
    display: table-cell;
  }
}
.downloads-type,
.downloads-size {
  display: none;
}
@media (min-width: 568px) {
  .downloads-type,
  .downloads-size {
    display: table-cell;
  }
}
.front-main {
  max-width: 1440px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%);
}
.carousel ul {
  list-style: none;
}
.carousel-ind {
  position: relative;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators .active {
  background-color: #fff;
}
.show-hero {
  height: auto;
}
.hide-hero {
  height: 0;
  opacity: 0;
}
.previous-block-button {
  left: 0;
}
.next-block-button {
  right: 0;
}
.previous-block-button,
.next-block-button {
  position: absolute;
  top: 8em;
  cursor: pointer;
}
.previous-block-button svg,
.next-block-button svg {
  height: 35pt;
}
.previous-block-button svg g,
.next-block-button svg g {
  fill: #788796;
}
@media (min-width: 768px) {
  .previous-block-button svg,
  .next-block-button svg {
    height: 45pt;
  }
}
@media (min-width: 1024px) {
  .previous-block-button svg,
  .next-block-button svg {
    height: 55pt;
  }
}
@media (min-width: 1024px) {
  .previous-block-button:hover,
  .next-block-button:hover {
    -ms-transform: scale(1, 1.2);
    -webkit-transform: scale(1, 1.2);
    -moz-transform: scale(1, 1.2);
    -o-transform: scale(1, 1.2);
    transform: scale(1, 1.2);
  }
  .previous-block-button:hover svg g,
  .next-block-button:hover svg g {
    fill: #4a545f;
  }
}
.hero-area {
  margin: 2rem 0;
}
@media (min-width: 768px) {
  .hero-area {
    margin-right: 15px;
  }
}
@media (min-width: 1024px) {
  .hero-area .hero-image img {
    max-width: 60%;
  }
}
@media (max-width: 1024px) {
  .hero-area .hero-image img {
    max-width: 80%;
  }
}
.hero-area .hero-right {
  margin: 0 1em;
  max-width: 35em;
  font-size: 18px;
}
@media (min-width: 1024px) {
  .hero-area .hero-right {
    margin-right: 4em;
  }
}
.hero-area .hero-header {
  font-size: 36px;
  color: #008D7F;
  line-height: 1.0;
  margin-bottom: 0.4em;
}
@media (min-width: 768px) {
  .hero-area .hero-header {
    font-size: 58px;
  }
}
.hero-area .hero-link {
  text-transform: uppercase;
  color: #008D7F;
}
.hero-area .hero-link svg {
  position: relative;
  top: 10px;
  margin-right: 1ex;
}
@media (min-width: 768px) {
  .hero-area .hero-link {
    font-size: 20px;
    top: 9px;
  }
}
@media (max-width: 767px) {
  .hero-area .hero-image img {
    opacity: 0.2;
    padding-right: 1em;
    box-sizing: border-box;
    position: absolute;
  }
  .hero-area .hero-right {
    position: relative;
  }
}
.carousel-area {
  margin: 0 0;
}
.carousel-area .carousel-image {
  position: relative;
}
.carousel-area .carousel-image img {
  min-width: 768px;
  max-width: 2000px;
}
@media (max-width: 767px) {
  .carousel-area .carousel-image img {
    opacity: 0.2;
    padding-right: 1em;
    box-sizing: border-box;
    position: absolute;
  }
  .carousel-area .hero-right {
    position: relative;
  }
}
.block-grid {
  position: relative;
}
@media (min-width: 768px) {
  .block-grid .box-body {
    min-height: 11.5rem;
  }
  .block-grid .system-price-box {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .block-grid .system-price-box .box-header,
  .block-grid .system-price-box .box-body {
    background-color: #788796;
  }
  .block-grid .message-list-box .box-body {
    min-height: 14.7rem;
  }
}
.map-area {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: flex-end;
  margin-bottom: 30px;
  background-color: #ffffff;
}
.map-container {
  padding: 0 0 1em 0;
  position: relative;
  margin-right: -90px;
}
@media (max-width: 835px) {
  .map-container {
    margin-right: -50px;
  }
}
@media (max-width: 767px) {
  .map-container {
    margin-right: -100px;
  }
}
@media (max-width: 500px) {
  .map-container {
    margin-right: -50px;
  }
}
@media (max-width: 370px) {
  .map-container {
    margin-right: 0;
  }
}
.left-container {
  background-color: #ffffff;
  padding: 3em 0 0 3em;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .left-container {
    width: 100%;
    padding: 2em 0 0 2em;
  }
}
.left-container .left-title {
  color: #1E62AB;
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 28px;
  line-height: 1em;
}
.left-container .left-content {
  line-height: 1.7;
  font-size: 15px;
}
.left-container .filter-button-container {
  width: 100%;
  margin-bottom: 1em;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 1023px) {
  .left-container .filter-button-container {
    display: none;
  }
}
.left-container .filter-button-container .help-text {
  font-weight: bold;
  margin-bottom: 1em;
}
.left-container .filter-button-container .reset-map-button a {
  width: 100%;
  display: block;
  height: 100%;
  color: black;
}
.left-container .filter-button-container .reset-map-button:active {
  background-color: #07272d;
  color: #ffffff;
}
.left-container .filterButton {
  border: 1.5px solid #07272d;
  border-radius: 20px;
  margin-bottom: 5px;
  text-align: center;
  cursor: pointer;
  max-width: 130px;
  font-weight: 500;
  background-color: #ffffff;
  color: #07272d;
  padding: 3px 0px;
  user-select: none;
}
.left-container .filterButton.active {
  background-color: #07272d;
  color: #ffffff;
}
.right-container {
  background-color: #07272d;
  padding: 0 1em;
  z-index: 1;
}
.right-container .right-content {
  color: #ffffff;
  padding: 3em 2em 2em 2em;
}
.right-container .right-content a,
.right-container .right-content a:visited {
  color: #008D7F;
}
.right-container .countryContainer p {
  line-height: 1.7;
  font-size: 15px;
  color: #ffffff;
}
.right-container .countryHeader {
  color: #ffffff;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1em;
  margin-top: 0;
}
.right-container .countryHeader.see-services {
  color: #ffffff;
  font-size: 2.3em;
  font-weight: bold;
  line-height: 1em;
  margin-top: 0;
}
.right-container .countryLink a {
  color: #ffffff;
  font-size: 16px;
}
.right-container .countryLink svg {
  position: relative;
  top: 10px;
  margin-right: 1ex;
}
.right-container .countryLink.see-services svg {
  width: 24px;
}
.indicator {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  transform: translate(-8px, -13px);
}
.datamodule-container {
  justify-content: center;
  margin-bottom: 155px;
}
.datamodule-container .datamodule-title {
  color: #008D7F;
  font-size: 60px;
  font-weight: bold;
  letter-spacing: -0.44px;
  line-height: 48px;
}
@media (max-width: 768px) {
  .datamodule-container .datamodule-title {
    font-size: 60px;
  }
}
@media (max-width: 568px) {
  .datamodule-container .datamodule-title {
    font-size: 50px;
  }
}
.datamodule-container .datamodule {
  background-color: transparent;
  display: flex;
  flex-flow: row wrap;
  letter-spacing: normal;
}
.datamodule-container .datamodule .systemPriceUpdated {
  font-size: 20px;
  line-height: 2.0;
  color: #008D7F;
}
.datamodule-container .datamodule .big-button-container {
  order: 1;
}
@media (min-width: 568px) {
  .datamodule-container .datamodule .big-button-container {
    padding-left: 50px;
  }
}
@media (min-width: 1024px) {
  .datamodule-container .datamodule .big-button-container {
    order: 0;
    margin-top: 2em;
    padding-left: 0;
  }
}
.datamodule-container .datamodule .big-button-container .prices-confirmed-box {
  font-size: 1em;
  color: #1E1E1E;
  font-size: 0.85em;
  padding-top: 0.3em;
}
.datamodule-container .datamodule .big-button-container .prices-confirmed-box .prices-confirmed-text {
  display: inline-block;
  text-align: right;
}
.datamodule-container .datamodule .big-button-container .prices-confirmed-box .system-prices-confirmed {
  display: inline-block;
  text-align: right;
}
.datamodule-container .datamodule .big-button-container .big-button {
  background-color: #00a0ac;
  border: none;
  color: #ffffff;
  outline: none;
  margin: 17px 0 7px 0;
}
.datamodule-container .datamodule .big-button-container .big-button.active {
  background-color: #30B383;
}
.datamodule-container .datamodule .big-button-container .big-button:hover {
  filter: brightness(80%);
}
.datamodule-container .datamodule .big-button-container .big-button p {
  white-space: nowrap;
}
.datamodule-container .datamodule .big-button-container .big-button .priceTitle {
  font-size: 1.5em;
  margin: 1.0em 0 0 0;
}
.datamodule-container .datamodule .big-button-container .big-button .price-container {
  margin: 0 0 1.0em 0;
}
.datamodule-container .datamodule .big-button-container .big-button .price {
  font-size: 2.8em;
  font-weight: bold;
}
.datamodule-container .datamodule .big-button-container .text-container {
  color: #1E1E1E;
  font-size: 12px;
  line-height: 12px;
}
@media (max-width: 568px) {
  .datamodule-container .datamodule .big-button-container .text-container {
    display: none;
  }
}
.datamodule-container .datamodule .big-button-container .text-container .preliminary {
  color: #0effe7;
}
.cookie-button {
  background-color: #008D7F;
  border: none;
  color: #ffffff;
  outline: none;
  width: 49%;
  vertical-align: top;
}
@media screen and (max-width: 1023px) {
  .cookie-button {
    width: 49.6%;
  }
}
@media screen and (max-width: 768px) {
  .cookie-button {
    padding-left: 44px;
    padding-right: 44px;
    width: 100%;
  }
}
.cookie-button.active {
  background-color: #07272d;
}
.cookie-button .cookieTitle {
  font-size: 1.5em;
  margin: 0 0 0 0;
  height: 50px;
}
.threeColumnContainer {
  background-color: #ffffff;
  padding: 0 2em 2em 3em;
}
.threeColumnContainer .threeColumnTitle {
  font-size: 2.8em;
  color: #07272d;
  margin-bottom: 0;
}
.threeColumnContainer .textColumnContainer {
  display: flex;
  width: 100%;
  margin-top: 28px;
}
@media screen and (max-width: 1023px) {
  .threeColumnContainer .textColumnContainer {
    flex-flow: column wrap;
  }
}
.threeColumnContainer .textColumnContainer .textColumn {
  display: flex;
  flex-flow: row wrap;
}
.threeColumnContainer .textColumnContainer .textColumn .column-title {
  margin-top: 0;
}
@media screen and (max-width: 1023px) {
  .threeColumnContainer .textColumnContainer .textColumn .column-title {
    margin-top: 1em;
  }
}
@media screen and (max-width: 1023px) {
  .threeColumnContainer .textColumnContainer .textColumn {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 567px) {
  .threeColumnContainer .textColumnContainer .textColumn {
    flex-flow: row wrap;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .threeColumnContainer .textColumnContainer .textColumn.middle {
    margin: 0 3em 0 3em;
  }
}
.threeColumnContainer .textColumnContainer .textColumn .column-image {
  margin-top: 1em;
}
.threeColumnContainer .textColumnContainer .textColumn h2 {
  font-size: 1.3em;
  font-weight: 500;
  color: rgba(0, 28, 55, 0.97);
}
.threeColumnContainer .textColumnContainer .textColumn p {
  margin-top: 0.5em;
  line-height: 1.7;
  font-size: 15px;
}
@media screen and (max-width: 1024px) {
  .threeColumnContainer .textColumnContainer .textColumn p {
    width: 90%;
  }
}
.threeColumnContainer .columnLinkContainer {
  align-self: flex-end;
}
.threeColumnContainer .columnLink {
  margin: 20px 0;
}
@media screen and (max-width: 1024px) {
  .threeColumnContainer .columnLink {
    transform: translate(0px, -10px);
    margin-top: 0;
  }
}
.threeColumnContainer .columnLink a {
  color: #1E1E1E;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
}
.threeColumnContainer .columnLink svg {
  position: relative;
  top: 10px;
  margin-right: 1ex;
}
.market-data-banner-background {
  max-width: 1440px;
  background-repeat: no-repeat !important;
  background-position-y: bottom !important;
  background-position-x: 194px !important;
  background-size: 585px !important;
}
@media screen and (min-width: 1520px) {
  .market-data-banner-background {
    background-repeat: no-repeat !important;
    background-position-y: bottom !important;
    background-position-x: 194px !important;
    background-size: 585px !important;
  }
}
@media screen and (max-width: 1520px) {
  .market-data-banner-background {
    background-repeat: no-repeat !important;
    background-position-y: bottom !important;
    background-position-x: 68px !important;
    background-size: 764px !important;
  }
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background {
    background-repeat: no-repeat !important;
    background-position-y: bottom !important;
    background-position-x: 45px !important;
    background-size: 617px !important;
  }
}
.market-data-banner-background .market-data-banner-mobile-background {
  display: contents !important;
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background {
    background-repeat: no-repeat !important;
    background-position-y: 20px !important;
    background-position-x: 0 !important;
    background-size: 315px !important;
    display: block !important;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container {
  max-width: 1120px;
  font-family: Barlow;
  color: #ffffff;
  height: 294px;
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-upper-link.bluetext {
  position: relative;
  border: 1px solid #008D7F;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
  max-width: 130px;
  font-size: 1.4em;
  background-color: #008D7F;
  color: #008D7F;
  padding: 8px 32px;
  user-select: none;
  max-width: 90px;
  top: 20px;
  display: none;
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-upper-link.bluetext .intraday-market-data-link-container .intraday-market-data-link-text-container {
  color: #ffffff;
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-upper-link.bluetext {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-upper-link.bluetext {
    display: none;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-upper-link.greytext {
  position: relative;
  border: 1px solid white;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
  max-width: 130px;
  font-size: 1.4em;
  background-color: #ffffff;
  color: #ffffff;
  padding: 8px 32px;
  user-select: none;
  max-width: 90px;
  top: 20px;
  display: none;
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-upper-link.greytext {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-upper-link.greytext {
    display: none;
  }
}
@media screen and (max-width: 1520px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container {
    max-width: 860px;
    height: 395px;
  }
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container {
    max-width: 700px;
    height: 417px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container {
    max-width: 1024px;
    height: 650px;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container {
  padding-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
  height: 120px;
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container {
    padding-left: 35px;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-market-data-banner-title {
  max-width: 310px;
  margin-right: 48px;
}
@media screen and (max-width: 1520px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-market-data-banner-title {
    max-width: 228px;
    height: 108px;
  }
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-market-data-banner-title {
    max-width: 310px;
    height: 108px;
    margin-right: 140px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-market-data-banner-title {
    margin-right: 10px;
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-market-data-banner-title {
    max-width: 768px;
    width: 100%;
    max-width: 310px;
    margin-right: 140px;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-market-data-banner-title .intraday-banner-title-body.greytext {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: -0.2px;
  color: #ffffff;
  line-height: 36px;
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-market-data-banner-title .intraday-banner-title-body.greytext {
    font-size: 34px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-market-data-banner-title .intraday-banner-title-body.greytext {
    font-size: 36px;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-market-data-banner-title .intraday-banner-title-body.bluetext {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: -0.2px;
  color: #008D7F;
  line-height: 36px;
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-market-data-banner-title .intraday-banner-title-body.bluetext {
    font-size: 34px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-market-data-banner-title .intraday-banner-title-body.bluetext {
    font-size: 36px;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column {
  max-width: 648px;
  line-height: 30px;
}
@media screen and (max-width: 1520px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column {
    max-width: 479px;
    height: 120px;
  }
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column {
    max-width: 631px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column {
    width: 100%;
  }
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column strong {
    font-weight: normal;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column .intraday-column-upper-body.bluetext {
  padding-left: 0px;
  border-left-width: 62px;
  padding-bottom: 20px;
  border-bottom: solid #008D7F;
  border-bottom-width: 1px;
  font-family: Barlow;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.04px;
  color: #008D7F;
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column .intraday-column-upper-body.bluetext p {
  margin: 0;
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column .intraday-column-upper-body.bluetext {
    width: 631px;
    font-size: 23px;
  }
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column .intraday-column-upper-body.bluetext {
    width: 470px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column .intraday-column-upper-body.bluetext {
    width: 100%;
    font-family: Barlow;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: -0.03px;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column .intraday-column-upper-body.greytext {
  padding-left: 0px;
  border-left-width: 62px;
  padding-bottom: 20px;
  border-bottom: solid #008D7F;
  border-bottom-width: 1px;
  font-family: Barlow;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.04px;
  color: #ffffff;
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column .intraday-column-upper-body.greytext p {
  margin: 0;
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column .intraday-column-upper-body.greytext {
    width: 631px;
    font-size: 23px;
  }
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column .intraday-column-upper-body.greytext {
    width: 470px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-top-container .intraday-upper-market-data-text-column .intraday-column-upper-body.greytext {
    width: 100%;
    font-family: Barlow;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: -0.03px;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container {
  padding-left: 50px;
  padding-right: 50px;
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container p {
  margin: 0;
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container {
    padding-top: 115px;
    padding-left: 35px;
  }
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container {
    padding-top: 0;
    padding-right: 0;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-market-data-link.bluetext {
  position: relative;
  border: 1px solid #008D7F;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
  max-width: 130px;
  font-size: 1.4em;
  background-color: #008D7F;
  color: #ffffff;
  padding: 8px 32px;
  user-select: none;
  max-width: 90px;
  top: 40px;
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-market-data-link.bluetext .intraday-market-data-link-container .intraday-market-data-link-text-container {
  color: #ffffff;
}
@media screen and (max-width: 1520px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-market-data-link.bluetext {
    top: 140px;
  }
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-market-data-link.bluetext {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-market-data-link.bluetext {
    font-family: Barlow;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.03px;
    display: block;
    top: 300px;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-market-data-link.greytext {
  position: relative;
  border: 1px solid #008D7F;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
  max-width: 130px;
  font-size: 1.4em;
  background-color: #ffffff;
  color: #008D7F;
  padding: 8px 32px;
  user-select: none;
  max-width: 90px;
  top: 40px;
}
@media screen and (max-width: 1520px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-market-data-link.greytext {
    top: 140px;
  }
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-market-data-link.greytext {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-market-data-link.greytext {
    font-family: Barlow;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.03px;
    display: block;
    top: 300px;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-market-data-link:hover {
  filter: brightness(80%);
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body {
  padding-left: 170px;
  max-width: 648px;
}
@media screen and (max-width: 1520px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body {
    display: inline-block;
    margin-left: 180px;
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body {
    padding-left: 0px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body {
    margin-top: 0px;
    white-space: pre-line;
    margin-bottom: 0px;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .left {
  margin-right: 20px;
}
@media screen and (max-width: 1520px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .left {
    margin-left: 100px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .left {
    padding-left: 0px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .left {
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .left {
    margin-top: 0px;
    padding-top: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 1520px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .right {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .right {
    padding-left: 0px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .right {
    margin-top: 0px;
    padding-top: 0px;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-title.greytext {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.04px;
  max-width: 120px;
  margin-left: 30px;
}
@media screen and (max-width: 1520px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-title.greytext {
    display: block;
    margin-left: 100px;
  }
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-title.greytext {
    display: inline-block;
    padding-left: 0px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-title.greytext {
    width: 90px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-title.greytext {
    margin-left: 0px;
    font-family: Barlow;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: -0.03px;
    color: #ffffff;
    width: auto;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-title.bluetext {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.04px;
  max-width: 120px;
  margin-left: 30px;
  color: #008D7F;
}
@media screen and (max-width: 1520px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-title.bluetext {
    display: block;
    margin-left: 100px;
  }
}
@media screen and (max-width: 1280px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-title.bluetext {
    display: inline-block;
    padding-left: 0px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-title.bluetext {
    width: 90px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-title.bluetext {
    margin-left: 0px;
    font-family: Barlow;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: -0.03px;
    color: #008D7F;
    width: auto;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-body.greytext {
  max-width: 183px;
  font-family: Barlow;
  font-weight: bold;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  padding-bottom: 20px;
  margin-top: 5px;
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-body.greytext {
    width: 180px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-body.greytext {
    padding-bottom: 0px;
    width: auto;
    margin-top: 0;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-body.bluetext {
  max-width: 183px;
  font-family: Barlow;
  font-weight: bold;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  padding-bottom: 20px;
  color: #008D7F;
  margin-top: 5px;
}
@media screen and (max-width: 1023px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-body.bluetext {
    width: 180px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-body.bluetext {
    padding-bottom: 0px;
    width: auto;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body {
    min-width: 270px;
    max-height: 250px;
    width: 100%;
    font-family: Barlow;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #ffffff;
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-banner-lower-body {
    padding-bottom: 0px;
    white-space: nowrap;
    line-height: 1.86;
  }
}
.market-data-banner-background .market-data-banner-mobile-background .intraday-market-data-container .intraday-market-data-bottom-container .intraday-column-lower-body .intraday-market-data-lower-text-column {
  max-width: 648px;
  line-height: 25px;
  font-size: 16px;
}
.premium-data-services-container.darkgraytext {
  padding-left: 20.1px;
  max-width: 1000px;
}
@media screen and (max-width: 768px) {
  .premium-data-services-container.darkgraytext {
    padding: inherit;
  }
}
@media screen and (max-width: 568px) {
  .premium-data-services-container.darkgraytext {
    padding: 20px;
  }
}
.premium-data-services-container.darkgraytext .premium-data-services-text-column-container .premium-data-services-text-column {
  color: #818181;
}
@media screen and (max-width: 768px) {
  .premium-data-services-container.darkgraytext .premium-data-services-text-column-container .premium-data-services-text-column {
    margin-left: 0;
    margin-right: 0;
  }
}
.premium-data-services-container.darkgraytext .premium-data-services-text-column-container .premium-data-services-text-column h2 {
  color: #818181;
  margin-bottom: 24px;
}
.premium-data-services-container.darkgraytext .premium-data-services-text-column-container .premium-data-services-text-column .column-title {
  width: auto;
}
@media screen and (max-width: 1024px) {
  .premium-data-services-container.darkgraytext .premium-data-services-text-column-container .premium-data-services-text-column .column-title {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  .premium-data-services-container.darkgraytext .premium-data-services-text-column-container .premium-data-services-text-column .column-title {
    font-size: 3.2em;
  }
}
@media screen and (min-width: 1024px) {
  .premium-data-services-container.darkgraytext .premium-data-services-text-column-container .premium-data-services-text-column.middle {
    margin: 0 1em 0 3em;
  }
}
@media screen and (min-width: 1024px) and screen and (max-width: 768px) {
  .premium-data-services-container.darkgraytext .premium-data-services-text-column-container .premium-data-services-text-column.middle {
    margin-left: 0;
    margin-right: 0;
    min-width: 190px;
  }
}
.premium-data-services-container.darkgraytext .premium-data-services-text-column-container .premium-data-services-text-column .column-body2 {
  margin-bottom: 22px;
}
.premium-data-services-container {
  background-color: #008D7F;
  padding: 34px 70px 34px 34px;
  min-height: 226px;
  background-position: right !important;
  background-size: 50% auto !important;
  background-repeat: no-repeat !important;
}
@media screen and (max-width: 768px) {
  .premium-data-services-container {
    height: auto;
    padding: 3em;
    background-position: right bottom !important;
    background-size: 100% auto !important;
  }
}
.premium-data-services-container .premium-data-services-text-column-container {
  display: flex;
  width: 100%;
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
  .premium-data-services-container .premium-data-services-text-column-container {
    flex-flow: column wrap;
  }
}
.premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column {
  display: flex;
  flex-flow: row wrap;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column {
    margin-left: auto;
    margin-right: auto;
    width: 230px;
  }
}
.premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column .column-image {
  width: 0.7em;
  display: inline-block;
}
.premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column .column-image img {
  padding-bottom: 2px;
}
.premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column .column-title {
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.0em;
  width: 250px;
}
.premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column .column-title2 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 18px 0;
}
.premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column h2 {
  margin: 0.0em 0 12px;
  font-size: 1.3em;
  font-weight: 500;
  color: #ffffff;
}
.premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column .column-body p {
  font-size: 1.4em;
}
@media screen and (max-width: 768px) {
  .premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column .column-body p {
    font-size: 1.2em;
  }
}
.premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column .column-body2 {
  max-width: 300px;
}
.premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column p {
  margin-top: 0;
  line-height: 1.3;
  font-size: 1.2em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column a {
    margin-left: auto;
    margin-right: auto;
  }
}
.premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column .link-button {
  border: 1px solid #1E1E1E;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
  max-width: 130px;
  font-size: 1.4em;
  background-color: #1E1E1E;
  color: #ffffff;
  padding: 10px 50px;
  user-select: none;
}
@media screen and (max-width: 768px) {
  .premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column .link-button {
    font-size: 1.3em;
    padding: 10px 30px;
  }
}
.premium-data-services-container .premium-data-services-text-column-container .premium-data-services-text-column .link-button:hover {
  filter: brightness(80%);
}
.top-banner-container {
  height: 500px;
}
@media screen and (min-width: 768px) {
  .top-banner-container {
    height: auto;
  }
}
.top-banner-container .image-container,
.top-banner-container .video-container {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
@media screen and (max-width: 767px) {
  .top-banner-container .image-container,
  .top-banner-container .video-container {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .top-banner-container .image-container .img,
  .top-banner-container .video-container .img {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .top-banner-container .image-container .img img,
  .top-banner-container .video-container .img img {
    height: 100%;
    width: auto;
  }
}
.top-banner-container .image-container #top-banner-video,
.top-banner-container .video-container #top-banner-video {
  object-fit: initial;
  width: auto;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .top-banner-container .image-container #top-banner-video,
  .top-banner-container .video-container #top-banner-video {
    width: 100%;
    height: 70vh;
  }
}
.top-banner-container .image-container .top-banner-text,
.top-banner-container .video-container .top-banner-text {
  position: absolute;
  top: 15px;
  color: #ffffff;
  text-align: center;
  width: 100vw;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1em 0px 1em;
  box-sizing: border-box;
}
@media screen and (min-width: 568px) {
  .top-banner-container .image-container .top-banner-text,
  .top-banner-container .video-container .top-banner-text {
    top: 0;
  }
}
.top-banner-container .image-container .top-banner-text h1,
.top-banner-container .video-container .top-banner-text h1 {
  color: inherit;
  font-size: 60px;
  width: fit-content;
  font-weight: 700;
  line-height: 60px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .top-banner-container .image-container .top-banner-text h1,
  .top-banner-container .video-container .top-banner-text h1 {
    font-size: 70px;
    line-height: 69px;
  }
}
.top-banner-container .image-container .top-banner-text .top-banner-ingress,
.top-banner-container .video-container .top-banner-text .top-banner-ingress {
  font-size: 22px;
  line-height: 25px;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 568px) {
  .top-banner-container .image-container .top-banner-text .top-banner-ingress,
  .top-banner-container .video-container .top-banner-text .top-banner-ingress {
    width: 500px;
  }
}
@media screen and (min-width: 768px) {
  .top-banner-container .image-container .top-banner-text .top-banner-ingress,
  .top-banner-container .video-container .top-banner-text .top-banner-ingress {
    font-size: 25px;
    line-height: 29px;
    width: 623px;
  }
}
.top-banner-container .image-container .top-banner-text .top-banner-ingress p,
.top-banner-container .video-container .top-banner-text .top-banner-ingress p {
  margin-top: 1em;
  margin-bottom: 0.7em;
  padding: 0 2em;
}
@media screen and (min-width: 768px) {
  .top-banner-container .image-container .top-banner-text .top-banner-ingress p,
  .top-banner-container .video-container .top-banner-text .top-banner-ingress p {
    margin-top: 0.5em;
    margin-bottom: 0;
    padding: initial;
  }
}
@media screen and (min-width: 1024px) {
  .top-banner-container .image-container .top-banner-text .top-banner-ingress p,
  .top-banner-container .video-container .top-banner-text .top-banner-ingress p {
    margin-top: 1em;
    margin-bottom: 0.7em;
  }
}
.top-banner-container .image-container .top-banner-text .link-container a.top-banner-link,
.top-banner-container .video-container .top-banner-text .link-container a.top-banner-link {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.top-banner-container .image-container .top-banner-text .link-container a.top-banner-link:hover,
.top-banner-container .video-container .top-banner-text .link-container a.top-banner-link:hover {
  color: #1E1E1E;
}
@media screen and (min-width: 768px) {
  .top-banner-container .image-container .top-banner-text .link-container a.top-banner-link,
  .top-banner-container .video-container .top-banner-text .link-container a.top-banner-link {
    font-size: 21px;
  }
}
.top-banner-container .image-container .top-banner-text .link-container a.top-banner-link svg,
.top-banner-container .video-container .top-banner-text .link-container a.top-banner-link svg {
  position: relative;
  width: 32px;
  height: 32px;
  top: 10px;
  margin-right: 1ex;
}
@media screen and (min-width: 768px) {
  .top-banner-container .image-container .top-banner-text .link-container a.top-banner-link svg,
  .top-banner-container .video-container .top-banner-text .link-container a.top-banner-link svg {
    width: 42px;
    height: 42px;
    top: 15px;
  }
}
.dashboard-controls .dashboard-control {
  display: inline-block;
  vertical-align: top;
}
.dashboard-control-position {
  display: inline-block;
  vertical-align: top;
}
.dashboard-control-style {
  margin: 0 0.2em 0;
  padding: 1em;
  font-weight: 600;
  background-color: transparent;
  text-transform: uppercase;
  color: #07272d;
}
.dashboard-button-large,
.dashboard-control .pure-form .dashboard-button-large {
  border: 1px solid #d9dde1;
  box-sizing: border-box;
  line-height: 1.0;
  cursor: pointer;
  margin: 0 0.2em 0;
  padding: 1em;
  font-weight: 600;
  background-color: transparent;
  text-transform: uppercase;
  color: #07272d;
  background-color: white;
}
.dashboard-button-large > a,
.dashboard-control .pure-form .dashboard-button-large > a,
.dashboard-button-large a:visited,
.dashboard-control .pure-form .dashboard-button-large a:visited,
.dashboard-button-large a:hover,
.dashboard-control .pure-form .dashboard-button-large a:hover,
.dashboard-button-large a:active,
.dashboard-control .pure-form .dashboard-button-large a:active {
  color: #07272d;
  box-shadow: none;
}
.dashboard-button-large.active,
.dashboard-control .pure-form .dashboard-button-large.active {
  background-color: #f0f0f0;
}
.dashboard-button-large:hover,
.dashboard-control-dropdown-wrapper:hover .dashboard-button-large {
  background-color: #d9dde1;
}
select.dashboard-button-large {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
  border-radius: 0;
  cursor: pointer;
}
select.dashboard-button-large > option {
  background-color: white;
}
#data-currency-select {
  max-width: 6em;
}
.resize-image-exco img {
  width: 0.9em;
}
.resize-image-xls img {
  width: 1.1em;
}
.dashboard-control-dropdown-wrapper {
  display: inline-block;
  position: relative;
}
.dashboard-control-dropdown-wrapper::after {
  content: '\f0d7';
  font-family: FontAwesome;
  position: absolute;
  right: 1em;
  top: 1em;
  pointer-events: none;
}
.pure-form .dashboard-control-dropdown-wrapper .dashboard-button-large {
  padding-right: 1.5em;
}
.dashboard-mode-border {
  box-shadow: 0 1px 0 #d9dde1;
}
.dashboard-control-padding {
  padding-top: 1em;
}
.display-mode-selector {
  display: inline-block;
  padding: 0;
}
.display-mode-selector li a {
  display: inline-block;
  vertical-align: top;
  margin: 0 0.2em 0;
  padding: 1em;
  font-weight: 600;
  background-color: transparent;
  text-transform: uppercase;
  border: transparent;
  color: #07272d;
}
.display-mode-selector li a:hover {
  color: #27ffea;
}
.display-mode-selector .active a {
  color: #008D7F;
  box-shadow: 0 2px 0 #008D7F;
}
.tab-selector {
  padding: 0;
  margin: 0;
  clear: both;
}
.tab-selector li {
  display: inline-block;
}
.table-chart .active a {
  color: #008D7F;
  box-shadow: 0 2px 0 #008D7F;
}
.dropdown-hidden {
  display: none;
}
.dropdown-selector {
  height: 1.6em;
  position: relative;
}
.dropdown-selector .dropdown-toggle {
  color: #ffffff;
  line-height: 1.6em;
  text-align: center;
  height: 1.6em;
  width: 7em;
}
.dropdown-selector .dropdown-toggle a {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #07272d;
  color: #ffffff;
}
.dropdown-selector .dropdown-toggle a:hover {
  background-color: #11606f;
}
.dropdown-selector .dropdown-toggle.disabled a {
  color: #b3b3b3;
}
.dropdown-selector .dropdown-toggle.disabled a:hover {
  background-color: #008D7F;
}
.dropdown-selector .dropdown-content {
  position: absolute;
  top: 2.1em;
  z-index: 200;
  background-color: white;
  padding: 1em;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.dropdown-selector .dropdown-content table {
  margin: 0 0 0.5em;
  padding: 0;
  border-spacing: 0.5em;
  border-collapse: separate;
}
.dropdown-selector .dropdown-content th,
.dropdown-selector .dropdown-content td {
  min-width: 4em;
  text-align: center;
  white-space: nowrap;
}
.dropdown-selector .dropdown-content th:first-child,
.dropdown-selector .dropdown-content td:first-child {
  text-align: left;
}
.dropdown-selector .dropdown-content td {
  cursor: pointer;
  color: black;
  text-decoration: none;
  /*> i {
                color: @color-dark-cyan-alt;
            }*/
}
.dropdown-selector .dropdown-content .area-name {
  color: #b3b3b3;
}
.dropdown-selector .dropdown-content .area-name.selected {
  color: #1E1E1E;
}
.dropdown-selector .dropdown-content .select-all {
  color: #ffffff;
  line-height: 1.5em;
  text-align: center;
  width: 8em;
}
.dropdown-selector .dropdown-content .select-all a {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #07272d;
  color: #ffffff;
}
.dropdown-selector .dropdown-content .select-all a:hover {
  background-color: #11606f;
}
.dropdown-selector .dropdown-content .select-all.disabled a {
  color: #b3b3b3;
}
.dropdown-selector .dropdown-content .select-all.disabled a:hover {
  background-color: #008D7F;
}
.dropdown-page-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background-color: black;
  opacity: 0.1;
}
.dashboard-icons-position {
  display: inline-block;
  float: right;
  margin-right: 1.5em;
}
.dashboard-icons-position span {
  padding: 0.5em 1em;
}
.country-selection-position {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 568px) {
  .country-selection-position {
    background-color: #e4e4e4;
  }
}
.country-selection {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 600;
}
.country-selection li:first-child {
  padding: 1.0em 3.0em;
}
.country-selection li {
  background-color: #e4e4e4;
  text-align: center;
  padding: 1.0em 1.5em;
  display: none;
}
.country-selection li a {
  color: #07272d;
}
@media (min-width: 568px) {
  .country-selection li {
    display: inline-block;
  }
}
.country-selection li.active {
  background-color: #ffffff;
}
.country-selection li.active a {
  color: #008D7F;
}
.time-frame-selector {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 600;
  padding-bottom: 1em;
}
.time-frame-selector li:first-child {
  padding: 1.0em 3.0em;
}
.time-frame-selector li {
  background-color: #e4e4e4;
  text-align: center;
  padding: 1.0em 1.5em;
  display: none;
}
.time-frame-selector li a {
  color: #07272d;
}
@media (min-width: 568px) {
  .time-frame-selector li {
    display: inline-block;
  }
}
.time-frame-selector li.active {
  background-color: #ffffff;
}
.time-frame-selector li.active a {
  color: #008D7F;
}
.tab-selector-mobile {
  margin: 0;
}
@media (min-width: 568px) {
  .tab-selector-mobile {
    display: none;
  }
}
.fullscreen-toggle,
.export-xls,
.favourite-toggle {
  margin-top: 0.5em;
  float: right;
  color: #c7253f;
  cursor: pointer;
}
.end-date-selector {
  display: inline-block;
}
.market-tab-links-upper {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.market-tab-links-upper li {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  color: #07272d;
  font-size: 1.2em;
  font-weight: 600;
  padding: 1em 1.5em;
  /*@media screen and (min-width: @screen-sm) {
            padding: 0.275em 1em; // padding finetuned to avoid NPSPOT-363
            margin-right: 0.5em;
            min-width: 0;
            width: 30%;market-start-tab
        }*/
}
.market-tab-links-upper li.active {
  background-color: #f0f0f0;
  border: 1px solid #d9dde1;
  border-bottom: 0;
  color: #008D7F;
}
div.marketbanner {
  position: absolute;
  right: 0;
  padding: 0;
  color: #ffffff;
  width: 328px;
}
@media screen and (max-width: 767px) {
  div.marketbanner {
    position: unset;
    width: 100%;
  }
}
div.marketbanner div.marketelement {
  height: 66px;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  div.marketbanner div.marketelement {
    justify-content: space-between;
  }
}
div.marketbanner div.marketelement p {
  margin: 0;
}
div.marketbanner div.marketelement div.textblock {
  padding: 9px 10px;
  width: 190px;
  font-size: 1.2em;
  font-weight: 500;
}
div.marketbanner div.marketelement div.buttonblock {
  padding: 15px 10px;
}
div.marketbanner div.marketelement div.linkButton {
  border: 1px solid #1E1E1E;
  border-radius: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
  cursor: pointer;
  max-width: 130px;
  font-size: 1.15em;
  background-color: #1E1E1E;
  color: #ffffff;
  padding: 5px 10px;
  user-select: none;
}
@media screen and (max-width: 767px) {
  div.marketbanner div.marketelement div.linkButton {
    font-size: 1.1em;
  }
}
div.marketbanner div.marketelement div.linkButton:hover {
  filter: brightness(80%);
}
/*.export-xls-icon {
    border: 1px solid @color-grey-border;

}*/
.market-tab-links-lower {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 600;
  padding: 2em 0 0 0;
  text-transform: uppercase;
}
.market-tab-links-lower li:first-child {
  padding: 1.0em 3.0em;
}
.market-tab-links-lower li {
  background-color: #e4e4e4;
  text-align: center;
  padding: 1.0em 1.5em;
  display: none;
}
.market-tab-links-lower li a {
  color: #07272d;
}
@media (min-width: 568px) {
  .market-tab-links-lower li {
    display: inline-block;
  }
}
.market-tab-links-lower li.active {
  background-color: #ffffff;
}
.market-tab-links-lower li.active a {
  color: #008D7F;
}
.market-tab-links-lower ul {
  padding: 0;
  margin: 0;
  background-color: #e4e4e4;
}
.market-tab-links-lower li {
  background-color: transparent;
  cursor: pointer;
}
.market-tab-links-lower li.active {
  color: #008D7F;
}
.market-start-tab-content {
  overflow: hidden;
  clear: both;
}
#market-start {
  min-height: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #market-start {
    margin-left: 15px;
  }
}
#market-start .box-header {
  font-family: Barlow, sans-serif;
  font-size: 1.3em;
  text-transform: uppercase;
}
#market-start .box {
  margin-bottom: 0.5em;
}
#market-start .message-list-box .message {
  padding: 0.2em;
  border-style: none;
}
#market-start .message-list-box p,
#market-start .message-list-box .view-all-messages {
  margin: 0;
  padding: 0.2em;
}
#market-start .market-data-table th {
  white-space: pre;
}
#market-start .market-data-table td {
  padding: 0.2em 0.42em;
}
#market-start-content {
  clear: both;
  /*@media screen and (min-width: @screen-tablet-min) {
        & {
            padding: @column-top-margin @market-start-content-padding 0;
        }
    }*/
}
#market-start-data {
  clear: both;
  margin-bottom: 1em;
  border-top: 1px solid #d9dde1;
}
#market-start-data .market-start-tab-links {
  padding: 0;
}
#market-start-data .market-start-tab-links li {
  min-width: 0;
  width: auto;
}
#market-start-data .market-start-tab-links li.active {
  background-color: #fff;
}
#market-start-data .market-start-tab-content {
  background-color: #fff;
  padding: 1.5em;
  box-sizing: border-box;
}
@media (min-width: 568px) and (max-width: 1023px) {
  .area-3 > .pure-u-1 {
    width: 30%;
  }
  .area-3 > .pure-u-1:nth-child(3n+1) {
    width: 33.33333333%;
  }
  .area-3 > .pure-u-1:nth-child(3n+2) {
    width: 66.66666667%;
  }
  .area-3 > .pure-u-1:nth-child(3n) {
    width: 100%;
  }
}
.promotion-box {
  padding: 0 0.5em 0 0.5em;
  color: #07272d;
}
.promotion-box .title {
  color: inherit;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.3em;
  margin: 1em 0;
}
.promotion-box p {
  font-size: 16px;
}
.chart-wrapper {
  width: 100%;
  height: 100%;
}
#chart-container {
  width: 100%;
  height: 100%;
}
.highcharts-legend span {
  top: 0 !important;
}
#product-list ul {
  margin-top: 0;
  list-style: none;
  padding: 0;
  font-size: 16px;
}
.product-level-1 {
  line-height: 1.2em;
}
.product-level-1 > .product-header {
  background-color: transparent;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #d9dde1;
  padding: 1.0em 0;
}
.product-level-1 > .product-header.item-opened {
  border: none;
}
.product-level-1 > .product-header > a,
.product-level-1 > .product-header > span {
  color: #07272d;
  text-transform: uppercase;
}
.product-level-1 > .product-header .product-toggle {
  float: right;
  margin: 0 0 0 -2em !important;
  font-size: 9px;
}
.product-level-1 > .sub-products {
  padding: 1rem 0;
  font-weight: 500;
  border-bottom: 1px solid #d9dde1;
  padding: 0;
}
.product-level-1 > .sub-products:first-child {
  border-top: 1px solid #d9dde1;
}
.product-level-1 > .sub-products > ul {
  margin-left: 0.5em;
  list-style-type: none;
  padding-left: 0;
}
.product-level-1 > .sub-products a {
  display: inline-block;
  color: #07272d;
}
.product-level-1 > .sub-products .icon {
  font-size: 9px;
}
.product-level-1 > .sub-products .item-active > a {
  color: #07272d;
}
.product-level-1 > .sub-products .sub-menu {
  display: none;
  margin: 0 0 1em 0.5em;
}
.product-level-1 > .sub-products .sub-menu .menu-expander {
  margin: 0;
  font-weight: 500;
}
.product-level-1 > .sub-products .sub-menu.expand {
  display: block;
  margin: 1em 0 1em 0.5em;
  line-height: 1.2em;
}
.product-level-1 > .sub-products .sub-menu.expand a {
  padding: 0 0 1em 1em;
  font-size: 16px;
}
.product-level-1 > .sub-products .sub-menu.expand li:last-child a {
  padding-bottom: 0;
}
.product-level-1 > .sub-products > .sub-menu > li {
  margin-left: 0;
}
.product-level-1 > .sub-products .menu-heading {
  margin-right: 2em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  padding: 0;
}
.product-level-1 > .sub-products .menu-expander {
  float: right;
  font-size: 9px;
  margin: 0 0 0 -2em;
  top: 2px;
}
.product-level-1 > .sub-products .menu-expander .expander-icon::before {
  content: "\f067";
}
.product-level-1 > .sub-products .menu-expander.expand .expander-icon::before {
  content: "\f068";
}
.product-level-1 > .sub-products a {
  padding: 0 0 1em 1em;
  margin-right: 0;
}
.product-level-1 > .sub-products li {
  margin: 0;
}
.product-level-1 > .sub-products li:last-child a {
  padding-bottom: 0;
}
.product-level-2 > .sub-products {
  padding: 0 0 0 0.5em;
}
#elbas-subproduct-selector {
  margin: 3em 0 1.5em 0;
}
#elbas-subproduct-selector .subproduct {
  color: #07272d;
  font-weight: 500;
  clear: both;
  padding-left: 2em;
}
.product-expander {
  top: 2px;
}
.market-data-table {
  position: relative;
  font-size: 1em;
}
.market-data-table table {
  border: 0;
  margin-left: 5.3em;
}
.market-data-table table td:first-of-type {
  position: absolute;
  left: 0;
}
.market-data-table tbody {
  letter-spacing: 0.075em;
}
.market-data-table.dashboard-tab-table table th {
  /* Make text unselectable */
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}
.market-data-table .front-table-controls {
  zoom: 1;
  line-height: 2.0;
}
.market-data-table .front-table-controls:before,
.market-data-table .front-table-controls:after {
  content: "";
  display: table;
}
.market-data-table .front-table-controls:after {
  clear: both;
}
.market-data-table .front-table-unit {
  display: inline-block;
  color: #07272d;
  font-size: 1.5em;
}
.market-data-table .front-table-updated {
  display: inline-block;
  color: #07272d;
}
.market-data-table .front-table-units-position {
  float: right;
  display: inline-block;
  font-size: 14px;
}
.market-data-table .front-table-units-position .export-xls {
  margin: 0;
  display: inline-block;
  color: #07272d;
  border: 1px solid #d9dde1;
}
.market-data-table .front-table-units-position .export-xls img {
  padding: 0.4em 1em 0.1em 1em;
  width: 20px;
}
.market-data-table .front-table-units-position .updated-tag {
  padding: 0 2em;
  vertical-align: middle;
  line-height: 3em;
}
.market-data-table .front-table-units-position .updated-tag span {
  font-weight: bold;
}
.market-data-table .front-table-units-position .updated-tag img {
  vertical-align: middle;
  width: 1.5em;
}
.market-data-table .dashboard-unit-update {
  width: 100%;
  display: inline-block;
  line-height: 0;
  padding: 1em 0.5em;
}
.market-data-table .dashboard-unit-update .dashboard-table-unit {
  font-size: 1.5em;
  font-weight: 500;
  vertical-align: text-bottom;
  color: #07272d;
  display: inline-block;
  max-width: none;
}
.market-data-table .dashboard-unit-update .updated-timestamp {
  float: right;
  display: inline-block;
  font-weight: 400;
  line-height: 1.2em;
}
@media (max-width: 568px) {
  .market-data-table .dashboard-unit-update .updated-timestamp {
    padding-top: 0.5em;
    margin-top: 0.5em;
  }
}
.market-data-table .dashboard-unit-update img {
  width: 1.7em;
  vertical-align: middle;
  padding-bottom: 3px;
}
.market-data-table .table-wrapper,
.market-data-table .elbas-table-wrapper,
.market-data-table .uk-table-wrapper {
  overflow-x: auto;
  overflow-y: visible;
}
.market-data-table .elbas-table-wrapper th:first-child {
  text-align: left;
}
.market-data-table .elbas-table-wrapper td:first-child {
  text-align: left;
  position: relative;
  left: 0;
}
.market-data-table .elbas-table-wrapper th.row-name,
.market-data-table .elbas-table-wrapper td.row-name {
  width: 9em;
}
.market-data-table .elbas-table-wrapper .elbas-hh.fa-clock-o {
  color: #07272d;
}
.market-data-table .elbas-table-wrapper .elbas-qh.fa-clock-o {
  color: #07272d;
}
.market-data-table th {
  border: 0;
  background-color: #fff;
  padding: 0.25em;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.market-data-table th.draggable {
  cursor: move;
}
.market-data-table th.moving-column {
  background-color: #00f3db !important;
}
.market-data-table td {
  white-space: nowrap;
  border: 0;
  text-align: center;
  min-height: 1.2em;
  vertical-align: middle;
  min-width: 5em;
  padding-left: 0.3em;
  padding-right: 0.3em;
}
.market-data-table td.highlight-value {
  color: #008D7F;
}
.market-data-table td.red {
  color: red;
}
.market-data-table td.green {
  color: green;
}
.market-data-table td:hover {
  background-color: #aed1c5 !important;
}
.market-data-table td.moving-column {
  background-color: #74fff1 !important;
}
.market-data-table th.row-name,
.market-data-table td.row-name,
.market-data-table th.row-name-2,
.market-data-table td.row-name-2 {
  text-align: center;
}
.market-data-table th.row-name-2,
.market-data-table td.row-name-2 {
  left: 6.5em;
}
.market-data-table th.insert-before-column,
.market-data-table td.insert-before-column {
  border-left: 3px solid #39B54A;
}
.market-data-table th.insert-after-column,
.market-data-table td.insert-after-column {
  border-right: 3px solid #39B54A;
}
.market-data-table tr.extrarow {
  font-style: italic;
}
.market-data-table tr.ntcrow {
  font-style: italic;
}
.market-data-table tr.oddrow td {
  background-color: #f7f7f7;
}
.market-data-table tr.oddrow td.row-name,
.market-data-table tr.oddrow td.row-name-2 {
  border-right: 1px solid #fff;
}
.market-data-table tr.evenrow td {
  background-color: #fff;
}
.market-data-table tr.evenrow td.row-name,
.market-data-table tr.evenrow td.row-name-2 {
  border-right: 1px solid #f7f7f7;
}
.market-data-table tr.evenrow:hover td,
.market-data-table tr.evenrow .hover {
  background-color: #d8e9e3;
}
.market-data-table tr.oddrow:hover td,
.market-data-table tr.oddrow .hover {
  background-color: #cee3dc;
}
.market-data-table tr.column-headers .row-name.hover,
.market-data-table tr.column-headers .row-name-2.hover,
.market-data-table tr.column-headers .draggable.hover,
.market-data-table tr.column-headers .sortable.hover {
  color: #28966e;
}
.market-data-table tr.oddrow .row-name.hover,
.market-data-table tr.oddrow .row-name-2.hover {
  background-color: #f7f7f7;
}
.market-data-table tr.evenrow .row-name.hover,
.market-data-table tr.evenrow .row-name-2.hover {
  background-color: #fff;
}
.market-data-table .group-headers th,
.market-data-table .footer-group-headers th {
  text-align: center;
}
.market-data-table .group-headers th:empty,
.market-data-table .footer-group-headers th:empty {
  padding: 0;
}
.market-data-table .preliminary {
  color: #07272d;
}
@media (min-width: 568px) {
  .market-data-table .narrow td {
    min-width: 6em;
  }
}
.market-data-table td.column {
  background-color: #008D7F;
}
.moving-element {
  line-height: 1.7em;
  height: auto;
  text-align: center;
  padding: 0 0.4em 0 0.4em;
  width: auto;
  display: table;
  color: white;
}
.moving-element span {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 4px;
}
.table-time-position {
  position: absolute;
}
.sortable-position {
  left: 0;
}
.non-sortable-position {
  display: inline-block;
  height: 1em;
  width: 6em;
  left: 0px;
  margin-top: -15px;
  padding-top: 20px;
  background-color: white;
}
.header-clone {
  display: none;
}
.floating .header-clone {
  display: table;
  table-layout: fixed;
  position: fixed;
  top: 0;
}
.floating .header-clone .row-name,
.floating .header-clone .row-name-2 {
  display: none;
}
.date-form table {
  min-width: 15em;
  text-align: center;
}
.date-form table button {
  padding: 0.2em;
  min-width: 2em;
  font-weight: normal;
}
.date-form table .active {
  border-bottom: 2px solid #008D7F;
}
.date-form table button:hover,
.date-form table button:focus,
.date-form table button:active {
  box-shadow: none;
  background-image: none;
}
.date-form table tbody {
  border-bottom: 1px solid #EEEEEE;
  border-top: 1px solid #EEEEEE;
}
.date-form table:focus {
  outline: none;
}
.date-form button {
  background-color: transparent;
  background-image: none;
  font-weight: bold;
}
.date-form button:hover {
  background-color: #008D7F;
  color: #ffffff;
}
.date-form button[disabled] {
  background-color: transparent;
  color: inherit;
}
.date-form thead tr:nth-child(2) {
  display: none;
}
.date-form .dropdown-menu {
  width: auto;
  min-width: 15em;
  border: 1px solid #d9dde1;
}
#data-end-date {
  max-width: 9em;
  border-radius: 0px;
  box-shadow: none;
  cursor: pointer;
}
#data-end-date:active {
  border-color: #d9dde1;
}
#data-end-date:focus {
  border-color: #d9dde1;
}
.date-button {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  line-height: 1.0;
}
.week-selector tbody tr:hover button {
  background-color: #008D7F;
  color: white;
}
.area-selector {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0 !important;
  position: relative;
  text-transform: uppercase;
}
.area-selector ul {
  list-style: none;
  padding-left: 1.5em;
}
.area-selector ul li {
  min-width: 3em;
  text-align: center;
  display: inline-block;
  margin: 0.5em 0.5em 0em 0;
  padding: 0.5em;
  vertical-align: middle;
  border: 1px solid #d9dde1;
  border-radius: 1.3em;
}
.area-selector ul li.selected {
  background-color: #ffffff;
}
.area-selector ul li.selected a {
  color: #008D7F;
}
.area-selector ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #07272d;
  font-weight: 600;
}
.area-selector ul li.area {
  font-weight: bold;
}
.area-selector ul li .drilldown-entity {
  font-weight: bold;
}
.area-selector ul li.select-all {
  background-color: #07272d;
}
.area-selector ul li.select-all a {
  padding-right: 2em;
  color: #ffffff;
}
.area-selector .fix-select select {
  padding-left: 0.5em;
  font-weight: 600;
  -webkit-appearance: none;
  border: none;
  text-transform: uppercase;
}
.area-selector .fix-select select:focus {
  outline: none;
}
.area-selector .fix-select::after {
  padding-right: 0.5em;
  content: '\f0d7';
  font-family: FontAwesome;
  position: relative;
  pointer-events: none;
}
.area-selector .area-selector-content {
  display: block;
}
@media screen and (min-width: 768px) {
  .area-selector .area-selector-content {
    display: block;
  }
}
#dashboard-header {
  margin-bottom: 1em;
  position: relative;
}
#dashboard-header .header {
  display: inline-block;
  min-width: 10%;
  color: #07272d;
  margin: 0;
}
#dashboard-header .question-mark-info .trigger-text {
  color: #008D7F;
  text-decoration: underline;
  font-size: 0.8em;
  line-height: 1.5em;
}
#dashboard-header .question-mark-info .info-text {
  position: absolute;
  top: 2em;
  left: 0;
  background-color: white;
  border: 1px solid #008D7F;
  padding: 5px;
  display: block;
  z-index: 9999999;
}
#dashboard-header .question-mark-info .info-text-hidden {
  display: none;
}
#dashboard-header .description {
  clear: both;
  margin-right: 15px;
}
#dashboard-header .description p {
  margin: 0.5em 0;
}
.power-data-promotion-box {
  padding: 0.4em;
  border: 1px solid #008D7F;
}
.power-data-promotion-box .icon {
  color: #008D7F;
  float: left;
}
.power-data-promotion-box .title {
  text-transform: uppercase;
  color: #008D7F;
  font-weight: bold;
  margin: 0 0 0.2em 2em;
}
.power-data-promotion-box .text {
  margin-left: 2em;
  color: black;
}
.power-data-promotion-box .text p {
  padding: 0;
  margin: 0;
}
.breadcrumb {
  margin-bottom: 30px;
}
.breadcrumb .breadcrumb-item {
  font-size: 22px;
  font-weight: bold;
}
.breadcrumb .separator {
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-weight: inherit;
}
.dashboard-edit-panel {
  background-color: #07272d;
  box-shadow: 5px 10px 18px #008D7F;
  padding: 5px 20px;
  margin-top: 20px;
  border-radius: 7px;
}
.dashboard-edit-panel .edit-functions {
  position: relative;
  height: 6em;
}
.dashboard-edit-panel .edit-functions h1 {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  margin: 0;
  font-size: 3em;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
}
.dashboard-edit-panel .edit-functions input[type=button] {
  position: absolute;
  top: 50%;
  left: 420px;
  transform: translate(0, -50%);
  border: none;
  padding: 8px 25px;
  margin: 0px 10px;
  font-size: 1.5em;
  text-decoration: none;
  color: white;
  background-color: #008D7F;
}
.dashboard-edit-panel .edit-functions:hover input[type=button] {
  background-color: #00a796;
}
.dashboard-box {
  background-color: white;
  padding-bottom: 2em;
}
.dashboard-indent {
  padding: 0 1em 0 1em;
}
.data-loading-message {
  color: #1E1E1E;
  margin: 0.5em 0;
  font-size: 14px;
}
.dashboard-tabs {
  clear: both;
}
.dashboard-footer {
  margin-top: 1.3em;
  font-weight: 400;
  font-size: 1em;
  color: #07272d;
}
.product-column {
  margin-top: 2em;
}
.data-error-message {
  display: inline-block;
  margin: 1em;
  padding: 1em;
  background-color: #E47267;
  width: auto;
  color: white;
}
.data-error-message .error-title {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .dashboard-indent {
    padding: 0 1em 0 1em;
  }
  .dashboard-mode-selection {
    padding: 0 2em 0 2em;
  }
  .data-error-message {
    margin-left: 2em;
  }
}
.messages-main {
  max-width: 1920px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media screen and (min-width: 1024px) {
  .messages-main {
    padding: 30px 30px 0 0px;
  }
}
.messages-content {
  background-color: #fff;
  margin-top: 0.5em;
}
#messages .controls {
  margin-bottom: 3em;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #f0f0f0;
  border-radius: 5px;
  border-collapse: separate;
}
#messages .controls .text {
  font-weight: bold;
  text-align: center;
}
#messages .controls .text > select {
  width: 100%;
  max-width: 14em;
}
#messages .controls .prev-button {
  text-align: left;
}
#messages .controls .next-button {
  text-align: right;
}
#messages .message {
  margin-bottom: 1em;
}
#messages .message .message-intro {
  font-size: 0.9em;
}
.rss-link {
  display: inline-block;
  margin-left: 0.5em;
  font-size: 14px;
}
.message-list-box {
  padding: 0;
  margin-right: 1em;
  height: 100%;
  overflow: hidden;
  color: #788796;
  font-weight: 300;
}
@media (max-width: 767px) {
  .message-list-box {
    margin-right: 0;
  }
}
.message-list-box .box-header,
.message-list-box .box-body {
  background-color: #ffffff;
}
.message-list-box .box-header {
  color: #07272d;
  font-weight: 500;
  font-size: 24px;
  padding: 1em 0 0 1.7em;
}
.message-list-box .box-header::after {
  background-color: #ffffff;
}
.message-list-box .box-body {
  height: 100%;
  padding: 1em 2em 2em 3em;
}
.message-list-box .message {
  margin-bottom: 1em;
}
.message-list-box .message a {
  color: black;
}
.message-list-box .message .message-header,
.message-list-box .message messages-list-introduction {
  font-size: 1.2em;
}
.message-list-box .message .messages-list-image {
  display: inline-block;
  width: 12em;
}
@media (max-width: 768px) {
  .message-list-box .message .messages-list-image {
    display: block;
    width: 20em;
  }
}
@media (max-width: 568px) {
  .message-list-box .message .messages-list-image {
    width: 17em;
  }
}
.message-list-box .message .message-published {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 2.0;
  font-weight: bold;
  color: #07272d;
}
.message-list-box .message .message-header {
  display: inline-block;
  width: 70%;
  line-height: 1.2;
}
.message-list-box .message .message-header .message-header-no {
  font-size: 15px;
  line-height: 1.7;
}
@media (max-width: 1520px) {
  .message-list-box .message .message-header {
    padding-left: 0;
  }
}
@media (max-width: 1024px) {
  .message-list-box .message .message-header {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .message-list-box .message .message-header {
    width: 100%;
    padding-bottom: 0.1em;
  }
}
@media (max-width: 1024px) {
  .message-list-box .message .message-header-padding {
    padding-left: 0;
    width: 100%;
  }
}
.message-list-box .message .messages-list-introduction {
  font-size: 0.9em;
  display: block;
  color: #ffffff;
}
.message-list-box .message .resize {
  font-size: 1.1rem;
}
.message-list-box .update-animation .ng-enter {
  transition: background-color ease-out 0.5s;
  background-color: #008D7F;
}
.message-list-box .update-animation .ng-enter.ng-enter-active {
  background-color: inherit;
}
.message-list-box .link-container {
  width: 100%;
  height: 50px;
  position: fixed;
}
.message-list-box .link-container .view-all-messages {
  color: #1E1E1E;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  z-index: 1000;
}
.message-list-box .link-container .view-all-messages svg {
  position: relative;
  top: 10px;
  margin-right: 1ex;
}
.market-updates-sidebar .message-list-box .link-container .view-all-messages {
  margin-top: 1em;
  display: inline-block;
}
.message-list-box.large-layout {
  margin: 3em;
}
@media (min-width: 1025px) {
  .message-list-box.large-layout {
    margin: 183px 188px;
  }
}
.message-list-box.large-layout .box-header {
  color: #008D7F;
  padding: 0;
  height: 62px;
  width: 569px;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -0.44px;
  line-height: 48px;
}
@media (min-width: 568px) {
  .message-list-box.large-layout .box-header {
    font-size: 60px;
  }
}
.message-list-box.large-layout .box-header::after {
  background-color: transparent;
}
.message-list-box.large-layout .box-header,
.message-list-box.large-layout .box-body {
  background-color: transparent;
}
.message-list-box.large-layout .box-body {
  max-width: 654px;
  padding: 0;
  margin-top: 46px;
  margin-right: 2em;
  float: right;
}
@media (min-width: 1024px) {
  .message-list-box.large-layout .box-body {
    margin-left: 327px;
    float: none;
  }
}
.message-list-box.large-layout .box-body .message {
  margin-bottom: 3em;
}
.message-list-box.large-layout .box-body .message .message-header {
  width: 100%;
}
.message-list-box.large-layout .box-body .message .message-header .message-published,
.message-list-box.large-layout .box-body .message .message-header .message-header-no {
  color: #07272d;
  font-size: 22px;
  line-height: 33px;
  margin-left: 0;
}
@media (min-width: 768px) {
  .message-list-box.large-layout .box-body .message .message-header .message-published,
  .message-list-box.large-layout .box-body .message .message-header .message-header-no {
    font-size: 28px;
  }
}
.message-list-box.large-layout .box-body .message .message-header .message-header-no {
  font-weight: 400;
}
.message-list-box.large-layout .box-body .link-container {
  width: auto;
  height: auto;
  position: initial;
  padding-bottom: 1em;
}
.message-list-box.large-layout .box-body .link-container .view-all-messages {
  color: #07272d;
  font-weight: 600;
  font-size: 22px;
  position: relative;
}
.message-list-box.large-layout .box-body .link-container .view-all-messages svg {
  width: 42px;
  height: 42px;
  top: 15px;
  margin-right: 1ex;
}
.message-list-box.large-layout .box-body .link-container .view-all-messages:hover {
  color: #008D7F;
}
.menu-box-area .message-list-box .message {
  margin: 0;
}
.article .message-header h1 {
  margin-top: 0.2em;
}
.message-link {
  color: #1E1E1E;
  text-decoration: none;
  text-transform: uppercase;
}
.message-link i {
  color: #07272d;
}
.message-link .fa-caret-left {
  margin-right: 0.5em;
}
.message-link .fa-caret-right {
  margin-left: 0.5em;
}
.message-link.prev {
  float: left;
}
.message-link.next {
  float: right;
}
.features-main {
  max-width: 1920px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media screen and (min-width: 1024px) {
  .features-main {
    padding: 30px 30px 0 0px;
  }
}
.features-content {
  background-color: #fff;
  margin-top: 0.5em;
}
#features .controls {
  margin-bottom: 3em;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #f0f0f0;
  border-radius: 5px;
  border-collapse: separate;
}
#features .controls .text {
  font-weight: bold;
  text-align: center;
}
#features .controls .text > select {
  width: 100%;
  max-width: 14em;
}
#features .controls .prev-button {
  text-align: left;
}
#features .controls .next-button {
  text-align: right;
}
#features .feature {
  margin-bottom: 1em;
}
#features .feature .feature-intro {
  font-size: 0.9em;
}
.rss-link {
  display: inline-block;
  margin-left: 0.5em;
  font-size: 14px;
}
.feature-list-box {
  padding: 0;
  margin-right: 1em;
  height: 100%;
  overflow: hidden;
  color: #788796;
  font-weight: 300;
}
@media (max-width: 767px) {
  .feature-list-box {
    margin-right: 0;
  }
}
.feature-list-box .box-header,
.feature-list-box .box-body {
  background-color: #ffffff;
}
.feature-list-box .box-header {
  color: #07272d;
  font-weight: 500;
  font-size: 24px;
  padding: 1em 0 0 1.7em;
}
.feature-list-box .box-body {
  height: 100%;
  padding: 1em 2em 2em 3em;
}
.feature-list-box .feature {
  margin-bottom: 1em;
}
.feature-list-box .feature a {
  color: black;
}
.feature-list-box .feature .feature-header,
.feature-list-box .feature features-list-introduction {
  font-size: 1.2em;
}
.feature-list-box .feature .features-list-image {
  display: inline-block;
  width: 12em;
}
@media (max-width: 768px) {
  .feature-list-box .feature .features-list-image {
    display: block;
    width: 20em;
  }
}
@media (max-width: 568px) {
  .feature-list-box .feature .features-list-image {
    width: 17em;
  }
}
.feature-list-box .feature .feature-published {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 2.0;
  font-weight: bold;
  color: #07272d;
}
.feature-list-box .feature .feature-header {
  display: inline-block;
  width: 70%;
  line-height: 1.2;
}
.feature-list-box .feature .feature-header .feature-header-no {
  font-size: 15px;
  line-height: 1.7;
}
@media (max-width: 1520px) {
  .feature-list-box .feature .feature-header {
    padding-left: 0;
  }
}
@media (max-width: 1024px) {
  .feature-list-box .feature .feature-header {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .feature-list-box .feature .feature-header {
    width: 100%;
    padding-bottom: 0.1em;
  }
}
@media (max-width: 1024px) {
  .feature-list-box .feature .feature-header-padding {
    padding-left: 0;
    width: 100%;
  }
}
.feature-list-box .feature .features-list-introduction {
  font-size: 0.9em;
  display: block;
  color: #ffffff;
}
.feature-list-box .feature .resize {
  font-size: 1.1rem;
}
.feature-list-box .update-animation .ng-enter {
  transition: background-color ease-out 0.5s;
  background-color: #008D7F;
}
.feature-list-box .update-animation .ng-enter.ng-enter-active {
  background-color: inherit;
}
.feature-list-box .link-container {
  width: 100%;
  height: 50px;
  position: fixed;
}
.feature-list-box .link-container .view-all-features {
  color: #1E1E1E;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  z-index: 1000;
}
.feature-list-box .link-container .view-all-features svg {
  position: relative;
  top: 10px;
  margin-right: 1ex;
}
.market-updates-sidebar .feature-list-box .link-container .view-all-features {
  margin-top: 1em;
  display: inline-block;
}
.feature-link {
  color: #1E1E1E;
  text-decoration: none;
  text-transform: uppercase;
}
.feature-link i {
  color: #07272d;
}
.feature-link .fa-caret-left {
  margin-right: 0.5em;
}
.feature-link .fa-caret-right {
  margin-left: 0.5em;
}
.feature-link.prev {
  float: left;
}
.feature-link.next {
  float: right;
}
.selection-container .radio-button-selection-container .radio-button-container {
  display: flex;
  width: 100%;
  margin: 20px 0px 20px 0px;
}
.selection-container .radio-button-selection-container .radio-button-container .radio-button-selection {
  text-align: center;
  font-size: 24px;
  padding: 0.5em;
  font-weight: 600;
  border: 2px solid #07272d;
  background-color: #ffffff;
}
.selection-container .radio-button-selection-container .radio-button-container .radio-button-selection input[type="radio"] {
  display: none;
}
.selection-container .radio-button-selection-container .radio-button-container .radio-button-selection:hover {
  filter: brightness(90%);
  cursor: pointer;
}
.selection-container .radio-button-selection-container .radio-button-container .left-radio-button {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-right: 1px solid #07272d;
}
.selection-container .radio-button-selection-container .radio-button-container .middle-radio-button {
  border-left: 1px solid #07272d;
  border-right: 1px solid #07272d;
}
.selection-container .radio-button-selection-container .radio-button-container .right-radio-button {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-left: 1px solid #07272d;
}
.selection-container .radio-button-selection-container .radio-button-container .radio-button-checked {
  background-color: #07272d;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .selection-container .radio-button-selection-container .radio-button-container {
    display: block;
  }
  .selection-container .radio-button-selection-container .radio-button-container .radio-button-selection {
    padding: 0.5em 0em 0.5em 0em;
  }
  .selection-container .radio-button-selection-container .radio-button-container .left-radio-button {
    border-radius: 20px 20px 0px 0px;
    border-bottom: none;
    border-right: 2px solid #07272d;
  }
  .selection-container .radio-button-selection-container .radio-button-container .middle-radio-button {
    border-left: 2px solid #07272d;
    border-right: 2px solid #07272d;
  }
  .selection-container .radio-button-selection-container .radio-button-container .right-radio-button {
    border-radius: 0px 0px 20px 20px;
    border-top: none;
    border-left: 2px solid #07272d;
  }
}
.selection-container .radio-button-selection-container .radio-button-content-container {
  margin-top: 20px;
}
.category-filter {
  cursor: pointer;
  display: block;
  margin-bottom: 0px;
  padding: 6px 0px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-family: Barlow;
  color: #008D7F;
  line-height: 28px;
  letter-spacing: 0px;
}
.category-filter .selected {
  font-weight: bold;
}
.category-filter:hover {
  cursor: pointer;
}
.embedded-video-container {
  position: relative;
  padding: 30px 0 50% 0;
  height: 0;
  overflow: hidden;
}
.embedded-video-iframe {
  width: 90%;
  height: 90%;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
}
.faqs-content {
  background-color: #fff;
  margin-top: 0.5em;
  padding-bottom: 1em;
}
.faqs-content h2 {
  font-weight: 600;
}
.faq-menu-item {
  border: none;
}
.faq-menu-heading {
  margin-bottom: 5px;
}
.faq-title {
  padding: 0;
  width: 100%;
  padding-bottom: 1.5em;
  padding-top: 1.5em;
}
.faq-title .title-style {
  font-weight: 600 !important;
  font-size: 22px;
}
.faq-title .table-wrapper {
  display: table;
  width: 100%;
}
.faq-title .table-wrapper a {
  outline: 0;
}
.faq-title .table-wrapper .faq-question {
  width: 80%;
  padding: 0;
  display: table-cell;
  margin-top: 8px;
  margin-bottom: 8px;
}
.faq-title .table-wrapper .menu-box-body {
  border-bottom: none;
  width: 19%;
  display: table-cell;
  padding: 0;
  vertical-align: middle;
}
.faq-title .table-wrapper .menu-box-body .menu-expander {
  font-size: 11px;
}
.faq-question-category-header {
  margin-top: 49px;
}
.faq-question-category-header h4 {
  display: block;
  margin-top: 0px;
  margin-bottom: 24.5px;
  font-size: 27px;
  line-height: 29px;
}
.faq-question-item h4 {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 22px;
  line-height: 30px;
}
.faq-answer {
  padding-top: 26px;
  padding-left: 0;
  position: static;
  font-size: 18px;
  max-width: 35em;
  width: 98%;
}
.faq-answer img {
  width: auto;
  max-width: 100%;
}
.underlined {
  border-bottom: 1px solid #001c37;
}
.border-top {
  border-top: 1px solid #001c37;
}
.spacer {
  position: relative;
  float: left;
}
.premium-data-services-header-container {
  padding: 34px 0px 30px 34px;
  display: flex;
  margin-bottom: 1em;
  background-position: right !important;
  background-repeat: no-repeat !important;
}
@media screen and (max-width: 768px) {
  .premium-data-services-header-container {
    padding: 34px 500px 10px 34px;
  }
}
@media screen and (max-width: 568px) {
  .premium-data-services-header-container {
    background-position: left !important;
    background-size: 150% auto !important;
    padding: 0 1.5em;
  }
}
.premium-data-services-header-container .premium-data-services-header-title-container {
  color: #008D7F;
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .premium-data-services-header-container .premium-data-services-header-title-container {
    width: auto;
  }
}
.premium-data-services-header-container .premium-data-services-header-title {
  font-size: 4.5em;
  font-weight: bold;
  color: #008D7F;
  margin-bottom: 0;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .premium-data-services-header-container .premium-data-services-header-title {
    font-size: 3.5em;
  }
}
@media screen and (max-width: 568px) {
  .premium-data-services-header-container .premium-data-services-header-title {
    font-size: 3.2em;
  }
}
.premium-data-services-header-container .premium-data-services-header-title-image {
  width: 0.7em;
  display: inline-block;
}
.premium-data-services-header-container .premium-data-services-header-title-image img {
  vertical-align: top;
  margin-top: 0.4em;
}
.premium-data-services-header-container .premium-data-services-header-body {
  font-size: 1.5em;
  color: #818181;
  width: 47%;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .premium-data-services-header-container .premium-data-services-header-body {
    padding-left: 0;
    padding-top: 0;
  }
  .premium-data-services-header-container .premium-data-services-header-body p {
    margin: 0.5em 0;
  }
}
@media screen and (max-width: 568px) {
  .premium-data-services-header-container .premium-data-services-header-body {
    font-size: 1.2em;
    width: 80%;
    max-width: 250px;
    padding-left: 0;
  }
}
.article-column-inner.premium-data-services-inner {
  margin: 0 2.5em;
}
@media screen and (max-width: 568px) {
  .article-column-inner.premium-data-services-inner {
    margin: 0 1.3em;
  }
}
.premium-data-services-main.article-main {
  margin-top: 2em;
  max-width: 80em;
}
.premium-data-services-article.article {
  min-width: 60em;
  padding-bottom: 1px;
  margin-bottom: 0px;
}
.premium-data-services-article.article .premium-data-services-introduction h2 {
  color: #1E1E1E;
  line-height: 1.5em;
  font-size: 24px;
  margin: 0 0 0.83em 0;
}
@media screen and (max-width: 1024px) {
  .premium-data-services-article.article {
    min-width: 290px;
  }
}
.premium-data-services-article.article.article-wide {
  padding-bottom: 6px;
  margin-bottom: 6px;
}
.three-column-images-container {
  padding-top: 54px;
}
.three-column-images-container .three-column-images-column-container {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .three-column-images-container .three-column-images-column-container {
    max-width: 600px;
  }
}
@media screen and (max-width: 968px) {
  .three-column-images-container .three-column-images-column-container {
    flex-flow: column wrap;
  }
}
.three-column-images-container .three-column-images-column-container .three-column-images-column {
  width: 200px;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
}
.three-column-images-container .three-column-images-column-container .three-column-images-column .column-title {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.0em;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .three-column-images-container .three-column-images-column-container .three-column-images-column.middle {
    margin: 0 24px;
  }
  .three-column-images-container .three-column-images-column-container .three-column-images-column.middle h2 {
    width: 60%;
  }
}
@media screen and (max-width: 768px) {
  .three-column-images-container .three-column-images-column-container .three-column-images-column.middle {
    margin: 16px 0;
  }
}
.three-column-images-container .three-column-images-column-container .three-column-images-column .column-image {
  width: 6em;
  margin-left: auto;
  margin-right: auto;
}
.three-column-images-container .three-column-images-column-container .three-column-images-column .column-body p {
  font-size: 1.3em;
  text-align: center;
}
.three-column-images-container .three-column-images-column-container .three-column-images-column p {
  margin-top: 0;
  line-height: 1.3;
  font-size: 20px;
}
.banner-with-button-container {
  padding: 8px 10px;
  margin-bottom: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 568px) {
  .banner-with-button-container {
    padding: 0;
  }
}
.banner-with-button-container .banner-with-button-text {
  display: flex;
  margin-top: 0px;
  letter-spacing: 0em;
  font-weight: 600;
}
@media screen and (max-width: 568px) {
  .banner-with-button-container .banner-with-button-text {
    max-width: 120px;
    font-size: 1em;
  }
}
.banner-with-button-container .banner-with-button-button {
  border: 1px solid #008D7F;
  border-radius: 30px;
  margin-bottom: 0px;
  margin-left: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 1em;
  letter-spacing: 0em;
  background-color: #008D7F;
  color: #ffffff;
  padding: 7px 40px;
  user-select: none;
}
@media screen and (max-width: 568px) {
  .banner-with-button-container .banner-with-button-button {
    padding: 0.6em 0.8em;
    border: 1px solid #008D7F;
    border-radius: 30px;
    margin-left: 0.6em;
  }
}
.banner-with-button-container .banner-with-button-button:hover {
  filter: brightness(90%);
}
.banner-with-button-container .banner-with-button-button.no-text {
  font-size: 1.1em;
  padding: 10px 70px;
  margin-left: 0;
  margin-bottom: 16px;
}
@media screen and (max-width: 568px) {
  .banner-with-button-container .banner-with-button-button.no-text {
    font-size: 1em;
    margin: 16px 0 16px 0;
  }
}
.banner-with-button-container.banner-with-button-dark {
  margin: 24px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #07272d;
  border-radius: 20px;
  background-color: #07272d;
}
@media screen and (max-width: 1024px) {
  .banner-with-button-container.banner-with-button-dark {
    padding: 0 1.5em;
  }
}
@media screen and (max-width: 768px) {
  .banner-with-button-container.banner-with-button-dark .banner-with-button-button {
    padding: 0.5em 1.5em;
    margin-left: 0;
  }
}
@media screen and (max-width: 568px) {
  .banner-with-button-container.banner-with-button-dark {
    flex-flow: column wrap;
    padding: 0 1em 1em 1em;
  }
  .banner-with-button-container.banner-with-button-dark .banner-with-button-button {
    margin: 0 0 0.4em 0;
  }
}
.banner-with-button-container.banner-with-button-dark .banner-with-button-text.banner-with-button-dark {
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .banner-with-button-container.banner-with-button-dark .banner-with-button-text.banner-with-button-dark {
    max-width: 330px;
  }
}
@media screen and (max-width: 768px) {
  .banner-with-button-container.banner-with-button-dark .banner-with-button-text.banner-with-button-dark {
    max-width: 250px;
  }
}
@media screen and (max-width: 568px) {
  .banner-with-button-container.banner-with-button-dark .banner-with-button-text.banner-with-button-dark {
    text-align: center;
  }
}
.two-column-banner-container {
  padding: 8px 0px 0px 0px;
  margin: 32px 0 0px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #f1f2f3;
  border-radius: 20px;
  background-color: #f1f2f3 !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
}
@media screen and (max-width: 1024px) {
  .two-column-banner-container {
    padding: 0.5em 1.5em;
  }
}
@media screen and (max-width: 568px) {
  .two-column-banner-container {
    background-size: 100% auto !important;
    padding: 0.3em 1.5em;
  }
}
.two-column-banner-container .two-column-banner-column-container {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 568px) {
  .two-column-banner-container .two-column-banner-column-container {
    flex-flow: column wrap;
  }
}
.two-column-banner-container .two-column-banner-column-container .two-column-banner-first-column {
  width: 450px;
  margin-left: 24px;
}
@media screen and (max-width: 1024px) {
  .two-column-banner-container .two-column-banner-column-container .two-column-banner-first-column {
    width: inherit;
    margin-left: 0;
  }
}
@media screen and (max-width: 568px) {
  .two-column-banner-container .two-column-banner-column-container .two-column-banner-first-column .two-column-banner-header {
    font-size: 0.8em;
  }
}
.two-column-banner-container .two-column-banner-column-container .two-column-banner-first-column .two-column-banner-header h2 {
  font-weight: bold;
  font-size: 2.2em;
  margin: 15px 0 3px 0;
  max-width: 260px;
}
@media screen and (max-width: 568px) {
  .two-column-banner-container .two-column-banner-column-container .two-column-banner-first-column .two-column-banner-header h2 {
    max-width: 200px;
  }
}
.two-column-banner-container .two-column-banner-column-container .two-column-banner-first-column .two-column-banner-link .two-column-banner-link-text {
  color: #818181;
  font-weight: bold;
  font-size: 1.3em;
  text-decoration: underline;
}
@media screen and (max-width: 568px) {
  .two-column-banner-container .two-column-banner-column-container .two-column-banner-first-column .two-column-banner-link .two-column-banner-link-text {
    font-size: 1.2em;
  }
}
.two-column-banner-container .two-column-banner-column-container .two-column-banner-second-column .two-column-banner-text {
  font-size: 1.4em;
  margin-right: 48px;
  min-width: 380px;
}
@media screen and (max-width: 1024px) {
  .two-column-banner-container .two-column-banner-column-container .two-column-banner-second-column .two-column-banner-text {
    font-size: 1.3em;
    margin: 0;
    min-width: 0px;
  }
}
.license-options-container .license-options-header {
  letter-spacing: 0em;
}
.license-options-container .license-options-header h2 {
  font-weight: 600;
  margin-bottom: 0px;
}
.license-options-container .license-options-description {
  font-size: 18px;
}
.license-options-container .license-options-description p {
  margin-top: 8px;
  margin-bottom: 20px;
}
.license-options-container .license-options-row {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #f1f2f3;
  background-color: #f1f2f3;
  border-radius: 20px;
  margin: 12px 0;
  padding: 5px 26px;
  position: relative;
  height: auto;
}
@media screen and (max-width: 568px) {
  .license-options-container .license-options-row {
    flex-flow: column wrap;
    margin: 12px auto;
    padding: 0;
    max-width: 250px;
  }
}
.license-options-container .license-options-row .license-options-row-header-and-description {
  max-width: 470px;
}
@media screen and (max-width: 1024px) {
  .license-options-container .license-options-row .license-options-row-header-and-description {
    max-width: 430px;
  }
}
@media screen and (max-width: 868px) {
  .license-options-container .license-options-row .license-options-row-header-and-description {
    max-width: 280px;
  }
}
@media screen and (max-width: 568px) {
  .license-options-container .license-options-row .license-options-row-header-and-description {
    padding: 0.4em 1.5em;
  }
}
.license-options-container .license-options-row .license-options-row-header-and-description .license-options-row-header h2 {
  font-size: 1.8em;
  margin: 10px 0 0 0;
}
.license-options-container .license-options-row .license-options-row-header-and-description .license-options-row-description {
  font-size: 18px;
  line-height: 1.5em;
}
.license-options-container .license-options-row .license-options-row-pricing {
  width: 124px;
  font-size: 1.4em;
  top: 0;
  right: 0;
  text-align: center;
  border-left: 1px solid #d8d8d8;
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 568px) {
  .license-options-container .license-options-row .license-options-row-pricing {
    border-left: none;
    border-top: 1px solid #d8d8d8;
    position: inherit;
    height: auto;
    width: 100%;
  }
}
.license-options-container .license-options-row .license-options-row-pricing h2 {
  font-size: 0.9em;
  font-weight: bold;
  width: 100px;
}
.license-options-container .license-options-row .license-options-row-pricing a > .license-options-row-pricing-link {
  text-decoration: underline;
}
.license-options-container .license-options-link-text {
  color: #b3b3b3;
  font-weight: bold;
  font-size: 0.8em;
  text-decoration: underline;
  letter-spacing: 0;
  position: absolute;
  right: 60px;
}
.markets-and-pricing-container {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 24px;
}
.markets-and-pricing-container .mainTitle {
  font-size: 1.5em;
  font-weight: 600;
  color: #1E1E1E;
  margin-bottom: 0;
}
.markets-and-pricing-container .mainContents {
  font-family: Barlow, sans-serif;
  color: #1E1E1E;
  letter-spacing: normal;
  margin-bottom: 18px;
}
.markets-and-pricing-container .markets-and-pricing-dropdown-container {
  display: flex;
}
.markets-and-pricing-container .markets-and-pricing-dropdown-container .markets-and-pricing-dropdown {
  border-color: transparent transparent #1E1E1E transparent;
  border-width: 0 0 3px 0;
  margin-right: 30px;
  font-size: 27px;
  font-weight: bold;
  padding: 0.3em;
  outline: none;
  min-width: fit-content;
}
.markets-and-pricing-container .markets-and-pricing-dropdown-container .markets-and-pricing-dropdown optgroup {
  color: #008D7F;
  font-size: 16px;
}
.markets-and-pricing-container .markets-and-pricing-dropdown-container .markets-and-pricing-dropdown optgroup option {
  color: #1E1E1E;
  font-size: 18px;
  padding: 30px;
}
.markets-and-pricing-container .markets-and-pricing-dropdown-container .markets-and-pricing-dropdown:hover {
  filter: brightness(90%);
  cursor: pointer;
}
.markets-and-pricing-container .markets-and-pricing-dropdown-container .markets-and-pricing-dropdown-guide {
  vertical-align: middle;
  color: #818181;
  font-weight: 600;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .markets-and-pricing-container .markets-and-pricing-dropdown-container {
    display: grid;
  }
  .markets-and-pricing-container .markets-and-pricing-dropdown-container .markets-and-pricing-dropdown-guide {
    order: 1;
  }
  .markets-and-pricing-container .markets-and-pricing-dropdown-container .markets-and-pricing-dropdown {
    order: 2;
  }
}
.markets-and-pricing-container .markets-and-pricing-body-container {
  display: flex;
  width: 100%;
}
.markets-and-pricing-container .markets-and-pricing-column-container {
  display: flex;
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .markets-and-pricing-container .markets-and-pricing-column-container {
    flex-flow: column wrap;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column {
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  padding-top: 10px;
  justify-content: space-between;
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column.middle {
  margin: 0 24px;
}
@media screen and (max-width: 768px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column {
    margin: 0 auto 24px auto;
  }
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column.middle {
    margin: 0 auto 24px auto;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .markets-and-pricing-product {
  background-color: #f1f2f3;
  border: 1px solid #f1f2f3;
  border-radius: 20px;
  max-width: 362px;
  text-align: left;
  margin-bottom: 2em;
}
@media screen and (max-width: 1024px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .markets-and-pricing-product {
    max-width: none;
    width: 48%;
  }
}
@media screen and (max-width: 568px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .markets-and-pricing-product {
    max-width: none;
    width: 100%;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .markets-and-pricing-product-vertical {
  background-color: #f1f2f3;
  border: 1px solid #f1f2f3;
  border-radius: 20px;
  text-align: left;
  margin-bottom: 2em;
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .markets-and-pricing-product-vertical .column-body-vertical {
  border-bottom: 1px solid #d8d8d8;
  display: flex;
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .markets-and-pricing-product-vertical .column-body-vertical .column-titles-vertical {
  padding-bottom: 21px;
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .markets-and-pricing-product-vertical .column-price-vertical {
  font-size: 1.5em;
  text-align: center;
  color: #008D7F;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .markets-and-pricing-product-vertical .column-price-vertical {
    font-size: 1.5em;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .markets-and-pricing-product-vertical .column-price-vertical p {
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .markets-and-pricing-product-vertical .column-price-vertical p {
    padding-right: 20px;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-header {
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-header {
    display: inline-block;
  }
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-header .column-titles {
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
  }
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-header p {
    text-align: left;
    padding: 0px 20px 0px 20px;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-header h2 {
  display: table-cell;
  font-size: 1.7em;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1024px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-header h2 {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 768px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-header h2 {
    font-size: 1.7em;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-body {
  height: 40px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-body {
    height: auto;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-body p {
  font-size: 1.3em;
  font-weight: 500;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1024px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-body p {
    font-size: 1.2em;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-details {
  border-bottom: 1px solid #d8d8d8;
}
@media screen and (max-width: 1024px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-details {
    height: auto;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-details p {
  font-size: 1.3em;
  font-weight: 600;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  padding: 20px;
}
@media screen and (max-width: 1024px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-details p {
    font-size: 1.1em;
  }
}
@media screen and (max-width: 768px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-details p {
    font-size: 1.3em;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-content {
  padding-bottom: 20px;
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-extra-details {
  min-height: 70px;
  border-top: 1px solid #d8d8d8;
}
@media screen and (max-width: 1024px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-extra-details {
    height: auto;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-extra-details p {
  font-size: 1.3em;
  font-weight: 500;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1024px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-extra-details p {
    font-size: 1.1em;
    padding-bottom: 20px;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-titles {
  padding-top: 18px;
  padding-bottom: 18px;
  white-space: nowrap;
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-price {
  font-size: 1.9em;
  text-align: center;
  color: #008D7F;
}
@media screen and (max-width: 1024px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-price {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 768px) {
  .markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-price {
    font-size: 1.8em;
  }
}
.markets-and-pricing-container .markets-and-pricing-column-container .markets-and-pricing-column .column-price p {
  font-weight: 600;
}
.image-and-text-banner-container {
  margin: 30px 0px;
  display: flex;
}
.image-and-text-banner-container .image-and-text-banner-column-container {
  display: flex;
  width: 100%;
}
.image-and-text-banner-container .image-and-text-banner-column-container .image-and-text-banner-image {
  width: 7em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-and-text-banner-container .image-and-text-banner-column-container .image-and-text-banner-text {
  color: #b3b3b3;
  font-weight: 600;
  font-size: 0.9em;
  margin-left: 10px;
}
.article-main .premium-data-services-container {
  padding: 0px 500px 0px 34px;
  display: flex;
  width: 100%;
  margin-top: 0px;
}
.premium-data-services-divider-line {
  border-bottom: 1px solid #d8d8d8;
}
.premium-data-services-divider-line .box {
  margin: 0px;
}
/* Customer testimonial listing page */
.customer-testimonial-listing-main {
  max-width: 1150px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%);
}
.customer-testimonial-listing-container {
  width: 100%;
}
.customer-testimonial-featured-story-container {
  max-height: 100%;
  margin-bottom: 2em;
}
@media screen and (min-width: 568px) {
  .customer-testimonial-featured-story-container {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .customer-testimonial-featured-story-container {
    width: 100%;
    background: #ffffff;
  }
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-featured-story-container {
    max-height: 100%;
  }
}
.customer-testimonial-featured-story-text-container {
  background: #ffffff;
  padding: 2.5em;
  width: 30%;
}
@media screen and (min-width: 568px) {
  .customer-testimonial-featured-story-text-container {
    width: 40%;
  }
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-featured-story-text-container {
    width: 30%;
  }
}
@media screen and (max-width: 567px) {
  .customer-testimonial-featured-story-text-container {
    flex-flow: row wrap;
    width: auto;
    padding: 1em 2.3em;
  }
}
@media screen and (max-width: 1023px) {
  .customer-testimonial-featured-story-text-container {
    padding: 1.5em;
  }
}
.customer-testimonial-featured-story-header {
  color: #008D7F;
  font-size: 1.8em;
}
@media screen and (max-width: 1023px) {
  .customer-testimonial-featured-story-header {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 568px) {
  .customer-testimonial-featured-story-header {
    font-size: 1.6em;
  }
}
.customer-testimonial-featured-story-title {
  font-size: 2.8em;
  font-weight: bold;
  margin: 0.3em 0;
}
@media screen and (min-width: 568px) {
  .customer-testimonial-featured-story-title {
    font-size: 2.2em;
  }
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-featured-story-title {
    font-size: 2.8em;
  }
}
@media screen and (min-width: 1280px) {
  .customer-testimonial-featured-story-title {
    font-size: 4em;
  }
}
.customer-testimonial-featured-story-subheadline {
  font-size: 1em;
  line-height: 1.5em;
}
@media screen and (max-width: 567px) {
  .customer-testimonial-featured-story-subheadline {
    font-size: 1.6em;
  }
}
@media screen and (min-width: 569px) {
  .customer-testimonial-featured-story-subheadline {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 768px) {
  .customer-testimonial-featured-story-subheadline {
    width: 90%;
  }
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-featured-story-subheadline {
    font-size: 1.8em;
  }
}
@media screen and (min-width: 1280px) {
  .customer-testimonial-featured-story-subheadline {
    font-size: 1.9em;
  }
}
@media screen and (max-width: 1023px) {
  .customer-testimonial-featured-story-link {
    padding-bottom: 1em;
  }
}
.customer-testimonial-featured-story-link svg,
.customer-testimonial-previews-link svg {
  position: relative;
  top: 10px;
  margin-right: 1ex;
}
.customer-testimonial-featured-story-link-text,
.customer-testimonial-previews-link-text {
  font-size: 1.3em;
  font-weight: bold;
  color: #07272d !important;
}
.customer-testimonial-featured-story-image-right {
  display: none;
  background: #ffffff;
}
@media screen and (min-width: 568px) {
  .customer-testimonial-featured-story-image-right {
    display: inline-block;
    width: 60%;
  }
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-featured-story-image-right {
    width: 70%;
  }
}
.customer-testimonial-featured-story-image-top {
  display: none;
}
@media screen and (max-width: 567px) {
  .customer-testimonial-featured-story-image-top {
    display: inline-block;
    flex-flow: row wrap;
    width: 100%;
    background: #ffffff;
  }
}
.customer-testimonial-featured-story-image-right > .img {
  height: 100%;
}
.customer-testimonial-featured-story-image-right > .img img {
  max-height: 100%;
  max-width: 100%;
  width: auto !important;
  float: right;
}
.customer-testimonial-listing-area {
  margin: 3em 0;
}
@media screen and (min-width: 1280px) {
  .customer-testimonial-listing-area {
    margin: 5em 0;
  }
}
/* Customer testimonial page */
.customer-testimonial-main {
  margin-top: 5em;
}
@media screen and (max-width: 768px) {
  .customer-testimonial-main {
    margin-top: 0;
  }
}
.customer-testimonial-main .article {
  padding-bottom: 0;
}
.customer-testimonial-main .column {
  margin-top: 0;
}
.customer-testimonial-main h2 {
  font-size: 1.8em;
  font-weight: bold !important;
}
.customer-testimonial-footer-column {
  height: 100%;
}
.customer-testimonial-top-image {
  background-color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-top-image {
    background-color: #f0f0f0;
    height: 100%;
  }
  .customer-testimonial-top-image .img {
    height: 100%;
    max-height: 250px;
  }
  .customer-testimonial-top-image .img img {
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-header {
    padding-top: 1em;
  }
}
.customer-testimonial-subheadline {
  font-size: 1.2em;
  margin-bottom: 1.5em;
  line-height: 1.2em;
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-subheadline {
    font-size: 1.4em;
    margin-bottom: 2em;
  }
}
.customer-testimonial-mainbody iframe,
customer-testimonial-bottom-text iframe {
  border-style: none;
  width: 100%;
  margin: 1em 0;
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-mainbody iframe,
  customer-testimonial-bottom-text iframe {
    margin: 2em 0;
  }
}
.customer-testimonial-quote-container {
  background-color: #28966e;
  margin: 3.5em 0;
  padding: 0.5em 2.5em 3em 2.5em;
}
.customer-testimonial-quote-container .customer-testimonial-quote-text {
  color: #ffffff;
  font-size: 2.2em;
  font-weight: 600;
  line-height: 1.4em;
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-quote-container .customer-testimonial-quote-text {
    font-size: 2.6em;
    font-weight: bold;
  }
}
.customer-testimonial-quote-container .customer-testimonial-quote-name {
  font-size: 1.5em;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-quote-container .customer-testimonial-quote-name {
    font-size: 1.8em;
  }
}
.customer-testimonial-quote-container .customer-testimonial-quote-position {
  font-size: 1.5em;
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-quote-container .customer-testimonial-quote-position {
    font-size: 1.8em;
  }
}
.customer-testimonial-information-container {
  background-color: #B5BDC5;
  margin-top: 5em;
  padding: 2em 2em 1em 2em;
}
.customer-testimonial-information-container .customer-testimonial-information-header {
  font-size: 1.3em;
  font-weight: bold;
}
.customer-testimonial-information-container hr {
  border: #07272d;
  border-style: solid;
  border-width: 0 0 1px;
}
.customer-testimonial-information-container .customer-testimonial-information-text {
  font-size: 1.3em;
  margin-top: 1.5em;
}
.customer-testimonial-information-container .customer-testimonial-information-text td {
  padding-right: 2em;
  width: 50%;
  padding-bottom: 2em;
}
.customer-testimonial-information-related-stories-container {
  background-color: #f0f0f0;
  margin: 3em 1em;
}
.customer-testimonial-information-related-stories-container > h2 {
  font-size: 2.5em;
  font-weight: bold;
}
.customer-testimonial-side-content {
  padding: 0 2em;
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-side-content {
    padding: 0 2em;
  }
}
/* Customer testimonial preview blocks */
.customer-testimonial-two-previews-container,
.customer-testimonial-three-previews-container {
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-two-previews-container,
  .customer-testimonial-three-previews-container {
    margin: 5em 0;
  }
}
@media screen and (max-width: 567px) {
  .customer-testimonial-two-previews-container,
  .customer-testimonial-three-previews-container {
    flex-flow: column wrap;
  }
}
@media screen and (min-width: 568px) {
  .customer-testimonial-two-previews-container,
  .customer-testimonial-three-previews-container {
    margin: 2em 0;
  }
}
@media screen and (max-width: 567px) {
  .customer-testimonial-previews-column {
    flex-flow: row wrap;
    margin-bottom: 2em;
  }
}
.customer-testimonial-information-related-stories-container .customer-testimonial-two-previews-container {
  min-width: 23em;
  margin: 2em 0;
}
.customer-testimonial-information-related-stories-container .customer-testimonial-two-previews-container .customer-testimonial-previews-column {
  background: #ffffff;
}
@media screen and (min-width: 568px) {
  .customer-testimonial-information-related-stories-container .customer-testimonial-two-previews-container .customer-testimonial-previews-column {
    width: 47%;
  }
}
@media screen and (min-width: 1280px) {
  .customer-testimonial-information-related-stories-container .customer-testimonial-two-previews-container .customer-testimonial-previews-column {
    width: 47.6%;
  }
}
.customer-testimonial-information-related-stories-container .customer-testimonial-two-previews-container .customer-testimonial-previews-column .customer-testimonial-previews-header > h2 {
  font-size: 2em !important;
}
.customer-testimonial-information-related-stories-container .customer-testimonial-two-previews-container .customer-testimonial-previews-column .customer-testimonial-previews-text {
  font-size: 1.3em;
  line-height: 1.5em;
}
@media screen and (max-width: 568px) {
  .customer-testimonial-listing-area .customer-testimonial-previews-text {
    font-size: 1.1em;
    width: 90%;
  }
}
.customer-testimonial-listing-area .customer-testimonial-two-previews-container,
.customer-testimonial-listing-area .customer-testimonial-three-previews-container {
  margin: 2em 0;
}
@media screen and (max-width: 567px) {
  .customer-testimonial-listing-area .customer-testimonial-two-previews-container,
  .customer-testimonial-listing-area .customer-testimonial-three-previews-container {
    margin: 0;
  }
}
.customer-testimonial-listing-area .customer-testimonial-two-previews-container .customer-testimonial-previews-column,
.customer-testimonial-listing-area .customer-testimonial-three-previews-container .customer-testimonial-previews-column {
  background: #ffffff;
}
.customer-testimonial-listing-area .customer-testimonial-two-previews-container .customer-testimonial-previews-column .customer-testimonial-previews-header > h2,
.customer-testimonial-listing-area .customer-testimonial-three-previews-container .customer-testimonial-previews-column .customer-testimonial-previews-header > h2 {
  font-size: 2em !important;
}
@media screen and (max-width: 568px) {
  .customer-testimonial-listing-area .customer-testimonial-two-previews-container .customer-testimonial-previews-link-text,
  .customer-testimonial-listing-area .customer-testimonial-three-previews-container .customer-testimonial-previews-link-text {
    font-size: 1em;
  }
}
.customer-testimonial-listing-area .customer-testimonial-two-previews-container {
  min-width: 23em;
}
@media screen and (max-width: 567px) {
  .customer-testimonial-listing-area .customer-testimonial-two-previews-container .customer-testimonial-previews-column {
    font-size: 1.3em;
    line-height: 1.5em;
    width: 100%;
  }
}
@media screen and (min-width: 568px) {
  .customer-testimonial-listing-area .customer-testimonial-two-previews-container .customer-testimonial-previews-column {
    width: 46.6%;
  }
}
@media screen and (min-width: 569px) {
  .customer-testimonial-listing-area .customer-testimonial-two-previews-container .customer-testimonial-previews-column {
    width: 47.5%;
  }
}
@media screen and (min-width: 768px) {
  .customer-testimonial-listing-area .customer-testimonial-two-previews-container .customer-testimonial-previews-column {
    width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-listing-area .customer-testimonial-two-previews-container .customer-testimonial-previews-column {
    width: 48.5%;
  }
}
@media screen and (min-width: 1280px) {
  .customer-testimonial-listing-area .customer-testimonial-two-previews-container .customer-testimonial-previews-column {
    width: 48.7%;
  }
}
.customer-testimonial-listing-area .customer-testimonial-three-previews-container {
  min-width: 23em;
}
@media screen and (max-width: 567px) {
  .customer-testimonial-listing-area .customer-testimonial-three-previews-container .customer-testimonial-previews-column {
    font-size: 1.3em;
    line-height: 1.5em;
    width: 100%;
  }
}
@media screen and (min-width: 568px) {
  .customer-testimonial-listing-area .customer-testimonial-three-previews-container .customer-testimonial-previews-column {
    width: 28.8%;
  }
}
@media screen and (min-width: 569px) {
  .customer-testimonial-listing-area .customer-testimonial-three-previews-container .customer-testimonial-previews-column {
    width: 30.2%;
  }
}
@media screen and (min-width: 768px) {
  .customer-testimonial-listing-area .customer-testimonial-three-previews-container .customer-testimonial-previews-column {
    width: 30.7%;
  }
}
@media screen and (min-width: 1024px) {
  .customer-testimonial-listing-area .customer-testimonial-three-previews-container .customer-testimonial-previews-column {
    width: 31.4%;
  }
}
@media screen and (min-width: 1174px) {
  .customer-testimonial-listing-area .customer-testimonial-three-previews-container .customer-testimonial-previews-column {
    width: 31.6%;
  }
}
@media screen and (max-width: 767px) {
  .customer-testimonial-listing-area .customer-testimonial-three-previews-container .customer-testimonial-previews-column .customer-testimonial-previews-text-container {
    padding: 1.5em;
  }
}
.customer-testimonial-three-previews-container .customer-testimonial-previews-column {
  background: #ffffff;
}
@media screen and (min-width: 568px) {
  .customer-testimonial-three-previews-container .customer-testimonial-previews-column {
    width: 31.6%;
  }
}
.customer-testimonial-two-previews-container .customer-testimonial-previews-column {
  background: #ffffff;
}
@media screen and (min-width: 568px) {
  .customer-testimonial-two-previews-container .customer-testimonial-previews-column {
    width: 48.7%;
  }
}
.customer-testimonial-previews-column-left {
  margin-right: 2.1em;
}
@media screen and (min-width: 568px) {
  .customer-testimonial-previews-column-middle {
    margin: 0 2.1em;
  }
}
.customer-testimonial-previews-text-container {
  padding: 2em 2em;
}
.customer-testimonial-previews-header > h2 {
  font-size: 2.5em !important;
  font-weight: bold;
  margin: 0;
}
.customer-testimonial-previews-text {
  font-size: 1.4em;
  line-height: 1.5em;
}
@media screen and (min-width: 1280px) {
  .customer-testimonial-previews-text {
    font-size: 1.9em;
  }
}
#message-subscription-box {
  border: 1px solid #e9eef1;
  background-color: #fff;
  padding: 1em;
}
#message-subscription-box h3 {
  text-align: center;
}
#message-subscription-box .field {
  display: block;
  padding-bottom: 20px;
}
#message-subscription-box .field input[type="text"],
#message-subscription-box .field select {
  width: 100%;
  box-sizing: border-box;
}
#message-subscription-box .field input[type="radio"],
#message-subscription-box .field input[type="checkbox"] {
  margin-right: 0.5em;
}
.field-validation-error {
  color: red;
  display: block;
  clear: both;
}
.g-recaptcha {
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 1em;
}
/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #181F29;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=90);
}
.modal-dialog {
  width: 560px;
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
@media (max-width: 568px) {
  .modal-dialog {
    width: 300px;
    margin-left: -150px;
  }
}
.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
}
.modal.fade.in {
  top: 10%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
  position: relative;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
/* NPS specific modal styles */
.modal-links ul {
  margin: 0;
  padding: 0;
}
.modal-links ul li {
  margin-bottom: 5px;
}
.modal-links a,
.modal-links a:visited {
  color: #fff;
}
/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.my-modal > .modal-lg {
  width: 800px;
  margin-left: -350px;
}
@media (max-width: 568px) {
  .my-modal > .modal-lg {
    width: 300px;
    margin-left: -150px;
  }
}
.popup-body {
  position: relative;
  height: 600px;
  padding: 15px;
  overflow-y: auto;
}
.update-timer-block .box-header,
.update-timer-block .box-body {
  background-color: white;
}
.update-timer-block .prices-announced {
  font-size: 30px;
  line-height: 1.2;
}
.update-timer-block .updated-ago {
  font-size: 54px;
  font-weight: 600;
  color: #008D7F;
  line-height: 1.0;
}
.system-price-block .box-header,
.system-price-block .box-body {
  background-color: #07272d;
  color: white;
  position: relative;
}
.system-price-block .system-price-updated {
  float: right;
  font-size: 14px;
  line-height: 2.0;
}
.system-price-block .system-prices-block-header {
  display: inline-block;
  font-size: 1.3em;
  font-weight: 300;
}
@media (max-width: 1024px) {
  .system-price-block .system-prices-block-header {
    font-size: 1.4em;
  }
}
.system-price-block .prices-confirmed-box {
  position: absolute;
  top: 12px;
  right: 30px;
}
@media (max-width: 1024px) {
  .system-price-block .prices-confirmed-box {
    font-size: 0.6em;
    padding-top: 6px;
    position: static;
    display: block;
    padding-bottom: 1em;
  }
}
.system-price-block .prices-confirmed-box .prices-confirmed-text {
  display: block;
}
.system-price-block .prices-confirmed-box .system-prices-confirmed {
  display: inline-block;
}
.system-price-block .prices-confirmed-box .prices-confirmed-text {
  color: #30b383;
  font-size: 17px;
}
.system-price-block .prices-confirmed-box .system-prices-confirmed {
  font-size: 12px;
  font-weight: 200;
  position: absolute;
}
.system-price-block .delivery-text {
  position: absolute;
  right: 47px;
  bottom: 20px;
  letter-spacing: normal;
  color: #ffffff;
}
@media (max-width: 1024px) {
  .system-price-block .delivery-text {
    position: static;
    display: block;
    padding-left: 1.5em;
  }
}
.system-prices {
  margin: 0 -1.5em;
  min-height: 180px;
}
.system-prices > .preliminary {
  color: #0effe7;
  padding: 0 1em;
  margin-bottom: -0.5em;
}
.system-price-box {
  box-sizing: border-box;
  padding: 0.5em 1em;
  line-height: 1.0;
}
@media (min-width: 568px) {
  .system-price-box {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1280px) {
  @supports (display: flex) {
    .system-price-box .market-data-front-page .flex-justify {
      display: flex;
      justify-content: space-between;
    }
    .system-price-box .market-data-front-page .flex-justify .system-price-box {
      width: auto;
    }
    .system-price-box .market-data-front-page .flex-justify .arrow-green {
      position: static;
      padding-left: 2em;
    }
  }
  .market-data-front-page .system-price-box {
    width: 25%;
  }
}
.system-price-box > a {
  display: block;
  position: relative;
  overflow: visible;
}
.system-price-box > a:hover .system-price-key {
  color: #d9d9d9;
}
.system-price-box > a:hover .system-price-value {
  color: #258b66;
}
.system-price-box > a.preliminary .system-price-value {
  color: #0effe7;
}
.system-price-box > a.preliminary:hover .system-price-value {
  color: #00dac4;
}
.system-price-box .system-price-key {
  color: white;
  height: 0;
  position: relative;
  top: -0.7em;
}
.rotate-labels .system-price-box .system-price-key {
  height: auto;
  position: static;
  font-size: 18px;
  display: inline-block;
  -moz-transform: translateY(-50%) rotate(270deg);
  -ms-transform: translateY(-50%) rotate(270deg);
  -o-transform: translateY(-50%) rotate(270deg);
  -webkit-transform: translateY(-50%) rotate(270deg);
  transform: translateY(-50%) rotate(270deg);
}
.rotate-labels .system-price-box .arrow-green {
  margin-top: -16px;
}
.system-price-box .system-price-value {
  display: inline-block;
  font-size: 3.4em;
  font-weight: 600;
  color: #30b383;
}
.system-price-box .arrow-green {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -14px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .system-price-box .arrow-green {
    display: none;
  }
}
.system-price-box.preliminary:hover {
  color: #000e0c;
}
.web-system-price-block {
  justify-content: center;
  margin-bottom: 155px;
  margin-top: 65px;
}
.web-system-price-block .web-system-price-title {
  color: #008D7F;
  font-size: 60px;
  font-weight: bold;
  letter-spacing: -0.44px;
  line-height: 48px;
  margin-top: 0;
}
@media (max-width: 768px) {
  .web-system-price-block .web-system-price-title {
    font-size: 60px;
  }
}
@media (max-width: 568px) {
  .web-system-price-block .web-system-price-title {
    font-size: 50px;
  }
}
.web-system-price-block .web-system-price-container .web-system-price-content {
  min-width: 140px;
}
.web-system-price-block .web-system-price-container .web-system-price-content .web-system-price-item {
  padding: 5px;
}
.web-system-price-block .web-system-price-container .web-system-price-content .web-system-price-item .web-system-price {
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
  color: #FFFFFF;
  padding: 10px 15px;
}
.web-system-price-block .web-system-price-container .web-system-price-content .web-system-price-item .web-system-price .price {
  font-weight: 700;
  float: right;
}
@media (max-width: 1520px) {
  .web-system-price-block .web-system-price-container .web-system-price-content .web-system-price-item .web-system-price {
    font-size: 28px;
    padding: 10px 13px;
  }
}
@media (max-width: 1024px) {
  .web-system-price-block .web-system-price-container .web-system-price-content .web-system-price-item .web-system-price {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  .web-system-price-block .web-system-price-container .web-system-price-content .web-system-price-item .web-system-price {
    padding: 5px 10px;
  }
}
@media (max-width: 568px) {
  .web-system-price-block .web-system-price-container .web-system-price-content .web-system-price-item .web-system-price {
    font-size: 23px;
    padding: 0px 8px;
  }
}
@media (max-width: 350px) {
  .web-system-price-block .web-system-price-container .web-system-price-content .web-system-price-item .web-system-price {
    font-size: 21px;
  }
}
.web-system-price-block .web-system-price-container .web-system-price-content .web-system-price-item .web-system-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #001C37;
  padding-top: 3px;
}
@media (max-width: 318px) {
  .web-system-price-block .web-system-price-container .web-system-price-content .pure-u-1-2 {
    width: 100%;
  }
}
.not-an-ad-block {
  overflow: hidden;
  background-color: white;
  display: block;
}
.not-an-ad-block .image {
  height: 14.2rem;
  overflow: hidden;
  margin-bottom: -31px;
}
.not-an-ad-block .image img {
  width: 100%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}
.not-an-ad-block.no-subtitle .image {
  height: 18.6rem;
}
.not-an-ad-block.no-title .image {
  height: 23.0rem;
}
.not-an-ad-block .title {
  padding: 0 0 0 2rem;
  box-sizing: border-box;
  color: #008D7F;
  background-color: #07272d;
  font-size: 36px;
  font-weight: 600;
  height: 62px;
  line-height: 62px;
  margin-right: 31px;
  position: relative;
}
.not-an-ad-block .title:after {
  content: ' ';
  border: 31px solid transparent;
  border-left-color: #1E1E1E;
  position: absolute;
  top: 0;
  left: 100%;
  height: 62px;
  width: 62px;
  box-sizing: border-box;
}
.not-an-ad-block .title svg {
  padding-left: 1rem;
  position: relative;
  top: 4px;
}
.not-an-ad-block:hover .title {
  color: #00c0ad;
}
.not-an-ad-block .subtitle {
  color: #07272d;
  font-size: 24px;
  padding: 1rem 2rem;
}
.hmw-block {
  position: relative;
}
.hmw-circle-box {
  display: none;
}
@media (min-width: 1024px) {
  .hmw-circle-box {
    display: block;
    left: 50%;
    top: 6em;
    position: absolute;
    z-index: 999;
    margin-left: -33px;
  }
  .hmw-circle-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .hmw-circle-box li {
    margin-bottom: 150px;
  }
  .intra-section {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-right: 3em;
  }
  .day-ahead-section {
    width: 50%;
    float: right;
    box-sizing: border-box;
    padding-left: 3em;
  }
  .hmw-box {
    margin-bottom: 2em;
  }
}
.hmw-wrapper {
  width: 100%;
  display: inline-block;
}
.hmw-headers {
  display: inline-block;
  width: 100%;
  font-size: 1.5em;
}
.intra-day-header {
  width: 50%;
  display: block;
  float: left;
}
.intra-day-header h3 {
  color: #07272d;
}
.day-ahead-header {
  width: 40%;
  display: block;
  float: right;
}
.day-ahead-header h3 {
  color: #008D7F;
}
.hmw-box {
  width: 100%;
  color: #ffffff;
  display: inline-block;
  margin-bottom: 0.5em;
  padding: 2em;
  box-sizing: border-box;
}
@media (min-width: 568px) {
  .hmw-box-content {
    display: inline-block;
    width: 50%;
  }
}
.hmw-box-content p,
.hmw-box-content h1,
.hmw-box-content h3 {
  color: white;
  margin: 0;
  padding-bottom: 0.5em;
}
.hmw-box-content .event-title {
  font-size: 1.5em;
  font-weight: 500;
}
.hmw-box-content .event-time {
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 0;
}
.hmw-box-content p {
  word-wrap: break-word;
}
.img-market-box {
  margin-bottom: 1em;
}
@media (min-width: 568px) {
  .img-market-box {
    display: inline-block;
    width: 40%;
    margin-bottom: 0;
  }
}
.hmw-icon {
  padding: 1em 0 0;
}
.hmw-icon .market-link {
  font-size: 1em;
  color: #ffffff;
  text-transform: uppercase;
}
.hmw-icon .market-link svg {
  position: relative;
  top: 10px;
  margin-right: 1ex;
}
.day-ahead-section .hmw-box {
  background-color: #008D7F;
}
@media (min-width: 568px) {
  .day-ahead-section .hmw-box .hmw-box-content {
    float: left;
  }
  .day-ahead-section .hmw-box .img-market-box {
    float: right;
  }
  .day-ahead-section .hmw-box .img-market-box img {
    float: right;
  }
}
.intra-section .hmw-box {
  background-color: #07272d;
}
@media (min-width: 568px) {
  .intra-section .hmw-box .hmw-box-content {
    float: right;
  }
  .intra-section .hmw-box .img-market-box {
    float: left;
  }
}
.hmw-time-line {
  display: inline-block;
  height: 100%;
  width: 300px;
}
.hmw-circle {
  border-radius: 33px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #778594;
  border: 3px solid #778594;
  text-align: center;
}
.hmw-circle:after {
  content: "";
  display: block;
  height: 150px;
  width: 0;
  border: 1px solid #778594;
  margin-top: 3px;
  margin-left: 29px;
}
.hmw-circle:last-child:after {
  content: none;
}
.photolist {
  display: inline-block;
}
.photolist .photoitem {
  display: block;
  width: 13em;
  float: left;
  margin-right: 1em;
  height: 25em;
}
.photolist .photoitem img {
  height: 12em;
}
.photolist .photoitem p {
  color: #1E1E1E;
  line-height: 1em;
}
.photolist .photoitem .photo-name {
  margin-bottom: 0;
}
.photolist .photoitem .photo-title {
  margin-top: 5px;
}
.photopage-intro h2,
.photopage-intro h3 {
  margin-top: 0;
}
.photopage-intro h2 {
  margin-bottom: 0.2em;
}
.photopage-intro h3 {
  margin-bottom: 0.5em;
}
.photopage .photoitem,
.photopage .phototext,
.photopage phototeaser {
  display: inline-block;
}
.photopage .photobox {
  padding: 1em 0;
  border-top: 2px solid #d9dde1;
  border-bottom: 2px solid #d9dde1;
}
.photopage .photoitem {
  width: 40%;
  float: left;
  margin-right: 3%;
}
.photopage .photoitem img {
  height: 15em;
}
@media (max-width: 568px) {
  .photopage .photoitem {
    float: none;
    width: 100%;
  }
}
.photopage .phototext {
  width: 55%;
  float: left;
  margin-bottom: 1.5em;
}
.photopage .phototext h2 {
  font-size: 1.6em;
  font-weight: 600;
  margin: 1em 0 0.2em;
}
.photopage .phototext .title-text {
  font-size: 1.2em;
}
@media (max-width: 568px) {
  .photopage .phototext {
    float: none;
  }
}
.photopage .phototeaser {
  width: 55%;
  float: left;
  line-height: 1.5em;
}
@media (max-width: 568px) {
  .photopage .phototeaser {
    float: none;
  }
}
.photo-updated {
  display: block;
  text-align: center;
}
.photo-updated p {
  margin: 0 0;
  position: relative;
  top: 10px;
}
.photo-page {
  max-width: 1920px;
}
.photo-page .article {
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  .photo-page {
    padding: 30px 30px 0 0px;
  }
}
.publicationitem,
.publicationitem-image {
  margin-bottom: 2em;
}
.publicationitem a .publicationitem-header,
.publicationitem-image a .publicationitem-header {
  width: 100%;
  background-color: #788796;
  text-align: center;
}
.publicationitem a .publicationitem-header h1,
.publicationitem-image a .publicationitem-header h1 {
  display: inline-block;
  margin: 0;
  font-weight: 400;
  color: #02e0f0;
}
.publicationitem a .publicationitem-header .arrow-cyan,
.publicationitem-image a .publicationitem-header .arrow-cyan {
  position: static;
  float: right;
}
.publicationitem a:hover .arrow-cyan,
.publicationitem-image a:hover .arrow-cyan,
.publicationitem a:hover h1,
.publicationitem-image a:hover h1 {
  color: #02b1bd;
}
.publicationitem-image a .publicationitem-header {
  height: 8em;
  text-align: left;
}
.publicationitem-image a .publicationitem-header img {
  width: 18em;
  float: left;
  max-height: 8em;
}
.publicationitem-image a .publicationitem-header h1 {
  padding-top: 0.65em;
  padding-left: 25px;
  font-size: 3em;
}
.publicationitem-image a .publicationitem-header .arrow-cyan {
  padding: 38px 33px 0 0;
}
@media (max-width: 1024px) {
  .publicationitem-image a .publicationitem-header h1 {
    padding-top: 35px;
    padding-left: 15px;
    font-size: 2em;
  }
  .publicationitem-image a .publicationitem-header .arrow-cyan {
    padding: 38px 20px 0 0;
  }
}
@media (max-width: 568px) {
  .publicationitem-image a .publicationitem-header {
    height: 3em;
  }
  .publicationitem-image a .publicationitem-header h1 {
    padding-top: 2px;
    padding-left: 5px;
  }
  .publicationitem-image a .publicationitem-header img {
    display: none;
  }
  .publicationitem-image a .publicationitem-header .arrow-cyan {
    padding: 4px 4px 0 0;
  }
}
@media (max-width: 568px) {
  .publicationitem-image {
    margin-bottom: 1em;
  }
}
.publicationitem a .publicationitem-header {
  height: 4em;
}
.publicationitem a .publicationitem-header h1 {
  margin-right: -2em;
}
.publicationitem a .publicationitem-header .arrow-cyan {
  padding-right: 3em;
  padding-top: 12px;
}
@media (max-width: 568px) {
  .publicationitem a .publicationitem-header {
    height: 3em;
    text-align: left;
  }
  .publicationitem a .publicationitem-header h1 {
    margin-right: 0;
    padding-left: 5px;
    font-size: 2em;
  }
  .publicationitem a .publicationitem-header .arrow-cyan {
    padding-right: 5px;
    padding-top: 4px;
  }
}
.article-column-inner .publications-image img {
  width: 100%;
  height: 15em;
}
.article-column-inner .publications-image-container .publications-header-box {
  width: 100%;
  background-color: #07272d;
  text-align: center;
}
.article-column-inner .publications-image-container .publications-header-box .publications-header {
  color: #ffffff;
  margin: 0;
  padding-bottom: 0.2em;
}
@media (max-width: 568px) {
  .article-column-inner .publications-image-container .publications-header-box .publications-header {
    font-size: 1.5em;
  }
}
.article-column-inner .introduction {
  margin-top: 0.5em;
}
.article .frame-block iframe {
  border: 0;
  width: inherit;
  height: inherit;
}
@media (min-width: 1280px) {
  .article-side-content .frame-block {
    margin-left: 2em;
  }
}
@media (max-width: 1280px) {
  .article-side-content .frame-block {
    margin-left: 3em;
  }
}
.article-side-content .frame-block iframe {
  border: 0;
  width: inherit;
  height: inherit;
}
.lift-block {
  padding: 0 1em;
  position: relative;
  z-index: 10;
  margin-bottom: 1em;
  margin-left: 1em;
  height: 100%;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .lift-block {
    margin-left: 0;
  }
}
.opacity {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: -1em;
  opacity: 0.4;
  z-index: 20;
  overflow: hidden;
}
.opacity img {
  opacity: 0.4;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .opacity img {
    height: 100%;
  }
}
.child {
  position: relative;
  width: 100%;
  z-index: 30;
}
.type {
  color: #07272d;
  font-size: 24px;
  font-weight: 500;
}
.title {
  color: #1E1E1E;
  font-size: 30px;
  font-weight: bold;
}
.link-text {
  position: absolute;
  bottom: 0;
  margin-bottom: 2em;
}
.link-text a {
  color: #1E1E1E;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  z-index: 1000;
}
.link-text svg {
  position: relative;
  top: 10px;
  margin-right: 1ex;
}
.text-description {
  width: 80%;
}
.text-description p {
  margin-top: 0;
  margin-bottom: 0.5em !important;
  font-size: 15px;
  line-height: 1.7;
}
.post-container {
  padding: 1.5em 1em 1em 2em;
  position: relative;
}
.link-image {
  height: 50px;
}
.lift-image-block-container {
  justify-content: center;
  margin-bottom: 165px;
}
.lift-image-block-container .type {
  color: #008D7F;
  font-weight: bold;
  letter-spacing: -0.44px;
  line-height: 48px;
  font-size: 60px;
}
@media (max-width: 768px) {
  .lift-image-block-container .type {
    font-size: 60px;
  }
}
@media (max-width: 568px) {
  .lift-image-block-container .type {
    font-size: 50px;
  }
}
.lift-image-block-container .lift-image-block-content {
  position: relative;
}
.lift-image-block-container .lift-image-block-content .lift-container {
  background-color: #ffffff;
  margin-top: 54px;
  padding: 63px 51px 54px 51px;
}
@media (max-width: 768px) {
  .lift-image-block-container .lift-image-block-content .lift-container {
    margin: 0;
  }
}
.lift-image-block-container .lift-image-block-content .lift-container .title {
  color: #1E1E1E;
  font-size: 38px;
  font-weight: 600;
  line-height: 38px;
}
.lift-image-block-container .lift-image-block-content .lift-container .description {
  color: #07272d;
  font-size: 24px;
  line-height: 35px;
}
.lift-image-block-container .lift-image-block-content .lift-container .link a {
  color: #1E1E1E;
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
  align-items: center;
}
.lift-image-block-container .lift-image-block-content .lift-container .link a:hover {
  color: #008D7F;
}
.lift-image-block-container .lift-image-block-content .lift-container .link svg {
  margin-right: 1ex;
  width: 42px;
  height: 42px;
}
.lift-image-block-container .lift-image-block-content .lift-image {
  position: absolute;
  right: 0;
}
.lift-image-block-container .lift-image-block-content .lift-image img {
  width: 100%;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
  .lift-image-block-container .lift-image-block-content .lift-image img {
    display: none;
  }
}
svg a {
  text-decoration: none;
  outline: none !important;
}
.overlapping-banner-block-container {
  background-color: #f0f0f0;
  position: relative;
  padding: 0 0 30px 0;
}
@media (min-width: 768px) {
  .overlapping-banner-block-container {
    padding: 40px 0 80px 30px;
  }
}
@media (min-width: 1024px) {
  .overlapping-banner-block-container {
    padding-left: 137px;
  }
}
.overlapping-banner-block-container .overlapping-banner-block-first-content {
  background-color: #07272d;
  padding: 40px;
  margin-top: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .overlapping-banner-block-container .overlapping-banner-block-first-content {
    padding: 25px 40px 40px 40px;
    margin-top: -105px;
  }
}
@media (min-width: 1024px) {
  .overlapping-banner-block-container .overlapping-banner-block-first-content {
    padding: 49px 78px 36px 51px;
    margin-top: -130px;
  }
}
.overlapping-banner-block-container .overlapping-banner-block-first-content .title {
  color: #ffffff;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -0.24px;
  line-height: 48px;
}
.overlapping-banner-block-container .overlapping-banner-block-first-content .description {
  color: #ffffff;
  font-size: 22px;
  line-height: 35px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .overlapping-banner-block-container .overlapping-banner-block-first-content .description {
    font-size: 24px;
  }
}
.overlapping-banner-block-container .overlapping-banner-block-first-content .button {
  background-color: #008D7F;
  box-sizing: border-box;
  height: 45px;
  width: 191px;
  border-radius: 32px;
  border: 2px solid #008D7F;
  text-align: center;
  cursor: pointer;
}
.overlapping-banner-block-container .overlapping-banner-block-first-content .button a {
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.12px;
  line-height: 38px;
}
.overlapping-banner-block-container .overlapping-banner-block-first-content .button:hover {
  filter: brightness(80%);
}
.overlapping-banner-block-container .overlapping-banner-block-second-content {
  background-color: transparent;
  padding: 40px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .overlapping-banner-block-container .overlapping-banner-block-second-content {
    padding: 0;
    width: auto;
  }
}
@media (min-width: 1280px) {
  .overlapping-banner-block-container .overlapping-banner-block-second-content {
    margin-left: 143px;
  }
}
.overlapping-banner-block-container .overlapping-banner-block-second-content .title {
  color: #008D7F;
  font-size: 38px;
  line-height: 35px;
}
.overlapping-banner-block-container .overlapping-banner-block-second-content .description {
  color: #07272d;
  font-size: 22px;
  font-weight: 500;
  line-height: 35px;
}
@media (min-width: 768px) {
  .overlapping-banner-block-container .overlapping-banner-block-second-content .description {
    font-size: 24px;
  }
}
.three-column-popout-container {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.three-column-popout-container .popout {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  padding: 51px 40px 45px 40px;
  margin: 10px 0 10px;
  box-sizing: border-box;
  justify-content: space-between;
  position: relative;
  z-index: 10;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 1280px) {
  .three-column-popout-container .popout {
    padding: 51px 50px 45px 50px;
  }
}
.three-column-popout-container .popout .column-content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}
.three-column-popout-container .popout .column-content-container .column-title {
  color: #1E1E1E;
  font-size: 38px;
  font-weight: 600;
  line-height: 38px;
  text-align: center;
}
.three-column-popout-container .popout .column-content-container .column-content {
  color: #07272d;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
  margin-bottom: 50px;
}
.three-column-popout-container .popout .column-link {
  color: #008D7F;
  border: 2px solid #008D7F;
  border-radius: 32px;
  padding: 0px 40px;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.12px;
  line-height: 45px;
  z-index: 10;
}
.three-column-popout-container .popout .column-background-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  z-index: 3;
}
.three-column-popout-container .popout .column-background-image img {
  width: 100%;
  height: 100%;
}
.three-column-popout-container .popout.image-container {
  background-color: #07272d;
}
.three-column-popout-container .popout.image-container .column-content-container .column-title {
  color: #ffffff;
}
.three-column-popout-container .popout.image-container .column-content-container .column-content {
  color: #ffffff;
}
.three-column-popout-container .popout.image-container .column-link {
  color: #ffffff;
  border-color: #ffffff;
}
.three-column-popout-container .popout:hover {
  transform: scale(1.1);
  padding: 51px 30px 45px 30px;
  z-index: 11;
}
.three-column-popout-container .popout:hover .column-link {
  color: #ffffff;
  background-color: #008D7F;
  border-color: #008D7F;
}
@media (min-width: 1024px) {
  .three-column-popout-container .popout.first-column:hover {
    width: 32%;
    transform: scale(1.1) translate(6.5%, 0px);
    margin-right: 1.3%;
  }
}
@media (min-width: 1024px) {
  .three-column-popout-container .popout.third-column:hover {
    width: 32%;
    transform: scale(1.1) translate(-2.9%, 0px);
  }
}
#welcome-header {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 52px;
  background-color: #008D7F;
  z-index: 100;
  line-height: 0;
  text-align: center;
  font-size: 24px;
}
@media (max-width: 1024px) {
  #welcome-header {
    top: 50px;
  }
}
@media (max-width: 768px) {
  #welcome-header {
    height: auto;
    font-size: 20px;
    line-height: 0.5em;
  }
}
#welcome-header .welcome-text {
  color: #ffffff;
}
.link-column-block-container {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 24px;
}
.selection-container .link-column-block-selection-container .link-column-block-20 {
  max-width: 20%;
}
.selection-container .link-column-block-selection-container .link-column-block-30 {
  max-width: 30%;
}
.selection-container .link-column-block-selection-container .link-column-block-40 {
  max-width: 40%;
}
.selection-container .link-column-block-selection-container .link-column-block-50 {
  max-width: 50%;
}
.selection-container .link-column-block-selection-container .link-column-block-60 {
  max-width: 60%;
}
.selection-container .link-column-block-selection-container .link-column-block-70 {
  max-width: 70%;
}
.selection-container .link-column-block-selection-container .link-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
  border: 2px solid #222222;
  overflow: hidden;
  border-radius: 20px;
}
.selection-container .link-column-block-selection-container .link-container .link-item {
  flex-grow: 1;
  text-align: center;
  font-size: 24px;
  padding: 0.5em;
  font-weight: 600;
  border: 2px solid #07272d;
  color: #07272d;
  background-color: #ffffff;
  margin: -2px;
}
.selection-container .link-column-block-selection-container .link-container .link-item:hover {
  background-color: #E6E6E6;
  cursor: pointer;
}
.selection-container .link-column-block-selection-container .link-container .link-item:active {
  background-color: #07272d;
  color: #ffffff;
}
.table-container [class*="pure-u"] {
  font-size: inherit;
}
.table-container [class*="pure-u"] .table-cell-container {
  padding-right: 1em;
  word-break: break-word;
}
.table-container [class*="pure-u"] .table-cell-container img {
  max-width: 100%;
}
.all-social-media {
  text-align: center;
  margin-top: 5em;
  margin-bottom: 1em;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.jssocials-centered {
  align-items: center;
  padding: 0 !important;
}
.jssocials {
  display: flex;
  flex-direction: column;
  padding-right: 0;
  text-align: right;
  width: 65%;
}
@media screen and (min-width: 568px) {
  .jssocials {
    padding-left: 5em;
    width: 50%;
  }
}
@media screen and (max-width: 318px) {
  .jssocials {
    width: 70%;
  }
}
@media screen and (max-width: 567px) {
  .jssocials-share {
    margin: 0.3em 0em !important;
  }
}
.jssocials-share-logo {
  width: auto;
  vertical-align: inherit;
  font-size: 1em;
}
.jssocials-share-twitter .jssocials-share-link,
.jssocials-share-linkedin .jssocials-share-link {
  background: #07272d !important;
  color: #ffffff;
  padding: 8px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  margin: 5px 10px;
  border-radius: 50%;
}
.jssocials-share-twitter .jssocials-share-link:hover,
.jssocials-share-linkedin .jssocials-share-link:hover,
.social-media-youtube > a:hover {
  background: #008D7F !important;
  color: #ffffff;
}
.linked-in-button {
  width: inherit;
  margin-top: 3em;
  text-align: right;
}
.social-media-youtube {
  display: flex;
  flex-direction: column;
  width: 35%;
  padding: 0.5em 0.4em;
}
.social-media-youtube a {
  padding: 8px;
  font-size: 24px;
  width: 24px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
  color: #ffffff;
  background-color: #07272d;
}
@media screen and (min-width: 568px) {
  .social-media-youtube {
    width: 50%;
    padding: 0.5em 0.9em;
  }
}
@media screen and (max-width: 318px) {
  .social-media-youtube {
    width: 30%;
    padding: 0.5em 0.18em;
  }
}