/* Minification failed. Returning unminified contents.
(18353,12): run-time error CSS1030: Expected identifier, found ' '
(18353,21): run-time error CSS1031: Expected selector, found ';'
(18353,21): run-time error CSS1025: Expected comma or open brace, found ';'
(24199,13): run-time error CSS1030: Expected identifier, found ' '
(24199,14): run-time error CSS1031: Expected selector, found '350px'
(24199,14): run-time error CSS1025: Expected comma or open brace, found '350px'
 */
/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;

	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
@charset "UTF-8";
/*----------------------------------------------------------------------------*\
    Abstract variables
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Blocss

    Any variables you find set in blocss’ `_defaults.scss` that you do not wish
    to keep, simply redefine here. This means that if blocss, for example,
    sets your `$bfs` at 16px and you wish it to be 14px, simply
    redeclare that variable in this file. Blocss ignores its own variables
    in favour of using your own, so you can completely modify how blocss
    works without ever having to alter the framework itself.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    #### PRE-REDESIGN ####
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Typography
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Colours
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Spacing

    Spacing units to properly size your UI
    As per: http://csswizardry.com/2011/12/measuring-and-sizing-uis-2011-style
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Responsive

    Define your breakpoints. The first value is the appendix that shall be used
    for your classes (e.g. `.unit-6-12--palm`), the second value is the media
    query that the breakpoint fires at.

    Check if this is still needed after redesign (it probably is)
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Timings
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Application overrides
\*----------------------------------------------------------------------------*/
/*  Data list overrides(molecules/_data-list.scss)
\*----------------------------------------------------------------------------*/
/*  Icon block overrides(molecules/_icon-block.scss)
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Misc
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\

     _____          _           _
    |  __ \        | |         (_)
    | |__) |___  __| | ___  ___ _  __ _ _ __
    |  _  // _ \/ _` |/ _ \/ __| |/ _` | '_ \
    | | \ \  __/ (_| |  __/\__ \ | (_| | | | |
    |_|  \_\___|\__,_|\___||___/_|\__, |_| |_|
                                   __/ |
                                  |___/

    Remove re- prefix when old design is discarded
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Typography
    Defines the basic typography used in the project.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Headings
    Defines the basic heading sizes used in the project.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Colors
    Defines the basic colors used in the project.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Spacing and radius
    Defines the basic spacing used in the project.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Properties
    Defines the basic properties used in the project.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    Transitions
    Defines the basic transitions used in the project.
\*----------------------------------------------------------------------------*/
/*  Blocss
\*----------------------------------------------------------------------------*/
/*!*
 * Powered by Blocss v5.0.8 | MIT License | blocss.github.io/blocss
 * by @bramsmulders (Bram Smulders)
 */
/*----------------------------------------------------------------------------*\
    DEFAULTS
    Blocss' default variables. Redefine and override them in your
    application-level `_vars.scss` file.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/**
 * TYPOGRAPHY                   Defines the typographic baseline
 * SPACING                      Spacing units to properly size your UI
 * RESPONSIVE                   Define your breakpoints
 * MISC
 */
/*----------------------------------------------------------------------------*\
    $TYPOGRAPHY
    Defines the typographic baseline.
    We define every size in pixels, the underlying system converts the
    respective units to the responsive REM value.
\*----------------------------------------------------------------------------*/
/**
 * Base font size & line height
 * We predefine a nice big font size, wich reads very nice on a big screen.
 * As per: http://uxdesign.smashingmagazine.com/2011/11/29/the-perfect-paragraph/
 */
/**
 * Sizes (in pixels)
 */
/**
 * Base font family
 */
/*----------------------------------------------------------------------------*\
    $SPACING
    Spacing units to properly size your UI
    As per: http://csswizardry.com/2011/12/measuring-and-sizing-uis-2011-style
\*----------------------------------------------------------------------------*/
/**
 * Enable vertical rhythm?
 *
 * Enabling this will ensure all margins, paddings, lineheights etc. will
 * follow the default line height.
 *
 * Disabling this will render all line-heights according
 * to the `$line-height-ratio` variable
 */
/**
 * Assign our `$base-line-height` to a new spacing var for
 * more transparency
 */
/*----------------------------------------------------------------------------*\
    $RESPONSIVE
    Define your breakpoints. The first value is the appendix that shall be used
    for your classes (e.g. `.unit-6-12--palm`), the second value is the media
    query that the breakpoint fires at.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $MISC
\*----------------------------------------------------------------------------*/
/**
 * Would you like to show a baseline grid? This is handy during development.
 */
/**
 * Would you like to show media queries? This is handy during development.
 */
/**
 * Legacy support
 */
/**
 * Enable debug mode to highlight possible markup/accessibility
 * quirks in your code
 */
/*----------------------------------------------------------------------------*\
    $MIXINS
    A set of usefull Sass mixins, wich can be used troughout you project
\*----------------------------------------------------------------------------*/
/*  Functions
\*----------------------------------------------------------------------------*/
/**
     * Value to rem
     */
/**
     * Value to em
     */
/**
     * A small, internally-used function to remove the units from a given value.
     */
/*  CSS3
\*----------------------------------------------------------------------------*/
/**
     * Prefixer
     * Example: @include prefixer(border-radius, 5px 10px, webkit moz o ms spec);
     */
/**
     * Rem converter
     *
     * 1. Provide pixel fallback for ie8
     * 2. Loop over values
     * 3. Run trough prefixer
     *
     * Sample: @include rem(margin, 0 auto 300px, webkit moz spec, !important);
     */
/**
     * Multi rem converter
     * Remmify multiple properties in one swoop
     *
     * Beware: if only one set is provided, the mixin will fail.
     * In that case use the normal rem mixin instead
     *
     * Sample:
       @include multi-rem(
           (padding, $space 1em)
           (margin, $space auto, true)
           (border-radius, 50%)
       );
     */
/*  Typography & vertical rhythm
\*----------------------------------------------------------------------------*/
/**
     * Font face shorthand
     */
/**
     * Calculates font, rem font size & line height
     * $multiplier: multiplies line height by the given value
     * $line-height: include line height or not
     * The line height parameter can also be used as the multiplier
     *
     * Sample usage @include font-size(18px, 2);
     */
/**
     * Truncate overly long strings
     * sample value truncate(100%)
     */
/*  Media Queries
\*----------------------------------------------------------------------------*/
/**
     * Enclose a block of code with a media query as named in `$breakpoints`.
     */
/* normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, 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 variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1, .h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 1em 40px; }

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible; }

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

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

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

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

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

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*----------------------------------------------------------------------------*\
    $BASE
    A thin layer on top of normalize.css that provides a starting point more
    suitable for web applications. Removes the default spacing and border for
    appropriate elements.
\*----------------------------------------------------------------------------*/
/**
 * Toplevel HTML element
 * Assign our `$base-font-size` & predefine some defaults
 *
 * 1. Apply the `$base-font-size`, `$line-height-ratio` & `$face-base`
 * 2. Always add the horizontal scrollbar to prevent layout shifting
 */
html {
  font: 0.875em/1.57143 "Arial", "Helvetica", sans-serif;
  /* 1 */
  overflow-y: scroll;
  /* 2 */
  min-height: 100%; }

/**
 * Border box ALL the things
 * As Per: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 */
*, *:before, *:after {
  box-sizing: border-box; }

/**
 * The usual resetting of margins, paddings, borders etc.
 */
blockquote,
dl,
dd,
ol,
ul, h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
pre,
fieldset,
hr {
  margin: 0; }

fieldset,
ol,
ul {
  padding: 0; }

iframe,
fieldset {
  border: 0; }

/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * 1. Fix an odd quirk whereby, without this, code blocks are rendered at a
 *    font-size smaller than 1em.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */ }

/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */
[tabindex="-1"]:focus {
  outline: none !important; }

/**
 * Image
 *
 * 1. By default all images are fluid
 * 2. Render `alt` visually offset when images don't load
 */
img {
  max-width: 100%;
  /* 1 */
  font-style: italic;
  /* 2 */ }

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

/*----------------------------------------------------------------------------*\
    $SHARED
    Shared behaviour
\*----------------------------------------------------------------------------*/
/**
 * Applies vertical rhythm to designated elements
 * As per: http://csswizardry.com/2012/06/single-direction-margin-declarations
 */
hgroup,
.hgroup,
ul,
ol,
dl,
blockquote,
p,
address,
table,
fieldset,
pre,
hr {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/**
 * Default indentation value for lists
 */
ul,
ol,
dd {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 1.57143rem ; }

/**
 * Micro clearfix
 * As per: nicolasgallagher.com/micro-clearfix-hack
 */
.cf:after, .nav:after, .navigation__primary__list:after, .navigation__secondary:after, .navigation__secondary__list ul:after, .navigation__top__list:after, .media:after, .continent:after,
.island:after,
.islet:after, .layer:after, .data-block__header:after, .buttons-set:after, .chat-dialog__actions:after, .chat-agent__dialog .chat-dialog__window-inner:after, .chat-agent__content__heading:after, section:after {
  content: "";
  display: table;
  clear: both; }

/*----------------------------------------------------------------------------*\
    $TYPOGRAPHY
    Pragmatic & practical font sizing
    As per: http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/
\*----------------------------------------------------------------------------*/
/*  Sizes
    Apply various font sizes by class
\*----------------------------------------------------------------------------*/
.giga {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 6.85714rem ;
  line-height: 1.14583; }

.mega {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 5.14286rem ;
  line-height: 1.22222; }

.kilo {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 3.42857rem ;
  line-height: 1.375; }

.alpha, h1, .h1, .heading-light_size-extralarge, .heading-regular_size-extralarge, .heading-medium_size-extralarge {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 2.42857rem ;
  line-height: 1.29412; }

.beta, h2, .h2, .heading-light_size-large, .heading-regular_size-large, .heading-medium_size-large {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 2rem ;
  line-height: 1.57143; }

.gamma, h3, .h3, .heading-light_size-medium, .heading-regular_size-medium, .heading-medium_size-medium, .vacancy__content strong {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.57143rem ;
  line-height: 1; }

.delta, h4, .h4, .heading-light_size-small, .heading-regular_size-small {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222; }

.epsilon, h5, .h5 {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222; }

.zeta, h6, .h6 {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222; }

.normalis {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143; }

.milli {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143; }

.micro {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333; }

/*  Headings
\*----------------------------------------------------------------------------*/
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: bold; }

/**
 * Double stranded heading hierarchy
 */
/**
 * Heading groups and generic any-heading class.
 * To target any heading of any level simply apply a class of `.hN`
 * Sample markup:
<div class="hgroup">
    <h1 class="hN"></h1>
    <h2 class="hN"></h2>
</hgroup>
 */
hgroup .hN,
.hgroup .hN {
  margin-bottom: 0; }

/*----------------------------------------------------------------------------*\
    $MODULE
    Removes the `margin-bottom` of a modules last-childs
    As per: http://css-tricks.com/spacing-the-bottom-of-modules/
\*----------------------------------------------------------------------------*/
.module > *:last-child,
.module > *:last-child > *:last-child,
.module > *:last-child > *:last-child > *:last-child,
.module > *:last-child > *:last-child > *:last-child > *:last-child,
.media__body > *:last-child,
.continent > *:last-child,
.island > *:last-child,
.islet > *:last-child,
.media__body > *:last-child > *:last-child,
.continent > *:last-child > *:last-child,
.island > *:last-child > *:last-child,
.islet > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child > *:last-child,
.continent > *:last-child > *:last-child > *:last-child,
.island > *:last-child > *:last-child > *:last-child,
.islet > *:last-child > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child > *:last-child > *:last-child,
.continent > *:last-child > *:last-child > *:last-child > *:last-child,
.island > *:last-child > *:last-child > *:last-child > *:last-child,
.islet > *:last-child > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0; }

/*! blocss-grid v1.0.3 | MIT License | github.com/Blocss */
/*----------------------------------------------------------------------------*\
    $GRID
    Fluid and nestable grid system
\*----------------------------------------------------------------------------*/
/**
 * Example usage:
 *
<div class="grid  [grid--center|grid--right|grid--rev|grid--middle|grid--bottom|grid--narrow|grid--wide|grid--flush]">
    <div class="grid__cell  u-3-12  u-1-1--palm"></div>
    <div class="grid__cell  u-3-12  u-1-1--palm"></div>
    <div class="grid__cell  u-3-12  u-1-1--palm"></div>
    <div class="grid__cell  grid__cell--center  u-3-12  u-1-1--palm"></div>
</div>
 */
/**
 * Dont't modify the following variables
 */
/**
 * Enable/disable modifiers
 */
/*  Grid Core
\*----------------------------------------------------------------------------*/
/**
 * Grid container
 * Must only contain `.grid` or `.grid__cell` components as children.
 *
 * 1. Remove inter-unit whitespace that appears between `inline-block` child
 *    elements.
 * 2. Adjustment for child element margins.
 * 3. Use lists as grid
 * 4. Ensure consistent default alignment
 */
.grid {
  text-rendering: optimizespeed;
  /* 1 */
  font-size: 0;
  /* 1 */
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -1.57143rem ;
  /* 2 */
  padding: 0;
  list-style: none;
  /* 3 */
  text-align: left;
  /* 4 */ }

/**
 * Child `grid` object adjustments
 * Used for more complex fixed-fluid hybrid grids.
 */
.grid > .grid {
  overflow: hidden;
  margin-right: 0;
  margin-left: 0; }

/**
     * Grid cells
     * No explicit width by default. Apply `.unit-x-y` classes.
     *
     * 1. Fundamentals of the non-float grid layout mechanism.
     * 2. Apply grid gutter.
     * 3. Controls vertical positioning of units.
     * 4. Keeps content correctly aligned with the grid direction.
     * 5. Reset text defaults.
     */
.grid__cell {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 1.57143rem ;
  display: inline-block;
  /* 1 */
  width: 100%;
  margin: 0;
  vertical-align: top;
  /* 3 */
  text-align: left;
  /* 4 */
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143;
  /* 5 */ }

/**
     * Modifier: horizontally center one unit
     * Set a specific unit to be horizontally centered. Doesn't affect
     * any other units. Can still contain a child `grid` object.
     */
.grid__cell--center {
  display: block;
  margin: 0 auto; }

/**
     * Modifier: Reverse grid direction
     */
.grid--rev, .employee-overview > li:nth-child(even) .grid {
  direction: rtl; }
  .grid--rev > .grid__cell, .employee-overview > li:nth-child(even) .grid > .grid__cell {
    direction: ltr; }

/**
     * Modifyer: Grid align right
     */
.grid--right {
  text-align: right; }

/**
     * Modifier: horizontally center all grid units
     * Allows for automatic unit centering irrespective of the number of
     * units in the grid.
     */
.grid--center {
  text-align: center; }
  .grid--center > .grid__cell {
    text-align: left; }

/**
     * Modifier: align grid cells vertically
     */
.grid--middle > .grid__cell {
  vertical-align: middle; }

.grid--bottom > .grid__cell {
  vertical-align: bottom; }

/**
     * Create grids with narrower gutters. Extends `.grid`.
     */
.grid--narrow {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -0.78571rem ; }
  .grid--narrow > .grid__cell {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 0.78571rem ; }

/**
     * Create grids with wider gutters. Extends `.grid`.
     */
.grid--wide {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -3.14286rem ; }
  .grid--wide > .grid__cell {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 3.14286rem ; }

/**
     * Modifier: Remove gutters between columns
     * Tags: ^deprecated
     * `.grid--gutterless` modifier is deprecated and will be removed in v1.1.0
     */
.grid--flush,
.grid--gutterless {
  margin: 0; }
  .grid--flush > .grid__cell,
  .grid--gutterless > .grid__cell {
    padding: 0; }

/*! blocss-navigation v1.0.1 | MIT License | github.com/Blocss */
/*----------------------------------------------------------------------------*\
    $NAVIGATION
    Navigation abstractions, common navigation structures.
\*----------------------------------------------------------------------------*/
/*  Variables
\*----------------------------------------------------------------------------*/
/*  Core navigation component
\*----------------------------------------------------------------------------*/
/**
 * When used on an `ol` or `ul`, this class throws the list
 * into horizontal mode
 *
 * Sample markup:
<ul class="nav">
    <li><a>Home</a></li>
</ul>
 */
.nav, .navigation__primary__list, .navigation__secondary, .navigation__secondary__list ul, .navigation__top__list {
  padding: 0;
  margin: 0;
  list-style: none; }
  .nav > li, .navigation__primary__list > li, .navigation__secondary > li, .navigation__secondary__list ul > li, .navigation__top__list > li,
  .nav > li > a,
  .navigation__primary__list > li > a,
  .navigation__secondary > li > a,
  .navigation__secondary__list ul > li > a,
  .navigation__top__list > li > a {
    display: inline-block; }

/**
 * Modifyer: Stacked nav
 * `.nav--stacked` extends `.nav` and renders the list into vertical mode
 *
 * Sample markup:
<ul class="nav  nav--stacked">
    <li><a>Home</a></li>
</ul>
 */
.nav--stacked > li {
  display: list-item; }
  .nav--stacked > li > a {
    display: block; }

/**
 * Modifyer: Banner nav
 * `.nav--banner` extends `.nav` and centers the list
 *
 * Sample markup:
<ul class="nav  nav--banner">
    <li><a>Home</a></li>
</ul>
 */
.nav--banner {
  text-align: center; }

/**
 * Modifyer: Breadcrumb nav
 * `.nav--breadcrumb` extends `.nav` and centers the list
 *
 * Sample markup:
<ol class="nav  [nav--breadcrumb|nav--breadcrumb-path]">
    <li [data-breadcrumb="|"]><a href="#">Home</a></li>
</ol>
 */
.nav--breadcrumb > li + li:before {
  content: "» "; }

.nav--breadcrumb-path > li + li:before {
  content: "/ "; }

.nav--breadcrumb > li + li[data-breadcrumb]:before {
  content: attr(data-breadcrumb) " "; }

/**
 * Modifyer: Paginator nav
 * `.nav--pagination` extends `.nav`
 *
 * Sample markup:
<ol class="nav  nav--pagination">
    <li class="nav--pagination__first">First</li>
    <li><a href="">1</a></li>
    <li><a href="">2</a></li>
    <li><a href="">3</a></li>
    <li class="nav--pagination__last"><a href="">Last</a></li>
</ol>
 */
.nav--pagination {
  text-align: center; }
  .nav--pagination > li {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.78571rem ; }
    .nav--pagination > li > a {
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 0.78571rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      margin: -0.78571rem ; }

.nav--pagination__first a:before {
  content: "« "; }

.nav--pagination__last a:after {
  content: " »"; }

/*! blocss-media v1.0.3 | MIT License | github.com/Blocss */
/*----------------------------------------------------------------------------*\
    $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
\*----------------------------------------------------------------------------*/
/**
 * Example usage:
 *
<div class="media">
    <div class="media__img  [media__img--rev]">
        <img src="img.png" alt="">
    </div>
    <div class="media__body">
        Bram Smulders @bramsmulders
        …
    </div>
</div>
 */
/*  Variables
\*----------------------------------------------------------------------------*/
/**
 * Enable/disable modifiers
 */
/*  Core media component
\*----------------------------------------------------------------------------*/
.media {
  display: block; }

/**
     * Image location left
     */
.media__img {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.57143rem ;
  float: left; }

/**
     * Content body
     */
.media__body {
  overflow: hidden; }

/*  Modifiers
\*----------------------------------------------------------------------------*/
/**
     * Reversed image location (right instead of left)
     */
.media__img--rev {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 1.57143rem ;
  float: right;
  margin-right: 0; }

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

/**
     * Modifier: widens the gutter between `.media__img` & `.media__body`
     */
.media--wide .media__img {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 3.14286rem ; }

.media--wide .media__img--rev {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 3.14286rem ; }

/**
     * Modifier: narrows the gutter between `.media__img` & `.media__body`
     */
.media--narrow .media__img {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.78571rem ; }

.media--narrow .media__img--rev {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.78571rem ; }

/**
     * Modifier: removes gutter between `.media__img` & `.media__body`
     * Tags: ^deprecated
     * `.media--gutterless` modifier is deprecated and will be removed in v1.1.0
     */
.media--flush .media__img,
.media--gutterless .media__img {
  margin-right: 0; }

.media--flush .media__img--rev,
.media--gutterless .media__img--rev {
  margin-left: 0; }

/*! blocss-arrange v1.0.3 | MIT License | github.com/Blocss */
/*----------------------------------------------------------------------------*\
    ARRANGE
    This component lets you lay out a row of cells in various ways. You can
    specify whether a cell should be wide enough to fit its content, or take up
    the remaining space in the row. It's also possible to give all cells an
    equal width, and to control their vertical alignment.
\*----------------------------------------------------------------------------*/
/**
 * Example usage:
 *
<div class="arrange">
    <div class="arrange__size-fit">
        <img src="img.png" alt="">
    </div>
    <div class="arrange__size-fill">
        Bram Smulders @bramsmulders
    </div>
</div>
 */
/*  Variables
\*----------------------------------------------------------------------------*/
/**
 * Define which namespaced breakpoints you would like to collapse the arrange
 *
 * $breakpoint-has-x:       ('palm', 'desk');
 *
 * Note: the name of the breakpoint must exist in the list of `$breakpoints`
 *       in the Blocss base repository
 */
/*  Mixins
\*----------------------------------------------------------------------------*/
/**
 * Mixin: Reset arranged modules
 *
 * 1. Reset display property
 * 2. 100% width
 * 3. Reset padding in case of `.arrange--gutter`
 * 4. Re-initiate fluid images
 */
/*  Core arrange componet
\*----------------------------------------------------------------------------*/
/**
 * `arrange` must only contain 'arrange__size-fit' and 'arrange__size-fill' child
 * nodes.
 *
 * It's recommended that you only use one 'arrange__size-fill' per component
 * instance (unless using the `arrange--equally` modifier; see below). The
 * first 'arrange__size-fill' in the component's source order will not share the
 * extra space with any subsequent nodes of that class.
 */
/**
 * 1. Rely on table layout.
 * 2. Zero out the default spacing that might be on an element (e.g., `ul`).
 * 3. Reset the table-layout algorithm in case a component is nested.
 * 4. Make sure the component fills the full width of its parent.
 */
.arrange {
  display: table;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 2 */
  table-layout: auto;
  /* 3 */
  width: 100%;
  /* 4 */ }

/**
     * There are two possible types of child.
     * `size-fill` will expand to fill all of the remaining space not filled by
     * `size-fit` elements.
     *
     * 1. Zero out any default spacing that might be on an element (e.g., `li`);
     *    Margin has no effect when coupled with `display: table-cell`.
     * 2. All cells are top-aligned by default
     */
.arrange__size-fill,
.arrange__size-fit {
  display: table-cell;
  padding: 0;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
     * Make sure the main content block expands to fill the remaining space.
     */
.arrange__size-fill {
  width: 100%; }

/**
         * Defend against a side-effect of this layout pattern: images in
         * 'arrange__size-fit' cannot be fluid, otherwise they lose their ability to
         * provide size to a cell.
         */
.arrange__size-fit img {
  max-width: none;
  width: auto; }

/* Vertical alignment modifiers
\*----------------------------------------------------------------------------*/
.arrange--top > .arrange__size-fill,
.arrange--top > .arrange__size-fit {
  vertical-align: top; }

.arrange--middle > .arrange__size-fill,
.arrange--middle > .arrange__size-fit {
  vertical-align: middle; }

.arrange--bottom > .arrange__size-fill,
.arrange--bottom > .arrange__size-fit {
  vertical-align: bottom; }

/* Equal-width modifier
\*----------------------------------------------------------------------------*/
/**
 * This layout algorithm will create equal-width table cells, irrespective of
 * the width of their content.
 */
.arrange--equal {
  table-layout: fixed;
  /**
     * Give the cells an equal width.
     * It's recommended that only 'Arrange-sizeFill' be used for equal width cells.
     * Their inner images will automatically be responsive.
     */ }
  .arrange--equal > .arrange__size-fill,
  .arrange--equal > .arrange__size-fit {
    width: auto; }

/* Gutter-separating modifier
\*----------------------------------------------------------------------------*/
.arrange--gutter > .arrange__size-fill,
.arrange--gutter > .arrange__size-fit {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 1.57143rem ; }
  .arrange--gutter > .arrange__size-fill:first-child,
  .arrange--gutter > .arrange__size-fit:first-child {
    padding-left: 0; }

/* Arrange collapse
\*----------------------------------------------------------------------------*/
.arrange--collapse {
  display: block;
  /* 1 */ }
  .arrange--collapse > .arrange__size-fill,
  .arrange--collapse > .arrange__size-fit {
    display: block;
    /* 1 */
    width: 100%;
    /* 2 */
    padding-left: 0;
    /* 3 */ }
    .arrange--collapse > .arrange__size-fill img,
    .arrange--collapse > .arrange__size-fit img {
      max-width: 100%;
      /* 4 */
      height: auto;
      /* 4 */ }

/*  Responsive
\*----------------------------------------------------------------------------*/
/* Collapsed arrange based on breakpoint */
@media only screen and (min-width: 1px) and (max-width: 653px) {
  .arrange--collapse--palm {
    display: block;
    /* 1 */ }
    .arrange--collapse--palm > .arrange__size-fill,
    .arrange--collapse--palm > .arrange__size-fit {
      display: block;
      /* 1 */
      width: 100%;
      /* 2 */
      padding-left: 0;
      /* 3 */ }
      .arrange--collapse--palm > .arrange__size-fill img,
      .arrange--collapse--palm > .arrange__size-fit img {
        max-width: 100%;
        /* 4 */
        height: auto;
        /* 4 */ } }

/*! blocss-island v1.0.0 | MIT License | github.com/Blocss */
/*----------------------------------------------------------------------------*\
    $ISLAND
    Simple, boxed off content
    As per: csswizardry.com/2011/10/the-island-object
\*----------------------------------------------------------------------------*/
/*  Variables
\*----------------------------------------------------------------------------*/
/*  Core island component
\*----------------------------------------------------------------------------*/
/**
 * Simple, boxed off content
 *
 * Extends `%module` in `generic/_shared.scss`
 * Extends `.cf` in `generic/_clearfix.scss`
 *
 * Sample usage:
 *
<div class="island">
    I am boxed off.
</div>
 */
.continent,
.island,
.islet {
  display: block; }

.continent {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 3.14286rem ; }

.island {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ; }

/* Just like `.island`, only smaller. */
.islet {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ; }

/*  Trumps
\*----------------------------------------------------------------------------*/
/*  Trumps
    Trumps are small, global classes for minor tweaks (for example margin
    related push--top classes).
\*----------------------------------------------------------------------------*/
.clear {
  clear: both; }

.padding--top {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 2.14286rem ; }

.padding--top-half {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.07143rem ; }

.space--left {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 1.42857rem ; }
  @media only screen and (min-width: 654px) {
    .space--left {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-left: 1.42857rem ; } }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  .mobile-space-bottom {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.42857rem ; } }

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

*[vertilize] .tile-section {
  height: auto !important; }

@media (max-width: 653px) {
  *[vertilize] {
    height: auto !important; } }

/*  Components: atoms, molecules and organisms
\*----------------------------------------------------------------------------*/
/*  Atoms
    These are basic tags, such as form labels, inputs or buttons. They also
    include more abstract elements like color palettes, fonts, and animations.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $ANIMATION
\*----------------------------------------------------------------------------*/
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

/*----------------------------------------------------------------------------*\
    $BODY
\*----------------------------------------------------------------------------*/
body {
  color: #4d4d4d;
  width: 100%;
  min-height: 100%; }
  body.pageload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important; }

/*  $Map-fullscreen
    \*----------------------------------------------------------------------------*/
.map-fullscreen .navigation,
.map-fullscreen .header {
  z-index: 1; }

/*----------------------------------------------------------------------------*\
    $Wrapper
\*----------------------------------------------------------------------------*/
.wrapper {
  position: relative;
  min-height: 100%;
  background: #ffffff;
  overflow: hidden; }

.wrapper--secondary {
  background: #0794E5;
  color: #ffffff; }
  .wrapper--secondary .tile {
    color: #4d4d4d; }

.wrapper--secondary-gradient {
  background-color: #0794E5;
  background-image: radial-gradient(circle at 48% 21%, #49b5f3, #48b4f3, #0794e5, #0794e5);
  color: #ffffff; }
  .wrapper--secondary-gradient .tile {
    color: #4d4d4d; }

/*----------------------------------------------------------------------------*\
    Old design
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $SITE RETAIN
\*----------------------------------------------------------------------------*/
.site-retain {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 69.35714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0 0.78571rem ;
  margin: 0 auto; }

@media only screen and (min-width: 654px) {
  .site-retain {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 70.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 1.57143rem ; } }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign--grid .site-retain {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 81.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0 1.07143rem ; }
  @media only screen and (min-width: 654px) {
    .redesign--grid .site-retain {
      /* 1 */
      /* 2 */
      /* 3 */
      max-width: 81.42857rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 0 2.14286rem ; } }

/*----------------------------------------------------------------------------*\
    $Primary content
\*----------------------------------------------------------------------------*/
.primary-content {
  position: relative;
  z-index: 1;
  -ms-transform: none;
      transform: none;
  transition: 0.3s transform; }

/*  $No javascript
    \*----------------------------------------------------------------------------*/
.no-js .primary-content {
  padding-top: 0; }

@media only screen and (min-width: 654px) {
  .primary-content {
    -ms-transform: none;
        transform: none;
    transition: 0.3s transform; }
    .primary-content.navigation-is-active {
      -ms-transform: none;
          transform: none; } }

/*----------------------------------------------------------------------------*\
    $FONTS
\*----------------------------------------------------------------------------*/
/*  $INCLUDES
    Including the files to properly display the necessary fonts.
\*----------------------------------------------------------------------------*/
@font-face {
  font-family: 'Klavika';
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/klavika/KlavikaWebBasicLight.eot");
  src: url("../fonts/klavika/KlavikaWebBasicLight.eot?#iefix") format("embedded-opentype"), url("../fonts/klavika/KlavikaWebBasicLight.woff") format("woff"); }

@font-face {
  font-family: 'Klavika';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/klavika/KlavikaWebBasicRegular.eot");
  src: url("../fonts/klavika/KlavikaWebBasicRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/klavika/KlavikaWebBasicRegular.woff") format("woff"); }

@font-face {
  font-family: 'Klavika';
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/klavika/KlavikaWebBasicMedium.eot");
  src: url("../fonts/klavika/KlavikaWebBasicMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/klavika/KlavikaWebBasicMedium.woff") format("woff"); }

@font-face {
  font-family: 'Klavika';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/klavika/KlavikaWebBasicBold.eot");
  src: url("../fonts/klavika/KlavikaWebBasicBold.eot?#iefix") format("embedded-opentype"), url("../fonts/klavika/KlavikaWebBasicBold.woff") format("woff"); }

@font-face {
  font-family: 'Calvert';
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/calvert/2B199C_1_0.eot");
  src: url("../fonts/calvert/2B199C_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/calvert/2B199C_1_0.woff") format("woff"); }

/*----------------------------------------------------------------------------*\
    $ICONS
    Icon system based on fontello
\*----------------------------------------------------------------------------*/
/*  Variables
\*----------------------------------------------------------------------------*/
/*  Base icon component
\*----------------------------------------------------------------------------*/
.icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  zoom: 1;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  font-family: "fontello";
  line-height: 1;
  font-style: normal;
  text-align: center;
  font-weight: normal;
  /**
     * Pass in custom icon via data attribute
     */ }
  .icon:before {
    content: attr(data-icon);
    margin-left: 0;
    margin-right: 0; }
  .icon.icon--data-attr:before {
    content: attr(data-icon);
    margin-left: 0;
    margin-right: 0; }

.icon[class^="icon--"]:before,
.icon[class*=" icon--"]:before {
  margin-left: 0;
  margin-right: 0; }

.icon--spin {
  animation: spin 0.8s infinite linear; }

/*  Types
\*----------------------------------------------------------------------------*/
.icon--inherit {
  font-family: inherit; }

/*  Sizes
    Variations of the icons
\*----------------------------------------------------------------------------*/
.icon--alpha {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 6.85714rem ; }

.icon--beta {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 4.57143rem ; }

.icon--gamma {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 2.28571rem ; }

.icon--delta {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ; }

.icon--epsilon {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ; }

.icon--zeta {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ; }

.icon--normalis {
  font-size: inherit;
  line-height: inherit;
  height: auto; }

/*----------------------------------------------------------------------------*\
    $CURSOR
\*----------------------------------------------------------------------------*/
.cursor--help {
  cursor: help; }

/*----------------------------------------------------------------------------*\
    $HEADINGS
\*----------------------------------------------------------------------------*/
h1, .h1, .alpha, h1, .h1, .heading-light_size-extralarge, .heading-regular_size-extralarge, .heading-medium_size-extralarge,
h2,
.h2, .beta, h2, .h2, .heading-light_size-large, .heading-regular_size-large, .heading-medium_size-large,
h3,
.h3, .gamma, h3, .h3, .heading-light_size-medium, .heading-regular_size-medium, .heading-medium_size-medium, .vacancy__content strong,
h4,
.h4, .delta, h4, .h4, .heading-light_size-small, .heading-regular_size-small,
h5,
.h5, .epsilon, h5, .h5,
h6,
.h6, .zeta, h6, .h6,
.heading,
.vacancy__content strong {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  color: #4d4d4d;
  line-height: 1.25;
  font-weight: 400;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

.alpha, h1, .h1, .heading-light_size-extralarge, .heading-regular_size-extralarge, .heading-medium_size-extralarge {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 2.42857rem ;
  line-height: 1.29412;
  line-height: 1.25; }

.beta, h2, .h2, .heading-light_size-large, .heading-regular_size-large, .heading-medium_size-large {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 2rem ;
  line-height: 1.57143;
  line-height: 1.25; }

.gamma, h3, .h3, .heading-light_size-medium, .heading-regular_size-medium, .heading-medium_size-medium, .vacancy__content strong {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.57143rem ;
  line-height: 1;
  line-height: 1.25; }

.delta, h4, .h4, .heading-light_size-small, .heading-regular_size-small {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.25; }

.epsilon, h5, .h5 {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.25; }

.zeta, h6, .h6 {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.25; }

span.heading {
  display: block; }


.heading,
.vacancy__content strong {
  display: inline-block;
  line-height: 1.25; }

/*  $Heading-light
    \*----------------------------------------------------------------------------*/
.heading--light, .heading-light_size-small, .heading-light_size-medium, .heading-light_size-large, .heading-light_size-extralarge {
  font-weight: 300; }

/*  $Heading-medium
    \*----------------------------------------------------------------------------*/
.heading--medium, .heading-medium_size-medium, .heading-medium_size-large, .heading-medium_size-extralarge {
  font-weight: 500; }

/*  $Center
    \*----------------------------------------------------------------------------*/
.heading--center {
  text-align: center; }

.heading--center--palm {
  text-align: center; }

/*  $Left
    \*----------------------------------------------------------------------------*/
.heading--left {
  text-align: left; }

/*  $Right
    \*----------------------------------------------------------------------------*/
.heading--right {
  text-align: right; }

/*  $Arrow
    \*----------------------------------------------------------------------------*/
.heading--arrow:after {
  content: "";
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: -0.28571rem ;
  background-image: url("../images/arrow-title-theme-light.png");
  background-size: contain;
  background-repeat: no-repeat; }

/*  $Underlined
    \*----------------------------------------------------------------------------*/
.heading--underlined {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 2.35714rem ; }
  .heading--underlined:after {
    content: "";
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -0.78571rem ;
    left: 0;
    display: block;
    border-bottom: 4px solid #ffd100;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 4.28571rem ; }

/*  $Space-bottom
    \*----------------------------------------------------------------------------*/
.heading--space-bottom {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Space-top
    \*----------------------------------------------------------------------------*/
.heading--space-top {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }

/*  $Padded
    \*----------------------------------------------------------------------------*/
.heading--padded {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Padded half
    \*----------------------------------------------------------------------------*/
.heading--padded-half {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

/*  $Flat
    \*----------------------------------------------------------------------------*/
.heading--flat {
  margin-bottom: 0; }

/*  $Bordered
    \*----------------------------------------------------------------------------*/
.heading--bordered {
  border-bottom: 1px solid #e5eaf0;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Brand
    \*----------------------------------------------------------------------------*/
.heading--brand {
  color: #ffd100; }

/*  $Normalize
    \*----------------------------------------------------------------------------*/
.heading--normalize {
  font-family: "Arial", "Helvetica", sans-serif;
  font-weight: 400; }

/*  $Layer modifier
    \*----------------------------------------------------------------------------*/
.layer--base-dark-b .content-block:not(.tile) h1, .layer--base-dark-b .content-block:not(.tile) .h1,
.layer--base-dark-b .content-block:not(.tile) h2,
.layer--base-dark-b .content-block:not(.tile) .h2,
.layer--base-dark-b .content-block:not(.tile) h3,
.layer--base-dark-b .content-block:not(.tile) .h3,
.layer--base-dark-b .content-block:not(.tile) h4,
.layer--base-dark-b .content-block:not(.tile) .h4,
.layer--base-dark-b .content-block:not(.tile) h5,
.layer--base-dark-b .content-block:not(.tile) .h5,
.layer--base-dark-b .content-block:not(.tile) h6,
.layer--base-dark-b .content-block:not(.tile) .h6 {
  color: #ffd100; }

/*  $Cms classes
    \*----------------------------------------------------------------------------*/
.heading-light_size-small {
  line-height: 1.25; }

.heading-light_size-medium {
  line-height: 1.25; }

.heading-light_size-large {
  line-height: 1.25; }

.heading-light_size-extralarge {
  line-height: 1.25; }

.heading-regular_size-small {
  line-height: 1.25; }

.heading-regular_size-medium {
  line-height: 1.25; }

.heading-regular_size-large {
  line-height: 1.25; }

.heading-regular_size-extralarge {
  line-height: 1.25; }

.heading-medium_size-medium {
  line-height: 1.25; }

.heading-medium_size-large {
  line-height: 1.25; }

.heading-medium_size-extralarge {
  line-height: 1.25; }

@media only screen and (min-width: 654px) {
  .alpha, h1, .h1, .heading-light_size-extralarge, .heading-regular_size-extralarge, .heading-medium_size-extralarge, .beta, h2, .h2, .heading-light_size-large, .heading-regular_size-large, .heading-medium_size-large, .gamma, h3, .h3, .heading-light_size-medium, .heading-regular_size-medium, .heading-medium_size-medium, .vacancy__content strong, .delta, h4, .h4, .heading-light_size-small, .heading-regular_size-small, .epsilon, h5, .h5, .zeta, h6, .h6 {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }
  .alpha, h1, .h1, .heading-light_size-extralarge, .heading-regular_size-extralarge, .heading-medium_size-extralarge {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 3.14286rem ;
    line-height: 1;
    line-height: 1.25; }
  .beta, h2, .h2, .heading-light_size-large, .heading-regular_size-large, .heading-medium_size-large {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 2.28571rem ;
    line-height: 1.375;
    line-height: 1.25; }
  .gamma, h3, .h3, .heading-light_size-medium, .heading-regular_size-medium, .heading-medium_size-medium, .vacancy__content strong {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.71429rem ;
    line-height: 1.83333;
    line-height: 1.25; }
  .delta, h4, .h4, .heading-light_size-small, .heading-regular_size-small {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    line-height: 1.25; }
  .epsilon, h5, .h5 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    line-height: 1.25; }
  .zeta, h6, .h6 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    line-height: 1.25; }
  /*  $Flat
        \*----------------------------------------------------------------------------*/
  .heading--flat {
    margin-bottom: 0; }
  /*  $Underlined
        \*----------------------------------------------------------------------------*/
  .heading--underlined {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 2.35714rem ; }
  /*  $Padded
        \*----------------------------------------------------------------------------*/
  .heading--padded {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 3.14286rem ; } }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign h1, .redesign .h1,
.redesign h2,
.redesign .h2,
.redesign h3,
.redesign .h3,
.redesign h4,
.redesign .h4,
.redesign h5,
.redesign .h5,
.redesign h6,
.redesign .h6,
.redesign .heading,
.redesign .vacancy__content strong,
.vacancy__content .redesign strong {
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.42857rem ;
  text-transform: uppercase;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -webkit-font-variant-ligatures: common-ligatures;
          font-variant-ligatures: common-ligatures;
  text-rendering: optimizeLegibility; }
  .redesign h1 small, .redesign .h1 small,
  .redesign h2 small,
  .redesign .h2 small,
  .redesign h3 small,
  .redesign .h3 small,
  .redesign h4 small,
  .redesign .h4 small,
  .redesign h5 small,
  .redesign .h5 small,
  .redesign h6 small,
  .redesign .h6 small,
  .redesign .heading small,
  .redesign .vacancy__content strong small,
  .vacancy__content .redesign strong small {
    font-size: 70%; }

.redesign h1, .redesign .h1 {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 2.5rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.5rem ;
  font-weight: 300; }


.redesign h2,
.redesign .h2 {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.78571rem ;
  font-weight: 300; }


.redesign h3,
.redesign .h3 {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.78571rem ;
  font-weight: 700; }


.redesign h4,
.redesign .h4 {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.42857rem ;
  font-weight: 700; }


.redesign h5,
.redesign .h5 {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.42857rem ;
  font-weight: 300; }


.redesign h6,
.redesign .h6 {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.28571rem ;
  font-weight: 300; }

@media only screen and (min-width: 654px) {
  .redesign h1, .redesign .h1,
  .redesign h2,
  .redesign .h2,
  .redesign h3,
  .redesign .h3,
  .redesign h4,
  .redesign .h4,
  .redesign h5,
  .redesign .h5,
  .redesign .heading,
  .redesign .vacancy__content strong,
  .vacancy__content .redesign strong {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 2.14286rem ; }
  .redesign h1, .redesign .h1 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 2.85714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 2.85714rem ; }
  
  .redesign h2,
  .redesign .h2 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 2.14286rem ; }
  
  .redesign h3,
  .redesign .h3 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 2rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 2rem ; }
  
  .redesign h4,
  .redesign .h4 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.64286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.64286rem ; }
  
  .redesign h5,
  .redesign .h5 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.64286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.64286rem ; }
  
  .redesign h6,
  .redesign .h6 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.42857rem ; } }

@media only screen and (min-width: 961px) {
  .redesign h1, .redesign .h1 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 3.21429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 3.21429rem ; }
  
  .redesign h2,
  .redesign .h2 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 2.5rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 2.5rem ; }
  
  .redesign h3,
  .redesign .h3 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 2.14286rem ; }
  
  .redesign h4,
  .redesign .h4 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.78571rem ; }
  
  .redesign h5,
  .redesign .h5 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.78571rem ; }
  
  .redesign h6,
  .redesign .h6 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.5rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.5rem ; } }

.redesign .heading--flat {
  margin-bottom: 0; }

.redesign .heading--white {
  color: #ffffff; }

.redesign .heading--singleline strong {
  display: inline; }

.redesign .heading--lowercase {
  text-transform: none; }

.redesign .heading--medium, .redesign .heading-medium_size-medium, .redesign .heading-medium_size-large, .redesign .heading-medium_size-extralarge {
  font-weight: 500; }

.redesign .heading--regular {
  font-weight: 400; }

.redesign .heading--light, .redesign .heading-light_size-small, .redesign .heading-light_size-medium, .redesign .heading-light_size-large, .redesign .heading-light_size-extralarge {
  font-weight: 300; }

.redesign .heading--inline {
  display: inline-block; }

@media only screen and (min-width: 654px) {
  .redesign .heading--nowrap {
    white-space: nowrap; } }

.redesign .subtitle {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.85714rem ;
  font-weight: 400; }
  @media only screen and (min-width: 654px) {
    .redesign .subtitle {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.42857rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      line-height: 2.14286rem ; } }

/*----------------------------------------------------------------------------*\
    $LOGO
\*----------------------------------------------------------------------------*/
.logo {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 7.14286rem ;
  display: block;
  margin: 11px auto; }
  .logo img {
    display: block;
    width: 100%; }

@media only screen and (min-width: 654px) {
  .logo {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 10.28571rem ;
    margin: 17px auto; } }

/*----------------------------------------------------------------------------*\
    $LOGO
\*----------------------------------------------------------------------------*/
.logo-w-payoff {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 7.14286rem ;
  display: block;
  margin: 11px auto; }
  .logo-w-payoff img {
    display: block;
    width: 100%; }
  @media only screen and (min-width: 654px) {
    .logo-w-payoff {
      /* 1 */
      /* 2 */
      /* 3 */
      max-width: 21.42857rem ;
      margin: 22px 7px; } }

/*----------------------------------------------------------------------------*\
    $INLINE-ELEMENTS
\*----------------------------------------------------------------------------*/
mark {
  background: #ffd100; }

.caption {
  font-style: italic;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.92857rem ;
  line-height: 1.69231; }

dl dd {
  margin-left: 0; }

/*----------------------------------------------------------------------------*\
    $PARAGRAPH
\*----------------------------------------------------------------------------*/
.paragraph--large {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.14286rem ; }

.paragraph--space-top {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 3.14286rem ; }

.paragraph--outstanding {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.78; }

@media only screen and (min-width: 654px) {
  .paragraph--outstanding {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.42857rem ; } }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign p {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.42857rem ;
  font-weight: 300; }

.redesign .paragraph--outstanding {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ; }

.redesign .paragraph--muted {
  opacity: .8; }

.redesign .paragraph--flat {
  margin-bottom: 0; }

.redesign .paragraph--thin {
  font-weight: 300; }

@media only screen and (min-width: 654px) {
  .redesign p {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 2.14286rem ; }
  .redesign .paragraph--outstanding {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ; } }

/*----------------------------------------------------------------------------*\
    $BLOCKQUOTE
\*----------------------------------------------------------------------------*/
blockquote {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 3.14286rem ;
  max-width: 32em;
  font-family: "Calvert", "Georgia", serif;
  font-weight: 200;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 2rem ;
  line-height: 1.57143;
  line-height: 1.286; }
  blockquote:before {
    content: "“";
    position: absolute;
    top: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    left: -3.14286rem ;
    display: block;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 6.42857rem ;
    line-height: 1.22222;
    line-height: 1; }
  blockquote footer {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1rem ;
    line-height: 1.57143;
    font-family: "Arial", "Helvetica", sans-serif; }
    blockquote footer cite {
      font-style: normal; }
  blockquote.is-centered {
    text-align: center;
    margin-left: 0; }
    blockquote.is-centered:before {
      position: relative;
      display: block;
      top: auto;
      left: auto;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-bottom: -3.92857rem ; }

/*----------------------------------------------------------------------------*\
    $LISTS
\*----------------------------------------------------------------------------*/
dl dt {
  font-weight: bold; }

.definition-list--side-by-side dt {
  clear: left;
  float: left;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.42857rem ; }

.definition-list--side-by-side dd {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.42857rem ;
  display: block; }

/*  $Cards
    \*----------------------------------------------------------------------------*/
.list--cards {
  list-style: none;
  margin-left: 0; }
  .list--cards > li {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }

.list--cards--space > li {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Panel
    \*----------------------------------------------------------------------------*/
.list--panel {
  list-style: none;
  margin-left: 0;
  max-width: none; }
  .list--panel > li {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem 0 ;
    margin-left: 0;
    border-bottom: 1px solid #e6e6e6; }
    .list--panel > li *:last-child {
      margin-bottom: 0; }

/*  $Stripe
    \*----------------------------------------------------------------------------*/
.list--stripe {
  list-style: none; }
  .list--stripe li {
    list-style: none;
    /* 1 */
    /* 2 */
    /* 3 */
    text-indent: -0.92857rem ; }
    .list--stripe li:before {
      content: "-";
      /* 1 */
      /* 2 */
      /* 3 */
      padding-right: 0.28571rem ; }
  .list--stripe a {
    text-decoration: none; }
    .list--stripe a:hover {
      text-decoration: underline; }

/*  $Arrow
    \*----------------------------------------------------------------------------*/
.list--arrow {
  margin-left: 0;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 21.42857rem ; }
  .list--arrow li {
    list-style: none;
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 0.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 1.57143rem 0.57143rem 3.14286rem ;
    border-bottom: 1px solid #f0f3f6; }
    .list--arrow li:before {
      content: "";
      display: block;
      position: absolute;
      /* 1 */
      /* 2 */
      /* 3 */
      top: 0.14286rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      left: 1.57143rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      height: 1.07143rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      width: 0.57143rem ;
      background-image: url("../images/arrow-list.png");
      background-repeat: no-repeat;
      background-size: contain; }
    .list--arrow li:first-child {
      margin-top: 0; }
    .list--arrow li:last-child {
      border-bottom: none;
      padding-bottom: 0; }
  .list--arrow a {
    text-decoration: none;
    color: #666666; }
    .list--arrow a:hover {
      text-decoration: underline; }

/*  $plain-list
    \*----------------------------------------------------------------------------*/
.list--plain {
  margin-left: 0;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 21.42857rem ; }
  .list--plain li {
    list-style: none;
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 0.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 1.57143rem 0.57143rem 0 ; }
    .list--plain li a {
      text-decoration: none;
      color: #666666;
      font-weight: 400; }
      .list--plain li a:hover {
        text-decoration: underline; }

.list--bullit {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 21.42857rem ; }
  .list--bullit li {
    list-style: none;
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 0.57143rem ;
    line-height: 1.88;
    font-family: 'klavika';
    font-size: 16px; }
    .list--bullit li:before {
      content: "●";
      font-size: 20px;
      position: absolute;
      left: -20px;
      top: -4px; }
    .list--bullit li a {
      text-decoration: none;
      color: #666666;
      font-weight: 400; }
      .list--bullit li a:hover {
        text-decoration: underline; }

/*  $Arrow behind
    \*----------------------------------------------------------------------------*/
.list--arrow-behind {
  margin-left: 0;
  display: inline-block;
  width: 100%; }
  .list--arrow-behind li {
    list-style: none;
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 0.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 1.57143rem 0.57143rem 0 ; }
    .list--arrow-behind li:after {
      content: "";
      display: block;
      position: absolute;
      /* 1 */
      /* 2 */
      /* 3 */
      top: 0.35714rem ;
      right: 0;
      /* 1 */
      /* 2 */
      /* 3 */
      height: 1.07143rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      width: 0.57143rem ;
      background-image: url("../images/arrow-list.png");
      background-repeat: no-repeat;
      background-size: contain;
      transition: .3s ease all; }
    .list--arrow-behind li:first-child {
      margin-top: 0; }
    .list--arrow-behind li:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    .list--arrow-behind li a {
      text-decoration: none;
      color: #666666;
      font-weight: 400;
      font-size: 17px; }
      .list--arrow-behind li a:hover {
        text-decoration: underline;
        color: #0794E5; }

/*  $Number
    \*----------------------------------------------------------------------------*/
.list--number {
  margin-left: 0;
  list-style-type: none;
  counter-reset: li-counter;
  max-width: none; }
  .list--number > li {
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 0.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 3.14286rem ;
    border-bottom: 1px solid #e6e6e6;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.21429rem ; }
    .list--number > li:before {
      content: counter(li-counter);
      counter-increment: li-counter;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 50%;
      border: 1px solid #4d4d4d;
      /* 1 */
      /* 2 */
      /* 3 */
      height: 2.28571rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      width: 2.28571rem ;
      line-height: 30px;
      text-align: center;
      display: block; }
    .list--number > li *:last-child {
      margin-bottom: 0; }
    .list--number > li:last-child {
      border-bottom: 0;
      margin-bottom: 0; }

/*  $Bordered
    \*----------------------------------------------------------------------------*/
.list--bordered {
  margin-left: 0;
  list-style: none; }
  .list--bordered > li {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.28571rem 0.78571rem ;
    border-bottom: 1px solid #e5eaf0; }

/*  $Check
    \*----------------------------------------------------------------------------*/
.list--check, .vacancy__content ul {
  margin-left: 0;
  display: inline-block; }
  .list--check li, .vacancy__content ul li {
    list-style: none;
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 1.57143rem 0 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }
    .list--check li:before, .vacancy__content ul li:before {
      content: "";
      display: block;
      position: absolute;
      /* 1 */
      /* 2 */
      /* 3 */
      top: 0.21429rem ;
      left: 0;
      /* 1 */
      /* 2 */
      /* 3 */
      height: 1.07143rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      width: 1.07143rem ;
      background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2OS45IDE0Ni41IDQ3Mi4yIDQ5OS4xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDY5LjkgMTQ2LjUgNDcyLjIgNDk5LjEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzRENEQ0RCIgZD0iTTI1OC4yLDY0NS42Yy0yMC4xLDAtMzguMi0xMC41LTQ3LjgtMjcuN0w3Ny41LDM5NC4xYy0xNS4zLTI2LjgtNi43LTYxLjIsMjAuMS03Ni41DQoJYzI2LjgtMTUuMyw2MS4yLTYuNyw3Ni41LDIwLjFsODQuMSwxNDEuNWwxNzkuOC0zMDVjMTUuMy0yNi44LDUwLjctMzUuNCw3Ni41LTIwLjFjMjYuOCwxNS4zLDM1LjQsNTAuNywyMC4xLDc2LjVMMzA2LDYxNy45DQoJQzI5Ni40LDYzNS4xLDI3OC4zLDY0NS42LDI1OC4yLDY0NS42eiIvPg0KPC9zdmc+DQo=");
      background-repeat: no-repeat;
      background-size: cover; }
  .list--check.is--accept li:before, .vacancy__content ul.is--accept li:before {
    background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI3MCAyMTkuMSA2MTIgNjQ2LjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNzAgMjE5LjEgNjEyIDY0Ni44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNCREQ0NkEiIGQ9Ik0zMTMuOSw4NjUuOWMtMjYuMSwwLTQ5LjUtMTMuNi02Mi0zNS45TDc5LjgsNTQwYy0xOS44LTM0LjctOC43LTc5LjMsMjYuMS05OS4xczc5LjMtOC43LDk5LjEsMjYuMQ0KCWwxMDksMTgzLjRMNTQ3LDI1NWMxOS44LTM0LjcsNjUuNy00NS45LDk5LjEtMjYuMWMzNC43LDE5LjgsNDUuOSw2NS43LDI2LjEsOTkuMUwzNzUuOSw4MzBDMzYzLjUsODUyLjMsMzQwLDg2NS45LDMxMy45LDg2NS45eiIvPg0KPC9zdmc+DQo="); }

/*  $Contained
    \*----------------------------------------------------------------------------*/
.list--contained {
  display: inline-block;
  border: 1px solid #b6bfd2;
  list-style: none;
  margin-left: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 15.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.21429rem ; }
  .list--contained > li {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.42857rem 1.57143rem ;
    border-top: 1px solid #b6bfd2;
    background: #ffffff; }
    .list--contained > li:first-child {
      border-top: none; }

/*  $Reset
    \*----------------------------------------------------------------------------*/
.list--reset {
  margin: 0;
  padding: 0;
  list-style: none; }

.list--narrow {
  margin-left: 0;
  display: inline-block;
  margin-top: 6px; }
  .list--narrow li {
    list-style: none;
    position: relative;
    margin-top: 0;
    padding: 0; }
    .list--narrow li a {
      text-decoration: none;
      color: #666666;
      font-weight: 300; }
      .list--narrow li a:hover {
        text-decoration: underline; }

/*  $Icon list
    \*----------------------------------------------------------------------------*/
.list--icon {
  margin-left: 0; }
  .list--icon li {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.42857rem 1.57143rem ;
    padding-left: 0;
    list-style-type: none;
    font-family: 'Klavika';
    color: #4d4d4d;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ; }
    .list--icon li .icon {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 0.71429rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-top: -0.21429rem ;
      font-size: 20px;
      color: #FD817F; }
  .list--icon.list--icon--warn li .icon {
    color: #FFB354; }

/*  List block
\*----------------------------------------------------------------------------*/
/* ul,ol */
.list--block {
  list-style: none;
  margin-left: 0; }
  .list--block > li {
    border-bottom: 1px solid #e5eaf0; }
    .list--block > li:last-child {
      border-bottom: none; }

/*  $Layer modifier
    \*----------------------------------------------------------------------------*/
.layer--base-dark-b .content-block:not(.tile) ol,
.layer--base-dark-b .content-block:not(.tile) ul,
.layer--base-dark-b .content-block:not(.tile) dl {
  color: #e5eaf0; }

.layer--base-dark-b .content-block:not(.tile) .list--arrow > li {
  border-color: rgba(255, 255, 255, 0.2); }
  .layer--base-dark-b .content-block:not(.tile) .list--arrow > li:before {
    background-image: url("../images/arrow-list-light.png"); }

.layer--base-dark-b .content-block:not(.tile) .list--arrow a {
  color: #e5eaf0; }

.layer--base-dark-b .content-block:not(.tile) .list--number > li {
  border-color: rgba(255, 255, 255, 0.2); }
  .layer--base-dark-b .content-block:not(.tile) .list--number > li:before {
    border-color: rgba(255, 255, 255, 0.5); }

.layer--brand .content-block:not(.tile) ol,
.layer--brand .content-block:not(.tile) dl,
.layer--brand .content-block:not(.tile) ul {
  color: #4d4d4d; }

.layer--brand .content-block:not(.tile) .list--number > li {
  border-color: #4d4d4d; }
  .layer--brand .content-block:not(.tile) .list--number > li:before {
    border-color: #4d4d4d; }

.layer--brand .content-block:not(.tile) .list--arrow > li {
  border-color: #4d4d4d; }
  .layer--brand .content-block:not(.tile) .list--arrow > li:before {
    background-image: url("../images/arrow-list-dark.png"); }

.layer--base-gray-b .content-block:not(.tile) .list--arrow > li,
.layer--base-gray-c .content-block:not(.tile) .list--arrow > li {
  border-color: rgba(77, 77, 77, 0.1); }

.layer--base-gray-c {
  /*  $Number
        \*----------------------------------------------------------------------------*/ }
  .layer--base-gray-c .list--number > li {
    border-bottom: 1px solid #b6bfd2; }

/*----------------------------------------------------------------------------*\
    $TABLES
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    NOTE: WHEN TABLE IS REDESIGNED, KEEP DATE-PICKER IN MIND
\*----------------------------------------------------------------------------*/
table {
  border: 1px solid #666666;
  color: #4d4d4d;
  border-radius: 8px;
  border-collapse: separate;
  text-align: left;
  width: 100%; }
  table th:first-child {
    border-top-left-radius: 7px; }
  table th:last-child {
    border-top-right-radius: 7px; }
  table tr:last-child td {
    border-bottom: none; }
    table tr:last-child td:first-child {
      border-radius: 0 0 0 8px; }
    table tr:last-child td:last-child {
      border-radius: 0 0 8px 0; }

th {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1rem 1.57143rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  border-bottom: 1px solid #b6bfd2;
  background: #666666;
  color: #ffffff; }

td {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ;
  border-bottom: 1px solid #b6bfd2; }

/*  $Layer modifier
    \*----------------------------------------------------------------------------*/
.layer--base-dark-b table {
  color: #e5eaf0; }

/*  $Fixed
    \*----------------------------------------------------------------------------*/
.table--fixed {
  position: relative;
  display: block;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }

/*  $Clean
    \*----------------------------------------------------------------------------*/
.table--clean {
  border: solid #b6bfd2;
  border-radius: 2px;
  border-width: 1px 1px 4px; }
  .table--clean th {
    background: #ffffff;
    color: #666666;
    font-weight: bold; }
  .table--clean th, .table--clean td {
    padding: 22px;
    border: none;
    text-align: left; }
  .table--clean tbody tr:nth-child(odd) {
    background: #f0f3f6; }
  .table--clean tbody tr td:first-child, .table--clean tbody tr td:last-child {
    border-radius: 0; }

/*  $Responsive tables

1. This class is applied by the plugin 'responsive-tables.js', so wrap all substyles in this
2. Because the cells have no relation to each other, and thus don't have equal heights, keep them one line.
3. Hide the first row of the right table on mobile

\*----------------------------------------------------------------------------*/
.table-wrapper {
  /* 1 */
  position: relative;
  overflow: hidden;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .table-wrapper .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    border-right: 1px solid #b6bfd2; }
  .table-wrapper .pinned table {
    border-right: none;
    margin-bottom: 0;
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .table-wrapper .pinned table th, .table-wrapper .pinned table td,
  .table-wrapper .scrollable table th, .table-wrapper .scrollable table td {
    white-space: nowrap;
    /* 2 */ }
  .table-wrapper .scrollable table {
    margin-left: 35%;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0; }
  .table-wrapper .scrollable th:first-child {
    border-radius: 0; }
  .table-wrapper .scrollable {
    overflow: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }
  .table-wrapper table.responsive th:first-child, .table-wrapper table.responsive td:first-child, .table-wrapper table.responsive td:first-child, .table-wrapper table.responsive.pinned td {
    display: none;
    /* 3 */ }
    @media only screen and (min-width: 654px) {
      .table-wrapper table.responsive th:first-child, .table-wrapper table.responsive td:first-child, .table-wrapper table.responsive td:first-child, .table-wrapper table.responsive.pinned td {
        display: table-cell; } }

.redesign {
  /* <overwrite old styles> */
  /* </overwrite old styles> */ }
  .redesign table {
    border-collapse: initial;
    border: none;
    border-radius: 0;
    margin-bottom: 0; }
  .redesign th {
    padding: 0;
    font-weight: 400;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 16px;
    border: 0;
    background: transparent;
    color: #4d4d4d; }
    .redesign th:first-child, .redesign th:last-child {
      border-radius: 0; }
  .redesign tbody {
    font-size: 16px; }
  .redesign tr:last-child td:first-child, .redesign tr:last-child td:last-child {
    border-radius: 0; }
  .redesign td {
    padding: 0;
    border: 0;
    font-size: 16px;
    line-height: 20px; }
  .redesign table {
    font-family: "Klavika", "Arial", "Helvetica", sans-serif; }
  .redesign th {
    font-weight: 500;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.42857rem ; }
  .redesign .table--sterile th,
  .redesign .table--sterile td {
    text-align: left;
    vertical-align: top;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 1.42857rem ; }
  .redesign .table--sterile th {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.71429rem ; }
  .redesign .table--sterile td {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 0.71429rem ; }
  .redesign .table--small th,
  .redesign .table--small td {
    text-align: left;
    vertical-align: top;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 0.71429rem ; }
  .redesign .table--small th {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.71429rem ; }
  .redesign .table--small td {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.71429rem ; }
  @media only screen and (min-width: 654px) {
    .redesign .table--sterile th,
    .redesign .table--sterile td {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-bottom: 2.14286rem ; }
    .redesign .table--sterile th {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-right: 1.42857rem ; } }

.table-tprognose {
  box-shadow: 0 4px 0 0 #dae0e7; }
  .table-tprognose tr:nth-child(1) th {
    font-weight: bold;
    padding: 10px 10px 5px 5px;
    border-top: 1px solid #b6bfd2; }
    .table-tprognose tr:nth-child(1) th:first-child {
      background-color: #f7f9fa;
      text-align: left;
      font-size: 12px;
      width: 50px;
      border-left: 1px solid #b6bfd2;
      border-right: 1px solid #b6bfd2; }
    .table-tprognose tr:nth-child(1) th:nth-child(1n+2) {
      text-align: center;
      border-right: 1px solid #b6bfd2; }
  .table-tprognose tr:nth-child(2) th {
    padding: 5px;
    font-weight: 500;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #b6bfd2;
    font-size: 12px; }
    .table-tprognose tr:nth-child(2) th:nth-child(1) {
      background-color: #f7f9fa;
      border-left: 1px solid #b6bfd2; }
    .table-tprognose tr:nth-child(2) th:nth-child(2n+1) {
      border-right: 1px solid #b6bfd2; }
  .table-tprognose tr td {
    padding: 5px;
    border-right: 1px solid #b6bfd2;
    border-bottom: 1px solid #b6bfd2;
    font-size: 13px; }
    .table-tprognose tr td:first-child {
      border-left: 1px solid #b6bfd2;
      font-weight: 500; }
  .table-tprognose tr:hover:nth-child(1n+3) {
    background-color: #f7f9fa; }

/*----------------------------------------------------------------------------*\
    $LAYER
\*----------------------------------------------------------------------------*/
.layer {
  position: relative;
  z-index: 1; }
  .layer.is-hidden {
    display: none; }
  .layer.layer--hide-overflow {
    overflow: hidden; }

/*  Z-index changes
    \*----------------------------------------------------------------------------*/
.layer--z2 {
  z-index: 2; }

/*  $Colours
    \*----------------------------------------------------------------------------*/
.layer--gray {
  background-color: #f7f7f7; }

.layer--brand {
  background: #ffd100; }

.layer--accept {
  background: #bdd46a; }

.layer--notice {
  background: #feed79; }

.layer--deny {
  background: #fd817f; }

.layer--base-light-a {
  background: #ffffff; }

.layer--base-gray-a {
  background: #f1f1f1; }

.layer--base-gray-b {
  background: #f0f3f6; }

.layer--base-gray-c {
  background: #e5eaf0; }

.layer--base-gray-d {
  background: #e6e6e6; }

.layer--base-gray-e {
  background: #b6bfd2; }

.layer--base-gray-f {
  background: #999999; }

.layer--base-dark-a {
  background: #666666; }

.layer--base-dark-b {
  background: #4d4d4d; }

.layer--base-dark-c {
  background: #414141; }

/*  $Sizes
    \*----------------------------------------------------------------------------*/
.layer--extra-large {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 4.71429rem 0 3.14286rem 0 ; }
  .layer--extra-large .layer--push {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 1.57143rem ; }

.layer--large {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 2.35714rem 0 1.57143rem 0 ; }
  .layer--large .layer--push {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 2.35714rem ; }

.layer--medium {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 0 0 ; }
  .layer--medium .layer--push {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 1.57143rem ; }

.layer--small {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 0 0 ; }
  .layer--small.layer--extra-top {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 4.28571rem ; }
  .layer--small .layer--push {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 1.57143rem ; }

.layer--extra-small {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 0 0 0 ; }
  .layer--extra-small .layer--push {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 0.78571rem ; }

@media only screen and (min-width: 654px) {
  /*  $Sizes
    \*----------------------------------------------------------------------------*/
  .layer--extra-large {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 7.85714rem 0 6.28571rem 0 ; }
    .layer--extra-large .layer--push {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-bottom: 1.57143rem ; }
  .layer--large {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 4.71429rem 0 3.14286rem 0 ; }
    .layer--large .layer--push {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-bottom: 1.57143rem ; }
  .layer--medium {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 3.14286rem 0 1.57143rem 0 ; }
    .layer--medium .layer--push {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-bottom: 1.57143rem ; }
  .layer--small {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem 0 0 0 ; }
    .layer--small .layer--push {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-bottom: 1.57143rem ; }
  .layer--extra-small {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.78571rem 0 0 0 ; }
    .layer--extra-small .layer--push {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-bottom: 0.78571rem ; } }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign .layer {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 2.85714rem 0 5.71429rem ;
  background-color: #ffffff;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif; }

.redesign .layer--negative-overlay {
  z-index: 2;
  padding: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -5.35714rem ;
  background: none; }

.redesign .layer--negative-overlay-large {
  z-index: 2;
  padding: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -9.28571rem ;
  background: none; }

.redesign .layer--gray {
  background-color: #f7f7f7; }

.redesign .layer--transparent {
  background: none; }

.redesign .layer--secondary {
  background-color: #0794E5;
  color: #ffffff; }

.redesign .layer--secondary-gradient {
  background-color: #0794E5;
  color: #ffffff;
  background-image: radial-gradient(circle at 48% 21%, #49b5f3, #48b4f3, #0794e5, #0794e5); }

.redesign .layer--split:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 50%;
  background-color: #f7f7f7; }

.redesign .layer--extra-small {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.71429rem 0 0 0 ; }
  .redesign .layer--extra-small.layer--extra-top {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 1.42857rem ; }

.redesign .layer--small {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.42857rem 0 ; }
  .redesign .layer--small.layer--extra-top {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 2.85714rem ; }

.redesign .layer--medium {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 2.85714rem 0 ; }
  .redesign .layer--medium.layer--extra-top {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 5.71429rem ; }

.redesign .layer--large {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 4.28571rem 0 2.85714rem 0 ; }
  .redesign .layer--large.layer--extra-top {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 8.57143rem ; }

.redesign .layer--extra-large {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 7.14286rem 0 5.71429rem 0 ; }
  .redesign .layer--extra-large.layer--extra-top {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 11.42857rem ; }

@media only screen and (min-width: 654px) {
  .redesign .layer {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 4.28571rem 0 8.57143rem ; }
  .redesign .layer--negative-overlay {
    z-index: 2;
    padding: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -7.14286rem ; }
  .redesign .layer--negative-overlay-large {
    z-index: 2;
    padding: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -14.28571rem ; }
  .redesign .layer--extra-small {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.07143rem 0 0 0 ; }
    .redesign .layer--extra-small.layer--extra-top {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-top: 2.14286rem ; }
  .redesign .layer--small {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 2.14286rem 0 ; }
    .redesign .layer--small.layer--extra-top {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-top: 4.28571rem ; }
  .redesign .layer--medium {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 4.28571rem 0 ; }
    .redesign .layer--medium.layer--extra-top {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-top: 8.57143rem ; }
  .redesign .layer--large {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 6.42857rem 0 4.28571rem 0 ; }
    .redesign .layer--large.layer--extra-top {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-top: 8.57143rem ; }
  .redesign .layer--extra-large {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 10.71429rem 0 8.57143rem 0 ; }
    .redesign .layer--extra-large.layer--extra-top {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-top: 12.85714rem ; } }

.label-stroke {
  background-color: #0794E5;
  color: #ffffff;
  border-radius: 2px;
  padding: 10px 15px;
  font-weight: 500;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif; }

.label-stroke--deny {
  background-color: #fd817f; }

.label-stroke--grey {
  background-color: #f0f3f6;
  color: #4d4d4d; }

.label-rounded {
  background-color: #f0f3f6;
  padding: 6px 15px;
  border-radius: 100px;
  font-weight: 700; }

/*----------------------------------------------------------------------------*\
    $TEXT-FIELDS
\*----------------------------------------------------------------------------*/
input[type=text],
input[type=password],
input[type=url],
input[type=email],
input[type=search],
input[type=tel] {
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 15.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.07143rem 0.78571rem 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  border: 1px solid #b6bfd2;
  outline: 0;
  transition: box-shadow 0.1s;
  -webkit-appearance: none; }
  input[type=text]:focus,
  input[type=password]:focus,
  input[type=url]:focus,
  input[type=email]:focus,
  input[type=search]:focus,
  input[type=tel]:focus {
    box-shadow: 0 0 0 2px #ffd100; }

textarea {
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 21.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 7.64286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.57143rem 1.07143rem 0.57143rem 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  border: 1px solid #b6bfd2;
  outline: 0;
  transition: box-shadow 0.1s; }
  textarea:focus {
    box-shadow: 0 0 0 2px #ffd100; }
  textarea.no-resize {
    resize: none; }

/*  $Input
    \*----------------------------------------------------------------------------*/
input[type=text].input-small {
  min-width: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 7.71429rem ; }

input[type=text].input-smallest {
  min-width: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 5.57143rem ; }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign input[type=text],
.redesign input[type=password],
.redesign input[type=email],
.redesign textarea {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  color: #4d4d4d;
  border-style: solid;
  border-width: 1px;
  border-color: #b6c1d0;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  min-width: initial; }
  .redesign input[type=text]:focus,
  .redesign input[type=password]:focus,
  .redesign input[type=email]:focus,
  .redesign textarea:focus {
    box-shadow: none;
    border-color: #0794E5; }

.redesign textarea {
  min-width: 100%;
  resize: vertical;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ; }
  @media only screen and (min-width: 654px) {
    .redesign textarea {
      /* 1 */
      /* 2 */
      /* 3 */
      min-width: 21.42857rem ; } }

.redesign .form__help-text {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  display: inline-block;
  font-size: 14px;
  text-decoration: underline;
  color: #4d4d4d;
  opacity: .7;
  margin-top: 5px;
  font-weight: 400; }
  .redesign .form__help-text:hover {
    opacity: 1; }

/*----------------------------------------------------------------------------*\
    $File-upload
\*----------------------------------------------------------------------------*/
.file-upload {
  overflow: hidden;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 21.42857rem ; }
  .file-upload + .file-upload {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 1.57143rem ; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.file-upload__content {
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.21429rem 0 0 0.21429rem ;
  border: 1px solid #b6bfd2;
  outline: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.85714rem 1.07143rem ;
  border-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 13.57143rem ; }
  .file-upload__content:focus {
    box-shadow: 0 0 0 2px #ffd100; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.file-upload__button.button--brand, .file-upload__button.button--primary, .file-upload__button.button--light, .file-upload__button.button--secondary {
  position: relative;
  overflow: hidden;
  float: left;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.92857rem 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0 0.57143rem 0.57143rem 0 ; }
  .file-upload__button.button--brand:after, .file-upload__button.button--primary:after, .file-upload__button.button--light:after, .file-upload__button.button--secondary:after {
    display: none; }

.file-upload__button input {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2000px;
  cursor: pointer;
  opacity: 0;
  display: block;
  height: 100%;
  width: 100%; }

/*  $More
    \*----------------------------------------------------------------------------*/
.file-upload__more,
.textbox__more {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  line-height: 1.5;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.42857rem ;
  margin-bottom: 0;
  display: inline-block; }

/*----------------------------------------------------------------------------*\
    $CHECKBOX
    These are styled base on wtfforms techniques: http://wtfforms.com/
\*----------------------------------------------------------------------------*/
.checkbox {
  position: relative;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 2.64286rem ;
  color: #666666;
  cursor: pointer; }
  .checkbox input {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .checkbox p {
    margin-bottom: 0; }

.checkbox__indicator {
  position: absolute;
  left: 0;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.21429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.28571rem ;
  color: #666666;
  text-align: center;
  border: 1px solid #b6bfd2;
  background-color: white;
  background-size: 90% 90%;
  background-position: top right;
  background-repeat: no-repeat;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: box-shadow 0.1s; }

.checkbox input:focus ~ .checkbox__indicator {
  box-shadow: 0 0 0 2px #ffd100; }

.checkbox input:checked ~ .checkbox__indicator {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIyNDIuNiAzMjQuNyAxMzQuNyAxNDIuNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAyNDIuNiAzMjQuNyAxMzQuNyAxNDIuNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNEQ0RDREIiBkPSJNMjk2LjIsNDY3LjJjLTUuNywwLTEwLjktMy4xLTEzLjgtNy45bC0zNy43LTY0Yy00LjQtNy42LTItMTcuNCw1LjctMjEuOWM3LjctNC40LDE3LjQtMiwyMS45LDUuNw0KCWwyMy45LDQwLjZsNTEuMy04Ny4yYzQuNC03LjcsMTQuMy0xMC4xLDIxLjktNS43YzcuNiw0LjQsMTAuMSwxNC4zLDUuNywyMS45TDMxMCw0NTkuNEMzMDcuMSw0NjQuMywzMDEuOSw0NjcuMiwyOTYuMiw0NjcuMnoiLz4NCjwvc3ZnPg0K");
  background-position: center center;
  background-size: 70%; }

/*  $List
    \*----------------------------------------------------------------------------*/
.checkbox__list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .checkbox__list.is-inline > li {
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.78571rem ; }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign .checkbox {
  display: table;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  padding-left: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.71429rem ; }

.redesign .checkbox__container {
  display: table-cell;
  vertical-align: middle; }

.redesign .checkbox__container--text {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.71429rem ; }

.redesign .checkbox__facade {
  background-color: #ffffff;
  border: 1px solid #b6c1d0;
  box-shadow: 0 4px 0 0 #dae0e7;
  display: inline-block;
  float: left;
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.71429rem ; }

.redesign .checkbox input:focus ~ .checkbox__facade {
  border-color: #0794E5; }

.redesign .checkbox input:checked ~ .checkbox__facade {
  background-color: #0794E5;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2ICg0NDQyMykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Q29tYmluZWQtU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbi1DaGVja2JveC1zZWxlY3RlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIC0yLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjAzNzE3ODYzLDkuMjQwNDM3MjQgTDQuMzY0MjUzMzMsOS4yNDA0MzcyNCBDMy41MjQ4ODk5Myw5LjI0MDQzNzI0IDIuODU1MTQ0MTEsOS45MTYyMTg1NCAyLjg1NTE0NDExLDEwLjc0OTgzNyBDMi44NTUxNDQxMSwxMS41ODkyNjczIDMuNTMwNzk1MzMsMTIuMjU5MjM2OCA0LjM2NDI1MzMzLDEyLjI1OTIzNjggTDguODkzMDMzODMsMTIuMjU5MjM2OCBDOS42MDk0OTk1MywxMi4yNTkyMzY4IDEwLjIwMjM4MTMsMTEuNzY2ODYwNyAxMC4zNjA2Mzg1LDExLjEwNDIyOTYgQzEwLjQ1MzkxNjEsMTAuODM3MTkyOSAxMC40NzI2MzkzLDEwLjU0MDkxMTYgMTAuMzk5MDg3NCwxMC4yNDU5MTE0IEw4LjM4Nzc2MTIzLDIuMTc4OTIyNDEgQzguMTg3MjAxMjMsMS4zNzQ1MjAxNyA3LjM2ODM3ODQzLDAuODgzNzg3NjA0IDYuNTU5NTIxOTMsMS4wODU0NTgxNyBDNS43NDUwMjYzMywxLjI4ODUzNDc0IDUuMjU3NzgwNzMsMi4xMDM2NjE5MyA1LjQ1ODYzMjkzLDIuOTA5MjM2MTIgTDcuMDM3MTc4NjMsOS4yNDA0MzcyNCBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNjQ5Njk3LCA2LjY0OTY5OCkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC02LjY0OTY5NywgLTYuNjQ5Njk4KSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50%;
  border-color: #0794E5; }

.redesign .checkbox__text {
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.14286rem ; }

.redesign .checkbox--shadowless .checkbox__facade {
  box-shadow: none; }

.redesign .checkbox--align-top .checkbox__container {
  vertical-align: top; }

@media only screen and (min-width: 654px) {
  .redesign .checkbox {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.07143rem ; }
  .redesign .checkbox__container--text {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 1.07143rem ; }
  .redesign .checkbox__container--image {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 2.14286rem ; } }

.redesign .checkbox--inline {
  display: inline-block;
  margin-bottom: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 2.14286rem ; }

/*----------------------------------------------------------------------------*\
    $RADIO
    These are styled base on wtfforms techniques: http://wtfforms.com/
\*----------------------------------------------------------------------------*/
.radio {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  color: #666666;
  cursor: pointer; }
  .radio input {
    position: absolute;
    opacity: 0;
    z-index: -1; }

.radio__indicator {
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0.21429rem ;
  left: 0;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.07143rem ;
  border-radius: 50%;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.07143rem ;
  color: #666666;
  text-align: center;
  border: 1px solid #b6bfd2;
  background-color: #ffffff;
  background-size: 54% 54%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: box-shadow 0.1s; }

.radio input:focus ~ .radio__indicator {
  box-shadow: 0 0 0 2px #ffd100; }

.radio input:checked ~ .radio__indicator:after {
  content: "";
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 0rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  left: 0rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 0rem ;
  box-shadow: inset 0px 0px 0px 2px white;
  background-color: #0099CC;
  border-radius: 50%; }

/*  $List
    \*----------------------------------------------------------------------------*/
.radio__list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .radio__list.is-inline > li {
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 3.14286rem ; }
  .radio__list.is-highlighted .radio__indicator {
    position: relative;
    top: auto;
    left: auto; }

/*  $Highlight
    \*----------------------------------------------------------------------------*/
.radio-highlight__list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .radio-highlight__list > li {
    display: inline-block; }

.radio-highlight input {
  position: absolute;
  opacity: 0;
  z-index: -1; }

.radio-highlight__indicator {
  background: #e5eaf0;
  color: #4d4d4d;
  cursor: pointer;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.14286rem 1.57143rem 1rem 1.57143rem ;
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 7.14286rem ;
  display: inline-block;
  vertical-align: top;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  line-height: 1.25;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.42857rem ;
  box-shadow: 0 4px 0 #b6bfd2;
  transition: all 0.15s; }
  .radio-highlight__indicator .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 0.42857rem ;
    display: inline-block; }
  .radio-highlight__indicator:hover {
    background: #d2dae5; }

.radio-highlight input:checked ~ .radio-highlight__indicator {
  -ms-transform: translateY(4px);
      transform: translateY(4px);
  box-shadow: none;
  background: #bdd46a; }

.radio-highlight.is-deny input:checked ~ .radio-highlight__indicator {
  background: #fd817f; }

@media only screen and (min-width: 654px) {
  .radio-textarea {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 2.85714rem ; } }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign .radio {
  display: table;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  padding-left: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ; }
  .redesign .radio:hover .radio__facade:after {
    background-color: #e5eaf0; }

.redesign .radio__container {
  display: table-cell;
  vertical-align: middle; }

.redesign .radio__container--text {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.71429rem ; }

.redesign .radio__container--image {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 1.42857rem ; }
  .redesign .radio__container--image .radio__image {
    display: block;
    max-width: none; }

.redesign .radio__facade {
  position: relative;
  float: left;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.71429rem ;
  border: 1px solid #b6c1d0;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #dae0e7;
  transition: .3s all ease; }
  .redesign .radio__facade:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    /* 1 */
    /* 2 */
    /* 3 */
    width: 0.71429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 0.71429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -0.35714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -0.35714rem ;
    border-radius: 50%;
    background-color: #f7f7f7;
    transition: .3s all ease; }

.redesign .radio input:focus ~ .radio__facade {
  border-color: #0794E5; }

.redesign .radio input:checked ~ .radio__facade:after {
  background-color: #0794E5; }

.redesign .radio__text {
  top: 1px;
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.14286rem ; }

.redesign .radio__text--big {
  top: 2px;
  position: relative;
  font-size: 18px; }

.redesign .radio__text--bold {
  font-weight: 500; }

.redesign .radio--block {
  width: 100%;
  padding: 20px;
  border: 1px solid #b6c1d0;
  border-radius: 2px; }
  .redesign .radio--block .radio__facade {
    box-shadow: none; }
  .redesign .radio--block .radio__container--text {
    width: 100%; }

@media only screen and (min-width: 654px) {
  .redesign .radio {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.07143rem ; }
  .redesign .radio__container--text {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 1.07143rem ; }
  .redesign .radio__container--image {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 2.14286rem ; }
  .redesign .radio--block {
    padding: 30px; } }

.redesign .radio--inline {
  display: inline-block;
  margin-bottom: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 2.14286rem ; }

/*----------------------------------------------------------------------------*\
    $SELECT-MENU
    These are styled base on wtfforms techniques: http://wtfforms.com/
\*----------------------------------------------------------------------------*/
.select {
  position: relative;
  display: block;
  color: #666666; }
  .select:before {
    position: absolute;
    content: "";
    /* 1 */
    /* 2 */
    /* 3 */
    top: 0.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 3.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: 0.07143rem ;
    border-right: 1px solid #b6bfd2;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 2.35714rem ;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 80%); }
  .select:after {
    position: absolute;
    content: "";
    top: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 1.07143rem ;
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 0.5rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1.07143rem ;
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIzMS42IDI2MC4yIDU0OC45IDI3MS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMxLjYgMjYwLjIgNTQ4LjkgMjcxLjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM0RDRENEQiIGQ9Ik01NDAuMywyNjAuMmMtMjIsMC00MC4yLDE3LjItNDAuMiwzOC4yczE4LjIsMzguMiw0MC4yLDM4LjJzNDAuMi0xNy4yLDQwLjItMzguMg0KCQkJQzU4MC40LDI3Ny40LDU2Mi4zLDI2MC4yLDU0MC4zLDI2MC4yeiBNMzA2LDQ1NS4zYy0yMiwwLTQwLjIsMTcuMi00MC4yLDM4LjJzMTguMiwzOC4zLDQwLjIsMzguM2MyMiwwLDQwLjItMTcuMiw0MC4yLTM4LjMNCgkJCVMzMjgsNDU1LjMsMzA2LDQ1NS4zeiBNNDI4LjQsMzU1LjhjLTIyLDAtNDAuMiwxNy4yLTQwLjIsMzguMnMxOC4yLDM4LjIsNDAuMiwzOC4yczQwLjItMTcuMiw0MC4yLTM4LjINCgkJCUM0NjguNiwzNzMuMSw0NTAuNCwzNTUuOCw0MjguNCwzNTUuOHogTTcxLjcsMjYwLjJjLTIyLDAtNDAuMiwxNy4yLTQwLjIsMzguMnMxOC4yLDM4LjIsNDAuMiwzOC4yczQwLjItMTcuMiw0MC4yLTM4LjINCgkJCUMxMTIuOCwyNzcuNCw5NC43LDI2MC4yLDcxLjcsMjYwLjJ6IE0xODMuNiwzNTUuOGMtMjIsMC00MC4yLDE3LjItNDAuMiwzOC4yczE4LjIsMzguMiw0MC4yLDM4LjJzNDAuMi0xNy4yLDQwLjItMzguMg0KCQkJQzIyMy44LDM3My4xLDIwNS42LDM1NS44LDE4My42LDM1NS44eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K");
    background-size: cover;
    pointer-events: none;
    background-repeat: no-repeat; }
  .select select {
    display: inline-block;
    margin: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.60714rem 3.07143rem 0.60714rem 1.07143rem ;
    width: 100%;
    line-height: 1.5;
    color: #666666;
    background-color: #ffffff;
    border: 1px solid #b6bfd2;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.21429rem ;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: box-shadow 0.1s; }
    .select select:focus, .select select:active {
      box-shadow: 0 0 0 1px #ffd100; }
    .select select::-ms-expand {
      display: none; }

.select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #4d4d4d; }

@-moz-document url-prefix() {
  .select:before {
    background-color: #ffffff;
    pointer-events: none;
    z-index: 1;
    content: "";
    /* 1 */
    /* 2 */
    /* 3 */
    height: 2.53571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1.42857rem ;
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 0.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 3.14286rem ;
    display: block; } }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign .re-select {
  position: relative;
  display: block;
  color: #666666; }
  .redesign .re-select:before {
    position: absolute;
    content: "";
    pointer-events: none;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 0.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 3.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: 0.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 2.35714rem ;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 80%); }
  .redesign .re-select:after {
    position: absolute;
    font-family: 'fontello';
    content: '\e830';
    top: calc(50% + 12px);
    color: #b6c1d0;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 1.42857rem ;
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 0.92857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1.42857rem ;
    -ms-transform: translate(0, -50%) rotate(180deg);
        transform: translate(0, -50%) rotate(180deg);
    font-size: 23px;
    pointer-events: none; }
  .redesign .re-select:hover:after {
    color: #0794E5; }
  .redesign .re-select select {
    display: inline-block;
    margin: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.60714rem 3.07143rem 0.60714rem 1.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 3.64286rem ;
    width: 100%;
    line-height: 1.5;
    color: #666666;
    background-color: #ffffff;
    border: 1px solid #b6c1d0;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.14286rem ;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: box-shadow 0.1s;
    box-shadow: 0 4px 0 0 #dae0e7; }
    .redesign .re-select select:focus, .redesign .re-select select:active {
      border: 1px solid #0794E5; }
    .redesign .re-select select::-ms-expand {
      display: none; }

.redesign .select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #4d4d4d; }

@-moz-document url-prefix() {
  .redesign .select:before {
    background-color: #ffffff;
    pointer-events: none;
    z-index: 1;
    content: "";
    /* 1 */
    /* 2 */
    /* 3 */
    height: 2.53571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1.42857rem ;
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 0.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 3.14286rem ;
    display: block; } }

.re-select select:focus .re-select * {
  color: #0794E5;
  border: 1px solid red; }

/*  $Select2
\*----------------------------------------------------------------------------*/
.no-pointerevents .select:after {
  display: none; }

.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle; }

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  /* webkit */
  /* firefox */
  box-sizing: border-box;
  /* css3 */ }

.select2-container .select2-choice {
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 15.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0 0 0 1.57143rem ;
  overflow: hidden;
  position: relative;
  border: 1px solid #b6bfd2;
  white-space: nowrap;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.85714rem ;
  color: #666666;
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.28571rem ;
  background-clip: padding-box;
  background-color: #ffffff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0 0 0.28571rem 0.28571rem ; }

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 3rem ; }

.select2-container .select2-choice > .select2-chosen {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.85714rem ;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto; }

.select2-container .select2-choice abbr {
  display: none;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 0.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 0.85714rem ;
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 1.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.07143rem ;
  line-height: 22;
  text-decoration: none;
  border: 0;
  outline: 0;
  cursor: pointer; }

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block; }

.select2-container .select2-choice abbr:hover {
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #ffffff;
  filter: alpha(opacity=0); }

.select2-drop {
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.07143rem ;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #ffffff;
  color: #4d4d4d;
  border: 1px solid #b6bfd2;
  border-top: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0 0 0.28571rem 0.28571rem ; }

.select2-drop.select2-drop-above {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.07143rem ;
  border-top: 1px solid #b6bfd2;
  border-bottom: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.28571rem 0.28571rem 0 0 ; }

.select2-drop-active {
  border: 1px solid #b6bfd2;
  border-top: none; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #b6bfd2; }

.select2-drop-auto-width {
  border-top: 1px solid #b6bfd2;
  width: auto; }

.select2-drop-auto-width .select2-search {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.28571rem ; }

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.57143rem ;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0 0.28571rem 0.28571rem 0 ;
  background-clip: padding-box;
  background: #ffffff; }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIzMS42IDI2MC4yIDU0OC45IDI3MS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMxLjYgMjYwLjIgNTQ4LjkgMjcxLjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM0RDRENEQiIGQ9Ik01NDAuMywyNjAuMmMtMjIsMC00MC4yLDE3LjItNDAuMiwzOC4yczE4LjIsMzguMiw0MC4yLDM4LjJzNDAuMi0xNy4yLDQwLjItMzguMg0KCQkJQzU4MC40LDI3Ny40LDU2Mi4zLDI2MC4yLDU0MC4zLDI2MC4yeiBNMzA2LDQ1NS4zYy0yMiwwLTQwLjIsMTcuMi00MC4yLDM4LjJzMTguMiwzOC4zLDQwLjIsMzguM2MyMiwwLDQwLjItMTcuMiw0MC4yLTM4LjMNCgkJCVMzMjgsNDU1LjMsMzA2LDQ1NS4zeiBNNDI4LjQsMzU1LjhjLTIyLDAtNDAuMiwxNy4yLTQwLjIsMzguMnMxOC4yLDM4LjIsNDAuMiwzOC4yczQwLjItMTcuMiw0MC4yLTM4LjINCgkJCUM0NjguNiwzNzMuMSw0NTAuNCwzNTUuOCw0MjguNCwzNTUuOHogTTcxLjcsMjYwLjJjLTIyLDAtNDAuMiwxNy4yLTQwLjIsMzguMnMxOC4yLDM4LjIsNDAuMiwzOC4yczQwLjItMTcuMiw0MC4yLTM4LjINCgkJCUMxMTIuOCwyNzcuNCw5NC43LDI2MC4yLDcxLjcsMjYwLjJ6IE0xODMuNiwzNTUuOGMtMjIsMC00MC4yLDE3LjItNDAuMiwzOC4yczE4LjIsMzguMiw0MC4yLDM4LjJzNDAuMi0xNy4yLDQwLjItMzguMg0KCQkJQzIyMy44LDM3My4xLDIwNS42LDM1NS44LDE4My42LDM1NS44eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); }

.select2-search {
  display: inline-block;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  min-height: 2.85714rem ;
  margin: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 0.28571rem ;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }

.select2-search input {
  width: 100%;
  height: auto !important;
  /* 1 */
  /* 2 */
  /* 3 */
  min-height: 2.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.28571rem 1.42857rem 0.28571rem 0.35714rem ;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143;
  border: 1px solid #b6bfd2;
  border-radius: 0;
  box-shadow: none; }

.select2-drop.select2-drop-above .select2-search input {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.28571rem ; }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #b6bfd2;
  outline: none; }

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 #ffffff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #ffffff; }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #b6bfd2;
  border-top-color: transparent; }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none; }

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  /* 1 */
  /* 2 */
  /* 3 */
  height: 0.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 0.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: -0.07143rem ;
  overflow: hidden;
  padding: 0;
  position: absolute; }

/* results */
.select2-results {
  /* 1 */
  /* 2 */
  /* 3 */
  max-height: 14.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0 0 0 0.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0.28571rem 0.28571rem 0.28571rem 0 ;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold; }

.select2-results .select2-result-label {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.28571rem 1.28571rem 0.28571rem 1.28571rem ;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results-dept-1 .select2-result-label {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 1.42857rem ; }

.select2-results-dept-2 .select2-result-label {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 2.85714rem ; }

.select2-results-dept-3 .select2-result-label {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 4.28571rem ; }

.select2-results-dept-4 .select2-result-label {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 5.71429rem ; }

.select2-results-dept-5 .select2-result-label {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 7.14286rem ; }

.select2-results-dept-6 .select2-result-label {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 7.85714rem ; }

.select2-results-dept-7 .select2-result-label {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 8.57143rem ; }

.select2-results .select2-highlighted {
  background: #4d4d4d;
  color: #ffffff; }

.select2-results li em {
  background: #ffffff;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: #ffffff;
  color: #4d4d4d; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #ffffff;
  display: list-item;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.35714rem ; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none; }

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }

/*  $IE9 Specific styles
\*----------------------------------------------------------------------------*/
.ie9 .select--nostyle:after {
  display: none; }

.ie9 .select--nostyle select {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.60714rem 0.78571rem 0.60714rem 1.57143rem ; }

/*----------------------------------------------------------------------------*\
    $Buttons
\*----------------------------------------------------------------------------*/
.button--primary, .button--secondary, .button--brand, .button--brand-secondary, .button--brand-tertiary, .button--light, .button--gray, .button-back--light, .button--social, .button--ghost, .button--tab, .button--lazy-load, .button--status, .location-define__trigger, .buttons-set a:not([class^=button]) {
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.92857rem 3.71429rem 0.92857rem 1.57143rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: background 0.1s, color 0.1s;
  border: none; }
  .button--primary:after, .button--secondary:after, .button--brand:after, .button--brand-secondary:after, .button--brand-tertiary:after, .button--light:after, .button--gray:after, .button-back--light:after, .button--social:after, .button--ghost:after, .button--tab:after, .button--lazy-load:after, .button--status:after, .location-define__trigger:after, .buttons-set a:not([class^=button]):after {
    content: "";
    /* 1 */
    /* 2 */
    /* 3 */
    height: 1.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 0.5rem ;
    display: block;
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 1.21429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 1.57143rem ;
    background-repeat: no-repeat;
    background-size: contain; }
  .is-disabled.button--primary, .is-disabled.button--secondary, .is-disabled.button--brand, .is-disabled.button--brand-secondary, .is-disabled.button--brand-tertiary, .is-disabled.button--light, .is-disabled.button--gray, .is-disabled.button-back--light, .is-disabled.button--social, .is-disabled.button--ghost, .is-disabled.button--tab, .is-disabled.button--lazy-load, .is-disabled.button--status, .is-disabled.location-define__trigger, .buttons-set a.is-disabled:not([class^=button]), .button--primary[disabled], .button--secondary[disabled], .button--brand[disabled], .button--brand-secondary[disabled], .button--brand-tertiary[disabled], .button--light[disabled], .button--gray[disabled], .button-back--light[disabled], .button--social[disabled], .button--ghost[disabled], .button--tab[disabled], .button--lazy-load[disabled], .button--status[disabled], .location-define__trigger[disabled], .buttons-set a[disabled]:not([class^=button]) {
    opacity: 0.5;
    cursor: default; }

.button--primary {
  color: #ffffff;
  background: #4d4d4d; }
  .button--primary:after {
    background-image: url("../images/arrow-list-light.png"); }
  .button--primary:hover {
    background: #343434; }
    .button--primary:hover.is-disabled, .button--primary:hover[disabled] {
      background: #4d4d4d; }

.button--secondary {
  color: #ffffff;
  background: #666666; }
  .button--secondary:after {
    background-image: url("../images/arrow-list-light.png"); }
  .button--secondary:hover {
    background: #4d4d4d; }
    .button--secondary:hover.is-disabled, .button--secondary:hover[disabled] {
      background: #666666; }

.button--brand {
  color: #4d4d4d;
  background-color: #ffd100; }
  .button--brand:after {
    background-image: url("../images/arrow-list.png"); }
  .button--brand:hover {
    background-color: #ffe053; }
    .button--brand:hover.is-disabled, .button--brand:hover[disabled] {
      background-color: #ffd100; }

.button--brand-secondary {
  background-color: #0794E5;
  color: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ; }
  .button--brand-secondary:hover {
    background-color: #49B5F3; }
    .button--brand-secondary:hover.is-disabled, .button--brand-secondary:hover[disabled] {
      background-color: #0794E5; }

.button--brand-tertiary {
  background-color: #ffffff;
  color: #0794E5;
  border: 1px solid #0794E5;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ; }
  .button--brand-tertiary:hover {
    background-color: #0794E5;
    color: #ffffff; }
    .button--brand-tertiary:hover.is-disabled, .button--brand-tertiary:hover[disabled] {
      background-color: #0794E5;
      color: #ffffff; }

/*  $Light
    \*----------------------------------------------------------------------------*/
.button--light {
  color: #4d4d4d;
  background: #ffffff; }
  .button--light:after {
    background-image: url("../images/arrow-list.png"); }
  .button--light:hover {
    background: #e6e6e6; }
    .button--light:hover.is-disabled, .button--light:hover[disabled] {
      background: #ffffff; }

/*  $Gray
    \*----------------------------------------------------------------------------*/
.button--gray {
  color: #666666;
  background-color: #e5eaf0;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ;
  font-family: "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143; }
  .button--gray:hover {
    background: #c5d0dd; }
    .button--gray:hover.is-disabled, .button--gray:hover[disabled] {
      background: #e5eaf0; }

/*  $Arrow-flip
    \*----------------------------------------------------------------------------*/
.button-back--light {
  color: #4d4d4d;
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.85714rem 1.57143rem 0.85714rem 3.14286rem ;
  border: 1px solid #dddddd; }
  .button-back--light:after {
    /* 1 */
    /* 2 */
    /* 3 */
    top: 1.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    left: 1.57143rem ;
    right: auto;
    background-image: url("../images/arrow-list-flip.png"); }

/*  $Social
    \*----------------------------------------------------------------------------*/
.button--social {
  color: #4d4d4d;
  background: #ffd100;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.92857rem 1.57143rem ;
  transition: background 0.1s; }
  .button--social:hover {
    background: #ffda33; }
  .button--social img {
    /* 1 */
    /* 2 */
    /* 3 */
    height: 1.28571rem ;
    display: inline-block;
    vertical-align: middle;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.78571rem ; }
  .button--social span {
    display: inline-block;
    vertical-align: middle; }

/*  $Ghost
    \*----------------------------------------------------------------------------*/
.button--ghost {
  border: 1px solid #e6e6e6;
  box-shadow: 0 1px 0 #e6e6e6;
  transition: 0.1s; }
  .button--ghost:after {
    background-image: url("../images/arrow-list.png"); }
  .button--ghost:hover {
    border: 1px solid #cdcdcd;
    box-shadow: 0 1px 0 #cdcdcd; }

/*  $Tab
    \*----------------------------------------------------------------------------*/
.button--tab {
  color: #666666;
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.85714rem 1rem ;
  border: 1px solid #e6e6e6; }
  .button--tab:hover {
    background: #e6e6e6;
    color: #4d4d4d; }
  .button--tab.is-active {
    color: #ffffff;
    background: #4d4d4d; }

/*  $Lazy-load
    \*----------------------------------------------------------------------------*/
.button--lazy-load {
  color: #ffffff;
  background: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.92857rem 1.57143rem ; }
  .button--lazy-load:hover {
    background: #343434; }

/*  $Small
    \*----------------------------------------------------------------------------*/
.button--small {
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.64286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 0.64286rem ; }

/*  $No-arrow
    \*----------------------------------------------------------------------------*/
.button--no-arrow {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 1.57143rem ; }
  .button--no-arrow:after {
    display: none; }

/*  $No-wrap
    \*----------------------------------------------------------------------------*/
.button--no-wrap {
  white-space: nowrap; }

/*  $Layer modifier
    \*----------------------------------------------------------------------------*/
.layer--base-dark-b .button--social {
  color: #4d4d4d; }

/*  $Padded
    \*----------------------------------------------------------------------------*/
.button--padded {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Full-width
    \*----------------------------------------------------------------------------*/
.button--full {
  display: block;
  width: 100%; }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  .button--full-palm {
    display: block;
    width: 100%; } }

.button--status {
  color: #4d4d4d;
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.85714rem 1.57143rem 0.85714rem 3.14286rem ;
  border: 1px solid #b6bfd2;
  position: relative; }
  .button--status.is-active:before {
    background: #00cc59; }
  .button--status:before {
    content: "";
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    left: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 1.21429rem ;
    display: block;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 0.71429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 0.71429rem ;
    border-radius: 50%;
    background: #fd817f; }
  .button--status:after {
    display: none; }

/*  $Remove
    \*----------------------------------------------------------------------------*/
.button--remove {
  float: right;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.28571rem 0.78571rem ;
  text-align: center;
  text-decoration: none;
  color: #fd817f;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143;
  border: 1px solid #fd817f;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  transition: 0.2s; }
  .button--remove__label {
    display: none; }
    @media only screen and (min-width: 654px) {
      .button--remove__label {
        /* 1 */
        /* 2 */
        /* 3 */
        margin-right: 0.39286rem ;
        display: inline-block; } }
  .button--remove .icon {
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -0.14286rem ; }
  .button--remove:hover {
    color: white;
    background-color: #fd817f; }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign button.button,
.redesign input[type=submit].button {
  border: none; }
  .redesign button.button.button--tertiary,
  .redesign input[type=submit].button.button--tertiary {
    border: 1px solid #0794E5; }

.redesign .button {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.21429rem 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  text-decoration: none;
  background-color: #ffd100;
  color: #4d4d4d; }
  .redesign .button:hover {
    background-color: #ffe053;
    color: #4d4d4d; }
  .redesign .button.button--disabled, .redesign .button[disabled] {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed; }
    .redesign .button.button--disabled:hover, .redesign .button[disabled]:hover {
      background-color: #ffd100; }
    .redesign .button.button--disabled:focus, .redesign .button[disabled]:focus {
      outline: none; }
  .redesign .button.button--has-tooltip {
    pointer-events: auto;
    cursor: default; }
  .redesign .button:before, .redesign .button:after {
    display: none; }

.redesign .button--small {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.71429rem 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  font-weight: 300; }

.redesign .button--secondary {
  background-color: #0794E5;
  color: #ffffff; }
  .redesign .button--secondary:hover {
    background-color: #49B5F3;
    color: #ffffff; }
  .redesign .button--secondary.button--disabled:hover, .redesign .button--secondary[disabled]:hover {
    background-color: #0794E5; }

.redesign .button--tertiary {
  background-color: #ffffff;
  color: #0794E5;
  border: 1px solid #0794E5; }
  .redesign .button--tertiary:hover {
    background-color: #0794E5;
    color: #ffffff; }
  .redesign .button--tertiary.button--disabled:hover, .redesign .button--tertiary[disabled]:hover {
    background-color: #ffffff;
    color: #0794E5; }

.redesign .button--checked {
  background-color: #6cc450; }
  .redesign .button--checked span {
    display: inline-block;
    -ms-transform: scale(1.4);
        transform: scale(1.4);
    color: #ffffff; }

.redesign .button--dark {
  background-color: #ffffff;
  color: #4d4d4d;
  border: 1px solid #b6c1d0; }
  .redesign .button--dark:hover {
    background-color: #ffffff;
    color: #8c8c8c; }
  .redesign .button--dark.button--disabled:hover, .redesign .button--dark[disabled]:hover {
    background-color: #ffffff;
    color: #8c8c8c; }

.redesign .button--full {
  width: 100%;
  text-align: center; }

.redesign .button--right {
  float: right; }

.redesign .button--no-wrap {
  white-space: normal; }

.redesign .btn-open-survey {
  z-index: 30 !important; }

@media only screen and (min-width: 654px) {
  .redesign .button--no-wrap {
    white-space: nowrap; } }

/*----------------------------------------------------------------------------*\
    Old design
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $Tile
\*----------------------------------------------------------------------------*/
.tile {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  background: #ffffff;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-shadow: 0 3px 0 #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  border: 1px solid #b6bfd2; }
  .tile + p {
    float: left;
    width: 100%; }

.tile--spaced {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 3.14286rem ; }

/*  $Subtle
    \*----------------------------------------------------------------------------*/
.tile--subtle {
  border: 1px solid #e6e6e6;
  box-shadow: 0 1px 0 #b6bfd2; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.tile--content {
  padding-bottom: 0; }

/*  $Divider
    \*----------------------------------------------------------------------------*/
.tile__divider {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 1.57143rem 0 ;
  height: 1px;
  width: 100%;
  background: #dddddd;
  border: none; }

/*  $Shadowless
    \*----------------------------------------------------------------------------*/
.tile--shadowless {
  box-shadow: none; }

/*  $Borderless
    \*----------------------------------------------------------------------------*/
.tile--borderless {
  border: 0; }

/*  $Divider
    \*----------------------------------------------------------------------------*/
.tile__divider {
  height: 0;
  width: 100%;
  border: none;
  border-bottom: 1px dashed #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 1.57143rem 0 ; }

/*  $List
    \*----------------------------------------------------------------------------*/
.tile--list {
  padding: 0;
  margin-left: 0;
  list-style: none; }
  .tile--list > li {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.78571rem 1.57143rem ;
    border-top: 1px solid #dddddd; }
    .tile--list > li:first-child {
      border-top: none; }

/*  $Header
    \*----------------------------------------------------------------------------*/
.tile__header {
  background: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.92857rem 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem 0.57143rem 0 0 ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -1.57143rem ; }
  .tile__header h1, .tile__header .h1,
  .tile__header h2,
  .tile__header .h2,
  .tile__header h3,
  .tile__header .h3,
  .tile__header h4,
  .tile__header .h4,
  .tile__header h5,
  .tile__header .h5,
  .tile__header h6,
  .tile__header .h6 {
    color: #ffffff;
    margin-bottom: 0; }

/*  $External-header
    \*----------------------------------------------------------------------------*/
.tile__external-header {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 1.57143rem 0 0.57143rem 0 ;
  display: block; }
  .tile__external-header h1, .tile__external-header .h1, .tile__external-header h2, .tile__external-header .h2, .tile__external-header h3, .tile__external-header .h3, .tile__external-header h4, .tile__external-header .h4, .tile__external-header h5, .tile__external-header .h5, .tile__external-header h6, .tile__external-header .h6 {
    display: block; }
  .tile__external-header .button--remove {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 1.57143rem ; }

/*  $Footer
    \*----------------------------------------------------------------------------*/
.tile__footer {
  background: #f0f3f6;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0 0 0.57143rem 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.tile--button {
  text-decoration: none;
  color: #0099CC; }
  .tile--button .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.42857rem ;
    line-height: 1.1;
    line-height: 1;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -0.28571rem ; }
  .tile--button .text {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.42857rem ; }

@media only screen and (min-width: 654px) {
  /*  $External-header
    \*----------------------------------------------------------------------------*/
  .tile__external-header {
    -ms-flex-pack: justify;
        justify-content: space-between;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 1.57143rem 0 0.78571rem 0 ;
    -ms-flex-align: center;
        align-items: center;
    float: left;
    width: 100%; }
    .tile__external-header .button--remove {
      margin-right: 0; }
  /*  $List
    \*----------------------------------------------------------------------------*/
  .tile--list > li {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem ; } }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign {
  /*----------------------------------------------------------------------------*\
        TILE MODIFIERS
    \*----------------------------------------------------------------------------*/ }
  .redesign .tile {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.71429rem ;
    padding: 0;
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.14286rem ;
    box-shadow: 0 4px 0 0 #dae0e7;
    border: 1px solid #b6c1d0;
    font-weight: 300;
    color: #4d4d4d; }
    @media only screen and (min-width: 654px) {
      .redesign .tile {
        /* 1 */
        /* 2 */
        /* 3 */
        margin-bottom: 2.42857rem ; } }
    .redesign .tile a:not(.button) {
      font-weight: 300; }
    .redesign .tile .is-centered {
      text-align: center; }
    .redesign .tile:hover {
      color: #4d4d4d; }
  .redesign .tile--spaced {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.42857rem 0.71429rem ; }
    @media only screen and (min-width: 654px) {
      .redesign .tile--spaced {
        /* 1 */
        /* 2 */
        /* 3 */
        padding: 2.14286rem ; } }
  .redesign .tile-header {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.42857rem ;
    border-bottom: 1px solid #b6c1d0; }
    @media only screen and (min-width: 654px) {
      .redesign .tile-header {
        /* 1 */
        /* 2 */
        /* 3 */
        padding: 1.78571rem 2.14286rem ; } }
    .redesign .tile-header .heading, .redesign .tile-header .vacancy__content strong, .vacancy__content .redesign .tile-header strong {
      margin-bottom: 0; }
  .redesign .tile-text-holder {
    width: 100%; }
  .redesign .tile__button-holder {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-transform: translateY(50%);
        transform: translateY(50%);
    bottom: 0;
    width: 100%; }
    .redesign .tile__button-holder .button {
      width: 70%;
      text-align: center; }
    .redesign .tile__button-holder.tile__button-holder--left {
      width: auto; }
      .redesign .tile__button-holder.tile__button-holder--left .button {
        width: auto; }
  .redesign .tile-subtitle {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.42857rem ;
    background-color: #f7f7f7; }
    @media only screen and (min-width: 654px) {
      .redesign .tile-subtitle {
        /* 1 */
        /* 2 */
        /* 3 */
        padding: 1.78571rem 2.14286rem ; } }
  .redesign .tile-subtitle__heading {
    display: inline;
    margin: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.42857rem ;
    font-weight: 500;
    text-transform: none; }
  .redesign .tile-subtitle__addition {
    display: block;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ; }
    @media only screen and (min-width: 654px) {
      .redesign .tile-subtitle__addition {
        display: inline;
        /* 1 */
        /* 2 */
        /* 3 */
        padding-left: 2.14286rem ; } }
  .redesign .tile-section {
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 1.42857rem ;
    height: 100%; }
    @media only screen and (min-width: 654px) {
      .redesign .tile-section {
        /* 1 */
        /* 2 */
        /* 3 */
        margin: 2.14286rem ; } }
  .redesign .tile-section--large {
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 2.85714rem 1.42857rem ; }
    @media only screen and (min-width: 654px) {
      .redesign .tile-section--large {
        /* 1 */
        /* 2 */
        /* 3 */
        margin: 4.28571rem 2.14286rem ; } }
  @media only screen and (min-width: 654px) {
    .redesign .tile-section--horizontal {
      display: -ms-flexbox;
      display: flex; } }
  .redesign .tile-section--horizontal .tile__image {
    width: 100%;
    height: 350px;
    line-height: 0;
    background-size: cover; }
    @media only screen and (min-width: 654px) {
      .redesign .tile-section--horizontal .tile__image {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 50%;
        margin-right: 15px;
        height: auto; } }
  .redesign .tile-section--horizontal .tile__image--no-margin {
    margin-right: 0; }
  .redesign .tile-section--horizontal .tile-content-holder {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.42857rem 0.71429rem ; }
    @media only screen and (min-width: 654px) {
      .redesign .tile-section--horizontal .tile-content-holder {
        padding: 30px;
        width: 50%; } }
    .redesign .tile-section--horizontal .tile-content-holder .tile__button-holder {
      width: auto; }
      .redesign .tile-section--horizontal .tile-content-holder .tile__button-holder .button {
        width: auto; }
  .redesign .tile--brand {
    background-color: #ffd100;
    box-shadow: none;
    border: none; }
  .redesign .tile--shadowless {
    box-shadow: none; }
  @media only screen and (min-width: 654px) {
    .redesign .tile--no-border {
      border: 0;
      box-shadow: 0 0 0; } }
  .redesign .tile--has-shadow {
    box-shadow: 0 23px 26px -15px rgba(0, 0, 0, 0.13);
    border: 0;
    transition: .3s ease all .1s; }
    .redesign .tile--has-shadow:hover {
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
      box-shadow: 0 20px 28px -7px rgba(0, 0, 0, 0.13); }
  .redesign .tile--sans-serif {
    font-family: "Klavika", "Arial", "Helvetica", sans-serif; }
  .redesign .tile--clickable {
    cursor: pointer;
    transition: .3s ease all; }
    .redesign .tile--clickable.tile--has-icon-on-top .tile__image {
      overflow: visible; }
    .redesign .tile--clickable .tile__image {
      overflow: hidden;
      line-height: 0; }
    .redesign .tile--clickable img {
      transition: .3s ease all; }
    .redesign .tile--clickable:hover {
      box-shadow: 0 4px 0 0 #bac5d1; }
      .redesign .tile--clickable:hover img {
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .redesign .tile--deny {
    border-color: #fd817f; }
    .redesign .tile--deny .tile-section div > *:not(.label-stroke) {
      opacity: .7; }
    .redesign .tile--deny .tile__button-holder .button {
      background-color: #ffe98e;
      color: #666666; }
  .redesign .tile--semi-active .label-stroke {
    transition: .3s ease all; }
  .redesign .tile--semi-active:hover.tile--clickable .label-stroke {
    background-color: #0794E5;
    color: #ffffff;
    padding-right: 20px;
    padding-left: 20px; }
  .redesign .tile--active .label-stroke {
    transition: .3s ease all;
    background-color: #0794E5;
    color: #ffffff; }
  .redesign .tile--active:hover.tile--clickable .label-stroke {
    background-color: #0794E5;
    color: #ffffff;
    padding-right: 20px;
    padding-left: 20px; }
  .redesign .tile--disabled .tile-section div > *:not(.label-stroke) {
    opacity: .7; }
  .redesign .tile--disabled .label-stroke {
    background-color: #b9babb; }
  .redesign .tile--disabled .tile__button-holder .button {
    background-color: #ffe98e;
    color: #666666; }
  .redesign .tile--has-floating-btn,
  .redesign .tile-header--has-floating-btn {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 4.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 2.14286rem ; }
    @media only screen and (min-width: 654px) {
      .redesign .tile--has-floating-btn,
      .redesign .tile-header--has-floating-btn {
        /* 1 */
        /* 2 */
        /* 3 */
        margin-bottom: 4.57143rem ; } }
  .redesign .tile-header--has-icon .tile-header__body {
    display: table;
    margin: 0;
    padding: 0;
    table-layout: auto;
    width: 100%; }
  .redesign .tile-header--has-icon .tile-header__text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.71429rem ; }
  .redesign .tile-header__icon {
    display: table-cell;
    vertical-align: top; }
    .redesign .tile-header__icon img {
      display: block;
      /* 1 */
      /* 2 */
      /* 3 */
      max-width: 2.85714rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      max-height: 2.85714rem ;
      width: auto; }
      @media only screen and (min-width: 654px) {
        .redesign .tile-header__icon img {
          /* 1 */
          /* 2 */
          /* 3 */
          max-width: 4.28571rem ;
          /* 1 */
          /* 2 */
          /* 3 */
          max-height: 4.28571rem ;
          margin-bottom: 0; } }
  .redesign .tile-centered-heading {
    text-align: center;
    line-height: 1.2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column; }
    .redesign .tile-centered-heading.heading--left {
      text-align: left; }
    .redesign .tile-centered-heading.heading--right {
      text-align: right; }
  .redesign .tile--has-image .tile-section {
    margin: 0; }
    .redesign .tile--has-image .tile-section .tile-content-holder {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-direction: column;
          flex-direction: column;
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 2.14286rem 2.14286rem 1.07143rem ; }
      .redesign .tile--has-image .tile-section .tile-content-holder.tile-content-holder--left-aligned {
        text-align: left;
        display: block; }
  .redesign .tile--has-icon-on-top .tile-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column; }
    .redesign .tile--has-icon-on-top .tile-section .tile__image {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-top: 2.14286rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-bottom: 2.14286rem ; }
    .redesign .tile--has-icon-on-top .tile-section .tile-content-holder {
      width: 100%; }
  .redesign .tile--has-label .label-stroke {
    position: absolute;
    left: 0;
    top: 30px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    z-index: 10; }
  .redesign .tile--has-speech-bubble {
    position: relative; }
    .redesign .tile--has-speech-bubble:after, .redesign .tile--has-speech-bubble:before {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 9.5px 9.5px 10px;
      border-color: transparent transparent #fff transparent;
      position: absolute;
      left: calc(50% - 10px);
      top: -10px; }
      @media only screen and (min-width: 654px) {
        .redesign .tile--has-speech-bubble:after, .redesign .tile--has-speech-bubble:before {
          border-color: transparent transparent transparent #fff;
          border-width: 9.5px 0 9.5px 10px;
          right: -10px;
          left: auto;
          top: 30px; } }
    .redesign .tile--has-speech-bubble:before {
      top: -11px;
      border-color: transparent transparent #b6c1d0 transparent; }
      @media only screen and (min-width: 654px) {
        .redesign .tile--has-speech-bubble:before {
          top: 30px;
          border-color: transparent transparent transparent #b6c1d0;
          border-width: 9.5px 0 9.5px 10px;
          right: -11px; } }
    .redesign .tile--has-speech-bubble.tile--no-border:before {
      display: none; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .redesign .tile--has-icon .tile-icon-section__holder .tile-icon-section {
      display: none; }
    .redesign .tile--has-icon .tile-icon-section__holder .tile-text-holder {
      width: 100%; } }
  @media only screen and (min-width: 654px) {
    .redesign .tile--has-icon .tile-header__text,
    .redesign .tile--has-icon .tile-header__icon {
      vertical-align: middle; } }
  .redesign .tile--has-icon .tile-icon-section__holder {
    position: relative;
    overflow: hidden; }
    .redesign .tile--has-icon .tile-icon-section__holder .tile-icon-section {
      margin-right: 20px;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 1.42857rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      max-height: 7.14286rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      max-width: 7.14286rem ;
      float: left;
      position: relative; }
      @media only screen and (min-width: 654px) {
        .redesign .tile--has-icon .tile-icon-section__holder .tile-icon-section {
          margin-right: 15px; } }
      .redesign .tile--has-icon .tile-icon-section__holder .tile-icon-section img {
        height: 100%;
        max-width: 100%; }
    .redesign .tile--has-icon .tile-icon-section__holder .tile-text-holder {
      padding-top: 15px;
      float: left;
      width: calc(100%); }
      .redesign .tile--has-icon .tile-icon-section__holder .tile-text-holder .heading, .redesign .tile--has-icon .tile-icon-section__holder .tile-text-holder .vacancy__content strong, .vacancy__content .redesign .tile--has-icon .tile-icon-section__holder .tile-text-holder strong {
        display: block; }
      .redesign .tile--has-icon .tile-icon-section__holder .tile-text-holder .subtitle {
        /* 1 */
        /* 2 */
        /* 3 */
        margin-top: 0.71429rem ;
        /* 1 */
        /* 2 */
        /* 3 */
        font-size: 1.42857rem ;
        font-weight: 300; }
      @media only screen and (min-width: 654px) {
        .redesign .tile--has-icon .tile-icon-section__holder .tile-text-holder {
          width: calc(100% - 120px); } }
  .redesign .tile--has-small-icon .tile-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 1.07143rem ; }
    .redesign .tile--has-small-icon .tile-section .tile-icon-section {
      float: none;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .redesign .tile--has-small-icon .tile-section .tile-icon-section img {
        vertical-align: middle;
        height: auto;
        width: 100%; }
    .redesign .tile--has-small-icon .tile-section .tile-content-holder {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: left;
          align-items: left;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-positive: 2;
          flex-grow: 2;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-left: 20px; }
      @media only screen and (min-width: 961px) {
        .redesign .tile--has-small-icon .tile-section .tile-content-holder {
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center; } }
      .redesign .tile--has-small-icon .tile-section .tile-content-holder .label-stroke {
        margin-top: 10px; }
        @media only screen and (min-width: 961px) {
          .redesign .tile--has-small-icon .tile-section .tile-content-holder .label-stroke {
            position: relative;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            right: -15px;
            margin-top: 0px; } }
    .redesign .tile--has-small-icon .tile-section .tile-text-holder {
      float: none;
      width: auto;
      padding-top: 0; }
      @media only screen and (min-width: 961px) {
        .redesign .tile--has-small-icon .tile-section .tile-text-holder {
          margin-bottom: 0px; } }
      .redesign .tile--has-small-icon .tile-section .tile-text-holder .heading, .redesign .tile--has-small-icon .tile-section .tile-text-holder .vacancy__content strong, .vacancy__content .redesign .tile--has-small-icon .tile-section .tile-text-holder strong {
        font-size: 20px;
        font-weight: 500; }
  .redesign .tile--has-small-icon.tile--clickable:hover .tile-text-holder .heading, .redesign .tile--has-small-icon.tile--clickable:hover .tile-text-holder .vacancy__content strong, .vacancy__content .redesign .tile--has-small-icon.tile--clickable:hover .tile-text-holder strong {
    color: #000000; }
  .redesign .tile-subtitle--narrow {
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0.71429rem ; }
    @media only screen and (min-width: 654px) {
      .redesign .tile-subtitle--narrow {
        /* 1 */
        /* 2 */
        /* 3 */
        margin: 1.78571rem 4.28571rem ; } }
  .redesign .tile-section--narrow {
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0.71429rem ; }
    @media only screen and (min-width: 654px) {
      .redesign .tile-section--narrow {
        /* 1 */
        /* 2 */
        /* 3 */
        margin: 2.14286rem 4.28571rem ; } }
  .redesign .tile-section--zero {
    margin: 0; }
  .redesign .tile-section--small {
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0.71429rem ; }
    @media only screen and (min-width: 654px) {
      .redesign .tile-section--small {
        /* 1 */
        /* 2 */
        /* 3 */
        margin: 1.07143rem ; } }
  .redesign .tile-horizontal-rule {
    border-top: 1px solid #b6c1d0; }

/*----------------------------------------------------------------------------*\
    $Links
\*----------------------------------------------------------------------------*/
a {
  color: #666666; }

/*  $Arrow
    \*----------------------------------------------------------------------------*/
.link--arrow {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-weight: 400;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  text-decoration: none;
  display: inline-block; }
  .link--arrow:after {
    content: "";
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 1.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 0.5rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 1.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: -0.14286rem ;
    background-image: url("../images/arrow-link.png");
    background-size: contain;
    background-repeat: no-repeat; }

/**
     * Link with arrow pointed downwards
     */
.link--arrow--down:after {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg); }

/**
     * Link with arrow pointed left
     */
.link--arrow--left:after {
  display: none; }

.link--arrow--left:before {
  content: "";
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 0.5rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: -0.14286rem ;
  background-image: url("../images/arrow-link.png");
  background-size: contain;
  background-repeat: no-repeat;
  -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

.link--arrow--small {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143;
  font-family: "Arial", "Helvetica", sans-serif;
  text-decoration: underline; }

/*  $Secondary-action
    \*----------------------------------------------------------------------------*/
.link--secondary-action {
  color: #0099CC;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.92857rem 0 ;
  text-decoration: none; }

/*  $Layer modifier
    \*----------------------------------------------------------------------------*/
.layer--base-dark-b a:not(.button--primary):not(.button--secondary):not(.button--brand):not(.button--light):not(.button--social) {
  color: #ffffff; }

.layer--brand a:not(.button--primary):not(.button--secondary):not(.button--brand):not(.button--light):not(.button--social) {
  color: #4d4d4d; }

/*  $Push
    \*----------------------------------------------------------------------------*/
.link--push-left {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.57143rem ; }

.redesign a {
  color: #0794E5;
  font-weight: 500;
  font-family: inherit;
  text-decoration: none;
  font-size: inherit; }
  .redesign a:hover {
    color: #49B5F3; }

.redesign span.link--underlined > a,
.redesign a.link--underlined {
  position: relative;
  text-decoration: none !important;
  transition: .3s ease-out color; }
  .redesign span.link--underlined > a:after,
  .redesign a.link--underlined:after {
    content: "";
    width: 0%;
    position: absolute;
    left: 0;
    bottom: -1px;
    border-width: 0 0 1px;
    border-style: solid;
    transition: .4s ease-out all;
    border-color: inherit;
    opacity: .75; }
  .redesign span.link--underlined > a:hover:after,
  .redesign a.link--underlined:hover:after {
    width: 100%;
    transition: .2s ease-out all; }

/*----------------------------------------------------------------------------*\
    $Divider
\*----------------------------------------------------------------------------*/
.divider {
  position: relative;
  background: #e6e6e6;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 0.14286rem ;
  z-index: 19;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: -0.07143rem ; }

.layer.is-hidden + .divider__holder {
  display: none; }

.divider--spaced {
  margin: 30px 0; }

.divider--thin {
  /* 1 */
  /* 2 */
  /* 3 */
  height: 0.07143rem ; }

/*----------------------------------------------------------------------------*\
    $Meta date
\*----------------------------------------------------------------------------*/
.meta-date {
  color: #999999;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.35714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333; }
  .meta-date:before {
    content: "|";
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.35714rem ; }

/*----------------------------------------------------------------------------*\
    $Meta Category
\*----------------------------------------------------------------------------*/
.meta-category {
  color: #999999;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.35714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333; }

/*----------------------------------------------------------------------------*\
    $Meta comments
\*----------------------------------------------------------------------------*/
.meta-comments {
  color: #999999;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.35714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333; }
  .meta-comments:before {
    content: "|";
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.35714rem ; }

/*----------------------------------------------------------------------------*\
    $Datepicker
\*----------------------------------------------------------------------------*/
.datepicker {
  background-image: url("../images/calendar.png");
  background-repeat: no-repeat;
  background-position: 95% 40%;
  cursor: pointer; }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 21.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  color: #4d4d4d;
  background: #f0f3f6;
  border: 1px solid #b6bfd2;
  border-bottom-color: #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.21429rem ; }

.pika-single.is-hidden {
  display: none; }

.pika-single abbr {
  border-bottom: none; }

.pika-single.is-bound {
  position: absolute; }

.pika-title {
  position: relative;
  text-align: center; }

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.35714rem 0.21429rem ;
  line-height: 20px;
  font-weight: bold;
  background: #f0f3f6; }

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0.35714rem ;
  filter: alpha(opacity=0);
  opacity: 0; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.14286rem ;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0; }

.pika-prev:hover,
.pika-next:hover {
  opacity: 1; }

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0; }

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0; }

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2; }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  margin-bottom: 0; }

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0; }

.pika-table th {
  color: #999999;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.85714rem ;
  text-align: center;
  background: none; }

.pika-button {
  cursor: pointer;
  display: block;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.39286rem ;
  color: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.42857rem ;
  text-align: center;
  background: #f0f3f6; }

.is-today .pika-button {
  font-weight: bold;
  background: #e6e6e6; }

.is-selected .pika-button {
  background: #ffd100; }

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999999;
  opacity: .3; }

.pika-button:hover {
  background: #ffd100 !important; }

/*----------------------------------------------------------------------------*\
    $BOX
    Boxed off content, in a... box...
\*----------------------------------------------------------------------------*/
.box {
  border: 1px solid #b6bfd2; }
  .box + .box {
    margin-top: -1px; }

.box--arrow {
  background: #ffffff;
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 3.21429rem ; }
  .box--arrow:before, .box--arrow:after {
    content: "";
    position: absolute;
    display: block; }
  .box--arrow:before {
    bottom: -22px;
    left: 22px;
    border-left: 22px solid transparent;
    border-top: 22px solid #b6bfd2;
    border-right: 22px solid transparent; }
  .box--arrow:after {
    left: 21px;
    bottom: -21px;
    border-left: 23px solid transparent;
    border-top: 23px solid #ffffff;
    border-right: 23px solid transparent; }

/*----------------------------------------------------------------------------*\
    $Meta
\*----------------------------------------------------------------------------*/
.meta {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  color: #999999;
  display: block; }

/*----------------------------------------------------------------------------*\
    $Dl-faux
    A Faux DL for rendering side by side arranged content
\*----------------------------------------------------------------------------*/
/*  $Wrapper
    \*----------------------------------------------------------------------------*/
.dl-faux__wrapper {
  display: table;
  margin: 0;
  padding: 0;
  table-layout: auto;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.35714rem ; }

/*  &Dt
    \*----------------------------------------------------------------------------*/
.dl-faux__dt {
  font-weight: bold;
  display: table-cell;
  padding: 0;
  vertical-align: top;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 0.42857rem ;
  white-space: nowrap; }

/*  $Dd
    \*----------------------------------------------------------------------------*/
.dl-faux__dd {
  display: table-cell;
  padding: 0;
  vertical-align: top;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 0.42857rem ; }

/*----------------------------------------------------------------------------*\
    $Dl-list
\*----------------------------------------------------------------------------*/
.dl-list {
  list-style: none;
  padding: 0;
  margin-left: 0; }
  .dl-list > li {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }

/*  $Dt
    \*----------------------------------------------------------------------------*/
.dl-list__dt {
  display: block;
  color: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.07143rem ;
  line-height: 1.46667;
  line-height: 1.25;
  font-weight: bold; }

/*  $Dd
    \*----------------------------------------------------------------------------*/
.dl-list__dd {
  color: #4d4d4d;
  line-height: 1.25; }

/*  $Large
    \*----------------------------------------------------------------------------*/
.dl-list--large > li {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.17857rem ; }

.dl-list--large .dl-list__dt {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  line-height: 1.25;
  font-weight: 400;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif; }

.dl-list--large .dl-list__dd {
  line-height: 1.25; }

/*----------------------------------------------------------------------------*\
    $Shadow-overlay
\*----------------------------------------------------------------------------*/
.shadow-overlay {
  display: block;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  opacity: 0;
  background: #000;
  transition: opacity 0.3s;
  z-index: 2;
  will-change: opacity; }
  .shadow-overlay.is-active {
    position: fixed;
    opacity: 0.8;
    height: 100%;
    width: 100%; }

.shadow-overlay__primary-content {
  display: block;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  opacity: 0;
  background: #000;
  transition: opacity 0.6s;
  z-index: 2;
  will-change: opacity; }
  .shadow-overlay__primary-content.is-active {
    opacity: 0.8; }
  .shadow-overlay__primary-content.is-visible {
    position: fixed;
    height: 100%;
    width: 100%; }

/*  $Message
    \*----------------------------------------------------------------------------*/
.shadow-overlay__message {
  background: #fff;
  position: fixed;
  top: 20%;
  left: 50%;
  z-index: 3;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -10.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 21.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ; }
  .shadow-overlay__message p {
    margin-bottom: 0;
    text-align: center; }

/*----------------------------------------------------------------------------*\
    ADDTHIS
\*----------------------------------------------------------------------------*/
.addthis_toolbox {
  display: inline-block; }

/*----------------------------------------------------------------------------*\
    $Arrange
    Extend blocss
\*----------------------------------------------------------------------------*/
.arrange--gutter-double > .arrange__size-fill,
.arrange--gutter-double > .arrange__size-fit {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 3.14286rem ; }
  .arrange--gutter-double > .arrange__size-fill:first-child,
  .arrange--gutter-double > .arrange__size-fit:first-child {
    padding-left: 0; }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  .arrange--collapse-mobile .arrange__size-fill,
  .arrange--collapse-mobile .arrange__size-fit {
    display: block;
    margin-bottom: 20px; }
    .arrange--collapse-mobile .arrange__size-fill:last-child,
    .arrange--collapse-mobile .arrange__size-fit:last-child {
      margin-bottom: 0; } }

/*----------------------------------------------------------------------------*\
    $Title
\*----------------------------------------------------------------------------*/
.title {
  font-weight: bold;
  margin-bottom: 0; }

/*----------------------------------------------------------------------------*\
    $INTRO
\*----------------------------------------------------------------------------*/
.intro {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.4;
  max-width: 36em; }

/*----------------------------------------------------------------------------*\
    $Placeholder
\*----------------------------------------------------------------------------*/
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #AAAAAA !important;
  opacity: 1; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #AAAAAA;
  opacity: 1; }

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #AAAAAA;
  opacity: 1; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #AAAAAA !important;
  opacity: 1; }

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #AAAAAA;
  opacity: 1; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.tag {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.71429rem ;
  background-color: #e5eaf0;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  color: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ; }

.tag__content {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.5rem 0.71429rem ; }

.quotation-list {
  list-style: none;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 2.14286rem ; }

.quotation-list__item {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 1.42857rem ;
  border-bottom: solid 1px #dae0e7; }
  @media only screen and (min-width: 654px) {
    .quotation-list__item {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-bottom: 2.14286rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      padding-bottom: 2.14286rem ; } }

.quotation-list__quantity {
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2.85714rem ; }
  @media only screen and (min-width: 654px) {
    .quotation-list__quantity {
      /* 1 */
      /* 2 */
      /* 3 */
      width: 4.28571rem ; } }

.quotation-list__name {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.71429rem ; }
  @media only screen and (min-width: 654px) {
    .quotation-list__name {
      margin: 0; } }

.quotation-list__price {
  font-weight: 700; }
  @media only screen and (min-width: 654px) {
    .quotation-list__price {
      float: right; } }

.quotation-list__button {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 2.14286rem ;
  text-align: center; }

.pricing-list {
  list-style: none;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 2.14286rem ;
  position: relative; }
  .pricing-list.js--pricing-list .pricing-list__total .pricing-list__price {
    padding-right: 47px; }
  .pricing-list.js--pricing-list .pricing-list__total.is-active .pricing-list__price {
    padding-right: 17px; }

.pricing-list__toggle {
  text-align: right;
  position: absolute;
  right: 7px;
  top: 3px;
  z-index: 20; }
  .pricing-list__toggle.is-hidden {
    display: none; }
  .pricing-list__toggle.is-active .toggle {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
  .pricing-list__toggle .toggle {
    float: right;
    margin-top: 1px;
    margin-right: 10px;
    transition: .3s ease all;
    color: #8c8c8c;
    cursor: pointer; }
    @media only screen and (min-width: 1px) and (max-width: 653px) {
      .pricing-list__toggle .toggle {
        display: none; } }
    .pricing-list__toggle .toggle:before {
      content: '\e834';
      font-family: 'fontello';
      display: block;
      font-size: 11px; }
    .pricing-list__toggle .toggle:hover {
      color: #0794E5; }

.pricing-list__item {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.42857rem ;
  color: #8c8c8c;
  font-size: 14px; }
  .js--pricing-list .pricing-list__item {
    margin-bottom: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -ms-transform: translate(15px, 10px);
        transform: translate(15px, 10px);
    -ms-transform-origin: top;
        transform-origin: top;
    transition: .2s ease all; }
    @media only screen and (min-width: 1px) and (max-width: 653px) {
      .js--pricing-list .pricing-list__item {
        /* 1 */
        /* 2 */
        /* 3 */
        margin-bottom: 1.42857rem ;
        height: auto;
        visibility: visible;
        opacity: 1;
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); } }
    .js--pricing-list .pricing-list__item.is-active {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-bottom: 1.42857rem ;
      height: auto;
      visibility: visible;
      opacity: 1;
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
      transition: .4s ease all; }
      .js--pricing-list .pricing-list__item.is-active .pricing-list__price {
        padding-right: 17px; }

.pricing-list__total {
  color: #4d4d4d; }
  .pricing-list__total .pricing-list__name {
    font-size: 16px; }
  .pricing-list__total .pricing-list__price {
    font-size: 16px;
    font-weight: 700;
    color: #0794E5; }
    .js--pricing-list .pricing-list__total .pricing-list__price {
      padding-right: 17px; }
  .pricing-list__total.is-active .pricing-list__price {
    padding-right: 17px; }

.pricing-list__price {
  transition: .4s ease all; }
  @media only screen and (min-width: 654px) {
    .pricing-list__price {
      float: right; }
      .js--pricing-list .pricing-list__price {
        padding-right: 47px; } }

.redesign .icon-button {
  position: relative;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1rem 2.14286rem 1rem 4.28571rem ;
  color: #ffd100;
  text-decoration: none;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
  border: 1px solid #ffd100;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  transition: .3s ease all;
  cursor: pointer; }
  .redesign .icon-button .icon-button__fill {
    fill: #ffd100; }
  .redesign .icon-button:hover {
    color: #ffffff;
    background-color: #ffd100; }
    .redesign .icon-button:hover .icon-button__fill {
      fill: #ffffff; }

.redesign .icon-button__icon {
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  left: 1.57143rem ; }

.redesign .icon-button--vote-up .icon-button__icon {
  left: 17px;
  top: 8px; }

.redesign .icon-button--vote-down .icon-button__icon {
  top: 12px;
  left: 17px; }

.redesign .icon-button--dark {
  color: #4d4d4d;
  border-color: #b6c1d0;
  background-color: #ffffff; }
  .redesign .icon-button--dark .icon-button__fill {
    fill: #4d4d4d; }
  .redesign .icon-button--dark:hover {
    color: #8c8c8c;
    background-color: #ffffff; }
    .redesign .icon-button--dark:hover .icon-button__fill {
      fill: #8c8c8c; }

.redesign .icon-button--secondary-hover:hover {
  background-color: #0794E5;
  border-color: #0794E5;
  color: #ffffff; }

.redesign .icon-button--secondary {
  color: #0794E5;
  border-color: #0794E5; }
  .redesign .icon-button--secondary .icon-button__fill {
    fill: #0794E5; }
  .redesign .icon-button--secondary:hover {
    color: #ffffff;
    background-color: #0794E5; }
    .redesign .icon-button--secondary:hover .icon-button__fill {
      fill: #ffffff; }

.overlay {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: #4d4d4d;
  z-index: 10000;
  opacity: 0.2;
  left: 0;
  top: 0; }

.image--full-width {
  width: 100%; }

.image--spaced {
  margin-bottom: 30px; }

.label-icon {
  display: inline-block;
  font-size: 16px;
  position: relative;
  padding-left: 40px; }
  .label-icon .icon {
    position: absolute;
    font-size: 25px;
    left: 0; }

.label-icon--small {
  padding-left: 30px;
  margin-bottom: 10px; }
  .label-icon--small .icon {
    font-size: 16px;
    top: 3px; }

.label-icon--accept .icon {
  color: #74CD70; }

.label-icon--deny .icon {
  color: #FD817F; }

.label-icon--spaced {
  margin: 35px 0; }

.label-icon--space-right {
  margin-right: 15px; }

.redesign .icon-link {
  display: inline-block;
  font-size: 18px;
  position: relative;
  padding-right: 40px;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 400; }
  .redesign .icon-link .icon {
    position: absolute;
    font-size: 25px;
    right: 0;
    top: 0; }

.redesign .icon-link--white {
  color: #ffffff; }
  .redesign .icon-link--white .icon {
    color: #ffffff; }
  .redesign .icon-link--white:hover {
    color: #ffffff; }

.ideal-logo--small {
  -ms-transform: scale(0.7);
      transform: scale(0.7); }

.logo-label__holder {
  margin-left: 0;
  background-color: #ffd100;
  padding: 20px 15px 20px 20px;
  float: left; }
  @media only screen and (min-width: 654px) {
    .logo-label__holder {
      padding: 20px 30px 20px 40px; } }
  .logo-label__holder .logo {
    padding: 0;
    margin: 0; }

.redesign .grid__cell {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.14286rem ; }

.redesign .login-link {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #4d4d4d;
  position: relative;
  transition: .3s ease all;
  cursor: pointer; }
  .redesign .login-link:hover .login-link__label {
    color: #0794E5; }
  .redesign .login-link:hover .login-link__image {
    -ms-transform: scale(1.1);
        transform: scale(1.1); }

.redesign .login-link__label {
  padding-left: 35px;
  transition: .3s ease all; }

.redesign .login-link__image {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  top: -1px;
  transition: .3s ease all; }

/*  Molecules
    Molecules are groups of elements that function together as a unit (for
    example a search form molecule).
\*----------------------------------------------------------------------------*/
.accordion-step:first-child .accordion-step__head {
  border-top: 0; }

.accordion-step ~ .accordion-step__head {
  border-top: 1px solid #b6c1d0; }

.accordion-step.is-active .accordion-step__head {
  border-bottom: 1px solid rgba(182, 193, 208, 0.25);
  background-color: #ffffff; }

.accordion-step__head {
  background-color: #f0f3f6;
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-top: 1px solid #b6c1d0; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .accordion-step__head {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start; } }

.accordion-step__heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .accordion-step__heading {
      margin-bottom: 10px; } }

.accordion-head__icon {
  color: #74CD70;
  font-size: 30px;
  line-height: 0;
  width: 50px; }
  .accordion-head__icon.accordion-head__icon--empty .icon-empty {
    display: block;
    width: 30px;
    margin-left: .2em;
    height: 30px;
    border: 1px solid #b6c1d0;
    border-radius: 100%; }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  .accordion-head__button {
    margin-left: 50px; } }

.accordion-head__button .icon-button {
  font-weight: 500;
  text-transform: uppercase; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .accordion-head__button .icon-button {
      padding: 10px 15px 10px 40px;
      margin-right: 10px; }
      .accordion-head__button .icon-button .icon-button__icon {
        left: 10px; } }

.accordion-step__remove {
  padding: 0 10px 0 20px;
  line-height: 50px; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .accordion-step__remove {
      padding-left: 0; } }
  .accordion-step__remove span {
    color: #4d4d4d; }

/*----------------------------------------------------------------------------*\
    $Arrange extension
    Extends the arrange module from Blocss
\*----------------------------------------------------------------------------*/
/* Gutter-separating modifier
\*----------------------------------------------------------------------------*/
.arrange--gutter-half > .arrange__size-fill,
.arrange--gutter-half > .arrange__size-fit {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.78571rem ; }
  .arrange--gutter-half > .arrange__size-fill:first-child,
  .arrange--gutter-half > .arrange__size-fit:first-child {
    padding-left: 0; }

/*----------------------------------------------------------------------------*\
    $Notification
\*----------------------------------------------------------------------------*/
.notification {
  background: #feed79;
  border: 1px solid #f6d702;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.07143rem 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 2.14286rem ;
  color: #4d4d4d;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  line-height: 1.375;
  text-align: left;
  display: block; }
  .notification img {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 2.14286rem ; }
  .notification p:last-child {
    margin-bottom: 0; }
  .notification.is-error {
    background: #fd817f;
    border: 1px solid #f90804;
    color: #ffffff; }
    .notification.is-error h1, .notification.is-error .h1, .notification.is-error h2, .notification.is-error .h2, .notification.is-error h3, .notification.is-error .h3, .notification.is-error h4, .notification.is-error .h4, .notification.is-error h5, .notification.is-error .h5, .notification.is-error h6, .notification.is-error .h6, .notification.is-error a {
      color: #ffffff; }
  .notification.is-priority p {
    margin-bottom: 0; }
  .notification.is-basic {
    background: #e5eaf0;
    border-color: #e5eaf0; }
    .notification.is-basic p {
      margin-bottom: 0; }
  .notification ul {
    margin-bottom: 0; }

/*  $Modifiers
    \*----------------------------------------------------------------------------*/
.form__header + .notification {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 4.28571rem ; }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign .notification {
  position: relative;
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.42857rem ;
  background-color: #ffffff;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  border-color: #b6c1d0;
  box-shadow: 0 4px 0 0 #dae0e7; }
  .redesign .notification .arrange__size-fit,
  .redesign .notification .arrange__size-fill {
    display: block; }

.redesign .notification--no-shadow {
  box-shadow: 0 0 0; }

.redesign .notification--narrow {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 0.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 1.42857rem ; }

.redesign .notification--accept {
  border-color: #74CD70;
  background-color: #F1FAF0; }

.redesign .notification--warning {
  border-color: #FFB354;
  background-color: #FFF7EE; }

.redesign .notification--deny {
  border-color: #FD817F;
  background-color: #FFF2F2; }

.redesign .notification--notice {
  border-color: #1DAAD6;
  background-color: #E8F6FB; }

.redesign .notification--alert {
  background-color: #ffffff; }

.redesign .notification--close .notification__title {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 3.57143rem ; }

.redesign .notification--close.notification--has-icon .notification__title {
  padding: 0; }

.redesign .notification__title {
  text-transform: none;
  font-weight: 500;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.71429rem ; }

.redesign .notification__text {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ; }
  .redesign .notification__text a {
    color: #4d4d4d;
    font-weight: 500; }

.redesign .notification__icon {
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 3.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 auto 1.42857rem auto ; }

.redesign .notification__close-button {
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 1.42857rem ;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.14286rem ; }
  .redesign .notification__close-button:hover {
    cursor: pointer; }
  .redesign .notification__close-button:focus {
    outline: none; }
  .redesign .notification__close-button img {
    margin-right: 0;
    display: block; }

.redesign .notification__tooltip {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.71429rem ;
  text-align: top;
  transition: color 0.3s;
  cursor: pointer; }
  .redesign .notification__tooltip:hover {
    color: #0794E5; }

@media only screen and (min-width: 654px) {
  .redesign .notification {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.42857rem 2.14286rem ;
    text-align: left; }
    .redesign .notification .arrange__size-fit,
    .redesign .notification .arrange__size-fill {
      display: table-cell; }
  .redesign .notification--narrow {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 1.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 1.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 2.14286rem ; }
  .redesign .notification--close {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 6.42857rem ; }
    .redesign .notification--close .notification__title {
      padding-top: 0; }
  .redesign .notification__text {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ; }
  .redesign .notification__icon {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 2.14286rem ;
    margin-bottom: 0; }
  .redesign .notification__close-button {
    /* 1 */
    /* 2 */
    /* 3 */
    top: 1.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 2.14286rem ; } }

/*----------------------------------------------------------------------------*\
    $NAVIGATION
\*----------------------------------------------------------------------------*/
.navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: auto;
  background: none;
  z-index: 60;
  transition: 0.3s ease all;
  -ms-transform: none;
      transform: none;
  width: 100%; }
  .navigation.is-editmode {
    position: relative;
    top: 0; }
  .navigation .navigation__primary {
    transition: 0.3s transform;
    height: 59px;
    -ms-transform: translateY(-100%);
        transform: translateY(-100%); }
    @media only screen and (min-width: 654px) {
      .navigation .navigation__primary {
        -ms-transform: translateY(0);
            transform: translateY(0);
        height: auto; } }
  .navigation.search-is-active .navigation__primary {
    height: 120px; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .navigation.is-active {
      background: #f1f1f1;
      bottom: 0; }
      .navigation.is-active .navigation__primary {
        -ms-transform: translateY(0);
            transform: translateY(0);
        height: auto; } }

/*  $No javascript
    \*----------------------------------------------------------------------------*/
.no-js .navigation {
  position: relative; }

.no-js .navigation__primary {
  display: block;
  position: relative;
  top: auto; }

.no-js .navigation__secondary__list ul {
  display: block; }

.no-js .navigation__top {
  position: relative; }

.navigation__word {
  color: #4d4d4d;
  cursor: pointer;
  float: left;
  font-size: 16px;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 19px;
  opacity: 1;
  -ms-transform: translateX(0);
      transform: translateX(0);
  transition: opacity .2s linear, transform .2s ease; }
  .navigation__word:hover {
    background-color: #ffffff; }
  .navigation__word.is-active {
    opacity: 0;
    -ms-transform: translateX(40px);
        transform: translateX(40px); }

/*  $Trigger
\*----------------------------------------------------------------------------*/
.search-highlight__trigger,
.navigation__trigger {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.28571rem 0.78571rem 1.21429rem 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 4.5rem ;
  display: block;
  cursor: pointer;
  transition: background 0.1s;
  text-transform: uppercase;
  text-decoration: none;
  margin-right: 15px;
  float: right;
  margin-right: 15px;
  position: relative;
  z-index: 20;
  height: 59px;
  font-size: 16px !important;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 700; }
  @media only screen and (min-width: 654px) {
    .search-highlight__trigger,
    .navigation__trigger {
      display: none !important; } }
  .search-highlight__trigger.is-active, .search-highlight__trigger:hover,
  .navigation__trigger.is-active,
  .navigation__trigger:hover {
    background: #ffffff; }

.search-highlight__trigger {
  margin-right: 5px; }
  .search-highlight__trigger img {
    height: 17px !important;
    position: relative;
    top: 3px; }
  @media only screen and (min-width: 654px) {
    .search-highlight__trigger {
      display: none !important; } }

/*  PRIMARY
\*----------------------------------------------------------------------------*/
.navigation__primary {
  overflow: hidden;
  top: 59px;
  position: relative; }

/*  LIST
    \*----------------------------------------------------------------------------*/
.navigation__primary__list {
  background: #ffffff;
  overflow: hidden;
  max-width: none; }
  .navigation__primary__list > li.is-active {
    display: block; }

/*  Secondary
\*----------------------------------------------------------------------------*/
.navigation__secondary {
  width: 100%;
  max-width: none;
  padding: 15px 0; }

/*  List
    \*----------------------------------------------------------------------------*/
.navigation__secondary__list {
  display: block;
  overflow: hidden;
  background: #ffffff; }
  .navigation__secondary__list > a {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.42857rem 0 1.42857rem 1.42857rem ;
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    text-decoration: none;
    display: block;
    color: #4d4d4d;
    font-weight: 400; }
    .navigation__secondary__list > a:after {
      position: absolute;
      content: '\E834';
      font-family: 'Fontello';
      font-size: 10px;
      top: 50%;
      /* 1 */
      /* 2 */
      /* 3 */
      right: 1.57143rem ;
      display: inline-block;
      /* 1 */
      /* 2 */
      /* 3 */
      height: 0.5rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      width: 1.07143rem ;
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
      pointer-events: none;
      background-repeat: no-repeat;
      transition: .3s ease all; }
    .navigation__secondary__list > a.is-semi-active, .navigation__secondary__list > a:hover {
      color: #0794E5; }
    @media only screen and (min-width: 1px) and (max-width: 653px) {
      .navigation__secondary__list > a.is-active {
        font-weight: 500;
        color: #0794E5; }
        .navigation__secondary__list > a.is-active:after {
          -ms-transform: rotate(-180deg);
              transform: rotate(-180deg); } }
  .navigation__secondary__list ul {
    background: #ffffff; }
    .navigation__secondary__list ul > li {
      display: block;
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 0.71429rem 0 0.71429rem 0.71429rem ; }
      .navigation__secondary__list ul > li > a {
        color: #4d4d4d;
        font-family: "Klavika", "Arial", "Helvetica", sans-serif;
        /* 1 */
        /* 2 */
        /* 3 */
        padding: 0.78571rem 1.57143rem 0.78571rem 2.35714rem ;
        display: block;
        text-decoration: none;
        /* 1 */
        /* 2 */
        /* 3 */
        font-size: 1.21429rem ;
        line-height: 1.29412;
        font-weight: 300; }
        .navigation__secondary__list ul > li > a.is-semi-active, .navigation__secondary__list ul > li > a.is-active {
          color: #0794E5;
          font-weight: 300; }
    .navigation__secondary__list ul.is-active {
      display: block; }

.navigation__secondary__search {
  display: none; }

/*  LIST
    \*----------------------------------------------------------------------------*/
.navigation__top__list {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.42857rem ;
  font-weight: 200;
  transition: .3s ease-out all;
  -ms-transform-origin: left;
      transform-origin: left; }
  .navigation__top__list.fade {
    opacity: 0.5;
    -ms-transform: scale(0.95);
        transform: scale(0.95); }
  .navigation__top__list > li {
    display: block; }
    .navigation__top__list > li > a {
      text-decoration: none;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-bottom: 0.42857rem ;
      color: #4d4d4d;
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.07143rem ;
      font-weight: 200; }
      .navigation__top__list > li > a.is-active {
        font-weight: bold; }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  .navigation__secondary__login {
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.07143rem 1.07143rem 1.07143rem 1.35714rem ;
    width: 100%; } }

@media only screen and (min-width: 654px) {
  .navigation__secondary__login {
    position: absolute;
    right: 20px;
    top: 22px; } }

@media only screen and (min-width: 654px) {
  .navigation__secondary__login .login-link__label {
    width: 0;
    overflow: hidden;
    height: 0;
    display: inline-block; } }

@media only screen and (min-width: 961px) {
  .navigation__secondary__login .login-link__label {
    width: auto;
    overflow: hidden;
    height: auto;
    display: inline; } }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  /*  PRIMARY
    \*----------------------------------------------------------------------------*/
  .navigation__primary > .site-retain {
    padding: 0;
    max-width: none; } }

@media only screen and (min-width: 654px) {
  .navigation {
    position: absolute;
    top: 0;
    left: auto;
    border-right: none;
    border-bottom: none;
    overflow: visible;
    bottom: auto;
    -ms-transform: none;
        transform: none; }
    .navigation.is-active {
      -ms-transform: none;
          transform: none;
      width: 100%; }
      .navigation.is-active .navigation__primary {
        -ms-transform: none;
            transform: none; }
    .navigation.is-stuck {
      top: 0;
      position: fixed; }
      .navigation.is-stuck .navigation__primary {
        box-shadow: 0px 4px 21px rgba(90, 90, 90, 0.08); }
  /*  $Primary
    \*----------------------------------------------------------------------------*/
  .navigation__primary {
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 5rem ;
    left: 0;
    width: 100%;
    background: #ffffff;
    -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    transition: 0.3s transform;
    will-change: transform;
    overflow: visible; }
    .navigation__primary > .site-retain {
      padding-left: 0;
      padding-right: 0; }
    .navigation__primary.is-active {
      display: block; }
    .navigation__primary.is-stuck {
      position: fixed;
      /* 1 */
      /* 2 */
      /* 3 */
      top: 0rem ; }
  /*  $List
        \*----------------------------------------------------------------------------*/
  .navigation__primary__list {
    background: none;
    max-width: none;
    width: 100%;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 1.57143rem ;
    float: right;
    position: relative;
    z-index: 2;
    overflow: visible; }
  /*  Secondary
    \*----------------------------------------------------------------------------*/
  .navigation__secondary {
    /* 1 */
    /* 2 */
    /* 3 */
    min-height: 5rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 0 1.57143rem 0 ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -1.57143rem ;
    display: block;
    width: auto;
    background: #ffffff; }
  /*  $Header
        \*----------------------------------------------------------------------------*/
  .navigation__secondary__header {
    display: block;
    border-bottom: 2px solid #ffd100;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 2.35714rem 0 0 0 ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 3.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.42857rem ; }
    .navigation__secondary__header a {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.57143rem ;
      line-height: 1;
      display: inline-block;
      font-family: "Klavika", "Arial", "Helvetica", sans-serif;
      color: #4d4d4d;
      text-decoration: none;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-bottom: 0.78571rem ; }
  /*  Column
        \*----------------------------------------------------------------------------*/
  .navigation__secondary__column {
    float: left;
    display: block; }
    .navigation__secondary__column:first-child:before {
      display: none; }
  /*  List
        \*----------------------------------------------------------------------------*/
  .navigation__secondary__list {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.78571rem 1.07143rem 0 1.14286rem ;
    background: none;
    display: inline-block;
    vertical-align: top;
    transition: .3s ease all; }
    .navigation__secondary__list > a {
      display: block;
      padding: 0;
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.14286rem ;
      line-height: 1.375;
      font-family: "Klavika", "Arial", "Helvetica", sans-serif;
      color: #4d4d4d;
      border: none;
      cursor: default;
      transition: .3s ease all; }
      .navigation__secondary__list > a:after {
        position: absolute;
        right: -19px;
        content: '\e834';
        font-family: 'Fontello';
        font-size: 5px;
        color: #e5eaf0; }
      .navigation__secondary__list > a:before {
        display: block;
        content: attr(title);
        font-weight: 500;
        height: 0;
        width: auto;
        overflow: hidden;
        visibility: hidden;
        position: relative; }
      .navigation__secondary__list > a.is-active {
        color: #0794E5; }
        .navigation__secondary__list > a.is-active:after {
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .navigation__secondary__list:hover > a {
      color: #0794E5; }
      .navigation__secondary__list:hover > a:after {
        color: #0794E5; }
    .navigation__secondary__list:hover .navigation__secondary__submenu {
      display: block;
      visibility: visible;
      height: auto;
      opacity: 1;
      -ms-transform: translateY(0);
          transform: translateY(0); }
      .navigation__secondary__list:hover .navigation__secondary__submenu ul {
        display: block; }
  .navigation__secondary__submenu {
    visibility: hidden;
    height: 0;
    opacity: 0;
    -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    position: absolute;
    padding-top: 40px;
    transition: .3s ease all; }
    .navigation__secondary__submenu ul {
      padding: 17px 27px 10px 17px;
      background-color: white;
      border-radius: 2px;
      box-shadow: 0 0 29px rgba(51, 51, 51, 0.231373);
      position: relative;
      min-width: 250px; }
      .navigation__secondary__submenu ul:before {
        content: '';
        position: absolute;
        top: -9px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #ffffff transparent; }
      .navigation__secondary__submenu ul > li {
        display: block;
        position: relative; }
        .navigation__secondary__submenu ul > li > a {
          display: inline-block;
          padding: 0;
          border: none;
          white-space: nowrap;
          /* 1 */
          /* 2 */
          /* 3 */
          margin-bottom: 0.57143rem ;
          position: relative;
          transition: .2s ease-out all; }
          .navigation__secondary__submenu ul > li > a:after {
            content: "";
            width: 0%;
            position: absolute;
            left: 0;
            bottom: -1px;
            border-width: 0 0 1px;
            border-style: solid;
            transition: .4s ease-out all;
            border-color: #0794E5;
            opacity: .75; }
          .navigation__secondary__submenu ul > li > a:hover {
            color: #0794E5; }
            .navigation__secondary__submenu ul > li > a:hover:after {
              width: 100%;
              transition: .2s ease-out all; }
          .navigation__secondary__submenu ul > li > a.is-active {
            color: #0794E5; }
            .navigation__secondary__submenu ul > li > a.is-active:after {
              width: 100%; }
  .navigation__secondary__search {
    position: absolute;
    right: -5px;
    display: block;
    height: 100%; }
    .navigation__secondary__search .search-input {
      margin-top: 11px; }
      .navigation__secondary__search .search-input .search-input__button {
        overflow: hidden;
        background-color: transparent;
        top: 0;
        right: 0; }
        .navigation__secondary__search .search-input .search-input__button img {
          display: block;
          max-width: auto;
          height: 20px;
          width: 20px; }
      .navigation__secondary__search .search-input .form__input {
        background-color: white;
        border-color: #E8E8E8;
        font-weight: 300;
        font-size: 17px;
        color: #4d4d4d;
        width: 140px;
        min-width: 0 !important;
        transition: .3s ease all;
        padding-right: 20px; }
        .navigation__secondary__search .search-input .form__input:-ms-input-placeholder {
          color: #4d4d4d;
          font-size: 17px; }
        .navigation__secondary__search .search-input .form__input::placeholder {
          color: #4d4d4d;
          font-size: 17px; }
        .navigation__secondary__search .search-input .form__input:focus {
          box-shadow: 0 0 0 #333;
          width: 220px;
          border-color: #E8E8E8; } }
      @media only screen and (min-width: 654px) and (min-width: 654px) {
        .navigation__secondary__search .search-input .form__input {
          width: 60px;
          background: transparent;
          border: none; }
          .navigation__secondary__search .search-input .form__input:-ms-input-placeholder {
            opacity: 0; }
          .navigation__secondary__search .search-input .form__input::placeholder {
            opacity: 0; } }
      @media only screen and (min-width: 654px) and (min-width: 961px) {
        .navigation__secondary__search .search-input .form__input {
          width: 140px;
          background-color: white;
          border-color: #E8E8E8; }
          .navigation__secondary__search .search-input .form__input:focus {
            box-shadow: 0 0 9px rgba(51, 51, 51, 0.18); }
          .navigation__secondary__search .search-input .form__input:-ms-input-placeholder {
            opacity: 1;
            color: #8c8c8c; }
          .navigation__secondary__search .search-input .form__input::placeholder {
            opacity: 1;
            color: #8c8c8c; } }

@media only screen and (min-width: 654px) {
  /*  TOP
    \*----------------------------------------------------------------------------*/
  .navigation__top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: right;
    overflow: hidden;
    display: block;
    background: #f1f1f1;
    transform: translate3d(0, 0, 0); }
  .navigation-top__holder {
    position: relative; }
  /*  $List
        \*----------------------------------------------------------------------------*/
  .navigation__top__list {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.71429rem 0 ;
    display: inline-block;
    text-align: left;
    float: right;
    line-height: normal;
    margin-right: 70px;
    margin-top: 2px; }
    .navigation__top__list > li {
      display: inline-block;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 1.14286rem ;
      transition: .3s ease all; }
      .navigation__top__list > li:last-child {
        margin-right: 0; }
      .navigation__top__list > li > a {
        font-family: "Klavika", "Arial", "Helvetica", sans-serif;
        /* 1 */
        /* 2 */
        /* 3 */
        font-size: 1.21429rem ;
        line-height: 1.29412;
        font-weight: 300;
        margin-bottom: 0;
        color: #999999;
        transition: color 0.1s;
        position: relative;
        cursor: pointer; }
        .navigation__top__list > li > a:after {
          content: "";
          width: 0%;
          position: absolute;
          left: 0;
          bottom: -1px;
          border-width: 0 0 1px;
          border-style: solid;
          transition: .4s ease all;
          border-color: #4d4d4d;
          opacity: .75; }
        .navigation__top__list > li > a:hover {
          color: #4d4d4d; }
          .navigation__top__list > li > a:hover:after {
            width: 100%;
            transition: .2s ease all; }
        .navigation__top__list > li > a.is-active {
          color: #4d4d4d; }
          .navigation__top__list > li > a.is-active:after {
            width: 0; } }

@media only screen and (min-width: 961px) {
  .navigation__top__list {
    margin-right: 170px; }
    .navigation__top__list > li {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 1.78571rem ; }
      .navigation__top__list > li > a {
        /* 1 */
        /* 2 */
        /* 3 */
        font-size: 1.28571rem ;
        line-height: 1.22222; }
  .navigation__secondary__list {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.78571rem 1.57143rem 0 1.57143rem ; }
    .navigation__secondary__list > a {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.28571rem ;
      line-height: 1.22222; }
      .navigation__secondary__list > a:after {
        position: absolute;
        right: -22px;
        font-size: 6px; } }

/*----------------------------------------------------------------------------*\
    $Anchor navigation
\*----------------------------------------------------------------------------*/
.anchor-navigation {
  display: none; }

@media only screen and (min-width: 654px) {
  .anchor-navigation__wrapper {
    position: relative;
    z-index: 1; }
    .anchor-navigation__wrapper.is-stuck {
      z-index: 98; }
  .anchor-navigation {
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem 0 ;
    display: block;
    top: 0px;
    z-index: 98;
    background: #ffffff;
    width: 100%; }
    .anchor-navigation ul {
      list-style: none;
      margin-left: 0;
      margin-bottom: 0;
      max-width: none; }
    .anchor-navigation li {
      display: inline-block;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 2.35714rem ; }
    .anchor-navigation a {
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 0.21429rem 0 0.14286rem 0 ;
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.28571rem ;
      line-height: 1.22222;
      font-weight: 300;
      font-family: "Klavika", "Arial", "Helvetica", sans-serif;
      text-decoration: none;
      display: block; }
      .anchor-navigation a.is-active {
        color: #0794E5;
        font-weight: 500; }
    .anchor-navigation.is-stuck {
      position: fixed;
      /* 1 */
      /* 2 */
      /* 3 */
      top: 0rem ; } }

/*----------------------------------------------------------------------------*\
    $Anchor navigation
\*----------------------------------------------------------------------------*/
.main-navigation {
  display: none; }
  @media (min-width: 740px) {
    .main-navigation {
      position: absolute;
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 1.57143rem 0 ;
      display: block;
      top: 0px;
      z-index: 98;
      background: #ffffff;
      width: 100%; } }
  .main-navigation ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    max-width: none; }
  .main-navigation li {
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 1.14286rem ; }
    @media only screen and (min-width: 961px) {
      .main-navigation li {
        /* 1 */
        /* 2 */
        /* 3 */
        margin-right: 2.14286rem ; } }
  .main-navigation a {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.21429rem 0 0.14286rem 0 ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.21429rem ;
    line-height: 1.29412;
    font-weight: 300;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    text-decoration: none;
    display: block; }
    @media only screen and (min-width: 961px) {
      .main-navigation a {
        /* 1 */
        /* 2 */
        /* 3 */
        font-size: 1.28571rem ;
        line-height: 1.22222; } }
    .main-navigation a.is-active {
      color: #0794E5;
      font-weight: 500; }
  .main-navigation.is-stuck {
    position: fixed;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 0rem ; }

@media (min-width: 740px) {
  .main-navigation__wrapper {
    position: relative;
    z-index: 2;
    background: #ffffff; }
    .main-navigation__wrapper.is-stuck {
      z-index: 98; } }

/*----------------------------------------------------------------------------*\
    $Disclaimer navigation
\*----------------------------------------------------------------------------*/
.disclaimer-navigation > ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.disclaimer-navigation a {
  color: #999999;
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  line-height: 1.375; }
  .disclaimer-navigation a:hover {
    text-decoration: underline; }

@media only screen and (min-width: 654px) {
  .disclaimer-navigation > ul > li {
    display: inline-block;
    vertical-align: top;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0 1.57143rem ;
    position: relative; }
    .disclaimer-navigation > ul > li:first-child {
      margin-left: 0; }
      .disclaimer-navigation > ul > li:first-child a:before {
        display: none; }
    .disclaimer-navigation > ul > li:last-child {
      margin-right: 0; }
  .disclaimer-navigation a {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1rem ;
    line-height: 1.57143; }
    .disclaimer-navigation a:before {
      content: "|";
      position: absolute;
      top: 0;
      /* 1 */
      /* 2 */
      /* 3 */
      left: -1.64286rem ; } }

/*----------------------------------------------------------------------------*\
    $Highlight navigation
\*----------------------------------------------------------------------------*/
/*  $Item
    \*----------------------------------------------------------------------------*/
.highlight-navigation__item div {
  display: none; }
  .highlight-navigation__item div.is-active {
    display: block; }

.highlight-navigation__item ul {
  margin: 0 0 22px 0;
  padding: 0;
  list-style: none; }
  .highlight-navigation__item ul li {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.21429rem ; }
    .highlight-navigation__item ul li:before {
      content: "-";
      float: left;
      color: #e6e6e6; }
  .highlight-navigation__item ul a {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 0.92857rem ;
    color: #e6e6e6;
    text-decoration: none;
    display: block; }
    .highlight-navigation__item ul a:hover {
      text-decoration: underline; }

/*  Trigger
    \*----------------------------------------------------------------------------*/
.highlight-navigation__trigger {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ;
  line-height: 1.83333;
  line-height: 1.25;
  color: #e6e6e6;
  font-weight: 200;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  display: inline-block;
  text-decoration: none;
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 1.92857rem ; }
  .highlight-navigation__trigger:after {
    content: "";
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 0.78571rem ;
    right: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 0.5rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1rem ;
    display: block;
    background-image: url(../images/footer-arrow-down.png);
    background-repeat: no-repeat; }
  .highlight-navigation__trigger.is-active:after {
    background-image: url(../images/footer-arrow-up.png); }

@media only screen and (min-width: 961px) {
  /*  $Item
    \*----------------------------------------------------------------------------*/
  .highlight-navigation__item ul {
    margin-bottom: 0; } }

/*----------------------------------------------------------------------------*\
    $Social buttons
\*----------------------------------------------------------------------------*/
.social-buttons a {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0.42857rem ;
  text-align: center;
  transition: opacity 0.1s;
  opacity: 0.8; }
  .social-buttons a:hover {
    opacity: 1; }
  .social-buttons a:first-child {
    margin-left: 0; }
  .social-buttons a:last-child {
    margin-right: 0; }

/*----------------------------------------------------------------------------*\
    $Content-block
\*----------------------------------------------------------------------------*/
.content-block {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .content-block.is-centered {
    text-align: center; }

/*  $Tile
    \*----------------------------------------------------------------------------*/
.content-block.tile {
  margin-left: 0;
  margin-right: 0; }
  .content-block.tile h1, .content-block.tile .h1,
  .content-block.tile h2,
  .content-block.tile .h2,
  .content-block.tile h3,
  .content-block.tile .h3,
  .content-block.tile h4,
  .content-block.tile .h4,
  .content-block.tile h5,
  .content-block.tile .h5,
  .content-block.tile h6,
  .content-block.tile .h6 {
    font-size: 22px;
    border-bottom: 1px solid #f0f3f6;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 1.57143rem 0.78571rem 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: -1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ;
    font-weight: 400;
    line-height: 1.25; }
  .content-block.tile .list--arrow {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: -1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -1rem ;
    display: block;
    min-width: 0; }
  .content-block.tile .list--bordered {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: -1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: -1.57143rem ; }
    .content-block.tile .list--bordered > li {
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 0.71429rem 1.57143rem ;
      border-top: 1px solid #f0f3f6;
      border-bottom: none; }
      .content-block.tile .list--bordered > li:first-child {
        border-top: none; }
  .content-block.tile.has-twitterfeed .content-block__data {
    /* 1 */
    /* 2 */
    /* 3 */
    margin: -0.78571rem 0rem 0rem 0rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 28.57143rem ; }

/*  $Link
    \*----------------------------------------------------------------------------*/
.contentblock--link {
  max-width: 20em;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .contentblock--link h1, .contentblock--link .h1,
  .contentblock--link h2,
  .contentblock--link .h2,
  .contentblock--link h3,
  .contentblock--link .h3,
  .contentblock--link h4,
  .contentblock--link .h4,
  .contentblock--link h5,
  .contentblock--link .h5,
  .contentblock--link h6,
  .contentblock--link .h6 {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.35714rem ;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.25; }
    .contentblock--link h1.heading--arrow:after, .contentblock--link .heading--arrow.h1:after,
    .contentblock--link h2.heading--arrow:after,
    .contentblock--link .heading--arrow.h2:after,
    .contentblock--link h3.heading--arrow:after,
    .contentblock--link .heading--arrow.h3:after,
    .contentblock--link h4.heading--arrow:after,
    .contentblock--link .heading--arrow.h4:after,
    .contentblock--link h5.heading--arrow:after,
    .contentblock--link .heading--arrow.h5:after,
    .contentblock--link h6.heading--arrow:after,
    .contentblock--link .heading--arrow.h6:after {
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIyMTkuOCAtMC4xIDM5Mi4yIDc5Mi4xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDIxOS44IC0wLjEgMzkyLjIgNzkyLjEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNFNUVBRjAiIGQ9Ik0yNzUtMC4xYy0zMC40LDAtNTUuMiwyNi4zLTU1LjIsNTguMXMyNC45LDU4LjEsNTUuMiw1OC4xczU1LjItMjYuMyw1NS4yLTU4LjFTMzA1LjMtMC4xLDI3NS0wLjF6DQoJCQkgTTU1Ni43LDMzOC41Yy0zMC40LDAtNTUuMiwyNi4zLTU1LjIsNTguMXMyNC45LDU4LjEsNTUuMiw1OC4xYzMwLjMsMCw1NS4yLTI2LjMsNTUuMi01OC4xUzU4Ny4yLDMzOC41LDU1Ni43LDMzOC41eg0KCQkJIE00MTMuMiwxNjEuNWMtMzAuNCwwLTU1LjIsMjYuMy01NS4yLDU4LjFzMjQuOSw1OC4xLDU1LjIsNTguMXM1NS4yLTI2LjMsNTUuMi01OC4xUzQ0My40LDE2MS41LDQxMy4yLDE2MS41eiBNMjc1LDY3NS44DQoJCQljLTMwLjQsMC01NS4yLDI2LjMtNTUuMiw1OC4xUzI0NC43LDc5MiwyNzUsNzkyczU1LjItMjYuMyw1NS4yLTU4LjFTMzA1LjMsNjc1LjgsMjc1LDY3NS44eiBNNDEzLjIsNTE1LjMNCgkJCWMtMzAuNCwwLTU1LjIsMjYuMy01NS4yLDU4LjFzMjQuOSw1OC4xLDU1LjIsNTguMXM1NS4yLTI2LjMsNTUuMi01OC4xUzQ0My40LDUxNS4zLDQxMy4yLDUxNS4zeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); }
  .contentblock--link a {
    text-decoration: none; }

.contentblock--link__aligner {
  display: table;
  height: 100%; }
  .contentblock--link__aligner > a {
    display: table-cell;
    vertical-align: middle; }

/*  $Layer modifiers
    \*----------------------------------------------------------------------------*/
.layer--brand {
  /*  $Tile
        \*----------------------------------------------------------------------------*/ }
  .layer--brand .content-block.tile .list--arrow > li {
    border-color: #f0f3f6; }
    .layer--brand .content-block.tile .list--arrow > li:before {
      background-image: url("../images/arrow-list.png"); }

.layer--base-dark-b .content-block p {
  color: #ffffff; }

.layer--base-dark-b .contentblock--link h1, .layer--base-dark-b .contentblock--link .h1,
.layer--base-dark-b .contentblock--link h2,
.layer--base-dark-b .contentblock--link .h2,
.layer--base-dark-b .contentblock--link h3,
.layer--base-dark-b .contentblock--link .h3,
.layer--base-dark-b .contentblock--link h4,
.layer--base-dark-b .contentblock--link .h4,
.layer--base-dark-b .contentblock--link h5,
.layer--base-dark-b .contentblock--link .h5,
.layer--base-dark-b .contentblock--link h6,
.layer--base-dark-b .contentblock--link .h6 {
  color: #ffffff; }

@media only screen and (min-width: 654px) {
  .content-block {
    margin-left: 0;
    margin-right: 0; }
  .content-block.tile h1, .content-block.tile .h1,
  .content-block.tile h2,
  .content-block.tile .h2,
  .content-block.tile h3,
  .content-block.tile .h3,
  .content-block.tile h4,
  .content-block.tile .h4,
  .content-block.tile h5,
  .content-block.tile .h5,
  .content-block.tile h6,
  .content-block.tile .h6 {
    font-size: 24px; }
  /*  $Link
    \*----------------------------------------------------------------------------*/
  .contentblock--link {
    margin-left: 0;
    margin-right: 0; } }

/*----------------------------------------------------------------------------*\
    $Warning-block
\*----------------------------------------------------------------------------*/
.warning-block {
  text-align: center; }
  .warning-block img {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }
  .warning-block p {
    max-width: 42em;
    margin-left: auto;
    margin-right: auto; }

@media only screen and (min-width: 654px) {
  .warning-block {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 2.35714rem ; } }

/*----------------------------------------------------------------------------*\
    $Icon-links
\*----------------------------------------------------------------------------*/
.icon-links {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Items
    \*----------------------------------------------------------------------------*/
.icon-links__item {
  background: #4d4d4d;
  display: table;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 1.57143rem 0.57143rem 0.57143rem 1.57143rem ;
  text-decoration: none;
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  min-height: 7.42857rem ;
  transition: background 0.1s; }
  .icon-links__item:hover {
    background: #343434; }
  .icon-links__item .icon-links__icon {
    display: block;
    background: #ffd100;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.57143rem 0 0 0.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 5rem ;
    text-align: center; }
  .icon-links__item .icon-links__aligner {
    text-align: center;
    height: 100%; }
    .icon-links__item .icon-links__aligner:before {
      content: "";
      height: 100%;
      display: inline-block;
      vertical-align: middle; }
    .icon-links__item .icon-links__aligner img {
      display: inline-block;
      vertical-align: middle; }
  .icon-links__item .icon-links__title {
    color: #f1f1f1;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.71429rem ;
    line-height: 1.83333;
    line-height: 1.25;
    font-family: "Calvert", "Georgia", serif;
    font-weight: 200;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem 1.57143rem 1.57143rem 6.57143rem ;
    display: table-cell;
    vertical-align: middle; }

/*----------------------------------------------------------------------------*\
    $ICONBLOCK
    Creates a block with an icon inside

    used in conjunction with `atoms/_icons.scss` & images
\*----------------------------------------------------------------------------*/
/*  Variables
\*----------------------------------------------------------------------------*/
/*  Base icon block component
\*----------------------------------------------------------------------------*/
.icon-block {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.42857rem ;
  border: 1px solid;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  vertical-align: middle;
  text-decoration: none;
  color: #666666;
  transition: background-color 0.3s; }
  .icon-block .icon {
    display: block; }

a.icon-block {
  cursor: pointer; }

/*  Type modifiers
\*----------------------------------------------------------------------------*/
.icon-block--error,
.icon-block--warning,
.icon-block--accept,
.icon-block--loading,
.icon-block--dark {
  color: #ffffff; }

.icon-block--error {
  background-color: #fd817f;
  border-color: #fd817f; }

.icon-block--warning {
  background-color: #ff9460;
  border-color: #ff9460; }

.icon-block--accept {
  background-color: #bdd46a;
  border-color: #bdd46a; }

.icon-block--loading,
.icon-block--dark {
  background-color: #4d4d4d;
  border-color: #4d4d4d; }

.icon-block--loading .icon {
  animation: spin 0.9s infinite linear; }

.icon-block--brand {
  background-color: #ffd100;
  border-color: #ffd100; }

.icon-block--disabled {
  background-color: #dddddd;
  border-color: #dddddd; }

.icon-block--top-right {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  border-bottom-left-radius: 0.14286rem ; }

/*----------------------------------------------------------------------------*\
    $Icon-circle
    Round wrapper for icons with color options
\*----------------------------------------------------------------------------*/
.icon-circle {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.14286rem ;
  border-radius: 50%;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0.28571rem ; }
  .icon-circle .icon {
    font-size: 0.75em; }
  .icon-circle .icon--data-attr {
    text-align: center;
    display: inline-block;
    width: 1.5em; }

/*  $Large
    \*----------------------------------------------------------------------------*/
.icon-circle--large {
  font-size: 1.857em;
  height: 1.857em;
  width: 1.857em;
  margin: 0;
  padding: 0;
  text-align: center; }
  .icon-circle--large .icon:before {
    line-height: 1.1; }

/*  $Warning
    \*----------------------------------------------------------------------------*/
.icon-circle--warning {
  background: #ff9460;
  color: #4d4d4d; }

/*  $Dark
    \*----------------------------------------------------------------------------*/
.icon-circle--dark {
  background: #4d4d4d;
  color: #ffffff; }

/*  $Light
    \*----------------------------------------------------------------------------*/
.icon-circle--light {
  background: #ffffff;
  color: #4d4d4d; }

/*  $Brand
    \*----------------------------------------------------------------------------*/
.icon-circle--brand {
  background: #ffd100;
  color: #4d4d4d; }

/*----------------------------------------------------------------------------*\
    $Contentimage
\*----------------------------------------------------------------------------*/
.contentimage__wrapper {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  min-height: 21.42857rem ; }

.contentimage {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -0.78571rem ;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block; }
  .contentimage:before {
    content: "";
    height: 100%; }

/*  $Layer modifiers
    \*----------------------------------------------------------------------------*/
.layer--extra-large .contentimage {
  /* 1 */
  /* 2 */
  /* 3 */
  top: -4.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 1.57143rem ; }

.layer--extra-large .contentimage.is-right {
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: -3.14286rem ; }

.layer--large .contentimage {
  /* 1 */
  /* 2 */
  /* 3 */
  top: -2.35714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 1.57143rem ; }

.layer--large .contentimage.is-right {
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: -1.57143rem ; }

.layer--medium .contentimage {
  /* 1 */
  /* 2 */
  /* 3 */
  top: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 1.57143rem ; }

.layer--medium .contentimage.is-right {
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 0rem ; }

.layer--small .contentimage {
  /* 1 */
  /* 2 */
  /* 3 */
  top: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 1.57143rem ; }

.layer--small .contentimage.is-right {
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 0rem ; }

@media only screen and (min-width: 654px) {
  .contentimage {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0rem ; }
    .contentimage.is-right {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-left: 0rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: -1.57143rem ; }
  /*  $Layer modifiers
    \*----------------------------------------------------------------------------*/
  .layer--extra-large .contentimage {
    /* 1 */
    /* 2 */
    /* 3 */
    top: -7.85714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -7.85714rem ; }
  .layer--extra-large .contentimage.is-right {
    /* 1 */
    /* 2 */
    /* 3 */
    top: -7.85714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -7.85714rem ; }
  .layer--large .contentimage {
    /* 1 */
    /* 2 */
    /* 3 */
    top: -4.71429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -4.71429rem ; }
  .layer--large .contentimage.is-right {
    /* 1 */
    /* 2 */
    /* 3 */
    top: -4.71429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -4.71429rem ; }
  .layer--medium .contentimage {
    /* 1 */
    /* 2 */
    /* 3 */
    top: -3.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -3.14286rem ; }
  .layer--medium .contentimage.is-right {
    /* 1 */
    /* 2 */
    /* 3 */
    top: -3.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -3.14286rem ; }
  .layer--small .contentimage {
    /* 1 */
    /* 2 */
    /* 3 */
    top: -1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -1.57143rem ; }
  .layer--small .contentimage.is-right {
    /* 1 */
    /* 2 */
    /* 3 */
    top: -1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -1.57143rem ; } }

/*----------------------------------------------------------------------------*\
    $Contentimage-fulllayer
\*----------------------------------------------------------------------------*/
.contentimage-fulllayer {
  position: relative; }
  .contentimage-fulllayer img {
    display: block;
    position: absolute;
    bottom: 0; }

/*  $Layer modifiers
    \*----------------------------------------------------------------------------*/
.layer--extra-large .contentimage-fulllayer img {
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: -3.14286rem ; }

.layer--large .contentimage-fulllayer img {
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: -1.57143rem ; }

@media only screen and (min-width: 654px) {
  /*  $Layer modifiers
    \*----------------------------------------------------------------------------*/
  .layer--extra-large .contentimage-fulllayer img {
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -7.85714rem ; }
  .layer--large .contentimage-fulllayer img {
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -4.71429rem ; }
  .layer--medium .contentimage-fulllayer img {
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -3.14286rem ; }
  .layer--small .contentimage-fulllayer img {
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -1.57143rem ; } }

/*----------------------------------------------------------------------------*\
    $Contentimage-sticktotop
\*----------------------------------------------------------------------------*/
.contentimage-sticktotop {
  position: relative; }
  .contentimage-sticktotop img {
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 0.78571rem ;
    max-width: 100%; }

.contentblock-image-tile {
  background-size: cover;
  padding: 50px 0 20px 0;
  position: relative; }
  @media only screen and (min-width: 654px) {
    .contentblock-image-tile {
      padding: 57px 0 22px 0; } }
  .contentblock-image-tile .tile {
    width: 100%;
    margin-top: -100px; }
    .contentblock-image-tile .tile p {
      font-size: 16px; }
    @media only screen and (min-width: 654px) {
      .contentblock-image-tile .tile {
        width: 70%;
        margin-top: 0; }
        .contentblock-image-tile .tile.tile--has-floating-btn {
          margin-bottom: 50px; } }
    @media only screen and (min-width: 961px) {
      .contentblock-image-tile .tile {
        width: 50%; } }
  .contentblock-image-tile.contentblock-image-tile--right {
    position: relative; }
    .contentblock-image-tile.contentblock-image-tile--right .tile {
      float: right; }

.contentblock-image-tile__background {
  background-image: url(http://unsplash.it/1200/600?random);
  height: 300px;
  width: 100%;
  position: relative;
  background-size: cover;
  left: 0;
  top: 0; }
  @media only screen and (min-width: 654px) {
    .contentblock-image-tile__background {
      height: 100%;
      position: absolute; } }

/*----------------------------------------------------------------------------*\
    $Content-breakout
\*----------------------------------------------------------------------------*/
.content-breakout {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .content-breakout img {
    width: 100%; }

@media only screen and (min-width: 961px) {
  .content-breakout {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -4.71429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: -4.71429rem ; } }

/*----------------------------------------------------------------------------*\
    $Data-block
\*----------------------------------------------------------------------------*/
.data-block {
  /*  $Horizonal ruler
    \*----------------------------------------------------------------------------*/
  /*  $Links
    \*----------------------------------------------------------------------------*/ }
  .data-block hr {
    border: none;
    border-bottom: 1px dashed #e5eaf0;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 1.57143rem ; }
  .data-block a:not([class^=button]) {
    color: #0099CC;
    text-decoration: none; }
    .data-block a:not([class^=button]):hover {
      text-decoration: underline; }
  .data-block .button--remove {
    transition: none;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 1.57143rem ; }
    .data-block .button--remove__label {
      display: inline-block;
      max-width: 0;
      margin-right: 0;
      visibility: hidden;
      opacity: 0;
      transition: max-width 0.2s, opacity 0.4s; }
      @media only screen and (min-width: 1px) and (max-width: 653px) {
        .data-block .button--remove__label {
          display: none; } }
    .data-block .button--remove:hover .button--remove__label {
      max-width: 100px;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 0.39286rem ;
      visibility: visible;
      opacity: 1; }
    @media only screen and (min-width: 654px) {
      .data-block .button--remove {
        margin-right: 0; } }

/*  $Header
    \*----------------------------------------------------------------------------*/
.data-block__header {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 1.57143rem ;
  border-bottom: #b6bfd2 1px solid; }
  .data-block__header + .data-block__content {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 1.57143rem ; }

/*  $Title
        \*----------------------------------------------------------------------------*/
.data-block__title {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  width: 100%;
  margin: 0; }
  .data-block__title > * {
    margin: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 3.42857rem ; }

/*  $Edit
        \*----------------------------------------------------------------------------*/
/*  $Header
    \*----------------------------------------------------------------------------*/
.data-block__subheader {
  background: #f0f3f6;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 ; }
  .data-block__subheader h3, .data-block__subheader .h3 {
    font-family: "Arial", "Helvetica", sans-serif;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    font-weight: bold; }
  .data-block__subheader a {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375; }
  .data-block__subheader + .data-block__content {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 1.57143rem ; }
  .data-block__subheader .form__field {
    margin: 0; }
  .data-block__subheader .grid__cell {
    vertical-align: middle; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.data-block__content p:last-child {
  margin-bottom: 0; }

.data-block__content .vcard > .fn {
  font-weight: normal; }

.data-block__content .vcard + .vcard {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }

.data-block__content .fn {
  font-weight: bold; }

.data-block__content .email {
  display: block; }

.data-block__content + .data-block__subheader {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }

.data-block__repeater + .data-block__repeater {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }

.data-block__subheader .checkbox {
  padding-left: 33px;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.42857rem ; }

.data-block__subheader .checkbox__indicator {
  top: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.42857rem ;
  border: 2px solid #666666;
  background-color: #f0f3f6; }

.data-block__subheader .checkbox__list.is-inline > li {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 3.14286rem ; }

.data-block__subheader .checkbox input:checked ~ .checkbox__indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMjU3LjUgMzYwLjIgNjkgNzIuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMjU3LjUgMzYwLjIgNjkgNzIuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTS0yMzAsNDMzYy0yLjksMC01LjUtMS42LTcuMS00bC0xOS4zLTMyLjdjLTIuMy0zLjktMS04LjksMi45LTExLjNjMy45LTIuMyw4LjktMSwxMS4zLDIuOWwxMi4yLDIwLjdsMjYuMy00NC42YzIuMy0zLjksNy4zLTUuMSwxMS4zLTIuOWMzLjksMi4zLDUuMSw3LjMsMi45LDExLjNsLTMzLjMsNTYuNkMtMjI0LjQsNDMxLjUtMjI3LDQzMy0yMzAsNDMzeiIvPjwvc3ZnPg==);
  fill: #ffffff;
  border: 2px solid #0099CC;
  background-color: #0099CC; }

/*  $Subtitle
        \*----------------------------------------------------------------------------*/
.data-block__subtitle {
  font-weight: bold;
  font-family: "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Footer
    \*----------------------------------------------------------------------------*/
.data-block__footer {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }
  .data-block__footer p {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 0.85714rem ;
    line-height: 1.83333; }
    .data-block__footer p:last-child {
      margin-bottom: 0; }

@media only screen and (min-width: 654px) {
  /*  $Header
    \*----------------------------------------------------------------------------*/
  .data-block__header--no-title {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: -2.35714rem ; }
    .data-block__header--no-title + .data-block__content {
      margin-top: 0; }
  /*  $Title
        \*----------------------------------------------------------------------------*/
  /*  $Edit
        \*----------------------------------------------------------------------------*/
  .data-block__edit {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 1.57143rem ;
    text-align: right; } }

/*----------------------------------------------------------------------------*\
    $Faq
\*----------------------------------------------------------------------------*/
.faq {
  padding: 0; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.faq__content {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 46rem ; }
  .faq__content p, .faq__content ul, .faq__content ol, .faq__content table, .faq__content dl {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375;
    line-height: 1.5;
    max-width: 38em; }

/*  $Header
    \*----------------------------------------------------------------------------*/
.faq__header {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.42857rem 1.57143rem 1.14286rem 1.57143rem ; }
  .faq__header h2, .faq__header .h2 {
    margin-bottom: 0; }

/*  $List
    \*----------------------------------------------------------------------------*/
.faq__list {
  margin-bottom: 0; }

/*  $Item
    \*----------------------------------------------------------------------------*/
.faq__item {
  border-top: 1px solid #e6e6e6; }
  .faq__item a {
    display: block;
    text-decoration: none;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.92857rem 1.57143rem ; }
    .faq__item a:hover {
      text-decoration: underline; }
  .faq__item .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.78571rem ; }

/*  $Footer
    \*----------------------------------------------------------------------------*/
.faq__footer {
  border-top: 1px solid #e6e6e6;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.92857rem 1.57143rem ; }
  .faq__footer a {
    color: #0099CC;
    text-decoration: none; }
    .faq__footer a:hover {
      text-decoration: underline; }

.redesign .faq__item a {
  color: #4d4d4d;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 16px; }

.redesign .faq__footer {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.28571rem 1.57143rem ; }
  .redesign .faq__footer a {
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    color: #0794E5;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    font-weight: 300;
    font-size: 16px; }

/*----------------------------------------------------------------------------*\
    $Faq-entrance
\*----------------------------------------------------------------------------*/
.faq-entrance {
  background: #ffffff;
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  cursor: pointer; }
  .faq-entrance span {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    line-height: 1.25;
    font-weight: 500;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    display: block;
    text-align: center; }

/*  $Imageholder
    \*----------------------------------------------------------------------------*/
.faq-entrance__imageholder {
  margin: 22px auto 22px auto;
  text-align: center;
  width: 100%; }
  .faq-entrance__imageholder img {
    display: inline-block;
    vertical-align: middle; }

.faq-entrance__aligner {
  text-align: center; }
  .faq-entrance__aligner:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

/*----------------------------------------------------------------------------*\
    $Faq-search
\*----------------------------------------------------------------------------*/
.faq-search {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 3.14286rem ; }
  .faq-search h1, .faq-search .h1, .faq-search h2, .faq-search .h2, .faq-search h3, .faq-search .h3, .faq-search h4, .faq-search .h4, .faq-search h5, .faq-search .h5, .faq-search h6, .faq-search .h6 {
    margin-bottom: 0; }

@media only screen and (min-width: 654px) {
  .faq-search {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; } }

/*----------------------------------------------------------------------------*\
    $Faq-search-form
\*----------------------------------------------------------------------------*/
.faq-search-form {
  position: relative;
  display: inline-block;
  /*  $Typeahead
    \*----------------------------------------------------------------------------*/ }
  .faq-search-form input {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 3.92857rem ; }
  .faq-search-form button {
    position: absolute;
    top: 0;
    right: 0;
    background: #4d4d4d;
    color: #ffffff;
    border: none;
    height: 100%;
    padding: 0 5%;
    transition: background 0.1s;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0 0.21429rem 0.21429rem 0 ; }
    .faq-search-form button:hover {
      background: #404040; }
  .faq-search-form .twitter-typeahead {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    direction: ltr; }
  .faq-search-form .tt-dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); }
    .faq-search-form .tt-dropdown-menu .tt-suggestion {
      border-top: 1px solid #e6e6e6; }
      .faq-search-form .tt-dropdown-menu .tt-suggestion a {
        /* 1 */
        /* 2 */
        /* 3 */
        padding: 0.92857rem 1.07143rem ;
        display: block;
        text-decoration: none;
        transition: background 0.1s; }
        .faq-search-form .tt-dropdown-menu .tt-suggestion a:hover {
          background: #e5eaf0; }
          .faq-search-form .tt-dropdown-menu .tt-suggestion a:hover span {
            color: #4d4d4d; }
        .faq-search-form .tt-dropdown-menu .tt-suggestion a p {
          color: #4d4d4d;
          margin-bottom: 0; }
        .faq-search-form .tt-dropdown-menu .tt-suggestion a span {
          /* 1 */
          /* 2 */
          /* 3 */
          font-size: 0.85714rem ;
          line-height: 1.83333;
          color: #999999; }
      .faq-search-form .tt-dropdown-menu .tt-suggestion:first-child {
        border-top: none; }
    .faq-search-form .tt-dropdown-menu .faq-search-form__suggestion-footer {
      text-align: center; }
      .faq-search-form .tt-dropdown-menu .faq-search-form__suggestion-footer a {
        color: #0099CC;
        /* 1 */
        /* 2 */
        /* 3 */
        font-size: 0.85714rem ;
        line-height: 1.83333;
        text-decoration: none;
        /* 1 */
        /* 2 */
        /* 3 */
        padding: 0.64286rem 1.07143rem ;
        display: block;
        border-top: 1px solid #e6e6e6; }
        .faq-search-form .tt-dropdown-menu .faq-search-form__suggestion-footer a:hover {
          text-decoration: underline; }

/*----------------------------------------------------------------------------*\
    $Iframe wrapper
\*----------------------------------------------------------------------------*/
.iframe-wrapper iframe {
  width: 100%; }

/*----------------------------------------------------------------------------*\
    $Iframe map
\*----------------------------------------------------------------------------*/
.iframe-map {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 0.85714rem ; }
  .iframe-map iframe {
    /* 1 */
    /* 2 */
    /* 3 */
    height: 15.71429rem ;
    width: 100%;
    display: block; }

@media only screen and (min-width: 654px) {
  .iframe-map {
    padding-left: 0;
    padding-right: 0; }
    .iframe-map iframe {
      /* 1 */
      /* 2 */
      /* 3 */
      height: 30rem ; } }

/*----------------------------------------------------------------------------*\
    $Invoice
\*----------------------------------------------------------------------------*/
.invoice {
  text-align: left;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 0.78571rem ;
  margin-bottom: 0; }

.invoice__flex-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

/*  $Wrapper
    \*----------------------------------------------------------------------------*/
.invoice__wrapper {
  -ms-flex-positive: 10;
      flex-grow: 10; }

/*  $Foldout
    \*----------------------------------------------------------------------------*/
.invoice__foldout {
  border-top: 1px solid #dddddd;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: -0.78571rem ; }
  .invoice__foldout dl {
    margin-bottom: 0; }
  .invoice__foldout dd {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }

/*  $Primary
    \*----------------------------------------------------------------------------*/
.invoice__primary {
  -ms-flex-positive: 4;
      flex-grow: 4; }

/*  $Number
        \*----------------------------------------------------------------------------*/
.invoice__number {
  font-weight: bold; }

/*  $Type
    \*----------------------------------------------------------------------------*/
.invoice__type {
  display: block; }

/*  $Download
    \*----------------------------------------------------------------------------*/
.invoice__download {
  position: relative;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.78571rem ; }
  .invoice__download .icon {
    font-size: 1.25em;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.42857rem ; }
  .invoice__download .text {
    color: #0099CC; }
  .invoice__download:hover .text {
    text-decoration: underline; }

/*  $Toggle
    \*----------------------------------------------------------------------------*/
.invoice__toggle {
  position: relative;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 1.57143rem ; }
  .invoice__toggle .icon {
    font-size: 1.25em;
    -webkit-backface-visibility: hidden; }
    .invoice__toggle .icon:before {
      transition: 0.2s; }
  .invoice__toggle.is-active .icon:before {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg); }

@media only screen and (min-width: 654px) {
  /*  $Foldout
        \*----------------------------------------------------------------------------*/
  .invoice__foldout {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 0.78571rem ; }
  /*  $Wrapper
        \*----------------------------------------------------------------------------*/
  .invoice__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center; }
  /*  $Date
        \*----------------------------------------------------------------------------*/
  .invoice__date {
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0 1.57143rem ; }
  /*  $Download
        \*----------------------------------------------------------------------------*/
  .invoice__download {
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.42857rem 0 ;
    width: auto; }
    .invoice__download:before {
      content: "";
      position: absolute;
      top: 0;
      /* 1 */
      /* 2 */
      /* 3 */
      left: -1.57143rem ;
      border-left: 1px solid #dddddd;
      height: 100%; }
    .invoice__download .icon {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 0.78571rem ; }
  /*  $Toggle
        \*----------------------------------------------------------------------------*/
  .invoice__toggle {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.42857rem 0 ; }
    .invoice__toggle:before {
      content: "";
      position: absolute;
      top: 0;
      /* 1 */
      /* 2 */
      /* 3 */
      left: -1.57143rem ;
      border-left: 1px solid #dddddd;
      height: 100%; } }

/*----------------------------------------------------------------------------*\
    $Download
\*----------------------------------------------------------------------------*/
.download {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  text-decoration: none;
  display: block; }
  .download h1, .download .h1,
  .download h2,
  .download .h2,
  .download h3,
  .download .h3,
  .download h4,
  .download .h4,
  .download h5,
  .download .h5,
  .download h6,
  .download .h6 {
    margin-bottom: 0; }
  .download img {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 7.85714rem ;
    display: block; }

/*  $Size
    \*----------------------------------------------------------------------------*/
.download__size {
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.42857rem ; }

/*  $Icon
    \*----------------------------------------------------------------------------*/
.download__icon {
  text-align: center;
  color: #999999;
  text-transform: uppercase;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 6.21429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 9.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 8.35714rem ;
  position: relative;
  background: url(../images/download-icon.png); }

/*----------------------------------------------------------------------------*\
    $Search-highlight
\*----------------------------------------------------------------------------*/
.search-highlight {
  position: relative; }

/*  $Trigger
    \*----------------------------------------------------------------------------*/
.search-highlight__trigger {
  display: block;
  float: right;
  transition: background 0.1s; }
  .search-highlight__trigger img {
    /* 1 */
    /* 2 */
    /* 3 */
    height: 1.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1.42857rem ; }
  .search-highlight__trigger.is-active {
    background: #ffffff; }
  .search-highlight__trigger:hover {
    background: #ffffff; }

.search-highlight__trigger-text {
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.71429rem ;
  color: #414141;
  float: right; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.search-highlight__content {
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 2.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: -1.57143rem ;
  display: none; }
  .search-highlight__content.is-active {
    display: block; }
  .search-highlight__content .search-input {
    margin-bottom: 0; }
    .search-highlight__content .search-input input {
      border: none;
      border-radius: 0;
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 1.57143rem 6.57143rem 1.57143rem 1.57143rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      min-width: 21.42857rem ;
      margin-bottom: 0;
      margin-right: 0; }
      .search-highlight__content .search-input input:focus {
        box-shadow: none; }
    .search-highlight__content .search-input input::-ms-clear {
      display: none; }
    .search-highlight__content .search-input .search-input__button {
      height: 100%;
      top: 0;
      right: 0;
      border: none;
      /* 1 */
      /* 2 */
      /* 3 */
      width: 5rem ; }

@media only screen and (min-width: 654px) {
  /*  $Trigger
    \*----------------------------------------------------------------------------*/
  .search-highlight__trigger {
    /* 1 */
    /* 2 */
    /* 3 */
    height: 5.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 9.28571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: -1.57143rem ; }
    .search-highlight__trigger img {
      /* 1 */
      /* 2 */
      /* 3 */
      height: 1.5rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      width: 1.42857rem ; }
  /*  $Content
    \*----------------------------------------------------------------------------*/
  .search-highlight__content {
    /* 1 */
    /* 2 */
    /* 3 */
    top: 5.07143rem ; } }

/*----------------------------------------------------------------------------*\
    $Search-input
\*----------------------------------------------------------------------------*/
.search-input {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  position: relative;
  display: inline-block; }
  .search-input input {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.78571rem 5.14286rem 0.78571rem 1.57143rem ; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.search-input__button {
  background: #ffffff;
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 0.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 0.07143rem ;
  border: none;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 3.57143rem ;
  background-image: url("../images/base64/arrow_rechts-4d4d4d.svg");
  background-size: 36% 36%;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  display: block; }

/*  $Layer-navigation modifier
    \*----------------------------------------------------------------------------*/
.layer-navigation .search-input {
  width: 100%; }
  .layer-navigation .search-input input[type=text] {
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.21429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.07143rem 5.14286rem 1.07143rem 1.57143rem ;
    width: 100%; }

.layer-navigation .search-input__button {
  background-color: #ffd100;
  background-image: none;
  top: 0;
  bottom: 0;
  right: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0 0.21429rem 0.21429rem 0 ;
  overflow: visible; }
  .layer-navigation .search-input__button:after {
    content: "\E801";
    font-family: "fontello";
    color: #4d4d4d;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    right: 0;
    text-indent: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 3.57143rem ;
    text-align: center; }

.redesign .search-input {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 4.28571rem ;
  width: 100%; }

.redesign .search-input--half-space {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 2.14286rem ; }

.redesign .search-input__button {
  background: none;
  background-color: #ffd100;
  color: #4d4d4d;
  text-indent: initial;
  width: auto;
  padding: 0 20px; }
  .redesign .search-input__button:after {
    display: none; }

/*----------------------------------------------------------------------------*\
    $Search-inline
\*----------------------------------------------------------------------------*/
.search-inline {
  position: relative; }
  .search-inline .icon {
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 0.64286rem ;
    right: 11px;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.42857rem ;
    line-height: 1.1; }

/*----------------------------------------------------------------------------*\
    $Tabs
\*----------------------------------------------------------------------------*/
.tabs {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.14286rem ; }
  .tabs .button--tab {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.42857rem ; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.tabs__content {
  display: none; }
  .tabs__content.is-active {
    display: block; }

/*----------------------------------------------------------------------------*\
    $TABPAGER
\*----------------------------------------------------------------------------*/
.tab-pager {
  background-color: #4d4d4d; }

/*  $Tabs
    \*----------------------------------------------------------------------------*/
.tab-pager__tabs {
  margin-bottom: 0; }

.tab-pager__tab a {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.17857rem 1.57143rem 0.78571rem ;
  text-decoration: none;
  color: #f0f3f6; }
  .tab-pager__tab a.is-active {
    background-color: #f0f3f6;
    color: #4d4d4d; }

/*----------------------------------------------------------------------------*\
    $Article-list
\*----------------------------------------------------------------------------*/
.article-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .article-list > li {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; }
    .article-list > li > a {
      text-decoration: none; }

.article-list__item {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  border: 1px solid #e6e6e6;
  box-shadow: 0 1px 0 #e6e6e6;
  transition: 0.1s;
  overflow: hidden; }
  .article-list__item:hover {
    border: 1px solid #d9d9d9;
    box-shadow: 0 1px 0 #d9d9d9;
    background: #f5f7f9; }
  .article-list__item a {
    text-decoration: none; }
  .article-list__item p {
    margin-bottom: 0;
    text-decoration: none; }
  .article-list__item img {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 6.21429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 1.57143rem ;
    display: block;
    border-radius: 8px;
    display: none; }
  .article-list__item .download__icon {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 1.57143rem ; }

/*  $Base-accept
        \*----------------------------------------------------------------------------*/
.article-list__item--base-accept .article-list__footer {
  background: #e9f1cd;
  border-top: 1px solid #bdd46a; }

.article-list__item--base-accept .article-list__footer__item .icon {
  color: #7d942b; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.article-list__content {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 1.57143rem ; }
  .article-list__content:after {
    content: '\e804';
    font-family: "Fontello";
    position: absolute;
    top: 50%;
    right: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -0.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375;
    line-height: 1; }

/*  $Footer
    \*----------------------------------------------------------------------------*/
.article-list__footer {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1rem 1.57143rem ;
  border-top: 1px solid #e6e6e6; }

/*  $Item
        \*----------------------------------------------------------------------------*/
.article-list__footer__item .icon {
  display: inline-block;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  line-height: 1; }

.article-list__footer__item .text {
  display: inline-block;
  vertical-align: middle; }

@media only screen and (min-width: 654px) {
  .article-list__item img {
    display: block; }
  .article-list__item h1, .article-list__item .h1,
  .article-list__item h2,
  .article-list__item .h2,
  .article-list__item h3,
  .article-list__item .h3,
  .article-list__item h4,
  .article-list__item .h4,
  .article-list__item h5,
  .article-list__item .h5,
  .article-list__item h6,
  .article-list__item .h6,
  .article-list__item p {
    max-width: 38em; } }

/*----------------------------------------------------------------------------*\
    $Lazy load
\*----------------------------------------------------------------------------*/
.lazy-load {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 3.14286rem 0 ; }

/*----------------------------------------------------------------------------*\
    $Zipcode check
\*----------------------------------------------------------------------------*/
.zipcode-check {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ;
  /*  $Input
    \*----------------------------------------------------------------------------*/ }
  .zipcode-check label {
    color: #ffffff;
    text-align: left;
    display: block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.21429rem ; }
  .zipcode-check.is-dark label {
    color: #4d4d4d; }
  .zipcode-check .is-hidden {
    display: none; }
  .zipcode-check input[type=text] {
    border: 1px solid #ffffff;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.07143rem ;
    width: 100%; }

/*  $Address
    \*----------------------------------------------------------------------------*/
.zipcode-check__address {
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.57143rem ;
  position: relative;
  display: inline-block;
  width: 100%;
  box-shadow: 0 1px 0 #e6e6e6;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  border: 1px solid #e6e6e6; }
  .zipcode-check__address .widget-loader {
    /* 1 */
    /* 2 */
    /* 3 */
    min-height: 3.28571rem ; }

/*  $Content
        \*----------------------------------------------------------------------------*/
.zipcode-check__address__content {
  position: relative; }

/*  $Title
            \*----------------------------------------------------------------------------*/
.zipcode-check__address__title {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  display: block;
  color: #4d4d4d; }

/*  $Subtitle
            \*----------------------------------------------------------------------------*/
.zipcode-check__address__subtitle {
  display: block;
  color: #999999; }

/*  $Link
            \*----------------------------------------------------------------------------*/
.zipcode-check__address__link {
  color: #0099CC;
  text-decoration: none; }
  .zipcode-check__address__link:hover {
    text-decoration: underline; }

/*  $Warning
        \*----------------------------------------------------------------------------*/
.zipcode-check__address__warning {
  border-top: 1px solid #e6e6e6;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  position: relative;
  overflow: hidden; }

.zipcode-check__address__warning__column {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

.zipcode-check__address__warning__title {
  line-height: 1.25;
  margin-bottom: 0; }

/*  $Zipcode-input
    \*----------------------------------------------------------------------------*/
.zipcode-check__zipcode-input {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 6.57143rem ;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.42857rem ; }

/*  $Number-input
    \*----------------------------------------------------------------------------*/
.zipcode-check__number-input {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 4.42857rem ;
  display: inline-block;
  vertical-align: bottom;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.42857rem ; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.zipcode-check__button {
  border: none;
  background-color: #ffd100;
  color: #4d4d4d;
  display: inline-block;
  vertical-align: middle;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.71429rem 1rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 5.71429rem ;
  transition: 0.2s; }
  .zipcode-check__button:hover {
    background-color: #ffda33; }
  .zipcode-check__button.is-correct {
    background-color: #bdd46a; }
    .zipcode-check__button.is-correct:hover {
      background-color: #abc942; }
  .zipcode-check__button.is-wrong {
    background-color: #fd817f; }
    .zipcode-check__button.is-wrong:hover {
      background-color: #fc504d; }
  .zipcode-check__button.is-loading:hover {
    background-color: #ffd100; }
  .zipcode-check__button .icon--pijl-rechts {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -0.07143rem ; }

/*  $Notification
    \*----------------------------------------------------------------------------*/
.zipcode-check__notification {
  display: block;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.78571rem ; }
  .zipcode-check__notification h2, .zipcode-check__notification .h2,
  .zipcode-check__notification p {
    color: #ffffff;
    margin-bottom: 0; }
  .zipcode-check__notification a {
    color: #ffffff;
    text-decoration: underline; }

@media only screen and (min-width: 654px) {
  .zipcode-check input[type=text] {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.78571rem ; }
  /*  $Address
        \*----------------------------------------------------------------------------*/
  .zipcode-check__address {
    width: auto; }
  /*  $Link
            \*----------------------------------------------------------------------------*/
  .zipcode-check__address__link {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 0.85714rem ;
    line-height: 1.83333;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  /*  $Title & subtitle
            \*----------------------------------------------------------------------------*/
  .zipcode-check__address__title,
  .zipcode-check__address__subtitle {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 10.28571rem ; }
  /*  $Warning
        \*----------------------------------------------------------------------------*/
  .zipcode-check__address__warning {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 30rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: -0.78571rem ;
    padding-left: 0;
    padding-right: 0; }
  .zipcode-check__address__warning__column {
    margin-bottom: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 0.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.78571rem ; } }

.redesign .zipcode-check input {
  border: 1px solid #b6c1d0; }

.redesign .zipcode-check__button.is-correct {
  background-color: #74CD70; }
  .redesign .zipcode-check__button.is-correct:hover {
    background-color: #4fc04a; }

.redesign .zipcode-check__button.is-wrong {
  background-color: #FD817F; }
  .redesign .zipcode-check__button.is-wrong:hover {
    background-color: #fc504d; }

.redesign .zipcode-check__notification {
  display: block;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.78571rem ;
  background-color: #f7f7f7;
  padding: 15px; }
  .redesign .zipcode-check__notification h2, .redesign .zipcode-check__notification .h2,
  .redesign .zipcode-check__notification p {
    color: #4d4d4d;
    margin-bottom: 0;
    text-transform: none; }
  .redesign .zipcode-check__notification a {
    color: inherit;
    text-decoration: underline; }

/*----------------------------------------------------------------------------*\
    $Autocomplete
\*----------------------------------------------------------------------------*/
.autocomplete {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  position: relative;
  display: inline-block; }

/*  $Input
    \*----------------------------------------------------------------------------*/
input[type=text].autocomplete__input {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 5.14286rem 0.78571rem 1.57143rem ; }
  input[type=text].autocomplete__input:focus {
    box-shadow: none; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.autocomplete__button {
  background: #ffffff;
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 0.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 0.07143rem ;
  top: 1px;
  bottom: 1px;
  right: 1px;
  border: none;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 3.57143rem ;
  background-image: inline-image("../images/base64/arrow_rechts-4d4d4d.svg");
  background-size: 36% 36%;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  display: block; }

/*  $Helper
        Alignment element
    \*----------------------------------------------------------------------------*/
.autocomplete__helper {
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 0.78571rem 0 ; }

/*  $Extra-description
    \*----------------------------------------------------------------------------*/
.autocomplete__extra-description {
  text-align: center; }
  .autocomplete__extra-description h2, .autocomplete__extra-description .h2 {
    margin-bottom: 0; }
  .autocomplete__extra-description p {
    margin-bottom: 0; }

/*  $Typeahead
    \*----------------------------------------------------------------------------*/
.tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 17.64286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.35714rem 0rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.07143rem ;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0 0 0.14286rem 0.14286rem ;
  background-clip: padding-box;
  text-align: left; }

.tt-suggestion {
  cursor: pointer; }

.tt-suggestion > p {
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.35714rem 1.42857rem ;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  white-space: nowrap;
  margin: 0; }

.tt-suggestion.tt-cursor {
  color: #4d4d4d;
  text-decoration: none;
  outline: 0;
  background-color: #ffd100; }
  .tt-suggestion.tt-cursor span {
    color: #4d4d4d; }

.tt-hint {
  color: #b6bfd2; }

/*----------------------------------------------------------------------------*\
    $Input-autocomplete
\*----------------------------------------------------------------------------*/
.input-autocomplete {
  position: relative; }
  .input-autocomplete .dropdown-menu {
    position: absolute;
    z-index: 2;
    width: 100%;
    margin: -2px 0 0 0;
    overflow: hidden;
    list-style: none;
    background: #ffffff;
    border: solid #b6bfd2;
    border-width: 0px 1px 1px;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0 0 0.14286rem 0.14286rem ; }
    .input-autocomplete .dropdown-menu li {
      border-top: 1px solid #b6bfd2; }
      .input-autocomplete .dropdown-menu li a, .input-autocomplete .dropdown-menu li .dropdown-menu__anchor {
        display: block;
        color: #666666;
        text-decoration: none;
        /* 1 */
        /* 2 */
        /* 3 */
        padding: 0.78571rem 1.07143rem 0.78571rem 1.07143rem ; }
        .input-autocomplete .dropdown-menu li a:hover, .input-autocomplete .dropdown-menu li .dropdown-menu__anchor:hover {
          background: #e5eaf0;
          color: #666666;
          text-decoration: none;
          cursor: pointer; }
    .input-autocomplete .dropdown-menu .active a {
      background: #e5eaf0; }
  .input-autocomplete .parsley-errors-list {
    z-index: 1; }

/*----------------------------------------------------------------------------*\
    $Letter-check
\*----------------------------------------------------------------------------*/
.letter-check {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ;
  /*  $Input
    \*----------------------------------------------------------------------------*/
  /*  $Typeahead
    \*----------------------------------------------------------------------------*/ }
  .letter-check input[type=text] {
    border: 1px solid #ffffff;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.07143rem 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    min-width: 17.85714rem ;
    margin-bottom: 0;
    margin-right: 0;
    vertical-align: middle; }
  .letter-check .twitter-typeahead {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    direction: ltr; }
  .letter-check .tt-dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0; }
    .letter-check .tt-dropdown-menu a {
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 0.42857rem 1.57143rem ;
      display: block;
      text-decoration: none;
      border-top: 1px solid #b6bfd2; }
      .letter-check .tt-dropdown-menu a:hover {
        background: #ffd100; }
        .letter-check .tt-dropdown-menu a:hover span {
          color: #4d4d4d; }
      .letter-check .tt-dropdown-menu a:first-child {
        border-top: none; }
      .letter-check .tt-dropdown-menu a p {
        color: #4d4d4d;
        margin-bottom: -4px; }
      .letter-check .tt-dropdown-menu a span {
        /* 1 */
        /* 2 */
        /* 3 */
        font-size: 0.85714rem ;
        line-height: 1.83333;
        color: #999999; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.letter-check__button {
  border: none;
  background-color: #ffd100;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.21429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 3.35714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 5.57143rem ;
  background-image: url("../images/arrow-zipcode-check.png");
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.78571rem ;
  vertical-align: middle; }
  .letter-check__button.is-wrong {
    background-color: #fd817f;
    background-image: url("../images/alert-zipcode-check.png"); }
  .letter-check__button.is-loading {
    background-image: url("../images/zipcodecheck-loader.gif"); }

/*  $Notification
    \*----------------------------------------------------------------------------*/
.letter-check__notification {
  display: block;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.78571rem ; }
  .letter-check__notification p {
    color: #ffffff;
    margin-bottom: 0; }
  .letter-check__notification a {
    color: #ffffff;
    text-decoration: underline; }

@media only screen and (min-width: 654px) {
  .letter-check {
    /*  $Input
        \*----------------------------------------------------------------------------*/ }
    .letter-check input[type=text] {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 0.78571rem ; } }

/*----------------------------------------------------------------------------*\
    $News highlight
\*----------------------------------------------------------------------------*/
.news-highlight .meta-date {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  display: block; }

.news-highlight__title {
  /* 1 */
  /* 2 */
  /* 3 */
  max-height: 3.14286rem ;
  overflow: hidden;
  display: block; }

/*----------------------------------------------------------------------------*\
    $DATA-LIST
\*----------------------------------------------------------------------------*/
/*  Variables
\*----------------------------------------------------------------------------*/
/*  $Data-list
\*----------------------------------------------------------------------------*/
/*  $Sort
    \*----------------------------------------------------------------------------*/
.data-list__sort:hover {
  cursor: pointer; }

.data-list__sort .icon {
  transition: transform 0.3s; }

.data-list__sort.is-reversed .icon {
  -ms-transform: rotate(-180deg);
      transform: rotate(-180deg); }

/*  $Item
    \*----------------------------------------------------------------------------*/
.data-list__item {
  position: relative; }
  .data-list__item.is-active {
    background-color: #f0f3f6; }
  .data-list__item.is-disabled:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
    content: ""; }
  .data-list__item.is-inverted {
    background: #e5eaf0;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.57143rem ; }

/*  $Link
        \*----------------------------------------------------------------------------*/
.data-list__item__link:hover .island,
.data-list__item__link:hover .islet {
  transition: 0.3s;
  background: #ffd100; }

/*  Faux-link
            \*----------------------------------------------------------------------------*/
.data-list__faux-link {
  text-decoration: underline;
  display: inline-block; }

/*  $Duration
        \*----------------------------------------------------------------------------*/
.data-list__item__duration {
  color: #999999;
  font-style: italic;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.42857rem ; }

/*  $Title
        \*----------------------------------------------------------------------------*/
.data-list__item__title {
  display: block;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.25; }

/*  $Icon
        \*----------------------------------------------------------------------------*/
.data-list__icon {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0.14286rem 0 0.78571rem 0 ; }

/*  $Icon-label
            \*----------------------------------------------------------------------------*/
.data-list__icon-label {
  display: inline-block;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.57143rem ;
  line-height: 1;
  line-height: 1.25;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.28571rem ;
  font-weight: 200; }

.data-list__disabled-float {
  position: relative;
  z-index: 1; }

.data-list__expand {
  position: relative;
  overflow: hidden; }

.data-list__notification {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.35714rem 0.78571rem ;
  background-color: #fd817f; }
  .data-list__notification p {
    color: #ffffff;
    margin-bottom: 0; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.data-list__actions__label {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.78571rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  line-height: 1.375; }

/*  $Cards
        Modifier for the data-list
    \*----------------------------------------------------------------------------*/
.data-list--cards .data-list__sort-holder {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ;
  border-bottom: none; }

.data-list--cards .data-list__item {
  border-bottom: 0;
  background: #f0f3f6;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1rem 1.57143rem ; }
  .data-list--cards .data-list__item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.57143rem 0 0 0.57143rem ;
    border-left: 11px solid #bdd46a; }
  .data-list--cards .data-list__item.is-denied:after, .data-list--cards .data-list__item.is-active:after {
    border-left: 11px solid #fd817f; }
  .data-list--cards .data-list__item.is-warning:after {
    border-left: 11px solid #ff9460; }

.data-list--cards.is-inverted .data-list__item {
  background: #ffffff; }

.data-list--cards .data-list__item__extended {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1rem ;
  border-top: 1px solid #e6e6e6;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 1rem ; }
  .data-list--cards .data-list__item__extended .dl-faux__wrapper {
    margin-bottom: 0; }
  .data-list--cards .data-list__item__extended .dl-faux__dt {
    display: block;
    padding-bottom: 0; }
  .data-list--cards .data-list__item__extended .dl-faux__dd {
    display: block;
    padding-left: 0; }

.data-list--cards .data-list__item__extended__title {
  display: block;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.25;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.42857rem ; }

.data-list__icon-text .icon {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 1.28571rem ; }

@media only screen and (min-width: 654px) {
  /*  $Item
        \*----------------------------------------------------------------------------*/
  .data-list__item.is-inverted {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.5rem ; }
  .data-list--cards {
    /*  $Icon
        \*----------------------------------------------------------------------------*/ }
    .data-list--cards .data-list__item__extended .dl-faux__dt {
      display: table-cell;
      /* 1 */
      /* 2 */
      /* 3 */
      padding-bottom: 0.42857rem ; }
    .data-list--cards .data-list__item__extended .dl-faux__dd {
      display: table-cell;
      /* 1 */
      /* 2 */
      /* 3 */
      padding-left: 0.57143rem ; }
    .data-list--cards .data-list__icon {
      margin: 0 11px 0 0; }
    .data-list--cards .data-list__icon-label {
      display: none; }
  .data-list__align-right {
    float: right; } }

/*----------------------------------------------------------------------------*\
    $Data-list-search
\*----------------------------------------------------------------------------*/
.data-list-search {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Form
    \*----------------------------------------------------------------------------*/
.data-list-search__form {
  position: relative; }
  .data-list-search__form input {
    width: 100%; }
  .data-list-search__form button {
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 0.5rem ;
    right: 11px;
    background: none;
    padding: 0;
    margin: 0;
    border: none; }
    .data-list-search__form button .icon {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.42857rem ;
      line-height: 1.1; }

@media only screen and (min-width: 654px) {
  /*  $Form
    \*----------------------------------------------------------------------------*/
  .data-list-search__form {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 24.28571rem ; } }

/*----------------------------------------------------------------------------*\
    $Data-list-download
\*----------------------------------------------------------------------------*/
.data-list-download {
  display: none; }

@media only screen and (min-width: 654px) {
  .data-list-download {
    display: block;
    text-align: right;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 3.14286rem ; }
    .data-list-download .icon {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.57143rem ;
      line-height: 1;
      line-height: 1;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-left: 0.57143rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: -0.14286rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-top: -0.28571rem ; } }

/*----------------------------------------------------------------------------*\
    $Data-list-legend
\*----------------------------------------------------------------------------*/
.data-list-legend {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

/*  $Label
    \*----------------------------------------------------------------------------*/
.data-list-legend__label {
  font-weight: bold;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0.78571rem 0.42857rem 0 ; }

/*  $Item
    \*----------------------------------------------------------------------------*/
.data-list-legend__item {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.42857rem ;
  width: 48%;
  display: inline-block; }

/*  $Icon
        \*----------------------------------------------------------------------------*/
.data-list-legend__item__icon {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.57143rem ;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px; }
  .data-list-legend__item__icon.is-accept {
    background: #bdd46a; }
  .data-list-legend__item__icon.is-deny {
    background: #fd817f; }

/*  $Text
        \*----------------------------------------------------------------------------*/
.data-list-legend__item__text {
  display: inline-block;
  vertical-align: middle; }

@media only screen and (min-width: 654px) {
  /*  $Holder
        \*----------------------------------------------------------------------------*/
  .data-list-legend__holder {
    text-align: right; }
  /*  $Label
        \*----------------------------------------------------------------------------*/
  .data-list-legend__label {
    display: inline-block; }
  /*  $Item
        \*----------------------------------------------------------------------------*/
  .data-list-legend__item {
    width: auto;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 0.78571rem ; } }

/*----------------------------------------------------------------------------*\
    $File upload list
\*----------------------------------------------------------------------------*/
.file-upload-list {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }
  .file-upload-list > li {
    overflow: hidden;
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.42857rem ; }

/*  $Progress
    \*----------------------------------------------------------------------------*/
.file-upload-list__progress {
  position: absolute;
  top: 0;
  left: 0;
  background: #bdd46a;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1; }

/*  $Loading
    \*----------------------------------------------------------------------------*/
.file-upload-list__loading {
  font-style: italic;
  position: relative;
  z-index: 2;
  color: #4d4d4d; }

/*  $Item
    \*----------------------------------------------------------------------------*/
.file-upload-list__item {
  float: left; }

/*  $Close
    \*----------------------------------------------------------------------------*/
.file-upload-list__close {
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.57143rem ;
  line-height: 1;
  line-height: 1;
  color: #fd817f;
  float: right;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 1.57143rem ; }

/*----------------------------------------------------------------------------*\
    $Section disabler
\*----------------------------------------------------------------------------*/
.section-disabler {
  position: relative; }
  .section-disabler.is-active .section-disabler__overlay {
    opacity: 0.5;
    z-index: 9999; }

.section-disabler__overlay {
  position: absolute;
  background: #ffffff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s; }

/*----------------------------------------------------------------------------*\
    $Skeleton
\*----------------------------------------------------------------------------*/
css .skeleton__text {
  background: #f0f3f6;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 0.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.57143rem ;
  display: block;
  animation-duration: 0.7s;
  animation-name: pulse;
  animation-iteration-count: infinite; }

/*  $Img
    \*----------------------------------------------------------------------------*/
.skeleton__img {
  background: #f0f3f6;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2.42857rem ;
  display: block;
  animation-duration: 0.7s;
  animation-name: pulse;
  animation-iteration-count: infinite; }

@keyframes pulse {
  0% {
    background: #f0f3f6; }
  50% {
    background: #e5eaf0; }
  100% {
    background: #f0f3f6; } }

/*----------------------------------------------------------------------------*\
    $Data-finder
\*----------------------------------------------------------------------------*/
/*  $Form
    \*----------------------------------------------------------------------------*/
.data-finder__form {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .data-finder__form label {
    display: block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.21429rem ; }
  .data-finder__form input[type=text] {
    border: 1px solid #ffffff;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.07143rem ;
    width: 100%; }
  .data-finder__form h1, .data-finder__form .h1,
  .data-finder__form h2,
  .data-finder__form .h2,
  .data-finder__form h3,
  .data-finder__form .h3,
  .data-finder__form h4,
  .data-finder__form .h4,
  .data-finder__form h5,
  .data-finder__form .h5,
  .data-finder__form h6,
  .data-finder__form .h6,
  .data-finder__form p {
    color: #ffffff; }

/*  $Zipcode-input
        \*----------------------------------------------------------------------------*/
.data-finder__zipcode-input {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 6.57143rem ;
  display: inline-block;
  vertical-align: bottom;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.42857rem ; }

/*  $Number-input
        \*----------------------------------------------------------------------------*/
.data-finder__number-input {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 4.42857rem ;
  display: inline-block;
  vertical-align: bottom;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.42857rem ; }

/*  $Submit
        \*----------------------------------------------------------------------------*/
.data-finder__submit {
  border: none;
  background-color: #ffd100;
  color: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.21429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.71429rem 1rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 5.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0.78571rem 0.78571rem 0 ;
  display: inline-block;
  vertical-align: middle;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  transition: 0.2s; }
  .data-finder__submit:hover:not(.is-loading) {
    background-color: #ffda33; }
  .data-finder__submit.is-correct {
    background-color: #bdd46a; }
    .data-finder__submit.is-correct:hover {
      background-color: #abc942; }
  .data-finder__submit.is-wrong {
    background-color: #fd817f; }
    .data-finder__submit.is-wrong:hover {
      background-color: #fc504d; }

/*  $IE9 changes
            \*----------------------------------------------------------------------------*/
.ie9 .data-finder__submit.is-loading {
  background-image: url("../images/zipcodecheck-loader.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .ie9 .data-finder__submit.is-loading .icon {
    display: none; }

/*  $Feedback
    \*----------------------------------------------------------------------------*/
.data-finder__feedback {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.78571rem ;
  overflow: hidden; }
  .data-finder__feedback h1, .data-finder__feedback .h1,
  .data-finder__feedback h2,
  .data-finder__feedback .h2,
  .data-finder__feedback h3,
  .data-finder__feedback .h3,
  .data-finder__feedback h4,
  .data-finder__feedback .h4,
  .data-finder__feedback h5,
  .data-finder__feedback .h5,
  .data-finder__feedback h6,
  .data-finder__feedback .h6 {
    max-width: 32em; }
  .data-finder__feedback p {
    max-width: 38em; }

/*  $Layer modifiers
    \*----------------------------------------------------------------------------*/
.layer--base-dark-b .data-finder__form label {
  color: #ffffff; }

.layer--base-dark-b .data-finder__form .parsley-errors-list > li {
  color: #ffffff; }

.layer--base-dark-b .data-finder__intro h1, .layer--base-dark-b .data-finder__intro .h1,
.layer--base-dark-b .data-finder__intro h2,
.layer--base-dark-b .data-finder__intro .h2,
.layer--base-dark-b .data-finder__intro h3,
.layer--base-dark-b .data-finder__intro .h3,
.layer--base-dark-b .data-finder__intro h4,
.layer--base-dark-b .data-finder__intro .h4,
.layer--base-dark-b .data-finder__intro h5,
.layer--base-dark-b .data-finder__intro .h5,
.layer--base-dark-b .data-finder__intro h6,
.layer--base-dark-b .data-finder__intro .h6,
.layer--base-dark-b .data-finder__intro p {
  color: #ffffff; }

.layer--base-dark-b .data-finder__feedback h1, .layer--base-dark-b .data-finder__feedback .h1,
.layer--base-dark-b .data-finder__feedback h2,
.layer--base-dark-b .data-finder__feedback .h2,
.layer--base-dark-b .data-finder__feedback h3,
.layer--base-dark-b .data-finder__feedback .h3,
.layer--base-dark-b .data-finder__feedback h4,
.layer--base-dark-b .data-finder__feedback .h4,
.layer--base-dark-b .data-finder__feedback h5,
.layer--base-dark-b .data-finder__feedback .h5,
.layer--base-dark-b .data-finder__feedback h6,
.layer--base-dark-b .data-finder__feedback .h6,
.layer--base-dark-b .data-finder__feedback p {
  color: #ffffff; }

/*----------------------------------------------------------------------------*\
    $Counter
\*----------------------------------------------------------------------------*/
@keyframes counterShine {
  0% {
    background: #ffffff;
    transform: scale(1) translate3d(0, 0, 0); }
  50% {
    background: #ffe570;
    transform: scale(1.2) translate3d(0, 0, 0); }
  100% {
    background: #ffffff;
    transform: scale(1) translate3d(0, 0, 0); } }

@keyframes counterBounce {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

.counter {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.5rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  width: 100%;
  display: block; }

/*  $Item
    \*----------------------------------------------------------------------------*/
.counter__item {
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ;
  line-height: 1.83333;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.57143rem 0rem ;
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.21429rem ;
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0.35714rem ;
  width: auto;
  color: #4d4d4d;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  box-shadow: 0 3px 0 #b6bfd2; }
  .counter__item.counter--shine {
    animation: counterShine 0.3s; }
  .counter__item.has-stopped {
    animation: counterBounce 0.4s; }

/*  $Holder
        \*----------------------------------------------------------------------------*/
/*  $Holder
    \*----------------------------------------------------------------------------*/
.counter__holder {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 ;
  text-align: center; }

/*----------------------------------------------------------------------------*\
    $Auth-state
\*----------------------------------------------------------------------------*/
.auth-state {
  display: block; }

/*  $Login
        \*----------------------------------------------------------------------------*/
.auth-state__login {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.42857rem ;
  color: #4d4d4d;
  transition: color 0.1s;
  text-decoration: none; }

/*  $User
        \*----------------------------------------------------------------------------*/
.auth-state__user {
  color: #4d4d4d;
  text-decoration: none; }

/*  $Logout
        \*----------------------------------------------------------------------------*/
.auth-state__logout {
  color: #999999; }

@media only screen and (min-width: 654px) {
  .auth-state {
    display: inline-block; }
  /*  $Login
        \*----------------------------------------------------------------------------*/
  .auth-state__login {
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375;
    margin-bottom: 0;
    color: #999999; }
    .auth-state__login:hover {
      color: #4d4d4d; }
  /*  $User
        \*----------------------------------------------------------------------------*/
  .auth-state__user {
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375;
    margin-bottom: 0;
    transition: color 0.1s;
    color: #999999; }
    .auth-state__user:hover {
      color: #4d4d4d; }
  /*  $Logout
        \*----------------------------------------------------------------------------*/
  .auth-state__logout {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 0.28571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 0.85714rem ;
    line-height: 1.83333;
    transition: color 0.1s; }
    .auth-state__logout:hover {
      color: #4d4d4d; } }

/*----------------------------------------------------------------------------*\
    $Detail-box
\*----------------------------------------------------------------------------*/
.detail-box .tile {
  padding-bottom: 0; }

/*  $Label
    \*----------------------------------------------------------------------------*/
.detail-box__label {
  /* 1 */
  /* 2 */
  /* 3 */
  width: 17.14286rem ;
  font-weight: bold; }

/*  $Row
    \*----------------------------------------------------------------------------*/
.detail-box__row {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

/*  $Row-holder
        \*----------------------------------------------------------------------------*/
.detail-box__row-holder {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.detail-box__actions {
  text-align: right; }
  .detail-box__actions .detail-box__action {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.71429rem ; }
    .detail-box__actions .detail-box__action:last-child {
      margin-right: 0; }

/*  $Action
        \*----------------------------------------------------------------------------*/
.detail-box__action {
  display: inline-block;
  text-decoration: none; }

.detail-box__action__icon {
  display: inline-block;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.57143rem ;
  line-height: 1;
  line-height: 1; }

.detail-box__action__text {
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle; }

/*  $Add more
    \*----------------------------------------------------------------------------*/
.detail-box__add-more {
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  display: block; }

.detail-box__add-more__icon {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ;
  line-height: 1.83333;
  line-height: 1;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.42857rem ;
  display: inline-block;
  vertical-align: middle; }

.detail-box__add-more__text {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  display: inline-block;
  vertical-align: middle; }

/*  $Edit
    \*----------------------------------------------------------------------------*/
.detail-box__edit {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 3.14286rem ; }

/*----------------------------------------------------------------------------*\
    $Employee
\*----------------------------------------------------------------------------*/
/*  $Content
    \*----------------------------------------------------------------------------*/
.employee__content {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 3.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 3.14286rem ; }

/*  $Intro
    \*----------------------------------------------------------------------------*/
.employee__intro {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.57143rem ;
  line-height: 1;
  margin-bottom: 0;
  display: block; }

/*  $Tel
    \*----------------------------------------------------------------------------*/
.employee__tel {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.57143rem ;
  line-height: 1;
  display: block; }

/*  $Image
    \*----------------------------------------------------------------------------*/
.employee__image img {
  display: block; }

@media only screen and (min-width: 654px) {
  /*  $Content
    \*----------------------------------------------------------------------------*/
  .employee__content {
    float: right; } }

@media only screen and (min-width: 961px) {
  /*  $Content
    \*----------------------------------------------------------------------------*/
  .employee__content {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 6.28571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 6.28571rem ; } }

/*----------------------------------------------------------------------------*\
    $Spinner
\*----------------------------------------------------------------------------*/
/*  $Holder
    \*----------------------------------------------------------------------------*/
.spinner__holder {
  position: relative; }

/*  $Overlay
    \*----------------------------------------------------------------------------*/
.spinner__overlay {
  background: #e5eaf0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 2; }

/*  $Icon
    \*----------------------------------------------------------------------------*/
.spinner__icon {
  position: absolute;
  top: 150px;
  left: 50%;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -1.21429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -1.21429rem ;
  z-index: 3; }

/*----------------------------------------------------------------------------*\
    $Contact-person
\*----------------------------------------------------------------------------*/
/*  $Name
    \*----------------------------------------------------------------------------*/
.contact-person__name {
  margin-bottom: 0; }

/*  $Function
    \*----------------------------------------------------------------------------*/
.contact-person__function {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.42857rem ;
  display: block; }

@media only screen and (min-width: 654px) {
  /*  $Name
    \*----------------------------------------------------------------------------*/
  .contact-person__name {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 3.14286rem ; }
  /*  $Function
    \*----------------------------------------------------------------------------*/
  .contact-person__function {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375;
    font-style: italic;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 3.14286rem ;
    margin-top: 0;
    margin-bottom: 0; }
  .contact-person .detail-box__row {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.28571rem ; }
  .contact-person .detail-box__row-holder {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.14286rem ; }
  .contact-person .detail-box__label {
    /* 1 */
    /* 2 */
    /* 3 */
    width: 11.42857rem ; } }

/*----------------------------------------------------------------------------*\
    $Connection
\*----------------------------------------------------------------------------*/
.connection {
  position: relative; }

.connection__extended__section + .connection__extended__section {
  border-top: 2px solid #e6e6e6;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 2.35714rem ; }

.connection__extended__section p {
  margin-bottom: 0; }

.connection__extended__close {
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 0.78571rem ; }
  .connection__extended__close .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    line-height: 1; }

@media only screen and (min-width: 654px) {
  /*  $Extended
    \*----------------------------------------------------------------------------*/
  .connection__extended {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.78571rem ; }
    .connection__extended .dl-list {
      overflow: hidden; }
      .connection__extended .dl-list > li {
        width: 50%;
        float: left; }
        .connection__extended .dl-list > li.new-row {
          clear: left; } }

/*----------------------------------------------------------------------------*\
    $Breadcrumb
\*----------------------------------------------------------------------------*/
.breadcrumb {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.07143rem 0 ;
  display: none; }
  .breadcrumb ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .breadcrumb ul > li {
      display: inline-block;
      /* 1 */
      /* 2 */
      /* 3 */
      padding-right: 0.78571rem ; }
      .breadcrumb ul > li:before {
        content: '\E804';
        font-family: 'Fontello';
        /* 1 */
        /* 2 */
        /* 3 */
        padding-right: 0.78571rem ; }
      .breadcrumb ul > li:first-child:before {
        display: none; }
    .breadcrumb ul a {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 0.85714rem ;
      line-height: 1.83333;
      text-decoration: none; }
      .breadcrumb ul a:hover {
        text-decoration: underline; }
    .breadcrumb ul span {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 0.85714rem ;
      line-height: 1.83333;
      font-weight: bold; }

@media only screen and (min-width: 654px) {
  .breadcrumb {
    display: block; } }

/*----------------------------------------------------------------------------*\
    $Quote
\*----------------------------------------------------------------------------*/
.quote blockquote {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ;
  line-height: 1.83333;
  line-height: 1.286; }
  .quote blockquote cite {
    display: block; }

/*  $Meta
    \*----------------------------------------------------------------------------*/
.quote__meta {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }

/*  $Image
    \*----------------------------------------------------------------------------*/
.quote__image {
  height: 50px;
  width: 50px;
  display: block;
  border-radius: 50%;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.78571rem ;
  background: #e5eaf0;
  overflow: hidden; }
  .quote__image img {
    width: 100%;
    display: block; }

/*  $Function
    \*----------------------------------------------------------------------------*/
.quote__function {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  line-height: 1.25;
  display: inline-block;
  color: #999999; }

/*----------------------------------------------------------------------------*\
    $Comment-count
\*----------------------------------------------------------------------------*/
.comment-count {
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 0.78571rem ;
  z-index: 4449;
  background: url("../images/comment-count.png");
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2.28571rem ;
  overflow: hidden;
  text-align: center;
  color: #ffffff; }

/*----------------------------------------------------------------------------*\
    $Expert
\*----------------------------------------------------------------------------*/
.expert {
  position: relative;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 3.14286rem ;
  margin: 0 auto; }
  .expert:focus .expert__content, .expert:hover .expert__content {
    background: #ffd100; }
  .expert:focus .expert__info, .expert:hover .expert__info {
    opacity: 0; }
  .expert:focus .expert__social__link.is-center, .expert:hover .expert__social__link.is-center {
    /* 1 */
    /* 2 */
    /* 3 */
    top: 7.42857rem ;
    -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    will-change: transform; }
  .expert:focus .expert__social__link.is-left, .expert:hover .expert__social__link.is-left {
    /* 1 */
    /* 2 */
    /* 3 */
    top: 6.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    left: -0.71429rem ;
    margin: 0;
    -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    will-change: transform; }
  .expert:focus .expert__social__link.is-right, .expert:hover .expert__social__link.is-right {
    /* 1 */
    /* 2 */
    /* 3 */
    top: 6.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    right: -0.71429rem ;
    margin: 0;
    -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    will-change: transform; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.expert__content {
  position: relative;
  border-radius: 100%;
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 7.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 7.14286rem ;
  display: block;
  z-index: 3;
  transition: 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 0 auto; }

/*  $Image
    \*----------------------------------------------------------------------------*/
.expert__image {
  border-radius: 100%;
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 3; }
  .expert__image img {
    display: block; }

/*  $Social
    \*----------------------------------------------------------------------------*/
.expert__social {
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0.78571rem ;
  left: 0;
  width: 100%;
  z-index: 2; }

.expert__social__link {
  position: absolute;
  border-radius: 50%;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 2.5rem ;
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.07143rem ;
  line-height: 1.46667;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2.14286rem ;
  text-align: center; }
  .expert__social__link.is-center {
    left: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -1.07143rem ;
    transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .expert__social__link.is-left {
    left: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -1.07143rem ;
    transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .expert__social__link.is-right {
    right: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: -1.07143rem ;
    transition: 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .expert__social__link .icon:before {
    margin: 0;
    padding: 0; }

.expert__info {
  transition: 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 1;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.78571rem ;
  text-align: center; }
  .expert__info h2, .expert__info .h2 {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.21429rem ; }
  .expert__info .expert__dossier {
    display: block; }

/*  $Layer modifiers
    \*----------------------------------------------------------------------------*/
.layer--base-light-a .expert__social__link,
.layer--base-light-a .expert__content {
  background: #e5eaf0; }

/*----------------------------------------------------------------------------*\
    $Accordion
\*----------------------------------------------------------------------------*/
/*  $Item
    \*----------------------------------------------------------------------------*/
.accordion__item {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  background: #ffffff;
  display: block;
  position: relative;
  overflow: hidden;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0 1.57143rem 0 3.92857rem ;
  border: 1px solid #d9d9d9;
  transition: 0.3s;
  text-decoration: none;
  will-change: transform;
  cursor: pointer; }
  .accordion__item.is-active .accordion__item__count {
    background: #ffd100;
    color: #4d4d4d; }
  .accordion__item.is-active .accordion__item__title .icon {
    padding-top: 0;
    -ms-transform: rotate(-180deg);
        transform: rotate(-180deg); }

/*  $Title
        \*----------------------------------------------------------------------------*/
.accordion__item__title {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0.78571rem 0 ;
  display: block;
  position: relative; }
  .accordion__item__title .icon {
    position: absolute;
    top: 0;
    right: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 0.92857rem ;
    line-height: 1.69231;
    line-height: 1;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 0.21429rem ;
    margin: 0;
    transition: 0.3s; }
    .accordion__item__title .icon:before {
      margin: 0;
      padding: 0; }

/*  $Content
        \*----------------------------------------------------------------------------*/
.accordion__item__content {
  border-top: 1px solid #d9d9d9;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.78571rem ;
  display: none; }

/*  $Count
        \*----------------------------------------------------------------------------*/
.accordion__item__count {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2.35714rem ;
  text-align: center;
  background: #4d4d4d;
  color: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  transition: 0.3s;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.71429rem ; }

/*----------------------------------------------------------------------------*\
    $Expert-social
\*----------------------------------------------------------------------------*/
.expert-social {
  list-style: none;
  padding: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 1.57143rem 0 ; }
  .expert-social > li {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.57143rem ;
    display: inline-block; }

/*  $Link
    \*----------------------------------------------------------------------------*/
.expert-social__link {
  background: #e5eaf0;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.42857rem ;
  text-align: center;
  border-radius: 50%;
  transition: 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .expert-social__link:hover {
    background: #ffd100;
    color: #4d4d4d; }

/*----------------------------------------------------------------------------*\
    $Button-filter
\*----------------------------------------------------------------------------*/
.button-filter .button-filter__content {
  display: none; }

.button-filter.is-active .button-filter__content {
  display: block; }

/*  $List
    \*----------------------------------------------------------------------------*/
.button-filter__list {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 1.57143rem 0 ;
  padding: 0;
  list-style: none; }
  .button-filter__list > li {
    display: inline-block;
    vertical-align: top;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }

/*  $Toggle
    \*----------------------------------------------------------------------------*/
.button-filter__toggle {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  background: #ffffff;
  display: inline-block;
  box-shadow: 0 2px 0 #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  text-decoration: none;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  transition: 0.1s; }
  .button-filter__toggle.is-active, .button-filter__toggle:hover {
    box-shadow: none;
    -ms-transform: translateY(2px);
        transform: translateY(2px); }
  .button-filter__toggle.is-active {
    background: #bdd46a; }
  .button-filter__toggle.is-disabled {
    opacity: 0.5; }
    .button-filter__toggle.is-disabled:hover {
      box-shadow: 0 2px 0 #b6bfd2;
      -ms-transform: translateY(0px);
          transform: translateY(0px); }
    .button-filter__toggle.is-disabled.is-active:hover {
      box-shadow: none;
      -ms-transform: translateY(2px);
          transform: translateY(2px); }

/*  $Extend
    \*----------------------------------------------------------------------------*/
.button-filter__extend {
  background: #f0f3f6;
  text-align: center; }
  .button-filter__extend:hover .button-filter__faux-layer {
    /* 1 */
    /* 2 */
    /* 3 */
    height: 1.07143rem ; }
  .button-filter__extend.is-active .icon {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
  .button-filter__extend.is-active:hover .button-filter__faux-layer {
    /* 1 */
    /* 2 */
    /* 3 */
    height: 0.78571rem ; }

/*  $Faux-layer
        \*----------------------------------------------------------------------------*/
.button-filter__faux-layer {
  /* 1 */
  /* 2 */
  /* 3 */
  height: 0.78571rem ;
  background: #e5eaf0;
  transition: 0.3s; }

/*  $Button
        \*----------------------------------------------------------------------------*/
.button-filter__button {
  background: #e5eaf0;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.07143rem 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  line-height: 1;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0 0 0.14286rem 0.14286rem ;
  transition: 0.3s; }
  .button-filter__button .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 0.42857rem ;
    transition: 0.3s; }

/*----------------------------------------------------------------------------*\
    $Form-foldout
\*----------------------------------------------------------------------------*/
.form-foldout {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.form-foldout__toggle {
  display: inline-block; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.form-foldout__content {
  display: none; }

/*----------------------------------------------------------------------------*\
    $Checklist-buttons
\*----------------------------------------------------------------------------*/
.checklist-buttons {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .checklist-buttons label {
    font-weight: bold;
    color: #666666;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.42857rem ; }

/*  $List
    \*----------------------------------------------------------------------------*/
.checklist-buttons__list {
  list-style: none;
  padding: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 0 0 ; }
  .checklist-buttons__list > li {
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }

/*  $Toggle
    \*----------------------------------------------------------------------------*/
.checklist-buttons__toggle {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  background: #ffffff;
  display: inline-block;
  box-shadow: 0 2px 0 #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  text-decoration: none;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  line-height: 1.375;
  transition: 0.1s;
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 7.14286rem ; }
  .checklist-buttons__toggle.is-active, .checklist-buttons__toggle:hover {
    box-shadow: none;
    -ms-transform: translateY(2px);
        transform: translateY(2px); }
  .checklist-buttons__toggle.is-active {
    background: #bdd46a; }

/*  $Checkbox
    \*----------------------------------------------------------------------------*/
.checklist-buttons__checkbox {
  display: none; }

/*----------------------------------------------------------------------------*\
    $Invoice search
\*----------------------------------------------------------------------------*/
.invoice-search {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }
  .invoice-search label {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.71429rem ;
    line-height: 1.83333;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.28571rem ;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif; }

/*  $Field
    \*----------------------------------------------------------------------------*/
.invoice-search__field {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 25.28571rem ; }
  .invoice-search__field input {
    border-radius: 8px;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.07143rem 1.57143rem ; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.invoice-search__button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: none;
  border: none;
  border-radius: 8px;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0 1rem ; }
  .invoice-search__button .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.42857rem ;
    line-height: 1.1;
    line-height: 1; }
  .invoice-search__button.is-active {
    background: #b6bfd2;
    color: #ffffff;
    border-radius: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 0.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 0.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: 0.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 0.21429rem ; }
    .invoice-search__button.is-active .icon {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.28571rem ;
      line-height: 1.22222;
      line-height: 1; }

@media only screen and (min-width: 654px) {
  .invoice-search {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; }
    .invoice-search label {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 2rem ;
      line-height: 1.57143; } }

/*----------------------------------------------------------------------------*\
    $Invoice filter
\*----------------------------------------------------------------------------*/
.invoice-filter {
  margin-bottom: 0; }

/*  $Toggle
    \*----------------------------------------------------------------------------*/
.invoice-filter__toggle {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.85714rem 1.57143rem ;
  text-align: center;
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  cursor: pointer;
  display: block;
  background: #4d4d4d;
  border: 1px solid #666666;
  color: #ffffff;
  border-radius: 8px; }
  .invoice-filter__toggle.is-active {
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #4d4d4d; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.invoice-filter__content {
  display: none;
  background: #4d4d4d;
  border: 1px solid #666666;
  border-top: none;
  border-radius: 0 0 8px 8px;
  overflow: hidden; }
  .invoice-filter__content.is-active {
    display: block; }

/*  $Section
    \*----------------------------------------------------------------------------*/
.invoice-filter__section {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.28571rem 1.57143rem 0 1.57143rem ;
  border-top: 1px solid #666666; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.invoice-filter__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  border-top: 1px solid #666666;
  text-align: center; }

/*  $Delete
    \*----------------------------------------------------------------------------*/
.invoice-filter__delete {
  color: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 1.57143rem ;
  display: inline-block; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.invoice-filter__section__title {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.42857rem ;
  color: #ffffff; }

@media only screen and (min-width: 654px) {
  .invoice-filter {
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ;
    text-align: left;
    position: relative; }
  /*  $Holder
        \*----------------------------------------------------------------------------*/
  .invoice-filter__holder {
    text-align: right; }
  /*  $Content
        \*----------------------------------------------------------------------------*/
  .invoice-filter__content {
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 3.35714rem ;
    right: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    min-width: 22.85714rem ;
    z-index: 100;
    border-radius: 8px 0 8px 8px; }
  /*  $Section
        \*----------------------------------------------------------------------------*/
  .invoice-filter__section:first-child {
    border-top: none;
    overflow: hidden; } }

/*----------------------------------------------------------------------------*\
    $Invoice overview
\*----------------------------------------------------------------------------*/
.invoice-overview {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 ;
  /* 1 */
  /* 2 */
  /* 3 */
  min-height: 15.71429rem ;
  text-align: center;
  position: relative; }
  .invoice-overview.is-loading .invoice-overview__content {
    opacity: 0.3; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.invoice-overview__content {
  transition: 0.3s;
  opacity: 1; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.invoice-overview__actions {
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 ; }
  .invoice-overview__actions .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 0.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.42857rem ;
    line-height: 1.1;
    line-height: 1;
    vertical-align: top; }

/*  $End
    \*----------------------------------------------------------------------------*/
.invoice-overview__end {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 3.14286rem 0 1.57143rem 0 ; }
  .invoice-overview__end > *:last-child {
    margin-bottom: 0; }

/*----------------------------------------------------------------------------*\
    $User-bar
\*----------------------------------------------------------------------------*/
.user-bar {
  position: relative;
  z-index: 999; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.user-bar__button {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

@media only screen and (min-width: 654px) {
  /*  $Button
    \*----------------------------------------------------------------------------*/
  .user-bar__button {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; } }

/*----------------------------------------------------------------------------*\
    $User-select
\*----------------------------------------------------------------------------*/
.user-select {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  max-width: 100%;
  text-align: left; }
  .user-select.is-active .user-select__overlay {
    opacity: 1;
    display: block; }
  .user-select.is-active .user-select__toggle {
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #ffffff; }
    .user-select.is-active .user-select__toggle:after {
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
  .user-select.is-active .user-select__content {
    display: block; }

/*  $Dropdown
    \*----------------------------------------------------------------------------*/
.user-select__dropdown .user-select__item {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ; }

.user-select__dropdown .user-select__legend {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ; }

/*  $Label
    \*----------------------------------------------------------------------------*/
.user-select__label {
  font-weight: bold;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.78571rem ;
  color: #4d4d4d; }

/*  $Toggle
    \*----------------------------------------------------------------------------*/
.user-select__toggle {
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: background 0.1s, color 0.1s;
  color: #4d4d4d;
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.85714rem 3.71429rem 0.85714rem 1.57143rem ;
  border: 1px solid #dddddd;
  text-align: left;
  z-index: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  width: 100%; }
  .user-select__toggle:after {
    content: "";
    background-image: url("../images/arrow-down-dark.png");
    /* 1 */
    /* 2 */
    /* 3 */
    height: 0.5rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1rem ;
    display: block;
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 1.35714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 1.57143rem ;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.user-select__content {
  display: none;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0 0 8px 8px;
  text-align: left;
  position: relative;
  right: 0;
  z-index: 1;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.07143rem ; }

/*  $List
    \*----------------------------------------------------------------------------*/
.user-select__list {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0; }

/*  $Legend
    \*----------------------------------------------------------------------------*/
.user-select__legend {
  font-weight: bold;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ; }

/*  $Item
    \*----------------------------------------------------------------------------*/
.user-select__item {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  border-top: 1px solid #dddddd;
  transition: 0.3s; }
  .user-select__item:hover {
    background: #fafbfc; }
  .user-select__item.is-active {
    background: #f0f3f6; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.user-select__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.78571rem ;
  text-align: left; }

.user-select__selected {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.78571rem ; }

/*  $Overlay
    \*----------------------------------------------------------------------------*/
.user-select__overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: 0.3s;
  display: none; }

@media only screen and (min-width: 654px) {
  .user-select {
    text-align: right; }
  /*  $Toggle
    \*----------------------------------------------------------------------------*/
  .user-select__toggle {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 22.85714rem ;
    width: auto; }
  /*  $Content
    \*----------------------------------------------------------------------------*/
  .user-select__content {
    border-radius: 8px 0 8px 8px; }
  /*  $Actions
    \*----------------------------------------------------------------------------*/
  .user-select__actions {
    padding-top: 0;
    text-align: right; } }

/*----------------------------------------------------------------------------*\
    $Cmo-login
\*----------------------------------------------------------------------------*/
/*  $Field
    \*----------------------------------------------------------------------------*/
.cmo-login__field.form__field {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .cmo-login__field.form__field:after {
    position: absolute;
    content: "-";
    top: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    right: -1.21429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.71429rem ;
    line-height: 1.83333;
    line-height: 38px; }
  .cmo-login__field.form__field input[type="text"] {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 0.64286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.64286rem ; }

/*  $A
        \*----------------------------------------------------------------------------*/
.cmo-login__field--a.form__field {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 7.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.57143rem ; }
  .cmo-login__field--a.form__field input[type="text"] {
    text-align: right; }

/*  $B
        \*----------------------------------------------------------------------------*/
.cmo-login__field--b.form__field {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 3.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.57143rem ; }

/*  $C
        \*----------------------------------------------------------------------------*/
.cmo-login__field--c.form__field {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2.71429rem ; }
  .cmo-login__field--c.form__field:after {
    display: none; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.cmo-login__button {
  width: 100%;
  margin-bottom: 0 !important;
  text-align: center;
  transition: 0.3s; }

@media only screen and (min-width: 961px) {
  .cmo-login .form__row,
  .cmo-login .form__actions {
    display: inline-block; }
  .cmo-login .form__actions {
    overflow: visible; }
  /*  $Field
        \*----------------------------------------------------------------------------*/
  .cmo-login__field.form__field {
    margin-bottom: 0; }
  /*  $C
            \*----------------------------------------------------------------------------*/
  .cmo-login__field--c.form__field {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.78571rem ; }
  /*  $Button
        \*----------------------------------------------------------------------------*/
  .cmo-login__button {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 0.71429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 0.64286rem ;
    width: auto; } }

/*----------------------------------------------------------------------------*\
    $Cmo-profile
\*----------------------------------------------------------------------------*/
.cmo-profile {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ; }
  .cmo-profile.is-active .cmo-profile__toggle {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
  .cmo-profile.is-active .cmo-profile__content {
    display: block; }

/*  $Header
    \*----------------------------------------------------------------------------*/
.cmo-profile__header {
  display: block;
  cursor: pointer; }

/*  $Toggle
        \*----------------------------------------------------------------------------*/
.cmo-profile__toggle {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  transition: 0.3s; }

/*  $Holder
            \*----------------------------------------------------------------------------*/
.cmo-profile__toggle__holder {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.78571rem ; }

/*  $Address
        \*----------------------------------------------------------------------------*/
.cmo-profile__address {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }
  .cmo-profile__address span {
    display: block; }

/*  $Title
            \*----------------------------------------------------------------------------*/
.cmo-profile__address__title {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222; }

/*  $Choice
        \*----------------------------------------------------------------------------*/
.cmo-profile__choice {
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ; }
  .cmo-profile__choice.is-accept .cmo-profile__choice__content {
    color: #80982c; }
  .cmo-profile__choice.is-deny .cmo-profile__choice__content {
    color: #fd7775; }

/*  $Label
            \*----------------------------------------------------------------------------*/
.cmo-profile__choice__label {
  margin-bottom: 0; }

/*  $Content
            \*----------------------------------------------------------------------------*/
.cmo-profile__choice__content .icon {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1; }
  .cmo-profile__choice__content .icon:before {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    line-height: 1; }

.cmo-profile__choice__content p {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.cmo-profile__content {
  display: none; }

/*  $Address-details
        \*----------------------------------------------------------------------------*/
.cmo-profile__address-details {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.78571rem ;
  background: #f1f1f1;
  border: 1px solid #e6e6e6;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ; }
  .cmo-profile__address-details .dl-list {
    margin-bottom: 0; }
    .cmo-profile__address-details .dl-list > li {
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 0.78571rem ;
      border-bottom: 1px dotted #b6bfd2;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-left: 0.78571rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 0.78571rem ;
      margin-bottom: 0; }
      .cmo-profile__address-details .dl-list > li:first-child {
        margin-left: 0;
        margin-right: 0;
        /* 1 */
        /* 2 */
        /* 3 */
        padding-left: 1.57143rem ;
        /* 1 */
        /* 2 */
        /* 3 */
        padding-right: 1.57143rem ;
        border-bottom: 1px solid #d6dbe5; }
      .cmo-profile__address-details .dl-list > li:last-child {
        border-bottom: none; }

/*  $Icon
            \*----------------------------------------------------------------------------*/
.cmo-profile__address-details__icon {
  color: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ;
  line-height: 1.83333;
  line-height: 1;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.78571rem ; }
  .cmo-profile__address-details__icon:before {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.71429rem ;
    line-height: 1.83333;
    line-height: 1;
    margin-left: 0; }

/*  $Status
    \*----------------------------------------------------------------------------*/
.cmo-profile__status {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 0.78571rem 0.78571rem 1rem ;
  background: #4d4d4d; }
  .cmo-profile__status p {
    margin-bottom: 0;
    font-weight: bold;
    color: #ffffff; }
  .cmo-profile__status .icon {
    color: #ffd100;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 1.5rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    line-height: 1; }
    .cmo-profile__status .icon:before {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.28571rem ;
      line-height: 1.22222;
      line-height: 1; }

@media only screen and (min-width: 654px) {
  /*  $Toggle
            \*----------------------------------------------------------------------------*/
  .cmo-profile__toggle {
    margin-bottom: 0; }
  /*  $Address
            \*----------------------------------------------------------------------------*/
  .cmo-profile__address {
    margin-bottom: 0; }
  /*  $Label
                \*----------------------------------------------------------------------------*/
  .cmo-profile__choice__label {
    text-align: right; }
  /*  $Content
                \*----------------------------------------------------------------------------*/
  .cmo-profile__choice__content {
    text-align: right; } }

/*----------------------------------------------------------------------------*\
    $Choice
\*----------------------------------------------------------------------------*/
/*  $Item
    \*----------------------------------------------------------------------------*/
.cmo-choice__item {
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.14286rem 1.57143rem 1.42857rem 1.57143rem ;
  display: block;
  cursor: pointer;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  transition: 0.1s;
  text-decoration: none; }
  .cmo-choice__item p {
    transition: 0.1s;
    margin-bottom: 0; }

/*  $Positive
        \*----------------------------------------------------------------------------*/
.cmo-choice__item--positive {
  border: 1px solid #80982c; }
  .cmo-choice__item--positive:hover {
    background: #e7efc9; }
    .cmo-choice__item--positive:hover p {
      color: #80982c; }
  .cmo-choice__item--positive .cmo-choice__title {
    color: #80982c; }

/*  $Negative
        \*----------------------------------------------------------------------------*/
.cmo-choice__item--negative {
  border: 1px solid #fd7775; }
  .cmo-choice__item--negative:hover {
    background: #fff8f8; }
    .cmo-choice__item--negative:hover p {
      color: #fd7775; }
  .cmo-choice__item--negative .cmo-choice__title {
    color: #fd7775; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.cmo .cmo-choice__title {
  font-family: "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }
  .cmo .cmo-choice__title .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    line-height: 1; }
    .cmo .cmo-choice__title .icon:before {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.28571rem ;
      line-height: 1.22222;
      line-height: 1; }

/*----------------------------------------------------------------------------*\
    $Cmo-situation-select
\*----------------------------------------------------------------------------*/
/*  $Header
    \*----------------------------------------------------------------------------*/
.cmo-situation-select__header {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Item
        \*----------------------------------------------------------------------------*/
.cmo-situation-select__item {
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.14286rem 1.57143rem ;
  display: block;
  cursor: pointer;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  transition: 0.1s;
  line-height: 1.1;
  border: 1px solid #b6bfd2; }
  .cmo-situation-select__item input[type="radio"]:checked + .cmo-situation-select__title {
    color: #4d4d4d; }

/*  $Title
        \*----------------------------------------------------------------------------*/
.cmo .cmo-situation-select__title {
  font-family: "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  line-height: 1.1;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.78571rem ;
  margin-bottom: 0;
  vertical-align: middle;
  color: #999999; }

/*----------------------------------------------------------------------------*\
    $Planningtool-login
\*----------------------------------------------------------------------------*/
/*  $Button
    \*----------------------------------------------------------------------------*/
.planningtool-login__button {
  width: 100%;
  text-align: center; }

.redesign .planningtool-login .form__input {
  min-width: 100%; }

/*----------------------------------------------------------------------------*\
    $Planningtool-address
\*----------------------------------------------------------------------------*/
/*  $Header
    \*----------------------------------------------------------------------------*/
.planningtool-address__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .planningtool-address__header h5, .planningtool-address__header .h5 {
    font-weight: 500; }

/*  $Street, Location, Postalcode
    \*----------------------------------------------------------------------------*/
.planningtool-address__street,
.planningtool-address__location,
.planningtool-address__postalcode {
  display: block; }

/*  $Help
    \*----------------------------------------------------------------------------*/
.planningtool-address__help {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -0.28571rem ;
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ;
  line-height: 1.83333;
  line-height: 1;
  display: block;
  color: #4d4d4d; }

.redesign .planningtool-address__help {
  color: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ;
  line-height: 1.83333;
  margin-top: -15px; }

/*----------------------------------------------------------------------------*\
    $Planningtool-appointment
\*----------------------------------------------------------------------------*/
/*  $Wrapper
    \*----------------------------------------------------------------------------*/
.planningtool-appointment__wrapper {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -1rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: -1rem ; }

/*  $Date-holder
    \*----------------------------------------------------------------------------*/
.planningtool-appointment__date-holder {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0.57143rem 0 ; }

/*  $Date
    \*----------------------------------------------------------------------------*/
.planningtool-appointment__date {
  display: block;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-size: 22px;
  color: #4d4d4d;
  line-height: 1.25; }

/*  $Time
    \*----------------------------------------------------------------------------*/
.planningtool-appointment__time {
  display: block;
  color: #999999; }
  .planningtool-appointment__time em {
    font-style: normal;
    font-weight: bold;
    color: #4d4d4d; }

/*  $Icon
    \*----------------------------------------------------------------------------*/
.planningtool-appointment__icon {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  font-size: 34px;
  color: #4d4d4d; }

/*  $Notification
    \*----------------------------------------------------------------------------*/
.planningtool-appointment__notification {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }

@media only screen and (min-width: 654px) {
  /*  $Tile
    \*----------------------------------------------------------------------------*/
  .planningtool-appointment__tile {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem ; }
  /*  $Date-holder
    \*----------------------------------------------------------------------------*/
  .planningtool-appointment__date-holder {
    margin-bottom: 0; }
  /*  $Icon
    \*----------------------------------------------------------------------------*/
  .planningtool-appointment__icon {
    margin-bottom: 0; } }

/*----------------------------------------------------------------------------*\
    $Planningtool-confirmation
\*----------------------------------------------------------------------------*/
.planningtool-confirmation {
  display: none; }
  .planningtool-confirmation.is-active {
    display: block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 1.57143rem ; }
  .planningtool-confirmation .radio__holder .radio:last-child {
    margin-bottom: 0; }
  .planningtool-confirmation .form__row {
    margin-top: 30px; }
    .planningtool-confirmation .form__row .form__group {
      margin-bottom: 0; }
  .planningtool-confirmation .accept-terms-checkbox {
    margin-top: 0; }
    .planningtool-confirmation .accept-terms-checkbox a {
      font-weight: 400;
      text-decoration: underline; }
    @media only screen and (min-width: 961px) {
      .planningtool-confirmation .accept-terms-checkbox {
        margin-top: 12px; } }
  .planningtool-confirmation .form__general-help {
    text-align: left; }
    @media only screen and (min-width: 961px) {
      .planningtool-confirmation .form__general-help {
        text-align: center; } }

/*----------------------------------------------------------------------------*\
    $Planningtool reschedule highlight
\*----------------------------------------------------------------------------*/
.planningtool-reschedule-highlight {
  text-align: center; }
  .planningtool-reschedule-highlight h2, .planningtool-reschedule-highlight .h2 {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 1.57143rem ; }

/*----------------------------------------------------------------------------*\
    $Loading-box
\*----------------------------------------------------------------------------*/
@keyframes loadingBoxSpin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    transform: translate(-50%, -50%) rotate(359deg); } }

.loading-box {
  position: relative; }
  .loading-box img {
    display: block; }
  .loading-box:before {
    content: "";
    /* 1 */
    /* 2 */
    /* 3 */
    height: 3.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 3.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.57143rem ;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.7);
    line-height: 1; }
  .loading-box:after {
    content: "\e80e";
    color: #4d4d4d;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.42857rem ;
    line-height: 1.1;
    font-family: "fontello";
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    animation: loadingBoxSpin 0.8s infinite linear; }

/*----------------------------------------------------------------------------*\
    $Pulldown-card
\*----------------------------------------------------------------------------*/
.pulldown-card.is-active .pulldown-card__content {
  display: block; }

/*  $Header
    \*----------------------------------------------------------------------------*/
.pulldown-card__header {
  cursor: pointer;
  position: relative;
  z-index: 2;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1rem 1rem 0.57143rem 1rem ;
  margin-bottom: 0; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.pulldown-card__content {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.35714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.35714rem ;
  width: auto;
  position: relative;
  z-index: 1;
  display: none; }

/*  $Visual
        \*----------------------------------------------------------------------------*/
.pulldown-card__visual {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  position: relative;
  padding-bottom: 56.23%;
  /* 16:9 */
  height: 0;
  animation-duration: 1s;
  animation-name: pulseBackground;
  animation-iteration-count: infinite;
  animation-direction: alternate; }
  .pulldown-card__visual + .pulldown-card__notification {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -1.57143rem ; }
  .pulldown-card__visual iframe,
  .pulldown-card__visual img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@keyframes pulseBackground {
  from {
    background: #e6e6e6; }
  to {
    background: #cdcdcd; } }

/*  $Notification
        \*----------------------------------------------------------------------------*/
.pulldown-card__notification {
  background: #feed79;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -1.64286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -1.64286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.64286rem 1.57143rem ;
  border: 1px solid #fee53c; }
  .pulldown-card__notification > *:last-child {
    margin-bottom: 0; }

/*  $Section
        \*----------------------------------------------------------------------------*/
.pulldown-card__section {
  border-bottom: 1px solid #e6e6e6;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0 1.57143rem ; }
  .pulldown-card__section > *:last-child {
    margin-bottom: 0; }

/*  $List
        \*----------------------------------------------------------------------------*/
.pulldown-card__list {
  list-style: none;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -0.78571rem ; }
  .pulldown-card__list > li {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.78571rem ;
    border-top: 1px dashed #e6e6e6; }
    .pulldown-card__list > li:first-child {
      border-top: none;
      padding-top: 0; }
    .pulldown-card__list > li > *:last-child {
      margin-bottom: 0; }

/*  $Toggle
        \*----------------------------------------------------------------------------*/
.pulldown-card__toggle {
  width: 100%;
  text-align: center; }

/*----------------------------------------------------------------------------*\
    $Definition
\*----------------------------------------------------------------------------*/
/*  $Icon
    \*----------------------------------------------------------------------------*/
.definition__icon {
  color: #b6bfd2; }

/*  $Name
    \*----------------------------------------------------------------------------*/
.definition__name {
  font-weight: bold;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  font-family: "Arial", "Helvetica", sans-serif;
  line-height: 22px;
  margin-bottom: 0; }

/*  $Value
    \*----------------------------------------------------------------------------*/
.definition__value {
  font-style: italic;
  margin-bottom: 0; }

/*----------------------------------------------------------------------------*\
    $Outage-detail-summary
\*----------------------------------------------------------------------------*/
/*  $Title
    \*----------------------------------------------------------------------------*/
.outage-detail-summary__title {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.28571rem ; }

/*  $Icon
    \*----------------------------------------------------------------------------*/
@media only screen and (min-width: 654px) {
  .outage-detail-summary__icon-holder {
    width: 75px; } }

.outage-detail-summary__icon {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.5rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.5rem ; }
  @media only screen and (min-width: 654px) {
    .outage-detail-summary__icon {
      float: right; } }

/*  $Updated
    \*----------------------------------------------------------------------------*/
.outage-detail-summary__updated {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  line-height: 18px;
  margin-bottom: 0;
  color: #999999; }

/*  $Distance
    \*----------------------------------------------------------------------------*/
.outage-detail-summary__distance {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  line-height: 18px;
  color: #4d4d4d;
  font-family: "Arial", "Helvetica", sans-serif;
  margin-bottom: 0;
  display: block;
  text-align: right;
  font-weight: bold; }

/*  $Toggle
    \*----------------------------------------------------------------------------*/
.outage-detail-summary__toggle {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  line-height: 18px;
  display: block;
  text-align: right;
  color: #999999 !important; }
  .outage-detail-summary__toggle .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1rem ;
    line-height: 1.57143;
    line-height: 18px;
    vertical-align: top;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.14286rem ; }

@media only screen and (min-width: 654px) {
  .outage-detail-summary {
    text-rendering: optimizespeed;
    font-size: 0;
    padding: 0;
    list-style: none;
    text-align: left; } }

/*----------------------------------------------------------------------------*\
    $Outage-filter
\*----------------------------------------------------------------------------*/
.outage-filter {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .outage-filter.is-active .outage-filter__toggle {
    border-radius: 8px 8px 0 0; }
  .outage-filter.is-active .outage-filter__content {
    display: block !important; }

/*  $Toggle
    \*----------------------------------------------------------------------------*/
.outage-filter__toggle {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.85714rem 1.57143rem 0.85714rem 1.21429rem ;
  text-align: center;
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  cursor: pointer;
  display: block;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 8px; }
  .outage-filter__toggle .icon:before {
    margin-left: 0; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.outage-filter__content {
  display: none;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-top: none;
  border-radius: 0 0 8px 8px; }

/*  $Section
    \*----------------------------------------------------------------------------*/
.outage-filter__section {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  border-top: 1px solid #e6e6e6; }
  .outage-filter__section:first-child {
    border-top: none; }
  .outage-filter__section .form__field {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }
    .outage-filter__section .form__field:last-child {
      margin-bottom: 0; }
  .outage-filter__section .button {
    width: 100%; }

/*  $Title
        \*----------------------------------------------------------------------------*/
.outage-filter__section__title {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.25;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  display: block; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.outage-filter__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  border-top: 1px solid #e6e6e6; }
  .outage-filter__actions .button {
    width: 100%; }

@media only screen and (min-width: 654px) {
  .outage-filter {
    position: relative;
    text-align: right; }
    .outage-filter + .js--tabs__holder,
    .outage-filter + .outage-tabs {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-top: -5rem ; }
  .outage-filter__toggle {
    display: inline-block; }
  .outage-filter__content {
    background: #ffffff;
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 9999;
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 21.42857rem ;
    text-align: left;
    border-radius: 8px 0 8px 8px; } }

/*----------------------------------------------------------------------------*\
    $Outage-location
\*----------------------------------------------------------------------------*/
.outage-location .zipcode-check .parsley-errors-list.filled {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.14286rem ; }
  .outage-location .zipcode-check .parsley-errors-list.filled li {
    color: #ffffff; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.outage-location__title {
  color: #ffd100;
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 2rem ;
  line-height: 1.57143;
  line-height: 1.25;
  margin-bottom: 0; }

/*  $Intro
    \*----------------------------------------------------------------------------*/
.outage-location__intro {
  color: #ffffff;
  text-align: center; }

/*  $All
    \*----------------------------------------------------------------------------*/
.outage-location__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  color: #ffffff;
  text-align: center; }

@media only screen and (min-width: 654px) {
  .outage-location .location-define {
    text-align: left;
    margin-left: 0; }
  /*  $Section
    \*----------------------------------------------------------------------------*/
  .outage-location__section {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover; }
  /*  $Title
    \*----------------------------------------------------------------------------*/
  .outage-location__title {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 3.14286rem ;
    line-height: 1;
    color: #ffffff;
    line-height: 1.25;
    text-align: left;
    font-weight: 500;
    text-transform: uppercase; }
  /*  $Intro
    \*----------------------------------------------------------------------------*/
  .outage-location__intro {
    text-align: left;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 2rem ;
    line-height: 1.57143;
    line-height: 1.25;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -0.42857rem ; }
  /*  $All
    \*----------------------------------------------------------------------------*/
  .outage-location__actions {
    text-align: left; } }

/*----------------------------------------------------------------------------*\
    $Outage-disclaimer
\*----------------------------------------------------------------------------*/
.outage-disclaimer {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  font-style: italic; }
  .outage-disclaimer p {
    max-width: 40em; }
  .outage-disclaimer.outage-disclaimer {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -0.78571rem ; }

/*----------------------------------------------------------------------------*\
    $Location-define
\*----------------------------------------------------------------------------*/
.location-define {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.78571rem ;
  text-align: center; }

/*  $Trigger
    \*----------------------------------------------------------------------------*/
.location-define__trigger {
  width: 100%;
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 19.71429rem ;
  color: #666666;
  background: #e5eaf0; }
  .location-define__trigger:hover {
    background: #c5d0dd; }
    .location-define__trigger:hover[disabled] {
      background: #e5eaf0; }

@media only screen and (min-width: 654px) {
  .location-define__trigger {
    background: #4d4d4d;
    color: #ffffff; }
    .location-define__trigger:hover {
      background: #343434; }
      .location-define__trigger:hover[disabled] {
        background: #e5eaf0; } }

/*----------------------------------------------------------------------------*\
    $Sticky-block
\*----------------------------------------------------------------------------*/
.sticky-block {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999; }

/*  $Light
    \*----------------------------------------------------------------------------*/
.sticky-block--light {
  box-shadow: 0 2px 10px #4d4d4d; }
  .sticky-block--light .sticky-block__header {
    background: #ffffff;
    border-bottom: 1px solid #e5eaf0; }
  .sticky-block--light .sticky-block__title {
    color: #4d4d4d; }
  .sticky-block--light .sticky-block__content {
    background: #ffffff;
    text-align: left; }
    .sticky-block--light .sticky-block__content p {
      color: #4d4d4d; }
    .sticky-block--light .sticky-block__content ol {
      margin-bottom: 0; }

/*  $Header
    \*----------------------------------------------------------------------------*/
.sticky-block__header {
  background: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ;
  cursor: pointer;
  text-align: center;
  border-bottom: 1px solid #666666; }

/*  $Title
        \*----------------------------------------------------------------------------*/
.sticky-block__title {
  color: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  margin-bottom: 0; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.sticky-block__content {
  background: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  text-align: center;
  display: none; }
  .sticky-block__content p {
    color: #ffffff; }

@media only screen and (min-width: 961px) {
  .sticky-block {
    position: relative;
    top: 0;
    bottom: auto;
    left: auto;
    z-index: 1; }
  /*  $Light
        \*----------------------------------------------------------------------------*/
  .sticky-block--light {
    box-shadow: none; }
  /*  $Header
        \*----------------------------------------------------------------------------*/
  .sticky-block__header {
    text-align: left;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #e5eaf0;
    cursor: default; }
  /*  $Title
        \*----------------------------------------------------------------------------*/
  .sticky-block__title .icon-circle {
    display: none; }
  /*  $Content
    \*----------------------------------------------------------------------------*/
  .sticky-block__content {
    display: block !important;
    text-align: left;
    border-radius: 0 0 8px 8px;
    background: #ffffff; }
    .sticky-block__content p {
      color: #4d4d4d; } }

/*----------------------------------------------------------------------------*\
    $Legend
\*----------------------------------------------------------------------------*/
.legend {
  list-style: none;
  text-align: left;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0.78571rem 0 1.57143rem 0 ; }
  .legend > li {
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.57143rem ; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.legend__title {
  display: inline-block;
  vertical-align: middle; }

/*  $Icon
    \*----------------------------------------------------------------------------*/
.legend__icon {
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.14286rem ;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.14286rem ; }
  .legend__icon.is-unsolved {
    background: #fd817f; }
  .legend__icon.is-solved {
    background: #bdd46a; }

/*----------------------------------------------------------------------------*\
    $Top-links
\*----------------------------------------------------------------------------*/
/*  $Item
    \*----------------------------------------------------------------------------*/
.top-links__item {
  background: #ffffff;
  color: #4d4d4d;
  position: relative;
  display: table;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 5.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.28571rem 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  text-decoration: none;
  transition: transform 0.2s; }
  .top-links__item:hover {
    -ms-transform: scale(1.05);
        transform: scale(1.05); }
    .top-links__item:hover .top-links__icon {
      background: #ffdc3d; }

/*  $Text
    \*----------------------------------------------------------------------------*/
.top-links__text {
  display: table-cell;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 3.14286rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.1; }

/*  $Icon
    \*----------------------------------------------------------------------------*/
.top-links__icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: #ffd100;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0 0.14286rem 0.14286rem 0 ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 3.14286rem ;
  transition: background 0.2s; }
  .top-links__icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%); }

/*  $Masthead is-homepage modifier
    \*----------------------------------------------------------------------------*/
.masthead.is-homepage .top-links {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: -0.78571rem ; }

@media only screen and (min-width: 654px) {
  .masthead.is-homepage .top-links {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: -1.57143rem ; }
  .top-links__item {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; } }

/*----------------------------------------------------------------------------*\
    $Accordion-tabs
\*----------------------------------------------------------------------------*/
.accordion-tabs {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .accordion-tabs:after {
    content: "";
    display: table;
    clear: both; }
  .accordion-tabs.is-tabs .accordion-tabs__title {
    float: left;
    background: whitesmoke;
    border: 1px solid whitesmoke;
    border-bottom: 1px solid #e6e6e6; }
    .accordion-tabs.is-tabs .accordion-tabs__title.is-active {
      background: #ffffff;
      font-weight: 400;
      border: 1px solid #e6e6e6;
      border-bottom: 1px solid #ffffff; }
    .accordion-tabs.is-tabs .accordion-tabs__title:after {
      content: ""; }
    .accordion-tabs.is-tabs .accordion-tabs__title:first-child {
      /* 1 */
      /* 2 */
      /* 3 */
      border-radius: 0.57143rem 0 0 0 ; }
  .accordion-tabs.is-tabs .accordion-tabs__content {
    float: right;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 3.5rem ;
    margin-left: -100%;
    width: 100%;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0 0.57143rem 0.57143rem 0.57143rem ;
    border: 1px solid #e6e6e6;
    box-shadow: 0 1px 0 #b6bfd2;
    background: #ffffff; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.accordion-tabs__title {
  position: relative;
  z-index: 3;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1rem 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.42857rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  border: 1px solid #e6e6e6;
  border-top: none;
  color: #4d4d4d;
  background: #ffffff;
  display: block;
  cursor: pointer; }
  .accordion-tabs__title:first-child {
    border: 1px solid #e6e6e6; }
  .accordion-tabs__title:after {
    content: "\e805";
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    /* 1 */
    /* 2 */
    /* 3 */
    right: 1.57143rem ;
    line-height: 1;
    font-family: 'fontello';
    color: #999999;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375;
    line-height: 1; }
  .accordion-tabs__title.is-active {
    font-weight: 500; }
    .accordion-tabs__title.is-active:after {
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); }

/*  $Content
    \*----------------------------------------------------------------------------*/
.accordion-tabs__content {
  position: relative;
  z-index: 2;
  display: none;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  margin-left: 0;
  border: 1px solid #dddddd;
  border-top: none;
  background: #f9f9f9; }
  .accordion-tabs__content.is-active {
    display: block; }

.redesign .accordion-tabs__title {
  background-color: #f7f7f7;
  padding: 20px 52px 20px 32px;
  margin-bottom: 5px;
  border: 0; }
  .redesign .accordion-tabs__title:after {
    content: "\e83A";
    background-color: white;
    border-radius: 2px;
    color: #4d4d4d;
    font-size: 11px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px; }
  .redesign .accordion-tabs__title.is-active:after {
    background-color: #0794E5;
    color: white; }

.redesign .accordion-tabs__content {
  background: white;
  border: 0;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  color: #4d4d4d; }

/*----------------------------------------------------------------------------*\
    $Widget-loader
\*----------------------------------------------------------------------------*/
@keyframes widgetSpin {
  0% {
    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
  100% {
    transform: translateX(-50%) translateY(-50%) rotate(359deg); } }

.widget-loader {
  /* 1 */
  /* 2 */
  /* 3 */
  min-height: 4.71429rem ;
  position: relative;
  z-index: 5; }
  .widget-loader:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffff;
    z-index: 1; }
  .widget-loader:after {
    content: "\e80e";
    font-family: 'fontello';
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    animation: widgetSpin 0.8s infinite linear;
    z-index: 2; }
  .widget-loader.is-loaded {
    min-height: auto; }
    .widget-loader.is-loaded:before, .widget-loader.is-loaded:after {
      display: none; }

/*----------------------------------------------------------------------------*\
    $Location-block
\*----------------------------------------------------------------------------*/
.location-block {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ;
  display: inline-block;
  width: auto;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 19.28571rem ; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.location-block__title {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  display: block;
  color: #4d4d4d; }

/*  $Subtitle
    \*----------------------------------------------------------------------------*/
.location-block__subtitle {
  display: block;
  color: #999999; }

/*----------------------------------------------------------------------------*\
    $Priority-notification
\*----------------------------------------------------------------------------*/
.priority-notification {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 1.57143rem ;
  background: #ffffff;
  position: relative;
  z-index: 30; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.priority-notification__content a {
  color: #0099CC;
  text-decoration: none; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.priority-notification__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 1.57143rem ;
  white-space: nowrap;
  text-align: center; }
  .priority-notification__actions .priority-notification__close {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 0.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 0.85714rem ;
    line-height: 1.83333;
    line-height: 1.417;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none; }
    .priority-notification__actions .priority-notification__close .icon {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.21429rem ;
      line-height: 1.29412;
      line-height: 1; }

@media only screen and (min-width: 654px) {
  .priority-notification__actions {
    text-align: right; }
    .priority-notification__actions .priority-notification__close {
      /* 1 */
      /* 2 */
      /* 3 */
      min-width: 12.57143rem ;
      padding: 0; } }

/*----------------------------------------------------------------------------*\
    $Progress
\*----------------------------------------------------------------------------*/
.progress {
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 1.57143rem ; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.progress__title {
  display: block;
  font-weight: bold;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

/*  $Bar
    \*----------------------------------------------------------------------------*/
.progress__bar {
  display: inline-block;
  position: relative;
  min-width: 220px;
  background: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #e6e6e6; }

/*  $Completion
        \*----------------------------------------------------------------------------*/
.progress__completion {
  background: #bdd46a;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1; }

/*  $Text
        \*----------------------------------------------------------------------------*/
.progress__text {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.14286rem 0.78571rem ;
  display: inline-block;
  font-style: italic;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  position: relative;
  z-index: 2; }

@media only screen and (min-width: 654px) {
  .progress {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 3.14286rem ; }
  /*  $Bar
    \*----------------------------------------------------------------------------*/
  .progress__bar {
    min-width: 308px; } }

/*----------------------------------------------------------------------------*\
    $Faq-category
\*----------------------------------------------------------------------------*/
.faq-category .gamma, .faq-category h3, .faq-category .h3, .faq-category .heading-light_size-medium, .faq-category .heading-regular_size-medium, .faq-category .heading-medium_size-medium, .faq-category .vacancy__content strong, .vacancy__content .faq-category strong {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.28571rem ; }

/*----------------------------------------------------------------------------*\
    $Cookie content
\*----------------------------------------------------------------------------*/
.cookie-content {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 30rem ; }
  .cookie-content p {
    color: #4d4d4d;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 0.85714rem ;
    line-height: 1.83333;
    line-height: 1.5;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }
  .cookie-content .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.71429rem ;
    line-height: 1.83333;
    line-height: 1; }

.cookie-content__button {
  background: #bdd46a;
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.5rem 0.78571rem ;
  color: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  display: inline-block; }

/*----------------------------------------------------------------------------*\
    $Cookiebar
\*----------------------------------------------------------------------------*/
.cookiebar {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #000000;
  z-index: 40;
  text-align: center; }
  .cookiebar p {
    color: #ffffff;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ;
    display: inline-block; }

/*  $Link
    \*----------------------------------------------------------------------------*/
.cookiebar__link {
  color: #ffffff;
  white-space: nowrap; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.cookiebar__button {
  background: #bdd46a;
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.5rem 1.57143rem ;
  color: #000000;
  display: block; }

@media only screen and (min-width: 654px) {
  .cookiebar {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.78571rem 1.57143rem 0 1.57143rem ; }
  /*  $Button
        \*----------------------------------------------------------------------------*/
  .cookiebar__button {
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0 0.42857rem 0.78571rem 0.42857rem ; } }

/*----------------------------------------------------------------------------*\
    $Tooltip
\*----------------------------------------------------------------------------*/
/*  $Wrapper
    \*----------------------------------------------------------------------------*/
.tooltip__content-wrapper {
  display: none; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.tooltip__content {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.28571rem 0.57143rem ; }
  .tooltip__content div p:last-child {
    margin-bottom: 0; }
  .tooltip__content .delta, .tooltip__content h4, .tooltip__content .h4, .tooltip__content .heading-light_size-small, .tooltip__content .heading-regular_size-small {
    font-weight: 500; }

/*  $Tooltipster
        Plugin theme styling
    \*----------------------------------------------------------------------------*/
.tooltipster-base {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 22rem ; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
  color: #666666; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
  border: none;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  background: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
  /* 1 */
  /* 2 */
  /* 3 */
  height: 0.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -0.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.71429rem ; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
  display: none; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
  border: 12px solid transparent; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.42857rem ; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #ffffff; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
  /* 1 */
  /* 2 */
  /* 3 */
  top: -0.42857rem ; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.42857rem ; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow {
  /* 1 */
  /* 2 */
  /* 3 */
  height: 0.85714rem ;
  margin-left: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 0.42857rem ; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #ffffff; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.42857rem ; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
  /* 1 */
  /* 2 */
  /* 3 */
  height: 0.85714rem ;
  margin-left: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 0.42857rem ; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #ffffff; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
  /* 1 */
  /* 2 */
  /* 3 */
  left: -0.42857rem ; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.85714rem ; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #ffffff; }

.redesign .tooltip__arrow--down {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 100px 0 100px;
  border-color: #fff transparent transparent transparent; }
  .redesign .tooltip__arrow--down:after, .redesign .tooltip__arrow--down:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    z-index: -1;
    border-style: solid; }
  .redesign .tooltip__arrow--down:after {
    top: -100px;
    left: -120px;
    border-width: 120px 120px 0 120px;
    border-color: #138390 transparent transparent transparent; }
  .redesign .tooltip__arrow--down:before {
    top: -100px;
    left: -150px;
    border-width: 150px 150px 0 150px;
    border-color: #dae0e7 transparent transparent transparent; }

/*----------------------------------------------------------------------------*\
    $Website-feedback
\*----------------------------------------------------------------------------*/
.website-feedback.is-hidden {
  display: none; }

.website-feedback.is-active .website-feedback__content {
  -ms-transform: translateY(0);
      transform: translateY(0); }

.website-feedback.is-active .website-feedback__toggle {
  -ms-transform: translateY(100%);
      transform: translateY(100%); }

/*  $Content
    \*----------------------------------------------------------------------------*/
.website-feedback__content {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  background: #ffffff;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
  z-index: 30;
  transition: 0.3s transform;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

/*  $Title
        \*----------------------------------------------------------------------------*/
.website-feedback__title {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.25; }

/*  $Footer
        \*----------------------------------------------------------------------------*/
.website-feedback__content__footer {
  background: #e5eaf0;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -1.57143rem ;
  color: #999999;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif; }

/*  $Pros
            \*----------------------------------------------------------------------------*/
.website-feedback__pros {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.42857rem ;
  margin-bottom: 0;
  display: inline-block; }
  .website-feedback__pros .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1rem ;
    line-height: 1.57143;
    line-height: 1;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.14286rem ; }
  .website-feedback__pros .text {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1rem ;
    line-height: 1.57143;
    line-height: 1;
    display: inline-block;
    vertical-align: middle; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.website-feedback__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.42857rem ; }
  .website-feedback__actions > a {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 0.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.42857rem ; }
  .website-feedback__actions .link--secondary-action {
    display: block; }

/*  $Toggle
    \*----------------------------------------------------------------------------*/
.website-feedback__toggle {
  position: fixed;
  right: 0;
  bottom: 0;
  width: auto;
  z-index: 9999;
  -ms-transform: translateY(0);
      transform: translateY(0);
  background: #ffd100;
  border: none;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.92857rem 1.57143rem 0.64286rem 1.57143rem ;
  transition: 0.3s transform;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.25;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem 0 0 0 ;
  color: #4d4d4d;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

@media only screen and (min-width: 654px) {
  .website-feedback.is-active .website-feedback__content {
    -ms-transform: translateY(50%) translateX(0);
        transform: translateY(50%) translateX(0); }
  .website-feedback.is-active .website-feedback__toggle {
    -ms-transform: translateY(0) translateX(100%) rotate(-90deg);
        transform: translateY(0) translateX(100%) rotate(-90deg); }
  /*  $Content
    \*----------------------------------------------------------------------------*/
  .website-feedback__content {
    -ms-transform: translateY(50%) translateX(100%);
        transform: translateY(50%) translateX(100%);
    width: auto;
    bottom: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 19.71429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.57143rem 0 0 0.57143rem ; }
  /*  $Footer
        \*----------------------------------------------------------------------------*/
  .website-feedback__content__footer {
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0 0 0 0.57143rem ; }
  /*  $Toggle
    \*----------------------------------------------------------------------------*/
  .website-feedback__toggle {
    -ms-transform: translateY(0) translateX(50%) rotate(-90deg);
        transform: translateY(0) translateX(50%) rotate(-90deg);
    -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    width: auto;
    bottom: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.57143rem 0.57143rem 0 0 ; } }

/*----------------------------------------------------------------------------*\
    $Meter-check-login
\*----------------------------------------------------------------------------*/
.meter-check-login .button--brand {
  width: 100%;
  text-align: center; }

/*----------------------------------------------------------------------------*\
    $Banner
\*----------------------------------------------------------------------------*/
.banner {
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 3.14286rem 1.57143rem ;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 100%; }
  .banner > *:last-child {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: -1.57143rem ; }

/*  $Positions
    \*----------------------------------------------------------------------------*/
.banner--left-top {
  background-position: left top; }

.banner--left-center {
  background-position: left center; }

.banner--left-bottom {
  background-position: left bottom; }

.banner--center-top {
  background-position: center top; }

.banner--center-center {
  background-position: center center; }

.banner--center-bottom {
  background-position: center bottom; }

.banner--right-top {
  background-position: right top; }

.banner--right-center {
  background-position: right center; }

.banner--right-bottom {
  background-position: right bottom; }

/*  $Dark
    \*----------------------------------------------------------------------------*/
.banner--dark {
  background-color: #4d4d4d;
  color: #ffffff; }
  .banner--dark h1, .banner--dark .h1, .banner--dark h2, .banner--dark .h2, .banner--dark h3, .banner--dark .h3, .banner--dark h4, .banner--dark .h4, .banner--dark h5, .banner--dark .h5, .banner--dark h6, .banner--dark .h6 {
    color: #ffffff;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; }
  .banner--dark .list--check li, .banner--dark .vacancy__content ul li, .vacancy__content .banner--dark ul li {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; }
    .banner--dark .list--check li:before, .banner--dark .vacancy__content ul li:before, .vacancy__content .banner--dark ul li:before {
      top: 0;
      /* 1 */
      /* 2 */
      /* 3 */
      height: 1.28571rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      width: 1.28571rem ;
      background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTRweCIgdmlld0JveD0iMCAwIDUwIDU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+U2xpY2UgMTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJjaGVjayIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCw1My4xIEMxNy45LDUzLjEgMTYsNTIgMTUsNTAuMiBMMS4xLDI2LjggQy0wLjUsMjQgMC40LDIwLjQgMy4yLDE4LjggQzYsMTcuMiA5LjYsMTguMSAxMS4yLDIwLjkgTDIwLDM1LjcgTDM4LjgsMy44IEM0MC40LDEgNDQuMSwwLjEgNDYuOCwxLjcgQzQ5LjYsMy4zIDUwLjUsNyA0OC45LDkuNyBMMjUsNTAuMiBDMjQsNTIgMjIuMSw1My4xIDIwLDUzLjEgTDIwLDUzLjEgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); }

/*  $Light
    \*----------------------------------------------------------------------------*/
.banner--light {
  background-color: #ffffff;
  color: #4d4d4d; }
  .banner--light h1, .banner--light .h1, .banner--light h2, .banner--light .h2, .banner--light h3, .banner--light .h3, .banner--light h4, .banner--light .h4, .banner--light h5, .banner--light .h5, .banner--light h6, .banner--light .h6 {
    color: #4d4d4d; }

/*----------------------------------------------------------------------------*\
    $Buttons-set
\*----------------------------------------------------------------------------*/
.buttons-set {
  width: 100%; }
  .buttons-set a {
    width: auto;
    float: left;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }
    .buttons-set a:last-child {
      margin-bottom: 0; }
    .buttons-set a:not(:last-child) {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 1.57143rem ; }
    .buttons-set a:not([class^=button]) {
      padding-left: 0;
      padding-right: 0; }

.buttons-set--space-top {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }

@media only screen and (min-width: 654px) {
  .buttons-set a {
    width: auto; }
    .buttons-set a:not(:last-child) {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 1.57143rem ; } }

/*----------------------------------------------------------------------------*\
    $Loading overlay
\*----------------------------------------------------------------------------*/
.loading-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
  background: rgba(240, 243, 246, 0.7);
  text-align: center; }

/*  $Loader
    \*----------------------------------------------------------------------------*/
.loading-overlay__loader {
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  border-radius: 8px;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 3.14286rem ;
  box-shadow: 0 0 3px #999999; }
  .loading-overlay__loader .heading, .loading-overlay__loader .vacancy__content strong, .vacancy__content .loading-overlay__loader strong {
    margin-bottom: 0; }

/*  $Icon
        \*----------------------------------------------------------------------------*/
.loading-overlay__loader__icon {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.85714rem ;
  line-height: 1.69231;
  line-height: 1;
  color: #4d4d4d;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  display: inline-block; }

.loading-overlay-container {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  min-height: 15.71429rem ; }
  .loading-overlay-container.is-loading .loading-overlay {
    display: block; }

/*----------------------------------------------------------------------------*\
    $Chat-dialog
\*----------------------------------------------------------------------------*/
.chat-dialog {
  height: 100%;
  width: 100%;
  position: relative; }

/*  $Window
\*----------------------------------------------------------------------------*/
.chat-dialog__window {
  height: calc(100% - 50px - 22px);
  background: #f0f3f6;
  border: #b6bfd2 1px solid;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  overflow: hidden; }

.chat-dialog__window-outer {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%; }

.chat-dialog__window-inner {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 0.78571rem 0 ; }
  .chat-dialog__window-inner p {
    margin: 0;
    overflow: hidden;
    word-break: break-word; }

/*  $Reply
    \*----------------------------------------------------------------------------*/
.chat-dialog__window__reply {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 1.57143rem ;
  background: #ffffff;
  border: #e6e6e6 1px solid;
  position: relative; }
  .chat-dialog__window__reply:after, .chat-dialog__window__reply:before {
    left: 100%;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 1.57143rem ;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .chat-dialog__window__reply:after {
    border-color: transparent;
    border-left-color: #ffffff;
    border-width: 5px;
    margin-top: -5px; }
  .chat-dialog__window__reply:before {
    border-color: transparent;
    border-left-color: #e6e6e6;
    border-width: 6px;
    margin-top: -6px; }
  .chat-dialog__window__reply + .chat-dialog__window__notice {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -0.78571rem ; }

.chat-dialog__window__reply--stedin {
  background: #ffd100;
  border: #ffd100 1px solid; }
  .chat-dialog__window__reply--stedin:after, .chat-dialog__window__reply--stedin:before {
    left: auto;
    right: 100%; }
  .chat-dialog__window__reply--stedin:before {
    border-left-color: transparent;
    border-right-color: #ffd100; }
  .chat-dialog__window__reply--stedin:after {
    border-left-color: transparent;
    border-right-color: #ffd100; }

.chat-dialog__window__notice {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 0.78571rem ;
  font-style: italic;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  color: #999999; }

/*  $Actions
\*----------------------------------------------------------------------------*/
.chat-dialog__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 0 ;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

/*  $Textarea
\*----------------------------------------------------------------------------*/
.chat-dialog__actions__textarea-outer {
  float: left;
  width: calc(100% - 11px - 50px);
  position: relative; }
  .chat-dialog__actions__textarea-outer:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.14286rem ;
    border: 1px solid #b6bfd2;
    pointer-events: none; }

.chat-dialog__actions__textarea {
  min-width: 1px;
  float: left;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 3.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.92857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 0.92857rem ;
  border-width: 0px; }

/*  $Button
\*----------------------------------------------------------------------------*/
.chat-dialog__actions__button {
  /* 1 */
  /* 2 */
  /* 3 */
  width: 3.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 3.57143rem ;
  padding: 0px;
  float: right;
  position: absolute;
  right: 0;
  bottom: 0; }
  .chat-dialog__actions__button:after {
    display: none; }
  .chat-dialog__actions__button .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    left: 1px; }

.chat-dialog__actions__copy {
  position: absolute;
  left: 0;
  bottom: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 12.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 3.57143rem ; }

.redesign .iwc-web-chat {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif; }
  .redesign .iwc-web-chat .iwc-send-on-enter-container,
  .redesign .iwc-web-chat .iwc-exit-button,
  .redesign .iwc-web-chat .iwc-page-header {
    display: none; }
  .redesign .iwc-web-chat .iwc-main-panel {
    margin-left: 0; }
  .redesign .iwc-web-chat .iwc-received-messages-panel {
    width: 100%;
    background-color: #f7f7f7;
    border: 1px solid #b6c1d0;
    overflow: hidden;
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.14286rem ; }
    .redesign .iwc-web-chat .iwc-received-messages-panel ul {
      margin-bottom: 0;
      margin-left: 0;
      padding-left: 0; }
  .redesign .iwc-web-chat .iwc-participants-panel {
    display: none; }
  .redesign .iwc-web-chat .iwc-system-message-group {
    background: none; }
    .redesign .iwc-web-chat .iwc-system-message-group .iwc-message {
      padding: 6px 0;
      text-align: center;
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 0.85714rem ;
      color: #999999;
      font-style: normal; }
      .redesign .iwc-web-chat .iwc-system-message-group .iwc-message .iwc-message-time {
        display: none; }
      .redesign .iwc-web-chat .iwc-system-message-group .iwc-message .iwc-message-text {
        /* 1 */
        /* 2 */
        /* 3 */
        font-size: 0.78571rem ;
        color: #999999;
        font-style: normal; }
  .redesign .iwc-web-chat .iwc-message-from-self,
  .redesign .iwc-web-chat .iwc-message-from-agent {
    background-color: white;
    border: 1px solid rgba(184, 194, 209, 0.3);
    width: 80%;
    padding: 7px 10px 0px 10px;
    margin-bottom: 10px;
    position: relative;
    margin-left: calc(20% - 10px);
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.14286rem ; }
    .redesign .iwc-web-chat .iwc-message-from-self .iwc-message-sender,
    .redesign .iwc-web-chat .iwc-message-from-agent .iwc-message-sender {
      margin: 0;
      display: none; }
    .redesign .iwc-web-chat .iwc-message-from-self > div > ul,
    .redesign .iwc-web-chat .iwc-message-from-agent > div > ul {
      padding: 0;
      margin: 0; }
      .redesign .iwc-web-chat .iwc-message-from-self > div > ul .iwc-message,
      .redesign .iwc-web-chat .iwc-message-from-agent > div > ul .iwc-message {
        color: #4d4d4d;
        font-size: 16px; }
        .redesign .iwc-web-chat .iwc-message-from-self > div > ul .iwc-message a,
        .redesign .iwc-web-chat .iwc-message-from-agent > div > ul .iwc-message a {
          color: #4d4d4d;
          font-size: 16px;
          text-decoration: underline;
          word-wrap: break-word; }
        .redesign .iwc-web-chat .iwc-message-from-self > div > ul .iwc-message .iwc-message-time, .redesign .iwc-web-chat .iwc-message-from-self > div > ul .iwc-message .iwc-message-time-faded,
        .redesign .iwc-web-chat .iwc-message-from-agent > div > ul .iwc-message .iwc-message-time,
        .redesign .iwc-web-chat .iwc-message-from-agent > div > ul .iwc-message .iwc-message-time-faded {
          color: #4d4d4d;
          float: none;
          padding: 0;
          opacity: 0.5;
          font-size: 10px;
          padding-bottom: 10px;
          display: none; }
        .redesign .iwc-web-chat .iwc-message-from-self > div > ul .iwc-message:last-child .iwc-message-time, .redesign .iwc-web-chat .iwc-message-from-self > div > ul .iwc-message:last-child .iwc-message-time-faded,
        .redesign .iwc-web-chat .iwc-message-from-agent > div > ul .iwc-message:last-child .iwc-message-time,
        .redesign .iwc-web-chat .iwc-message-from-agent > div > ul .iwc-message:last-child .iwc-message-time-faded {
          display: block; }
    .redesign .iwc-web-chat .iwc-message-from-self .iwc-arrow,
    .redesign .iwc-web-chat .iwc-message-from-agent .iwc-arrow {
      background: none;
      padding: 0; }
  .redesign .iwc-web-chat .iwc-message-from-self:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent #FFFFFF;
    display: block;
    width: 0;
    z-index: 1;
    margin-top: -5px;
    right: -5px;
    top: 15px; }
  .redesign .iwc-web-chat .iwc-message-from-self:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent rgba(184, 194, 209, 0.3);
    display: block;
    width: 0;
    z-index: 0;
    margin-top: -5px;
    right: -6px;
    top: 15px; }
  .redesign .iwc-web-chat .iwc-message-from-agent {
    background-color: #ffd100;
    border: 0px;
    margin-left: 10px; }
    .redesign .iwc-web-chat .iwc-message-from-agent:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 5px 5px 5px 0;
      border-color: transparent #ffd100;
      display: block;
      width: 0;
      z-index: 1;
      margin-top: -5px;
      left: -5px;
      top: 15px; }
    .redesign .iwc-web-chat .iwc-message-from-agent:before {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 5px 5px 5px 0;
      border-color: transparent #ffd100;
      display: block;
      width: 0;
      z-index: 0;
      margin-top: -5px;
      left: -5px;
      top: 15px; }
  .redesign .iwc-web-chat .iwc-compose-message-panel-container {
    margin-top: 30px; }
    .redesign .iwc-web-chat .iwc-compose-message-panel-container .iwc-compose-message-panel {
      height: 55px;
      width: 100%;
      border: 0;
      background: none; }
      .redesign .iwc-web-chat .iwc-compose-message-panel-container .iwc-compose-message-panel .iwc-compose-message-form {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
        .redesign .iwc-web-chat .iwc-compose-message-panel-container .iwc-compose-message-panel .iwc-compose-message-form .iwc-input {
          position: relative;
          overflow: hidden;
          border: 1px solid #b6c1d0;
          width: calc(100% - 10px - 55px);
          min-width: auto;
          height: 55px;
          max-height: 168px;
          /* 1 */
          /* 2 */
          /* 3 */
          padding: 1rem 1.07143rem 1rem 1.07143rem ;
          font-family: "Klavika", "Arial", "Helvetica", sans-serif;
          font-weight: 400;
          float: left;
          text-rendering: optimizeLegibility; }
          .redesign .iwc-web-chat .iwc-compose-message-panel-container .iwc-compose-message-panel .iwc-compose-message-form .iwc-input:disabled {
            opacity: 0.5; }
          .redesign .iwc-web-chat .iwc-compose-message-panel-container .iwc-compose-message-panel .iwc-compose-message-form .iwc-input:-ms-input-placeholder {
            color: #AAAAAA; }
          .redesign .iwc-web-chat .iwc-compose-message-panel-container .iwc-compose-message-panel .iwc-compose-message-form .iwc-input::placeholder {
            color: #AAAAAA; }
        .redesign .iwc-web-chat .iwc-compose-message-panel-container .iwc-compose-message-panel .iwc-compose-message-form .iwc-send-button {
          float: right;
          position: absolute;
          right: 0;
          bottom: 0;
          height: 55px;
          width: 55px;
          min-width: auto;
          background-color: #ffd100;
          color: #000000;
          border: 0;
          box-shadow: 0 0 0;
          /* 1 */
          /* 2 */
          /* 3 */
          border-radius: 0.14286rem ; }
          .redesign .iwc-web-chat .iwc-compose-message-panel-container .iwc-compose-message-panel .iwc-compose-message-form .iwc-send-button:disabled {
            opacity: 0.5; }
          .redesign .iwc-web-chat .iwc-compose-message-panel-container .iwc-compose-message-panel .iwc-compose-message-form .iwc-send-button:hover {
            background-color: #ffe053; }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  .schouwtool-photo {
    display: none; } }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  .schouwtool-photo--visible {
    display: inline-block; } }

.schouwtool-photos__navigation {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 2.14286rem ;
  display: none; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .schouwtool-photos__navigation {
      display: block; } }
  .schouwtool-photos__navigation button {
    display: table-cell; }
    .schouwtool-photos__navigation button.is-disabled, .schouwtool-photos__navigation button[disabled] {
      background-color: #f0f3f6;
      opacity: 1; }
      .schouwtool-photos__navigation button.is-disabled:hover, .schouwtool-photos__navigation button[disabled]:hover {
        background-color: #f0f3f6; }
  .schouwtool-photos__navigation .arrange__size-fit {
    vertical-align: middle; }

.schouwtool-photos__navigation__title {
  text-align: center;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 1.57143rem ; }
  .schouwtool-photos__navigation__title h4, .schouwtool-photos__navigation__title .h4 {
    font-weight: normal;
    margin-bottom: 0;
    word-break: break-word; }

/*  Media query for really small devices
\*----------------------------------------------------------------------------*/
@media screen and (min-width: 1px) and (max-width: 400px) {
  .schouwtool-photos__navigation__title {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 0.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.78571rem ; }
    .schouwtool-photos__navigation__title h4, .schouwtool-photos__navigation__title .h4 {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1rem ; } }

.redesign .schouwtool__foto-carousel .label-stroke,
.redesign .schouwtool__foto-holder .label-stroke {
  display: inline-block;
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer; }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  .redesign .schouwtool__foto-carousel,
  .redesign .schouwtool__foto-holder {
    padding-top: 10px; } }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  .redesign .schouwtool__foto-carousel {
    display: none; } }

.redesign .schouwtool__foto-carousel--visible {
  display: inline-block; }

@media only screen and (min-width: 654px) {
  .redesign .schouwtool-photos__navigation {
    display: none; } }

.redesign .schouwtool-photo__title {
  display: none; }
  @media only screen and (min-width: 654px) {
    .redesign .schouwtool-photo__title {
      display: block; } }

.redesign .schouwtool__foto {
  position: relative;
  max-width: 270px;
  max-height: 390px; }

.redesign .schouwtool__upload-holder {
  min-height: 300px;
  height: 100%;
  border-radius: 2px;
  border: 2px dashed #b6c1d0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  max-width: 270px;
  max-height: 390px; }
  .redesign .schouwtool__upload-holder .icon--camera {
    opacity: .2;
    font-size: 70px; }

tooltip {
  display: inherit; }
  tooltip tip {
    min-width: 200px;
    text-align: left;
    background: #ffffff;
    color: #4d4d4d;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem 1.57143rem 0 ;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
  tooltip._top tip tip-arrow {
    border-top: 12px solid #ffffff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    margin-left: -12px; }
  tooltip._bottom tip tip-arrow {
    border-bottom: 12px solid #ffffff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    margin-left: -12px; }
  tooltip._left tip tip-arrow {
    border-left: 12px solid #ffffff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-top: -12px; }
  tooltip._right tip tip-arrow {
    border-right: 12px solid #ffffff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-top: -12px; }

.tile__external-header tooltip, .data-block__edit tooltip {
  float: right; }

@media only screen and (min-width: 654px) {
  tooltip tip {
    width: 400px; } }

.notification-tile {
  border: 2px solid;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 3.14286rem ; }
  .notification-tile .arrange {
    display: block;
    text-align: center; }
  .notification-tile .arrange__size-fit {
    margin-bottom: 22px; }
  .notification-tile .arrange__size-fit,
  .notification-tile .arrange__size-fill {
    display: block; }

.notification-tile--error {
  border-color: #fd817f; }

.notification-tile--warning {
  border-color: #ff9460; }

.notification-tile__title {
  font-weight: 500; }

.notification-tile__message {
  margin-bottom: 0;
  font-weight: 300; }
  .notification-tile__message > p {
    margin: 0; }

@media only screen and (min-width: 654px) {
  .notification-tile .arrange {
    display: table;
    text-align: left; }
  .notification-tile .arrange__size-fit {
    vertical-align: middle; }
  .notification-tile .arrange__size-fit,
  .notification-tile .arrange__size-fill {
    display: table-cell; }
  .notification-tile__title {
    font-weight: 500;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.39286rem ; }
  .notification-tile__image {
    margin-right: 22px;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 0.42857rem ; } }

/*----------------------------------------------------------------------------*\
    Redesign (notification-tile will be obsolete in redesign, use regular notification)
\*----------------------------------------------------------------------------*/
.redesign .notification-tile .arrange__size-fit {
  margin-bottom: 0; }

.redesign .notification-tile--error {
  border-color: #fd817f; }

.redesign .notification-tile--warning {
  border-color: #ff9460; }

.tags {
  margin: 0; }

p + .tags {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.71429rem ; }

.quotation__zipcode {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0.71429rem 0 ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ; }

.quotation__number {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ; }

.quotation__amount {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 2.14286rem 1.42857rem ;
  background-color: #f7f7f7; }

.quotation-amount__price {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.07143rem ; }

.quotation-amount__total {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  font-weight: 700; }

.quotation-amount__amount {
  float: right; }

.quotation__agree {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 2.14286rem ; }
  .quotation__agree .checkbox {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 2.14286rem ; }
  .quotation__agree .button {
    width: 100%;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 2.14286rem ;
    text-align: center; }
  .quotation__agree a {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ; }

.quotation__information {
  text-align: center;
  font-style: italic;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 3.57143rem ; }

.quotation-lead {
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.42857rem ;
  background-color: rgba(255, 179, 84, 0.1);
  border: solid 1px #ff9460;
  border-radius: 2px; }

.quotation-lead__title {
  font-weight: 700;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.07143rem ; }

.quotation-lead__icon {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ; }

.quotation__payment-data {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ; }

@media only screen and (min-width: 654px) {
  .quotation__number {
    margin: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.78571rem ; }
  .quotation__download {
    text-align: right; }
  .quotation__agree {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 2.85714rem ; }
    .quotation__agree .button {
      float: right;
      width: auto;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-left: 2.14286rem ; }
  .quotation__information {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 57.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 2.14286rem auto 4.28571rem ; }
  .quotation__data {
    display: table;
    width: 100%; }
    .quotation__data .grid__cell {
      display: table-cell;
      vertical-align: middle; }
  .quotation__street {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 2.28571rem ; }
  .quotation__zipcode {
    margin-bottom: 0; }
  .quotation-lead {
    display: inline-block;
    float: right;
    width: auto;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: -2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.07143rem 2.14286rem ; }
  .quotation-lead__title {
    display: inline; }
  .quotation-lead__title {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 1.42857rem ; }
  .quotation-payment .radio--block {
    /* 1 */
    /* 2 */
    /* 3 */
    min-height: 8.57143rem ; }
  .quotation__payment-data {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.07143rem ; } }

.date-picker {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 38.92857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.42857rem ; }

.date-picker-heading {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.28571rem ; }

._720kb-datepicker-calendar-header {
  display: table;
  text-align: center;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.42857rem ; }

._720kb-datepicker-calendar-header-left,
._720kb-datepicker-calendar-header-middle,
._720kb-datepicker-calendar-header-right {
  display: table-cell; }

._720kb-datepicker-calendar-header-left {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 0.35714rem ; }

._720kb-datepicker-calendar-header-right {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.35714rem ; }

._720kb-datepicker-calendar-header-left a,
._720kb-datepicker-calendar-header-right a {
  background-color: #e5eaf0;
  color: #4d4d4d;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.07143rem ;
  transition: background-color; }
  ._720kb-datepicker-calendar-header-left a:hover,
  ._720kb-datepicker-calendar-header-right a:hover {
    background-color: #f7f7f7;
    cursor: pointer;
    outline: none;
    color: #4d4d4d !important; }
  ._720kb-datepicker-calendar-header-left a._720kb-datepicker-item-hidden,
  ._720kb-datepicker-calendar-header-right a._720kb-datepicker-item-hidden {
    cursor: default;
    opacity: 0.5;
    pointer-events: none; }

._720kb-datepicker-calendar-header-middle {
  width: 100%;
  border: 1px solid #e5eaf0;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.14286rem ;
  font-weight: 500; }

._720kb-datepicker-calendar-days-header {
  display: table;
  width: 100%;
  text-align: center;
  background-color: #e5eaf0;
  border-bottom: 1px solid #dae0e7;
  margin-bottom: 2px; }

._720kb-datepicker-calendar-days-header div {
  width: 14.28571%;
  float: left;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.71429rem 0 ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.14286rem ;
  font-weight: 500; }

._720kb-datepicker-calendar-body {
  text-align: center; }
  ._720kb-datepicker-calendar-body:after {
    content: "";
    display: block;
    clear: both; }

._720kb-datepicker-calendar-day {
  width: 14%;
  float: left;
  margin-right: 0.33333%;
  margin-bottom: 0.33333%;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.07143rem 0.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  text-decoration: none;
  font-weight: 700;
  background-color: #d2eef7;
  transition: background-color 0.3s; }
  ._720kb-datepicker-calendar-day:nth-child(7), ._720kb-datepicker-calendar-day:nth-child(14), ._720kb-datepicker-calendar-day:nth-child(21), ._720kb-datepicker-calendar-day:nth-child(28), ._720kb-datepicker-calendar-day:nth-child(35), ._720kb-datepicker-calendar-day:nth-child(42) {
    margin-right: 0; }
  ._720kb-datepicker-calendar-day:hover, ._720kb-datepicker-calendar-day:focus {
    background-color: #74CD70;
    cursor: pointer;
    outline: 0;
    color: #ffffff !important; }

a._720kb-datepicker-calendar-day {
  color: #4d4d4d; }

._720kb-datepicker-calendar-day._720kb-datepicker-active {
  background-color: #74CD70; }

._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover {
  background-color: #f7f9fa;
  color: #cdcdcd;
  transition: none; }
  ._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,
  ._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover:hover {
    cursor: not-allowed; }

@media only screen and (min-width: 961px) {
  .date-picker {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 30rem ; } }

.time-picker {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 30rem ; }

.time-picker__table {
  border: none; }
  .time-picker__table th {
    border: none;
    white-space: nowrap;
    background-color: #e5eaf0;
    color: #4d4d4d;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ; }
    .time-picker__table th:first-child, .time-picker__table th:last-child {
      border-radius: 0; }
  .time-picker__table tr:last-child td:first-child, .time-picker__table tr:last-child td:last-child {
    border-radius: 0; }
  .time-picker__table td {
    border: none;
    padding: 0;
    width: 100%;
    height: 100%; }

.time-picker__time {
  display: block;
  height: 100%;
  text-align: center;
  border: 1px solid #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  font-weight: 700;
  background-color: #d2eef7;
  transition: background-color 0.3s; }
  .time-picker__time:hover, .time-picker__time:focus {
    background-color: #74CD70;
    cursor: pointer;
    outline: 0; }

.time-picker__time--active {
  background-color: #74CD70; }
  .time-picker__time--active:hover {
    cursor: auto; }

.time-picker__time--disabled {
  background-color: #f7f9fa;
  color: #cdcdcd;
  transition: none; }
  .time-picker__time--disabled:hover {
    background-color: #f7f9fa;
    cursor: auto; }

.time-picker__table tbody tr:first-child .time-picker__time {
  border-top: 0; }

.time-picker__table tbody tr:last-child .time-picker__time {
  border-bottom: 0; }

.timeslot-picker {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 38.92857rem ;
  position: relative; }

.timeslot-picker__table {
  border: none; }
  .timeslot-picker__table th {
    border: none;
    white-space: nowrap;
    text-align: center;
    background-color: #e5eaf0;
    color: #4d4d4d;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 0.71429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.71429rem ; }
    .timeslot-picker__table th:first-child, .timeslot-picker__table th:last-child {
      border-radius: 0; }
  .timeslot-picker__table tr:last-child td:first-child, .timeslot-picker__table tr:last-child td:last-child {
    border-radius: 0; }
  .timeslot-picker__table td {
    border: none;
    padding: 0;
    width: 100%;
    height: 100%; }

.timeslot-picker__time {
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  border: 1px solid #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.14286rem ;
  font-weight: 700;
  background-color: #d2eef7;
  transition: background-color 0.3s; }
  .timeslot-picker__time:hover, .timeslot-picker__time:focus {
    background-color: #74CD70;
    cursor: pointer;
    outline: 0; }

.timeslot-picker__time--active {
  background-color: #74CD70; }
  .timeslot-picker__time--active:hover {
    cursor: auto; }

.timeslot-picker__time--disabled {
  background-color: #f7f9fa;
  color: #cdcdcd;
  transition: none; }
  .timeslot-picker__time--disabled:hover {
    background-color: #f7f9fa;
    cursor: not-allowed; }

.timeslot-picker__table tbody tr:first-child .timeslot-picker__time {
  border-top: 0; }

.timeslot-picker__table tbody tr:last-child .timeslot-picker__time {
  border-bottom: 0; }

.timeslot-picker--disabled {
  padding: 40px;
  background-color: #d2eef7;
  text-align: center; }

.timeslot-picker--warning {
  padding: 40px;
  background-color: #FFF7EE;
  border: 2px solid #ff9460;
  text-align: center; }

.timeslot-picker__warning {
  max-width: 42px;
  margin-bottom: 10px; }

.timeslot-picker__message {
  display: table;
  height: 100%;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ; }
  .timeslot-picker__message span {
    display: table-cell;
    vertical-align: middle; }

@media only screen and (min-width: 654px) {
  .timeslot-picker__table th {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 1.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 1.07143rem ; }
  .timeslot-picker--disabled {
    padding: 60px;
    background-color: #d2eef7;
    text-align: center; } }

@media only screen and (min-width: 961px) {
  .timeslot-picker {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 30rem ; } }

.info-balloon {
  position: relative;
  z-index: 2;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  background-color: #ffffff;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  border-color: #b6c1d0;
  box-shadow: 0 4px 0 0 #dae0e7;
  text-align: left; }

.info-balloon__title {
  display: block;
  font-weight: 700;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.71429rem ; }

.info-balloon__arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid; }
  .info-balloon__arrow:after, .info-balloon__arrow:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    z-index: -1;
    border-style: solid; }

.info-balloon__arrow--down {
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border-width: 12px 12px 0 12px;
  border-color: #ffffff transparent transparent transparent; }
  .info-balloon__arrow--down:after {
    top: -11px;
    left: -14px;
    border-width: 14px 14px 0 14px;
    border-color: #b6c1d0 transparent transparent transparent; }
  .info-balloon__arrow--down:before {
    top: -8px;
    left: -16px;
    border-width: 16px 16px 0 16px;
    border-color: #dae0e7 transparent transparent transparent; }

.info-balloon--warning {
  border-color: #FFB354;
  background-color: #FFF7EE; }
  .info-balloon--warning .info-balloon__arrow--down {
    border-color: #FFF7EE transparent transparent transparent; }
    .info-balloon--warning .info-balloon__arrow--down:after {
      border-color: #FFB354 transparent transparent transparent; }

.status-indication {
  white-space: nowrap; }

.status-indication__dot {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 0.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 0.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.71429rem ;
  border-radius: 50%;
  background-color: #e5eaf0; }

.status-indication__body {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.42857rem ; }

.status-indication--accept .status-indication__dot {
  background-color: #74CD70; }

.status-indication--warning .status-indication__dot {
  background-color: #FFB354; }

.status-indication--deny .status-indication__dot {
  background-color: #FD817F; }

@media only screen and (min-width: 961px) {
  .status-indication {
    display: inline-block;
    margin-bottom: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 2.14286rem ; } }

.progression-item {
  position: relative;
  display: none; }

.progression-item__body {
  display: table;
  vertical-align: middle;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.42857rem ;
  background-color: #ffffff;
  box-shadow: 0 4px 0 0 #dae0e7;
  border-top: 1px solid #b6c1d0;
  border-bottom: 1px solid #b6c1d0; }

.progression-item__fill {
  fill: #ffffff; }

.progression-item--active {
  display: block; }
  .progression-item--active .progression-item__body {
    background-color: #0794E5;
    color: #ffffff; }
  .progression-item--active .progression-item__fill {
    fill: #0794E5; }

.progression-item--done .progression-item__body {
  background-color: #ffd100; }

.progression-item--done .progression-item__fill {
  fill: #ffd100; }

.progression-item__icon {
  display: table-cell;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 3.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  max-height: 3.57143rem ; }

.progression-item__title {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.28571rem ; }
  .progression-item__title strong {
    display: block; }

.progression-item__triangle-start,
.progression-item__triangle-end {
  display: none;
  position: absolute;
  top: 0; }

.progression-item__triangle-start {
  left: 0; }

.progression-item__triangle-end {
  right: 0; }

@media only screen and (min-width: 961px) {
  .progression-item {
    display: inline-block;
    padding-right: 34px;
    padding-left: 34px; }
  .progression-item__body {
    height: 180px;
    text-align: center;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 10.10714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.42857rem 0 ; }
  .progression-item__icon {
    display: block;
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 5.71429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    max-height: 5.71429rem ;
    margin: 0 auto 15px; }
  .progression-item__title {
    display: block; }
  .progression-item__triangle-start,
  .progression-item__triangle-end {
    display: block; }
  .progression-item--first {
    padding-left: 0;
    border-left: 1px solid #b6c1d0; }
  .progression-item--last {
    padding-right: 0;
    border-right: 1px solid #b6c1d0; } }

.content-highlight {
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  left: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 1.42857rem ;
  width: auto;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.42857rem ;
  background-color: rgba(255, 179, 84, 0.1);
  border: solid 1px #ff9460;
  border-radius: 2px; }

@media only screen and (min-width: 654px) {
  position: absolute; }

.selected-date {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ; }
  .selected-date:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 100%;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 0.71429rem ;
    background-color: #74CD70; }
  .selected-date .heading, .selected-date .vacancy__content strong, .vacancy__content .selected-date strong {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.07143rem ; }

.selected-date--empty {
  font-style: italic; }
  .selected-date--empty:before {
    display: none; }

.selected-date--current:before {
  display: none; }

.loading {
  text-align: center; }

.loading__icon {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 3.21429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.71429rem ; }

.loading__text {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 500; }

.loading__fill {
  animation: fill 2s linear infinite; }

@keyframes fill {
  20% {
    fill: white; }
  40% {
    fill: #ffd100; }
  80% {
    fill: #ffd100; }
  100% {
    fill: white; } }

@media only screen and (min-width: 654px) {
  .loading__icon {
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 3.21429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.07143rem ; } }

.outage-location__content-cell {
  width: 50%;
  padding: 60px 30px; }
  @media (max-width: 961px) {
    .outage-location__content-cell {
      display: block;
      width: 100%;
      padding: 20px 20px; } }

.outage-location__content-cell > .arrange__size-fit {
  border: 1px solid red;
  padding-left: 10px;
  margin-bottom: 10px; }

.outage-detail-summary__details {
  margin-top: 20px; }

.outage-location__image-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .outage-location__image-cell {
      display: block; } }
  .outage-location__image-cell .outage-location__image-cell-image {
    width: 50%;
    background-image: url("/images/stedin-gebouw.jpg");
    background-size: cover; }
    @media only screen and (min-width: 1px) and (max-width: 653px) {
      .outage-location__image-cell .outage-location__image-cell-image {
        width: 100%;
        height: 160px; } }

.outage-location__has-image-cell--30-70 .outage-location__image-cell-image {
  transition: .3s all ease; }
  .outage-location__has-image-cell--30-70 .outage-location__image-cell-image:hover {
    transition: .3s all ease .5s; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .outage-location__has-image-cell--30-70 .outage-location__image-cell-image {
      width: 100%;
      height: 160px; } }
  @media only screen and (min-width: 654px) {
    .outage-location__has-image-cell--30-70 .outage-location__image-cell-image {
      width: 30%; }
      .outage-location__has-image-cell--30-70 .outage-location__image-cell-image:hover {
        width: 40%; } }
  @media only screen and (min-width: 961px) {
    .outage-location__has-image-cell--30-70 .outage-location__image-cell-image {
      width: 25%; }
      .outage-location__has-image-cell--30-70 .outage-location__image-cell-image:hover {
        width: 35%; } }

.outage-location__has-image-cell--30-70 .outage-location__content-cell {
  width: 80%; }
  @media (max-width: 961px) {
    .outage-location__has-image-cell--30-70 .outage-location__content-cell {
      width: 100%; } }

.redesign .info-block {
  background-color: #ffffff;
  padding: 30px 30px;
  position: relative;
  color: #4d4d4d;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  margin-bottom: 2px;
  overflow: hidden;
  transition: .3s ease height; }
  @media only screen and (min-width: 654px) {
    .redesign .info-block {
      margin-bottom: 30px; } }
  @media only screen and (min-width: 961px) {
    .redesign .info-block {
      padding: 39px 45px; } }
  .redesign .info-block:hover .info-block__toggle {
    color: #0794E5; }

.redesign .info-block__icon {
  height: 25px;
  margin-bottom: 6px; }

.redesign .info-block__description {
  line-height: 20px;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 300; }
  .redesign .info-block__description a {
    font-weight: 400;
    text-decoration: underline; }

.redesign .info-block--toggleble {
  cursor: pointer; }

.redesign .info-block__toggle {
  position: absolute;
  right: 13px;
  bottom: 8px;
  font-size: 13px;
  color: #8c8c8c;
  font-weight: 300; }

.redesign .info-block--with-shadow {
  box-shadow: 0 23px 26px -15px rgba(0, 0, 0, 0.13);
  border: 0;
  transition: .3s ease all .1s; }
  @media only screen and (min-width: 654px) {
    .redesign .info-block--with-shadow.info-block--info-visible, .redesign .info-block--with-shadow.info-block--toggleble:hover {
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
      box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px; } }

.redesign .info-block__content--primary {
  opacity: 1;
  height: auto;
  max-height: 500px;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -ms-transform: scale(1);
      transform: scale(1);
  transition: .2s ease-out all;
  transition-property: transform, opacity; }
  .redesign .info-block__content--primary.hide {
    -ms-transform: scale(0.8);
        transform: scale(0.8);
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition: .2s ease all; }

.redesign .info-block__content--secondary {
  opacity: 1;
  height: auto;
  max-height: 500px;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition: .3s ease-out all;
  position: absolute;
  top: 20px;
  right: 30px;
  left: 30px;
  bottom: 20px;
  background-color: white; }
  .redesign .info-block__content--secondary .info-block__toggle {
    opacity: 0; }
  .redesign .info-block__content--secondary.hide {
    -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-out all; }
    .redesign .info-block__content--secondary.hide .info-block__toggle {
      opacity: 0; }

@media only screen and (min-width: 654px) {
  .mijn-stedin-banner__content {
    float: left;
    width: calc(70% - 40px); } }

.mijn-stedin-banner__image {
  background-image: url("/images/mijn-omgeving-mockup.png");
  height: 230px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 20px; }
  @media only screen and (min-width: 654px) {
    .mijn-stedin-banner__image {
      float: left;
      width: 20%;
      margin-right: 40px;
      margin-bottom: 0;
      background-size: cover;
      background-position: right; } }

#wmlivechatbox {
  right: 60px !important; }

#wmlivechatbutton {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.18) !important;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyN3B4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNyAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS43ODQ4NDEzMywxLjEwNzM1OTQzIEMxMS43MDk1MjEyLDEuMTY0OTYwMDkgMTMuMjYxMDg0NCwyLjcxNDg5MzM4IDEzLjI2MTA4NDQsNC42MjMxMTMzMyBDMTMuMjYxMDg0NCw2LjEzOTQ5MDI4IDEyLjI3NzkyNjMsNy40ODIyNzI1OCAxMC44MTMzOTY3LDcuOTY0NzQ0MTQgTDEwLjY5ODE1NzcsOC4wMDM1ODQ5NSBMOS4wMjg0MDA1MSw5LjY1NDk3OTk1IEw3LjQ5ODA1ODQyLDguMTUwNzU3MjggTDQuNTgwODE4NjIsOC4xNTA3NTcyOCBDMi44MTIyMDg0Miw4LjE1MDc1NzI4IDEuMzQ3OTQ3NDUsNi44ODE0MjkwMiAxLjA1NzU2NjU4LDUuMjE5OTkzNTQgTDAuMDIxNzU4NDE4NCw1LjIxOTk5MzU0IEMwLjMyMzE1MjgwNiw3LjQ0MzQzMTc3IDIuMjQxMTE3MDksOS4xNjkzMzc3MSA0LjU4MTM1NTg3LDkuMTY5MzM3NzEgTDcuMDY5ODc0MjMsOS4xNjkzMzc3MSBMOS4wMzEwODY3MywxMS4wOTc2Mzg2IEwxMS4yNjE5OTYyLDguODkwMDUzNzkgQzEzLjA4MzUyNSw4LjIzNjM2NTU5IDE0LjI5NzQyOTgsNi41MzYzNTM1MiAxNC4yOTc0Mjk4LDQuNjIzMTEzMzMgQzE0LjI5Njg5MjYsMi4yODEwMzg4OSAxMi40ODIzNDgsMC4zNzEyMzM1OTYgMTAuMTY3MzU5NywwLjEyNjI5ODY5IEMxMC4wNjUwMTQ1LDAuNDY0NTA0Mzg2IDkuOTM1ODA3MTQsMC43OTEwODQyNjEgOS43ODQ4NDEzMywxLjEwNzM1OTQzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSIwMV9DaGF0X2RpY2h0Z2VrbGFwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3MS4wMDAwMDAsIC03MjMuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI3MS4wMDAwMDAsIDcyMy4wMDAwMDApIj4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjk4NjkwODYsOS4wODQwOTkzMSBDMjEuODg0Mjk0OCw5LjQyMjMwNSAyMS43NTUzNTYxLDkuNzQ4ODg0ODggMjEuNjA0MTIxNiwxMC4wNjUxNjAxIEMyMy41Mjg4MDE1LDEwLjEyMjc2MDcgMjUuMDgwNjMzNCwxMS42NzI2OTQgMjUuMDgwNjMzNCwxMy41ODA5MTQgQzI1LjA4MDYzMzQsMTUuMDk3MDI2NyAyNC4wOTcyMDY2LDE2LjQ0MDA3MzIgMjIuNjMyNjc3LDE2LjkyMjU0NDggTDIyLjUxNzcwNjYsMTYuOTYxMzg1NiBMMjAuODQ3NjgwOCwxOC42MTI3ODA2IEwxOS4zMTczMzg3LDE3LjEwODU1NzkgTDE2LjQwMDM2NzYsMTcuMTA4NTU3OSBDMTQuNjMxNDg4NywxNy4xMDg1NTc5IDEzLjE2NzIyNzgsMTUuODM5MjI5NiAxMi44NzY4NDY5LDE0LjE3Nzc5NDIgTDExLjg0MTAzODcsMTQuMTc3Nzk0MiBDMTIuMTQyNzAxNywxNi40MDEyMzI0IDE0LjA2MDM5NzQsMTguMTI3MTM4MyAxNi40MDA2MzYyLDE4LjEyNzEzODMgTDE4Ljg4OTE1NDUsMTguMTI3MTM4MyBMMjAuODUwMzY3LDIwLjA1NTE3NSBMMjMuMDgxMjc2NSwxNy44NDc4NTQ0IEMyNC45MDI4MDUzLDE3LjE5NDE2NjIgMjYuMTE2OTc4OCwxNS40OTQxNTQxIDI2LjExNjk3ODgsMTMuNTgwOTE0IEMyNi4xMTYxNzI5LDExLjIzODgzOTUgMjQuMzAxNjI4Myw5LjMyOTAzNDIyIDIxLjk4NjkwODYsOS4wODQwOTkzMSIgaWQ9IkZpbGwtMSIgZmlsbD0iIzRENEQ0RCI+PC9wYXRoPiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuODE5Mzg4LCA4Ljk1Nzg1MykiPiAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgICAgICAgICA8L21hc2s+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcC00Ij48L2c+ICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0zIiBmaWxsPSIjNEQ0RDREIiBtYXNrPSJ1cmwoI21hc2stMikiIHBvaW50cz0iLTEuMzIxMzUzODMgMTIuNDE4NDkwNCAxNS42NDA4MTA3IDEyLjQxODQ5MDQgMTUuNjQwODEwNyAtMS4xOTQ4MTczMSAtMS4zMjEzNTM4MyAtMS4xOTQ4MTczMSI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDAuMjM4NDg4KSI+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjEuMjUxNjA4NCw2LjY0NDg2OTk5IEMyMS4yNTE2MDg0LDMuMjg3MTIxNTcgMTguNDc0MDUyMywwLjU1NDI2MTAwNyAxNS4wNTk1OTIzLDAuNTU0MjYxMDA3IEw2LjcyOTA3MjkzLDAuNTU0MjYxMDA3IEMzLjMxNDg4MTYxLDAuNTU0MjYxMDA3IDAuNTM3MzI1NDg1LDMuMjg3MTIxNTcgMC41MzczMjU0ODUsNi42NDQ4Njk5OSBDMC41MzczMjU0ODUsOS4yNjQzNzg4IDIuMjM1NTU2NjEsMTEuNTg0MjU4NSA0Ljc2MzAyNTIzLDEyLjQxODE0NjkgTDQuODc4MjY0MjYsMTIuNDU2NzIzNSBMNy43ODgyNTEyNSwxNS4zMzIwMDA0IEwxMC40MjQ1MTIsMTIuNzM3NTkyOCBMMTUuMDU5NTkyMywxMi43Mzc1OTI4IEMxOC40NzQwNTIzLDEyLjczNzU5MjggMjEuMjUxNjA4NCwxMC4wMDU1MjQ5IDIxLjI1MTYwODQsNi42NDQ4Njk5OSBNNS43MTYwOTc2OCw4LjA0NzYzMDk2IEM0Ljg5MzU3NTc0LDguMDQ3NjMwOTYgNC4yMjcxMjM0NCw3LjM5Mjg4NTg3IDQuMjI3MTIzNDQsNi41ODMzMDU5OSBDNC4yMjcxMjM0NCw1Ljc3NTMxMTQ0IDQuODkzNTc1NzQsNS4xMTg5ODEwMSA1LjcxNjA5NzY4LDUuMTE4OTgxMDEgQzYuNTM4MzUwOTksNS4xMTg5ODEwMSA3LjIwNDgwMzI5LDUuNzc1NTc1NjYgNy4yMDQ4MDMyOSw2LjU4MzMwNTk5IEM3LjIwNDgwMzI5LDcuMzkyODg1ODcgNi41MzgzNTA5OSw4LjA0NzYzMDk2IDUuNzE2MDk3NjgsOC4wNDc2MzA5NiBNMTAuODk0MDY0LDguMDQ3NjMwOTYgQzEwLjA3MjA3OTMsOC4wNDc2MzA5NiA5LjQwNTM1ODM5LDcuMzkyODg1ODcgOS40MDUzNTgzOSw2LjU4MzMwNTk5IEM5LjQwNTM1ODM5LDUuNzc1MzExNDQgMTAuMDcyMDc5Myw1LjExODk4MTAxIDEwLjg5NDA2NCw1LjExODk4MTAxIEMxMS43MTY4NTQ2LDUuMTE4OTgxMDEgMTIuMzgzMDM4Miw1Ljc3NTU3NTY2IDEyLjM4MzAzODIsNi41ODMzMDU5OSBDMTIuMzgzMDM4Miw3LjM5Mjg4NTg3IDExLjcxNjg1NDYsOC4wNDc2MzA5NiAxMC44OTQwNjQsOC4wNDc2MzA5NiBNMTQuNTg0Mzk5Miw2LjU4MzMwNTk5IEMxNC41ODQzOTkyLDUuNzc1MzExNDQgMTUuMjUwODUxNSw1LjExODk4MTAxIDE2LjA3MzEwNDgsNS4xMTg5ODEwMSBDMTYuODk1NjI2OCw1LjExODk4MTAxIDE3LjU2MjA3OTEsNS43NzU1NzU2NiAxNy41NjIwNzkxLDYuNTgzMzA1OTkgQzE3LjU2MjA3OTEsNy4zOTI4ODU4NyAxNi44OTU2MjY4LDguMDQ3NjMwOTYgMTYuMDczMTA0OCw4LjA0NzYzMDk2IEMxNS4yNTA4NTE1LDguMDQ3NjMwOTYgMTQuNTg0Mzk5Miw3LjM5Mjg4NTg3IDE0LjU4NDM5OTIsNi41ODMzMDU5OSIgaWQ9IkZpbGwtNiIgZmlsbD0iI0Y1RDkxRiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUuNzE2MDk3NjgsNS42NDc0NTM4MyBDNS4xOTE0NzgwNCw1LjY0NzQ1MzgzIDQuNzY0MzY4MzQsNi4wNjczMDQ1IDQuNzY0MzY4MzQsNi41ODMzMzI0MSBDNC43NjQzNjgzNCw3LjA5OTM2MDMyIDUuMTkxNDc4MDQsNy41MTkyMTA5OCA1LjcxNjA5NzY4LDcuNTE5MjEwOTggQzYuMjQwNzE3MzIsNy41MTkyMTA5OCA2LjY2NzU1ODM5LDcuMDk5MzYwMzIgNi42Njc1NTgzOSw2LjU4MzMzMjQxIEM2LjY2NzU1ODM5LDYuMDY3MzA0NSA2LjI0MDcxNzMyLDUuNjQ3NDUzODMgNS43MTYwOTc2OCw1LjY0NzQ1MzgzIEw1LjcxNjA5NzY4LDUuNjQ3NDUzODMgWiBNNS43MTYwOTc2OCw4LjU3NjEwMzc4IEM0LjU5ODg5NjkxLDguNTc2MTAzNzggMy42ODk4Nzg1NSw3LjY4MjIzNjcgMy42ODk4Nzg1NSw2LjU4MzMzMjQxIEMzLjY4OTg3ODU1LDUuNDg0NDI4MTIgNC41OTg4OTY5MSw0LjU5MDU2MTAzIDUuNzE2MDk3NjgsNC41OTA1NjEwMyBDNi44MzMwMjk4Miw0LjU5MDU2MTAzIDcuNzQyMDQ4MTksNS40ODQ0MjgxMiA3Ljc0MjA0ODE5LDYuNTgzMzMyNDEgQzcuNzQyMDQ4MTksNy42ODIyMzY3IDYuODMzMDI5ODIsOC41NzYxMDM3OCA1LjcxNjA5NzY4LDguNTc2MTAzNzggTDUuNzE2MDk3NjgsOC41NzYxMDM3OCBaIE0xMC44OTQwNjQsNS42NDc0NTM4MyBDMTAuMzY5NDQ0NCw1LjY0NzQ1MzgzIDkuOTQyNjAzMjksNi4wNjczMDQ1IDkuOTQyNjAzMjksNi41ODMzMzI0MSBDOS45NDI2MDMyOSw3LjA5OTM2MDMyIDEwLjM2OTQ0NDQsNy41MTkyMTA5OCAxMC44OTQwNjQsNy41MTkyMTA5OCBDMTEuNDE4OTUyMyw3LjUxOTIxMDk4IDExLjg0NjA2Miw3LjA5OTM2MDMyIDExLjg0NjA2Miw2LjU4MzMzMjQxIEMxMS44NDYwNjIsNi4wNjczMDQ1IDExLjQxODk1MjMsNS42NDc0NTM4MyAxMC44OTQwNjQsNS42NDc0NTM4MyBMMTAuODk0MDY0LDUuNjQ3NDUzODMgWiBNMTAuODk0MDY0LDguNTc2MTAzNzggQzkuNzc3MTMxODYsOC41NzYxMDM3OCA4Ljg2ODExMzQ5LDcuNjgyMjM2NyA4Ljg2ODExMzQ5LDYuNTgzMzMyNDEgQzguODY4MTEzNDksNS40ODQ0MjgxMiA5Ljc3NzEzMTg2LDQuNTkwNTYxMDMgMTAuODk0MDY0LDQuNTkwNTYxMDMgQzEyLjAxMTgwMiw0LjU5MDU2MTAzIDEyLjkyMDU1MTgsNS40ODQ0MjgxMiAxMi45MjA1NTE4LDYuNTgzMzMyNDEgQzEyLjkyMDU1MTgsNy42ODIyMzY3IDEyLjAxMTgwMiw4LjU3NjEwMzc4IDEwLjg5NDA2NCw4LjU3NjEwMzc4IEwxMC44OTQwNjQsOC41NzYxMDM3OCBaIE0xNi4wNzMxMDQ4LDUuNjQ3NDUzODMgQzE1LjU0ODQ4NTIsNS42NDc0NTM4MyAxNS4xMjE2NDQxLDYuMDY3MzA0NSAxNS4xMjE2NDQxLDYuNTgzMzMyNDEgQzE1LjEyMTY0NDEsNy4wOTkzNjAzMiAxNS41NDg0ODUyLDcuNTE5MjEwOTggMTYuMDczMTA0OCw3LjUxOTIxMDk4IEMxNi41OTc3MjQ1LDcuNTE5MjEwOTggMTcuMDI0ODM0Miw3LjA5OTM2MDMyIDE3LjAyNDgzNDIsNi41ODMzMzI0MSBDMTcuMDI0ODM0Miw2LjA2NzMwNDUgMTYuNTk3NzI0NSw1LjY0NzQ1MzgzIDE2LjA3MzEwNDgsNS42NDc0NTM4MyBMMTYuMDczMTA0OCw1LjY0NzQ1MzgzIFogTTE2LjA3MzEwNDgsOC41NzYxMDM3OCBDMTQuOTU1OTA0MSw4LjU3NjEwMzc4IDE0LjA0NzE1NDMsNy42ODIyMzY3IDE0LjA0NzE1NDMsNi41ODMzMzI0MSBDMTQuMDQ3MTU0Myw1LjQ4NDQyODEyIDE0Ljk1NTkwNDEsNC41OTA1NjEwMyAxNi4wNzMxMDQ4LDQuNTkwNTYxMDMgQzE3LjE5MDMwNTYsNC41OTA1NjEwMyAxOC4wOTkzMjQsNS40ODQ0MjgxMiAxOC4wOTkzMjQsNi41ODMzMzI0MSBDMTguMDk5MzI0LDcuNjgyMjM2NyAxNy4xOTAzMDU2LDguNTc2MTAzNzggMTYuMDczMTA0OCw4LjU3NjEwMzc4IEwxNi4wNzMxMDQ4LDguNTc2MTAzNzggWiBNNi43MjkwNzI5MywxLjA4MjczMzgzIEMzLjYxMTE3MjE3LDEuMDgyNzMzODMgMS4wNzQ1NzAzOCwzLjU3Nzc5MzUxIDEuMDc0NTcwMzgsNi42NDQ4OTY0MSBDMS4wNzQ1NzAzOCw5LjAzNjY0NDgyIDIuNjI1MzI3NzgsMTEuMTU1NDUwNyA0LjkzMzg2OTExLDExLjkxNzIwNjEgTDUuMTcwNTI1NDgsMTEuOTk2MjA4OSBMNy43ODkwNTcxMiwxNC41ODM3NDY3IEwxMC4yMDIwOTI2LDEyLjIwOTE3MjggTDE1LjA1OTU5MjMsMTIuMjA5MTcyOCBDMTguMTc3NzYxNywxMi4yMDkxNzI4IDIwLjcxNDM2MzUsOS43MTMwNTYyMSAyMC43MTQzNjM1LDYuNjQ0ODk2NDEgQzIwLjcxNDM2MzUsMy41Nzc3OTM1MSAxOC4xNzc3NjE3LDEuMDgyNzMzODMgMTUuMDU5NTkyMywxLjA4MjczMzgzIEw2LjcyOTA3MjkzLDEuMDgyNzMzODMgWiBNNy43ODc0NDUzOCwxNi4wODAzMDY5IEw0LjU4NjI3MTY2LDEyLjkxNzI5MSBDMS44NDM2MzY0NSwxMi4wMTA3NDEyIDguMDU4NjczMzllLTA1LDkuNDkwMDUxODMgOC4wNTg2NzMzOWUtMDUsNi42NDQ4OTY0MSBDOC4wNTg2NzMzOWUtMDUsMi45OTQ5MTcxMyAzLjAxODU5MTA1LDAuMDI1ODQxMDI5IDYuNzI5MDcyOTMsMC4wMjU4NDEwMjkgTDE1LjA1OTU5MjMsMC4wMjU4NDEwMjkgQzE4Ljc3MDM0MjgsMC4wMjU4NDEwMjkgMjEuNzg4ODUzMywyLjk5NDkxNzEzIDIxLjc4ODg1MzMsNi42NDQ4OTY0MSBDMjEuNzg4ODUzMywxMC4yOTU5MzI2IDE4Ljc3MDM0MjgsMTMuMjY2MDY1NiAxNS4wNTk1OTIzLDEzLjI2NjA2NTYgTDEwLjY0NzQ2ODYsMTMuMjY2MDY1NiBMNy43ODc0NDUzOCwxNi4wODAzMDY5IFoiIGlkPSJGaWxsLTgiIGZpbGw9IiM0RDRENEQiPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) !important;
  background-color: white !important;
  transition: .3s ease all;
  cursor: pointer; }
  #wmlivechatbutton:hover {
    -ms-transform: scale(1.1);
        transform: scale(1.1); }
  #wmlivechatbutton.expanded {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.18) !important; }

/*  Organisms
    Organisms are groups of molecules (and possibly atoms) joined together to
    form distinct section of an interface (for example a masthead organism).
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $HEADER
\*----------------------------------------------------------------------------*/
.header__indicator {
  height: 59px; }
  @media only screen and (min-width: 654px) {
    .header__indicator {
      height: 140px; } }
  .header__indicator.is-editmode {
    height: 0; }

.header {
  width: 100%;
  z-index: 99;
  -ms-transform: none;
      transform: none;
  transition: 0.3s transform;
  position: absolute;
  top: 0;
  height: 59px;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif; }
  .header.navigation-is-active {
    position: fixed; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .header {
      box-shadow: 0px 4px 21px rgba(90, 90, 90, 0.0784314); } }
  .header .logo-w-payoff {
    height: 29px;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    margin-left: 15px;
    margin-top: 16px; }
    @media only screen and (min-width: 654px) {
      .header .logo-w-payoff {
        margin-left: 0;
        margin-top: 22px; } }
    .header .logo-w-payoff .logo__pay-off {
      margin-left: 5px;
      display: none; }
      @media (max-width: 330px) {
        .header .logo-w-payoff .logo__pay-off {
          display: none; } }
      @media only screen and (min-width: 654px) {
        .header .logo-w-payoff .logo__pay-off {
          display: none; } }
      @media only screen and (min-width: 961px) {
        .header .logo-w-payoff .logo__pay-off {
          display: inline; } }
    .header .logo-w-payoff img {
      height: 100%;
      width: auto; }
  .header .site-retain {
    padding: 0; }
    @media only screen and (min-width: 654px) {
      .header .site-retain {
        /* 1 */
        /* 2 */
        /* 3 */
        padding: 0 1.57143rem ; } }
  .header .search-highlight__content {
    top: 60px;
    right: 0; }
    .header .search-highlight__content .search-input {
      box-shadow: 0px 4px 21px rgba(90, 90, 90, 0.0784314); }
      .header .search-highlight__content .search-input img {
        height: 20px;
        position: relative;
        top: 3px; }
  @media only screen and (min-width: 654px) {
    .header {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100%;
      -ms-transform: none;
          transform: none;
      transition: 0.3s transform;
      /* 1 */
      /* 2 */
      /* 3 */
      height: 5rem ;
      position: relative; }
      .header.is-stuck {
        position: fixed; } }

/*  $No javascript
\*----------------------------------------------------------------------------*/
.no-js .header {
  position: relative;
  top: 0; }

/*----------------------------------------------------------------------------*\
    $Masthead
\*----------------------------------------------------------------------------*/
.masthead {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #4d4d4d;
  z-index: 3; }
  .masthead.is-hero .masthead__header__wrapper {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem 0 ; }
  .masthead.is-homepage {
    overflow: hidden; }
    .masthead.is-homepage .masthead__header {
      text-align: left; }
    .masthead.is-homepage .masthead__text-retain:after {
      content: "";
      position: absolute;
      top: -150px;
      left: -300px;
      right: -200px;
      bottom: -250px;
      background-image: radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
      z-index: -1; }
    .masthead.is-homepage .top-links {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-top: 3.14286rem ; }
  .masthead .zipcode-check label {
    text-shadow: 0 1px 2px #4d4d4d; }
  .masthead .faq-search-form {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 1.57143rem ; }
  .masthead.is-dark .masthead__title,
  .masthead.is-dark .zipcode-check label {
    color: #4d4d4d;
    text-shadow: none; }
  .masthead.is-dark .masthead__subtitle h1, .masthead.is-dark .masthead__subtitle .h1,
  .masthead.is-dark .masthead__subtitle h2,
  .masthead.is-dark .masthead__subtitle .h2,
  .masthead.is-dark .masthead__subtitle h3,
  .masthead.is-dark .masthead__subtitle .h3,
  .masthead.is-dark .masthead__subtitle h4,
  .masthead.is-dark .masthead__subtitle .h4,
  .masthead.is-dark .masthead__subtitle h5,
  .masthead.is-dark .masthead__subtitle .h5,
  .masthead.is-dark .masthead__subtitle h6,
  .masthead.is-dark .masthead__subtitle .h6,
  .masthead.is-dark .masthead__subtitle p,
  .masthead.is-dark .masthead__intro h1,
  .masthead.is-dark .masthead__intro .h1,
  .masthead.is-dark .masthead__intro h2,
  .masthead.is-dark .masthead__intro .h2,
  .masthead.is-dark .masthead__intro h3,
  .masthead.is-dark .masthead__intro .h3,
  .masthead.is-dark .masthead__intro h4,
  .masthead.is-dark .masthead__intro .h4,
  .masthead.is-dark .masthead__intro h5,
  .masthead.is-dark .masthead__intro .h5,
  .masthead.is-dark .masthead__intro h6,
  .masthead.is-dark .masthead__intro .h6,
  .masthead.is-dark .masthead__intro p {
    color: #4d4d4d;
    text-shadow: none; }

/*  $Header
    \*----------------------------------------------------------------------------*/
.masthead__header {
  position: relative;
  z-index: 2;
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 ;
  display: block;
  vertical-align: middle;
  width: 100%; }

.masthead__header__wrapper {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 ; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.masthead__title {
  font-size: 34px;
  line-height: 1.1;
  color: #ffffff;
  font-weight: 400;
  text-shadow: 0 1px 2px #4d4d4d; }

/*  $Subtitle
    \*----------------------------------------------------------------------------*/
.masthead__subtitle h2, .masthead__subtitle .h2,
.masthead__intro h2,
.masthead__intro .h2 {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ;
  line-height: 1.83333;
  line-height: 1.1;
  color: #ffffff;
  font-weight: 400;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  margin-bottom: 0;
  text-shadow: 0 1px 2px #4d4d4d; }

.masthead__subtitle p,
.masthead__intro p {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  line-height: 1.4;
  color: #ffffff;
  margin-bottom: 0;
  text-shadow: 0 1px 2px #4d4d4d; }

@media only screen and (min-width: 654px) {
  .masthead {
    /* 1 */
    /* 2 */
    /* 3 */
    min-height: 11.42857rem ; }
    .masthead.is-jobs .masthead__header__wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      /* 1 */
      /* 2 */
      /* 3 */
      min-height: 26.42857rem ; }
    .masthead.is-hero .masthead__header__wrapper {
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 6.28571rem 0 ; }
    .masthead.is-homepage .masthead__header__wrapper {
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 6.28571rem 0 3.14286rem 0 ; }
    .masthead.is-homepage .top-links {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-top: 6.28571rem ; }
  /*  $Header
        \*----------------------------------------------------------------------------*/
  .masthead__header {
    text-align: left; }
  .masthead__header__wrapper {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 3.14286rem 0 ; }
  /*  $Text-retain
        \*----------------------------------------------------------------------------*/
  .masthead__text-retain {
    max-width: 56%;
    position: relative; }
  /*  $Title
        \*----------------------------------------------------------------------------*/
  .masthead__title {
    font-size: 44px;
    line-height: 1.1; }
  /*  $Subtitle
        \*----------------------------------------------------------------------------*/
  .masthead__subtitle h2, .masthead__subtitle .h2 {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.71429rem ;
    line-height: 1.83333;
    line-height: 1.1; } }

@media only screen and (min-width: 961px) {
  .masthead.is-homepage .masthead__header__wrapper {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 9.42857rem 0 3.14286rem 0 ; }
  .masthead.is-homepage .top-links {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 9.42857rem ; } }

@media print {
  .masthead__header__wrapper {
    padding: 0 !important; } }

.redesign .masthead {
  transition: .3s ease all;
  z-index: 2; }
  .redesign .masthead .site-retain {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    margin: auto; }
  .redesign .masthead.is-hero {
    height: 250px; }
    @media only screen and (min-width: 654px) {
      .redesign .masthead.is-hero {
        height: 300px; } }
    @media only screen and (min-width: 961px) {
      .redesign .masthead.is-hero {
        min-height: 300px;
        height: 0;
        padding-top: 25%; } }
    .redesign .masthead.is-hero .masthead__text-retain {
      position: absolute;
      bottom: 20px; }
      @media only screen and (min-width: 654px) {
        .redesign .masthead.is-hero .masthead__text-retain {
          bottom: 0; } }
    .redesign .masthead.is-hero .masthead__title {
      margin-bottom: 0; }
  .redesign .masthead.is-hero-with-overlay {
    min-height: 335px; }
    @media only screen and (min-width: 961px) {
      .redesign .masthead.is-hero-with-overlay {
        height: 0;
        padding-top: 25%; } }
    .redesign .masthead.is-hero-with-overlay .masthead__text-retain {
      position: absolute;
      bottom: 70px; }
      @media only screen and (min-width: 654px) {
        .redesign .masthead.is-hero-with-overlay .masthead__text-retain {
          bottom: 90px; } }
    .redesign .masthead.is-hero-with-overlay .masthead__title {
      margin-bottom: 0; }
  .redesign .masthead.is-homepage, .redesign .masthead.is-homepage-with-overlay {
    min-height: 280px; }
    .redesign .masthead.is-homepage .masthead__title, .redesign .masthead.is-homepage-with-overlay .masthead__title {
      font-size: 32px;
      line-height: 32px;
      text-shadow: 0 0 0; }
      @media only screen and (min-width: 654px) {
        .redesign .masthead.is-homepage .masthead__title, .redesign .masthead.is-homepage-with-overlay .masthead__title {
          font-size: 45px;
          line-height: 45px; } }
      @media only screen and (min-width: 961px) {
        .redesign .masthead.is-homepage .masthead__title, .redesign .masthead.is-homepage-with-overlay .masthead__title {
          font-size: 55px;
          line-height: 55px; } }
  .redesign .masthead.is-homepage {
    height: 45vh; }
    @media only screen and (min-width: 654px) {
      .redesign .masthead.is-homepage {
        height: 55vh; } }
    @media only screen and (min-width: 961px) {
      .redesign .masthead.is-homepage {
        height: 0;
        padding-top: 37%; } }
    .redesign .masthead.is-homepage .masthead__text-retain {
      position: absolute;
      bottom: 7vh; }
  .redesign .masthead.is-homepage-with-overlay {
    z-index: 2;
    height: 45vh; }
    @media only screen and (min-width: 654px) {
      .redesign .masthead.is-homepage-with-overlay {
        height: 55vh; } }
    @media only screen and (min-width: 961px) {
      .redesign .masthead.is-homepage-with-overlay {
        height: 0;
        padding-top: 37%; } }
    .redesign .masthead.is-homepage-with-overlay .masthead__text-retain {
      position: absolute;
      bottom: 70px; }
      @media only screen and (min-width: 654px) {
        .redesign .masthead.is-homepage-with-overlay .masthead__text-retain {
          bottom: 70px; } }
      @media only screen and (min-width: 961px) {
        .redesign .masthead.is-homepage-with-overlay .masthead__text-retain {
          bottom: 70px; } }

.redesign .masthead__header__wrapper {
  height: 100%; }

.redesign .masthead__text-retain {
  max-width: 100%;
  position: relative; }
  @media only screen and (min-width: 654px) {
    .redesign .masthead__text-retain {
      max-width: 80%; } }
  @media only screen and (min-width: 961px) {
    .redesign .masthead__text-retain {
      max-width: 56%; } }

.redesign .masthead__title {
  text-shadow: 0 0 0; }

.redesign .masthead__header {
  height: 100%;
  text-align: left; }

/*----------------------------------------------------------------------------*\
    $Troubleshooter
\*----------------------------------------------------------------------------*/
/*  $Item
    \*----------------------------------------------------------------------------*/
.troubleshooter__item {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 ;
  background: #e5eaf0; }
  .troubleshooter__item:nth-child(even) {
    background: #f0f3f6; }
  .troubleshooter__item.is-inactive .troubleshooter__content {
    opacity: 0.5; }
  .troubleshooter__item.is-inactive .troubleshooter__link {
    opacity: 0.5; }
    .troubleshooter__item.is-inactive .troubleshooter__link:hover {
      background: #ffffff; }
    .troubleshooter__item.is-inactive .troubleshooter__link.is-active {
      opacity: 1; }
      .troubleshooter__item.is-inactive .troubleshooter__link.is-active:hover {
        background: #bdd46a; }

/*  $Step
        \*----------------------------------------------------------------------------*/
.troubleshooter__step {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  line-height: 1.375;
  font-weight: 500;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  color: #4d4d4d;
  margin-bottom: 0;
  max-width: none;
  text-align: center; }

/*  $Title
        \*----------------------------------------------------------------------------*/
.troubleshooter__title {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ;
  line-height: 1.83333;
  line-height: 1.25;
  font-weight: 200;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  color: #4d4d4d;
  text-align: center; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.troubleshooter__content {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Description
    \*----------------------------------------------------------------------------*/
.troubleshooter__description {
  color: #4d4d4d;
  max-width: 38em;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.troubleshooter__description--extended {
  text-align: center; }

.troubleshooter__description--extended__label {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 3.57143rem 0.78571rem 1.57143rem ;
  background: #ffffff;
  text-decoration: none;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  position: relative; }
  .troubleshooter__description--extended__label:after {
    position: absolute;
    content: "";
    top: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 1.57143rem ;
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 0.5rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1.07143rem ;
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIzMS42IDI2MC4yIDU0OC45IDI3MS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMxLjYgMjYwLjIgNTQ4LjkgMjcxLjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM0RDRENEQiIGQ9Ik01NDAuMywyNjAuMmMtMjIsMC00MC4yLDE3LjItNDAuMiwzOC4yczE4LjIsMzguMiw0MC4yLDM4LjJzNDAuMi0xNy4yLDQwLjItMzguMg0KCQkJQzU4MC40LDI3Ny40LDU2Mi4zLDI2MC4yLDU0MC4zLDI2MC4yeiBNMzA2LDQ1NS4zYy0yMiwwLTQwLjIsMTcuMi00MC4yLDM4LjJzMTguMiwzOC4zLDQwLjIsMzguM2MyMiwwLDQwLjItMTcuMiw0MC4yLTM4LjMNCgkJCVMzMjgsNDU1LjMsMzA2LDQ1NS4zeiBNNDI4LjQsMzU1LjhjLTIyLDAtNDAuMiwxNy4yLTQwLjIsMzguMnMxOC4yLDM4LjIsNDAuMiwzOC4yczQwLjItMTcuMiw0MC4yLTM4LjINCgkJCUM0NjguNiwzNzMuMSw0NTAuNCwzNTUuOCw0MjguNCwzNTUuOHogTTcxLjcsMjYwLjJjLTIyLDAtNDAuMiwxNy4yLTQwLjIsMzguMnMxOC4yLDM4LjIsNDAuMiwzOC4yczQwLjItMTcuMiw0MC4yLTM4LjINCgkJCUMxMTIuOCwyNzcuNCw5NC43LDI2MC4yLDcxLjcsMjYwLjJ6IE0xODMuNiwzNTUuOGMtMjIsMC00MC4yLDE3LjItNDAuMiwzOC4yczE4LjIsMzguMiw0MC4yLDM4LjJzNDAuMi0xNy4yLDQwLjItMzguMg0KCQkJQzIyMy44LDM3My4xLDIwNS42LDM1NS44LDE4My42LDM1NS44eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K");
    background-size: cover;
    pointer-events: none;
    background-repeat: no-repeat; }
  .troubleshooter__description--extended__label.is-active:after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIzMS42IDI2MC4yIDU0OC45IDI3MS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDMxLjYgMjYwLjIgNTQ4LjkgMjcxLjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM0RDRENEQiIGQ9Ik03MS43LDQ1NS4zYy0yMiwwLTQwLjIsMTcuMi00MC4yLDM4LjJzMTguMiwzOC4zLDQwLjIsMzguM3M0MC4yLTE3LjIsNDAuMi0zOC4zDQoJCQlDMTEyLjgsNDcyLjUsOTQuNyw0NTUuMyw3MS43LDQ1NS4zeiBNMzA2LDI2MC4yYy0yMiwwLTQwLjIsMTcuMi00MC4yLDM4LjJzMTguMiwzOC4yLDQwLjIsMzguMmMyMiwwLDQwLjItMTcuMiw0MC4yLTM4LjINCgkJCUMzNDYuMiwyNzcuNCwzMjgsMjYwLjIsMzA2LDI2MC4yeiBNMTgzLjYsMzU5LjdjLTIyLDAtNDAuMiwxNy4yLTQwLjIsMzguMnMxOC4yLDM4LjIsNDAuMiwzOC4yczQwLjItMTcuMiw0MC4yLTM4LjINCgkJCUMyMjMuOCwzNzYuOSwyMDUuNiwzNTkuNywxODMuNiwzNTkuN3ogTTU0MC4zLDQ1NS4zYy0yMiwwLTQwLjIsMTcuMi00MC4yLDM4LjJzMTguMiwzOC4zLDQwLjIsMzguM3M0MC4yLTE3LjIsNDAuMi0zOC4zDQoJCQlTNTYyLjMsNDU1LjMsNTQwLjMsNDU1LjN6IE00MjguNCwzNTkuN2MtMjIsMC00MC4yLDE3LjItNDAuMiwzOC4yczE4LjIsMzguMiw0MC4yLDM4LjJzNDAuMi0xNy4yLDQwLjItMzguMg0KCQkJUzQ1MC40LDM1OS43LDQyOC40LDM1OS43eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); }

.troubleshooter__description--extended__wrapper {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 ;
  text-align: left;
  display: none; }
  .troubleshooter__description--extended__wrapper.is-active {
    display: block; }

/*  $Choices
    \*----------------------------------------------------------------------------*/
.troubleshooter__choices.has-tooltips .troubleshooter__link {
  width: 80%; }

.troubleshooter__choice {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 0.78571rem ; }

.troubleshooter__link {
  background: #ffffff;
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem 1.57143rem ;
  display: inline-block;
  vertical-align: middle;
  transition: background 0.15s;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0; }
  .troubleshooter__link:hover {
    background: #bdd46a; }
  .troubleshooter__link.is-active {
    background: #bdd46a; }
  .troubleshooter__link img {
    margin: 0 auto 11px auto;
    display: block;
    /* 1 */
    /* 2 */
    /* 3 */
    max-height: 12.57143rem ;
    width: 100%; }
  .troubleshooter__link span {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375;
    line-height: 1.25;
    font-weight: 400;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    display: table-cell;
    vertical-align: middle; }
  .troubleshooter__link .loader {
    display: table-cell;
    vertical-align: middle; }
    .troubleshooter__link .loader img {
      /* 1 */
      /* 2 */
      /* 3 */
      height: 2.35714rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      width: 2.35714rem ;
      display: block; }

/*  $Aligner
        \*----------------------------------------------------------------------------*/
.troubleshooter__aligner {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

/*  $Tooltip
        \*----------------------------------------------------------------------------*/
.troubleshooter__tooltip__trigger {
  color: #ffffff;
  background: #4d4d4d;
  border-radius: 50%;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.78571rem ;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle; }

.troubleshooter__tooltip__content {
  display: none;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.78571rem ; }
  .troubleshooter__tooltip__content *:last-child {
    margin-bottom: 0; }
  .troubleshooter__tooltip__content:is-active {
    display: block; }

@media only screen and (min-width: 654px) {
  /*  $Item
        \*----------------------------------------------------------------------------*/
  .troubleshooter__item {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 4.71429rem 0 ; }
  /*  $Step
        \*----------------------------------------------------------------------------*/
  .troubleshooter__step {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.57143rem ;
    line-height: 1; }
  /*  $Title
        \*----------------------------------------------------------------------------*/
  .troubleshooter__title {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 2.28571rem ;
    line-height: 1.375; }
  /*  $Media
        \*----------------------------------------------------------------------------*/
  .troubleshooter__media {
    max-width: 38em;
    margin-left: auto;
    margin-right: auto; }
  /*  $Choices
        \*----------------------------------------------------------------------------*/
  .troubleshooter__choice {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 1.57143rem ; }
  .troubleshooter__link {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem ; }
    .troubleshooter__link span {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.42857rem ;
      line-height: 1.1;
      line-height: 1.25;
      text-align: center; } }

@media only screen and (min-width: 961px) {
  /*  Choices
    \*----------------------------------------------------------------------------*/
  .troubleshooter__choices.has-tooltips .troubleshooter__tooltip__trigger {
    display: inline-block; }
  .troubleshooter__choices.has-tooltips .troubleshooter__tooltip__content {
    display: none;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 1.57143rem ; }
  .troubleshooter__choices.has-tooltips.has-blocks .troubleshooter__link {
    width: 100%; }
  .troubleshooter__choices.has-tooltips.has-blocks .troubleshooter__tooltip__trigger {
    display: none; }
  .troubleshooter__choices.has-tooltips.has-blocks .troubleshooter__tooltip__content {
    display: block; }
  .troubleshooter__link {
    /* 1 */
    /* 2 */
    /* 3 */
    min-height: 15.57143rem ; }
    .troubleshooter__link.is-flat {
      min-height: 0; } }

.redesign .troubleshooter {
  overflow: hidden; }

.redesign .troubleshooter__item {
  background: white;
  position: relative; }
  .redesign .troubleshooter__item:before {
    content: '';
    position: absolute;
    height: 70%;
    width: 200vw;
    top: 15%;
    left: -100vw;
    z-index: -1;
    background-color: #f7f7f7; }

.redesign .troubleshooter__info {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #4d4d4d;
  z-index: 10; }

.redesign .troubleshooter__info {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #4d4d4d;
  z-index: 10; }

.redesign .troubleshooter__choice {
  position: relative; }
  .redesign .troubleshooter__choice .troubleshooter__link {
    position: relative;
    min-height: auto;
    padding: 30px 30px 60px 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%; }
    @media only screen and (min-width: 1px) and (max-width: 653px) {
      .redesign .troubleshooter__choice .troubleshooter__link {
        padding: 20px 20px 40px 20px;
        margin-bottom: 40px; } }
    .redesign .troubleshooter__choice .troubleshooter__link .troubleshooter__image {
      max-width: 116px;
      margin-bottom: 30px; }
    .redesign .troubleshooter__choice .troubleshooter__link .troubleshooter__title {
      margin: 0;
      padding: 0;
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.71429rem ;
      line-height: 1.83333;
      line-height: 1.5; }
    .redesign .troubleshooter__choice .troubleshooter__link:hover {
      background-color: #f7f9fa; }
    .redesign .troubleshooter__choice .troubleshooter__link .troubleshooter__checkbox {
      position: absolute;
      background-color: #ffd100;
      font-family: "Klavika", "Arial", "Helvetica", sans-serif;
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.28571rem ;
      line-height: 1.22222;
      left: 50%;
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
      height: 55px;
      line-height: 55px;
      width: 150px;
      color: #4d4d4d;
      text-transform: uppercase;
      font-weight: 500;
      bottom: -25px;
      text-align: center;
      border-radius: 2px; }
      .redesign .troubleshooter__choice .troubleshooter__link .troubleshooter__checkbox.is-active {
        background-color: #6cc450;
        color: #ffffff; }
        .redesign .troubleshooter__choice .troubleshooter__link .troubleshooter__checkbox.is-active span {
          /* 1 */
          /* 2 */
          /* 3 */
          font-size: 2rem ;
          line-height: 1.57143;
          display: block;
          line-height: 55px; }
      .redesign .troubleshooter__choice .troubleshooter__link .troubleshooter__checkbox:hover {
        background-color: #ffe053;
        color: #ffffff; }

/*----------------------------------------------------------------------------*\
    $Footer
\*----------------------------------------------------------------------------*/
/*  $Primary
    \*----------------------------------------------------------------------------*/
.footer__primary {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 ; }
  .footer__primary .disclaimer-navigation {
    display: inline-block;
    vertical-align: middle; }
  .footer__primary .social-buttons {
    text-align: center;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 1.57143rem ; }

/*  $Secondary
    \*----------------------------------------------------------------------------*/
.footer__secondary {
  display: none; }

@media only screen and (min-width: 654px) {
  /*  $Primary
    \*----------------------------------------------------------------------------*/
  .footer__primary .social-buttons {
    margin-top: 0;
    text-align: right; }
  /*  $Secondary
    \*----------------------------------------------------------------------------*/
  .footer__secondary {
    display: block; }
    .footer__secondary .highlight-navigation {
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 3.14286rem 0 1.57143rem 0 ; } }

/*----------------------------------------------------------------------------*\
    $Social-stack
\*----------------------------------------------------------------------------*/
.social-stack__bar .button--social {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

.social-stack__bar .social-buttons {
  display: inline-block;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

.social-stack__inter-text {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  color: #999999;
  display: block; }

@media only screen and (min-width: 654px) {
  .social-stack__bar .button--social {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 1.57143rem ;
    margin-bottom: 0; }
  .social-stack__bar .social-buttons {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0; }
  .social-stack__inter-text {
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 1.57143rem ;
    margin-bottom: 0; } }

/*----------------------------------------------------------------------------*\
    $Roadmap
\*----------------------------------------------------------------------------*/
.roadmap {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 3.14286rem ;
  max-width: 50em; }
  .roadmap > ol {
    margin-left: 0;
    list-style-type: none;
    counter-reset: li-counter;
    max-width: none; }
    .roadmap > ol > li {
      clear: both; }
      .roadmap > ol > li:before {
        content: counter(li-counter);
        counter-increment: li-counter;
        float: left;
        border-radius: 50%;
        background: #ffffff;
        border: 1px solid #4d4d4d;
        /* 1 */
        /* 2 */
        /* 3 */
        height: 2.28571rem ;
        /* 1 */
        /* 2 */
        /* 3 */
        width: 2.28571rem ;
        line-height: 30px;
        text-align: center;
        display: block; }
      .roadmap > ol > li:last-child .roadmap__step {
        border-left: none; }

/*  $Step
    \*----------------------------------------------------------------------------*/
.roadmap__step {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 1.07143rem ;
  border-left: 2px solid #e6e6e6; }
  .roadmap__step h1, .roadmap__step .h1,
  .roadmap__step h2,
  .roadmap__step .h2,
  .roadmap__step h3,
  .roadmap__step .h3,
  .roadmap__step h4,
  .roadmap__step .h4,
  .roadmap__step h5,
  .roadmap__step .h5,
  .roadmap__step h6,
  .roadmap__step .h6 {
    font-weight: 200; }

@media only screen and (min-width: 654px) {
  /*  $Step
        \*----------------------------------------------------------------------------*/
  .roadmap__step {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 3.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 3.14286rem ; } }

/*----------------------------------------------------------------------------*\
    $Search results
\*----------------------------------------------------------------------------*/
.search-results {
  list-style: none;
  padding: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 1.57143rem 0 ; }
  .search-results > li {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.search-results__title {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 2.35714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

/*  $Item
    \*----------------------------------------------------------------------------*/
.search-results__item {
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  text-decoration: none; }

/*  $Toggle
    \*----------------------------------------------------------------------------*/
.search-pagination__toggle {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Container
    \*----------------------------------------------------------------------------*/
.search-pagination__container {
  text-align: center; }

/*----------------------------------------------------------------------------*\
    $Error 500
\*----------------------------------------------------------------------------*/
.error-500 {
  min-height: 100vh;
  display: table;
  width: 100%; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.error-500__content {
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 3.14286rem ; }
  .error-500__content p {
    margin-left: auto;
    margin-right: auto;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ;
    color: #4d4d4d; }

/*  $Logo
    \*----------------------------------------------------------------------------*/
.error-500__logo {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 10.71429rem ;
  margin: 0 auto 22px auto; }

/*  $Aligner
    \*----------------------------------------------------------------------------*/
.error-500__aligner {
  display: table-cell;
  vertical-align: middle; }

@media only screen and (min-width: 654px) {
  /*  $Logo
    \*----------------------------------------------------------------------------*/
  .error-500__logo {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 21.42857rem ;
    margin: 0 auto 22px auto; } }

/*----------------------------------------------------------------------------*\
    $Masonry overview
\*----------------------------------------------------------------------------*/
/*  $Item
    \*----------------------------------------------------------------------------*/
.masonry-overview__item {
  position: relative;
  overflow: hidden;
  padding-bottom: 0;
  text-decoration: none;
  text-align: left;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 3.14286rem ; }
  .masonry-overview__item:after {
    content: '\e804';
    font-family: "Fontello";
    position: absolute;
    top: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 1rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -0.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375;
    line-height: 1; }
  .masonry-overview__item h2, .masonry-overview__item .h2 {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.14286rem ; }
  .masonry-overview__item:hover .masonry-overview__img img {
    opacity: 1; }
  .masonry-overview__item.is-highlighted {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 1.57143rem ; }
    .masonry-overview__item.is-highlighted:after {
      display: none; }
    .masonry-overview__item.is-highlighted .masonry-overview__img {
      display: block; }
    .masonry-overview__item.is-highlighted h2, .masonry-overview__item.is-highlighted .h2 {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-bottom: 0.42857rem ; }

/*  $Img
    \*----------------------------------------------------------------------------*/
.masonry-overview__img {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.14286rem ;
  overflow: hidden;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem 0.57143rem 0 0 ;
  display: none;
  position: relative; }
  .masonry-overview__img img {
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.57143rem 0.57143rem 0 0 ;
    display: block;
    width: 100%;
    transition: opacity 0.3s;
    opacity: 0.8; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.masonry-overview__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

@media only screen and (min-width: 654px) {
  .masonry-overview__item {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 1.57143rem ; }
    .masonry-overview__item:after {
      display: none; }
  .masonry-overview__img {
    display: block; }
  .masonry-overview__actions {
    margin-top: 0;
    text-align: center; } }

/*----------------------------------------------------------------------------*\
    $Infographic
\*----------------------------------------------------------------------------*/
@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-7px); }
  60% {
    transform: translateY(-4px); } }

@media only screen and (min-width: 654px) {
  /*  $Img
    \*----------------------------------------------------------------------------*/
  .infographic__img {
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 3.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; }
    .infographic__img img {
      width: 100%; }
  /*  $Options
    \*----------------------------------------------------------------------------*/
  .infographic-thuis__option-1, .infographic-zakelijk__option-1, .infographic-thuis__option-2, .infographic-zakelijk__option-2, .infographic-thuis__option-3, .infographic-zakelijk__option-3, .infographic-thuis__option-4, .infographic-zakelijk__option-5, .infographic-zakelijk__option-4 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
    z-index: 5; }
    .is-active.infographic-thuis__option-1, .is-active.infographic-zakelijk__option-1, .is-active.infographic-thuis__option-2, .is-active.infographic-zakelijk__option-2, .is-active.infographic-thuis__option-3, .is-active.infographic-zakelijk__option-3, .is-active.infographic-thuis__option-4, .is-active.infographic-zakelijk__option-5, .is-active.infographic-zakelijk__option-4 {
      animation: bounce 2s infinite; }
  .infographic-thuis__option-1, .infographic-zakelijk__option-1 {
    background-image: url("../images/infographic/netbeheerder.png");
    /* 1 */
    /* 2 */
    /* 3 */
    height: 5.21429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 9rem ; }
    .is-active.infographic-thuis__option-1, .is-active.infographic-zakelijk__option-1 {
      background-image: url("../images/infographic/netbeheerder_active.png"); }
  .infographic-thuis__option-2, .infographic-zakelijk__option-2 {
    background-image: url("../images/infographic/energieleverancier.png");
    /* 1 */
    /* 2 */
    /* 3 */
    height: 5.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 8.14286rem ; }
    .is-active.infographic-thuis__option-2, .is-active.infographic-zakelijk__option-2 {
      background-image: url("../images/infographic/energieleverancier_active.png"); }
  .infographic-thuis__option-3, .infographic-zakelijk__option-3 {
    background-image: url("../images/infographic/aannemer.png");
    /* 1 */
    /* 2 */
    /* 3 */
    height: 5.28571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 7.14286rem ; }
    .is-active.infographic-thuis__option-3, .is-active.infographic-zakelijk__option-3 {
      background-image: url("../images/infographic/aannemer_active.png"); }
  .infographic-thuis__option-4, .infographic-zakelijk__option-5 {
    background-image: url("../images/infographic/klant.png");
    /* 1 */
    /* 2 */
    /* 3 */
    height: 5.28571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 5.42857rem ; }
    .is-active.infographic-thuis__option-4, .is-active.infographic-zakelijk__option-5 {
      background-image: url("../images/infographic/klant_active.png"); }
  .infographic-zakelijk__option-4 {
    background-image: url("../images/infographic/meetbedrijf.png");
    /* 1 */
    /* 2 */
    /* 3 */
    height: 5.21429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 8.14286rem ; }
    .is-active.infographic-zakelijk__option-4 {
      background-image: url("../images/infographic/meetbedrijf_active.png"); }
  .infographic-thuis__option-1 {
    top: 5%;
    left: -2%; }
  .infographic-thuis__option-2 {
    top: 0;
    left: 28%; }
  .infographic-thuis__option-3 {
    top: 20%;
    left: 61%; }
  .infographic-thuis__option-4 {
    top: 1%;
    left: 84%; }
  .infographic-zakelijk__option-1 {
    top: 4%;
    left: -2%; }
  .infographic-zakelijk__option-2 {
    top: 5%;
    left: 23%; }
  .infographic-zakelijk__option-3 {
    top: 14%;
    left: 50%; }
  .infographic-zakelijk__option-4 {
    top: 17%;
    left: 68%; }
  .infographic-zakelijk__option-5 {
    top: 1%;
    left: 89%; }
  /*  $Content
    \*----------------------------------------------------------------------------*/
  .infographic__content {
    display: none; }
    .infographic__content.is-active {
      display: block; } }

@media only screen and (min-width: 961px) {
  /*  $Options
    \*----------------------------------------------------------------------------*/
  .infographic-thuis__option-1 {
    top: 3%;
    left: 2%; }
  .infographic-thuis__option-2 {
    top: 0%;
    left: 26%; }
  .infographic-thuis__option-3 {
    top: 20%;
    left: 63%; }
  .infographic-thuis__option-4 {
    top: 8%;
    left: 82%; }
  .infographic-zakelijk__option-1 {
    top: 3%;
    left: 1%; }
  .infographic-zakelijk__option-2 {
    top: 1%;
    left: 24%; }
  .infographic-zakelijk__option-3 {
    top: 23%;
    left: 55%; }
  .infographic-zakelijk__option-4 {
    top: 11%;
    left: 71%; }
  .infographic-zakelijk__option-5 {
    top: 1%;
    left: 91%; }
  /*  $Wicks
    \*----------------------------------------------------------------------------*/
  .infographic-thuis__wick-1, .infographic-thuis__wick-2, .infographic-zakelijk__wick-1 {
    background-image: url("../images/infographic/wieken.png");
    /* 1 */
    /* 2 */
    /* 3 */
    height: 5.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 5.57143rem ;
    position: absolute;
    z-index: 3;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: rotate; }
  .infographic-thuis__wick-1 {
    /* 1 */
    /* 2 */
    /* 3 */
    top: 7.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    left: 9.71429rem ;
    animation-duration: 2.5s; }
  .infographic-thuis__wick-2 {
    /* 1 */
    /* 2 */
    /* 3 */
    top: 7.07143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    left: 15.85714rem ;
    animation-duration: 2.7s; }
  .infographic-zakelijk__wick-1 {
    /* 1 */
    /* 2 */
    /* 3 */
    top: 7.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    left: 11.5rem ;
    animation-duration: 2.5s; }
  /*  $List
    \*----------------------------------------------------------------------------*/
  .infographic__list {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 3.14286rem ; } }

/*----------------------------------------------------------------------------*\
    $Cookie bar
\*----------------------------------------------------------------------------*/
.cc-cookies {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0.5em 5%;
  background: #000;
  color: #ffffff;
  z-index: 99999;
  text-align: center; }

.cc-cookies a,
.cc-cookies a:hover {
  color: #ffffff;
  text-decoration: underline; }

.cc-cookies a:hover {
  text-decoration: none; }

.cc-overlay {
  height: 100%;
  padding-top: 25%; }

.cc-cookies-error {
  float: left;
  width: 90%;
  text-align: center;
  margin: 1em 0 2em 0;
  background: #fff;
  padding: 2em 5%;
  border: 1px solid #ccc;
  font-size: 18px;
  color: #333; }

.cc-cookies a.cc-cookie-accept,
.cc-cookies-error a.cc-cookie-accept,
.cc-cookies a.cc-cookie-decline,
.cc-cookies-error a.cc-cookie-decline,
.cc-cookies a.cc-cookie-reset {
  display: inline-block;
  color: #000;
  text-decoration: none;
  background: #bdd46a;
  padding: 0.5em 0.75em;
  border-radius: 3px;
  margin-left: 10px;
  margin-top: 4px;
  margin-right: 10px; }

.cc-cookies a.cc-cookie-decline,
.cc-cookies-error a.cc-cookie-decline {
  background: #af3b3b;
  margin-left: 0.5em; }

.cc-cookies a.cc-cookie-reset {
  background: #f15b00; }

.cc-cookies-error a.cc-cookie-accept,
.cc-cookies-error a.cc-cookie-decline {
  display: block;
  margin-top: 1em; }

.cc-cookies.cc-discreet {
  width: auto;
  padding: 0.5em 1em;
  left: auto;
  top: auto; }

.cc-cookies.cc-discreet a.cc-cookie-reset {
  background: none;
  text-shadow: none;
  padding: 0;
  text-decoration: underline; }

.cc-cookies.cc-discreet a:hover.cc-cookie-reset {
  text-decoration: none; }

@media screen and (max-width: 768px) {
  .cc-cookies a.cc-cookie-accept,
  .cc-cookies a.cc-cookie-decline,
  .cc-cookies a.cc-cookie-reset {
    display: block;
    margin: 1em 0; } }

@media screen and (max-width: 480px) {
  .cc-cookies {
    position: fixed; } }

/*----------------------------------------------------------------------------*\
    $Form
\*----------------------------------------------------------------------------*/
/*  $Tiled
    \*----------------------------------------------------------------------------*/
.form--tiled .form__fieldset {
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ; }

/*  $Header
    \*----------------------------------------------------------------------------*/
.form__header {
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 3.14286rem ;
  background: #e5eaf0;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ; }
  .form__header *:last-child {
    margin-bottom: 0; }

/*  $Fieldset
    \*----------------------------------------------------------------------------*/
.form__fieldset {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Row
    \*----------------------------------------------------------------------------*/
.form__row.has-double-down {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.form__actions {
  text-align: center; }
  .form__actions [class*="button"],
  .form__actions [class*="link"] {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.78571rem ; }

.form__actions__pull-left {
  text-align: left; }

.form__actions__pull-right {
  text-align: right; }
  .form__actions__pull-right [class*="button"],
  .form__actions__pull-right [class*="link"] {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 0.78571rem ;
    margin-right: 0; }

/*  $Hidden
    \*----------------------------------------------------------------------------*/
.auto-location-setter__notification,
.datepicker-range__notification,
.form__hidden,
.form__new_description {
  display: none; }

/*  $Field
    \*----------------------------------------------------------------------------*/
.form__field {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .form__field > label:not(.select):not(.radio) {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 0 0.28571rem 0 ;
    display: block;
    font-weight: bold; }
  .form__field input[type=text],
  .form__field input[type=password],
  .form__field input[type=url],
  .form__field input[type=email],
  .form__field input[type=tel],
  .form__field input[type=search],
  .form__field textarea {
    min-width: 0;
    width: 100%;
    transition: border-color 0.3s, background-color 0.3s; }
    .form__field input[type=text].has-error,
    .form__field input[type=password].has-error,
    .form__field input[type=url].has-error,
    .form__field input[type=email].has-error,
    .form__field input[type=tel].has-error,
    .form__field input[type=search].has-error,
    .form__field textarea.has-error {
      border-color: #fd817f;
      background-color: white; }
    .form__field input[type=text]:disabled,
    .form__field input[type=password]:disabled,
    .form__field input[type=url]:disabled,
    .form__field input[type=email]:disabled,
    .form__field input[type=tel]:disabled,
    .form__field input[type=search]:disabled,
    .form__field textarea:disabled {
      background-color: #e6e6e6; }
  .form__field.is-required > label:not(.select):not(.radio):after {
    content: "*";
    color: #fd817f;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 0.21429rem ; }
  .form__field.has-error label {
    color: #fd817f; }
  .form__field.has-error input[type=text],
  .form__field.has-error input[type=password],
  .form__field.has-error input[type=url],
  .form__field.has-error input[type=email],
  .form__field.has-error input[type=tel],
  .form__field.has-error input[type=search],
  .form__field.has-error textarea {
    border-color: #fd817f; }
  .form__field.has-error .form__error__text {
    color: #fd817f;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 0.28571rem ; }

/*  $Highlight
        \*----------------------------------------------------------------------------*/
.form__field--highlight {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .form__field--highlight > label:not(.select) {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 0 0.42857rem 0 ; }
  .form__field--highlight .checkbox__list > li,
  .form__field--highlight .radio__list > li {
    width: 100%;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }
    .form__field--highlight .checkbox__list > li:last-child,
    .form__field--highlight .radio__list > li:last-child {
      margin-bottom: 0; }
    .form__field--highlight .checkbox__list > li label,
    .form__field--highlight .radio__list > li label {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.14286rem ;
      line-height: 1.375;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      background: #ffffff;
      border: 1px solid #b6bfd2;
      /* 1 */
      /* 2 */
      /* 3 */
      border-radius: 0.57143rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 0.78571rem 2.14286rem 0.78571rem 4.28571rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      height: 4.85714rem ; }
    .form__field--highlight .checkbox__list > li .checkbox__indicator,
    .form__field--highlight .checkbox__list > li .radio__indicator,
    .form__field--highlight .radio__list > li .checkbox__indicator,
    .form__field--highlight .radio__list > li .radio__indicator {
      /* 1 */
      /* 2 */
      /* 3 */
      top: 1.71429rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      left: 1.57143rem ; }

/*  $Tooltip
        \*----------------------------------------------------------------------------*/
.form__field--has-tooltip label {
  float: left; }

.form__field--has-tooltip .icon {
  cursor: pointer;
  float: right;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ; }

/*  $Parsley errors list
    \*----------------------------------------------------------------------------*/
.parsley-errors-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .parsley-errors-list.filled {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-top: 0.28571rem ; }
  .parsley-errors-list li {
    color: #fd817f; }

/*  $Help
        \*----------------------------------------------------------------------------*/
.form__help {
  font-style: italic;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  line-height: 1.5;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-top: 0.42857rem ;
  margin-bottom: 0; }
  .form__help a {
    font-size: inherit; }

/*  $Layer modifier
        \*----------------------------------------------------------------------------*/
.layer--base-gray-c .form__header {
  background: #ffffff; }

/*  $General-help
    \*----------------------------------------------------------------------------*/
.form__general-help {
  font-style: italic;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  line-height: 1.5;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.78571rem ;
  margin-bottom: 0; }

@media only screen and (min-width: 654px) {
  /*  $Field
    \*----------------------------------------------------------------------------*/
  .form__field {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; }
  /*  $Highlight
        \*----------------------------------------------------------------------------*/
  .form__field--highlight {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; }
    .form__field--highlight .checkbox__list > li,
    .form__field--highlight .radio__list > li {
      width: auto;
      /* 1 */
      /* 2 */
      /* 3 */
      max-width: 28.57143rem ;
      margin-bottom: 0; }
  /*  $Actions
    \*----------------------------------------------------------------------------*/
  .form__actions:not(.form__actions__pull-left):not(.form__actions__pull-right) {
    text-align: left; } }

/*----------------------------------------------------------------------------*\
    Redesign
\*----------------------------------------------------------------------------*/
.redesign {
  /*  Errors
    \*----------------------------------------------------------------------------*/ }
  .redesign .form {
    position: relative; }
  .redesign .form--small {
    margin: 0 auto;
    max-width: 390px; }
  .redesign .form__group {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 2.14286rem ; }
    .redesign .form__group .form__input {
      display: block; }
  .redesign .form__group--required .form__label:after,
  .redesign .form__group--required .form__legend:after {
    content: "*";
    color: #FD817F;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 0.21429rem ; }
  .redesign .form__group--disabled .form__label {
    pointer-events: none; }
  .redesign .form__group--disabled .form__input {
    background-color: #f3f5f7; }
  .redesign .form__group--inline .form__input {
    display: inline-block;
    width: auto; }
  .redesign .form__group--inline .form__label {
    margin-bottom: 0; }
  .redesign .form__group--push-up {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -0.71429rem ; }
  .redesign .form__group--flat {
    margin-bottom: 0; }
  .redesign .form__label,
  .redesign .form__legend {
    cursor: pointer;
    display: inline-block;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    font-weight: 500;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.71429rem ; }
  .redesign .form__label--humble {
    font-weight: 400; }
  .redesign .form__input {
    width: 100%; }
    .redesign .form__input[type=text], .redesign .form__input[type=password], .redesign .form__input[type=email] {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.14286rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      height: 3.64286rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 1.42857rem ; }
  .redesign .form__input--textarea {
    min-height: 100px; }
  .redesign .form__tooltip {
    cursor: pointer;
    float: right;
    transition: color 0.3s;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.71429rem ; }
    .redesign .form__tooltip:hover {
      color: #0794E5; }
  .redesign .form__label-link {
    color: #0794E5;
    float: right;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    font-weight: 500;
    transition: color 0.3s;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.71429rem ; }
    .redesign .form__label-link:hover {
      color: #49B5F3; }
  .redesign .form__submit--align-right {
    text-align: right; }
  .redesign .form__fieldset {
    margin-bottom: 0; }
  .redesign .form__general-help {
    font-style: italic;
    text-align: center;
    opacity: 0.5;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1rem ;
    line-height: 1.57143;
    line-height: 1.7;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 0.78571rem ;
    margin-bottom: 0; }
  .redesign .is-success input[type=text],
  .redesign .is-success input[type=password],
  .redesign .is-success input[type=url],
  .redesign .is-success input[type=email],
  .redesign .is-success input[type=tel],
  .redesign .is-success input[type=search],
  .redesign .is-success textarea {
    border-color: #74CD70;
    position: relative; }
  .redesign .is-success .form__input-holder {
    position: relative; }
    .redesign .is-success .form__input-holder:after {
      font-family: 'fontello';
      content: '\e832';
      position: absolute;
      top: calc(50% - 10px);
      right: 20px;
      font-size: 20px;
      line-height: 20px;
      text-align: center;
      color: white;
      color: #74CD70; }
  .redesign .ng-invalid.ng-touched > span {
    border: 1px solid;
    border-color: #74CD70; }
  .redesign .has-error input[type=text],
  .redesign .has-error input[type=password],
  .redesign .has-error input[type=url],
  .redesign .has-error input[type=email],
  .redesign .has-error input[type=tel],
  .redesign .has-error input[type=search],
  .redesign .has-error textarea {
    border-color: #FD817F;
    position: relative; }
  .redesign .has-error .form__input-holder {
    position: relative; }
    .redesign .has-error .form__input-holder:after {
      font-family: 'fontello';
      content: '\e831';
      position: absolute;
      top: calc(50% - 10px);
      right: 20px;
      font-size: 20px;
      line-height: 20px;
      text-align: center;
      color: white;
      color: #FD817F; }
  .redesign .parsley-errors-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    font-size: 14px; }
    .redesign .parsley-errors-list.filled {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-top: 0.71429rem ; }
    .redesign .parsley-errors-list li {
      color: white;
      background-color: #FD817F;
      padding: 0px 6px;
      border-radius: 2px;
      display: inline-block; }
  .redesign .form.ng-invalid.ng-submitted .form__group--required .form__input.ng-invalid,
  .redesign .form.ng-invalid.ng-submitted .form__group--required .ng-invalid + .radio__facade,
  .redesign .form.ng-invalid.ng-submitted .form__group--required .ng-invalid + .checkbox__facade {
    border-color: #FD817F; }

/*----------------------------------------------------------------------------*\
    $Explanatory
\*----------------------------------------------------------------------------*/
.explanatory {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  text-align: right;
  overflow: hidden; }
  .explanatory.is-active .explanatory__content {
    display: block; }
  .explanatory.is-active .explanatory__trigger .icon {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg); }

/*  $Holder
    \*----------------------------------------------------------------------------*/
.explanatory__holder {
  z-index: 1;
  position: relative; }

/*  $Example
    \*----------------------------------------------------------------------------*/
.explanatory__example {
  position: relative;
  border: 1px dashed #4d4d4d;
  z-index: 1; }
  .explanatory__example img {
    display: block; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.explanatory__content {
  display: none;
  text-align: left;
  z-index: 1;
  position: relative;
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  box-shadow: 0 3px 0 #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0rem 0rem 0.57143rem 0.57143rem ; }
  .explanatory__content p {
    max-width: 44em; }

/*  $Trigger
    \*----------------------------------------------------------------------------*/
.explanatory__trigger {
  background: #ffd100;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 1.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 1.07143rem ;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 3.14286rem ;
  z-index: 2;
  position: relative;
  text-align: center;
  float: right;
  color: #4d4d4d;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.21429rem ;
  text-decoration: none;
  transition: 0.1s; }
  .explanatory__trigger .icon {
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 0.42857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1;
    color: #4d4d4d;
    transition: 0.6s; }
    .explanatory__trigger .icon:before {
      padding: 0;
      margin: 0; }
  .explanatory__trigger:hover {
    background: #ffda33; }

@media only screen and (min-width: 654px) {
  .explanatory__example {
    border: 2px dashed #4d4d4d; }
  .explanatory__content {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 1.57143rem ; } }

/*----------------------------------------------------------------------------*\
    $Map
\*----------------------------------------------------------------------------*/
.map {
  position: relative; }

/*  $Location
    \*----------------------------------------------------------------------------*/
.map__location {
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 0.78571rem ;
  z-index: 5;
  background: #4d4d4d;
  color: #ffffff;
  border-radius: 5px;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2.85714rem ;
  display: block;
  text-align: center; }

/*  $Canvas
    \*----------------------------------------------------------------------------*/
.map__canvas {
  border-radius: 8px;
  height: 50vh;
  width: 100%;
  background: #d2e4c8;
  position: relative;
  overflow: hidden;
  z-index: 3;
  transition: 0.3s; }

.angular-google-map-container {
  height: 50vh; }
  .angular-google-map-container img {
    max-width: none; }

/*  $Marker-details
    \*----------------------------------------------------------------------------*/
.map__marker-details {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -5.71429rem ;
  display: none;
  z-index: 5;
  position: relative; }
  .map__marker-details .pulldown-card__header {
    opacity: 0;
    transition: opacity 0.2s; }
    .map__marker-details .pulldown-card__header.is-active {
      opacity: 1; }

.map__marker {
  background: url(https://www.stedin.net/public/images/markers/stroom_rood.svg);
  background-size: cover;
  height: 39px;
  width: 31px;
  display: block;
  position: absolute;
  top: 50px;
  left: 50px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 9999; }

/*----------------------------------------------------------------------------*\
    $Feedback
\*----------------------------------------------------------------------------*/
/*  $Start
    \*----------------------------------------------------------------------------*/
.feedback__start {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

/*  $Question
    \*----------------------------------------------------------------------------*/
.feedback__question {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.57143rem ;
  display: inline-block; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.feedback__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  line-height: 1.375;
  display: inline-block; }
  .feedback__actions .radio-list {
    display: inline-block; }

/*  $Icon
    \*----------------------------------------------------------------------------*/
.feedback__icon {
  color: #bdd46a;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 3.28571rem ;
  line-height: 1.43478;
  line-height: 1; }

/*  $Continuation
    \*----------------------------------------------------------------------------*/
.feedback__continuation .form__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  text-align: left; }

/*  $Intro
    \*----------------------------------------------------------------------------*/
.feedback__continuation__intro {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

.redesign .feedback__start {
  margin-bottom: 0; }
  .redesign .feedback__start .feedback__question {
    margin-bottom: 20px; }
    @media only screen and (min-width: 961px) {
      .redesign .feedback__start .feedback__question {
        margin-bottom: 0; } }
  @media only screen and (min-width: 961px) {
    .redesign .feedback__start {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; } }

.redesign .feedback__actions {
  margin-bottom: 0; }
  @media only screen and (min-width: 654px) {
    .redesign .feedback__actions {
      display: -ms-flexbox;
      display: flex; } }
  .redesign .feedback__actions .icon-button {
    margin-bottom: 10px;
    margin-right: 30px; }
    @media only screen and (min-width: 961px) {
      .redesign .feedback__actions .icon-button {
        margin-left: 30px;
        margin-bottom: 0;
        margin-right: 0; } }

.redesign .feedback__continuation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  .redesign .feedback__continuation.feedback__continuation--form {
    -ms-flex-direction: column;
        flex-direction: column;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif; }
    .redesign .feedback__continuation.feedback__continuation--form label {
      font-weight: 400; }
  @media only screen and (min-width: 654px) {
    .redesign .feedback__continuation {
      margin-left: 20px; } }
  .redesign .feedback__continuation .feedback__icon {
    margin-top: 7px;
    margin-right: 25px; }
    .redesign .feedback__continuation .feedback__icon img {
      width: 40px; }

.redesign .feedback--white .heading, .redesign .feedback--white .vacancy__content strong, .vacancy__content .redesign .feedback--white strong,
.redesign .feedback--white .feedback__question {
  color: white; }

.redesign .feedback--white .icon-button {
  border: 0; }

/*----------------------------------------------------------------------------*\
    $Employee-overview
\*----------------------------------------------------------------------------*/
.employee-overview {
  list-style: none;
  margin: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0 0 3.14286rem 0 ; }
  .employee-overview > li {
    border-bottom: 1px solid #e6e6e6; }
    .employee-overview > li:nth-child(even) .employee__content {
      float: none; }

/*----------------------------------------------------------------------------*\
    $Questionnaire
\*----------------------------------------------------------------------------*/
.questionnaire {
  min-height: 100vh;
  background: #ffffff; }

/*  $Item
    \*----------------------------------------------------------------------------*/
.questionnaire__item {
  position: relative;
  z-index: 1;
  background: #f0f3f6;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 ;
  transition: 0.4s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  will-change: transform; }
  .questionnaire__item:nth-child(odd) {
    background: #e5eaf0; }
  .questionnaire__item.is-active {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1rem 0 ; }
    .questionnaire__item.is-active .questionnaire__item__heading__question {
      opacity: 0;
      font-size: 0px; }
    .questionnaire__item.is-active .questionnaire__item__heading__answer {
      opacity: 1;
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.42857rem ;
      line-height: 1.1; }
    .questionnaire__item.is-active .questionnaire__item__content {
      height: 0 !important;
      margin-top: 0 !important;
      overflow: hidden !important; }
  .questionnaire__item.ng-enter {
    opacity: 0; }

.questionnaire__item__content {
  transition: 0.4s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  will-change: transform;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }

/*  $Result
    \*----------------------------------------------------------------------------*/
.questionnaire__result {
  transition: 0.4s;
  will-change: transform; }
  .questionnaire__result.ng-enter {
    opacity: 0; }

/*  $Intro
        \*----------------------------------------------------------------------------*/
.questionnaire__item__intro {
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 35.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: -1.57143rem auto 2.35714rem auto ; }

/*  $Heading
        \*----------------------------------------------------------------------------*/
.questionnaire__item__heading {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  color: #4d4d4d;
  font-weight: 200;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 2rem ;
  line-height: 1.57143;
  line-height: 1.1;
  text-align: center;
  transition: 0.4s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  will-change: transform;
  text-decoration: none;
  display: block;
  margin-bottom: 0; }
  .questionnaire__item__heading .icon--pencil {
    font-family: "Fontello";
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.42857rem ; }

.questionnaire__item__heading__question {
  opacity: 1;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 2rem ;
  line-height: 1.57143; }

.questionnaire__item__heading__answer {
  opacity: 0;
  font-size: 0px; }

/*  $Option
        \*----------------------------------------------------------------------------*/
.questionnaire__item__option {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  background: #ffffff;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-shadow: 0 3px 0 #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 200;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  transition: 0.1s;
  will-change: transform; }
  .questionnaire__item__option .highlight {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.57143rem ;
    line-height: 1;
    font-weight: 400;
    line-height: 1.25;
    color: #4d4d4d;
    display: block; }
  .questionnaire__item__option.is-active, .questionnaire__item__option:hover {
    background: #bdd46a;
    color: #4b581a; }
    .questionnaire__item__option.is-active .highlight, .questionnaire__item__option:hover .highlight {
      color: #4b581a; }

/*  $Small
            \*----------------------------------------------------------------------------*/
.questionnaire__item__option--small {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143; }
  .questionnaire__item__option--small .highlight {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222; }

/*  $Interrupt
        \*----------------------------------------------------------------------------*/
.questionnaire__item__interrupt {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 1.57143rem 0 ; }

/*  $Item
            \*----------------------------------------------------------------------------*/
.questionnaire__item__interrupt__text {
  overflow: hidden;
  text-align: center;
  display: block;
  font-style: italic;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-family: "Calvert", "Georgia", serif; }
  .questionnaire__item__interrupt__text:before, .questionnaire__item__interrupt__text:after {
    background-color: #b6bfd2;
    content: "";
    display: inline-block;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 0.07143rem ;
    position: relative;
    vertical-align: middle;
    width: 50%; }
  .questionnaire__item__interrupt__text:before {
    right: 1em;
    margin-left: -50%; }
  .questionnaire__item__interrupt__text:after {
    left: 1em;
    margin-right: -50%; }

/*  Additional-info
        \*----------------------------------------------------------------------------*/
.questionnaire__additional-info {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 57.14286rem ;
  margin: 0 auto;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0 1.57143rem 1.57143rem 0 ; }

/*  $Answer $Item Heading
        \*----------------------------------------------------------------------------*/
.questionnaire__item__answer .questionnaire__item__heading {
  cursor: pointer; }

@media only screen and (min-width: 654px) {
  /*  $Item
    \*----------------------------------------------------------------------------*/
  .questionnaire__item {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 3.14286rem 0 ; }
  /*  Additional-info
        \*----------------------------------------------------------------------------*/
  .questionnaire__additional-info {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 3.14286rem 3.14286rem 0 ; }
  /*  $Option
        \*----------------------------------------------------------------------------*/
  .questionnaire__item__option {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem ; } }

@media print {
  .questionnaire {
    min-height: 0 !important; }
    .questionnaire .heading--center {
      text-align: left !important; }
  .questionnaire__item__title,
  .questionnaire__item__content {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important; }
  .questionnaire__item__answer {
    margin: 0 !important;
    padding: 0 !important; }
  .questionnaire__item__heading {
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important; }
  .questionnaire__item {
    padding: 0 !important;
    margin: 0 !important; }
  .questionnaire__result .tile {
    box-shadow: none !important; }
  .questionnaire__result .layer {
    padding: 0 !important; }
    .questionnaire__result .layer .button--secondary {
      display: none !important; } }

/*----------------------------------------------------------------------------*\
    $Receipt
\*----------------------------------------------------------------------------*/
/*  $Wrapper
    \*----------------------------------------------------------------------------*/
.receipt__wrapper {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 57.14286rem ;
  margin: 0 auto; }

/*  $Item
    \*----------------------------------------------------------------------------*/
.receipt__item {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ; }

/*  $Header
        \*----------------------------------------------------------------------------*/
.receipt__item__header {
  position: relative; }

/*  $Section
        \*----------------------------------------------------------------------------*/
.receipt__item__section {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Cost
        \*----------------------------------------------------------------------------*/
.receipt__item__cost {
  overflow: hidden;
  text-align: left; }
  .receipt__item__cost .prefix,
  .receipt__item__cost .price {
    color: #4d4d4d;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.07143rem ;
    line-height: 1.46667; }
  .receipt__item__cost .label {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 0.85714rem ;
    line-height: 1.83333;
    line-height: 1;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ;
    display: inline-block;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif; }
  .receipt__item__cost.is-current {
    display: none;
    white-space: nowrap; }
    .receipt__item__cost.is-current .prefix,
    .receipt__item__cost.is-current .price {
      color: #bdbdbd; }
    .receipt__item__cost.is-current .extra {
      color: #d6d6d6; }

/*  $Total
            \*----------------------------------------------------------------------------*/
.receipt__item__cost--total {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .receipt__item__cost--total .prefix,
  .receipt__item__cost--total .price {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.71429rem ;
    line-height: 1.83333;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif; }
  .receipt__item__cost--total .extra {
    display: block;
    color: #999999;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 0.85714rem ;
    line-height: 1.83333;
    line-height: 1;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: -0.5rem ; }

/*  $Subtotal
            \*----------------------------------------------------------------------------*/
.receipt__item__cost--subtotal .prefix,
.receipt__item__cost--subtotal .price {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif; }

.receipt__item__cost--subtotal .extra {
  display: block;
  color: #999999;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  line-height: 1;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

/*  $Toggle
        \*----------------------------------------------------------------------------*/
.receipt__item__toggle {
  position: absolute;
  background: #b6bfd2;
  color: #ffffff;
  top: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: -0.85714rem ;
  display: block;
  text-align: center;
  border-radius: 3px;
  transition: 0.1s;
  will-change: transform;
  z-index: 3; }
  .receipt__item__toggle:hover {
    background: #909ebb; }
  .receipt__item__toggle .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 0.85714rem ;
    line-height: 1.83333;
    line-height: 1; }

/*  $Heading
            Now genericly used as .heading--underlined
        \*----------------------------------------------------------------------------*/
.receipt__item__heading {
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.57143rem ;
  display: inline-block;
  line-height: 1.25; }
  .receipt__item__heading:after {
    content: "";
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: -0.78571rem ;
    left: 0;
    display: block;
    border-bottom: 4px solid #ffd100;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 4.28571rem ; }

/*  $Subheading
        \*----------------------------------------------------------------------------*/
.receipt__item__subheading .sub {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  color: #999999;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.42857rem ; }

/*  $Columns
        \*----------------------------------------------------------------------------*/
.receipt__item__columns {
  display: none; }

/*  $Label
            \*----------------------------------------------------------------------------*/
.receipt__item__columns__label {
  color: #999999;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  min-width: 8.57143rem ;
  display: inline-block;
  word-wrap: nowrap;
  text-align: right; }

/*  $Row
        \*----------------------------------------------------------------------------*/
.receipt__item__row {
  border-top: 1px dotted #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.5rem 0 ; }

.price--demo {
  color: #4d4d4d !important;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.71429rem ;
  line-height: 1.83333;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.64286rem 0 ; }

/*  $Label
        \*----------------------------------------------------------------------------*/
.receipt__item__label {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143;
  color: #999999; }

/*  $Extra-info
        \*----------------------------------------------------------------------------*/
.receipt__extra-info {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 0.78571rem ;
  margin-bottom: 0; }

.receipt__print {
  display: none; }

@media only screen and (min-width: 654px) {
  /*  $Wrapper
    \*----------------------------------------------------------------------------*/
  .receipt__wrapper {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 3.14286rem ; }
  /*  $Item
    \*----------------------------------------------------------------------------*/
  .receipt__item {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 2.35714rem ; }
  /*  $Toggle
        \*----------------------------------------------------------------------------*/
  .receipt__item__toggle {
    /* 1 */
    /* 2 */
    /* 3 */
    right: -4.35714rem ;
    border-radius: 0 3px 3px 0; }
  /*  $Columns
        \*----------------------------------------------------------------------------*/
  .receipt__item__columns {
    display: block; }
  /*  $Cost
        \*----------------------------------------------------------------------------*/
  .receipt__item__cost {
    /* 1 */
    /* 2 */
    /* 3 */
    min-width: 8.57143rem ;
    text-align: right; }
    .receipt__item__cost .prefix,
    .receipt__item__cost .price {
      font-family: "Arial", "Helvetica", sans-serif;
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1rem ;
      line-height: 1.57143; }
    .receipt__item__cost.is-current {
      display: block; }
  /*  $Total
            \*----------------------------------------------------------------------------*/
  .receipt__item__cost--total {
    margin-bottom: 0; }
    .receipt__item__cost--total .prefix,
    .receipt__item__cost--total .price {
      font-family: "Klavika", "Arial", "Helvetica", sans-serif;
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.71429rem ;
      line-height: 1.83333; }
  /*  $Subtotal
            \*----------------------------------------------------------------------------*/
  .receipt__item__cost--subtotal {
    margin-bottom: 0; }
    .receipt__item__cost--subtotal .prefix,
    .receipt__item__cost--subtotal .price {
      font-family: "Klavika", "Arial", "Helvetica", sans-serif;
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.28571rem ;
      line-height: 1.22222; }
  /*  $Heading
        \*----------------------------------------------------------------------------*/
  .receipt__item__heading {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 2.35714rem ; }
  .receipt__print {
    display: block;
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 57.14286rem ;
    margin: 0 auto;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; }
    .receipt__print .button--secondary .icon {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 0.42857rem ; } }

/*----------------------------------------------------------------------------*\
    $Expert-highlight
\*----------------------------------------------------------------------------*/
.expert-highlight {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .expert-highlight .expert {
    /* 1 */
    /* 2 */
    /* 3 */
    min-width: 14.28571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 1.57143rem ;
    padding-top: 0; }
  .expert-highlight .expert__info {
    display: none; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.expert-highlight__content {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 0.78571rem ; }
  .expert-highlight__content p {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.expert-highlight__title {
  display: inline-block;
  margin-bottom: 0; }

/*  $Function
    \*----------------------------------------------------------------------------*/
.expert-highlight__function {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

/*  $Meta
    \*----------------------------------------------------------------------------*/
.expert-highlight__meta {
  color: #999999;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333; }
  .expert-highlight__meta a {
    color: #999999; }

/*  $More
    \*----------------------------------------------------------------------------*/
.expert-highlight__more {
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.07143rem ;
  line-height: 1.46667; }

@media only screen and (min-width: 654px) {
  .expert-highlight__content {
    border-left: 1px dashed #999999;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 2.35714rem ; }
  .expert-highlight__title {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }
  .expert-highlight__function {
    margin-bottom: 0;
    display: inline-block; }
    .expert-highlight__function:before {
      content: "-";
      /* 1 */
      /* 2 */
      /* 3 */
      padding-right: 0.35714rem ; } }

/*----------------------------------------------------------------------------*\
    $Comments
\*----------------------------------------------------------------------------*/
.comments {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*----------------------------------------------------------------------------*\
    $Vacancy
\*----------------------------------------------------------------------------*/
/*  $Intro
    \*----------------------------------------------------------------------------*/
.vacancy__intro p {
  max-width: 38em; }

/*  $Icon
        \*----------------------------------------------------------------------------*/
.vacancy__meta__icon {
  color: #9ebb36;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  line-height: 1; }

/*  $Text
        \*----------------------------------------------------------------------------*/
.vacancy__meta__text {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.78571rem ; }

/*  $Image
    \*----------------------------------------------------------------------------*/
.vacancy__image {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 1.57143rem ; }
  .vacancy__image img {
    border-radius: 8px; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.vacancy__content strong {
  display: inline-block; }

/*----------------------------------------------------------------------------*\
    $Cmo
\*----------------------------------------------------------------------------*/
.cmo h1, .cmo .h1,
.cmo h2,
.cmo .h2,
.cmo h3,
.cmo .h3,
.cmo h4,
.cmo .h4,
.cmo h5,
.cmo .h5,
.cmo h6,
.cmo .h6 {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  line-height: 1.1; }

/*----------------------------------------------------------------------------*\
    $Planningtool
\*----------------------------------------------------------------------------*/
.planningtool .form__actions {
  text-align: left; }

.planningtool .table--small {
  margin-top: 10px; }
  .planningtool .table--small td {
    font-size: 20px; }

/*----------------------------------------------------------------------------*\
    $Planningtool-appointment-selector
\*----------------------------------------------------------------------------*/
/*  $Navigation
    \*----------------------------------------------------------------------------*/
/*  $Week
        \*----------------------------------------------------------------------------*/
.planningtool-appointment-selector__navigation__week {
  background: #EDEDED;
  display: block;
  text-align: center;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.85714rem ;
  line-height: 40px;
  text-transform: uppercase; }

/*  $Previous & Next
        \*----------------------------------------------------------------------------*/
.planningtool-appointment-selector__navigation__previous,
.planningtool-appointment-selector__navigation__next {
  background: #EDEDED;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2.85714rem ;
  line-height: 40px;
  text-align: center;
  transition: 0.1s;
  margin-right: 1px;
  margin-left: 1px; }
  .planningtool-appointment-selector__navigation__previous:hover,
  .planningtool-appointment-selector__navigation__next:hover {
    background: #DBDBDB; }
  .planningtool-appointment-selector__navigation__previous.is-disabled:hover,
  .planningtool-appointment-selector__navigation__next.is-disabled:hover {
    background: #EDEDED;
    cursor: default; }

.planningtool-appointment-selector__navigation__previous .icon {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

.planningtool-appointment-selector__wrapper {
  position: relative;
  overflow: hidden;
  min-height: 260px;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Table
    \*----------------------------------------------------------------------------*/
.planningtool-appointment-selector__table {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  border: 1px solid transparent;
  display: table;
  border-collapse: collapse;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.6s; }
  .planningtool-appointment-selector__table.ng-leave {
    -ms-transform: translateX(0);
        transform: translateX(0); }
    .planningtool-appointment-selector__table.ng-leave.ng-leave-active:first-of-type {
      -ms-transform: translateX(-100%);
          transform: translateX(-100%); }
    .planningtool-appointment-selector__table.ng-leave.ng-leave-active:last-of-type {
      -ms-transform: translateX(100%);
          transform: translateX(100%); }
  .planningtool-appointment-selector__table.ng-enter:first-of-type {
    -ms-transform: translateX(-100%);
        transform: translateX(-100%); }
  .planningtool-appointment-selector__table.ng-enter:last-of-type {
    -ms-transform: translateX(100%);
        transform: translateX(100%); }
  .planningtool-appointment-selector__table.ng-enter.ng-enter-active {
    -ms-transform: translateX(0);
        transform: translateX(0); }
  .planningtool-appointment-selector__table.data-loading:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5); }
  .planningtool-appointment-selector__table th,
  .planningtool-appointment-selector__table td {
    padding: 0;
    text-align: center;
    border: 1px solid transparent;
    background: transparent;
    width: 20%; }
    .planningtool-appointment-selector__table th:first-child, .planningtool-appointment-selector__table th:last-child,
    .planningtool-appointment-selector__table td:first-child,
    .planningtool-appointment-selector__table td:last-child {
      border-radius: 0; }

/*  $Overlay
        \*----------------------------------------------------------------------------*/
.planningtool-appointment-selector__overlay {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 0px;
  text-align: center;
  font-size: 0;
  background: rgba(255, 255, 255, 0.5); }
  .planningtool-appointment-selector__overlay:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

/*  $Overlay-content
            \*----------------------------------------------------------------------------*/
.planningtool-appointment-selector__overlay-content {
  background: #4d4d4d;
  color: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1rem 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  line-height: 1.375;
  display: inline-block;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 32.14286rem ; }
  .planningtool-appointment-selector__overlay-content p {
    margin-bottom: 0;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375; }

/*  $Day
        \*----------------------------------------------------------------------------*/
.planningtool-appointment-selector__table__day {
  background: #DBDBDB;
  color: #666666;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  line-height: 1.25;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.57143rem ;
  font-family: "Arial", "Helvetica", sans-serif;
  min-height: 46px; }

/*  $Timeslot
        \*----------------------------------------------------------------------------*/
.planningtool-appointment-selector__timeslot {
  display: block;
  background: #EDEDED;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  color: #BBB8B8;
  text-decoration: none;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  line-height: 1.25;
  transition: 0.1s; }
  .planningtool-appointment-selector__timeslot.is-available {
    background: #E1ECBB;
    color: #72891F; }
    .planningtool-appointment-selector__timeslot.is-available:hover {
      background: #A2C036;
      color: #ffffff; }
  .planningtool-appointment-selector__timeslot.is-selected {
    background: #72891F;
    color: #ffffff; }
  .planningtool-appointment-selector__timeslot.is-highlighted {
    background: #dedede; }
    .planningtool-appointment-selector__timeslot.is-highlighted.is-available {
      background: #cfe193; }
      .planningtool-appointment-selector__timeslot.is-highlighted.is-available:hover {
        background: #A2C036;
        color: #ffffff; }
    .planningtool-appointment-selector__timeslot.is-highlighted.is-selected {
      background: #72891F;
      color: #ffffff; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.planningtool-appointment-selector__actions {
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 3.14286rem ; }

@media only screen and (min-width: 654px) {
  /*  $Week
        \*----------------------------------------------------------------------------*/
  .planningtool-appointment-selector__navigation__week {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.21429rem ;
    line-height: 1.29412;
    line-height: 40px; }
  /*  $Table
    \*----------------------------------------------------------------------------*/
  .planningtool-appointment-selector__table {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 2.35714rem ; }
  /*  $Day
        \*----------------------------------------------------------------------------*/
  .planningtool-appointment-selector__table__day {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.07143rem 0.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1rem ;
    line-height: 1.57143;
    line-height: 1.25; }
    .planningtool-appointment-selector__table__day > div {
      display: inline-block; }
  /*  $Timeslot
        \*----------------------------------------------------------------------------*/
  .planningtool-appointment-selector__timeslot {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1rem ;
    line-height: 1.57143;
    line-height: 1.25; }
  /*  $Wrapper
        \*----------------------------------------------------------------------------*/
  .planningtool-appointment-selector__wrapper {
    min-height: 277px; } }

/*----------------------------------------------------------------------------*\
    $Modal
\*----------------------------------------------------------------------------*/
.modal {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 49.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143;
  background: #ffffff;
  overflow: auto;
  max-height: 90vh; }

.modal--loading {
  padding: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 57rem ; }

/*  $Overlay
    \*----------------------------------------------------------------------------*/
.modal__overlay {
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 0; }
  .modal__overlay:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%; }

/*  $Header
    \*----------------------------------------------------------------------------*/
.modal__header {
  text-align: left;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 3.14286rem ; }

/*  $Close
        \*----------------------------------------------------------------------------*/
.modal__close {
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 0.57143rem ;
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 2.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 2.57143rem ;
  border-radius: 5px;
  color: #ffffff;
  background: #4d4d4d;
  text-align: center;
  text-decoration: none; }
  .modal__close .icon {
    font-size: 1.25em;
    height: 1.2em; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.modal__content {
  text-align: left; }
  .modal__content > *:last-child {
    margin-bottom: 0; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.modal__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ;
  text-align: left; }
  .modal__actions a + a {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 1.57143rem ; }

.redesign .modal {
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem ;
  box-sizing: content-box;
  box-shadow: 0 23px 26px -15px rgba(0, 0, 0, 0.13);
  padding: 39px 50px;
  color: #4d4d4d;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif; }

.redesign .modal--small {
  max-width: 400px; }

.redesign .modal__overlay {
  background: rgba(0, 0, 0, 0.3); }

.redesign .modal__header {
  position: relative; }

.redesign .modal__close {
  background: none;
  color: #4d4d4d;
  font-size: 15px;
  top: 20px;
  right: 20px; }

/*----------------------------------------------------------------------------*\
    $Liveblog
\*----------------------------------------------------------------------------*/
.liveblog {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 1.57143rem 0 ; }

/*  $Outage
    \*----------------------------------------------------------------------------*/
.liveblog__outage {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem 0 3.14286rem 0 ; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.liveblog__title {
  text-align: center;
  margin-bottom: 0; }

/*  $Date
    \*----------------------------------------------------------------------------*/
.liveblog__date {
  display: block;
  text-align: center;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.2;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 1.57143rem 0 0.78571rem 0 ; }

/*  $List
    \*----------------------------------------------------------------------------*/
.liveblog__list > li {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

/*  $Item
    \*----------------------------------------------------------------------------*/
.liveblog__item {
  background: #ffffff;
  border-radius: 5px;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ; }
  .liveblog__item p {
    margin-bottom: 0; }

/*  $Title
        \*----------------------------------------------------------------------------*/
.liveblog__item__title {
  display: block;
  font-weight: bold;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222; }

/*----------------------------------------------------------------------------*\
    $Layer-navigation
\*----------------------------------------------------------------------------*/
/*  $Suggestions
    \*----------------------------------------------------------------------------*/
.layer-navigation__search-suggestions {
  text-align: center;
  list-style: none;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 1.57143rem 0 ;
  padding: 0; }
  .layer-navigation__search-suggestions > li {
    display: inline-block; }
    .layer-navigation__search-suggestions > li:after {
      content: "-";
      /* 1 */
      /* 2 */
      /* 3 */
      padding: 0.28571rem ; }
    .layer-navigation__search-suggestions > li:last-child:after {
      display: none; }
  .layer-navigation__search-suggestions a {
    color: #0099CC;
    text-decoration: none; }
    .layer-navigation__search-suggestions a:hover {
      text-decoration: underline; }

@media only screen and (min-width: 654px) {
  .layer-navigation__search {
    max-width: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (min-width: 961px) {
  .layer-navigation__search {
    max-width: none;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 1.57143rem ; } }

/*----------------------------------------------------------------------------*\
    $Outage-widget
\*----------------------------------------------------------------------------*/
.outage-widget .accordion-tabs__content {
  text-align: center; }

/*  $Link
    \*----------------------------------------------------------------------------*/
.outage-widget__link {
  color: #0099CC;
  text-decoration: none;
  display: inline-block; }
  .outage-widget__link:hover {
    text-decoration: underline; }

/*  $List
    \*----------------------------------------------------------------------------*/
.outage-widget__list {
  list-style: none;
  padding: 0;
  margin: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  min-height: 10.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 4.07143rem ; }
  .outage-widget__list > li {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }

/*  $No-results
    \*----------------------------------------------------------------------------*/
.outage-widget__no-results {
  text-align: center; }
  .outage-widget__no-results p {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    line-height: 1.22222;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.57143rem ;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    color: #4d4d4d; }

/*  $Item
    \*----------------------------------------------------------------------------*/
.outage-widget__item {
  border: 1px solid #dddddd;
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.35714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  display: block;
  position: relative;
  text-decoration: none;
  text-align: left; }

/*  $Title
        \*----------------------------------------------------------------------------*/
.outage-widget__title {
  font-weight: 500;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 2.21429rem ; }
  .outage-widget__title span {
    font-weight: 400; }

/*  $Update
        \*----------------------------------------------------------------------------*/
.outage-widget__update {
  color: #999999;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 2.21429rem ; }

/*  $Icon
        \*----------------------------------------------------------------------------*/
.outage-widget__icon {
  color: #4d4d4d;
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  top: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 0.57143rem ; }

/*  $Location
        \*----------------------------------------------------------------------------*/
.outage-widget__location {
  position: absolute;
  /* 1 */
  /* 2 */
  /* 3 */
  bottom: 0.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  right: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 0.85714rem ;
  line-height: 1.83333;
  color: #666666; }

/*  $More
    \*----------------------------------------------------------------------------*/
.outage-widget__more {
  display: block;
  position: relative;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: -4.07143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.35714rem ;
  border: 1px solid #dddddd;
  background: #ffffff;
  text-decoration: none; }

/*  $Text
        \*----------------------------------------------------------------------------*/
.outage-widget__more__text {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.14286rem ;
  line-height: 1.375;
  line-height: 1.1;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  color: #4d4d4d; }

@media only screen and (min-width: 961px) {
  /*  $Height-helper
        \*----------------------------------------------------------------------------*/
  .outage-widget__height-helper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    /* 1 */
    /* 2 */
    /* 3 */
    min-height: 14.92857rem ; } }

/*----------------------------------------------------------------------------*\
    $Meter-widget
\*----------------------------------------------------------------------------*/
/*  $Tile
    \*----------------------------------------------------------------------------*/
.meter-widget__tile {
  text-align: center; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.meter-widget__title {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Timespan
    \*----------------------------------------------------------------------------*/
.meter-widget__timespan {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/*  $Date
        \*----------------------------------------------------------------------------*/
.meter-widget__timespan__date {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.42857rem 0.85714rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.21429rem ;
  background: #ececec;
  border: 1px solid #dddddd;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.57143rem ; }

/*  $Text
        \*----------------------------------------------------------------------------*/
.meter-widget__timespan__text {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 1.57143rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0 0.57143rem ; }

@media only screen and (min-width: 961px) {
  /*  $Height-helper
    \*----------------------------------------------------------------------------*/
  .meter-widget__height-helper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    /* 1 */
    /* 2 */
    /* 3 */
    min-height: 19.92857rem ; }
  /*  $Content
    \*----------------------------------------------------------------------------*/
  .meter-widget__content {
    display: inline-block;
    vertical-align: middle; } }

.redesign .meter-widget__timespan__date {
  border-radius: 1px;
  border: 0;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.71429rem 1.28571rem ; }

/*----------------------------------------------------------------------------*\
    $Outage-details
\*----------------------------------------------------------------------------*/
.outage-details .pulldown-card {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 3.14286rem ; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.outage-details__title {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }

@media only screen and (min-width: 654px) {
  .outage-details .liveblog {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 4.71429rem ; }
  /*  $Title
        \*----------------------------------------------------------------------------*/
  .outage-details__title {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-top: 3.14286rem ; } }

/*----------------------------------------------------------------------------*\
    $Photo-uploader
\*----------------------------------------------------------------------------*/
.photo-uploader {
  overflow: hidden; }
  .photo-uploader.photo-is-loaded .photo-uploader__wrapper {
    background: #ffffff;
    border: 1px solid #dddddd;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 21.28571rem ;
    overflow: hidden; }
  .photo-uploader.photo-is-loaded .photo-uploader__title {
    display: block; }
  .photo-uploader.photo-is-loaded .photo-uploader__subtitle {
    display: none; }
  .photo-uploader.photo-is-loaded .photo-uploader__column.is-hidden--palm {
    display: none; }
  .photo-uploader.photo-is-loaded .photo-uploader__actions {
    display: block; }
  .photo-uploader.photo-is-loaded .photo-uploader__example {
    border: none;
    border-radius: 8px 8px 0 0;
    background: #dddddd;
    text-align: center;
    white-space: nowrap;
    height: 426px; }
    .photo-uploader.photo-is-loaded .photo-uploader__example:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -0.25em; }
    .photo-uploader.photo-is-loaded .photo-uploader__example img {
      display: inline-block;
      vertical-align: middle; }
  .photo-uploader.photo-is-loaded .photo-uploader__toggle {
    display: block;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0 1.57143rem 1.57143rem 1.57143rem ;
    overflow: hidden; }
  .photo-uploader.photo-is-loaded .photo-uploader__toggle__item {
    width: 50%;
    float: left;
    text-align: center;
    background: #e5eaf0;
    color: #4d4d4d;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.78571rem ;
    text-decoration: none;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.57143rem 0 0 0.57143rem ; }
    .photo-uploader.photo-is-loaded .photo-uploader__toggle__item + .photo-uploader__toggle__item {
      /* 1 */
      /* 2 */
      /* 3 */
      border-radius: 0 0.57143rem 0.57143rem 0 ;
      float: right; }
    .photo-uploader.photo-is-loaded .photo-uploader__toggle__item.is-active {
      background: #4d4d4d;
      color: #ffffff;
      font-weight: bold; }
  .photo-uploader.photo-is-loaded .photo-uploader__button {
    display: none; }

/*  $Example
    \*----------------------------------------------------------------------------*/
.photo-uploader__example {
  width: 298px;
  border-radius: 8px;
  overflow: hidden; }

/*  $Title
    \*----------------------------------------------------------------------------*/
.photo-uploader__title,
.photo-uploader__toggle {
  display: none; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.photo-uploader__actions {
  display: none;
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 0.78571rem ; }
  .photo-uploader__actions .button--brand,
  .photo-uploader__actions .link--secondary-action {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 0.78571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-right: 0.78571rem ; }
  .photo-uploader__actions .link--secondary-action {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 0.78571rem ; }

/*  $Column
    \*----------------------------------------------------------------------------*/
.photo-uploader__column {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 21.28571rem ; }
  .photo-uploader__column img {
    max-height: 426px; }

/*  $Button
    \*----------------------------------------------------------------------------*/
.photo-uploader__button {
  cursor: pointer;
  position: relative;
  display: inline-block;
  background: #4d4d4d;
  color: #ffffff;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.92857rem 1.57143rem 0.92857rem 1.14286rem ; }
  .photo-uploader__button input {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    display: block;
    height: 100%;
    width: 100%; }
  .photo-uploader__button.is-loading {
    cursor: default; }
    .photo-uploader__button.is-loading input {
      display: none; }

/*  $Icon
        \*----------------------------------------------------------------------------*/
.photo-uploader__button__icon {
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.42857rem ;
  line-height: 1.1;
  line-height: 1;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-right: 0.92857rem ; }

@media (min-width: 767px) {
  .photo-uploader {
    overflow: hidden; }
    .photo-uploader.photo-is-loaded .photo-uploader__column.is-hidden--palm {
      display: block; }
    .photo-uploader.photo-is-loaded .photo-uploader__subtitle {
      display: block; }
    .photo-uploader.photo-is-loaded .photo-uploader__title {
      display: none; }
    .photo-uploader.photo-is-loaded .photo-uploader__example {
      height: 500px;
      width: 350px;
      border-radius: 8px; }
    .photo-uploader.photo-is-loaded .photo-uploader__actions {
      display: block; }
    .photo-uploader.photo-is-loaded .photo-uploader__wrapper {
      max-width: none;
      background: none;
      border: none;
      overflow: hidden; }
    .photo-uploader.photo-is-loaded .photo-uploader__toggle {
      display: none; }
  /*  $Example
    \*----------------------------------------------------------------------------*/
  .photo-uploader__example {
    height: 500px;
    width: 350px; }
  /*  $Column
    \*----------------------------------------------------------------------------*/
  .photo-uploader__column {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 25rem ;
    float: left; }
    .photo-uploader__column img {
      max-height: 500px;
      display: block; }
    .photo-uploader__column + .photo-uploader__column {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-left: 1.57143rem ; }
  .photo-uploader__actions {
    display: none;
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 0.78571rem ;
    text-align: left; }
    .photo-uploader__actions .button--brand {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-right: 1.57143rem ;
      margin-left: 0; }
    .photo-uploader__actions .link--secondary-action {
      margin-left: 0;
      margin-right: 0; }
  /*  $Button
    \*----------------------------------------------------------------------------*/
  .photo-uploader__button {
    background: #ffffff;
    color: #999999;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 25rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 35.71429rem ;
    display: table;
    border: 1px solid #dddddd; }
    .photo-uploader__button.is-loading .photo-uploader__button__icon {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 2.28571rem ;
      line-height: 1.375;
      line-height: 1; }
  /*  $Content
        \*----------------------------------------------------------------------------*/
  .photo-uploader__button__content {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  /*  $Icon
            \*----------------------------------------------------------------------------*/
  .photo-uploader__button__icon {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 3rem ;
    line-height: 1.04762;
    line-height: 1;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0 0 0.78571rem 0 ;
    text-align: center; }
  /*  $Text
            \*----------------------------------------------------------------------------*/
  .photo-uploader__button__text {
    display: block; } }

/*----------------------------------------------------------------------------*\
    $Meter-check
\*----------------------------------------------------------------------------*/
/*  $Data
    \*----------------------------------------------------------------------------*/
.meter-check__data {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }
  .meter-check__data strong {
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375;
    line-height: 1.5;
    font-weight: 500;
    color: #4d4d4d; }
  .meter-check__data span {
    display: block; }

/*  $Edit
        \*----------------------------------------------------------------------------*/
.meter-check__data__edit {
  display: inline-block;
  color: #0099CC;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  line-height: 1.57143;
  text-decoration: none; }
  .meter-check__data__edit:hover {
    text-decoration: underline; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.meter-check__content {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-top: 1.57143rem ; }
  .meter-check__content ul,
  .meter-check__content ol,
  .meter-check__content p {
    max-width: 42em; }

/*  $Actions
    \*----------------------------------------------------------------------------*/
.meter-check__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  .meter-check__actions a + a {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 1.57143rem ; }

/*----------------------------------------------------------------------------*\
    $Form-progress
\*----------------------------------------------------------------------------*/
.form-progress ul {
  list-style: none;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 1.57143rem 0 ; }

.form-progress li {
  display: inline-block; }

.form-progress li:first-child .form-progress__step {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.71429rem ;
  margin-left: 0; }
  .form-progress li:first-child .form-progress__step:before {
    display: none; }

.form-progress li:last-child .form-progress__step {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 0.71429rem ;
  margin-right: 0; }
  .form-progress li:last-child .form-progress__step:after {
    display: none; }

/*  $Step
    \*----------------------------------------------------------------------------*/
.form-progress__step {
  background: #ffffff;
  position: relative;
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.71429rem 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0.78571rem 0 0.42857rem ;
  text-decoration: none;
  box-shadow: 0 3px 0 #b6bfd2;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  max-height: 3.57143rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  line-height: 1.22222;
  line-height: 1.25;
  z-index: 1;
  color: #4d4d4d; }
  .form-progress__step .circle {
    border-radius: 50%;
    color: #999999;
    border: 1px solid #999999;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0 0.42857rem ;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: bold; }
    .form-progress__step .circle.check {
      display: none; }
    .form-progress__step .circle .icon {
      /* 1 */
      /* 2 */
      /* 3 */
      font-size: 1.57143rem ;
      line-height: 1;
      line-height: 1;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-top: -0.21429rem ; }
  .form-progress__step.is-active .circle {
    background: #ffd100;
    border: 1px solid #ffd100;
    color: #4d4d4d; }
  .form-progress__step.is-completed .circle {
    background: #4d4d4d;
    border: 1px solid #4d4d4d;
    color: #ffffff; }
    .form-progress__step.is-completed .circle.check {
      display: inline-block; }
  .form-progress__step.is-completed .count {
    display: none; }
  .form-progress__step:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    left: -0.64286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 3.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1.35714rem ;
    z-index: 2;
    background: url("../images/form-progress-before.svg") no-repeat;
    box-shadow: 0 3px 0 #b6bfd2;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0 0 0 0.28571rem ; }
  .form-progress__step:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    right: -0.64286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 3.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1.35714rem ;
    background: url("../images/form-progress-after.svg") no-repeat;
    z-index: 2; }
  .form-progress__step .text {
    display: none; }

@media only screen and (min-width: 654px) {
  .form-progress li:first-child .form-progress__step {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-left: 1.57143rem ; }
  .form-progress li:last-child .form-progress__step {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 1.57143rem ; }
  .form-progress__step {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 0.71429rem 1.14286rem ; } }

@media only screen and (min-width: 961px) {
  /*  $Step
        \*----------------------------------------------------------------------------*/
  .form-progress__step .text {
    display: inline-block;
    vertical-align: middle; } }

/*  Media query for really small devices
\*----------------------------------------------------------------------------*/
@media screen and (min-width: 1px) and (max-width: 400px) {
  .form-progress__step {
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0 0.14286rem ; }
    .form-progress__step .circle {
      /* 1 */
      /* 2 */
      /* 3 */
      width: 2.14286rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      height: 2.14286rem ;
      margin: 0; }
    .form-progress__step:before {
      display: none; }
    .form-progress__step:after {
      display: none; } }

.redesign .form-progress__step {
  border-radius: 0;
  border: 0px solid #b6c1d0;
  box-shadow: 0 0 0;
  background: url("../images/stap_midden_schaduw.svg") repeat-x;
  font-weight: 400;
  color: #8c8c8c;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 3.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.78571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding-right: 1.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.71429rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.21429rem ;
  line-height: 1.29412; }
  @media screen and (min-width: 1px) and (max-width: 400px) {
    .redesign .form-progress__step {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-right: 0.21429rem ;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-left: 1.07143rem ; } }
  .redesign .form-progress__step:hover {
    color: #8c8c8c; }
  .redesign .form-progress__step.is-completed {
    color: #4d4d4d; }
    .redesign .form-progress__step.is-completed .circle {
      border-color: #0794E5;
      background-color: #0794E5; }
  .redesign .form-progress__step.is-active {
    color: #4d4d4d; }
    .redesign .form-progress__step.is-active .circle {
      background: #ffd100;
      border: 1px solid #ffd100;
      color: #4d4d4d; }
  .redesign .form-progress__step:before {
    left: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1.35714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 3.92857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -0.71429rem ;
    box-shadow: 0 0 0;
    z-index: -1;
    background: url("../images/stap_tussenbegin_schaduw.svg") no-repeat; }
    @media screen and (min-width: 1px) and (max-width: 400px) {
      .redesign .form-progress__step:before {
        display: block; } }
  .redesign .form-progress__step:after {
    /* 1 */
    /* 2 */
    /* 3 */
    height: 3.92857rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    right: -1.14286rem ;
    z-index: -1;
    background: url("../images/stap_eind_schaduw.svg") no-repeat; }
    @media screen and (min-width: 1px) and (max-width: 400px) {
      .redesign .form-progress__step:after {
        display: block; } }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .redesign .form-progress__step {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-right: 0.28571rem ; } }
  @media only screen and (min-width: 654px) {
    .redesign .form-progress__step {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-right: 0.5rem ; } }

.redesign li:first-child .form-progress__step {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-left: 0.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: 0.71429rem ; }
  .redesign li:first-child .form-progress__step:before {
    display: block;
    background: url("../images/stap_begin_schaduw.svg") no-repeat; }
  @media only screen and (min-width: 654px) {
    .redesign li:first-child .form-progress__step {
      /* 1 */
      /* 2 */
      /* 3 */
      padding-right: 0.5rem ; } }

@media only screen and (min-width: 654px) {
  .redesign li:last-child .form-progress__step {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-right: 0.5rem ; } }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  .redesign li:last-child .form-progress__step {
    padding-right: 0; } }

@media screen and (min-width: 1px) and (max-width: 400px) {
  .redesign li:last-child .form-progress__step {
    padding-right: 0; } }

.redesign li:last-child .form-progress__step:after {
  display: block;
  background: url("../images/stap_eind_recht_schaduw.svg") no-repeat; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .redesign li:last-child .form-progress__step:after {
      background: url("../images/stap_eind_recht_schaduw.svg") no-repeat; } }
  @media screen and (min-width: 1px) and (max-width: 400px) {
    .redesign li:last-child .form-progress__step:after {
      background: url("../images/stap_eind_recht_schaduw.svg") no-repeat; } }

/*----------------------------------------------------------------------------*\
    $Chat-box
\*----------------------------------------------------------------------------*/
.chat-box {
  position: fixed;
  right: 0;
  z-index: 40;
  transition: 0.2s;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 30rem ;
  max-width: calc(100% - 11px); }
  .chat-box.is-expanded .chat-box__header__controls .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    left: 0rem ; }
  .chat-box.is-logged-in .chat-box__content--dialog {
    display: block; }
  .chat-box.is-logged-in .chat-box__content--login {
    display: none; }
  .chat-box.is-prompted .chat-box__content--prompt {
    display: block; }

/*  $Header
    \*----------------------------------------------------------------------------*/
.chat-box__header {
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem 0 0 0 ;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.2);
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.78571rem ;
  float: right;
  position: relative;
  z-index: 10001; }
  .chat-box__header:after {
    content: "";
    background: #ffffff;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 22rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 0.92857rem ;
    position: absolute;
    right: 0;
    top: 100%; }
  .chat-box__header:before {
    content: "";
    background: #ffffff;
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0; }

/*  $Title
        \*----------------------------------------------------------------------------*/
.chat-box__header__title {
  float: left;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.14286rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0.78571rem ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ; }
  .chat-box__header__title > span {
    float: left; }

.chat-box__icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyN3B4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNyAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS43ODQ4NDEzMywxLjEwNzM1OTQzIEMxMS43MDk1MjEyLDEuMTY0OTYwMDkgMTMuMjYxMDg0NCwyLjcxNDg5MzM4IDEzLjI2MTA4NDQsNC42MjMxMTMzMyBDMTMuMjYxMDg0NCw2LjEzOTQ5MDI4IDEyLjI3NzkyNjMsNy40ODIyNzI1OCAxMC44MTMzOTY3LDcuOTY0NzQ0MTQgTDEwLjY5ODE1NzcsOC4wMDM1ODQ5NSBMOS4wMjg0MDA1MSw5LjY1NDk3OTk1IEw3LjQ5ODA1ODQyLDguMTUwNzU3MjggTDQuNTgwODE4NjIsOC4xNTA3NTcyOCBDMi44MTIyMDg0Miw4LjE1MDc1NzI4IDEuMzQ3OTQ3NDUsNi44ODE0MjkwMiAxLjA1NzU2NjU4LDUuMjE5OTkzNTQgTDAuMDIxNzU4NDE4NCw1LjIxOTk5MzU0IEMwLjMyMzE1MjgwNiw3LjQ0MzQzMTc3IDIuMjQxMTE3MDksOS4xNjkzMzc3MSA0LjU4MTM1NTg3LDkuMTY5MzM3NzEgTDcuMDY5ODc0MjMsOS4xNjkzMzc3MSBMOS4wMzEwODY3MywxMS4wOTc2Mzg2IEwxMS4yNjE5OTYyLDguODkwMDUzNzkgQzEzLjA4MzUyNSw4LjIzNjM2NTU5IDE0LjI5NzQyOTgsNi41MzYzNTM1MiAxNC4yOTc0Mjk4LDQuNjIzMTEzMzMgQzE0LjI5Njg5MjYsMi4yODEwMzg4OSAxMi40ODIzNDgsMC4zNzEyMzM1OTYgMTAuMTY3MzU5NywwLjEyNjI5ODY5IEMxMC4wNjUwMTQ1LDAuNDY0NTA0Mzg2IDkuOTM1ODA3MTQsMC43OTEwODQyNjEgOS43ODQ4NDEzMywxLjEwNzM1OTQzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSIwMV9DaGF0X2RpY2h0Z2VrbGFwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3MS4wMDAwMDAsIC03MjMuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI3MS4wMDAwMDAsIDcyMy4wMDAwMDApIj4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjk4NjkwODYsOS4wODQwOTkzMSBDMjEuODg0Mjk0OCw5LjQyMjMwNSAyMS43NTUzNTYxLDkuNzQ4ODg0ODggMjEuNjA0MTIxNiwxMC4wNjUxNjAxIEMyMy41Mjg4MDE1LDEwLjEyMjc2MDcgMjUuMDgwNjMzNCwxMS42NzI2OTQgMjUuMDgwNjMzNCwxMy41ODA5MTQgQzI1LjA4MDYzMzQsMTUuMDk3MDI2NyAyNC4wOTcyMDY2LDE2LjQ0MDA3MzIgMjIuNjMyNjc3LDE2LjkyMjU0NDggTDIyLjUxNzcwNjYsMTYuOTYxMzg1NiBMMjAuODQ3NjgwOCwxOC42MTI3ODA2IEwxOS4zMTczMzg3LDE3LjEwODU1NzkgTDE2LjQwMDM2NzYsMTcuMTA4NTU3OSBDMTQuNjMxNDg4NywxNy4xMDg1NTc5IDEzLjE2NzIyNzgsMTUuODM5MjI5NiAxMi44NzY4NDY5LDE0LjE3Nzc5NDIgTDExLjg0MTAzODcsMTQuMTc3Nzk0MiBDMTIuMTQyNzAxNywxNi40MDEyMzI0IDE0LjA2MDM5NzQsMTguMTI3MTM4MyAxNi40MDA2MzYyLDE4LjEyNzEzODMgTDE4Ljg4OTE1NDUsMTguMTI3MTM4MyBMMjAuODUwMzY3LDIwLjA1NTE3NSBMMjMuMDgxMjc2NSwxNy44NDc4NTQ0IEMyNC45MDI4MDUzLDE3LjE5NDE2NjIgMjYuMTE2OTc4OCwxNS40OTQxNTQxIDI2LjExNjk3ODgsMTMuNTgwOTE0IEMyNi4xMTYxNzI5LDExLjIzODgzOTUgMjQuMzAxNjI4Myw5LjMyOTAzNDIyIDIxLjk4NjkwODYsOS4wODQwOTkzMSIgaWQ9IkZpbGwtMSIgZmlsbD0iIzRENEQ0RCI+PC9wYXRoPiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuODE5Mzg4LCA4Ljk1Nzg1MykiPiAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgICAgICAgICA8L21hc2s+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcC00Ij48L2c+ICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0zIiBmaWxsPSIjNEQ0RDREIiBtYXNrPSJ1cmwoI21hc2stMikiIHBvaW50cz0iLTEuMzIxMzUzODMgMTIuNDE4NDkwNCAxNS42NDA4MTA3IDEyLjQxODQ5MDQgMTUuNjQwODEwNyAtMS4xOTQ4MTczMSAtMS4zMjEzNTM4MyAtMS4xOTQ4MTczMSI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDAuMjM4NDg4KSI+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjEuMjUxNjA4NCw2LjY0NDg2OTk5IEMyMS4yNTE2MDg0LDMuMjg3MTIxNTcgMTguNDc0MDUyMywwLjU1NDI2MTAwNyAxNS4wNTk1OTIzLDAuNTU0MjYxMDA3IEw2LjcyOTA3MjkzLDAuNTU0MjYxMDA3IEMzLjMxNDg4MTYxLDAuNTU0MjYxMDA3IDAuNTM3MzI1NDg1LDMuMjg3MTIxNTcgMC41MzczMjU0ODUsNi42NDQ4Njk5OSBDMC41MzczMjU0ODUsOS4yNjQzNzg4IDIuMjM1NTU2NjEsMTEuNTg0MjU4NSA0Ljc2MzAyNTIzLDEyLjQxODE0NjkgTDQuODc4MjY0MjYsMTIuNDU2NzIzNSBMNy43ODgyNTEyNSwxNS4zMzIwMDA0IEwxMC40MjQ1MTIsMTIuNzM3NTkyOCBMMTUuMDU5NTkyMywxMi43Mzc1OTI4IEMxOC40NzQwNTIzLDEyLjczNzU5MjggMjEuMjUxNjA4NCwxMC4wMDU1MjQ5IDIxLjI1MTYwODQsNi42NDQ4Njk5OSBNNS43MTYwOTc2OCw4LjA0NzYzMDk2IEM0Ljg5MzU3NTc0LDguMDQ3NjMwOTYgNC4yMjcxMjM0NCw3LjM5Mjg4NTg3IDQuMjI3MTIzNDQsNi41ODMzMDU5OSBDNC4yMjcxMjM0NCw1Ljc3NTMxMTQ0IDQuODkzNTc1NzQsNS4xMTg5ODEwMSA1LjcxNjA5NzY4LDUuMTE4OTgxMDEgQzYuNTM4MzUwOTksNS4xMTg5ODEwMSA3LjIwNDgwMzI5LDUuNzc1NTc1NjYgNy4yMDQ4MDMyOSw2LjU4MzMwNTk5IEM3LjIwNDgwMzI5LDcuMzkyODg1ODcgNi41MzgzNTA5OSw4LjA0NzYzMDk2IDUuNzE2MDk3NjgsOC4wNDc2MzA5NiBNMTAuODk0MDY0LDguMDQ3NjMwOTYgQzEwLjA3MjA3OTMsOC4wNDc2MzA5NiA5LjQwNTM1ODM5LDcuMzkyODg1ODcgOS40MDUzNTgzOSw2LjU4MzMwNTk5IEM5LjQwNTM1ODM5LDUuNzc1MzExNDQgMTAuMDcyMDc5Myw1LjExODk4MTAxIDEwLjg5NDA2NCw1LjExODk4MTAxIEMxMS43MTY4NTQ2LDUuMTE4OTgxMDEgMTIuMzgzMDM4Miw1Ljc3NTU3NTY2IDEyLjM4MzAzODIsNi41ODMzMDU5OSBDMTIuMzgzMDM4Miw3LjM5Mjg4NTg3IDExLjcxNjg1NDYsOC4wNDc2MzA5NiAxMC44OTQwNjQsOC4wNDc2MzA5NiBNMTQuNTg0Mzk5Miw2LjU4MzMwNTk5IEMxNC41ODQzOTkyLDUuNzc1MzExNDQgMTUuMjUwODUxNSw1LjExODk4MTAxIDE2LjA3MzEwNDgsNS4xMTg5ODEwMSBDMTYuODk1NjI2OCw1LjExODk4MTAxIDE3LjU2MjA3OTEsNS43NzU1NzU2NiAxNy41NjIwNzkxLDYuNTgzMzA1OTkgQzE3LjU2MjA3OTEsNy4zOTI4ODU4NyAxNi44OTU2MjY4LDguMDQ3NjMwOTYgMTYuMDczMTA0OCw4LjA0NzYzMDk2IEMxNS4yNTA4NTE1LDguMDQ3NjMwOTYgMTQuNTg0Mzk5Miw3LjM5Mjg4NTg3IDE0LjU4NDM5OTIsNi41ODMzMDU5OSIgaWQ9IkZpbGwtNiIgZmlsbD0iI0Y1RDkxRiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUuNzE2MDk3NjgsNS42NDc0NTM4MyBDNS4xOTE0NzgwNCw1LjY0NzQ1MzgzIDQuNzY0MzY4MzQsNi4wNjczMDQ1IDQuNzY0MzY4MzQsNi41ODMzMzI0MSBDNC43NjQzNjgzNCw3LjA5OTM2MDMyIDUuMTkxNDc4MDQsNy41MTkyMTA5OCA1LjcxNjA5NzY4LDcuNTE5MjEwOTggQzYuMjQwNzE3MzIsNy41MTkyMTA5OCA2LjY2NzU1ODM5LDcuMDk5MzYwMzIgNi42Njc1NTgzOSw2LjU4MzMzMjQxIEM2LjY2NzU1ODM5LDYuMDY3MzA0NSA2LjI0MDcxNzMyLDUuNjQ3NDUzODMgNS43MTYwOTc2OCw1LjY0NzQ1MzgzIEw1LjcxNjA5NzY4LDUuNjQ3NDUzODMgWiBNNS43MTYwOTc2OCw4LjU3NjEwMzc4IEM0LjU5ODg5NjkxLDguNTc2MTAzNzggMy42ODk4Nzg1NSw3LjY4MjIzNjcgMy42ODk4Nzg1NSw2LjU4MzMzMjQxIEMzLjY4OTg3ODU1LDUuNDg0NDI4MTIgNC41OTg4OTY5MSw0LjU5MDU2MTAzIDUuNzE2MDk3NjgsNC41OTA1NjEwMyBDNi44MzMwMjk4Miw0LjU5MDU2MTAzIDcuNzQyMDQ4MTksNS40ODQ0MjgxMiA3Ljc0MjA0ODE5LDYuNTgzMzMyNDEgQzcuNzQyMDQ4MTksNy42ODIyMzY3IDYuODMzMDI5ODIsOC41NzYxMDM3OCA1LjcxNjA5NzY4LDguNTc2MTAzNzggTDUuNzE2MDk3NjgsOC41NzYxMDM3OCBaIE0xMC44OTQwNjQsNS42NDc0NTM4MyBDMTAuMzY5NDQ0NCw1LjY0NzQ1MzgzIDkuOTQyNjAzMjksNi4wNjczMDQ1IDkuOTQyNjAzMjksNi41ODMzMzI0MSBDOS45NDI2MDMyOSw3LjA5OTM2MDMyIDEwLjM2OTQ0NDQsNy41MTkyMTA5OCAxMC44OTQwNjQsNy41MTkyMTA5OCBDMTEuNDE4OTUyMyw3LjUxOTIxMDk4IDExLjg0NjA2Miw3LjA5OTM2MDMyIDExLjg0NjA2Miw2LjU4MzMzMjQxIEMxMS44NDYwNjIsNi4wNjczMDQ1IDExLjQxODk1MjMsNS42NDc0NTM4MyAxMC44OTQwNjQsNS42NDc0NTM4MyBMMTAuODk0MDY0LDUuNjQ3NDUzODMgWiBNMTAuODk0MDY0LDguNTc2MTAzNzggQzkuNzc3MTMxODYsOC41NzYxMDM3OCA4Ljg2ODExMzQ5LDcuNjgyMjM2NyA4Ljg2ODExMzQ5LDYuNTgzMzMyNDEgQzguODY4MTEzNDksNS40ODQ0MjgxMiA5Ljc3NzEzMTg2LDQuNTkwNTYxMDMgMTAuODk0MDY0LDQuNTkwNTYxMDMgQzEyLjAxMTgwMiw0LjU5MDU2MTAzIDEyLjkyMDU1MTgsNS40ODQ0MjgxMiAxMi45MjA1NTE4LDYuNTgzMzMyNDEgQzEyLjkyMDU1MTgsNy42ODIyMzY3IDEyLjAxMTgwMiw4LjU3NjEwMzc4IDEwLjg5NDA2NCw4LjU3NjEwMzc4IEwxMC44OTQwNjQsOC41NzYxMDM3OCBaIE0xNi4wNzMxMDQ4LDUuNjQ3NDUzODMgQzE1LjU0ODQ4NTIsNS42NDc0NTM4MyAxNS4xMjE2NDQxLDYuMDY3MzA0NSAxNS4xMjE2NDQxLDYuNTgzMzMyNDEgQzE1LjEyMTY0NDEsNy4wOTkzNjAzMiAxNS41NDg0ODUyLDcuNTE5MjEwOTggMTYuMDczMTA0OCw3LjUxOTIxMDk4IEMxNi41OTc3MjQ1LDcuNTE5MjEwOTggMTcuMDI0ODM0Miw3LjA5OTM2MDMyIDE3LjAyNDgzNDIsNi41ODMzMzI0MSBDMTcuMDI0ODM0Miw2LjA2NzMwNDUgMTYuNTk3NzI0NSw1LjY0NzQ1MzgzIDE2LjA3MzEwNDgsNS42NDc0NTM4MyBMMTYuMDczMTA0OCw1LjY0NzQ1MzgzIFogTTE2LjA3MzEwNDgsOC41NzYxMDM3OCBDMTQuOTU1OTA0MSw4LjU3NjEwMzc4IDE0LjA0NzE1NDMsNy42ODIyMzY3IDE0LjA0NzE1NDMsNi41ODMzMzI0MSBDMTQuMDQ3MTU0Myw1LjQ4NDQyODEyIDE0Ljk1NTkwNDEsNC41OTA1NjEwMyAxNi4wNzMxMDQ4LDQuNTkwNTYxMDMgQzE3LjE5MDMwNTYsNC41OTA1NjEwMyAxOC4wOTkzMjQsNS40ODQ0MjgxMiAxOC4wOTkzMjQsNi41ODMzMzI0MSBDMTguMDk5MzI0LDcuNjgyMjM2NyAxNy4xOTAzMDU2LDguNTc2MTAzNzggMTYuMDczMTA0OCw4LjU3NjEwMzc4IEwxNi4wNzMxMDQ4LDguNTc2MTAzNzggWiBNNi43MjkwNzI5MywxLjA4MjczMzgzIEMzLjYxMTE3MjE3LDEuMDgyNzMzODMgMS4wNzQ1NzAzOCwzLjU3Nzc5MzUxIDEuMDc0NTcwMzgsNi42NDQ4OTY0MSBDMS4wNzQ1NzAzOCw5LjAzNjY0NDgyIDIuNjI1MzI3NzgsMTEuMTU1NDUwNyA0LjkzMzg2OTExLDExLjkxNzIwNjEgTDUuMTcwNTI1NDgsMTEuOTk2MjA4OSBMNy43ODkwNTcxMiwxNC41ODM3NDY3IEwxMC4yMDIwOTI2LDEyLjIwOTE3MjggTDE1LjA1OTU5MjMsMTIuMjA5MTcyOCBDMTguMTc3NzYxNywxMi4yMDkxNzI4IDIwLjcxNDM2MzUsOS43MTMwNTYyMSAyMC43MTQzNjM1LDYuNjQ0ODk2NDEgQzIwLjcxNDM2MzUsMy41Nzc3OTM1MSAxOC4xNzc3NjE3LDEuMDgyNzMzODMgMTUuMDU5NTkyMywxLjA4MjczMzgzIEw2LjcyOTA3MjkzLDEuMDgyNzMzODMgWiBNNy43ODc0NDUzOCwxNi4wODAzMDY5IEw0LjU4NjI3MTY2LDEyLjkxNzI5MSBDMS44NDM2MzY0NSwxMi4wMTA3NDEyIDguMDU4NjczMzllLTA1LDkuNDkwMDUxODMgOC4wNTg2NzMzOWUtMDUsNi42NDQ4OTY0MSBDOC4wNTg2NzMzOWUtMDUsMi45OTQ5MTcxMyAzLjAxODU5MTA1LDAuMDI1ODQxMDI5IDYuNzI5MDcyOTMsMC4wMjU4NDEwMjkgTDE1LjA1OTU5MjMsMC4wMjU4NDEwMjkgQzE4Ljc3MDM0MjgsMC4wMjU4NDEwMjkgMjEuNzg4ODUzMywyLjk5NDkxNzEzIDIxLjc4ODg1MzMsNi42NDQ4OTY0MSBDMjEuNzg4ODUzMywxMC4yOTU5MzI2IDE4Ljc3MDM0MjgsMTMuMjY2MDY1NiAxNS4wNTk1OTIzLDEzLjI2NjA2NTYgTDEwLjY0NzQ2ODYsMTMuMjY2MDY1NiBMNy43ODc0NDUzOCwxNi4wODAzMDY5IFoiIGlkPSJGaWxsLTgiIGZpbGw9IiM0RDRENEQiPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  display: block;
  /* 1 */
  /* 2 */
  /* 3 */
  width: 1.92857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  height: 1.42857rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0.35714rem 0.78571rem 0 0 ; }

/*  $Controls
        \*----------------------------------------------------------------------------*/
.chat-box__header__controls {
  float: left; }
  .chat-box__header__controls .icon {
    background: #e5eaf0;
    display: block;
    float: left;
    text-decoration: none;
    /* 1 */
    /* 2 */
    /* 3 */
    border-radius: 0.28571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0 0 0 0.78571rem ;
    color: #b6bfd2;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.42857rem ;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    position: relative;
    /* 1 */
    /* 2 */
    /* 3 */
    left: 2.92857rem ;
    transition: 0.2s; }
    .chat-box__header__controls .icon:before {
      transition: 0.2s; }

.is-expanded .icon--up-open:before {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

/*  $Content
    \*----------------------------------------------------------------------------*/
.chat-box__content {
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.14286rem 0 0 0 ;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.2);
  float: right;
  clear: right;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 2.14286rem ;
  width: 100%;
  position: relative; }
  .chat-box__content > div {
    height: 100%; }
    .chat-box__content > div .chat-box__title {
      display: block;
      font-weight: 700;
      /* 1 */
      /* 2 */
      /* 3 */
      margin-bottom: 1.07143rem ; }
    .chat-box__content > div.chat-box__content--dialog {
      /* 1 */
      /* 2 */
      /* 3 */
      height: 27.14286rem ; }
    .chat-box__content > div.chat-box__content--login textarea {
      box-shadow: none;
      -webkit-appearance: none; }
  .chat-box__content .chat-dialog__actions__copy {
    display: none; }

.chat-box__content--dialog {
  display: none; }

.chat-box__content--prompt {
  display: none; }

.chat-box__content--prompt {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5); }

/*  $Modal
        \*----------------------------------------------------------------------------*/
.chat-box__content__modal {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.57143rem ;
  border-top: #b6bfd2 1px solid; }

/*----------------------------------------------------------------------------*\
    $Expand
\*----------------------------------------------------------------------------*/
.js--chat-box--expand {
  cursor: pointer;
  text-decoration: underline; }

@media only screen and (min-width: 1px) and (max-width: 653px) {
  /*  $Content
    \*----------------------------------------------------------------------------*/
  .chat-box__content > div {
    max-height: calc(100vh - 52px - (44px));
    overflow: auto; } }

/*----------------------------------------------------------------------------*\
    $Chat-agent
\*----------------------------------------------------------------------------*/
.chat-agent.is-logged-in .chat-agent__login {
  display: none; }

.chat-agent.is-logged-in .chat-agent__dashboard {
  display: block; }

.chat-agent.is-chatting .chat-agent__visits {
  display: none; }

.chat-agent.is-chatting .chat-agent__dialog {
  display: block; }

.chat-agent .site-retain {
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 90.78571rem ; }

/*  $Header
    \*----------------------------------------------------------------------------*/
.chat-agent__header {
  position: static; }

/*  $Logo
        \*----------------------------------------------------------------------------*/
.chat-agent__header__logo {
  float: left; }
  .chat-agent__header__logo .logo {
    float: left; }
  .chat-agent__header__logo .heading, .chat-agent__header__logo .vacancy__content strong, .vacancy__content .chat-agent__header__logo strong {
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    top: 2px;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0.78571rem 0 0 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.28571rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.92857rem ; }

/*  $Navigation
        \*----------------------------------------------------------------------------*/
.chat-agent__header__navigation {
  float: right;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 1.57143rem 0 ;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif; }
  .chat-agent__header__navigation li {
    float: left;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0 0 0 3.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ; }
    .chat-agent__header__navigation li a {
      text-decoration: none; }
      .chat-agent__header__navigation li a.is-active {
        font-weight: bold; }

/*  $Content
    \*----------------------------------------------------------------------------*/
.chat-agent__content {
  height: calc(200vh - 40px);
  background: #ffffff; }

/*  $Login
        \*----------------------------------------------------------------------------*/
.chat-agent__login__box {
  background: #f0f3f6;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 3.14286rem 4.71429rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  border-radius: 0.28571rem ; }
  .chat-agent__login__box .heading, .chat-agent__login__box .vacancy__content strong, .vacancy__content .chat-agent__login__box strong {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; }

/*  $Dashboard
        \*----------------------------------------------------------------------------*/
.chat-agent__dashboard {
  display: none;
  height: 100%; }
  .chat-agent__dashboard .site-retain {
    height: 100%; }
    .chat-agent__dashboard .site-retain > .grid {
      height: 100%; }
      .chat-agent__dashboard .site-retain > .grid > .grid__cell {
        height: 100%; }

.chat-agent__content__sidebar, .chat-agent__content__main {
  height: 100%;
  position: relative; }

/*  $Sidebar
        \*----------------------------------------------------------------------------*/
.chat-agent__content__sidebar {
  border-right: 2px solid #e5eaf0; }
  .chat-agent__content__sidebar .heading, .chat-agent__content__sidebar .vacancy__content strong, .vacancy__content .chat-agent__content__sidebar strong {
    margin: 0;
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.96429rem 0 1.96429rem 1.57143rem ;
    border: #e5eaf0 solid;
    border-width: 0 0 2px;
    display: block; }

/*  $Sessions
            \*----------------------------------------------------------------------------*/
.chat-agent__sessions {
  margin: 0;
  list-style: none;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-left: -1.57143rem ;
  overflow: auto;
  height: calc(100% - 40px - (22px * 2.5)); }

/*  $Session
                \*----------------------------------------------------------------------------*/
.chat-agent__session {
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.07143rem 6.28571rem 1.07143rem 1.57143rem ;
  border: #e5eaf0 solid;
  border-width: 0 0 2px;
  position: relative;
  cursor: pointer;
  /*  $Counter
                    \*----------------------------------------------------------------------------*/ }
  .chat-agent__session strong {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.14286rem ;
    line-height: 1.375;
    font-weight: normal; }
  .chat-agent__session span {
    display: block; }
  .chat-agent__session abbr {
    border: none; }
  .chat-agent__session .icon--cancel {
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 1.57143rem ;
    color: #fd817f;
    border: #fd817f 1px solid;
    border-radius: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1.85714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 1.85714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.85714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1.28571rem ;
    cursor: pointer;
    text-align: center;
    text-decoration: none; }
  .chat-agent__session .chat-agent__session__counter {
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    right: 4.21429rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    top: 1.57143rem ;
    color: #ffffff;
    background: #414141;
    border-radius: 50%;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 1.85714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 1.85714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.85714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 1rem ;
    cursor: pointer;
    text-align: center; }
  .chat-agent__session.is-unread strong {
    font-weight: bold; }
  .chat-agent__session:hover, .chat-agent__session.is-active {
    background: #f0f3f6; }

/*  $Main
        \*----------------------------------------------------------------------------*/
.chat-agent__content__main {
  height: calc(100% - (22px * 2));
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 1.57143rem 0 ; }
  .chat-agent__content__main > div {
    height: 100%; }

/*  $Visits
            \*----------------------------------------------------------------------------*/
.chat-agent__visits__table {
  max-height: calc(100% - 40px - (22px * 2.5));
  overflow: auto; }
  .chat-agent__visits__table table {
    margin: 0; }
  .chat-agent__visits__table abbr {
    border: none; }

/*  $Dialog
            \*----------------------------------------------------------------------------*/
.chat-agent__dialog {
  display: none; }
  .chat-agent__dialog .chat-dialog__window {
    height: calc(100% - 100px - 22px); }
  .chat-agent__dialog .chat-dialog__window-inner {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 1.57143rem 1.57143rem 0 ; }
  .chat-agent__dialog .chat-dialog__window__reply {
    max-width: 55%;
    float: left;
    clear: both; }
    .chat-agent__dialog .chat-dialog__window__reply:after, .chat-agent__dialog .chat-dialog__window__reply:before {
      left: auto;
      right: 100%; }
    .chat-agent__dialog .chat-dialog__window__reply:after {
      border-left-color: transparent;
      border-right-color: #ffffff; }
    .chat-agent__dialog .chat-dialog__window__reply:before {
      border-left-color: transparent;
      border-right-color: #e6e6e6; }
  .chat-agent__dialog .chat-dialog__window__reply--stedin {
    float: right;
    clear: both; }
    .chat-agent__dialog .chat-dialog__window__reply--stedin:after, .chat-agent__dialog .chat-dialog__window__reply--stedin:before {
      left: 100%;
      right: auto; }
    .chat-agent__dialog .chat-dialog__window__reply--stedin:before {
      border-left-color: #ffd100;
      border-right-color: transparent; }
    .chat-agent__dialog .chat-dialog__window__reply--stedin:after {
      border-left-color: #ffd100;
      border-right-color: transparent; }
  .chat-agent__dialog .chat-dialog__window__notice {
    text-align: center;
    float: left;
    clear: both;
    width: 100%;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0 0 1.57143rem ; }
  .chat-agent__dialog .chat-dialog__actions__textarea-outer {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: 14.42857rem ;
    width: calc(100% - 22px - 50px - 11px - 180px); }
  .chat-agent__dialog .chat-dialog__actions__textarea {
    /* 1 */
    /* 2 */
    /* 3 */
    height: 7.14286rem ;
    resize: none; }

/*  $Heading
            \*----------------------------------------------------------------------------*/
.chat-agent__content__heading {
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 0 0 1.57143rem ; }
  .chat-agent__content__heading .heading, .chat-agent__content__heading .vacancy__content strong, .vacancy__content .chat-agent__content__heading strong {
    float: left;
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 0.39286rem 0 ; }
  .chat-agent__content__heading .chat-agent__status {
    float: right; }

@media only screen and (min-width: 654px) {
  /*----------------------------------------------------------------------------*\
        $Chat-agent
    \*----------------------------------------------------------------------------*/
  .chat-agent .site-retain {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 115.85714rem ; }
  /*  $Logo
        \*----------------------------------------------------------------------------*/
  .chat-agent__header__logo .heading, .chat-agent__header__logo .vacancy__content strong, .vacancy__content .chat-agent__header__logo strong {
    /* 1 */
    /* 2 */
    /* 3 */
    margin: 1.57143rem 0 0 1.57143rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    line-height: 1.85714rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 2.78571rem ; }
  /*  $Content
        \*----------------------------------------------------------------------------*/
  .chat-agent__content {
    height: calc(100vh - 70px); } }

/*----------------------------------------------------------------------------*\
    $Section
\*----------------------------------------------------------------------------*/
.section--space-bottom > .layer:last-child {
  /* 1 */
  /* 2 */
  /* 3 */
  padding-bottom: 3.57143rem ; }

@media only screen and (min-width: 654px) {
  .section--space-bottom > .layer:last-child {
    /* 1 */
    /* 2 */
    /* 3 */
    padding-bottom: 7.14286rem ; } }

.schouwtool .tile {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 3.14286rem ; }

.schouwtool .form__actions {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }
  @media only screen and (min-width: 1px) and (max-width: 653px) {
    .schouwtool .form__actions {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-bottom: 2.35714rem ; } }

.schouwtool__download {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

.schouwtool__introduction {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 2.35714rem ; }

@media only screen and (min-width: 654px) {
  .schouwtool__download__title {
    margin-bottom: 0; } }

.schouwtool-uploader .schouwtool-photo__image {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 3.14286rem ; }

.uploader__button--desk, .uploader__change--desk {
  display: none; }

@media only screen and (min-width: 654px) {
  .uploader__button--palm, .uploader__change--palm, .schouwtool-uploader__toggle, .schouwtool-uploader__toggle-example {
    display: none; }
  .uploader__button--desk, .uploader__change--desk {
    display: block; }
  .schouwtool-uploader .schouwtool-photo__image {
    margin-bottom: 0; } }

.schouwtool-uploader--false .schouwtool-uploader__photo, .schouwtool-uploader--false .schouwtool-uploader__change {
  display: none; }

.schouwtool-uploader--true .schouwtool-uploader__button {
  display: none; }

.schouwtool-uploader--true .schouwtool-uploader__example {
  display: none; }

@media only screen and (min-width: 654px) {
  .schouwtool-uploader--true .schouwtool-uploader__example {
    display: inline-block; } }

.schouwtool-uploader__title {
  display: inline-block;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

.schouwtool-uploader__photo .schouwtool-uploader__title {
  margin-bottom: 0; }

.schouwtool-uploader__photo .arrange {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

@media only screen and (min-width: 654px) {
  .schouwtool-uploader__photo .schouwtool-uploader__title {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-bottom: 1.57143rem ; }
  .schouwtool-uploader__photo .arrange {
    margin-bottom: 0; } }

.schouwtool-uploader__button .button {
  text-align: center; }

.uploader__button--desk .schouwtool-uploader__input-container {
  display: inline-block;
  width: 100%;
  padding-top: 35%;
  text-decoration: none;
  text-align: center; }

.uploader__button--desk .icon {
  display: block;
  width: 100%;
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 5.71429rem ;
  color: #b6bfd2; }
  .uploader__button--desk .icon--spin {
    font-size: 2rem; }
  .uploader__button--desk .icon:before {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -0.28571rem ; }

@media only screen and (min-width: 961px) {
  .uploader__button--desk .schouwtool-uploader__input-container {
    padding-top: 40%; }
  .uploader__button--desk .icon {
    /* 1 */
    /* 2 */
    /* 3 */
    font-size: 7.14286rem ; }
    .uploader__button--desk .icon--spin {
      font-size: 2rem; } }

.schouwtool-uploader__input-container {
  position: relative; }

.schouwtool-uploader__input {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  display: block;
  height: 100%;
  width: 100%; }

.schouwtool-uploader__toggle {
  white-space: nowrap;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 0.71429rem 1.57143rem ; }

.schouwtool-uploader__change {
  text-align: center; }

.uploader__change--desk {
  margin-top: 75%; }
  @media only screen and (min-width: 961px) {
    .uploader__change--desk {
      margin-top: 70%; } }

.info-balloon-container {
  position: relative;
  display: inline-block; }
  .info-balloon-container .info-balloon {
    display: none;
    position: absolute;
    /* 1 */
    /* 2 */
    /* 3 */
    bottom: 3.57143rem ;
    max-width: 300px;
    right: 0;
    left: -35px; }

@media only screen and (min-width: 654px) {
  max-width: 350px; }

.progression-container {
  margin-bottom: 30px; }

@media only screen and (min-width: 961px) {
  .progression-container {
    text-align: center; }
    .progression-container .heading, .progression-container .vacancy__content strong, .vacancy__content .progression-container strong {
      display: none; }
  .progression-bar .progression-item {
    /* 1 */
    /* 2 */
    /* 3 */
    margin-left: -1.07143rem ; }
  .progression-bar .progression-item--first {
    margin-left: 0; } }

.contact-layer__visual {
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 1.42857rem 0 ; }
  .contact-layer__visual img {
    /* 1 */
    /* 2 */
    /* 3 */
    max-width: 8.92857rem ; }

.contact-layer__text {
  width: 100%;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  text-align: center;
  /* 1 */
  /* 2 */
  /* 3 */
  margin: 1.42857rem 0 ;
  /* 1 */
  /* 2 */
  /* 3 */
  font-size: 1.28571rem ;
  /* 1 */
  /* 2 */
  /* 3 */
  line-height: 2.14286rem ; }

@media only screen and (min-width: 654px) {
  .contact-layer__visual {
    text-align: left;
    margin: 0; }
  .contact-layer__text {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    /* 1 */
    /* 2 */
    /* 3 */
    height: 8.92857rem ; } }

.notice {
  position: fixed;
  z-index: 10001;
  /* 1 */
  /* 2 */
  /* 3 */
  max-width: 28.57143rem ;
  top: 30%;
  right: 0;
  left: 0;
  margin: 0 auto;
  /* 1 */
  /* 2 */
  /* 3 */
  padding: 1.42857rem ; }
  .notice .tile {
    border: 0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }

@media only screen and (min-width: 654px) {
  .notice {
    /* 1 */
    /* 2 */
    /* 3 */
    padding: 2.14286rem ;
    /* 1 */
    /* 2 */
    /* 3 */
    width: 28.57143rem ; } }

#videoContainer {
  margin: 0; }
  #videoContainer .video-player__holder {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    line-height: 0;
    padding-bottom: 56.25%; }
    #videoContainer .video-player__holder #video {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0; }
    #videoContainer .video-player__holder .video-player__play-btn {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: .3s ease all;
      cursor: pointer; }
      #videoContainer .video-player__holder .video-player__play-btn.startZoom {
        transition: .6s ease all;
        opacity: 0;
        -ms-transform: scale(30);
            transform: scale(30); }
      #videoContainer .video-player__holder .video-player__play-btn:hover:not(.startZoom) {
        opacity: 0.9;
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
    #videoContainer .video-player__holder:hover .video-control:not(.hide) {
      bottom: 0;
      transition: .3s ease all 0s; }
  #videoContainer .video-control {
    height: 45px;
    bottom: -45px;
    opacity: 0.97;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    width: 100%;
    background-color: #ffffff;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 15px;
    transition: .3s ease all 1s; }
    @media only screen and (min-width: 654px) {
      #videoContainer .video-control {
        height: 60px;
        bottom: -60px;
        padding: 0 20px; } }
    #videoContainer .video-control.hide {
      bottom: -45px; }
      @media only screen and (min-width: 654px) {
        #videoContainer .video-control.hide {
          bottom: -60px; } }
  #videoContainer .progress {
    width: 100%;
    margin: 0;
    height: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0;
    position: relative;
    margin-right: 10px; }
    @media only screen and (min-width: 654px) {
      #videoContainer .progress {
        margin-right: 20px; } }
    #videoContainer .progress #progress {
      height: 4px;
      width: 100%;
      background-color: #e5eaf0;
      border-radius: 10px; }
      #videoContainer .progress #progress #progress-bar {
        height: 4px;
        border-radius: 10px;
        background-color: #ffd100;
        display: block; }
  #videoContainer .video-control__duration {
    white-space: nowrap;
    font-family: "Klavika", "Arial", "Helvetica", sans-serif;
    font-size: 14px;
    position: relative; }
  #videoContainer .video-control__btn {
    color: #4d4d4d;
    position: relative;
    outline: none;
    background: none;
    border: 0;
    margin-right: 5px;
    height: 100%; }
    @media only screen and (min-width: 654px) {
      #videoContainer .video-control__btn {
        margin-right: 20px; } }
    #videoContainer .video-control__btn:last-child {
      margin-right: 0; }
    #videoContainer .video-control__btn:after {
      font-family: 'fontello';
      content: '\e840';
      display: inline-block;
      font-size: 15px;
      top: 1px;
      position: relative;
      left: 1px; }
      @media only screen and (min-width: 654px) {
        #videoContainer .video-control__btn:after {
          font-size: 18px; } }
    #videoContainer .video-control__btn:hover {
      color: #0794E5; }
  #videoContainer .video-control__btn--play:after {
    content: '\E846'; }
  #videoContainer .video-control__btn--pause:after {
    content: '\E844'; }
  #videoContainer .video-control__btn--stop:after {
    content: '\e843'; }
  #videoContainer .video-control__btn--mute:after {
    content: '\E847'; }
  #videoContainer .video-control__btn--unmute:after {
    content: '\E842'; }
  #videoContainer .video-control__btn--fullscreen {
    margin-left: 20px; }
    #videoContainer .video-control__btn--fullscreen:after {
      font-size: 19px;
      content: '\E845';
      -webkit-font-smoothing: antialiased;
      -webkit-font-variant-ligatures: common-ligatures;
              font-variant-ligatures: common-ligatures; }

.mijn-stedin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media only screen and (min-width: 961px) {
    .mijn-stedin {
      -ms-flex-direction: row;
          flex-direction: row; } }

.mijn-stedin__background {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }
  .mijn-stedin__background:before {
    content: '';
    background-image: url("http://unsplash.it/800/600?random");
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    opacity: 0;
    -ms-transform: translateX(30px);
        transform: translateX(30px);
    transition: .4s ease all;
    width: 100%;
    height: 50%;
    bottom: 0; }
    @media only screen and (min-width: 961px) {
      .mijn-stedin__background:before {
        width: 50%;
        height: 100%;
        right: 0;
        top: 0; } }
  .mijn-stedin__background.is-visible:before {
    -ms-transform: translateX(0);
        transform: translateX(0);
    transition: .3s ease all  .2s; }
    @media only screen and (min-width: 961px) {
      .mijn-stedin__background.is-visible:before {
        opacity: 1; } }

.mijn-stedin__login {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 70px 0;
  width: 100%;
  z-index: 1; }
  @media only screen and (min-width: 961px) {
    .mijn-stedin__login {
      padding: 100px 0;
      margin-left: -15px;
      width: 50%; } }

@media only screen and (min-width: 961px) {
  .mijn-stedin-login__form {
    max-width: 400px; } }

.mijn-stedin__login-side {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 1;
  position: relative;
  padding: 10px 0; }
  @media only screen and (min-width: 961px) {
    .mijn-stedin__login-side {
      padding: 70px 0;
      margin-right: -15px;
      width: 50%; } }

.mijn-stedin__voordelen {
  max-width: 100%;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  opacity: 1;
  transition: .3s ease all; }
  @media only screen and (min-width: 961px) {
    .mijn-stedin__voordelen {
      max-width: 430px;
      -ms-transform: translateX(60px);
          transform: translateX(60px);
      visibility: hidden;
      opacity: 0; } }
  @media only screen and (min-width: 961px) {
    .mijn-stedin__voordelen .tile {
      border: 0;
      box-shadow: 0 0 0; } }
  .mijn-stedin__voordelen .label-icon {
    font-size: 18px;
    margin: 15px 0; }
  @media only screen and (min-width: 961px) {
    .mijn-stedin__voordelen.is-visible {
      visibility: visible;
      -ms-transform: translateX(0);
          transform: translateX(0);
      transition: .3s ease all  .2s;
      opacity: 1; } }

.mijn-stedin__meterkast {
  position: absolute;
  opacity: 0;
  -ms-transform: translateX(-80px);
      transform: translateX(-80px);
  transition: .4s ease all; }
  @media only screen and (min-width: 961px) {
    .mijn-stedin__meterkast {
      left: 0;
      bottom: 0;
      right: 0; } }
  @media only screen and (min-width: 961px) {
    .mijn-stedin__meterkast.is-visible {
      -ms-transform: translateX(0);
          transform: translateX(0);
      transition: .4s ease all .1s;
      opacity: 1; } }

.mijn-stedin__foto {
  margin-bottom: 20px;
  box-shadow: 0px 0px 21px rgba(51, 51, 51, 0.138);
  line-height: 0; }

.mijn-stedin__meterkast_mobile {
  opacity: 0;
  max-height: 0;
  visibility: hidden;
  -ms-transform: translateY(-80px);
      transform: translateY(-80px);
  transition: .4s ease all; }
  .mijn-stedin__meterkast_mobile.is-visible {
    visibility: visible;
    max-height: 800px;
    -ms-transform: translateY(0);
        transform: translateY(0);
    opacity: 1; }
  @media only screen and (min-width: 961px) {
    .mijn-stedin__meterkast_mobile {
      display: none; } }

.mijn-omgeving-header {
  margin-bottom: 50px; }
  .mijn-omgeving-header .icon-link {
    margin-top: 15px;
    float: right; }

.redesign .info-block-image {
  position: relative;
  background-color: #ffffff;
  color: #4d4d4d;
  font-family: "Klavika", "Arial", "Helvetica", sans-serif;
  font-weight: 300; }
  @media only screen and (min-width: 654px) {
    .redesign .info-block-image {
      /* 1 */
      /* 2 */
      /* 3 */
      margin-bottom: 2.42857rem ; } }
  .redesign .info-block-image .is-centered {
    text-align: center; }

.redesign .info-block-image--with-shadow {
  box-shadow: 0 23px 26px -15px rgba(0, 0, 0, 0.13);
  border: 0;
  transition: .3s ease all .1s; }

.redesign .info-block-image__holder {
  height: 100%; }
  @media only screen and (min-width: 654px) {
    .redesign .info-block-image__holder {
      display: -ms-flexbox;
      display: flex; } }
  .redesign .info-block-image__holder .info-block-image__image {
    width: 100%;
    height: 350px;
    line-height: 0;
    background-size: cover; }
    @media only screen and (min-width: 654px) {
      .redesign .info-block-image__holder .info-block-image__image {
        display: none; } }
    @media only screen and (min-width: 961px) {
      .redesign .info-block-image__holder .info-block-image__image {
        display: block;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: calc(50% - 10px);
        height: auto; } }
  .redesign .info-block-image__holder .info-block-image__content {
    padding: 30px 30px; }
    @media only screen and (min-width: 654px) {
      .redesign .info-block-image__holder .info-block-image__content {
        width: 100%; } }
    @media only screen and (min-width: 961px) {
      .redesign .info-block-image__holder .info-block-image__content {
        padding: 39px 40px;
        width: calc(50% + 10px); } }
    .redesign .info-block-image__holder .info-block-image__content .tile__button-holder {
      width: auto; }
      .redesign .info-block-image__holder .info-block-image__content .tile__button-holder .button {
        width: auto; }

/*  Themes
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $Layer-theme-background
\*----------------------------------------------------------------------------*/
.layer--theme-background {
  background-size: cover;
  background-repeat: no-repeat;
  /*  $Layer Brand Modifier
    \*----------------------------------------------------------------------------*/
  /*  $Layer Base Dark B Modifier
    \*----------------------------------------------------------------------------*/
  /*  $Layer Base Gray B Modifier
    \*----------------------------------------------------------------------------*/
  /*  $Layer Base Gray C Modifier
    \*----------------------------------------------------------------------------*/ }
  .layer--theme-background .content-block h1, .layer--theme-background .content-block .h1,
  .layer--theme-background .content-block h2,
  .layer--theme-background .content-block .h2,
  .layer--theme-background .content-block h3,
  .layer--theme-background .content-block .h3,
  .layer--theme-background .content-block h4,
  .layer--theme-background .content-block .h4,
  .layer--theme-background .content-block h5,
  .layer--theme-background .content-block .h5,
  .layer--theme-background .content-block h6,
  .layer--theme-background .content-block .h6 {
    color: #e5eaf0;
    font-weight: 200; }
  .layer--theme-background .content-block time,
  .layer--theme-background .content-block table,
  .layer--theme-background .content-block pre,
  .layer--theme-background .content-block ul,
  .layer--theme-background .content-block ol,
  .layer--theme-background .content-block dl,
  .layer--theme-background .content-block p,
  .layer--theme-background .content-block a {
    color: #e5eaf0; }
  .layer--theme-background .content-block .list--arrow li {
    border-color: rgba(255, 255, 255, 0.2); }
    .layer--theme-background .content-block .list--arrow li:before {
      background-image: url("../images/arrow-list-light.png"); }
  .layer--theme-background .content-block .list--arrow a {
    color: #e5eaf0; }
  .layer--theme-background .contentblock--link h1, .layer--theme-background .contentblock--link .h1,
  .layer--theme-background .contentblock--link h2,
  .layer--theme-background .contentblock--link .h2,
  .layer--theme-background .contentblock--link h3,
  .layer--theme-background .contentblock--link .h3,
  .layer--theme-background .contentblock--link h4,
  .layer--theme-background .contentblock--link .h4,
  .layer--theme-background .contentblock--link h5,
  .layer--theme-background .contentblock--link .h5,
  .layer--theme-background .contentblock--link h6,
  .layer--theme-background .contentblock--link .h6 {
    color: #e5eaf0; }
  .layer--theme-background .contentblock--link time,
  .layer--theme-background .contentblock--link table,
  .layer--theme-background .contentblock--link pre,
  .layer--theme-background .contentblock--link ul,
  .layer--theme-background .contentblock--link ol,
  .layer--theme-background .contentblock--link dl,
  .layer--theme-background .contentblock--link p {
    color: #e5eaf0; }
  .layer--theme-background + .layer--brand a:not(.button--primary):not(.button--secondary):not(.button--brand):not(.button--light):not(.button--social) {
    color: #4d4d4d; }
  .layer--theme-background + .layer--brand p {
    color: #4d4d4d; }
  .layer--theme-background + .layer--brand .content-block.tile ol,
  .layer--theme-background + .layer--brand .content-block.tile dl,
  .layer--theme-background + .layer--brand .content-block.tile ul {
    color: #4d4d4d; }
  .layer--theme-background + .layer--brand .content-block.tile .list--number > li {
    border-color: #4d4d4d; }
    .layer--theme-background + .layer--brand .content-block.tile .list--number > li:before {
      border-color: #4d4d4d; }
  .layer--theme-background + .layer--brand .content-block.tile .list--arrow > li {
    border-color: #4d4d4d; }
    .layer--theme-background + .layer--brand .content-block.tile .list--arrow > li:before {
      background-image: url("../images/arrow-list-dark.png"); }
  .layer--theme-background + .layer--base-dark-b a:not(.button--primary):not(.button--secondary):not(.button--brand):not(.button--light):not(.button--social) {
    color: #ffffff; }
  .layer--theme-background + .layer--base-dark-b table,
  .layer--theme-background + .layer--base-dark-b p {
    color: #e5eaf0; }
  .layer--theme-background + .layer--base-dark-b .contentblock--link h1, .layer--theme-background + .layer--base-dark-b .contentblock--link .h1,
  .layer--theme-background + .layer--base-dark-b .contentblock--link h2,
  .layer--theme-background + .layer--base-dark-b .contentblock--link .h2,
  .layer--theme-background + .layer--base-dark-b .contentblock--link h3,
  .layer--theme-background + .layer--base-dark-b .contentblock--link .h3,
  .layer--theme-background + .layer--base-dark-b .contentblock--link h4,
  .layer--theme-background + .layer--base-dark-b .contentblock--link .h4,
  .layer--theme-background + .layer--base-dark-b .contentblock--link h5,
  .layer--theme-background + .layer--base-dark-b .contentblock--link .h5,
  .layer--theme-background + .layer--base-dark-b .contentblock--link h6,
  .layer--theme-background + .layer--base-dark-b .contentblock--link .h6 {
    color: #ffffff; }
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) h1, .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) .h1,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) h2,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) .h2,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) h3,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) .h3,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) h4,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) .h4,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) h5,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) .h5,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) h6,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) .h6 {
    color: #ffd100; }
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) ol,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) ul,
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) dl {
    color: #e5eaf0; }
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) .list--arrow > li {
    border-color: rgba(255, 255, 255, 0.2); }
    .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) .list--arrow > li:before {
      background-image: url("../images/arrow-list-light.png"); }
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) .list--arrow a {
    color: #e5eaf0; }
  .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) .list--number > li {
    border-color: rgba(255, 255, 255, 0.2); }
    .layer--theme-background + .layer--base-dark-b .content-block:not(.tile) .list--number > li:before {
      border-color: rgba(255, 255, 255, 0.5); }
  .layer--theme-background + .layer--base-dark-b .button--social {
    color: #4d4d4d; }
  .layer--theme-background + .layer--base-gray-b .content-block:not(.tile) .list--arrow > li {
    border-color: rgba(77, 77, 77, 0.1); }
  .layer--theme-background + .layer--base-gray-c .content-block:not(.tile) .list--arrow > li {
    border-color: rgba(77, 77, 77, 0.1); }

/*  Sitecore
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $Sitecore-exceptions
\*----------------------------------------------------------------------------*/
body.page-editor-editing .scInsertionHandleCenter {
  box-sizing: content-box; }

body.page-editor-editing .navigation__secondary__list ul > li > a,
body.page-editor-editing .highlight-navigation__item ul a {
  display: inline; }

body.page-editor-editing h2 .scWebEditInput, body.page-editor-editing .h2 .scWebEditInput {
  display: inline !important; }

body.page-editor-editing .divider {
  margin-top: 0;
  height: 20px; }

body.page-editor-editing .iframe-map {
  padding: 20px 0; }

body.page-editor-editing .visuallyhidden {
  display: none !important; }

/*  Exceptions
    Here you can find atoms that need to be inserted after all the content is
    loaded because of specificity issues.
\*----------------------------------------------------------------------------*/
/*! blocss-dimensions v1.0.3 | MIT License | github.com/Blocss */
/*----------------------------------------------------------------------------*\
    $DIMENSIONS
    Sizes in human readable format. These are used in conjunction with other
    objects and abstractions found in blocss, most commonly the grid system
    and the arrange module.
\*----------------------------------------------------------------------------*/
/*  Variables
\*----------------------------------------------------------------------------*/
/**
 * Flags to enable or disable dimension traits
 */
/**
 * Divisions, makes it easy to create several proportional
 * dimensions (e.g., both a 2-part and a 12-part grid).
 *
 * For example, `2 4 6 12` will let you use the unit-1-2, unit-2-4,
 * unit-3-6, and unit-6-12 classes to specify that an element should
 * take up 50% of its container.
 */
/**
 * Define which namespaced breakpoints you would like to generate for each
 * of the dimensions. This is handy if you only need push on, say,
 * desk, or you only need a new unit breakpoint at mobile sizes. It allows
 * you to only compile as much CSS as you need. All are empty by
 * default, but you can add breakpoints at will.
 *
 * $breakpoint-has-x:       ('palm', 'desk');
 *
 * Note: the name of the breakpoint must exist in the list of `$breakpoints`
 *       in the Blocss base repository
 */
/**
 * You can rename the dimension prefixes to your liking
 */
/*  Mixins & functions
\*----------------------------------------------------------------------------*/
/**
 * Find the greatest common factor of two integers
 */
/**
 * Fluid units
 * USAGE: provide a space-separated list of integers, each of which
 * represents the number of parts that make up a unit component.
 * Optionally provide a modifier suffix that can be used to adjust
 * grids in different contexts (e.g. viewport dimensions).
 */
/*  Dimensions core
\*----------------------------------------------------------------------------*/
/**
 * Setup generic widths
 */
/**
     * Proportional units
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
/* Avoid creating rules like '.unit-12-12 {}'' */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-1-10 {
  width: 10%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-2-10 {
  width: 20%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-3-10 {
  width: 30%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-4-10 {
  width: 40%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-5-10 {
  width: 50%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-6-10 {
  width: 60%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-7-10 {
  width: 70%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-8-10 {
  width: 80%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-9-10 {
  width: 90%; }

/* Avoid creating rules like '.unit-12-12 {}'' */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-1-12, .u-2-24, .u-4-48 {
  width: 8.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-2-12 {
  width: 16.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-3-12 {
  width: 25%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-4-12 {
  width: 33.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-5-12, .u-10-24, .u-20-48 {
  width: 41.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-6-12 {
  width: 50%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-7-12, .u-14-24, .u-28-48 {
  width: 58.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-8-12 {
  width: 66.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-9-12 {
  width: 75%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-10-12 {
  width: 83.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-11-12, .u-22-24, .u-44-48 {
  width: 91.66667%; }

/* Avoid creating rules like '.unit-12-12 {}'' */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-1-24, .u-2-48 {
  width: 4.16667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-3-24 {
  width: 12.5%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-4-24 {
  width: 16.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-5-24, .u-10-48 {
  width: 20.83333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-6-24 {
  width: 25%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-7-24, .u-14-48 {
  width: 29.16667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-8-24 {
  width: 33.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-9-24 {
  width: 37.5%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-11-24, .u-22-48 {
  width: 45.83333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-12-24 {
  width: 50%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-13-24, .u-26-48 {
  width: 54.16667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-15-24 {
  width: 62.5%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-16-24 {
  width: 66.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-17-24, .u-34-48 {
  width: 70.83333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-18-24 {
  width: 75%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-19-24, .u-38-48 {
  width: 79.16667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-20-24 {
  width: 83.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-21-24 {
  width: 87.5%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-23-24, .u-46-48 {
  width: 95.83333%; }

/* Avoid creating rules like '.unit-12-12 {}'' */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-1-48 {
  width: 2.08333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-3-48 {
  width: 6.25%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-5-48 {
  width: 10.41667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-6-48 {
  width: 12.5%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-7-48 {
  width: 14.58333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-8-48 {
  width: 16.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-9-48 {
  width: 18.75%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-11-48 {
  width: 22.91667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-12-48 {
  width: 25%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-13-48 {
  width: 27.08333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-15-48 {
  width: 31.25%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-16-48 {
  width: 33.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-17-48 {
  width: 35.41667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-18-48 {
  width: 37.5%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-19-48 {
  width: 39.58333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-21-48 {
  width: 43.75%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-23-48 {
  width: 47.91667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-24-48 {
  width: 50%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-25-48 {
  width: 52.08333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-27-48 {
  width: 56.25%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-29-48 {
  width: 60.41667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-30-48 {
  width: 62.5%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-31-48 {
  width: 64.58333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-32-48 {
  width: 66.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-33-48 {
  width: 68.75%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-35-48 {
  width: 72.91667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-36-48 {
  width: 75%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-37-48 {
  width: 77.08333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-39-48 {
  width: 81.25%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-40-48 {
  width: 83.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-41-48 {
  width: 85.41667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-42-48 {
  width: 87.5%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-43-48 {
  width: 89.58333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-45-48 {
  width: 93.75%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
/* Initialize variables */
/* Find the greatest common factor */
/**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
/**
             * Create units based on fractions
             */
.u-47-48 {
  width: 97.91667%; }

/**
     * Reset dimensions
     */
.u-1-1 {
  width: 100%; }

.u-auto {
  width: auto; }

/**
  * Setup generic push
  */
/**
  * Setup generic pull
  */
/*  Responsive
\*----------------------------------------------------------------------------*/
@media only screen and (min-width: 1px) and (max-width: 653px) {
  /**
     * Proportional units
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-10--palm {
    width: 10%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-2-10--palm {
    width: 20%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-10--palm {
    width: 30%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-4-10--palm {
    width: 40%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-10--palm {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-10--palm {
    width: 60%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-10--palm {
    width: 70%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-10--palm {
    width: 80%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-10--palm {
    width: 90%; }
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-12--palm, .u-2-24--palm, .u-4-48--palm {
    width: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-2-12--palm {
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-12--palm {
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-4-12--palm {
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-12--palm, .u-10-24--palm, .u-20-48--palm {
    width: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-12--palm {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-12--palm, .u-14-24--palm, .u-28-48--palm {
    width: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-12--palm {
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-12--palm {
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-10-12--palm {
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-11-12--palm, .u-22-24--palm, .u-44-48--palm {
    width: 91.66667%; }
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-24--palm, .u-2-48--palm {
    width: 4.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-24--palm {
    width: 12.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-4-24--palm {
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-24--palm, .u-10-48--palm {
    width: 20.83333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-24--palm {
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-24--palm, .u-14-48--palm {
    width: 29.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-24--palm {
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-24--palm {
    width: 37.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-11-24--palm, .u-22-48--palm {
    width: 45.83333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-12-24--palm {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-13-24--palm, .u-26-48--palm {
    width: 54.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-15-24--palm {
    width: 62.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-16-24--palm {
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-17-24--palm, .u-34-48--palm {
    width: 70.83333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-18-24--palm {
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-19-24--palm, .u-38-48--palm {
    width: 79.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-20-24--palm {
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-21-24--palm {
    width: 87.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-23-24--palm, .u-46-48--palm {
    width: 95.83333%; }
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-48--palm {
    width: 2.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-48--palm {
    width: 6.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-48--palm {
    width: 10.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-48--palm {
    width: 12.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-48--palm {
    width: 14.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-48--palm {
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-48--palm {
    width: 18.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-11-48--palm {
    width: 22.91667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-12-48--palm {
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-13-48--palm {
    width: 27.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-15-48--palm {
    width: 31.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-16-48--palm {
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-17-48--palm {
    width: 35.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-18-48--palm {
    width: 37.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-19-48--palm {
    width: 39.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-21-48--palm {
    width: 43.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-23-48--palm {
    width: 47.91667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-24-48--palm {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-25-48--palm {
    width: 52.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-27-48--palm {
    width: 56.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-29-48--palm {
    width: 60.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-30-48--palm {
    width: 62.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-31-48--palm {
    width: 64.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-32-48--palm {
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-33-48--palm {
    width: 68.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-35-48--palm {
    width: 72.91667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-36-48--palm {
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-37-48--palm {
    width: 77.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-39-48--palm {
    width: 81.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-40-48--palm {
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-41-48--palm {
    width: 85.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-42-48--palm {
    width: 87.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-43-48--palm {
    width: 89.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-45-48--palm {
    width: 93.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-47-48--palm {
    width: 97.91667%; }
  /**
     * Reset dimensions
     */
  .u-1-1--palm {
    width: 100%; }
  .u-auto--palm {
    width: auto; } }

@media only screen and (min-width: 654px) {
  /**
     * Proportional units
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-10--lap {
    width: 10%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-2-10--lap {
    width: 20%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-10--lap {
    width: 30%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-4-10--lap {
    width: 40%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-10--lap {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-10--lap {
    width: 60%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-10--lap {
    width: 70%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-10--lap {
    width: 80%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-10--lap {
    width: 90%; }
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-12--lap, .u-2-24--lap, .u-4-48--lap {
    width: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-2-12--lap {
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-12--lap {
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-4-12--lap {
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-12--lap, .u-10-24--lap, .u-20-48--lap {
    width: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-12--lap {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-12--lap, .u-14-24--lap, .u-28-48--lap {
    width: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-12--lap {
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-12--lap {
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-10-12--lap {
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-11-12--lap, .u-22-24--lap, .u-44-48--lap {
    width: 91.66667%; }
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-24--lap, .u-2-48--lap {
    width: 4.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-24--lap {
    width: 12.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-4-24--lap {
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-24--lap, .u-10-48--lap {
    width: 20.83333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-24--lap {
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-24--lap, .u-14-48--lap {
    width: 29.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-24--lap {
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-24--lap {
    width: 37.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-11-24--lap, .u-22-48--lap {
    width: 45.83333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-12-24--lap {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-13-24--lap, .u-26-48--lap {
    width: 54.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-15-24--lap {
    width: 62.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-16-24--lap {
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-17-24--lap, .u-34-48--lap {
    width: 70.83333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-18-24--lap {
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-19-24--lap, .u-38-48--lap {
    width: 79.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-20-24--lap {
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-21-24--lap {
    width: 87.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-23-24--lap, .u-46-48--lap {
    width: 95.83333%; }
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-48--lap {
    width: 2.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-48--lap {
    width: 6.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-48--lap {
    width: 10.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-48--lap {
    width: 12.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-48--lap {
    width: 14.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-48--lap {
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-48--lap {
    width: 18.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-11-48--lap {
    width: 22.91667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-12-48--lap {
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-13-48--lap {
    width: 27.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-15-48--lap {
    width: 31.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-16-48--lap {
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-17-48--lap {
    width: 35.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-18-48--lap {
    width: 37.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-19-48--lap {
    width: 39.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-21-48--lap {
    width: 43.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-23-48--lap {
    width: 47.91667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-24-48--lap {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-25-48--lap {
    width: 52.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-27-48--lap {
    width: 56.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-29-48--lap {
    width: 60.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-30-48--lap {
    width: 62.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-31-48--lap {
    width: 64.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-32-48--lap {
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-33-48--lap {
    width: 68.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-35-48--lap {
    width: 72.91667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-36-48--lap {
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-37-48--lap {
    width: 77.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-39-48--lap {
    width: 81.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-40-48--lap {
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-41-48--lap {
    width: 85.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-42-48--lap {
    width: 87.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-43-48--lap {
    width: 89.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-45-48--lap {
    width: 93.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-47-48--lap {
    width: 97.91667%; }
  /**
     * Reset dimensions
     */
  .u-1-1--lap {
    width: 100%; }
  .u-auto--lap {
    width: auto; } }

@media only screen and (min-width: 961px) {
  /**
     * Proportional units
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-10--desk {
    width: 10%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-2-10--desk {
    width: 20%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-10--desk {
    width: 30%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-4-10--desk {
    width: 40%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-10--desk {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-10--desk {
    width: 60%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-10--desk {
    width: 70%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-10--desk {
    width: 80%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-10--desk {
    width: 90%; }
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-12--desk, .u-2-24--desk, .u-4-48--desk {
    width: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-2-12--desk {
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-12--desk {
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-4-12--desk {
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-12--desk, .u-10-24--desk, .u-20-48--desk {
    width: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-12--desk {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-12--desk, .u-14-24--desk, .u-28-48--desk {
    width: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-12--desk {
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-12--desk {
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-10-12--desk {
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-11-12--desk, .u-22-24--desk, .u-44-48--desk {
    width: 91.66667%; }
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-24--desk, .u-2-48--desk {
    width: 4.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-24--desk {
    width: 12.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-4-24--desk {
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-24--desk, .u-10-48--desk {
    width: 20.83333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-24--desk {
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-24--desk, .u-14-48--desk {
    width: 29.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-24--desk {
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-24--desk {
    width: 37.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-11-24--desk, .u-22-48--desk {
    width: 45.83333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-12-24--desk {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-13-24--desk, .u-26-48--desk {
    width: 54.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-15-24--desk {
    width: 62.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-16-24--desk {
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-17-24--desk, .u-34-48--desk {
    width: 70.83333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-18-24--desk {
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-19-24--desk, .u-38-48--desk {
    width: 79.16667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-20-24--desk {
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-21-24--desk {
    width: 87.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-23-24--desk, .u-46-48--desk {
    width: 95.83333%; }
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-1-48--desk {
    width: 2.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-3-48--desk {
    width: 6.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-5-48--desk {
    width: 10.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-6-48--desk {
    width: 12.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-7-48--desk {
    width: 14.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-8-48--desk {
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-9-48--desk {
    width: 18.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-11-48--desk {
    width: 22.91667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-12-48--desk {
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-13-48--desk {
    width: 27.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-15-48--desk {
    width: 31.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-16-48--desk {
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-17-48--desk {
    width: 35.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-18-48--desk {
    width: 37.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-19-48--desk {
    width: 39.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-21-48--desk {
    width: 43.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-23-48--desk {
    width: 47.91667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-24-48--desk {
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-25-48--desk {
    width: 52.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-27-48--desk {
    width: 56.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-29-48--desk {
    width: 60.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-30-48--desk {
    width: 62.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-31-48--desk {
    width: 64.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-32-48--desk {
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-33-48--desk {
    width: 68.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-35-48--desk {
    width: 72.91667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-36-48--desk {
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-37-48--desk {
    width: 77.08333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-39-48--desk {
    width: 81.25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-40-48--desk {
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-41-48--desk {
    width: 85.41667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-42-48--desk {
    width: 87.5%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-43-48--desk {
    width: 89.58333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-45-48--desk {
    width: 93.75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
             * Check if the reduced value of $n was also supplied in the
             * list of units to be built
             */
  /**
             * Create units based on fractions
             */
  .u-47-48--desk {
    width: 97.91667%; }
  /**
     * Reset dimensions
     */
  .u-1-1--desk {
    width: 100%; }
  .u-auto--desk {
    width: auto; } }

/*! blocss-flexembed v1.0.0 | MIT License | github.com/Blocss */
/*----------------------------------------------------------------------------*\
    $FLEXEMBED
    For use with multi-media embeds, such as videos or slideshows, that need to
    retain a specific aspect ratio but adapt to elements of variable widths.
\*----------------------------------------------------------------------------*/
/*  Variables
\*----------------------------------------------------------------------------*/
/*  Core flexembed component
\*----------------------------------------------------------------------------*/
/**
 * Example HTML:
 *
<div class="container">
    <div class="flexembed  flexembed--16by9">
        [iframe|object|embed]
    </div>
    <div class="flexembed  flexembed--16by9">
        <img src="" class="flexembed__item" />
    </div>
</div>
 *
 */
.flexembed {
  position: relative;
  overflow: hidden;
  height: 0;
  padding: 0; }

.flexembed__item,
.flexembed iframe,
.flexembed embed,
.flexembed object {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/**
 * Modifier: 16:9 aspect ratio
 */
.flexembed--16by9 {
  padding-bottom: 56.25%; }

/**
 * Modifier: 4:3 aspect ratio
 */
.flexembed--4by3 {
  padding-bottom: 75%; }

/*----------------------------------------------------------------------------*\
    $COLORS
\*----------------------------------------------------------------------------*/
/**
 * Darks
 */
.color--base-dark-a {
  color: #666666; }

.color--base-dark-b {
  color: #4d4d4d; }

.color--base-dark-c {
  color: #414141; }

/**
 * Grays
 */
.color--base-gray-a {
  color: #f1f1f1; }

.color--base-gray-b {
  color: #f0f3f6; }

.color--base-gray-c {
  color: #e5eaf0; }

.color--base-gray-d {
  color: #e6e6e6; }

.color--base-gray-e {
  color: #b6bfd2; }

.color--base-gray-f {
  color: #999999; }

/**
 * Light
 */
.color--base-light-a {
  color: #ffffff; }

.color--highlighted-green {
  color: #6cc450; }

/*! blocss-helpers v1.0.1 | MIT License | github.com/Blocss */
/*----------------------------------------------------------------------------*\
    $HELPERS
    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 `.nav` left then add `float:left;`
    to that ruleset as opposed to adding the `.float--left` class to the markup.
\*----------------------------------------------------------------------------*/
/**
 * Define which namespaced breakpoints you would like to generate for the
 * `.visuallyhidden` class. This is handy if you only need visuallyhidden on,
 * say, palm, or you only need a new unit breakpoint at mobile sizes. It allows
 * you to only compile as much CSS as you need. All are empty by
 * default, but you can add breakpoints at will.
 *
 * $breakpoint-has-x:       ('palm', 'desk');
 *
 * Note: the name of the breakpoint must exist in the list of `$breakpoints`
 *       in the Blocss base repository
 */
/*  Structural
\*----------------------------------------------------------------------------*/
/**
 * Display helpers
 */
.display--block {
  display: block !important; }

.display--inline-block {
  display: inline-block !important; }

.display--inline {
  display: inline !important; }

/**
 * Vertical rhythm helpers
 *
 * ^deprecated: `.flatten`
 */
.flatten,
.sign--flat {
  margin-bottom: 0 !important; }

/* half margin-bottom */
.sign--half {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 0.78571rem ; }

/* margin-bottom */
.sign {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 1.57143rem ; }

/* doubled up margin-bottom */
.sign--large {
  /* 1 */
  /* 2 */
  /* 3 */
  margin-bottom: 3.14286rem ; }

/**
 * Add/remove floats
 */
.float--right {
  float: right !important; }

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

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

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

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

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

/**
 * Font weight
 *
 * ^deprecated: `.weight--x`
 */
.text--light,
.weight--light {
  font-weight: 300 !important; }

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

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

/**
 * Capitals/lowercase
 *
 * ^deprecated: non prefixed with `text--`
 */
.text--caps,
.caps {
  text-transform: uppercase !important; }

.text--lowercase,
.lowercase {
  text-transform: lowercase !important; }

.text--firstcap,
.firstcap {
  text-transform: capitalize !important; }

/**
 * Line height helpers
 */
.line--flat {
  line-height: 1; }

.line--small {
  line-height: 1.30952; }

.line--normalis {
  line-height: 1.57143; }

.line--large {
  line-height: 1.83333; }

/*  Misc
\*----------------------------------------------------------------------------*/
/**
 * Hide from screanreaders & browsers
 */
.hidden {
  display: none !important;
  visibility: hidden; }

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

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

/**
 * Visuallyhidden based on breakpoint
 */
@media only screen and (min-width: 1px) and (max-width: 653px) {
  .visuallyhidden--palm {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

@media only screen and (min-width: 654px) {
  .visuallyhidden--lap {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

@media only screen and (min-width: 961px) {
  .visuallyhidden--desk {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

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