@charset "UTF-8";
/**
 * Base stuff
 */
/*------------------------------------*\
    $FONT-SIZES
\*------------------------------------*/
/**
 * Font-sizes (in pixels). Refer to relevant sections for their implementations.
 */
/*------------------------------------*\
    $DEFAULTS
\*------------------------------------*/
/**
 * inuit.css’ default variables. Redefine these in your `_vars.scss` file (found
 * in the inuit.css-web-template) to override them.
 */
/*------------------------------------*\
    $DEBUG
\*------------------------------------*/
/**
 * Debug mode will visually highlight any potential markup/accessibility quirks
 * in the browser. Set to `true` or `false`.
 */
/*------------------------------------*\
    $BORDER-BOX
\*------------------------------------*/
/**
 * Do you want all elements to adopt `box-sizing:border-box;` as per
 * paulirish.com/2012/box-sizing-border-box-ftw ?
 */
/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/
/**
 * Responsiveness?
 */
/**
 * Responsiveness for widescreen/high resolution desktop monitors and beyond?
 * Note: `$responsive` variable above must be set to true before enabling this.
 */
/**
 * Responsive push and pull produce a LOT of code, only turn them on if you
 * definitely need them.
 */
/**
 * Note: `$push` variable above must be set to true before enabling these.
 */
/**
 * Note: `$pull` variable above must be set to true before enabling these.
 */
/**
 * Tell inuit.css when breakpoints start.
 */
/*------------------------------------*\
    $QUOTES
\*------------------------------------*/
/**
 * English quote marks?
 */
/**
 * If you want English quotes then please do not edit these; they’re only here
 * because Sass needs them.
 */
/**
 * If you need non-English quotes, please alter the following values accordingly:
 */
/*------------------------------------*\
    $BRAND
\*------------------------------------*/
/**
 * Brand stuff
 */
/**
 * How big would you like round corners to be by default?
 */
/*------------------------------------*\
    $OBJECTS AND ABSTRACTIONS
\*------------------------------------*/
/**
 * Which objects and abstractions would you like to use?
 */
/*------------------------------------*\
    $FRAMEWORK
\*------------------------------------*/
/**
 * inuit.css will work these next ones out for use within the framework.
 *
 * Assign our `$base-line-height` to a new spacing var for more transparency.
 */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 4, 2014 */
@font-face {
  font-family: 'din_for_powernet_headlineRg';
  src: url("fonts/dinforpowernet/dinforpowernetheadline-medium-webfont.eot");
  src: url("fonts/dinforpowernet/dinforpowernetheadline-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/dinforpowernet/dinforpowernetheadline-medium-webfont.woff") format("woff"), url("fonts/dinforpowernet/dinforpowernetheadline-medium-webfont.ttf") format("truetype"), url("fonts/dinforpowernet/dinforpowernetheadline-medium-webfont.svg#din_for_powernet_headlineRg") format("svg");
  font-weight: normal;
  font-style: normal; }
/*------------------------------------*\
    INUIT.CSS
\*------------------------------------*/
/*!*
 *
 * inuitcss.com -- @inuitcss -- @csswizardry
 *
 */
/**
 * inuit.css acts as a base stylesheet which you should extend with your own
 * theme stylesheet.
 *
 * inuit.css aims to do the heavy lifting; sorting objects and abstractions,
 * design patterns and fiddly bits of CSS, whilst leaving as much design as
 * possible to you. inuit.css is the scaffolding to your decorator.
 *
 * This stylesheet is heavily documented and contains lots of comments, please
 * take care to read and refer to them as you build. For further support please
 * tweet at @inuitcss.
 *
 * Owing to the amount of comments please only ever use minified CSS in
 * production. This file is purely a dev document.
 *
 * The table of contents below maps to section titles of the same name, to jump
 * to any section simply run a find for $[SECTION-TITLE].
 *
 * Most objects and abstractions come with a chunk of markup that you should be
 * able to paste into any view to quickly see how the CSS works in conjunction
 * with the correct HTML.
 *
 * inuit.css is written to this standard: github.com/csswizardry/CSS-Guidelines
 *
 * LICENSE
 *
 * Copyright 2013 Harry Roberts
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * Thank you for choosing inuit.css. May your web fonts render perfectly.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............You’re reading it!
 * WARNING.............Here be dragons!
 * IMPORTS.............Begin importing the sections below
 *
 * MIXINS..............Super-simple Sass stuff
 * NORMALIZE...........normalize.css
 * RESET...............Set some defaults
 * CLEARFIX............
 * SHARED..............Shared declarations
 *
 * MAIN................High-level elements like `html`, `body`, etc.
 * HEADINGS............Double-stranded heading hierarchy
 * PARAGRAPHS..........
 * SMALLPRINT..........Smaller text elements like `small`
 * QUOTES..............
 * CODE................
 * LISTS...............
 * IMAGES..............
 * TABLES..............
 * FORMS...............
 *
 * GRIDS...............Fluid, proportional and nestable grids
 * FLEXBOX.............Crudely emulate flexbox
 * COLUMNS.............CSS3 columns
 * NAV.................A simple abstraction to put a list in horizontal nav mode
 * OPTIONS.............Grouped nav items
 * PAGINATION..........Very stripped back, basic paginator
 * BREADCRUMB..........Simple breadcrumb trail object
 * MEDIA...............Media object
 * MARGINALIA..........Simple marginalia content
 * ISLAND..............Boxed off content
 * BLOCK-LIST..........Blocky lists of content
 * MATRIX..............Gridded lists
 * SPLIT...............A simple split-in-two object
 * THIS-OR-THIS........Options object
 * LINK-COMPLEX........
 * FLYOUT..............Flyout-on-hover object
 * ARROWS..............CSS arrows
 * SPRITE..............Generic spriting element
 * ICON-TEXT...........Icon and text couplings
 * BEAUTONS............Use the beautons micro library
 * LOZENGES............Basic lozenge styles
 * RULES...............Horizontal rules
 * STATS...............Simple stats object
 * GREYBOX.............Wireframing styles
 *
 * WIDTHS..............Width classes for use alongside the grid system etc.
 * PUSH................Push classes for manipulating grids
 * PULL................Pull classes for manipulating grids
 * BRAND...............Helper class to apply brand treatment to elements
 * HELPER..............A series of helper classes to use arbitrarily
 * DEBUG...............Enable to add visual flags for debugging purposes
 */
/*------------------------------------*\
    $WARNING
\*------------------------------------*/
/*
 * inuit.css, being an OO framework, works in keeping with the open/closed
 * principle. The variables you set previously are now being used throughout
 * inuit.css to style everything we need for a base. Any custom styles SHOULD
 * NOT be added or modified in inuit.css directly, but added via your theme
 * stylesheet as per the open/closed principle:
 *
 * csswizardry.com/2012/06/the-open-closed-principle-applied-to-css
 *
 * Try not to edit any CSS beyond this point; if you find you need to do so
 * it is a failing of the framework so please tweet at @inuitcss.
 */
/*------------------------------------*\
    $IMPORTS
\*------------------------------------*/
/**
 * Generic utility styles etc.
 */
/*------------------------------------*\
    $DEFAULTS
\*------------------------------------*/
/**
 * inuit.css’ default variables. Redefine these in your `_vars.scss` file (found
 * in the inuit.css-web-template) to override them.
 */
/*------------------------------------*\
    $DEBUG
\*------------------------------------*/
/**
 * Debug mode will visually highlight any potential markup/accessibility quirks
 * in the browser. Set to `true` or `false`.
 */
/*------------------------------------*\
    $BORDER-BOX
\*------------------------------------*/
/**
 * Do you want all elements to adopt `box-sizing:border-box;` as per
 * paulirish.com/2012/box-sizing-border-box-ftw ?
 */
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/**
 * Base stuff
 */
/**
 * Base font-family.
 */
/**
 * Default colour for objects’ borders etc.
 */
/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/
/**
 * Responsiveness?
 */
/**
 * Responsiveness for widescreen/high resolution desktop monitors and beyond?
 * Note: `$responsive` variable above must be set to true before enabling this.
 */
/**
 * Responsive push and pull produce a LOT of code, only turn them on if you
 * definitely need them.
 */
/**
 * Note: `$push` variable above must be set to true before enabling these.
 */
/**
 * Note: `$pull` variable above must be set to true before enabling these.
 */
/**
 * Tell inuit.css when breakpoints start.
 */
/*------------------------------------*\
    $FONT-SIZES
\*------------------------------------*/
/**
 * Font-sizes (in pixels). Refer to relevant sections for their implementations.
 */
/*------------------------------------*\
    $QUOTES
\*------------------------------------*/
/**
 * English quote marks?
 */
/**
 * If you want English quotes then please do not edit these; they’re only here
 * because Sass needs them.
 */
/**
 * If you need non-English quotes, please alter the following values accordingly:
 */
/*------------------------------------*\
    $BRAND
\*------------------------------------*/
/**
 * Brand stuff
 */
/**
 * How big would you like round corners to be by default?
 */
/*------------------------------------*\
    $OBJECTS AND ABSTRACTIONS
\*------------------------------------*/
/**
 * Which objects and abstractions would you like to use?
 */
/*------------------------------------*\
    $FRAMEWORK
\*------------------------------------*/
/**
 * inuit.css will work these next ones out for use within the framework.
 *
 * Assign our `$base-line-height` to a new spacing var for more transparency.
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * Create a fully formed type style (sizing and vertical rhythm) by passing in a
 * single value, e.g.:
 *
   `@include font-size(10px);`
 *
 * Thanks to @redclov3r for the `line-height` Sass:
 * twitter.com/redclov3r/status/250301539321798657
 */
/**
 * Style any number of headings in one fell swoop, e.g.:
 *
   .foo{
       @include headings(1, 3){
           color:#BADA55;
       }
    }
 *
 * With thanks to @lar_zzz, @paranoida, @rowanmanning and ultimately
 * @thierrylemoulec for refining and improving my initial mixin.
 */
/**
 * Create vendor-prefixed CSS in one go, e.g.
 *
   `@include vendor(border-radius, 4px);`
 *
 */
/**
 * Create CSS keyframe animations for all vendors in one go, e.g.:
 *
   .foo{
       @include vendor(animation, shrink 3s);
   }

   @include keyframe(shrink){
       from{
           font-size:5em;
       }
   }
 *
 * Courtesy of @integralist: twitter.com/integralist/status/260484115315437569
 */
/**
 * Force overly long spans of text to truncate, e.g.:
 *
   `@include truncate(100%);`
 *
 * Where `$truncation-boundary` is a united measurement.
 */
/**
 * CSS arrows!!! But... before you read on, you might want to grab a coffee...
 *
 * This mixin creates a CSS arrow on a given element. We can have the arrow
 * appear in one of 12 locations, thus:
 *
 *       01    02    03
 *    +------------------+
 * 12 |                  | 04
 *    |                  |
 * 11 |                  | 05
 *    |                  |
 * 10 |                  | 06
 *    +------------------+
 *       09    08    07
 *
 * You pass this position in along with a desired arrow color and optional
 * border color, for example:
 *
 * `@include arrow(top, left, red)`
 *
 * for just a single, red arrow, or:
 *
 * `@include arrow(bottom, center, red, black)`
 *
 * which will create a red triangle with a black border which sits at the bottom
 * center of the element. Call the mixin thus:
 *
   .foo{
       background-color:#BADA55;
       border:1px solid #ACE;
       @include arrow(top, left, #BADA55, #ACE);
   }
 *
 */
/**
 * Media query mixin.
 *
 * It’s not great practice to define solid breakpoints up-front, preferring to
 * modify your design when it needs it, rather than assuming you’ll want a
 * change at ‘mobile’. However, as inuit.css is required to take a hands off
 * approach to design decisions, this is the closest we can get to baked-in
 * responsiveness. It’s flexible enough to allow you to set your own breakpoints
 * but solid enough to be frameworkified.
 *
 * We define some broad breakpoints in our vars file that are picked up here
 * for use in a simple media query mixin. Our options are:
 *
 * palm
 * lap
 * lap-and-up
 * portable
 * desk
 * desk-wide
 *
 * Not using a media query will, naturally, serve styles to all devices.
 *
 * `@include media-query(palm){ [styles here] }`
 *
 * We work out your end points for you:
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/*
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

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

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

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Remove default margin.
 */
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 variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

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

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

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

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

/*
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/*
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/*
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

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

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

/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

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

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

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

/*
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -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 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

/*------------------------------------*\
    $RESET
\*------------------------------------*/
/**
 * A more considered reset; more of a restart...
 * As per: csswizardry.com/2011/10/reset-restarted
 */
/**
* Let’s make the box model all nice, shall we...?
*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * The usual...
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title], dfn[title] {
  cursor: help; }

/**
 * Remove underlines from potentially troublesome elements.
 */
u, ins {
  text-decoration: none; }

/**
 * Apply faux underline via `border-bottom`.
 */
ins {
  border-bottom: 1px solid; }

/**
 * So that `alt` text is visually offset if images don’t load.
 */
img {
  font-style: italic; }

/**
 * Give form elements some cursor interactions...
 */
button,
select,
option {
  cursor: pointer; }

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
  cursor: text;
  outline: none; }

/*------------------------------------*\
    $CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.cf` class appearing over
 * and over in your markup.
 */
.cf:after, .nav:after, .media:after, .island:after,
.islet:after, .kontroll .nav.tabsList:after {
  content: "";
  display: table;
  clear: both; }

/*------------------------------------*\
    $SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned, this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
/**
 * Base elements
 */
h1, h2, h3, h4, h5, h6, hgroup,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre,
.form-fields > li,
.island,
.islet {
  margin-bottom: 14px;
  margin-bottom: 0.82353rem; }
  .islet h1, .islet h2, .islet h3, .islet h4, .islet h5, .islet h6, .islet hgroup, .islet
  ul, .islet ol, .islet dl, .islet
  blockquote, .islet p, .islet address, .islet
  table, .islet
  fieldset, .islet figure, .islet
  pre, .islet .form-fields > li, .islet
  .island, .islet
  .islet {
    margin-bottom: 7px;
    margin-bottom: 0.41176rem; }

/**
 * Doubled up `margin-bottom` helper class.
 */
.landmark {
  margin-bottom: 28px;
  margin-bottom: 1.64706rem; }

/**
 * `hr` elements only take up a few pixels, so we need to give them special
 * treatment regarding vertical rhythm.
 */
hr {
  margin-bottom: 12px;
  margin-bottom: 0.70588rem; }

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once, here.
 */
ul, ol, dd {
  margin-left: 28px;
  margin-left: 1.64706rem; }

/**
 * Base styles; unclassed HTML elements etc.
 */
/*------------------------------------*\
    $MAIN
\*------------------------------------*/
html {
  font: 1.0625em/1.17647 sans-serif;
  overflow-y: scroll;
  min-height: 100%; }

/*------------------------------------*\
    $HEADINGS
\*------------------------------------*/
/**
 * As per: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 *
 * When we define a heading we also define a corresponding class to go with it.
 * This allows us to apply, say, `class=alpha` to a `h3`; a double-stranded
 * heading hierarchy.
 */
h1, .alpha {
  font-size: 44px;
  font-size: 2.58824rem;
  line-height: 1.36364; }

h2, .beta {
  font-size: 17px;
  font-size: 1rem;
  line-height: 1.17647; }

h3, .gamma {
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25; }

h4, .delta {
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25; }

h5, .epsilon {
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25; }

h6, .zeta {
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25; }

/**
 * Heading groups and generic any-heading class.
 * To target any heading of any level simply apply a class of `.hN`, e.g.:
 *
   <hgroup>
       <h1 class=hN>inuit.css</h1>
       <h2 class=hN>Best. Framework. Ever!</h2>
   </hgroup>
 *
 */
hgroup .hN {
  margin-bottom: 0; }

/**
 * A series of classes for setting massive type; for use in heroes, mastheads,
 * promos, etc.
 */
.giga {
  font-size: 96px;
  font-size: 5.64706rem;
  line-height: 1.04167; }

.mega {
  font-size: 72px;
  font-size: 4.23529rem;
  line-height: 1.11111; }

.kilo {
  font-size: 48px;
  font-size: 2.82353rem;
  line-height: 1.25; }

/*------------------------------------*\
    $PARAGRAPHS
\*------------------------------------*/
/**
 * The `.lede` class is used to make the introductory text (usually a paragraph)
 * of a document slightly larger.
 */
.lede,
.lead {
  font-size: 19.125px;
  font-size: 1.125rem;
  line-height: 1.04575; }

/*------------------------------------*\
    $SMALLPRINT
\*------------------------------------*/
/**
 * A series of classes for setting tiny type; for use in smallprint etc.
 */
.smallprint,
.milli {
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25; }

.micro {
  font-size: 14px;
  font-size: 0.82353rem;
  line-height: 1.42857; }

/*------------------------------------*\
    $CODE
\*------------------------------------*/
/**
 * Use an explicit font stack to ensure browsers render correct `line-height`.
 */
pre {
  overflow: auto; }

pre mark {
  background: none;
  border-bottom: 1px solid;
  color: inherit; }

/**
 * Add comments to your code examples, e.g.:
 *
   <code>&lt;/div&gt;<span class=code-comment>&lt;!-- /wrapper --&gt;</span></code>
 *
 */
.code-comment {
  /**
   * Override this setting in your theme stylesheet
   */
  opacity: 0.75;
  filter: alpha(opacity=75); }

/**
 * You can add line numbers to your code examples but be warned, it requires
 * some pretty funky looking markup, e.g.:
 *
   <ol class=line-numbers>
       <li><code>.nav{</code></li>
       <li><code>    list-style:none;</code></li>
       <li><code>    margin-left:0;</code></li>
       <li><code>}</code></li>
       <li><code>    .nav > li,</code></li>
       <li><code>        .nav > li > a{</code></li>
       <li><code>            display:inline-block;</code></li>
       <li><code>           *display:inline-block;</code></li>
       <li><code>            zoom:1;</code></li>
       <li><code>        }</code></li>
   </ol>
 *
 * 1. Make the list look like code.
 * 2. Give the list flush numbers with a leading zero.
 * 3. Make sure lines of code don’t wrap.
 * 4. Give the code form by forcing the `code` to honour white-space.
 */
.line-numbers {
  font-family: monospace, serif;
  /* [1] */
  list-style: decimal-leading-zero inside;
  /* [2] */
  white-space: nowrap;
  /* [3] */
  overflow: auto;
  /* [3] */
  margin-left: 0; }

.line-numbers code {
  white-space: pre;
  /* [4] */ }

/*------------------------------------*\
    $IMAGES
\*------------------------------------*/
/**
 * Demo: jsfiddle.net/inuitcss/yMtur
 */
/**
 * Fluid images.
 */
img {
  max-width: 100%; }

/**
 * Non-fluid images if you specify `width` and/or `height` attributes.
 */
img[width],
img[height] {
  max-width: none; }

/**
 * Rounded images.
 */
.img--round {
  border-radius: 2px; }

/**
 * Image placement variations.
 */
.img--right {
  float: right;
  margin-bottom: 14px;
  margin-left: 14px; }

.img--left {
  float: left;
  margin-right: 14px;
  margin-bottom: 14px; }

.img--center {
  display: block;
  margin-right: auto;
  margin-bottom: 14px;
  margin-left: auto; }

/**
 * Keep your images on your baseline.
 *
 * Please note, these will not work too nicely with fluid images and will
 * distort when resized below a certain width. Use with caution.
 */
.img--short {
  height: 70px; }

.img--medium {
  height: 140px; }

.img--tall {
  height: 210px; }

/**
 * Images in `figure` elements.
 */
figure > img {
  display: block; }

/*------------------------------------*\
    $LISTS
\*------------------------------------*/
/**
 * Remove vertical spacing from nested lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Have a numbered `ul` without the semantics implied by using an `ol`.
 */
/*ul*/
.numbered-list {
  list-style-type: decimal; }

/*------------------------------------*\
    $TABLES
\*------------------------------------*/
/**
 * We have a lot at our disposal for making very complex table constructs, e.g.:
 *
   <table class="table--bordered  table--striped  table--data">
       <colgroup>
           <col class=t10>
           <col class=t10>
           <col class=t10>
           <col>
       </colgroup>
       <thead>
           <tr>
               <th colspan=3>Foo</th>
               <th>Bar</th>
           </tr>
           <tr>
               <th>Lorem</th>
               <th>Ipsum</th>
               <th class=numerical>Dolor</th>
               <th>Sit</th>
           </tr>
       </thead>
       <tbody>
           <tr>
               <th rowspan=3>Sit</th>
               <td>Dolor</td>
               <td class=numerical>03.788</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>32.210</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>47.797</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <th rowspan=2>Sit</th>
               <td>Dolor</td>
               <td class=numerical>09.640</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=numerical>12.117</td>
               <td>Lorem</td>
           </tr>
       </tbody>
   </table>
 *
 */
table {
  width: 100%; }

th,
td {
  padding: 3.5px;
  text-align: left; }
  @media screen and (min-width: 480px) {
    th,
    td {
      padding: 7px; } }

/**
 * Cell alignments
 */
[colspan] {
  text-align: center; }

[colspan="1"] {
  text-align: left; }

[rowspan] {
  vertical-align: middle; }

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

.numerical {
  text-align: right; }

/**
 * In the HTML above we see several `col` elements with classes whose numbers
 * represent a percentage width for that column. We leave one column free of a
 * class so that column can soak up the effects of any accidental breakage in
 * the table.
 */
.t5 {
  width: 5%; }

.t10 {
  width: 10%; }

.t12 {
  width: 12.5%; }

/* 1/8 */
.t15 {
  width: 15%; }

.t20 {
  width: 20%; }

.t25 {
  width: 25%; }

/* 1/4 */
.t30 {
  width: 30%; }

.t33 {
  width: 33.333%; }

/* 1/3 */
.t35 {
  width: 35%; }

.t37 {
  width: 37.5%; }

/* 3/8 */
.t40 {
  width: 40%; }

.t45 {
  width: 45%; }

.t50 {
  width: 50%; }

/* 1/2 */
.t55 {
  width: 55%; }

.t60 {
  width: 60%; }

.t62 {
  width: 62.5%; }

/* 5/8 */
.t65 {
  width: 65%; }

.t66 {
  width: 66.666%; }

/* 2/3 */
.t70 {
  width: 70%; }

.t75 {
  width: 75%; }

/* 3/4*/
.t80 {
  width: 80%; }

.t85 {
  width: 85%; }

.t87 {
  width: 87.5%; }

/* 7/8 */
.t90 {
  width: 90%; }

.t95 {
  width: 95%; }

/**
 * Bordered tables
 */
.table--bordered th,
.table--bordered td {
  border: 1px solid #e4e4e2; }
  .table--bordered th:empty,
  .table--bordered td:empty {
    border: none; }
.table--bordered thead tr:last-child th {
  border-bottom-width: 2px; }
.table--bordered tbody tr th:last-of-type {
  border-right-width: 2px; }

/**
 * Striped tables
 */
.table--striped tbody tr:nth-of-type(odd) {
  background-color: #ffc;
  /* Override this color in your theme stylesheet */ }

/**
 * Data table
 */
.table--data {
  font: 12px/1.5 sans-serif; }

/*------------------------------------*\
    $FORMS
\*------------------------------------*/
/**
 *
 * Demo: jsfiddle.net/inuitcss/MhHHU
 *
 */
fieldset {
  padding: 14px; }

/**
 * Text inputs
 *
 * Instead of a `[type]` selector for each kind of form input, we just use a
 * class to target any/every one, e.g.:
   <input type=text class=text-input>
   <input type=email class=text-input>
   <input type=password class=text-input>
 *
 */
.text-input,
textarea {
  /**
   * Style these via your theme stylesheet.
   */ }

/**
 * Group sets of form fields in a list, e.g.:
 *
   <ul class=form-fields>
       <li>
           <label />
           <input />
       </li>
       <li>
           <label />
           <select />
       </li>
       <li>
           <label />
           <input />
       </li>
   </ul>
 *
 */
.form-fields {
  list-style: none;
  margin: 0; }

.form-fields > li:last-child {
  margin-bottom: 0; }

/**
 * Labels
 *
 * Define a `.label` class as well as a `label` element. This means we can apply
 * label-like styling to meta-labels for groups of options where a `label`
 * element is not suitable, e.g.:
 *
   <li>
       <span class=label>Select an option below:</span>
       <ul class="multi-list  four-cols">
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
       </ul>
   </li>
 *
 */
label,
.label {
  display: block; }

/**
 * Extra help text in `label`s, e.g.:
 *
   <label>Card number <small class=additional>No spaces</small></label>
 *
 */
.additional {
  display: block;
  font-weight: normal; }

/*
 * Groups of checkboxes and radios, e.g.:
 *
   <li>
       <ul class=check-list>
           <li>
               <input /> <label />
           </li>
           <li>
               <input /> <label />
           </li>
       </ul>
   </li>
 *
 */
.check-list {
  list-style: none;
  margin: 0; }

/*
 * Labels in check-lists
 */
.check-label,
.check-list label,
.check-list .label {
  display: inline-block; }

/**
 * Spoken forms are for forms that read like spoken word, e.g.:
 *
   <li class=spoken-form>
       Hello, my <label for=spoken-name>name</label> is
       <input type=text class=text-input id=spoken-name>. My home
       <label for=country>country</label> is
       <select id=country>
           <option>UK</option>
           <option>US</option>
           <option>Other</option>
       </select>
   </li>
 *
 */
.spoken-form label {
  display: inline-block;
  font: inherit; }

/**
 * Extra help text displayed after a field when that field is in focus, e.g.:
 *
   <label for=email>Email:</label>
   <input type=email class=text-input id=email>
   <small class=extra-help>.edu emails only</small>
 *
 * We leave the help text in the document flow and merely set it to
 * `visibility:hidden;`. This means that it won’t interfere with anything once
 * it reappears.
 *
 */
/*small*/
.extra-help {
  display: inline-block;
  visibility: hidden; }

.text-input:active + .extra-help,
.text-input:focus + .extra-help {
  visibility: visible; }

/**
 * Objects and abstractions
 */
.nav {
  list-style: none;
  margin-left: 0; }
  .nav > li,
  .nav > li > a {
    display: inline-block;
    zoom: 1; }
  .nav > li > a:hover {
    text-decoration: underline; 
    background-color: #3b3b3b;
  }
    .nav > li.nav__subnav__item > a:hover {
        border-radius: 100px;
        background-color: #595959;
        text-decoration: none; 
    }

  .nav > li.current > a {
    background-color: #3b3b3b;
    text-decoration: none;
  }



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

.nav--banner {
  text-align: center; }

/**
 * Give nav links a big, blocky hit area. Extends `.nav`, e.g.:
 *
   <ul class="nav  nav--block">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 */
.nav--block, .options {
  line-height: 1;
  /**
   * Remove whitespace caused by `inline-block`.
   */
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  white-space: nowrap; }
  .nav--block > li, .options > li {
    letter-spacing: normal;
    word-spacing: normal; }
    .nav--block > li > a, .options > li > a {
      padding: 7px; }

.nav--fit {
  display: table;
  width: 100%; }
  .nav--fit > li {
    display: table-cell; }
    .nav--fit > li > a {
      display: block; }

.nav--keywords > li:after {
  content: "\002C" "\00A0"; }
.nav--keywords > li:last-child:after {
  display: none; }

/*------------------------------------*\
    $OPTIONS
\*------------------------------------*/
/**
 * Link-group nav, used for displaying related options. Extends `.nav--block`
 * but could also extend `.nav--fit`. Extend with colours and ‘current states’
 * in your theme stylesheet.
 *
  <ul class="nav  options">
      <li><a></a></li>
      <li><a></a></li>
      <li><a></a></li>
      <li><a></a></li>
   </ul>
 *
 * Demo: jsfiddle.net/inuitcss/vwfaf
 *
 */
.options > li > a {
  border: 0 solid #e4e4e2;
  border-width: 1px;
  border-left-width: 0; }
.options > li:first-child > a {
  border-left-width: 1px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
.options > li:last-child > a {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

/*------------------------------------*\
    $PAGINATION
\*------------------------------------*/
/**
 * Basic pagination object, extends `.nav`.
 * Requires some funky commenting to collapse any white-space caused by the
 * `display:inline-block;` rules.
 *
   <ol class="nav  pagination">
       <li class=pagination__first>First</li>
       <li class=pagination__prev>Previous</li>
       <li><a href=/page/1>1</a></li>
       <li><a href=/page/2>2</a></li>
       <li class=current><a href=/page/3>3</a></li>
       <li><a href=/page/4>4</a></li>
       <li><a href=/page/5>5</a></li>
       <li class=pagination__next><a href=/page/next>Next</a></li>
       <li class=pagination__last><a href=/page/last>Last</a></li>
   </ol>
 *
 * Demo: jsfiddle.net/inuitcss/9Y6PU
 *
 */
.pagination {
  text-align: center;
  /**
   * Remove whitespace caused by `inline-block`.
   */
  letter-spacing: -0.31em;
  word-spacing: -0.43em; }

.pagination > li {
  padding: 7px;
  letter-spacing: normal;
  word-spacing: normal; }

.pagination > li > a {
  padding: 7px;
  margin: -7px; }

.pagination__first a:before {
  content: "\00AB" "\00A0"; }

.pagination__last a:after {
  content: "\00A0" "\00BB"; }

/*------------------------------------*\
    $BREADCRUMB
\*------------------------------------*/
/**
 * Simple breadcrumb styling to apply to (ordered) lists. Extends `.nav`, e.g.:
 *
   <ol class="nav  breadcrumb">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>The Board</a></li>
       <li class=current><a href=#>Directors</a></li>
   </ol>
 *
 * Demo: jsfiddle.net/inuitcss/rkAY9
 *
 */
.breadcrumb > li + li:before {
  content: "\00BB" "\00A0"; }

/**
 * For denoting a path-like structure, GitHub style, e.g.:
 *
   <ol class="nav  breadcrumb--path">
       <li class=breadcrumb__root><a href=#>inuit.css</a></li>
       <li><a href=#>inuit.css</a></li>
       <li><a href=#>partials</a></li>
       <li class=current><a href=#>objects</a></li>
   </ol>
 *
 */
.breadcrumb--path > li + li:before {
  content: "\002F" "\00A0"; }

/**
 * Assign a delimiter on the fly through a data attribute, e.g.:
 *
   <ol class="nav  breadcrumb">
       <li><a href=#>Home</a></li>
       <li data-breadcrumb="|"><a href=#>About</a></li>
       <li data-breadcrumb="|"><a href=#>The Board</a></li>
       <li data-breadcrumb="|" class=current><a href=#>Directors</a></li>
   </ol>
 *
 */
.breadcrumb > li + li[data-breadcrumb]:before {
  content: attr(data-breadcrumb) " "; }

/**
 * Denote the root of the tree.
 */
.breadcrumb__root {
  font-weight: bold; }

/*------------------------------------*\
    $MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 * E.g.:
 *

 *
 * Demo: jsfiddle.net/inuitcss/cf4Qs
 *
 */
.media {
  display: block; }

.media__img {
  float: left;
  margin-right: 14px; }

/**
 * Reversed image location (right instead of left).
 */
.media__img--rev {
  float: right;
  margin-left: 14px; }

.media__img img,
.media__img--rev img {
  display: block; }

.media__body {
  overflow: hidden;
  float: left; }
  @media (min-width: 480px) {
    .media__body {
      float: none; } }

.media__body,
.media__body > :last-child {
  margin-bottom: 0; }

/**
 * `.img`s in `.islet`s need an appropriately sized margin.
 */
.islet .media__img {
  margin-right: 7px; }

.islet .media__img--rev {
  margin-left: 7px; }

/*------------------------------------*\
    $ISLAND
\*------------------------------------*/
/**
 * Simple, boxed off content, as per: csswizardry.com/2011/10/the-island-object
 * E.g.:
 *
   <div class=island>
       I am boxed off.
   </div>
 *
 * Demo: jsfiddle.net/inuitcss/u8pV3
 *
 */
.island,
.islet {
  display: block; }

.island {
  padding: 14px; }

.island > :last-child,
.islet > :last-child {
  margin-bottom: 0; }

/**
 * Just like `.island`, only smaller.
 */
.islet {
  padding: 7px; }

/*------------------------------------*\
    $BLOCK-LIST
\*------------------------------------*/
/**
 * Create big blocky lists of content, e.g.:
 *
   <ul class=block-list>
      <li>Foo</li>
      <li>Bar</li>
      <li>Baz</li>
      <li><a href=# class=block-list__link>Foo Bar Baz</a></li>
   </ul>
 *
 * Extend this object in your theme stylesheet.
 *
 * Demo: jsfiddle.net/inuitcss/hR57q
 *
 */
.block-list,
.block-list > li,
.block-list > article {
  border: 0 solid #e4e4e2; }

.block-list {
  list-style: none;
  margin-left: 0;
  border-top-width: 1px; }
  .block-list > li,
  .block-list > article {
    border-bottom-width: 1px;
    padding: 7px; }

.block-list__link {
  display: block;
  padding: 7px;
  margin: -7px; }

/*------------------------------------*\
    $BEAUTONS.CSS
\*------------------------------------*/
/**
 * beautons is a beautifully simple button toolkit.
 *
 * LICENSE
 *
 * Copyright 2013 Harry Roberts
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */
/*!*
 *
 * @csswizardry -- csswizardry.com/beautons
 *
 */
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/**
 * Base button styles.
 *
 * 1. Allow us to better style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Stop buttons wrapping and looking broken.
 * 4. Make buttons inherit font styles.
 * 5. Force all elements using beautons to appear clickable.
 * 6. Normalise box model styles.
 * 7. If the button’s text is 1em, and the button is (3 * font-size) tall, then
 *    there is 1em of space above and below that text. We therefore apply 1em
 *    of space to the left and right, as padding, to keep consistent spacing.
 * 8. Basic cosmetics for default buttons. Change or override at will.
 * 9. Don’t allow buttons to have underlines; it kinda ruins the illusion.
 */
.btn {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  white-space: nowrap;
  /* [3] */
  font-family: inherit;
  /* [4] */
  font-size: 100%;
  /* [4] */
  cursor: pointer;
  /* [5] */
  border: none;
  /* [6] */
  margin: 0;
  /* [6] */
  padding-top: 0;
  /* [6] */
  padding-bottom: 0;
  /* [6] */
  line-height: 3;
  /* [7] */
  padding-right: 1em;
  /* [7] */
  padding-left: 1em;
  /* [7] */ }

.btn, .btn:hover {
  /*text-decoration:none;   /* [9] */ }
.btn:active, .btn:focus {
  outline: none; }

/*------------------------------------*\
    $SIZES
\*------------------------------------*/
/**
 * Button size modifiers.
 *
 * These all follow the same sizing rules as above; text is 1em, space around it
 * remains uniform.
 */
.btn--small {
  padding-right: 0.5em;
  padding-left: 0.5em;
  line-height: 2; }

.btn--large {
  padding-right: 1.5em;
  padding-left: 1.5em;
  line-height: 4; }

.btn--huge {
  padding-right: 2em;
  padding-left: 2em;
  line-height: 5; }

/**
 * These buttons will fill the entirety of their container.
 *
 * 1. Remove padding so that widths and paddings don’t conflict.
 */
.btn--full {
  width: 100%;
  padding-right: 0;
  /* [1] */
  padding-left: 0;
  /* [1] */
  text-align: center; }

/*------------------------------------*\
    $FONT-SIZES
\*------------------------------------*/
/**
 * Button font-size modifiers.
 */
.btn--alpha {
  font-size: 3rem; }

.btn--beta {
  font-size: 2rem; }

.btn--gamma {
  font-size: 1rem; }

/**
 * Make the button inherit sizing from its parent.
 */
.btn--natural {
  vertical-align: baseline;
  font-size: inherit;
  line-height: inherit;
  padding-right: 0.5em;
  padding-left: 0.5em; }

/*------------------------------------*\
    $FUNCTIONS
\*------------------------------------*/
/**
 * Button function modifiers.
 */
/**
 * Positive actions; e.g. sign in, purchase, submit, etc.
 */
.btn--positive {
  background-color: #4A993E;
  color: #fff; }

/**
 * Negative actions; e.g. close account, delete photo, remove friend, etc.
 */
.btn--negative {
  background-color: #b33630;
  color: #fff; }

/**
 * Inactive, disabled buttons.
 *
 * 1. Make the button look like normal text when hovered.
 */
.btn--inactive,
.btn--inactive:hover,
.btn--inactive:active,
.btn--inactive:focus {
  background-color: #ddd;
  color: #777;
  cursor: text;
  /* [1] */ }

/*------------------------------------*\
    $STYLES
\*------------------------------------*/
/**
 * Button style modifiers.
 *
 * 1. Use an overly-large number to ensure completely rounded, pill-like ends.
 */
.btn--soft {
  border-radius: 200px;
  /* [1] */ }

.btn--hard {
  border-radius: 0; }

/*------------------------------------*\
    $RULES
\*------------------------------------*/
/**
 * Horizontal rules, extend `hr`.
 *
 * Demo: jsfiddle.net/inuitcss/L6GuZ
 *
 */
.rule {
  color: #e4e4e2;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 13px;
  margin-bottom: 0.76471rem; }

/**
 * Dotted rules
 */
.rule--dotted {
  border-bottom-style: dotted; }

/**
 * Dashed rules
 */
.rule--dashed {
  border-bottom-style: dashed; }

/**
 * Ornamental rules. Places a § over the rule.
 */
.rule--ornament {
  position: relative;
  /**
  * Pass in an arbitrary ornament though a data attribute, e.g.:
  *
    <hr class="rule  rule--ornament" data-ornament="!">
  *
  */ }
  .rule--ornament:after {
    content: "\00A7";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    line-height: 0;
    text-align: center; }
  .rule--ornament[data-ornament]:after {
    content: attr(data-ornament); }

/**
 * Style trumps; helper and brand classes
 */
/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Sizes in human readable format. These are used in conjunction with other
 * objects and abstractions found in inuit.css, most commonly the grid system
 * and faux flexbox.
 *
 * We have a mixin to generate our widths and their breakpoint-specific
 * variations.
 */
/**
* Whole
*/
.one-whole {
  width: 100%; }

/**
* Halves
*/
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%; }

/**
* Thirds
*/
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%; }

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%; }

/**
* Quarters
*/
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%; }

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%; }

/**
* Fifths
*/
.one-fifth, .two-tenths {
  width: 20%; }

.two-fifths, .four-tenths {
  width: 40%; }

.three-fifths, .six-tenths {
  width: 60%; }

.four-fifths, .eight-tenths {
  width: 80%; }

/**
* Sixths
*/
.one-sixth, .two-twelfths {
  width: 16.666%; }

.five-sixths, .ten-twelfths {
  width: 83.333%; }

/**
* Eighths
*/
.one-eighth {
  width: 12.5%; }

.three-eighths {
  width: 37.5%; }

.five-eighths {
  width: 62.5%; }

.seven-eighths {
  width: 87.5%; }

/**
* Tenths
*/
.one-tenth {
  width: 10%; }

.three-tenths {
  width: 30%; }

.seven-tenths {
  width: 70%; }

.nine-tenths {
  width: 90%; }

/**
* Twelfths
*/
.one-twelfth {
  width: 8.333%; }

.five-twelfths {
  width: 41.666%; }

.seven-twelfths {
  width: 58.333%; }

.eleven-twelfths {
  width: 91.666%; }

/**
 * If you have set `$responsive` to ‘true’ in `_vars.scss` then you now have
 * access to these classes. You can define at which breakpoint you’d like an
 * element to be a certain size, e.g.:
 *
 * `<div class="g  one-quarter  lap-one-half  palm-one-whole"> ... </div>`
 *
 * This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
 * horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
 * at ‘mobile’ sizes.
 *
 * Demo: jsfiddle.net/inuitcss/WS4Ge
 *
 */
@media only screen and (max-width: 480px) {
  /**
  * Whole
  */
  .palm-one-whole {
    width: 100%; }

  /**
  * Halves
  */
  .palm-one-half, .palm-two-quarters, .palm-three-sixths, .palm-four-eighths, .palm-five-tenths, .palm-six-twelfths {
    width: 50%; }

  /**
  * Thirds
  */
  .palm-one-third, .palm-two-sixths, .palm-four-twelfths {
    width: 33.333%; }

  .palm-two-thirds, .palm-four-sixths, .palm-eight-twelfths {
    width: 66.666%; }

  /**
  * Quarters
  */
  .palm-one-quarter, .palm-two-eighths, .palm-three-twelfths {
    width: 25%; }

  .palm-three-quarters, .palm-six-eighths, .palm-nine-twelfths {
    width: 75%; }

  /**
  * Fifths
  */
  .palm-one-fifth, .palm-two-tenths {
    width: 20%; }

  .palm-two-fifths, .palm-four-tenths {
    width: 40%; }

  .palm-three-fifths, .palm-six-tenths {
    width: 60%; }

  .palm-four-fifths, .palm-eight-tenths {
    width: 80%; }

  /**
  * Sixths
  */
  .palm-one-sixth, .palm-two-twelfths {
    width: 16.666%; }

  .palm-five-sixths, .palm-ten-twelfths {
    width: 83.333%; }

  /**
  * Eighths
  */
  .palm-one-eighth {
    width: 12.5%; }

  .palm-three-eighths {
    width: 37.5%; }

  .palm-five-eighths {
    width: 62.5%; }

  .palm-seven-eighths {
    width: 87.5%; }

  /**
  * Tenths
  */
  .palm-one-tenth {
    width: 10%; }

  .palm-three-tenths {
    width: 30%; }

  .palm-seven-tenths {
    width: 70%; }

  .palm-nine-tenths {
    width: 90%; }

  /**
  * Twelfths
  */
  .palm-one-twelfth {
    width: 8.333%; }

  .palm-five-twelfths {
    width: 41.666%; }

  .palm-seven-twelfths {
    width: 58.333%; }

  .palm-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
  * Whole
  */
  .lap-one-whole {
    width: 100%; }

  /**
  * Halves
  */
  .lap-one-half, .lap-two-quarters, .lap-three-sixths, .lap-four-eighths, .lap-five-tenths, .lap-six-twelfths {
    width: 50%; }

  /**
  * Thirds
  */
  .lap-one-third, .lap-two-sixths, .lap-four-twelfths {
    width: 33.333%; }

  .lap-two-thirds, .lap-four-sixths, .lap-eight-twelfths {
    width: 66.666%; }

  /**
  * Quarters
  */
  .lap-one-quarter, .lap-two-eighths, .lap-three-twelfths {
    width: 25%; }

  .lap-three-quarters, .lap-six-eighths, .lap-nine-twelfths {
    width: 75%; }

  /**
  * Fifths
  */
  .lap-one-fifth, .lap-two-tenths {
    width: 20%; }

  .lap-two-fifths, .lap-four-tenths {
    width: 40%; }

  .lap-three-fifths, .lap-six-tenths {
    width: 60%; }

  .lap-four-fifths, .lap-eight-tenths {
    width: 80%; }

  /**
  * Sixths
  */
  .lap-one-sixth, .lap-two-twelfths {
    width: 16.666%; }

  .lap-five-sixths, .lap-ten-twelfths {
    width: 83.333%; }

  /**
  * Eighths
  */
  .lap-one-eighth {
    width: 12.5%; }

  .lap-three-eighths {
    width: 37.5%; }

  .lap-five-eighths {
    width: 62.5%; }

  .lap-seven-eighths {
    width: 87.5%; }

  /**
  * Tenths
  */
  .lap-one-tenth {
    width: 10%; }

  .lap-three-tenths {
    width: 30%; }

  .lap-seven-tenths {
    width: 70%; }

  .lap-nine-tenths {
    width: 90%; }

  /**
  * Twelfths
  */
  .lap-one-twelfth {
    width: 8.333%; }

  .lap-five-twelfths {
    width: 41.666%; }

  .lap-seven-twelfths {
    width: 58.333%; }

  .lap-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 481px) {
  /**
  * Whole
  */
  .lap-and-up-one-whole {
    width: 100%; }

  /**
  * Halves
  */
  .lap-and-up-one-half, .lap-and-up-two-quarters, .lap-and-up-three-sixths, .lap-and-up-four-eighths, .lap-and-up-five-tenths, .lap-and-up-six-twelfths {
    width: 50%; }

  /**
  * Thirds
  */
  .lap-and-up-one-third, .lap-and-up-two-sixths, .lap-and-up-four-twelfths {
    width: 33.333%; }

  .lap-and-up-two-thirds, .lap-and-up-four-sixths, .lap-and-up-eight-twelfths {
    width: 66.666%; }

  /**
  * Quarters
  */
  .lap-and-up-one-quarter, .lap-and-up-two-eighths, .lap-and-up-three-twelfths {
    width: 25%; }

  .lap-and-up-three-quarters, .lap-and-up-six-eighths, .lap-and-up-nine-twelfths {
    width: 75%; }

  /**
  * Fifths
  */
  .lap-and-up-one-fifth, .lap-and-up-two-tenths {
    width: 20%; }

  .lap-and-up-two-fifths, .lap-and-up-four-tenths {
    width: 40%; }

  .lap-and-up-three-fifths, .lap-and-up-six-tenths {
    width: 60%; }

  .lap-and-up-four-fifths, .lap-and-up-eight-tenths {
    width: 80%; }

  /**
  * Sixths
  */
  .lap-and-up-one-sixth, .lap-and-up-two-twelfths {
    width: 16.666%; }

  .lap-and-up-five-sixths, .lap-and-up-ten-twelfths {
    width: 83.333%; }

  /**
  * Eighths
  */
  .lap-and-up-one-eighth {
    width: 12.5%; }

  .lap-and-up-three-eighths {
    width: 37.5%; }

  .lap-and-up-five-eighths {
    width: 62.5%; }

  .lap-and-up-seven-eighths {
    width: 87.5%; }

  /**
  * Tenths
  */
  .lap-and-up-one-tenth {
    width: 10%; }

  .lap-and-up-three-tenths {
    width: 30%; }

  .lap-and-up-seven-tenths {
    width: 70%; }

  .lap-and-up-nine-tenths {
    width: 90%; }

  /**
  * Twelfths
  */
  .lap-and-up-one-twelfth {
    width: 8.333%; }

  .lap-and-up-five-twelfths {
    width: 41.666%; }

  .lap-and-up-seven-twelfths {
    width: 58.333%; }

  .lap-and-up-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (max-width: 1023px) {
  /**
  * Whole
  */
  .portable-one-whole {
    width: 100%; }

  /**
  * Halves
  */
  .portable-one-half, .portable-two-quarters, .portable-three-sixths, .portable-four-eighths, .portable-five-tenths, .portable-six-twelfths {
    width: 50%; }

  /**
  * Thirds
  */
  .portable-one-third, .portable-two-sixths, .portable-four-twelfths {
    width: 33.333%; }

  .portable-two-thirds, .portable-four-sixths, .portable-eight-twelfths {
    width: 66.666%; }

  /**
  * Quarters
  */
  .portable-one-quarter, .portable-two-eighths, .portable-three-twelfths {
    width: 25%; }

  .portable-three-quarters, .portable-six-eighths, .portable-nine-twelfths {
    width: 75%; }

  /**
  * Fifths
  */
  .portable-one-fifth, .portable-two-tenths {
    width: 20%; }

  .portable-two-fifths, .portable-four-tenths {
    width: 40%; }

  .portable-three-fifths, .portable-six-tenths {
    width: 60%; }

  .portable-four-fifths, .portable-eight-tenths {
    width: 80%; }

  /**
  * Sixths
  */
  .portable-one-sixth, .portable-two-twelfths {
    width: 16.666%; }

  .portable-five-sixths, .portable-ten-twelfths {
    width: 83.333%; }

  /**
  * Eighths
  */
  .portable-one-eighth {
    width: 12.5%; }

  .portable-three-eighths {
    width: 37.5%; }

  .portable-five-eighths {
    width: 62.5%; }

  .portable-seven-eighths {
    width: 87.5%; }

  /**
  * Tenths
  */
  .portable-one-tenth {
    width: 10%; }

  .portable-three-tenths {
    width: 30%; }

  .portable-seven-tenths {
    width: 70%; }

  .portable-nine-tenths {
    width: 90%; }

  /**
  * Twelfths
  */
  .portable-one-twelfth {
    width: 8.333%; }

  .portable-five-twelfths {
    width: 41.666%; }

  .portable-seven-twelfths {
    width: 58.333%; }

  .portable-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 1024px) {
  /**
  * Whole
  */
  .desk-one-whole {
    width: 100%; }

  /**
  * Halves
  */
  .desk-one-half, .desk-two-quarters, .desk-three-sixths, .desk-four-eighths, .desk-five-tenths, .desk-six-twelfths {
    width: 50%; }

  /**
  * Thirds
  */
  .desk-one-third, .desk-two-sixths, .desk-four-twelfths {
    width: 33.333%; }

  .desk-two-thirds, .desk-four-sixths, .desk-eight-twelfths {
    width: 66.666%; }

  /**
  * Quarters
  */
  .desk-one-quarter, .desk-two-eighths, .desk-three-twelfths {
    width: 25%; }

  .desk-three-quarters, .desk-six-eighths, .desk-nine-twelfths {
    width: 75%; }

  /**
  * Fifths
  */
  .desk-one-fifth, .desk-two-tenths {
    width: 20%; }

  .desk-two-fifths, .desk-four-tenths {
    width: 40%; }

  .desk-three-fifths, .desk-six-tenths {
    width: 60%; }

  .desk-four-fifths, .desk-eight-tenths {
    width: 80%; }

  /**
  * Sixths
  */
  .desk-one-sixth, .desk-two-twelfths {
    width: 16.666%; }

  .desk-five-sixths, .desk-ten-twelfths {
    width: 83.333%; }

  /**
  * Eighths
  */
  .desk-one-eighth {
    width: 12.5%; }

  .desk-three-eighths {
    width: 37.5%; }

  .desk-five-eighths {
    width: 62.5%; }

  .desk-seven-eighths {
    width: 87.5%; }

  /**
  * Tenths
  */
  .desk-one-tenth {
    width: 10%; }

  .desk-three-tenths {
    width: 30%; }

  .desk-seven-tenths {
    width: 70%; }

  .desk-nine-tenths {
    width: 90%; }

  /**
  * Twelfths
  */
  .desk-one-twelfth {
    width: 8.333%; }

  .desk-five-twelfths {
    width: 41.666%; }

  .desk-seven-twelfths {
    width: 58.333%; }

  .desk-eleven-twelfths {
    width: 91.666%; } }
/**
 * If you have set the additional `$responsive-extra` variable to ‘true’ in
 * `_vars.scss` then you now have access to the following class available to
 * accomodate much larger screen resolutions.
 */
/* endif */
/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $BRAND
\*------------------------------------*/
/**
 * `.brand` is a quick and simple way to apply your brand face and/or color to
 * any element using a handy helper class.
 */
.brand {
  font-family: Helvetica Neue, sans-serif!important;
  color: #4a8ec2!important; }

.brand-face {
  font-family: Helvetica Neue, sans-serif!important; }

.brand-color,
.brand-colour {
  color: #4a8ec2!important; }

/*------------------------------------*\
    $HELPER
\*------------------------------------*/
/**
 * A series of helper classes to use arbitrarily. Only use a helper class if an
 * element/component doesn’t already have a class to which you could apply this
 * styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
 * that ruleset as opposed to adding the `.float--left` class to the markup.
 *
 * A lot of these classes carry `!important` as you will always want them to win
 * out over other selectors.
 */
/**
 * Add/remove floats
 */
.float--right {
  float: right !important; }

.float--left {
  float: left !important; }

.float--none {
  float: none !important; }

/**
 * Text alignment
 */
.text--left {
  text-align: left  !important; }

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

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

/**
 * Font weights
 */
.weight--light {
  font-weight: 300 !important; }

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

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

/**
 * Add/remove margins
 */
.push {
  margin: 14px !important; }

.push--top {
  margin-top: 14px !important; }

.push--right {
  margin-right: 14px !important; }

.push--bottom {
  margin-bottom: 14px !important; }

.push--left {
  margin-left: 14px !important; }

.push--ends {
  margin-top: 14px !important;
  margin-bottom: 14px !important; }

.push--sides {
  margin-right: 14px !important;
  margin-left: 14px !important; }

.push-half {
  margin: 7px !important; }

.push-half--top {
  margin-top: 7px !important; }

.push-half--right {
  margin-right: 7px !important; }

.push-half--bottom {
  margin-bottom: 7px !important; }

.push-half--left {
  margin-left: 7px !important; }

.push-half--ends {
  margin-top: 7px !important;
  margin-bottom: 7px !important; }

.push-half--sides {
  margin-right: 7px !important;
  margin-left: 7px !important; }

.flush {
  margin: 0 !important; }

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

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

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

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

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

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

/**
 * Add/remove paddings
 */
.soft {
  padding: 14px !important; }

.soft--top {
  padding-top: 14px !important; }

.soft--right {
  padding-right: 14px !important; }

.soft--bottom {
  padding-bottom: 14px !important; }

.soft--left {
  padding-left: 14px !important; }

.soft--ends {
  padding-top: 14px !important;
  padding-bottom: 14px !important; }

.soft--sides {
  padding-right: 14px !important;
  padding-left: 14px !important; }

.soft-half {
  padding: 7px !important; }

.soft-half--top {
  padding-top: 7px !important; }

.soft-half--right {
  padding-right: 7px !important; }

.soft-half--bottom {
  padding-bottom: 7px !important; }

.soft-half--left {
  padding-left: 7px !important; }

.soft-half--ends {
  padding-top: 7px !important;
  padding-bottom: 7px !important; }

.soft-half--sides {
  padding-right: 7px !important;
  padding-left: 7px !important; }

.hard {
  padding: 0 !important; }

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

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

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

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

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

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

/**
 * Pull items full width of `.island` parents.
 */
.full-bleed {
  margin-right: -14px !important;
  margin-left: -14px !important; }
  .islet .full-bleed {
    margin-right: -7px !important;
    margin-left: -7px !important; }

/**
 * Add a help cursor to any element that gives the user extra information on
 * `:hover`.
 */
.informative {
  cursor: help !important; }

/**
 * Mute an object by reducing its opacity.
 */
.muted {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important; }

/**
 * Align items to the right where they imply progression/movement forward, e.g.:
 *
   <p class=proceed><a href=#>Read more...</a></p>
 *
 */
.proceed {
  text-align: right !important; }

/**
 * Add a right-angled quote to links that imply movement, e.g.:
 *
   <a href=# class=go>Read more</a>
 *
 */
.go:after {
  content: " " "»" !important; }

/**
 * Apply capital case to an element (usually a `strong`).
 */
.caps {
  text-transform: uppercase !important; }

/**
 * Hide content off-screen without resorting to `display:none;`, also provide
 * breakpoint specific hidden elements.
 */
/* endif */
.layout-gridContainer__secondary, .pageWideWrapper, .gridModule-1up, .gridModule-2up, .gridModule-3up, .gridModule-4up, .rule--heavy, .readMore-sectionFooter, .mastHeadTextbased, .sortProject, .sortProject--alpha, .tabs, .tabs__island, .island, .footer--global__contact, .projecthead__search, .cl, .block-list--showOnlyIn, .pageWideWrapper--footer--global, .asset-description {
  zoom: 1;
  clear: both; }
  .layout-gridContainer__secondary:before, .pageWideWrapper:before, .gridModule-1up:before, .gridModule-2up:before, .gridModule-3up:before, .gridModule-4up:before, .rule--heavy:before, .readMore-sectionFooter:before, .mastHeadTextbased:before, .sortProject:before, .sortProject--alpha:before, .tabs:before, .tabs__island:before, .island:before, .footer--global__contact:before, .projecthead__search:before, .layout-gridContainer__secondary:after, .pageWideWrapper:after, .gridModule-1up:after, .gridModule-2up:after, .gridModule-3up:after, .gridModule-4up:after, .rule--heavy:after, .readMore-sectionFooter:after, .mastHeadTextbased:after, .sortProject:after, .sortProject--alpha:after, .tabs:after, .tabs__island:after, .island:after, .footer--global__contact:after, .projecthead__search:after, .cl:before, .block-list--showOnlyIn:before, .pageWideWrapper--footer--global:before, .asset-description:before, .cl:after, .block-list--showOnlyIn:after, .pageWideWrapper--footer--global:after, .asset-description:after {
    content: "";
    display: table; }
  .layout-gridContainer__secondary:after, .pageWideWrapper:after, .gridModule-1up:after, .gridModule-2up:after, .gridModule-3up:after, .gridModule-4up:after, .rule--heavy:after, .readMore-sectionFooter:after, .mastHeadTextbased:after, .sortProject:after, .sortProject--alpha:after, .tabs:after, .tabs__island:after, .island:after, .footer--global__contact:after, .projecthead__search:after, .cl:after, .block-list--showOnlyIn:after, .pageWideWrapper--footer--global:after, .asset-description:after {
    clear: both; }

.cl-none {
  zoom: 1;
  clear: none; }
  .cl-none:before, .cl-none:after {
    content: "";
    display: block; }
  .cl-none:after {
    clear: none; }

main:focus,
header:focus,
nav:focus,
div:focus {
  outline: 0; }

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

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

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

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

.print-only {
  display: none; }

#skip-to-content {
  padding: 1em;
  position: absolute;
  top: -200px;
  left: 1em;
  z-index: 1000;
  color: white;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  #skip-to-content:focus {
    position: absolute;
    top: 0;
    background: rgba(93, 20, 108, 0.9); }

.list--unstyled {
  margin-left: 0;
  padding-left: 0; }
  .list--unstyled > li {
    list-style-type: none; }
.list--inline {
  margin: 0 auto 1em auto;
  margin-left: -1em;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .list--inline > li {
    list-style: none;
    float: left;
    margin-left: 1em;
    display: block; }
  .list--inline > * {
    display: block; }
.list--airy {
  line-height: 1.7; }

.block-list {
  border-top-style: none; }
  .block-list--doclist .block-list__listitem > time {
    color: #999999; }
  .block-list--newslist {
    float: left;
    width: 100%; }
    .block-list--newslist .ListHeader {
      color: #287fb8;
      margin: 0 0 3.5px 0;
      font-weight: 500;
      font-size: 20px;
      font-size: 1.17647rem;
      line-height: 1;
      line-height: 1.2; }
    .block-list--newslist .media__img {
      width: 100%;
      margin-top: 7px;
      margin-bottom: 7px; }
      @media (min-width: 480px) {
        .block-list--newslist .media__img {
          max-width: 171px;
          margin-bottom: 0; } }
    @media (min-width: 770px) {
      .gridModule-2up .block-list--newslist .media__img {
        width: 100%;
        max-width: 100%;
        margin-top: 7px;
        margin-bottom: 7px; } }
    @media (min-width: 1170px) {
      .gridModule-2up .block-list--newslist .media__img {
        max-width: 171px;
        margin-bottom: 0; } }
    @media (min-width: 770px) {
      .gridModule-2up .block-list--newslist .media__body {
        float: left; } }
    @media (min-width: 1170px) {
      .gridModule-2up .block-list--newslist .media__body {
        float: none; } }
    .block-list--newslist--altStyling .ListHeader {
      color: #287fb8;
      margin: 0 0 3.5px 0;
      font-weight: 500;
      font-size: 20px;
      font-size: 1.17647rem;
      line-height: 1;
      line-height: 1.2; }
  .block-list--faqlist .ListHeader {
    color: #287fb8;
    margin: 0 0 3.5px 0;
    font-weight: 500;
    font-size: 20px;
    font-size: 1.17647rem;
    line-height: 1;
    line-height: 1.2; }
  .block-list--faqlist .silent {
    margin: 0; }
  .block-list--ledigatjanster .ListHeader {
    color: #287fb8;
    margin: 0 0 3.5px 0;
    font-weight: 500;
    font-size: 20px;
    font-size: 1.17647rem;
    line-height: 1;
    line-height: 1.2; }
  .block-list--calendarlist .ListHeader {
    color: #287fb8;
    margin: 0 0 3.5px 0;
    font-weight: 500;
    font-size: 20px;
    font-size: 1.17647rem;
    line-height: 1;
    line-height: 1.2;
    font-size: 18px;
    font-weight: bold; }
  .block-list > li,
  .block-list > article {
    padding: 14px 0; }
    .block-list > li:last-child,
    .block-list > article:last-child {
      border-bottom-style: none; }
    .block-list > li.show-first--triggerItem,
    .block-list > article.show-first--triggerItem {
      border-bottom-style: none; }
  .block-list--showOnlyIn {
    font-size: 18px;
    font-size: 1.05882rem;
    line-height: 1.11111;
    border-bottom-style: none; }
    .block-list--showOnlyIn li {
      border-bottom-style: none; }
      .block-list--showOnlyIn li.block-list__listitem {
        border-bottom-style: solid; }
    .block-list--showOnlyIn .block-list__listitem {
      padding: 0; }
      .block-list--showOnlyIn .block-list__listitem:first-child {
        font-size: 20px;
        font-size: 1.17647rem;
        line-height: 1;
        font-weight: 600;
        background-color: #23a459;
        color: #fff;
        padding: 14px 21px; }
      .block-list--showOnlyIn .block-list__listitem:last-child {
        border-bottom-style: none; }
      .block-list--showOnlyIn .block-list__listitem a {
        display: block;
        background-color: #fff;
        padding: 14px 21px; }
        .block-list--showOnlyIn .block-list__listitem a .check {
          display: none;
          margin-right: 0.1em; }
      .block-list--showOnlyIn .block-list__listitem.active a {
        background-color: #deebf4; }
        .block-list--showOnlyIn .block-list__listitem.active a .check {
          display: inline-block; }
    .block-list--showOnlyIn .island--showmore {
      text-align: left;
      padding-left: 21px; }

.island.nopadding {
  padding: 0; }

.block-list--newslist > article {
  padding: 8px 13px;
  margin-left: -14px; }

.block-list--newslist > .sticky {
  background: #e9f2f8;
  border-bottom: none; }

/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
.layout-gridContainer {
  width: 100%;
  padding: 0 10px; }
  @media (min-width: 1170px) {
    .layout-gridContainer {
      max-width: 1190px;
      margin-left: auto;
      margin-right: auto; }
      .layout-gridContainer::after {
        content: " ";
        display: block;
        clear: both; } }
  .layout-gridContainer .lt-ie9,
  .layout-gridContainer .no-mq {
    max-width: 700px;
    width: 700px; }
  .layout-gridContainer--primary .layout-col {
    width: 100%;
    float: left; }
  @media (min-width: 770px) {
    .layout-gridContainer--primary .layout-col:nth-child(1) {
      width: 65.81197%;
      float: right; }
    .layout-gridContainer--primary .layout-col:nth-child(2) {
      width: 31.62393%;
      float: left;
      margin-right: 2.5641%; } }
  .layout-gridContainer__secondary {
    width: 100%;
    float: left; }
    .layout-gridContainer__secondary .layout-col {
      width: 100%;
      float: left; }
    @media (min-width: 770px) {
      .layout-gridContainer__secondary {
        width: 65.81197%;
        float: left;
        margin-left: 17.09402%;
        margin-right: -100%; } }
  .layout-gridContainer--tertiary .layout-col {
    width: 100%;
    float: left; }
  @media (min-width: 770px) {
    .layout-gridContainer--tertiary .layout-col:nth-child(1) {
      width: 65.81197%;
      float: left;
      margin-right: 2.5641%; }
    .layout-gridContainer--tertiary .layout-col:nth-child(2) {
      width: 31.62393%;
      float: right; }
    .layout-gridContainer--tertiary .l-main {
      width: 65.81197%;
      float: left;
      margin-right: 2.5641%; }
    .layout-gridContainer--tertiary .l-complementary {
      width: 31.62393%;
      float: right; }
    .layout-gridContainer--tertiary .flush--right {
      width: 151.94805%;
      float: left;
      margin-right: 3.8961%; } }
  @media (min-width: 1170px) {
    .layout-gridContainer--tertiary .push-to--right-1 {
      width: 112.98701%;
      float: left;
      margin-right: 3.8961%; } }
  @media (min-width: 770px) {
    .layout-gridContainer--quaternary .l-complementary {
      width: 31.62393%;
      float: right; }
    .layout-gridContainer--quaternary .l-main {
      width: 65.81197%;
      float: left;
      margin-right: 2.5641%; }
    .layout-gridContainer--quaternary .flush--right {
      width: 151.94805%;
      float: left;
      margin-right: 3.8961%; } }
  @media (min-width: 1170px) {
    .layout-gridContainer--quaternary .l-main {
      /*width: 57.26496%;*/
      float: left;
      margin-right: 2.5641%; }
    .layout-gridContainer--quaternary .flush--right {
      width: 174.62687%;
      float: left;
      margin-right: 4.47761%; }
    .layout-gridContainer--quaternary .push-to--right-1 {
      width: 114.92537%;
      float: left;
      margin-right: 4.47761%; } }

.pageWideWrapper {
  display: block;
  float: left;
  width: 100%; }
  .pageWideWrapper--footer--global {
    background-color: #171717; 
     float: none;
     display: table-row;
  }
    .index .pageWideWrapper--footer--global, .substart .pageWideWrapper--footer--global {
      margin-top: 0; }
      @media (min-width: 770px) {
        .index .pageWideWrapper--footer--global, .substart .pageWideWrapper--footer--global {
          margin-top: 0; } }
  .pageWideWrapper--header--global {
    background-color: #171717; }
  .pageWideWrapper--subNav {
    background-color: #3b3b3b; }
  .pageWideWrapper--incontent {
    background-color: #fff; }
  .pageWideWrapper--incontent--hasborderBottom {
    border-bottom: 10px solid #efefef; }
  .pageWideWrapper--incontent--alpha {
    background-color: #fff;
    padding-bottom: 42px; }
  @media (min-width: 1170px) {
    .pageWideWrapper--hasMaxWidth {
      float: none;
      max-width: 1170px;
      margin-left: auto;
      margin-right: auto; }
      .pageWideWrapper--hasMaxWidth::after {
        content: " ";
        display: block;
        clear: both; } }

.fullWidth,
.fullwidth,
.l-main,
.l-complementary {
  width: 100%;
  float: left; }

.gridModule-1up {
  width: 100%;
  float: left; }
  .gridModule-1up .col {
    width: 100%;
    float: left; }

.gridModule-2up {
  width: 100%;
  float: left; }
  .gridModule-2up .col {
    width: 100%;
    float: left; }
    @media (min-width: 770px) {
      .gridModule-2up .col {
        width: 48.71795%;
        float: left; }
        .gridModule-2up .col:nth-child(2n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .gridModule-2up .col:nth-child(2n + 2) {
          margin-left: 51.28205%;
          margin-right: -100%;
          clear: none; }
        .l-gridModule-secondary .gridModule-2up .col {
          width: 48.05195%;
          float: left; }
          .l-gridModule-secondary .gridModule-2up .col:nth-child(2n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both;
            margin-left: 0; }
          .l-gridModule-secondary .gridModule-2up .col:nth-child(2n + 2) {
            margin-left: 51.94805%;
            margin-right: -100%;
            clear: none; } }

.gridModule-3up {
  width: 100%;
  float: left; }
  .gridModule-3up .col {
    width: 100%;
    word-wrap:break-word;
    float: left; }
    @media (min-width: 770px) {
      .gridModule-3up .col {
        width: 31.62393%;
        float: left; }
        .gridModule-3up .col:nth-child(3n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .gridModule-3up .col:nth-child(3n + 2) {
          margin-left: 34.18803%;
          margin-right: -100%;
          clear: none; }
        .gridModule-3up .col:nth-child(3n + 3) {
          margin-left: 68.37607%;
          margin-right: -100%;
          clear: none; }
        .l-gridModule-secondary .gridModule-3up .col {
          width: 31.03448%;
          float: left; }
          .l-gridModule-secondary .gridModule-3up .col:nth-child(3n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both;
            margin-left: 0; }
          .l-gridModule-secondary .gridModule-3up .col:nth-child(3n + 2) {
            margin-left: 34.48276%;
            margin-right: -100%;
            clear: none; }
          .l-gridModule-secondary .gridModule-3up .col:nth-child(3n + 3) {
            margin-left: 68.96552%;
            margin-right: -100%;
            clear: none; } }
  .gridModule-3up.popup-gallery .col {
    width: 31.62393%;
    float: left; }
    .gridModule-3up.popup-gallery .col:nth-child(3n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .gridModule-3up.popup-gallery .col:nth-child(3n + 2) {
      margin-left: 34.18803%;
      margin-right: -100%;
      clear: none; }
    .gridModule-3up.popup-gallery .col:nth-child(3n + 3) {
      margin-left: 68.37607%;
      margin-right: -100%;
      clear: none; }

.gridModule-4up {
  width: 100%;
  float: left; }
  .gridModule-4up .col {
    width: 100%;
    float: left; }
    @media (min-width: 480px) {
      .gridModule-4up .col {
        width: 48.71795%;
        float: left; }
        .gridModule-4up .col:nth-child(2n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .gridModule-4up .col:nth-child(2n + 2) {
          margin-left: 51.28205%;
          margin-right: -100%;
          clear: none; }
        .layout-gridContainer__secondary .gridModule-4up .col {
          width: 48.05195%;
          float: left; }
          .layout-gridContainer__secondary .gridModule-4up .col:nth-child(2n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both;
            margin-left: 0; }
          .layout-gridContainer__secondary .gridModule-4up .col:nth-child(2n + 2) {
            margin-left: 51.94805%;
            margin-right: -100%;
            clear: none; } }
    @media (min-width: 770px) {
      .gridModule-4up .col {
        width: 23.07692%;
        float: left; }
        .gridModule-4up .col:nth-child(4n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .gridModule-4up .col:nth-child(4n + 2) {
          margin-left: 25.64103%;
          margin-right: -100%;
          clear: none; }
        .gridModule-4up .col:nth-child(4n + 3) {
          margin-left: 51.28205%;
          margin-right: -100%;
          clear: none; }
        .gridModule-4up .col:nth-child(4n + 4) {
          margin-left: 76.92308%;
          margin-right: -100%;
          clear: none; }
        .layout-gridContainer__secondary .gridModule-4up .col {
          width: 22.07792%;
          float: left; }
          .layout-gridContainer__secondary .gridModule-4up .col:nth-child(4n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both;
            margin-left: 0; }
          .layout-gridContainer__secondary .gridModule-4up .col:nth-child(4n + 2) {
            margin-left: 25.97403%;
            margin-right: -100%;
            clear: none; }
          .layout-gridContainer__secondary .gridModule-4up .col:nth-child(4n + 3) {
            margin-left: 51.94805%;
            margin-right: -100%;
            clear: none; }
          .layout-gridContainer__secondary .gridModule-4up .col:nth-child(4n + 4) {
            margin-left: 77.92208%;
            margin-right: -100%;
            clear: none; } }

article {
  max-width: 100%;
  width: 100%;
  display: inline-block; }

html {
  font-family: "Whitney A", "Whitney B", Helvetica, Arial, sans-serif;
  color: #363636;
  height:100%;
  width: 100%;
}

body {
  font-family: "Whitney A", "Whitney B", Helvetica, Arial, sans-serif;
  color: #363636;
  font-size: 17px;
  font-size: 1rem;
  line-height: 1.17647;
  line-height: 20px;
  background-color: #f7f7f7; 
  display: table;
  height:100%;
  width: 100%;
  
}
  @media (min-width: 480px) {
    body {
      font-size: 20px;
      font-size: 1.17647rem;
      line-height: 1;
      line-height: 26px; } }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Whitney A", "Whitney B", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #363636;
  line-height: 1.2; }

h1, .h1 {
  font-size: 44px;
  font-size: 2.58824rem;
  line-height: 1.36364;
  line-height: 1.1; }
  @media (max-width: 400px) {
    h1, .h1 {
      font-size: 44px;
      font-size: 2.58824rem;
      line-height: 1.36364;
      margin-bottom: 18.2px;
      letter-spacing: -0.02em; } }

h2, .h2 {
  font-size: 17px;
  font-size: 1rem;
  line-height: 1.17647;
  margin-bottom: 0;
  margin-top: 21px;
  font-weight: 700; }
  @media (min-width: 480px) {
    h2, .h2 {
      font-size: 20px;
      font-size: 1.17647rem;
      line-height: 1;
      line-height: 1.2;
      margin-top: 28px;
      margin-bottom: 7px; } }

@media (min-width: 480px) {
  .h2-large {
    font-size: 22px;
    font-size: 1.29412rem;
    line-height: 1.81818;
    margin-top: 28px;
    margin-bottom: 7px;
    font-weight: 700; } }

h3, .h3 {
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25; }

h4, .h4 {
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25; }

h5, .h5 {
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25; }

h6, .h6 {
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25; }

.small {
  font-size: 70%; }

a {
  color: #287fb8;
  text-decoration: none; }
  a:hover, a:focus {
    color: #deebf4;
    text-decoration: underline; }
  /*a:visited {
    color: rgba(255, 255, 255, 0); }*/

ul, ol, dd {
  margin-left: 1.2em; }

.font-weight--400,
.WhitneyBook {
  font-weight: 400; }

.font-weight--500,
.WhitneyMedium {
  font-weight: 500; }

.font-weight--600,
.WhitneySemibold {
  font-weight: 600; }

.font-weight--700,
.Whitneybold {
  font-weight: 700; }

.lead {
  font-size: 17px;
  font-size: 1rem;
  line-height: 1.17647;
  line-height: 20px;
  font-weight: 400; }
  @media (min-width: 480px) {
    .lead {
      font-size: 24px;
      font-size: 1.41176rem;
      line-height: 1.66667;
      line-height: 28px;
      font-weight: 500;
      margin-bottom: 21px; } }

figcaption {
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25;
  margin-top: .5em; }

strong {
  font-weight: 600; }

blockquote {
  font-size: 26px;
  font-size: 1.52941rem;
  line-height: 1.53846;
  font-weight: 600;
  font-style: italic;
  line-height: 1.2; }
  @media (min-width: 480px) {
    blockquote {
      margin: 21px 0; } }

.asset-description {
  font-size: 13px;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  display: block;
  float: left;
  width: 100%;
  text-transform: uppercase;
  border-bottom: 4px solid #ebebeb;
  color: #8c8c8c;
  margin-bottom: 2em;
  margin-top: 3em; }

time,
.time--spanmark,
.date--ansoksenast,
.silent {
  color: #999999;
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25;
  font-weight: 500; }

.headerBordered {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 3px solid #e4e4e2;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.05882rem;
  line-height: 1.11111; }
  @media (min-width: 770px) {
    .headerBordered {
      font-size: 22px;
      font-size: 1.29412rem;
      line-height: 1.81818;
      line-height: 1;
      padding-bottom: 14px;
      margin-bottom: 14px; } }

.headerBalk {
  clear: both;
  margin-bottom: 0;
  font-size: 20px;
  font-size: 1.17647rem;
  line-height: 1;
  background-color: #3b3b3b;
  color: #fff;
  padding: 18.2px 21px; }

.rule--heavy {
  width: 100%;
  float: left;
  margin: 28px 0;
  border-bottom-width: 3px;
  color: #e4e4e2; }

.readMore-sectionFooter {
  width: 100%;
  float: left;
  margin: 0px 0 48px 0; }
  @media (min-width: 770px) {
    .readMore-sectionFooter {
      margin: 20px 0 48px 0; } }
  .readMore-sectionFooter--tac p {
    text-align: center;
    margin: 0; }

img {
  max-width: 100%;
  height: auto; }

figure > img {
  width: 100%; }

.docleft {
  float: left; }

@media (min-width: 770px) {
  .sortButtonGroup {
    max-width: 50%;
    float: right; } }

.h38 {
  height: 38px;
  margin-bottom: 0px; }

h1.answer {
  font-size: 1.58824rem; }

.nomargin {
  margin: 0;
  list-style: none; }

.inline {
  display: inline; }

.inlineblock {
  display: inline-block; }

.bread a {
  text-decoration: underline; }

div.bordanddivider {
  width: 100%;
  display: block;
  border-bottom: 3px solid #e4e4e2;
  margin: 1em 0; }

.sortButtonGroup {
  margin-left: 2em; }

.sortButtonGroup span {
  position: relative;
  top: 2px; }

@media (min-width: 480px) {
  .table--document a[href$='.pdf']:before, .table--document
  a[href$='.txt']:before, .table--document
  a[href$='.zip']:before, .table--document
  a[href$='.doc']:before, .table--document
  a[href$='.docx']:before, .table--document
  a[href$='.xls']:before, .table--document
  a[href$='.xlsx']:before, .table--document
  a[href$='.pptx']:before, .table--document
  a[href$='.ppt']:before, .table--document
  a[href$='.tif']:before, .table--document
  a[href$='.psd']:before, .table--document
  a[href$='.png']:before {
    content: "\f15b";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-right: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; } }

.table--document a[href$='.pdf']:after {
  content: " (pdf)"; }

.table--document a[href$='.doc']::after,
.table--document a[href$='.docx']::after {
  content: " (doc)"; }

.table--document a[href$='.xls']::after,
.table--document a[href$='.xlsx']::after {
  content: " (xls)"; }

.table--document a[href$='.ppt']::after,
.table--document a[href$='.pptx']::after {
  content: " (ppt)"; }

form, .form {
  margin-bottom: 28px; }

.text-input,
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  border: 1px solid #cccccc;
  border-radius: 1px;
  width: 100%;
  -moz-box-shadow: #f7f7f7 5px 5px 5px inset;
  -webkit-box-shadow: #f7f7f7 5px 5px 5px inset;
  box-shadow: #f7f7f7 5px 5px 5px inset;
  padding: 0 7px;
  line-height: 2; }
  .text-input:focus,
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  textarea:focus {
    outline-color: #287fb8;
    outline-style: auto;
    outline-width: 5px;
    overflow: visible; 
  }

@media (min-width: 770px) {
.text-input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="file"],
textarea { 
    max-width: 370px; } }

input[type="search"]::-ms-clear,
input[type="text"]::-ms-clear {
  display: none; }

input[type="checkbox"].inline {
  display: inline;
  margin-right: 0.5em; }

label.inline {
  display: inline; }

textarea {
  resize: vertical;
  min-height: 160px;
  line-height: 1.2; }

input[type="text"],
input[type="email"],
input[type="password"]
input[type="file"] {
    height: 2em;
}

.checkbox-inline {
  text-indent: -20px;
  padding-left: 20px; }

.checkbox-filterlist {
  display: block;
  float: left;
  margin: 5px 0;
  margin-right: 1.5em; }

input {
  line-height: 2; }

input.small {
  max-width: 200px;
  font-size: 100%; }

label {
  color: #666666;
  font-size: 18px;
  font-size: 1.05882rem;
  line-height: 1.11111;
  margin-top: 14px;
  margin-bottom: 7px; }
  label span {
    font-family: "Whitney A", "Whitney B", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 17px; }

form table label {
  margin-top: 7px; }

.styled-select {
  overflow: hidden;
  position: relative; }
  .styled-select select {
    background: transparent;
    width: 110%;
    line-height: 1;
    border: 0;
    border-radius: 0;
    padding: 9.33333px 0;
    -webkit-appearance: none; }

legend {
  margin-bottom: 28px; }

form table legend {
  margin-bottom: 0;
  margin-top: 28px;
  color: #666666;
  font-size: 18px;
  font-size: 1.05882rem;
  line-height: 1.11111; }

form table .field-validation-error {
  font-size: 18px;
  font-size: 1.05882rem;
  line-height: 1.11111;
  color: #666666; }

fieldset {
  padding: 0 0 14px 0;
  margin: 0 0 14px 0;
  border-style: none;
  border-bottom-style: solid;
  border-bottom-color: #e4e4e2; }
  fieldset:last-child {
    margin: 0; }
  fieldset h2 {
    margin-top: 0; }

input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-family: inherit;
  font-size: 17px;
  font-size: 1rem;
  line-height: 1.17647;
  cursor: pointer;
  border: none;
  margin: 0;
  margin-bottom: 2em;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2;
  padding-right: .5em;
  padding-left: .5em;
  background-color: #23a459;
  color: #fff;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  @media (min-width: 770px) {
    input[type="submit"] {
      border-radius: 2px;
      font-size: 18px;
      font-size: 1.05882rem;
      line-height: 1.11111;
      line-height: 2.15;
      padding-right: 14px;
      padding-left: 14px; } }
  input[type="submit"], input[type="submit"]:hover {
    text-decoration: none;
    /* [9] */ }
  input[type="submit"]:hover, input[type="submit"]:focus {
    color: #fff;
    background-color: #1f9350;
    text-decoration: none; }
  input[type="submit"]:active {
    color: #fff;
    background-color: #1c8246; }
  input[type="submit"]:focus {
    outline-color: #287fb8;
    outline-style: auto;
    outline-width: 5px;
    overflow: visible; }
  input[type="submit"].nomargin {
    margin: 0; }

form div {
  margin: 1em 0; }

form div.moremargin {
  margin: 2em 0; }

form.nomargin div {
  margin: 0; }

input[type="file"] {
  line-height: normal;
  /*font-size: medium;*/
  margin: 0.5em 0;
  display: block; }

a.addBilaga {
  display: block;
  font-size: smaller; }

.field-validation-error {
  color: #ff0000 !important;
  font-size: 1.05882rem;
  line-height: 1.11111;
  font-weight: normal; }

/*TODO Check numbers*/
td.alert_1 {
  background: #f4fbf7; }

td.alert_1:after {
  content: url("../img/alert_1_small.png");
  margin-left: 5px;
  width: 11px;
  height: 11px; }

td.alert_2 {
  background: #fefcf4; }

td.alert_2:after {
  content: url("../img/alert_2_small.png");
  margin-left: 5px;
  width: 11px;
  height: 11px; }

td.alert_3 {
  background: #fefcf4; }

td.alert_3:after {
  content: url("../img/alert_3_small.png");
  margin-left: 5px;
  width: 11px;
  height: 11px; }

.substart main,
.kontroll main {
  padding-top: .5em; }
  @media (min-width: 770px) {
    .substart main,
    .kontroll main {
      padding-top: 0em; } }

.mastHeadTextbased {
  text-align: center;
  width: 100%;
  float: left;
  }
  @media (min-width: 770px) {
    .mastHeadTextbased {
      width: 82.90598%;
      float: left;
      margin-left: 8.54701%;
      margin-right: -100%; } }
  @media (min-width: 1170px) {
    .mastHeadTextbased {
      width: 65.81197%;
      float: left;
      margin-left: 17.09402%;
      margin-right: -100%; } }
  .mastHeadTextbased--alpha {
    border-bottom-style: none; }
  .mastHeadTextbased h1, .mastHeadTextbased .h1 {
    margin-bottom: 7px;
    margin-top: 14px; }
    @media (min-width: 770px) {
      .mastHeadTextbased h1, .mastHeadTextbased .h1 {
        margin-top: 0.5em;
        font-size: 2.2em;
        line-height: 1.1; } }
  .mastHeadTextbased p {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 26px; }
  .mastHeadTextbased.nomargin {
    margin-top: -20px; }
    .mastHeadTextbased.nomargin h1 {
      margin-top: 0px; }

.sortProject {
  width: 100%;
  float: left;
  padding: 0 0 28px 0;
  margin-top: 0; }
  @media (min-width: 480px) {
    .sortProject {
      padding: 28px 0; } }
  .sortProject .sortButtonGroup {
    float: left; }
  .sortProject__selectList {
    margin-top: 14px;
    width: 100%;
    float: left;
    width: auto;
    text-align: center;
    float: right; }
    @media (min-width: 770px) {
      .sortProject__selectList {
        margin-top: 0; } }
    .sortProject__selectList .btn--styled-select {
      width: 30%;
      float: right; }
    .sortProject__selectList button.btn {
      float: right;
      margin-left: 10px;
      border: 1px solid #287fb8;
      background: #287fb8;
      color: white;
      line-height: 2.15; }
  .sortProject__description {
    display: none; }
    @media (min-width: 770px) {
      .sortProject__description {
        width: 65.81197%;
        float: left;
        margin-right: 2.5641%;
        font-size: 22px;
        font-size: 1.29412rem;
        line-height: 1.81818;
        width: auto;
        float: right;
        display: block;
        margin-bottom: 0;
        text-align: right; } }
  @media (min-width: 770px) {
    .sortProject--hasBorderTop {
      border-top: 3px solid #e4e4e2; } }
  .sortProject--alpha {
    padding: 0;
    text-align: center;
    margin-bottom: 28px; }
    .sortProject--alpha .styled-select {
      float: none; }

.pagination {
  color: #999999;
  font-size: 18px;
  font-size: 1.05882rem;
  line-height: 1.11111; }
  .pagination > li {
    padding: 7px 14px; }
    .pagination > li.current a {
      color: #000; }
      .pagination > li.current a:hover {
        text-decoration: none;
        cursor: default; }
    .pagination > li.pagination_more {
      padding: 7px; }
    @media (max-width: 400px) {
      .pagination > li.pagination__prev span, .pagination > li.pagination__next span {
        display: none; } }

.notFound h1 {
  margin-top: 28px; }

/* google search */
#goog-fixurl ul {
  list-style: none;
  padding: 0;
  margin: 0; }

#goog-fixurl form {
  margin: 0; }

#goog-wm-qt,
#goog-wm-sb {
  border: 1px solid #bbb;
  font-size: 16px;
  line-height: normal;
  vertical-align: top;
  color: #444;
  border-radius: 2px; }

#goog-wm-qt {
  width: 220px;
  padding: 5px;
  margin: 5px 10px 0 0;
  box-shadow: inset 0 1px 1px #ccc; }

#goog-wm-sb {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  margin: 5px 0 0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  *overflow: visible;
  *display: inline;
  *zoom: 1; }

#goog-wm-sb:hover,
#goog-wm-sb:focus {
  border-color: #aaa;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background-color: #f8f8f8; }

#goog-wm-qt:hover,
#goog-wm-qt:focus {
  border-color: #105cb6;
  outline: 0;
  color: #222; }

[class^="spriteIconSmart-"],
[class*=" spriteIconSmart-"] {
  display: inline-block;
  line-height: 1;
  vertical-align: text-top; }

.spriteIconSmart-sprite, .spriteIconSmart-arrowDown, .spriteIconSmart-fb-large, .spriteIconSmart-fb, .spriteIconSmart-globe-black, .spriteIconSmart-globe-white, .spriteIconSmart-in-large, .spriteIconSmart-in, .spriteIconSmart-siteLogo--small, .spriteIconSmart-siteLogo, .spriteIconSmart-yt-large, .spriteIconSmart-yt, .spriteIconSmart--siteLogo--small, .spriteIconSmart--siteLogo, .spriteIconSmart--globe-black, .spriteIconSmart--globe-white, .spriteIconSmart--fb, .spriteIconSmart--in, .spriteIconSmart--yt {
  background-image: url('img/spriteIcon/spriteIconSmart-s01cf76d127.png');
  background-repeat: no-repeat; }

.spriteIconSingleline-sprite, .spriteIconSingleline-ok-green, .spriteIconSingleline-varning-orange, .spriteIconSingleline-varning-red {
  background-image: url('img/spriteIcon/spriteIconSingleline-s7a42f85b19.png');
  background-repeat: no-repeat; }

[class^="spriteIconSingleline-"],
[class*=" spriteIconSingleline-"] {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  vertical-align: text-top; }

.spriteIconSingleline-ok-green {
  background-position: 0 0; }

.spriteIconSingleline-varning-orange {
  background-position: 0 -816px; }

.spriteIconSingleline-varning-red {
  background-position: 0 -1632px; }

.spriteIconSmart-arrowDown {
  background-position: -124px -53px;
  height: 10px;
  width: 17px; }

.spriteIconSmart-fb-large {
  background-position: 0 0;
  height: 53px;
  width: 50px; }

.spriteIconSmart-fb {
  background-position: -47px -137px;
  height: 26px;
  width: 26px; }

.spriteIconSmart-globe-black {
  background-position: -141px -53px;
  height: 21px;
  width: 21px; }

.spriteIconSmart-globe-white {
  background-position: 0 -137px;
  height: 21px;
  width: 21px; }

.spriteIconSmart-in-large {
  background-position: -100px 0;
  height: 53px;
  width: 50px; }

.spriteIconSmart-in {
  background-position: -21px -137px;
  height: 26px;
  width: 26px; }

.spriteIconSmart-siteLogo--small {
  background-position: 0 -53px;
  height: 36px;
  width: 124px; }

.spriteIconSmart-siteLogo {
  background-position: 0 -89px;
  height: 48px;
  width: 167px; }

.spriteIconSmart-yt-large {
  background-position: -50px 0;
  height: 53px;
  width: 50px; }

.spriteIconSmart-yt {
  background-position: -73px -137px;
  height: 26px;
  width: 26px; }

.svg .spriteIconSmart--siteLogo--small, .svg
.spriteIconSmart--siteLogo {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Lager_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%20241%2067%22%20enable-background%3D%22new%200%200%20241%2067%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M49.2%2C0c3%2C0%2C19.1%2C2.5%2C19.1%2C2.5l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0-16.1%2C2.5-19.1%2C2.5l0%2C0H26.6l0%2C0%0D%0A%09%09%09%09c-3%2C0-15.8-2.5-15.8-2.5l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C12.8-2.5%2C15.8-2.5l0%2C0H49.2%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M56.2%2C61.6c3.1%2C0%2C16.4%2C2.6%2C16.4%2C2.6l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0-13.4%2C2.5-16.4%2C2.5l0%2C0H34.3%0D%0A%09%09%09%09l0%2C0c-2.9%2C0-19.1-2.5-19.1-2.5l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C16.2-2.6%2C19.1-2.6l0%2C0H56.2%22/%3E%0D%0A%09%09%09%3Cline%20fill%3D%22%23FFFFFF%22%20x1%3D%2215.3%22%20y1%3D%2264.2%22%20x2%3D%2215.3%22%20y2%3D%2264.2%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M33.2%2C17.5c3%2C0%2C15.8%2C2.6%2C15.8%2C2.6l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0-12.7%2C2.5-15.8%2C2.5l0%2C0H20.5%0D%0A%09%09%09%09l0%2C0c-3%2C0-14.4-2.5-14.4-2.5l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C11.4-2.6%2C14.4-2.6l0%2C0H33.2%22/%3E%0D%0A%09%09%09%3Cline%20fill%3D%22%23FFFFFF%22%20x1%3D%226.2%22%20y1%3D%2220.1%22%20x2%3D%226.2%22%20y2%3D%2220.1%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M62.7%2C44.1c3.5%2C0%2C14.4%2C2.5%2C14.4%2C2.5l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0-10.9%2C2.6-14.4%2C2.6l0%2C0h-12%0D%0A%09%09%09%09l0%2C0c-3.5%2C0-16.4-2.6-16.4-2.6l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C12.9-2.5%2C16.4-2.5l0%2C0H62.7%22/%3E%0D%0A%09%09%09%3Cline%20fill%3D%22%23FFFFFF%22%20x1%3D%2241.5%22%20y1%3D%2247.9%22%20x2%3D%2241.5%22%20y2%3D%2247.9%22/%3E%0D%0A%09%09%09%3Cline%20fill%3D%22%23FFFFFF%22%20x1%3D%2241.5%22%20y1%3D%2245.4%22%20x2%3D%2241.5%22%20y2%3D%2245.4%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M53.9%2C35.3c2.9%2C0%2C14.9%2C2.5%2C14.9%2C2.5l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0-12%2C2.6-14.9%2C2.6l0%2C0H41.2%0D%0A%09%09%09%09l0%2C0c-2.9%2C0-15.3-2.6-15.3-2.6l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C12.3-2.5%2C15.3-2.5l0%2C0H53.9%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cline%20fill%3D%22%23FFFFFF%22%20x1%3D%2214.8%22%20y1%3D%2228.9%22%20x2%3D%2214.8%22%20y2%3D%2228.9%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M42.3%2C26.4c3.1%2C0%2C15.3%2C2.5%2C15.3%2C2.5h0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0-12.2%2C2.5-15.3%2C2.5l0%2C0H29.5%0D%0A%09%09%09%09l0%2C0c-3.1%2C0-14.8-2.5-14.8-2.5l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C11.7-2.5%2C14.8-2.5l0%2C0H42.3%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M65.3%2C52.9c3%2C0%2C17.1%2C2.5%2C17.1%2C2.5l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0-14.1%2C2.6-17.1%2C2.6l0%2C0%0D%0A%09%09%09%09c-4.7%2C0-35.6%2C0-40.3%2C0l0%2C0c-3.1%2C0-24-2.6-24-2.6l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C20.9-2.5%2C24-2.5l0%2C0%0D%0A%09%09%09%09C29.7%2C52.9%2C60.7%2C52.9%2C65.3%2C52.9L65.3%2C52.9%22/%3E%0D%0A%09%09%09%3Cline%20fill%3D%22%23FFFFFF%22%20x1%3D%221.2%22%20y1%3D%2255.5%22%20x2%3D%221.2%22%20y2%3D%2255.5%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cline%20fill%3D%22%23FFFFFF%22%20x1%3D%2218.1%22%20y1%3D%228.7%22%20x2%3D%2218.1%22%20y2%3D%228.7%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M58.4%2C8.7c3.6%2C0%2C24%2C2.6%2C24%2C2.6l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0-20.4%2C2.6-24%2C2.6l0%2C0%0D%0A%09%09%09%09c-4.7%2C0-35.6%2C0-40.3%2C0l0%2C0C15.5%2C13.8%2C1%2C11.2%2C1%2C11.2h0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0l0%2C0c0%2C0%2C14.5-2.6%2C17.1-2.6l0%2C0%0D%0A%09%09%09%09C22.8%2C8.7%2C53.7%2C8.7%2C58.4%2C8.7L58.4%2C8.7%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M193.5%2C36.4c-0.5%2C0-0.8%2C0.3-0.8%2C0.8v16.1l-7.3-14.9c-0.6-1.1-1.5-2.1-3.4-2.1c-1.9%2C0-2.8%2C1-3.1%2C1.7%0D%0A%09%09%09c-0.3%2C0.6-0.4%2C1.5-0.4%2C2.7v16h2.9c0.5%2C0%2C0.8-0.3%2C0.8-0.8V39.8c0%2C0%2C6.8%2C14%2C7.3%2C14.9c0.6%2C1.1%2C1.3%2C2.1%2C3.4%2C2.1c1.9%2C0%2C2.8-1%2C3-1.6%0D%0A%09%09%09c0.3-0.6%2C0.4-1.5%2C0.4-2.5V36.4H193.5z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M126.1%2C56.7h4.7l-6.4-7.2c3.3-1.1%2C5.7-3.7%2C5.7-6.8c0-3.5-2.6-6.3-6.1-6.3h-7.4c-0.5%2C0-1%2C0.2-1.3%2C0.5%0D%0A%09%09%09c-0.4%2C0.3-0.5%2C0.8-0.5%2C1.3v18.5h3.8V39.8h5.3c1.7%2C0%2C2.7%2C1.3%2C2.7%2C2.9c0%2C2.7-3.4%2C3.5-4.9%2C4.1c-1.3%2C0.5-2.1%2C2.3-0.4%2C4.5L126.1%2C56.7z%22%0D%0A%09%09%09/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M215.1%2C11.2c-0.4-1-1-2.1-2.9-2.1c-1.9%2C0-2.5%2C1.1-2.9%2C2.1l-6.6%2C18.3h3.5c0%2C0%2C0.5%2C0%2C0.7-0.5l1.4-4.4h7.9%0D%0A%09%09%09l1.4%2C4.4c0.2%2C0.5%2C0.7%2C0.5%2C0.7%2C0.5h3.5L215.1%2C11.2z%20M209.2%2C21.5l3-8.9l3%2C8.9H209.2z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M142.7%2C38.4c-0.4-1-1-2.1-2.9-2.1c-1.9%2C0-2.5%2C1.1-2.9%2C2.1l-6.6%2C18.3h3.5c0%2C0%2C0.5%2C0%2C0.7-0.5l1.4-4.4h7.9%0D%0A%09%09%09l1.4%2C4.4c0.2%2C0.5%2C0.7%2C0.5%2C0.7%2C0.5h3.5L142.7%2C38.4z%20M136.8%2C48.7l3-8.9l3%2C8.9H136.8z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M119.2%2C29.6c1.9%2C0%2C2.7-1.1%2C3.1-2.1l6.5-18.2h-3.5c0%2C0-0.5%2C0-0.7%2C0.5l-5.4%2C16.2l-5.4-16.2%0D%0A%09%09%09c-0.2-0.5-0.7-0.5-0.7-0.5h-3.6l6.6%2C18.2C116.5%2C28.5%2C117.3%2C29.6%2C119.2%2C29.6z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M135%2C26.1c-1.3%2C0-1.5-0.2-1.5-1.4v-3.9h6.8c0.3%2C0%2C0.5-0.2%2C0.5-0.5v-2.2c0-0.3-0.2-0.5-0.5-0.5h-6.8V14%0D%0A%09%09%09c0-1.2%2C0.2-1.4%2C1.5-1.4l10.4%2C0c-0.4-2.2-2.2-3.4-4.8-3.4h-5.9c-3.3%2C0-4.9%2C1.1-4.9%2C4.5v11.4c0%2C3.3%2C1.6%2C4.5%2C4.9%2C4.5h6.2%0D%0A%09%09%09c2.5%2C0%2C4.3-1.2%2C4.8-3.4H135z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M176.3%2C36.4h-20.5c-2.9%2C0-4.9%2C1.5-4.9%2C4.5v15.8h3.7v-8.6h6.9c0.3%2C0%2C0.5-0.2%2C0.5-0.5v-2.2%0D%0A%09%09%09c0-0.3-0.2-0.5-0.5-0.5h-6.9v-3.8c0-1%2C0.4-1.4%2C1.5-1.4h11.1v16.9h3.7V39.8h5.3c0.3%2C0%2C0.5-0.2%2C0.5-0.5v-2.4%0D%0A%09%09%09C176.8%2C36.6%2C176.6%2C36.4%2C176.3%2C36.4z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M228.7%2C36.4h-14.2c-0.3%2C0-0.5%2C0.2-0.5%2C0.5v2.4c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.5h5.2v16.9h3.7v-1.4V39.8h5.2%0D%0A%09%09%09c0.3%2C0%2C0.5-0.2%2C0.5-0.5v-2.4C229.1%2C36.6%2C229%2C36.4%2C228.7%2C36.4z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M108.5%2C19.6c-1.1-1.1-2.4-1.9-4-2.5l-3.4-1.3c-1.1-0.4-1.6-0.7-1.9-1c-0.2-0.3-0.4-0.5-0.4-1%0D%0A%09%09%09c0-0.4%2C0.1-0.6%2C0.4-0.9c0.3-0.2%2C0.6-0.4%2C1.7-0.4h7.5c-0.4-2.2-2.3-3.4-4.8-3.4h-2.6c-2.3%2C0-3.6%2C0.6-4.5%2C1.5%0D%0A%09%09%09c-0.9%2C0.9-1.4%2C2.1-1.4%2C3.3c0%2C1.3%2C0.5%2C2.6%2C1.4%2C3.4c0.9%2C0.9%2C2%2C1.4%2C3.2%2C1.8l3.2%2C1.2c1.4%2C0.5%2C2.3%2C1.1%2C2.9%2C1.7c0.6%2C0.6%2C0.8%2C1%2C0.9%2C1.9%0D%0A%09%09%09c0%2C0.7-0.2%2C1.1-0.5%2C1.4c-0.3%2C0.3-0.8%2C0.8-2.3%2C0.8h-9.6c0.4%2C2.2%2C2.3%2C3.4%2C4.9%2C3.4h5.7c1.5%2C0%2C3-0.6%2C4-1.6c1-1%2C1.5-2.4%2C1.5-3.9%0D%0A%09%09%09C110.4%2C22.3%2C109.7%2C20.7%2C108.5%2C19.6z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M181.9%2C19.6c-1.1-1.1-2.4-1.9-4-2.5l-3.4-1.3c-1.1-0.4-1.6-0.7-1.9-1c-0.2-0.3-0.4-0.5-0.4-1%0D%0A%09%09%09c0-0.4%2C0.1-0.6%2C0.4-0.9c0.3-0.2%2C0.6-0.4%2C1.7-0.4h7.5c-0.4-2.2-2.3-3.4-4.8-3.4h-2.6c-2.3%2C0-3.6%2C0.6-4.5%2C1.5%0D%0A%09%09%09c-0.9%2C0.9-1.4%2C2.1-1.4%2C3.3c0%2C1.3%2C0.5%2C2.6%2C1.4%2C3.4c0.9%2C0.9%2C2%2C1.4%2C3.2%2C1.8l3.2%2C1.2c1.4%2C0.5%2C2.3%2C1.1%2C2.9%2C1.7c0.6%2C0.6%2C0.8%2C1%2C0.8%2C1.9%0D%0A%09%09%09c0%2C0.7-0.2%2C1.1-0.5%2C1.4c-0.3%2C0.3-0.8%2C0.8-2.3%2C0.8h-9.6c0.4%2C2.2%2C2.3%2C3.4%2C4.9%2C3.4h5.7c1.5%2C0%2C3.1-0.6%2C4-1.6c1-1%2C1.5-2.4%2C1.5-3.9%0D%0A%09%09%09C183.8%2C22.3%2C183.1%2C20.7%2C181.9%2C19.6z%22/%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M211.4%2C35.1c0.3%2C0%2C0.5-0.2%2C0.5-0.5v-2.1c0-0.3-0.2-0.5-0.5-0.5h-2.6c-0.3%2C0-0.5%2C0.2-0.5%2C0.5v2.1%0D%0A%09%09%09%09c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.5H211.4z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M205.4%2C35.1c0.3%2C0%2C0.5-0.2%2C0.5-0.5v-2.1c0-0.3-0.2-0.5-0.5-0.5h-2.6c-0.3%2C0-0.5%2C0.2-0.5%2C0.5v2.1%0D%0A%09%09%09%09c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.5H205.4z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M210%2C38.4c-0.4-1-1-2.1-2.9-2.1c-1.9%2C0-2.5%2C1.1-2.9%2C2.1l-6.6%2C18.3h3.5c0%2C0%2C0.5%2C0%2C0.7-0.5l1.4-4.4h7.9%0D%0A%09%09%09%09l1.4%2C4.4c0.2%2C0.5%2C0.7%2C0.5%2C0.7%2C0.5h3.5L210%2C38.4z%20M204.1%2C48.7l3-8.9l3%2C8.9H204.1z%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M162.7%2C9.2c-0.5%2C0-0.8%2C0.3-0.8%2C0.8v16.1l-7.3-14.9c-0.6-1.1-1.5-2.1-3.4-2.1c-1.9%2C0-2.8%2C1-3.1%2C1.7%0D%0A%09%09%09c-0.3%2C0.6-0.4%2C1.5-0.4%2C2.7v16h2.9c0.5%2C0%2C0.8-0.3%2C0.8-0.8V12.6c0%2C0%2C6.8%2C14%2C7.3%2C14.9c0.6%2C1.1%2C1.3%2C2.1%2C3.4%2C2.1c1.9%2C0%2C2.8-1%2C3-1.6%0D%0A%09%09%09c0.3-0.6%2C0.4-1.5%2C0.4-2.5V9.2H162.7z%22/%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M199.6%2C29.5h4.8l-9-10.3l8.8-9.9h-4.7l-7.1%2C8.1c-0.5%2C0.6-0.8%2C1.1-0.8%2C1.8v0c0%2C0.8%2C0.5%2C1.4%2C0.9%2C1.9%0D%0A%09%09%09%09L199.6%2C29.5z%22/%3E%0D%0A%09%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M190%2C10c0-0.5-0.3-0.8-0.8-0.8h-3v20.3l3%2C0c0.5%2C0%2C0.8-0.3%2C0.8-0.8V10z%22/%3E%0D%0A%09%09%3C/g%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M108.7%2C56.7h4.8l-9-10.3l8.8-9.9h-4.7l-7.1%2C8.1c-0.5%2C0.6-0.8%2C1.1-0.8%2C1.8v0c0%2C0.8%2C0.5%2C1.4%2C0.9%2C1.9%0D%0A%09%09%09L108.7%2C56.7z%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M99%2C37.2c0-0.5-0.3-0.8-0.8-0.8h-3v20.3h3c0.5%2C0%2C0.8-0.3%2C0.8-0.8V37.2z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
  background-repeat: no-repeat;
  background-position: 0 0; }

.spriteIconSmart--siteLogo--small {
  background-position: 0 -53px;
  height: 36px;
  width: 124px; }

.spriteIconSmart--siteLogo {
  background-position: 0 -89px;
  height: 48px;
  width: 167px; }

.spriteIconSmart--globe-black {
  background-position: -141px -53px;
  height: 21px;
  width: 21px; }

.spriteIconSmart--globe-white {
  background-position: 0 -137px;
  height: 21px;
  width: 21px; }

.spriteIconSmart--fb {
  background-position: -47px -137px;
  height: 26px;
  width: 26px; }

.spriteIconSmart--in {
  background-position: -21px -137px;
  height: 26px;
  width: 26px; }

.spriteIconSmart--yt {
  background-position: -73px -137px;
  height: 26px;
  width: 26px; }

.btn {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-family: inherit;
  font-size: 17px;
  font-size: 1rem;
  line-height: 1.17647;
  cursor: pointer;
  border: none;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2;
  padding-right: .5em;
  padding-left: .5em;
  background-color: #23a459;
  color: #fff;
  border-radius: 2px;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  @media (min-width: 770px) {
    .btn {
      font-size: 18px;
      font-size: 1.05882rem;
      line-height: 1.11111;
      line-height: 2.15;
      padding-right: 14px;
      padding-left: 14px; } }
  .btn:hover, .btn:focus {
    color: #fff;
    background-color: #1f9350;
    text-decoration: underline; }
  .btn:active {
    color: #fff;
    background-color: #1c8246; }
  .btn:focus {
    outline-color: #287fb8;
    outline-style: auto;
    outline-width: 5px;
    overflow: visible; }
  .btn:visited {
    color: #fff; }
  .btn--primary {
    background-color: #287fb8;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4N2ZiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI1NzNhNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287fb8), color-stop(100%, #2573a7));
    background-image: -moz-linear-gradient(#287fb8, #2573a7);
    background-image: -webkit-linear-gradient(#287fb8, #2573a7);
    background-image: linear-gradient(#287fb8, #2573a7); }
    .lt-ie9 .btn--primary {
      background-color: #287fb8; }
    .btn--primary:hover, .btn--primary:focus {
      color: #fff;
      background-color: #216897; }
      .lt-ie9 .btn--primary:hover, .lt-ie9 .btn--primary:focus {
        background-color: #2573a7; }
    .btn--primary:active {
      color: #fff;
      background: #216897; }
      .btn--primary:active .lt-ie9 {
        background-color: #216897; }
  .btn--secondary {
    background-color: transparent;
    color: #287fb8; }
    .btn--secondary:hover, .btn--secondary:focus {
      color: #2d8dcd;
      text-decoration: underline;
      background-color: transparent; }
    .btn--secondary:active {
      color: #287fb8;
      background-color: transparent; }
    .btn--secondary--toggle {
      padding-left: 0;
      padding-right: 30px;
      font-weight: 600;
      line-height: 1.7; }
      .btn--secondary--toggle i {
        font-size: 30px;
        font-size: 1.76471rem;
        line-height: 1.33333;
        margin-left: 12px;
        line-height: 1;
        position: relative; }
        .btn--secondary--toggle i:before {
          position: absolute;
          top: 0;
          top: -20px; }
      .btn--secondary--toggle[aria-expanded="true"] i:before {
        content: "\f106"; }
  .btn--tertiary {
    background-color: #ebebeb;
    color: #363636; }
    .btn--tertiary:hover, .btn--tertiary:focus {
      color: #363636;
      background-color: #e0e0e0; }
    .btn--tertiary:active {
      color: #363636;
      background-color: #d6d6d6; }
  .btn--quaternary {
    background-color: #5497c4;
    color: #fff; }
    .btn--quaternary:hover, .btn--quaternary:focus {
      color: #fff;
      background-color: #458ebf; }
    .btn--quaternary:active {
      color: #fff;
      background-color: #3d84b3; }
  .btn--styled-select {
    background: #ebebeb url(img/selectbox-bgi.png) right center no-repeat;
    padding-right: 0;
    min-width: 220px;
    border: 1px solid #287fb8; }
    .btn--styled-select:hover, .btn--styled-select:focus {
      color: #363636;
      background-color: #e0e0e0; }
    .btn--styled-select:active {
      color: #363636;
      background-color: #d6d6d6; }

.sortButtonGroup .btn {
  border-right: 1px solid #e3e3e1;
  font-weight: 600;
  line-height: 1.2;
  padding-right: 7px;
  padding-left: 7px; }
  .sortButtonGroup .btn:last-child {
    border-right-style: none; }
  .sortButtonGroup .btn.is-active {
    color: #363636; }

.searchHitList {
  margin: 0;
  padding-top: 21px;
  border-top: 3px solid #e4e4e2; }
  .searchHitList li {
    list-style-type: none; }
  .searchHitList__entry {
    margin-bottom: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e4e4e2; }
    .searchHitList__entry:last-of-type {
      border-style: none; }
  .searchHitList time {
    color: #999999;
    font-weight: 500;
    font-size: 16px; }
  .searchHitList h2 {
    color: #287fb8;
    margin: 0 0 3.5px 0;
    font-weight: 500;
    font-size: 20px;
    font-size: 1.17647rem;
    line-height: 1;
    line-height: 1.2;
    margin: 0px;
    color: #287fb8;
    font-weight: 600;
    line-height: 1.2; }
    @media (min-width: 770px) {
      .searchHitList h2 {
        font-size: 22px;
        font-size: 1.29412rem;
        line-height: 1.81818;
        line-height: 1.2; } }
  @media (min-width: 770px) and (min-width: 770px) {
    .searchHitList h2 {
      font-size: 26px;
      font-size: 1.52941rem;
      line-height: 1.53846;
      line-height: 1.2;
      font-weight: 600; } }

  .searchHitList p {
    margin-bottom: 7px; }

.table--striped tbody tr:nth-of-type(odd) {
  background-color: #eaeaea; }
.table--striped tbody tr:nth-of-type(even) {
  background-color: #f7f7f7; }

th {
  background-color: #dbdbdb;
  font-weight: 600; }

table {
  font-size: 14px;
  font-size: 0.82353rem;
  line-height: 1.42857; }
  @media (min-width: 480px) {
    table {
      font-size: 17px;
      font-size: 1rem;
      line-height: 1.17647;
      line-height: 26px; } }
  table thead td, table thead th {
    border-right: 2px solid #ebebeb; }
    table thead td:last-child, table thead th:last-child {
      border-right-style: none; }

.table--document thead .btn {
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  width: 100%;
  text-align: left;
  color: #363636;
  background-color: transparent; }
  .table--document thead .btn i {
    font-size: 16px;
    font-size: 0.94118rem;
    line-height: 1.25;
    color: #cac8c8; }
.table--document thead .is-filtered .btn i {
  color: #363636; }
.table--document thead th, .table--document thead td {
  font-weight: 600;
  background-color: transparent;
  border-right-style: none;
  border-bottom: 3px solid #ebebeb; 
}
    .asc {
        background-image: url('img/spriteIcon/spriteIconSmart/arrowDown.png')
    }
    .desc {
        background-image: url('img/spriteIcon/spriteIconSmart/arrow.png')
    }

.table--document td {
  vertical-align: top;
  border-bottom: 1px solid #ebebeb;
  padding-top: 10px;
  padding-bottom: 10px; }
  .table--document td:nth-child(2), .table--document td:nth-child(3) {
    white-space: nowrap;
    min-width: 80px; }
  .table--document td p {
    margin-bottom: 0; }
  .table--document td a {
    font-weight: 600;
    word-break: break-all; }
.table--document tbody tr:hover td {
  background-color: #deebf4; }
@media (max-width: 400px) {
  .table--document th:last-child, .table--document td:last-child {
    display: none; } }
.table--document tbody tr:nth-of-type(odd) {
  background-color: #eaeaea; }
.table--document tbody tr:nth-of-type(even) {
  background-color: #f7f7f7; }


/*------------------------------------*\
    tabs
\*------------------------------------*/
.tabs {
  display: block;
  float: left;
  width: 100%; }
  .tabs__nav {
    float: left;
    width: 100%;
    background-color: #3b3b3b; }
    .tabs__nav > ul {
      margin: 7px 0 0 10px; }
      .tabs__nav > ul > li {
        margin: 0 10px; }
        .tabs__nav > ul > li > a {
          color: #fff;
          line-height: 2;
          padding: 0 7px;
          text-decoration: none; }
          @media (min-width: 770px) {
            .tabs__nav > ul > li > a {
              padding: 0 21px;
              line-height: 2.5; } }
          .tabs__nav > ul > li > a:hover {
            background-color: #595959;
            text-decoration: none; }
          .tabs__nav > ul > li > a:focus {
            outline-color: #287fb8;
            outline-style: auto;
            outline-width: 5px;
            overflow: visible;
            text-decoration: underline;
            background-color: #595959; }
        .tabs__nav > ul > li.selected > a, .tabs__nav > ul > li.current > a {
          background-color: #fff;
          color: #363636;
          cursor: default;
          text-decoration: none; }
  .tabs__island {
    margin: 0;
    padding-top: 28px; }
    .tabs__island:focus {
      outline: none; }

.tabcontent {
  display: none; }
  .tabcontent.visible {
    display: block; }

/*!
 *  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("fonts/font-awesome/fontawesome-webfont.eot?v=4.1.0");
  src: url("fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("fonts/font-awesome/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("fonts/font-awesome/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("fonts/font-awesome/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.33333em;
  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.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  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);
  -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);
  -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: #fff; }

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

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-square:before,
.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.island {
  background: white;
  margin-bottom: 28px;
  margin-top: 0;
  padding: 21px;
  font-weight: 400;
  line-height: 1.3;
  font-size: 18px; }
  .index section .island {
    margin-top: 0;
    margin-bottom: 0; }
  .l-complementary .island:first-child {
    margin-top: 0; }
  .island > .headerBordered {
    background: transparent;
    margin-top: 0;
    float: left;
    width: 100%; }
    @media (min-width: 480px) {
      .island > .headerBordered {
        float: none;
        width: auto; } }
    .island > .headerBordered .headerBordered--readmore {
      display: block;
      float: left;
      width: 100%;
      font-size: 18px;
      font-size: 1.05882rem;
      line-height: 1.11111;
      font-weight: 500; }
      @media (min-width: 319px) {
        .island > .headerBordered .headerBordered--readmore {
          display: inline;
          width: auto;
          float: right; } }
  .island--crisis {
    background-color: #cc0000;
    color: #fff; }
    .island--crisis--one {
      background-color: #cc8924; }
    .island--crisis h2 {
      color: #287fb8;
      margin: 0 0 3.5px 0;
      font-weight: 500;
      font-size: 20px;
      font-size: 1.17647rem;
      line-height: 1;
      line-height: 1.2;
      font-size: 22px;
      font-size: 1.29412rem;
      line-height: 1.81818;
      line-height: 1.2;
      color: #fff; }
      @media (min-width: 770px) {
        .island--crisis h2 {
          font-size: 26px;
          font-size: 1.52941rem;
          line-height: 1.53846;
          line-height: 1.2;
          font-weight: 600; } }
    .island--crisis a {
      color: #fff; }
  .island--cookie {
    background-color: #deebf4;
    float: left;
    width: 100%;
    position: relative;
    padding-right: 56px;
    margin-bottom: 0; }
    .island--cookie .btn {
      position: absolute;
      right: 28px;
      top: 14px;
      font-size: 28px;
      font-size: 1.64706rem;
      line-height: 1.42857; }
    .island--cookie .btn--secondary {
      color: #363636; }
    .island--cookie .fa-info-circle {
      font-size: 40px;
      font-size: 2.35294rem;
      line-height: 1;
      color: #23a459;
      float: left;
      margin-right: 14px;
      margin-bottom: 7px; }
  .island--warning {
    background-color: #b30044; }
  .island--secondary {
    padding: 9.33333px 21px;
    background: #f7f7f7;
    border: 2px solid #ebebeb; }

.island.news > ul {
  margin: 0; }

.newsisland--entry,
.calendar--entry {
  border-bottom: 1px solid #e4e4e2; }

.newsisland--entry {
  padding-bottom: 0.82353rem; }

.newsisland--entry:last-of-type,
.calendar--entry:last-of-type {
  border: none; }

.collapsible__content > .newsisland--entry:first-of-type {
  border-top: 1px solid #e4e4e2;
  padding-top: 0.82353rem; }

.newsisland--entry > .newsisland--entry--date {
  color: #666666;
  font-size: 16px; }

.newsisland--entry > a > h2 {
  font-size: 22px;
  font-size: 1.29412rem;
  line-height: 1.81818;
  color: #287fb8;
  margin: 0px;
  line-height: 1.2;
  font-weight: 600; }
  @media (min-width: 770px) {
    .newsisland--entry > a > h2 {
      font-size: 28px;
      font-size: 1.64706rem;
      line-height: 1.42857;
      line-height: 1.2;
      font-weight: bold; } }

.newsisland--entry > img,
.newsisland--entry > .media__img {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px; }
  @media (min-width: 480px) {
    .newsisland--entry > img,
    .newsisland--entry > .media__img {
      max-width: 171px;
      margin-bottom: 0; } }

.island--showmore {
  background: none;
  border: none;
  display: block;
  width: 100%;
  clear: both;
  text-align: center;
  color: #287fb8; }
  .island--showmore i {
    color: #287fb8;
    font-size: 28px;
    font-size: 1.64706rem;
    line-height: 1.42857;
    line-height: 1;
    margin-right: 3px;
    position: relative;
    top: 4px; }
  .island--showmore:hover {
    color: #2d8dcd; }
    .island--showmore:hover > i {
      color: #2d8dcd; }

.Im-selected > .island--showmore {
  display: none; }

.island > ul.links {
  list-style: none;
  margin: 0; }

.island > ul.links a {
  font-weight: bold; }

.island.calendar > ul {
  list-style: none;
  margin: 0; }

.calendar--entry {
  padding-bottom: 15px;
  margin-top: 15px; }

.calendar--entry > .date {
  color: #666666;
  font-size: 16px;
  display: block; }

.calendar--entry > p {
  font-size: 18px; }

.calendar--title {
  font-size: 18px; }

.calendar--contact {
  color: #666666; }

.island__layout-gridContainer {
  padding: 0; }
.island--invissible {
  background-color: transparent;
  padding: 0; }
  .island--invissible > h2 {
    background-color: transparent; }
.island--doclist {
  position: relative;
  margin-top: 42px; }
  .island--doclist > .sortButtonGroup {
    position: absolute;
    right: 0;
    top: -14px; }
  .island--doclist time {
    display: block; }

.stronger {
  font-size: 32px; }

.block {
  display: block; }

.contactMe {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e4e4e2;
  margin-bottom: 15px; }
  @media (min-width: 770px) {
    .l-main .island .contactMe {
      width: 48.05195%;
      float: left;
      border-bottom-style: none; }
      .l-main .island .contactMe:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      .l-main .island .contactMe:nth-child(2n + 2) {
        margin-left: 51.94805%;
        margin-right: -100%;
        clear: none; } }

.js .rightNav--fold {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  background-color: transparent;
  visibility: hidden;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  @media (min-width: 770px) {
    .js .rightNav--fold {
      visibility: visible;
      max-height: 2000em;
      opacity: 1; } }
.js .rightNav--fold.open {
  visibility: visible;
  max-height: 2000em;
  opacity: 1; }

.rightNav--mobHead {
  border-style: none;
  display: block;
  padding: 14px;
  width: 100%;
  border-bottom: 1px solid #1f6ea3;
  border-radius: 2px;
  color: white;
  cursor: pointer; }
  .no-js .rightNav--mobHead {
    display: none; }
  .rightNav--mobHead:focus {
    outline-color: #287fb8;
    outline-style: auto;
    outline-width: 5px;
    overflow: visible; }
  .rightNav--mobHead > span {
    float: left;
    margin-left: 10px;
    padding-left: 13px;
    border-left: 1px solid #1f6ea3; }
  .rightNav--mobHead > i {
    float: left;
    font-size: 22px;
    font-size: 1.29412rem;
    line-height: 1.81818;
    line-height: 1; }
  .rightNav--mobHead.Im-selected--mobiHead {
    border-radius: 2px 2px 0 0; }

.rightNav ul {
  line-height: 37px; }

.rightNav {
  background: white;
  margin-bottom: 1.5em;
  float: left;
  width: 100%; 
  margin-top:0.5em;
}

.rightNav li {
  padding: 0; }

.rightNav a:hover {
  background: #deebf4; }

.rightNav a:active {
  background: #c9dfed; }

.rightNav a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-weight: 600; }
  .rightNav a:hover {
    text-decoration: underline; }

.rightNav .rightNav--level1 > .current > a,
.rightNav .rightNav--level1 > .ancestor > a {
  background: #287fb8;
  color: white; }

.rightNav .rightNav--level1 > .current > a:hover,
.rightNav .rightNav--level1 > .ancestor > a:hover {
  background: #1f6ea3;
  color: white; }

.rightNav .rightNav--level1 > .current > a:active,
.rightNav .rightNav--level1 > .ancestor > a:active {
  background: #1f6ea3;
  color: white; }

.rightNav .rightNav--level2 > .current > a {
  background: #c9dfed; }

.rightNav .rightNav--level1 > .current > a,
.rightNav .rightNav--level1 > .ancestor > a {
  color: white; }

.rightNav li.ancestor {
  padding-bottom: 0; }

.rightNav--level1 {
  border-top: 0;
  margin-bottom: 0px; }

.rightNav--level1 > li > a {
  padding-left: 25px;
  position: relative; }

.rightNav--level1 > li > a > span.after {
  position: absolute;
  display: block;
  top: 3px;
  right: 15px;
  color: #1f6ea3;
  font-weight: normal;
  border: 2px solid #c9dfed;
  border-radius: 20px;
  line-height: 1.4;
  font-size: 18px;
  margin-top: 1px;
  padding: 0 15px;
  background: white; }
  .rightNav--level1 > li > a > span.after:after {
    content: ""; }
  @media (min-width: 770px) {
    .rightNav--level1 > li > a > span.after {
      display: none; } }

.rightNav--level1 > li.ancestor > a > span.after {
  color: white;
  background-color: #1f6ea3; }

.rightNav--level2 {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  margin-left: 0;
  -webkit-transition: 0.1s;
  /* Safari */
  transition: 0.1s; }

.ancestor .rightNav--level2 {
  max-height: 1000px;
  -webkit-transition: 0.2s;
  /* Safari */
  transition: 0.2s; }

.rightNav--level2 > li:last-child {
  border-bottom: none; }

.ancestor > .rightNav--level2 {
  display: block; }

.rightNav--level2 > li > a {
  padding-left: 45px; }

.ancestor > .rightNav--level2 {
  display: block; }

@media (min-width: 770px) {
  /*Screw that. No mobiles!*/
  .rightNav--fold {
    max-height: 4096px; }

  .rightNav--level1 {
    border-top: 1px; }

  .rightNav ul {
    line-height: 52px; }

  .rightNav--mobHead {
    display: none; }

  .rightNav ul.rightNav--level1 {
    display: block; }

  .rightNav li.current {
    display: block; } }
.nav.breadcrumb > li {
  color: #999999;
  line-height: 1.5; }
  .lt-ie9 .nav.breadcrumb > li {
    border: 1px solid #f7f7f7;
    display: inline-block;
    zoom: 1; }

.nav.breadcrumb > li:before {
  content: "\F105 ";
  line-height: 1.5;
  margin: 0px 4px;
  font-family: FontAwesome;
  font-size: 16px; }

.nav.breadcrumb > li:first-child:before {
  content: "";
  margin: 0; }

.nav.breadcrumb > li > a,
.breadcrumb > li.current {
  font-size: 16px; }
  .lt-ie9 .nav.breadcrumb > li > a, .lt-ie9
  .breadcrumb > li.current {
    display: inline-block;
    zoom: 1;
    border: 1px solid #f7f7f7; }

.nav.breadcrumb > li.current {
  color: #999999; }

.breadcrumbwrapper {
  margin: 0.75em 0;
  margin-bottom: -1em; }

.breadcrumbwrapper.pushdown {
  margin-bottom: 0.75em; }

.search-form {
  width: 100%;
  padding: 5px 0;
  margin: 0; }
  .search-form fieldset {
    padding: 0 10px;
    border-style: none;
    position: relative; }
  .search-form input {
    width: 100%;
    height: 56px;
    display: block;
    padding: 0 5%;
    float: left;
    color: #363636;
    font-family: "Whitney A", "Whitney B", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.05882rem;
    line-height: 1.11111;
    line-height: normal;
    border: 0;
    background: #fff;
    border-radius: 100px;
    box-sizing: border-box; }
    .search-form input:focus {
      outline-color: #287fb8;
      outline-style: auto;
      outline-width: 5px;
      overflow: visible; }
  .search-form button {
    position: absolute;
    right: 10px;
    overflow: hidden;
    padding: 0;
    width: 56px;
    height: 56px;
    border-radius: 100px;
    background-color: transparent;
    color: #000;
    cursor: pointer; }
    .search-form button:hover, .search-form button:focus {
      color: #363636;
      background-color: #e0e0e0; }
    .search-form button:active {
      color: #363636;
      background-color: #d6d6d6; }
    .search-form button .fa-search {
      position: absolute;
      top: 7px;
      right: 18px;
      font-size: 24px;
      font-size: 1.41176rem;
      line-height: 1.66667; }
  .search-form label {
    margin: 0; }
    .search-form label span {
      position: absolute;
      z-index: 1;
      cursor: text;
      pointer-events: none;
      color: #999;
      /* Input padding + input border */
      padding: 0px 5%;
      /* Firefox does not respond well to different line heights. Use padding instead. */
      line-height: 17px;
      /* This gives a little gap between the cursor and the label */
      margin-left: 2px;
      line-height: 56px;
      height: 100%;
      left: 10px; }

.input input, .input textarea, .input select {
  z-index: 0;
  padding: 6px;
  margin: 0;
  font: inherit;
  line-height: 17px; }

.shares {
  margin-bottom: 2em; }

/*We dont like their way of doing things...*/
.shares > .fb-share-button > span {
  vertical-align: top !important;
  /*Why oh why...*/ }

.shares .fb-share-button {
  margin-right: 10px; }

.shares .IN-widget {
  margin-right: 5px; }

.mapcontainer {
  background: white;
  float: left;
  width: 100%;
  margin-bottom: 28px; }
  .l-complementary .mapcontainer:first-child {
    margin-top: 0; }

.mapcontainer figcaption {
  line-height: 48px;
  margin: 0em 1em;
  display: block; }

.mapcontainer figcaption > a {
  margin: 0; }

.mapcontainer figure {
  margin: 0;
  width: 100%; }

.mapcontainer figure > img {
  width: 100%; }

.iframecontainer {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  margin-bottom: 28px; }
  .iframecontainer > iframe {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    border: none; }

.quadraticIframeContainer {
  width: 100%;
  padding-top: 100%;
  position: relative; }
  .quadraticIframeContainer iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border: none; }

.linkpuff__item {
  display: block;
  position: relative;
  background-color: #deebf4;
  padding: 14px;
  padding-right: 70px;
  margin-bottom: .25em;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  @media (min-width: 1170px) {
    .linkpuff__item {
      padding: 18px 70px 18px 28px; } }
  .linkpuff__item:visited {
    color: #287fb8; }
  .linkpuff__item:after {
    content: "\f105";
    font-size: 50px;
    font-size: 2.94118rem;
    line-height: 1.2;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -25px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased; }
  .linkpuff__item:hover {
    text-decoration: none;
    background-color: #c9dfed; }
    .linkpuff__item:hover > h2 {
      text-decoration: underline; }
  .linkpuff__item > h2 {
    margin: 0;
    margin-bottom: 7px;
    color: #287fb8;
    font-size: 18px;
    font-size: 1.05882rem;
    line-height: 1.11111;
    font-weight: bold; }
    .linkpuff__item > h2 > .fa-external-link {
      font-size: 20px;
      font-size: 1.17647rem;
      line-height: 1;
      margin-left: 5px; }
    @media (min-width: 1170px) {
      .linkpuff__item > h2 {
        font-size: 26px;
        font-size: 1.52941rem;
        line-height: 1.53846;
        line-height: 1.2; } }
  .linkpuff__item > p {
    margin: 0;
    color: #363636;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.25em; }
.linkpuff__listitem {
  margin-bottom: -1px; }
  @media (min-width: 770px) {
    .l-main.halfwidth .linkpuff__listitem {
      width: 48.05195%;
      float: left; }
      .l-main.halfwidth .linkpuff__listitem:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      .l-main.halfwidth .linkpuff__listitem:nth-child(2n + 2) {
        margin-left: 51.94805%;
        margin-right: -100%;
        clear: none; } }
.linkpuff--wrapper {
  margin-top: 28px;
  margin-bottom: 28px; }

.puff-Alpha {
  float: left;
  width: 100%;
  margin-bottom: 28px;
  background-color: #fff; }
  .puff-Alpha__img {
    float: left;
    width: 100%; }
  .puff-Alpha__imgWrap {
    position: relative;
    float: left;
    width: 100%; }
    .puff-Alpha__imgWrap:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      content: '';
      opacity: 0; }
  .puff-Alpha__link {
    float: left;
    width: 100%;
    outline-offset: 100px;
    outline-color: #ebebea; }
    .puff-Alpha__link:hover, .puff-Alpha__link:focus {
      outline-offset: 0;
      outline: 5px solid #ebebea; }
      .puff-Alpha__link:hover h1, .puff-Alpha__link:hover h2, .puff-Alpha__link:hover h3, .puff-Alpha__link:focus h1, .puff-Alpha__link:focus h2, .puff-Alpha__link:focus h3 {
        text-decoration: underline; }
      @media (min-width: 770px) {
        .puff-Alpha__link:hover, .puff-Alpha__link:focus {
          outline: 10px solid #ebebea;
          outline-offset: 0; } }
      .puff-Alpha__link:hover .puff-Alpha__imgWrap:before, .puff-Alpha__link:focus .puff-Alpha__imgWrap:before {
        opacity: 1; }
  .puff-Alpha__figcaption {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 10px 21px 10px;
    margin-top: 0; }
    @media (min-width: 1170px) {
      .projectList .puff-Alpha__figcaption {
        min-height: 250px; } }
  .puff-Alpha__label {
    position: absolute;
    top: -15px;
    left: 21px;
    display: block;
    line-height: 30px;
    padding: 0px 15px;
    color: white;
    background: #287fb8;
    font-size: 16px;
    font-size: 0.94118rem;
    line-height: 1.25;
    line-height: 1.9; }
  .puff-Alpha__header {
    font-weight: 600;
    font-size: 18px;
    font-size: 1.05882rem;
    line-height: 1.11111;
    margin-top: 28px;
    margin-bottom: 0; }
    @media (min-width: 480px) {
      .puff-Alpha__header {
        font-size: 22px;
        font-size: 1.29412rem;
        line-height: 1.81818;
        line-height: 1.05; } }
  .puff-Alpha__ingress {
    color: #363636;
    font-size: 18px;
    font-size: 1.05882rem;
    line-height: 1.11111;
    margin-bottom: 0;
    margin-top: 5px;
    letter-spacing: 0.5px;
    line-height: 1.3em; }
  .puff-Alpha--secondary .puff-Alpha__label {
    background-color: #b30044; }
  @media (min-width: 770px) {
    .puff-Alpha--secondary .puff-Alpha__header {
      font-size: 28px;
      font-size: 1.64706rem;
      line-height: 1.42857;
      line-height: 1.1;
      margin-bottom: 7px;
      white-space: normal; } }

.sliderContainer {
  width: 100%;
  overflow: hidden;
  display: block;
  white-space: nowrap; }

.projectSlide {
  display: inline-block;
  width: 90%;
  padding: 0% 2%;
  min-height: 350px; }

.projectSlide:first-child {
  margin-left: 4%; }

.projectSlide:last-child {
  margin-right: 4%; }

.projectSlide .puff-Alpha {
  display: block;
  width: 90%; }

.projectSlide .puff-Alpha__header {
  white-space: normal;
  font-size: 30px;
  font-size: 1.76471rem;
  line-height: 1.33333; }

.projectSlide .puff-Alpha__ingress {
  display: none; }

.smallpuff .puff-Alpha__figcaption {
  padding-left: 21px;
  padding-right: 21px; }

@media (min-width: 770px) {
  .gridModule-2up .puff-Alpha__link {
    height: 600px; } }

@media (min-width: 770px) {
  .gridModule-3up .puff-Alpha__link {
    height: 480px; } }

.puff-Beta {
  float: left;
  width: 100%;
  margin-bottom: 28px;
  position: relative; }
  .puff-Beta__img {
    float: left;
    width: 100%; }
  .puff-Beta__imgWrap {
    position: relative;
    float: left;
    width: 100%; }
    .puff-Beta__imgWrap:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      content: '';
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      opacity: 0; }
  .puff-Beta__link {
    float: left;
    width: 100%; }
    .puff-Beta__link:hover, .puff-Beta__link:focus {
      outline: 5px solid #ebebea;
      text-decoration: none; }
      .puff-Beta__link:hover h1, .puff-Beta__link:hover h2, .puff-Beta__link:hover h3, .puff-Beta__link:focus h1, .puff-Beta__link:focus h2, .puff-Beta__link:focus h3 {
        text-decoration: underline; }
      @media (min-width: 770px) {
        .puff-Beta__link:hover, .puff-Beta__link:focus {
          outline: 10px solid #ebebea; } }
      .puff-Beta__link:hover .puff-Beta__imgWrap:before, .puff-Beta__link:focus .puff-Beta__imgWrap:before {
        opacity: 1; }
  .puff-Beta__figcaption {
    background-color: #000;
    color: #fff;
    padding: 14px;
    width: 100%; }
    @media (min-width: 770px) {
      .puff-Beta__figcaption {
        background-color: black;
        background-color: rgba(0, 0, 0, 0.7);
        position: absolute;
        bottom: 0;
        left: 0; } }
    @media (min-width: 1170px) {
      .puff-Beta__figcaption {
        padding: 21px 28px; } }
  .puff-Beta__header {
    margin-top: 14px;
    margin-bottom: 7px;
    display: inline-block;
    color: #fff; }
    @media (min-width: 770px) {
      .puff-Beta__header {
        font-size: 24px;
        font-size: 1.41176rem;
        line-height: 1.66667;
        margin-top: 0;
        margin-bottom: 3.5px;
        line-height: 1.1; } }
    @media (min-width: 1170px) {
      .puff-Beta__header {
        font-size: 28px;
        font-size: 1.64706rem;
        line-height: 1.42857;
        line-height: 1.1; } }
  .puff-Beta__ingress {
    text-decoration: none; }
    @media (min-width: 1170px) {
      .puff-Beta__ingress {
        padding-right: 180px;
        margin-bottom: 0; } }

.Headersearchresults {
  position: absolute;
  clear: both;
  top: 76px;
  width: 100%;
  z-index: 10; }

.Headersearchresults > ul {
  background: white;
  list-style-type: none;
  margin: 0px auto;
  max-height: 0px;
  width: 100%;
  max-width: 610px;
  border-radius: 0 0 2px 2px;
  border-color: #cccccc;
  padding: 0;
  -webkit-transition: 0.2s;
  /* For Safari 3.1 to 6.0 */
  transition: 0.2s;
  overflow: hidden; }

.Headersearchresults.isOpen > ul {
  max-height: 500px;
  border: 1px solid #cccccc;
  border-width: 0px 1px 1px 1px;
  overflow: auto; }

.Headersearchresults--result {
  display: block;
  padding: 0px 20px;
  line-height: 35px;
  border-top: 1px solid #eaeaea; }

.Headersearchresults--result:hover {
  background: #e9f2f8; }

.Headersearchresults--result > a {
  color: #287eb7;
  text-decoration: none; }

.Headersearchresults--result:hover > a {
  text-decoration: underline; }

.abouthead {
  color: white;
  background: #171717;
  display: block;
  margin: 1em 0; }

.abouthead > img {
  display: block; }

.abouthead--text {
  padding: 0 30px;
  display: block;
  color: white;
  width: 400px;
  float: left;
  text-align: center; }

.abouthead--text > p {
  margin-bottom: 50px; }

.abouthead--text > h2 {
  color: white;
  font-size: 36px; }

.abouthead--text > .btn {
  background: #23a459;
  color: white;
  text-decoration: none; }

/*------------------------------------*\
    $collapsible
\*------------------------------------*/
.js .collapsible .collapsible__content, .js
.collapsible .collapsible__content--search, .js
.collapsible .collapsible__content--menu {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  background-color: transparent;
  display: none;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
.js .collapsible.Im-selected .collapsible__content {
  display: block;
  max-height: 2000em;
  opacity: 1; }

.js .collapsible.Im-selected--search .collapsible__content--search, .js
.collapsible.Im-selected--menu .collapsible__content--menu {
  display: block;
  max-height: 2000em;
  opacity: 1; }

.collapsible.Im-selected .collapsible__content--part-of-list {
  padding-top: 0 !important; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

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

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 5px;
  left: 7px;
  color: #999999;
  font-size: 18px;
  line-height: 1.1;
  width: 100%; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -48px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
  padding-bottom: 30px;
  background: black; }

.mfp-title {
  text-align: left;
  line-height: 1.2;
  font-size: 20px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-top: 20px;
  padding-left: 15px;
  margin-top: 10px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.nav.breadcrumb.taglist {
  font-size: 14px;
  font-size: 0.82353rem;
  line-height: 1.42857; }
  .nav.breadcrumb.taglist > li {
    line-height: 1.3; }
    .nav.breadcrumb.taglist > li:before {
      line-height: 1.3; }
    .nav.breadcrumb.taglist > li > a {
      font-size: 14px;
      font-size: 0.82353rem;
      line-height: 1.42857; }
    .nav.breadcrumb.taglist > li > i {
      font-size: 14px;
      font-size: 0.82353rem;
      line-height: 1.42857;
      position: relative;
      top: 2px; }
.nav.breadcrumb.popSearchList > li {
  color: #e4e4e2;
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25;
  line-height: 1.3; }
  .nav.breadcrumb.popSearchList > li:first-child {
    color: #363636; }
  .nav.breadcrumb.popSearchList > li:before {
    line-height: 1.3; }

.m-embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  margin-bottom: 14px; }
  .m-embed-container iframe, .m-embed-container object, .m-embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.flexbox .flexParent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden; }
.flexbox .flexChild {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 31.07692% !important; }
  @media (min-width: 480px) {
    .flexbox .flexChild {
      margin: 0% 0.57% 1% !important; } }
  @media (min-width: 1170px) {
    .flexbox .flexChild {
      margin: 0% 0.94% 2% !important;
      width: 23.07692% !important; } }
  @media (max-width: 900px) {
    .flexbox .flexChild {
      width: 48.71795% !important; } }

.reviewdate {
  color: #999999;
  font-size: 16px;
  font-size: 0.94118rem;
  line-height: 1.25;
  margin-bottom: 28px; }

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

.radiofilter.label {
  display: block;
  cursor: pointer;
  line-height: 2.5;
  font-size: 1.5em; }

.radiofilter [type="radio"] + span {
  display: block; }

.filter-btn-group > label.radiofilter {
  margin-bottom: 5px; }

/* Ej checkad stil*/
.radiofilter [type="radio"] + span:before {
  content: "\f00c";
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: baseline;
  margin-right: 0.33em;
  opacity: 0.2;
  transition: 0.2s ease all; }

/* checkad stil med :checked pseudo class */
.radiofilter [type="radio"]:checked + span:before {
  opacity: 1; }

.filterFound {
  float: left;
  max-width: 50%;
  display: block;
  padding: 0 7px 0 0; }
  .filterFound span {
    font-weight: bold; }

.filterFound.block {
  float: none;
  max-width: 100%; }

.rssContainer {
  margin-top: 40px; }
  .rssContainer > span {
    font-size: 16px;
    font-weight: 500; }
  .rssContainer > button {
    font-size: 16px;
    line-height: 2;
    padding: 0 10px;
    margin-left: 5px; }
    .rssContainer > button:hover {
      text-decoration: none; }

.layout-gridContainer--header {
  overflow: hidden;
  margin: 10px 0 0 0;
  padding: 0; }
  @media (min-width: 770px) {
    .layout-gridContainer--header {
      margin: 0 auto;
      padding: 0 10px; } }

.pageWideWrapper--header__site-logo {
  position: relative;
  top: 3px;
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  background-position: 0 -53px;
  /*height: 36px;*/
  width: 124px; }
  .svg .pageWideWrapper--header__site-logo {
    background-position: 0 0; }
  @media (min-width: 770px) {
    .pageWideWrapper--header__site-logo {
      float: left;
      margin-top: 25px;
      margin-right: 0;
      /*margin-bottom: 20px;*/
      background-position: 0 -89px; } }

.nav__globallinks {
  margin-top: 5px;
  display: none;
  visibility: hidden; 
}

.nav li.nav__globallinks__item a:hover{
    text-decoration:underline;
    background-color:#000;
}

  @media (min-width: 770px) {
    .nav__globallinks {
      width: 74.35897%;
      float: right;
      display: block;
      visibility: visible; } }
  .nav__globallinks__list {
    margin-bottom: 0;
    float: right; }
  .nav__globallinks__item {
    font-size: 13px;
    font-size: 0.76471rem;
    line-height: 1.53846;
    /*margin-left: 1em;*/
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 500; 
    padding-left:0px;
    padding-right:0px;
  }
    .nav__globallinks__item a {
      color: #fff; }
    .nav__globallinks__item a:hover {
      }
   
.nav__mainnav {
  float: right;
  margin-top: 10px;
  display: none;
  visibility: hidden;
  width: 74.35897%;
  float: right; }
  @media (min-width: 770px) {
    .nav__mainnav {
      display: block;
      visibility: visible; } }
  @media (min-width: 1170px) {
    .nav__mainnav {
      width: 82.90598%;
      float: right;
      margin-top: 0; } }
  .nav__mainnav__list {
    margin-bottom: 0;
    text-align: right;
    white-space: nowrap;
    /*Quickfix for altsearch*/ }
  .nav__mainnav__item {
    font-size: 18px;
    font-size: 1.05882rem;
    line-height: 1.11111;
    margin: 0 -2px;
    font-weight: 400; 

  }
    @media (min-width: 1170px) {
      .nav__mainnav__item {
        font-size: 22px;
        font-size: 1.29412rem;
        line-height: 1.81818; } }
    .nav__mainnav__item a {
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      padding: 14px 10px 25px 10px;
      color: #fff; }
      @media (min-width: 1170px) {
        .nav__mainnav__item a {
          padding: 8px 14px 22px 14px; } }
      .nav__mainnav__item a:hover {
        background-color: #3b3b3b;
        text-decoration: none; }
    .nav__mainnav__item__icon {
      margin-left: 3.5px; }
    .nav__mainnav__item.selected a {
      text-decoration: none;
      background-color: #3b3b3b; }
      .nav__mainnav__item.selected a:hover {
        cursor: default; }
.nav__subnav {
  display: none;
  visibility: hidden; }
  @media (min-width: 770px) {
    .nav__subnav {
      display: block;
      visibility: visible; } }
  .nav__subnav__list {
    margin-bottom: 0;
    padding: .45em 0; }
  .nav__subnav__item {
    font-size: 16px;
    font-size: 0.94118rem;
    line-height: 1.25;
    margin: 0;
    font-weight: 400; }
    @media (min-width: 1170px) {
      .nav__subnav__item {
        font-size: 18px;
        font-size: 1.05882rem;
        line-height: 1.11111; } }
    .nav__subnav__item a {
      padding: .2em .5em;
      color: #fff;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
      @media (min-width: 1170px) {
        .nav__subnav__item a {
          padding: .4em 1em; } }
      .nav__subnav__item:hover {
        border-radius: 100px;
        background-color: #595959;
        text-decoration: none; }
    .nav__subnav__item.selected a {
      border-radius: 100px;
      background-color: #ebebeb;
      color: #171717; }
      .nav__subnav__item.selected a:hover {
        background-color: #ebebeb;
        text-decoration: none;
        cursor: default; }

.block-list.nav--mobile__list {
  border-color: #454545; }
  .block-list.nav--mobile__list > li {
    font-size: 22px;
    font-size: 1.29412rem;
    line-height: 1.81818;
    padding: 0;
    border-color: #454545;
    border-bottom-color: #454545;
    font-weight: 600; }
    .block-list.nav--mobile__list > li > a,
    .block-list.nav--mobile__list > li .block-list__link {
      position: relative;
      margin: 0;
      padding: 6px 17px;
      color: #fff; }
      .block-list.nav--mobile__list > li > a:hover,
      .block-list.nav--mobile__list > li .block-list__link:hover {
        text-decoration: underline; }
    .block-list.nav--mobile__list > li.selected {
      border-top: 1px solid #454545; }
      .block-list.nav--mobile__list > li.selected > a {
        background-color: #171717; }

.nav--mobile__item.hasChildren > a > span.after {
  position: absolute;
  display: block;
  top: 3px;
  right: 15px;
  font-weight: normal;
  border: 2px solid #3d3d3d;
  border-radius: 20px;
  line-height: 33px;
  font-size: 18px;
  margin-top: 4px;
  padding: 0 15px;
  background: #191919; }
  .nav--mobile__item.hasChildren > a > span.after:after {
    content: ""; }

.nav--mobile__item.hasChildren.selected > a:hover {
  text-decoration: underline; }
.nav--mobile__item.hasChildren.selected > a > span.after {
  background: #3d3d3d; }

.nav--mobile__item.hasChildren > ul {
  display: block;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.1s;
  /* For Safari 3.1 to 6.0 */
  -moz-transition: max-height 0.1s;
  /* For Safari 3.1 to 6.0 */
  transition: max-height 0.1s; }

.nav--mobile__item.hasChildren.selected > ul {
  max-height: 1000px;
  -webkit-transition: max-height 0.2s;
  /* For Safari 3.1 to 6.0 */
  -moz-transition: max-height 0.2s;
  /* For Safari 3.1 to 6.0 */
  transition: max-height 0.2s; }

.block-list.nav--mobile__list--level2 {
  border-color: #454545; }
  .block-list.nav--mobile__list--level2 > li {
    border-color: #595959;
    padding: 0;
    font-weight: 400; }
    .block-list.nav--mobile__list--level2 > li > a,
    .block-list.nav--mobile__list--level2 > li .block-list__link {
      color: #fff;
      position: relative;
      background-color: #363636;
      padding: 3px 2% 3px 10%;
      margin: 0; }
      .block-list.nav--mobile__list--level2 > li > a:hover,
      .block-list.nav--mobile__list--level2 > li .block-list__link:hover {
        background-color: #363636;
        text-decoration: underline; }
    .block-list.nav--mobile__list--level2 > li.selected > a {
      background-color: #363636; }
  .block-list.nav--mobile__list--level2 .block-list__link {
    padding: 3px 10px;
    margin: 0; }

.collapsible--mobile {
  margin-top: 5px; }
  @media (min-width: 770px) {
    .collapsible--mobile {
      display: none;
      visibility: hidden; } }
  .collapsible--mobile .btn-toggle-menu {
    font-size: 23px;
    font-size: 1.35294rem;
    line-height: 1.73913;
    padding: 0;
    margin: 0;
    float: left;
    background-color: #171717;
    line-height: 1;
    color: #fff;
    border-radius: 0; }
    .collapsible--mobile .btn-toggle-menu:focus {
      outline-color: #287fb8;
      outline-style: auto;
      outline-width: 5px;
      overflow: visible;
      background-color: #242424; }
    .collapsible--mobile .btn-toggle-menu .fa {
      padding: 0 .3em; }
    .collapsible--mobile .btn-toggle-menu .fa-bars {
      border-right: 1px solid #8c8c8c; }
    .collapsible--mobile .btn-toggle-menu.js-collapsible__trigger--menu {
      margin-left: 10px;
      padding-right: 20px; }
    .collapsible--mobile .btn-toggle-menu.js-collapsible__trigger--search {
      padding-left: 10px; }
.collapsible.Im-selected--menu .collapsible__content {
  padding-top: 1em; }

.collapsible .btn-toggle-menu.js-collapsible__trigger--menu {
  
  width: 47px; }
  .collapsible .btn-toggle-menu.js-collapsible__trigger--menu:before {
    font-family: FontAwesome;
    content: "\f0c9";
    text-decoration: none;
    margin-left: 6px; }
.collapsible .btn-toggle-menu:hover {
  text-decoration: none; }
.collapsible.Im-selected--menu .btn-toggle-menu.js-collapsible__trigger--menu:before {
  font-family: FontAwesome;
  content: "\f00d";
  text-decoration: none; }

li.altsearch {
  width: 20%;
  position: relative;
  font-size: 0.75em; }
  li.altsearch input[type="search"] {
    border-radius: 2em;
    border: none;
    padding: 0 1em;
    width: 100%;
    height: 30px;
    box-sizing: border-box; }
  li.altsearch .altsearch-submit {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    color: black;
    background: transparent;
    line-height: 1em; }

.topSearch {
  background-color: #171717;
  overflow: hidden;
  height: 0px;
  padding: 0px 0px;
  -webkit-transition: height 0.2s;
  /* For Safari 3.1 to 6.0 */
  transition: 0.2s; }

.no-js .topSearch,
.topSearch.open {
  display: block;
  padding: 15px 0px;
  height: 80px; }

.headersearch {
  max-width: 687px;
  width: 100%;
  margin: 0px auto; }

@media screen and (max-width: 800px) {
  .nav__mainnav__item {
    font-size: 0.95rem; } }
.footer--global {
  color: white;
  padding-top: 1em;
  padding-bottom: 1em; }
  @media (min-width: 770px) {
    .footer--global {
      padding-top: 2em;
      padding-bottom: 2em; } }
  .footer--global__col {
    list-style-type: none;
    padding: 0;
    margin-left: 0; }
    @media (max-width: 770px) {
      .footer--global__col {
        padding-left: 2em;
        padding-right: 2em; } }
    @media (min-width: 770px) {
      .footer--global__col {
        width: 31.62393%;
        float: left; }
        .footer--global__col:nth-child(3n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .footer--global__col:nth-child(3n + 2) {
          margin-left: 34.18803%;
          margin-right: -100%;
          clear: none; }
        .footer--global__col:nth-child(3n + 3) {
          margin-left: 68.37607%;
          margin-right: -100%;
          clear: none; } }
    @media (min-width: 1170px) {
      .footer--global__col {
        width: 14.52991%;
        float: left; }
        .footer--global__col:nth-child(6n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .footer--global__col:nth-child(6n + 2) {
          margin-left: 17.09402%;
          margin-right: -100%;
          clear: none; }
        .footer--global__col:nth-child(6n + 3) {
          margin-left: 34.18803%;
          margin-right: -100%;
          clear: none; }
        .footer--global__col:nth-child(6n + 4) {
          margin-left: 51.28205%;
          margin-right: -100%;
          clear: none; }
        .footer--global__col:nth-child(6n + 5) {
          margin-left: 68.37607%;
          margin-right: -100%;
          clear: none; }
        .footer--global__col:nth-child(6n + 6) {
          margin-left: 85.47009%;
          margin-right: -100%;
          clear: none; } }
  .footer--global__colitem {
    line-height: 20px;
    padding: 5px 0;
    font-size: 18px;
    color: white;
    font-weight: 400;
    text-transform: none; }
    .footer--global__colitem > a {
      color: white; }
      .footer--global__colitem > a:hover {
        text-decoration: underline; }
      .footer--global__colitem > a:visited {
        color: white; }
    @media (max-width: 770px) {
      .footer--global__colitem {
        display: none; } }
  .footer--global__colheader {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px; }
    @media (max-width: 770px) {
      .footer--global__colheader {
        display: block; }
        .footer--global__colheader a {
          float: left;
          width: 100%; }
          .footer--global__colheader a:before {
            content: "\f078";
            display: inline-block;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            margin-right: .25em; } }
  .footer--global__contact {
    width: 100%;
    float: left;
    border-top: 3px solid #454545;
    padding-top: 2em;
    margin-top: 1em;
    font-size: 17px; }
    @media (max-width: 770px) {
      .footer--global__contact {
        padding-left: 2em;
        padding-right: 2em; }
        .footer--global__contact .spriteIconSmart--siteLogo {
          background-position: 0 -53px;
          height: 36px;
          width: 124px; }
          .svg .footer--global__contact .spriteIconSmart--siteLogo {
            background-position: 0 0; } }
    @media (min-width: 770px) {
      .footer--global__contact {
        font-size: 18px; } }
    .footer--global__contact__head {
      color: #fff;
      font-size: 17px;
      margin-bottom: 3.5px;
      font-weight: normal; }
      @media (min-width: 770px) {
        .footer--global__contact__head {
          font-size: 18px;
          margin-bottom: 3.5px; } }
    .footer--global__contact__info {
      line-height: 1.4; 
      padding-top: 10px;
    }
      .footer--global__contact__info a {
        color: white; }
        .footer--global__contact__info a:hover {
          color: white;
          text-decoration: underline; }
  .footer--global__social {
    float: left;
    width: 100%;
    text-align: center; }
    @media (max-width: 770px) {
      .footer--global__social {
        margin-bottom: 1em;
        margin-top: 1em; } }
    @media (min-width: 770px) {
      .footer--global__social {
        margin-top: 1em;
        width: auto;
        text-align: left;
        font-weight: 400;
        font-size: 18px; } }
  .footer--global__sociallink {
    margin-right: .5em;
    color: white;
    text-decoration: none; }
    .footer--global__sociallink:hover {
      color: white;
      text-decoration: underline; }
    .footer--global__sociallink:visited {
      color: white; }
    .footer--global__sociallink i.fb {
      color: #3B5998;
      font-size: 50px;
      margin: 0 10px; }
      @media (min-width: 770px) {
        .footer--global__sociallink i.fb {
          margin: 0;
          font-size: 28px;
          height: 26px;
          width: 26px; } }
    .footer--global__sociallink i.ln {
      color: #4875B4;
      font-size: 50px;
      margin: 0 10px; }
      @media (min-width: 770px) {
        .footer--global__sociallink i.ln {
          margin: 0;
          font-size: 28px;
          height: 26px;
          width: 26px; } }
    .footer--global__sociallink i.yt {
      color: #FF3333;
      font-size: 50px;
      margin: 0 10px; }
      @media (min-width: 770px) {
        .footer--global__sociallink i.yt {
          margin: 0;
          font-size: 28px;
          height: 26px;
          width: 32px; } }
    @media (min-width: 770px) {
      .footer--global__sociallink i {
        margin-right: .25em;
        margin-top: -2px; } }
  @media (max-width: 770px) {
    .footer--global__socialName {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
      border: 1px solid red; } }
  .footer--global__publisher {
    float: left;
    font-size: 14px;
    padding: 0px 15px;
    width: 100%;
    text-align: center; }
    @media (min-width: 770px) {
      .footer--global__publisher {
        float: right;
        width: auto;
        margin-top: 1em; } }
    .footer--global__publisher > a {
      color: white;
      text-decoration: underline; }
      .footer--global__publisher > a:hover {
        text-decoration: underline;
        color: white; }
    .footer--global__publisher span {
      font-weight: 600; }

.footer a {
  text-decoration: underline; }

footer #footerDesktopnav {
  display: none; }
  @media (min-width: 770px) {
    footer #footerDesktopnav {
      display: block; } }

footer #footerMobnav {
  display: block; }
  @media (min-width: 770px) {
    footer #footerMobnav {
      display: none; } }

.projecthead {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 28px;
  padding: 14px;
  background-color: #287fb8;
  color: #fff; }
  @media (min-width: 1170px) {
    .projecthead {
      padding: 21px 28px; } }
  .projecthead__header {
    margin-bottom: 7px;
    color: #fff; }
    @media (min-width: 770px) {
      .projecthead__header {
        margin-bottom: 14px; } }
    @media (min-width: 1170px) {
      .projecthead__header {
        float: left;
        margin-bottom: 0; } }
  @media (min-width: 1170px) {
    .projecthead__navigationalwrapper {
      float: right;
      width: 45%;
      margin-top: 6.5px; } }
  .projecthead__follow {
    margin-bottom: 14px;
    display: block;
    float: left; }
    @media (min-width: 770px) {
      .projecthead__follow {
        margin-top: 3.5px; } }
    @media (min-width: 1170px) {
      .projecthead__follow {
        margin-bottom: 0; } }
    .projecthead__follow p {
      font-size: 16px;
      font-size: 0.94118rem;
      line-height: 1.25;
      float: left;
      margin-top: 7.5px;
      margin-right: 7px;
      margin-bottom: 4.66667px; }
    .projecthead__follow__btnGroup {
      float: left; }
      .projecthead__follow__btnGroup .btn {
        font-size: 16px;
        font-size: 0.94118rem;
        line-height: 1.25;
        line-height: 2.15;
        padding-left: 10px !important;
        padding-right: 10px !important;
        position: relative;
        top: -4px; }
  .projecthead__search .search-form {
    padding: 0; }
    .projecthead__search .search-form fieldset {
      margin: 0;
      padding: 0; }
    .projecthead__search .search-form input {
      color: #999999;
      height: 40px;
      padding-right: 12%; }
  @media (min-width: 770px) {
    .projecthead__search {
      clear: none; }
      .projecthead__search:before, .projecthead__search:after {
        content: "";
        display: block; }
      .projecthead__search:after {
        clear: none; }
      .projecthead__search .search-form fieldset {
        padding-left: 14px; } }
  .projecthead .btn {
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    right: 0px; }
    .projecthead .btn .fa-search {
      top: 0px; }

.searchhead {
  float: left;
  width: 100%;
  margin-bottom: 28px;
  background-color: transparent; }
  @media (min-width: 770px) {
    .searchhead {
      float: none;
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
      .notFound .searchhead {
        float: left;
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
  @media (min-width: 1170px) {
    .searchhead {
      margin-top: 14px;
      padding: 21px 28px; }
      .notFound .searchhead {
        padding-left: 0;
        padding-right: 0; } }
  .searchhead__header {
    margin-bottom: 7px;
    color: #fff; }
    @media (min-width: 770px) {
      .searchhead__header {
        margin-bottom: 14px; } }
  .searchhead__search .search-form {
    padding: 0; }
    .searchhead__search .search-form fieldset {
      margin: 0;
      padding: 0; }
    .searchhead__search .search-form input {
      -moz-box-shadow: #f7f7f7 0px 0px 0px inset;
      -webkit-box-shadow: #f7f7f7 0px 0px 0px inset;
      box-shadow: #f7f7f7 0px 0px 0px inset;
      padding-left: 28px;
      border: 1px solid #ebebeb;
      color: #363636; }
      @media (min-width: 770px) {
        .searchhead__search .search-form input {
          font-size: 30px;
          font-size: 1.76471rem;
          line-height: 1.33333;
          height: 75px; } }
    @media (min-width: 770px) {
      .searchhead__search .search-form button {
        font-size: 30px;
        font-size: 1.76471rem;
        line-height: 1.33333;
        right: 10px;
        width: 100px;
        height: 75px;
        border-radius: 100px; }
        .searchhead__search .search-form button .fa-search {
          font-size: 30px;
          font-size: 1.76471rem;
          line-height: 1.33333;
          right: 35px;
          line-height: 2.3; } }
  .searchhead .nav.breadcrumb {
    margin-top: 14px; }
    @media (min-width: 770px) {
      .searchhead .nav.breadcrumb {
        margin: 14px 28px; } }

.searchResultInfo {
  border-top: 3px solid #e4e4e2;
  padding: 14px 0; }
  @media (min-width: 770px) {
    .searchResultInfo__hits {
      float: left;
      margin-top: 7px;
      margin-bottom: 7px; } }
  @media (min-width: 770px) {
    .searchResultInfo .sortButtonGroup {
      float: right; } }

.searchhead__navigationalwrapper .searchhead__search button {
  line-height: 75px !important;
  right: 0px; }
  .searchhead__navigationalwrapper .searchhead__search button .fa-search {
    top: 0px;
    line-height: 75px; }

.mastheadProject {
  position: relative;
  float: left;
  margin-bottom: 28px;
  width: 100%; }
  .mastheadProject__img {
    float: left; }
  @media (min-width: 480px) {
    .mastheadProject__content {
      background-color: black;
      background-color: rgba(0, 0, 0, 0.7);
      color: #fff;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 14px;
      width: 100%; } }
  @media (min-width: 1170px) {
    .mastheadProject__content {
      padding: 21px 28px; } }
  .mastheadProject__header {
    margin-top: 14px;
    margin-bottom: 7px;
    display: inline-block;
    font-weight: 600; }
    @media (min-width: 480px) {
      .mastheadProject__header {
        margin-top: 0;
        margin-bottom: 0;
        color: #fff;
        font-size: 28px;
        font-size: 1.64706rem;
        line-height: 1.42857; } }
    @media (min-width: 1170px) {
      .mastheadProject__header {
        font-size: 36px;
        font-size: 2.11765rem;
        line-height: 1.11111;
        margin-bottom: 3.5px;
        line-height: 1.1; } }
  @media (min-width: 1170px) {
    .mastheadProject__ingress {
      padding-right: 180px;
      margin-bottom: 0; } }
  @media (min-width: 1170px) {
    .mastheadProject__btn {
      position: absolute;
      bottom: 21px;
      right: 28px; } }
  
.mastheadStart {
  position: relative;
  float: left;
  padding-bottom: 28px;
  width: 100%;
  background-color: #fff;}
  @media (min-width: 770px) {
    .mastheadStart {
      padding-bottom: 0; } }
  .mastheadStart__img {
    float: left;
    max-width: 100%;
    width: 100%; }
  .mastheadStart__content {
    float: left;
    padding: 0 10px;
    text-align: center; }
    @media (min-width: 770px) {
      .mastheadStart__content {
        position: absolute;
        text-align: left;
        top: 0;
        left: 20px;
        width: 55%;
        color: #fff; } }
    @media (min-width: 1170px) {
      .mastheadStart__content {
        width: 595px;
        top: 15px;
        left: 55%;
        margin-left: -595px; } }
    @media (min-width: 1330px) {
      .mastheadStart__content {
        left: 50%;
        top: 70px; } }
  .mastheadStart__header {
    font-size: 24px;
    font-size: 1.41176rem;
    line-height: 1.66667;
    margin-top: 14px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "din_for_powernet_headlineRg", "Whitney A", "Whitney B", Helvetica, Arial, sans-serif;
    line-height: 1.2; }
    @media (min-width: 480px) {
      .mastheadStart__header {
        font-size: 30px;
        font-size: 1.76471rem;
        line-height: 1.33333;
        line-height: 1.2; } }
    @media (min-width: 770px) {
      .mastheadStart__header {
        color: #fff; } }
    @media (min-width: 1170px) {
      .mastheadStart__header {
        font-size: 48px;
        font-size: 2.82353rem;
        line-height: 1.25;
        line-height: 1.2;
        margin-bottom: 10px; } }
  .mastheadStart__ingress {
    font-size: 17px;
    font-size: 1rem;
    line-height: 1.17647; }
    @media (min-width: 770px) {
      .mastheadStart__ingress {
        color: #fff; } }
    @media (min-width: 1170px) {
      .mastheadStart__ingress {
        font-size: 26px;
        font-size: 1.52941rem;
        line-height: 1.53846;
        line-height: 1.2; } }

.mastheadLogin {
  position: relative;
  float: left;
  padding-bottom: 28px;
  width: 100%;
  background-color: #fff;
  }
  @media (min-width: 770px) {
    .mastheadLogin {
      padding-bottom: 0; } }
  .mastheadLogin__img {
    float: left;
    max-width: 100%;
    width: 100%; }
  .mastheadLogin__content {
    float: left;
    padding-left: 10px;
    text-align: left;
    max-width:95%;
  }
    @media (min-width: 770px) {
      .mastheadLogin__content {
        position: absolute;
        text-align: left;
        top: 0;
        left: 30%;
        width: 55%;


      } }
    @media (min-width: 1170px) {
      .mastheadLogin__content {
        width: 595px;
        top: 15px;
        left: 50%;
        margin-left: -595px;
        text-align: left;
      } }
    @media (min-width: 1330px) {
      .mastheadLogin__content {
        left: 50%;
        top: 30px; 
        text-align: left;
      } }
    @media (min-width: 1500px) {
      .mastheadLogin__content {
        left: 50%;
        top: 50px; 
        text-align: left;
      } }
  .mastheadLogin__header {
    font-size: 24px;
    font-size: 1.41176rem;
    line-height: 1.66667;
    margin-top: 14px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "din_for_powernet_headlineRg", "Whitney A", "Whitney B", Helvetica, Arial, sans-serif;
    line-height: 1.2; }
    @media (min-width: 480px) {
      .mastheadLogin__header {
        font-size: 30px;
        font-size: 1.76471rem;
        line-height: 1.33333;
        line-height: 1.2; } }
    @media (min-width: 770px) {
      .mastheadLogin__header {
        color: #fff; } }
    @media (min-width: 1170px) {
      .mastheadLogin__header {
        font-size: 48px;
        font-size: 2.82353rem;
        line-height: 1.25;
        line-height: 1.2;
        margin-bottom: 10px; } }
  .mastheadLogin__ingress {
    font-size: 17px;
    font-size: 1rem;
    line-height: 1.17647; }
    @media (min-width: 770px) {
      .mastheadLogin__ingress {
        color: #fff; } }
    @media (min-width: 1170px) {
      .mastheadLogin__ingress {
        font-size: 26px;
        font-size: 1.52941rem;
        line-height: 1.53846;
        line-height: 1.2; } }
.mastheadSubstart {
  float: left;
  clear: both;
  margin-bottom: 28px;
  padding-bottom: 28px;
  width: 100%;
  color: #fff;
  background-color: #191919; }
  @media (min-width: 770px) {
    .mastheadSubstart {
      padding-bottom: 0; } }
  .mastheadSubstart__img {
    float: left;
    margin: 0;
    margin-bottom: 17px; }
    @media (min-width: 480px) {
      .mastheadSubstart__img {
        margin-bottom: 14px; } }
    @media (min-width: 770px) {
      .mastheadSubstart__img {
        margin-bottom: 0;
        width: 65.81197%;
        float: right; } }
  .mastheadSubstart__content {
    padding: 0 10px;
    text-align: center; }
    @media (min-width: 770px) {
      .mastheadSubstart__content {
        width: 31.62393%;
        float: left;
        margin-right: 2.5641%;
        padding-left: 2.5641%;
        padding-right: 0; } }
  .mastheadSubstart__header {
    font-size: 23px;
    font-size: 1.35294rem;
    line-height: 1.73913;
    line-height: 1.05;
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-bottom: 7px; }
    @media (min-width: 1170px) {
      .mastheadSubstart__header {
        font-size: 36px;
        font-size: 2.11765rem;
        line-height: 1.11111;
        margin-bottom: 7px;
        margin-top: 42px; } }
  .mastheadSubstart__ingress {
    font-size: 17px;
    font-size: 1rem;
    line-height: 1.17647;
    color: #fff; }
    @media (min-width: 1170px) {
      .mastheadSubstart__ingress {
        font-size: 22px;
        font-size: 1.29412rem;
        line-height: 1.81818;
        line-height: 1.2;
        margin-bottom: 42px; } }
  @media (min-width: 1170px) {
    .mastheadSubstart__btn {
      font-size: 20px;
      font-size: 1.17647rem;
      line-height: 1;
      line-height: 2.5;
      padding-right: 21px;
      padding-left: 21px; } }

.popup-gallery .col {
  margin-bottom: 14px; }
  .popup-gallery .col > a {
    float: left;
    width: 100%;
    position: relative; }
    .popup-gallery .col > a:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      content: '';
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      opacity: 0; }
    .popup-gallery .col > a:hover, .popup-gallery .col > a:focus {
      outline-offset: 0;
      outline: 5px solid #ebebea; }
      .popup-gallery .col > a:hover:before, .popup-gallery .col > a:focus:before {
        opacity: 1; }
    .popup-gallery .col > a > img {
      float: left;
      width: 100%; }

.film-gallery .col {
  margin-bottom: 14px; }
  .film-gallery .col > a {
    float: left;
    width: 100%;
    position: relative; }
    .film-gallery .col > a:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      content: '';
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      opacity: 0; }
    .film-gallery .col > a:hover, .film-gallery .col > a:focus {
      outline-offset: 0;
      outline: 5px solid #ebebea; }
      .film-gallery .col > a:hover:before, .film-gallery .col > a:focus:before {
        opacity: 1; }
    .film-gallery .col > a > img {
      float: left;
      width: 100%; }

.lt-ie9 {
  /*Fix for ie8 tagstuffs*/
  /*Fix for ie8 textinputs*/
  /*Fix for ie8 Searchbutton*/
  /*Fix for ie8 searchfield*/
  /*Attempted fix for cleartype problem in ie8 Messes up UL... Bleugh*/
  /*SHARES ALIGNMENT*/ }
  .lt-ie9 body {
    width: 768px;
    margin: 0px auto; }
  .lt-ie9 .breadcrumb > li + li[data-breadcrumb]:before {
    content: attr(data-breadcrumb) " "; }
  .lt-ie9 input {
    line-height: 1; }
  .lt-ie9 .search-form button .fa-search {
    position: static; }
  .lt-ie9 .projecthead__search .search-form input {
    padding: 12px 5%;
    height: 18px; }
  .lt-ie9 p {
    letter-spacing: 0;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/hIEfix.png,sizingMethod=crop);
    zoom: 1; }
  .lt-ie9 .fb_iframe_widget {
    top: -4px;
    margin-right: 10px; }
  .lt-ie9 h2 {
    font-size: 18px;
    margin-bottom: 7px;
    line-height: 1.2; }

@-moz-document url-prefix() {
  .puff-Alpha.flexChild {
    background: none; }

  .flexChild > .puff-Alpha__link {
    background: white;
    margin-bottom: 20px; } }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  p, li {
    font-size: 98% !important;
    line-height: 1.3; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  a.site-logo[href] {
    display: none; }

  .print-loggo {
    width: 150px !important;
    height: auto !important;
    margin-bottom: 30px; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    padding: 15px;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    break-inside: avoid; }

  img {
    max-width: 100% !important;
    page-break-before: auto; }

  @page {
    margin: 3cm; }
  article {
    display: block; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  nav,
  .nav__globallinks,
  .breadcrumbwrapper,
  .collapsible--mobile,
  aside,
  .shares,
  button,
  .footer--global,
  .island--cookie {
    display: none !important; }

  .print-only {
    display: block; }

  /*New stuff*/
  .noprint {
    display: none !important; }

  .puff-Alpha__label {
    background: white !important; }

  .puff-Beta__figcaption {
    background: white !important;
    border: 1px solid gray; }

  .sortProject {
    display: none; }

  .linkpuff__listitem {
    display: none; }

  img {
    page-break-before: auto;
    page-break-after: avoid;
    max-width: 50vb; }

  .mastheadProject__content {
    background: white !important;
    position: static !important;
    padding-top: 1em !important; } }
.btn--secondary--toggle i {
  margin-left: 3px; }

ul.document-filter {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }

ul.document-filter .tabs__item {
  position: relative;
  list-style: none;
  float: left;
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 3px; }

ul.document-filter .btn:hover,
ul.document-filter .btn:focus {
  text-decoration: none; }

ul.document-filter .tabs__link[aria-selected='true'] {
  background: #287eb7;
  color: #FFF;
  border-color: #287eb7; }

.totop {
  color: #287fb8;
  cursor: pointer;
  text-align: right;
  width: 100%; }

.impexp {
  display: block;
  padding: 20px 15px;
  padding-top: 40px;
  width: 100%;
  position: relative;
  background: #fff;
  font-size: 16px;
  border-bottom: 1px solid #f2f2f2; }
  @media (max-width: 1024px) {
    .impexp {
      font-size: 12px;
      padding-top: 34px; } }

.impexp:nth-child(even) {
  background: #f4f8fb; }

.impexp .status {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  color: white;
  padding: 5px 15px;
  font-size: 16px; }

.impexp.exp .status {
  background-color: #23a359; }

.impexp.imp .status {
  background-color: #ca8724; }

.impexp .country {
  font-weight: bold;
  text-transform: uppercase; }

.impexp .numbers {
  font-weight: bold;
  line-height: 1;
  margin: -4px; }

.impexp .numbers .watt {
  font-size: 42px; }
  @media (max-width: 1024px) {
    .impexp .numbers .watt {
      font-size: 30px; } }

.impexp .numbers .unit {
  font-size: 22px; }

.prognos_datatable td,
.prognos_datatable th {
  box-sizing: border-box;
  width: 14.2857%; }

.mfp-bottom-bar {
  z-index: 9999; }

.mfp-close:focus,
.mfp-arrow:focus {
  outline: initial;
  border: 2px solid #287FB8;
  overflow: visible;
  text-decoration: underline; }

.cursor {
cursor: pointer; }

select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    line-height: 2;
    height: 2em;
    padding: 0 7px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    width: 100%;
    -moz-box-shadow: #f7f7f7 5px 5px 5px inset;
    -webkit-box-shadow: #f7f7f7 5px 5px 5px inset;
    box-shadow: inset 5px 5px 5px #f7f7f7;
    background: #ffffff url(../img/selectbox-bgi.png) right center no-repeat;
    overflow:hidden;
}


select::-ms-expand {
    display: none;
}
/*select:focus::-ms-value {background: none;}*/

.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

.changepasswordlink {
font-size:16px;
float: right;
margin-top:7px;
}

.inactiveSelectItem {
    background-color:lightblue!important;
}

.extramargintop {
   margin-top: 20px;
}
.extramarginbottom {
   margin-bottom: 20px;
}
.extrapadding{
    padding-top:10px;
    padding-bottom:10px;
}
.extramarginright {
   margin-right: 10px;
}
.extrapaddingleft {
padding-left:10px;
}

.logoutlink{
    color:white; 
    margin-top:20px;
    margin-right:40px;
}

.whitelink {
    color:white; 
}
.whitelink:hover {
    color:white;
}

@media (min-width: 770px) {
    .logoutlink {
       margin-top:40px; 
    } 
}

.displaynone {
    display: none;
}

.displayblock {
    display: block;
}


#loader-overlay {
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 200;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    cursor: wait;
}

    #loader-overlay.visible {
        visibility: visible;
        opacity: 1;
    }

    #loader-overlay p {
        position: absolute;
        top: 50%;
        text-align: center;
        width: auto;
        display: block;
        margin-left: -120px;
        margin-top: -13px;
        left: 50%;
        color: white;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
        font-size: 22px;
        cursor: default;
        user-select: none;
    }


.headerTable {
    background-color: #ffc;
    margin-bottom: 20px;
    margin-left: 40px;
    margin-top: 10px;
    min-width: 80%;
    max-width: fit-content;
    margin-right: 40px;
}

    .headerTable td {
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 6px;
    }

.subTable {
    border: 1px solid #e4e4e2;
    /*padding-left:40px;
    padding-right:40px;*/
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: white;
}

    .subTable header {
        background-color: lightblue !important;
    }

        .subTable header tr {
            border-bottom: 0px solid;
        }

    .subTable td {
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 6px;
    }


body.environment-test .pageWideWrapper--footer--global {
    background-color: purple;
}

body.environment-test .pageWideWrapper--header--global {
    background-color: purple;
}