/* Generel font settings */
/* Colors */
/* @mixin styles */
/* @functions */
/*
 * HTML5 Boilerplate.
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* =============================================================================
	 HTML5 element display
	 ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

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

/* =============================================================================
	 Base
	 ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  color: red; }

button, input, select, textarea {
  font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  color: #222; }

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */
::-moz-selection {
  background: #eb3755;
  color: #f4f4f4;
  text-shadow: none; }

::selection {
  background: #eb3755;
  color: #f4f4f4;
  text-shadow: none; }

/* =============================================================================
	 Links
	 ========================================================================== */
a {
  color: #e03550;
  text-decoration: none; }

/*a:visited { color: #e03550; }*/
a:focus {
  outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: 0;
  text-decoration: underline; }

/* =============================================================================
	 Typography
	 ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic;
  font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }

hr {
  clear: both;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #131339;
  margin: 1.0625em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

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

q {
  quotes: none; }

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

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
	 Lists
	 ========================================================================== */
ul, ol {
  padding: 0 0 0 35px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  margin: 0;
  padding: 0; }

/* =============================================================================
	 Embedded content
	 ========================================================================== */
/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

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

/* =============================================================================
	 Figures
	 ========================================================================== */
figure {
  margin: 0; }

/* =============================================================================
	 Forms
	 ========================================================================== */
form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input {
  line-height: normal;
  *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0; }

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {
  overflow: auto;
  vertical-align: top; }

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd; }

/* =============================================================================
	 Tables
	 ========================================================================== */
table {
  font-size: 0.8em;
  border-collapse: collapse;
  border-spacing: 0; }

/* =============================================================================
	 Non-semantic helper classes
	 Please define your styles before this section.
	 ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.ir br {
  display: none; }

/* Hide for both screenreaders and browsers:
	 css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
	www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

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

.defaultlist {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

form[name='aspnetForm'] {
  height: 100%; }

article a {
  font-weight: bold;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }

h1 {
  font-size: 3em;
  font-weight: 700;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  line-height: 1.1em;
  margin: 0 0 0.405em; }
  @media screen and (max-width: 320px) {
    h1 {
      font-size: 2.375em; } }

h2 {
  font-size: 2em;
  font-weight: 300;
  font-family: "Metro Light", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  margin: 0 0 0.412em; }

h3 {
  font-size: 1em;
  font-weight: 300;
  font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  margin: 0 0 0.0625em; }

.text h4 {
  font-size: 1.25em;
  font-weight: 700;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  margin: 0 0 0.0625em; }

p {
  margin: 0 0 1.5em; }

.text p,
.text li,
.customer-service p {
  font-size: 1.125em; }

p.date {
  font-size: 1em;
  margin: -24px 0 0; }

p.manchet {
  font-size: 1.75em;
  font-weight: 300;
  font-family: "Metro Light", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  line-height: 1.1;
  margin: 0 0 1.15385em; }

.small-text {
  font-size: 14px/px-em(16px)/1em;
  line-height: 1.167em; }

p.header {
  font-size: 13px/px-em(16px)/1em;
  font-weight: bold;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
  margin: 0 0 .2em;
  color: #14143c; }
  p.header em {
    float: right;
    font-style: normal; }

/*.station p.header
{
	color: $white;
}*/
p.error {
  color: #eb3755;
  margin: 0;
  padding: 1em 0 0;
  font-size: 14px/px-em(16px)/1em; }

blockquote {
  font-weight: bold;
  font-style: italic;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  font-size: 1.6em;
  line-height: normal;
  margin: 0 0 1.25em;
  padding: 0 0 0 0.5em;
  border-left: 5px solid #ff3755; }

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

.btn-cityPassTicket,
.btn-ticket {
  padding: 1.17647em 2em;
  display: block;
  color: #f4f4f4;
  font-weight: bold;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  font-size: 1.41667em;
  text-align: center;
  background-color: #ee264f; }
  .btn-cityPassTicket:hover,
  .btn-ticket:hover {
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent; }

input.formbutton,
a.formbutton {
  font-weight: bold;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  color: #14143c;
  text-align: center;
  text-shadow: none;
  padding: 0.54em 0.83em;
  background-color: #f4f4f4;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 244, 244, 0.3)), to(rgba(223, 223, 223, 0.3))), url("/v3-html/gfx/pattern/pattern-noise.png?1.3") repeat;
  background: -webkit-linear-gradient(top, rgba(244, 244, 244, 0.3), rgba(223, 223, 223, 0.3)), url("/v3-html/gfx/pattern/pattern-noise.png?1.3") repeat;
  background: -moz-linear-gradient(top, rgba(244, 244, 244, 0.3), rgba(223, 223, 223, 0.3)), url("/v3-html/gfx/pattern/pattern-noise.png?1.3") repeat;
  background: -ms-linear-gradient(top, rgba(244, 244, 244, 0.3), rgba(223, 223, 223, 0.3)), url("/v3-html/gfx/pattern/pattern-noise.png?1.3") repeat;
  background: -o-linear-gradient(top, rgba(244, 244, 244, 0.3), rgba(223, 223, 223, 0.3)), url("/v3-html/gfx/pattern/pattern-noise.png?1.3") repeat;
  background: linear-gradient(to bottom, rgba(244, 244, 244, 0.3), rgba(223, 223, 223, 0.3)), url("/v3-html/gfx/pattern/pattern-noise.png?1.3") repeat;
  box-shadow: -10px -10px 10px rgba(0,0,0,.15) inset, 5px 10px 8px rgba(255,255,255,.15) inset, 0px 4px 2px rgba(255,255,255,.3) inset, 1px 1px 2px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: -10px -10px 10px rgba(0,0,0,.15) inset, 5px 10px 8px rgba(255,255,255,.15) inset, 0px 4px 2px rgba(255,255,255,.3) inset, 1px 1px 2px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: -10px -10px 10px rgba(0,0,0,.15) inset, 5px 10px 8px rgba(255,255,255,.15) inset, 0px 4px 2px rgba(255,255,255,.3) inset, 1px 1px 2px 0px rgba(0,0,0,0.4);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  input.formbutton:hover,
  a.formbutton:hover {
    box-shadow: 10px 10px 10px rgba(0,0,0,.15) inset, -5px -10px 8px rgba(255,255,255,.15) inset, 1px 1px 2px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.15) inset, -5px -10px 8px rgba(255,255,255,.15) inset, 1px 1px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 10px 10px rgba(0,0,0,.15) inset, -5px -10px 8px rgba(255,255,255,.15) inset, 1px 1px 2px 0px rgba(0,0,0,0.4); }

a.formbutton {
  font-size: 14px/px-em(16px)/1em;
  padding: 0.14286em 0.64286em; }
  a.formbutton:hover {
    text-decoration: none; }

article input.formbutton {
  box-shadow: -10px -10px 10px rgba(0,0,0,.11) inset, 5px 10px 8px rgba(255,255,255,.4) inset, 0px 4px 2px rgba(255,255,255,.3) inset, 1px 1px 2px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: -10px -10px 10px rgba(0,0,0,.11) inset, 5px 10px 8px rgba(255,255,255,.4) inset, 0px 4px 2px rgba(255,255,255,.3) inset, 1px 1px 2px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: -10px -10px 10px rgba(0,0,0,.11) inset, 5px 10px 8px rgba(255,255,255,.4) inset, 0px 4px 2px rgba(255,255,255,.3) inset, 1px 1px 2px 0px rgba(0,0,0,0.4); }
  article input.formbutton:hover {
    box-shadow: 10px 10px 10px rgba(0,0,0,.11) inset, -5px -10px 8px rgba(255,255,255,.4) inset, 1px 1px 2px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.11) inset, -5px -10px 8px rgba(255,255,255,.4) inset, 1px 1px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 10px 10px rgba(0,0,0,.11) inset, -5px -10px 8px rgba(255,255,255,.4) inset, 1px 1px 2px 0px rgba(0,0,0,0.4); }

.ie7 article a.formbutton {
  border: 1px solid #14143c; }

input.formfield,
textarea.formarea {
  color: #14143c;
  background: #fff;
  border: 1px solid #efefef;
  padding: 0.21em 0.5em;
  box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.4) inset;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.4) inset;
  -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.4) inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

textarea.formarea {
  padding: 0.5em; }

input.formfield-file {
  color: #14143c; }

select.formselect {
  /* Fallback to Calibri - bug in Metro font */
  font-family: Calibri, Arial, Helvetica, Geneva, sans-serif; }

/* Form grids */
dl.formgrid {
  margin: 0 0 15px 0; }
  dl.formgrid input.formfield,
  dl.formgrid input.formbutton,
  dl.formgrid select.formselect {
    font-size: 14px/px-em(16px)/1em; }
  dl.formgrid input.formfield {
    width: 100%;
    border: 1px solid #efefef;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    dl.formgrid input.formfield.time {
      width: 55px; }
  dl.formgrid dt {
    clear: both;
    float: left;
    width: 7.60095%;
    margin: 0;
    padding: 0 0 3px 0;
    font-weight: normal;
    font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    overflow: hidden; }
  dl.formgrid dd {
    float: right;
    width: 91.2114%;
    margin: 0;
    padding: 0 0 5px 0; }
    dl.formgrid dd.submit {
      float: none;
      width: auto;
      padding: 0.625em 0 0;
      clear: both; }
  dl.formgrid label {
    font-size: 14px/px-em(16px)/1em; }
  dl.formgrid dt.full,
  dl.formgrid dd.full {
    clear: left;
    float: none;
    width: 100%;
    margin: 0; }
  dl.formgrid.rejseplan-form {
    margin-left: 20px; }
    dl.formgrid.rejseplan-form input.formfield {
      border: 0; }
    dl.formgrid.rejseplan-form input.formradio {
      margin-left: 3px;
      margin-right: 3px; }
    dl.formgrid.rejseplan-form a.formbutton {
      float: right;
      margin-top: -0.63em;
      font-size: 14px/px-em(16px)/1em;
      line-height: 1em;
      padding: 0.57143em 0.85714em; }
  dl.formgrid.subscription dt.title {
    padding-top: 0.9375em; }
  dl.formgrid.subscription dd label {
    font-weight: bold;
    font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  dl.formgrid.subscription dd.choose-radio {
    margin-bottom: 10px; }
  dl.formgrid.subscription span.error {
    padding: 0.21em 0.5em;
    color: #14143c;
    font-style: italic;
    font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    border: 1px solid #eb3755;
    background-color: #f0c3c8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
    max-width: 50%;
    margin-top: 0.25em; }
  dl.formgrid.subscription span.formradio input {
    margin-right: 5px; }
  dl.formgrid.subscription span.radio-hint {
    font-size: 1.0625em;
    margin: 0 0 8px 15px;
    display: block; }
  dl.formgrid.contact-form dt {
    width: 17.81473%; }
  dl.formgrid.contact-form dd {
    width: 80.99762%; }
  dl.formgrid.contact-form dt.full, dl.formgrid.contact-form dd.full {
    width: 100%; }
  dl.formgrid.contact-form input.formfield {
    width: 15.625em;
    max-width: 100%;
    padding: 0.375em 0.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  dl.formgrid.contact-form input.formfield,
  dl.formgrid.contact-form textarea.formarea {
    -webkit-transition: border .3s ease, background .3s ease;
    -moz-transition: border .3s ease, background .3s ease;
    -ms-transition: border .3s ease, background .3s ease;
    -o-transition: border .3s ease, background .3s ease;
    transition: border .3s ease, background .3s ease; }
    dl.formgrid.contact-form input.formfield:focus,
    dl.formgrid.contact-form textarea.formarea:focus {
      border: 1px solid #808091;
      outline: 0; }
    dl.formgrid.contact-form input.formfield.error,
    dl.formgrid.contact-form textarea.formarea.error {
      border: 1px solid #eb3755;
      background-color: #f0c3c8; }
  dl.formgrid.contact-form textarea.formarea {
    width: 100%;
    max-width: 100%;
    height: 9.375em;
    min-height: 8.75em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  dl.formgrid.contact-form select.formselect {
    width: auto; }
  dl.formgrid.contact-form p.error {
    display: none;
    clear: both;
    margin: -0.5em 0 0.625em; }
    dl.formgrid.contact-form p.error span {
      padding: 0.21em 0.5em;
      color: #14143c;
      font-style: italic;
      font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      border: 1px solid #eb3755;
      background-color: #f0c3c8;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }

.frontpage dl.formgrid.rejseplan-form {
  margin-left: 10px; }

.oldie.ie7 dl.formgrid.rejseplan-form a.formbutton i.icon-travelplan {
  float: left;
  margin-right: 10px; }

.icon {
  background-image: url("/v3-html/gfx/icon/icon-sprite.png?1.3");
  background-repeat: no-repeat;
  display: block;
  float: left; }
  .icon.icon-search {
    background-position: -861px 50%;
    width: 12px;
    min-height: 13px;
    height: 25px/px-em(24px)/1em;
    margin-left: 0.5em;
    margin-right: 0.2em; }
  .icon.icon-bus, .icon.icon-train, .icon.icon-train-s {
    width: 27px;
    min-height: 27px;
    height: 25px/px-em(24px)/1em;
    margin: 0 0.38462em 0 0; }
  .icon.icon-bus {
    background-position: -93px 50%; }
  .icon.icon-train {
    background-position: -66px 50%; }
  .icon.icon-train-s {
    background-position: -13px 50%; }
  .icon.icon-arrow {
    background-position: -53px 50%;
    width: 13px;
    min-height: 8px;
    height: 25px/px-em(24px)/1em;
    margin: 0.38462em 0.38462em 0 0;
    float: right; }
  .icon.icon-travelplan {
    float: right;
    background-position: -1006px 50%;
    width: 24px;
    min-height: 13px;
    margin-left: 0.5em;
    height: 1em; }
  .icon.icon-zoom {
    float: none;
    position: absolute;
    right: 0.625em;
    top: 0.625em;
    width: 30px;
    height: 30px;
    background-position: -120px 50%;
    z-index: 100; }
  .icon.icon-facebook, .icon.icon-twitter, .icon.icon-email, .icon.icon-print {
    width: 12px;
    min-height: 22px;
    height: 1.83333em;
    background-position: -181px 50%;
    text-indent: -999em;
    position: relative; }
  .icon.icon-twitter {
    width: 17px;
    background-position: -194px 50%; }
  .icon.icon-email {
    width: 25px;
    background-position: -211px 50%; }
  .icon.icon-print {
    width: 21px;
    background-position: -1168px 50%; }
  .icon.icon-pointer {
    background-position: -1062px 50%;
    width: 13px;
    min-height: 8px;
    height: 25px/px-em(24px)/1em;
    margin: 0.07692em 0.15385em 0 0;
    float: right; }

.open .icon.icon-arrow {
  background-position: -40px 50%; }

.open .icon.icon-search {
  background-position: 0 50%; }

.mobile-station-map .icon.icon-arrow {
  background-position: -1034px 50%;
  width: 9px;
  height: 60px;
  margin: 0 12px 0 5px; }

.mobile-station-map li.left .icon.icon-arrow {
  height: 54px;
  margin: 0 5px 0 12px; }

.mobile-station-map li a:hover .icon.icon-arrow {
  background-position: -1047px 50%; }

/* Generel font settings */
/* Colors */
/* @mixin styles */
/* @functions */
header {
  padding-top: 3.125em;
  margin-bottom: 1.563em;
  position: relative;
  clear: both; }
  header .logo {
    float: left;
    background: url("/v3-html/gfx/logo.png?1.3") no-repeat 0 0;
    width: 71px;
    height: 50px; }
  header .btn-ticket,
  header .btn-cityPassTicket {
    display: none; }

.crisis header .logo {
  background-image: url("/v3-html/gfx/logo-blue.png?1.3"); }

/*
 * New header (mobile header)
 */
.header-wrapper {
  position: relative;
  z-index: 20;
  height: 80px;
  background-color: #fff; }

header {
  position: relative;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  text-align: center; }
  header .logo {
    float: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -18px;
    margin-left: -25px;
    height: 36px;
    width: 50px;
    z-index: 1; }
  header .btn-ticket,
  header .btn-cityPassTicket {
    display: block;
    font-size: 14px;
    width: 79px;
    padding: 0.42857em 0;
    top: 0.6875em;
    right: 0.6875em;
    position: absolute; }

nav {
  margin: 0; }
  nav ul {
    display: none; }
  nav ul.mobile {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
    nav ul.mobile li {
      margin: 0; }
      nav ul.mobile li.left {
        float: left; }
        nav ul.mobile li.left a {
          padding: 0 10px 0 5px; }
          nav ul.mobile li.left a em {
            background-position: -1084px 50%; }
      nav ul.mobile li.right {
        float: right; }
        nav ul.mobile li.right a {
          padding: 0 5px 0 10px; }
          nav ul.mobile li.right a em {
            background-position: -1099px 50%; }
      nav ul.mobile li.nav a {
        padding: 0 15px;
        float: left; }
        nav ul.mobile li.nav a span {
          background: url("/v3-html/gfx/icon/icon-sprite.png?1.3") -1138px 50% no-repeat;
          text-indent: -999em;
          width: 25px; }
    nav ul.mobile a {
      float: left;
      display: block;
      color: #323232;
      background: #fff;
      font-weight: bold;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      font-size: 15px;
      text-decoration: none;
      cursor: pointer;
      background: none transparent;
      box-shadow: 1px 0 0 transparent;
      -webkit-box-shadow: 1px 0 0 transparent;
      -moz-box-shadow: 1px 0 0 transparent;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
      nav ul.mobile a span,
      nav ul.mobile a em {
        min-height: 20px;
        padding: 19px 0;
        display: block; }
      nav ul.mobile a span {
        float: left; }
      nav ul.mobile a em {
        float: left;
        width: 11px;
        margin: 0 0.7em;
        background: url("/v3-html/gfx/icon/icon-sprite.png?1.3") no-repeat; }
      nav ul.mobile a:hover {
        text-decoration: none;
        text-shadow: none; }

.station nav {
  clear: both;
  margin: 0 0 1.3em; }
  .station nav ul {
    display: block; }
    .station nav ul li {
      float: left;
      margin: 0 1.25em .8em 0;
      position: relative; }
      .station nav ul li:last-child {
        margin-right: 0; }

.main {
  /*-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	-webkit-transition: -webkit-transform 200ms ease;
	-webkit-transition-delay: 0s;
	-moz-transition: -moz-transform 200ms ease 0s;
	-o-transition: -o-transform 200ms ease 0s;
	transition: transform 200ms ease 0s;*/ }

/*.grid
{
	$time: 350ms;
	-webkit-transition: -webkit-transform $time ease;
	-moz-transition: -moz-transform $time ease;
	-ms-transition: -ms-transform $time ease;
	-o-transition: -o-transform $time ease;
	transition: transform $time ease;

	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.nav-swipe
{
	.grid
	{ 
		-webkit-transform: translate3d(250px, 0px, 0px) scale3d(1, 1, 1) !important;
		-moz-transform: translate3d(250px, 0px, 0px) scale3d(1, 1, 1) !important;
		-ms-transform: translate3d(250px, 0px, 0px) scale3d(1, 1, 1) !important;
		-o-transform: translate3d(250px, 0px, 0px) scale3d(1, 1, 1) !important;
		transform: translate3d(250px, 0px, 0px) scale3d(1, 1, 1) !important;

		@media screen and (min-width: 599px)
		{
			-webkit-transform: translate3d(0px, 0px, 0px);
			-moz-transform: translate3d(0px, 0px, 0px);
			-ms-transform: translate3d(0px, 0px, 0px);
			-o-transform: translate3d(0px, 0px, 0px);
			transform: translate3d(0px, 0px, 0px);
		}
	}
}*/
#swipe-overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.5); }

.mobile-navigation {
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 250px;
  height: 100%;
  background: #14143c;
  overflow-x: auto;
  text-align: left;
  font-size: 18px;
  line-height: 20px;
  -webkit-transform: translate3d(-250px, 0px, 0px) scale3d(1, 1, 1);
  -moz-transform: translate3d(-250px, 0px, 0px) scale3d(1, 1, 1);
  -ms-transform: translate3d(-250px, 0px, 0px) scale3d(1, 1, 1);
  -o-transform: translate3d(-250px, 0px, 0px) scale3d(1, 1, 1);
  transform: translate3d(-250px, 0px, 0px) scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 500ms ease;
  -webkit-transition-delay: 0s;
  -moz-transition: -moz-transform .5s ease 0s;
  -o-transition: -o-transform .5s ease 0s;
  transition: transform .5s ease 0s; }
  .mobile-navigation:after {
    box-shadow: inset -3px 0 4px rgba(0,0,0,.1);
    -webkit-box-shadow: inset -3px 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: inset -3px 0 4px rgba(0,0,0,.1);
    position: absolute;
    top: 0;
    right: 0;
    margin-left: -5px;
    content: "";
    width: 5px;
    height: 100%; }
  .mobile-navigation ul {
    display: block; }
    .mobile-navigation ul ul,
    .mobile-navigation ul ul li:nth-child(even) a,
    .mobile-navigation ul ul li:first-child a {
      background: transparent none !important;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    .mobile-navigation ul ul {
      box-shadow: 1px 0 0 transparent;
      -webkit-box-shadow: 1px 0 0 transparent;
      -moz-box-shadow: 1px 0 0 transparent; }
    .mobile-navigation ul span {
      font-size: inherit; }
    .mobile-navigation ul li {
      float: none;
      margin: 0; }
      .mobile-navigation ul li.top-link {
        font-size: 18px;
        line-height: 22px; }
        .mobile-navigation ul li.top-link a {
          border-bottom: 1px solid #383559;
          position: relative;
          padding: 10px 35px 10px 18px;
          font-size: 18px; }
          .mobile-navigation ul li.top-link a:after {
            content: '';
            width: 9px;
            height: 16px;
            position: absolute;
            right: 13px;
            top: 50%;
            margin-top: -8px;
            background: url("/v3-html/gfx/icon/icon-sprite.png?1.3") no-repeat -1047px 50%; }
      .mobile-navigation ul li.sub {
        border-bottom: 1px solid #383559; }
    .mobile-navigation ul a {
      color: #fff;
      background: none transparent;
      box-shadow: 1px 0 0 transparent;
      -webkit-box-shadow: 1px 0 0 transparent;
      -moz-box-shadow: 1px 0 0 transparent;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      text-shadow: none;
      padding: 8px 18px;
      font-size: 16px;
      line-height: 18px; }
      .mobile-navigation ul a:hover, .mobile-navigation ul a:focus, .mobile-navigation ul a.selected {
        background-color: transparent !important;
        color: #eb3755 !important; }
      .mobile-navigation ul a.selected {
        color: #ededed !important;
        text-shadow: none; }
        .mobile-navigation ul a.selected:hover {
          color: #eb3755 !important; }
        .mobile-navigation ul a.selected.mobile-nav-toggler,
        .mobile-navigation ul a.selected.mobile-nav-toggler span {
          text-decoration: none; }
      .mobile-navigation ul a.mobile-nav-toggler {
        background-color: #09092E;
        font-size: 18px;
        line-height: 22px;
        position: relative;
        padding: 0;
        cursor: pointer;
        color: #fff; }
        .mobile-navigation ul a.mobile-nav-toggler:hover, .mobile-navigation ul a.mobile-nav-toggler.selected, .mobile-navigation ul a.mobile-nav-toggler.selected:hover {
          background-color: #09092E !important; }
        .mobile-navigation ul a.mobile-nav-toggler:before {
          content: "";
          width: 100%;
          height: 1px;
          bottom: -1px;
          left: 0;
          position: absolute;
          border-bottom: 1px solid #383559; }
        .mobile-navigation ul a.mobile-nav-toggler:after {
          content: '';
          width: 7px;
          height: 6px;
          position: absolute;
          right: 15px;
          top: 50%;
          margin-top: -3px;
          background: url("/v3-html/gfx/icon/icon-sprite.png?1.3") no-repeat -1115px 50%; }
        .mobile-navigation ul a.mobile-nav-toggler.open:after, .mobile-navigation ul a.mobile-nav-toggler.selected:after {
          background-position: -1126px 50%; }
        .mobile-navigation ul a.mobile-nav-toggler span {
          font-size: inherit;
          padding: 10px 35px 10px 18px;
          display: block; }
  .mobile-navigation ul.mobile-nav-wrapper {
    overflow: hidden;
    margin-bottom: 8px; }
    .mobile-navigation ul.mobile-nav-wrapper.activate-animation {
      -webkit-transition: height .35s ease, margin-bottom .35s ease;
      -moz-transition: height .35s ease, margin-bottom .35s ease;
      -ms-transition: height .35s ease, margin-bottom .35s ease;
      -o-transition: height .35s ease, margin-bottom .35s ease;
      transition: height .35s ease, margin-bottom .35s ease; }
    .mobile-navigation ul.mobile-nav-wrapper.accordion-closed {
      height: 0 !important;
      margin-bottom: 0px !important; }

/*#swipe-overlay {
	@media screen and (min-width: 599px)
	{
		display: none !important;
	}
}*/
/* Servicenavigation */
ul.service-top,
ul.service-search {
  position: absolute;
  top: 29px; }

ul.service-top {
  right: 20px; }
  ul.service-top > li {
    display: inline-block;
    margin-left: 20px; }
    ul.service-top > li:first-child {
      margin-left: 0; }
    ul.service-top > li > a {
      font-size: 1em;
      font-weight: 700;
      color: #14143c;
      text-transform: uppercase; }
      ul.service-top > li > a.change-lang {
        font-weight: 300; }

@media screen and (max-width: 860px) {
  ul.service-top {
    display: none !important; } }

/*ul.service-search {
	left: 130px;

	li {
		> a {
			font-size: 1em;
			color: $blue;
			text-transform: uppercase;
			outline: none;

			> span {
				margin-left: 10px;

				@media screen and (max-width: 320px) {
					&:first-child {
						position: absolute;
						text-indent: 999px;
					}
				}
			}

			.icon.icon-search {
				margin: 0;
				width: 22px;
				height: 22px; 
				background: image-url('/icon/search-icon.png') center no-repeat;
				background-size: cover;

			}
		}
		&.sub.open {
			.icon.icon-search {
				background-position: center;
			}
		}
		&.sub.open > a {
			font-weight: 700;

			&:hover {
				text-decoration: none;
			}
		}
		&.sub.open > div {
			opacity: 1;
			visibility: visible;
		}
	}

	div {
		opacity: 0;
		overflow: hidden;
		visibility: hidden;
		position: absolute;
		left: 0;
		top: auto;
		z-index: 99;
		margin-top: 10px;
		padding: 10px;
		width: ($font-size) / $em * 16;
		color: $blue;
		background-color: #fff;
		@include box-shadow(none);
		@include transition( opacity .4s ease-out );
		border: 1px solid #e5e5e5;
		
		.close {
			color: $white;
			display: block;
			font-style: italic;
			@include family-italic;
			text-align: center;
			padding: .8em 0 .4em;
			margin: 0 0 -0.4em;
			clear: both;
			text-shadow: none;
		}
	}
	input {
		float: left;
	}
	input.formfield {

		background: transparent none;
		border: none;
		border-bottom: 1px solid #c5c5c5;
		box-shadow: none;
		color: #14143c;
		padding-right: 0;
		font-family: "Metro Regular";

		@include box-shadow(none);
		padding: px-em(4px, $font-size - 4) 0 px-em(3px, $font-size - 4);
		text-indent: percentage(6px, 216px);
		width: percentage(175px, 216px);
		@include border-radius( 0 );

		&:focus	{
			outline: 0;
		}
	}
	input.formbutton {
		font-family: 'Metro Regular', Arial, Calibri, Helvetica, Geneva, sans-serif;
		width: 16%; // 36/216
		padding: px-em(3px, $font-size - 4) percentage(9px, 409px) px-em(4px, $font-size - 4);
		@include border-radius( 0 );
		@include box-shadow(none);
		background: transparent none;
		text-transform: uppercase;
	}
}
@media screen and (max-width: 598px) {
	ul.service-search {
		left: auto;
		right: 20px;

		div {
			right: 0;
			left: auto;
		}
		li {
			> a {
				display: block;
				width: 22px;
				height: 22px;
				overflow: hidden;
			}
		}
	}
}*/
/*ul.service
{
	float: right;
	position: relative;
	
	> li
	{
		font-size: px-em(12px);
		float: left;
		background: image-url('/bullet/bullet-sprite.png') no-repeat -3px 50%;
		line-height: px-em(12px, $font-size - 4);
		
		&:first-child,
		&.sub.open + li
		{
			background: none !important;
		}
		> a
		{
			min-height: 13px;
			display: block;
			color: $blue;
			padding: px-em(4px, $font-size - 4) px-em(5px, $font-size - 4);
			text-decoration: none;
			cursor: pointer;
			
			&:hover span
			{
				text-decoration: underline;	
			}
			span
			{
				float: left;
			}
		}
		&.sub.open > a
		{
			color: #fff;
			@include border-radius( 3px 3px 0 0 );
			background-color: #434363;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#434363), to(#343457)); 
			background-image: -webkit-linear-gradient(top, #434363, #343457); 
			background-image:    -moz-linear-gradient(top, #434363, #343457); 
			background-image:     -ms-linear-gradient(top, #434363, #343457); 
			background-image:      -o-linear-gradient(top, #434363, #343457); 
			background-image:         linear-gradient(to bottom, #434363, #343457);
		}
		&.sub.open > div
		{
			opacity: 1;
			visibility: visible;
		}
	}
	div
	{
		opacity: 0;
		overflow: hidden;
		visibility: hidden;
		position: absolute;
		right: 0;
		top: auto;
		z-index: 99;
		padding: 10px;
		width: ($font-size) / $em * 18;
		color: $white;
		background-color: #333356;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#333356), to($blue));
		background-image: -webkit-linear-gradient(top, #333356, $blue);
		background-image:    -moz-linear-gradient(top, #333356, $blue);
		background-image:     -ms-linear-gradient(top, #333356, $blue);
		background-image:      -o-linear-gradient(top, #333356, $blue);
		background-image:         linear-gradient(to bottom, #333356, $blue); 
		@include transition( opacity .4s ease-out );
		@include border-radius( 3px 0 3px 3px );
		
		.close
		{
			color: $white;
			display: block;
			font-style: italic;
			@include family-italic;
			text-align: center;
			padding: .8em 0 .4em;
			margin: 0 0 -0.4em;
			clear: both;
			text-shadow: none;
		}
	}
	input
	{
		float: left;
	}
	input.formfield
	{
		padding: px-em(4px, $font-size - 4) 0 px-em(3px, $font-size - 4);
		text-indent: percentage(6px, 216px);
		width: percentage(175px, 216px);
		border: 0;
		@include border-radius( 3px 0 0 3px );

		&:focus
		{
			outline: 0;
		}
	}
	input.formbutton
	{
		font-family: Arial, Calibri, Helvetica, Geneva, sans-serif;
		width: 16%; // 36/216
		padding: px-em(3px, $font-size - 4) percentage(9px, 409px) px-em(4px, $font-size - 4);
		border-left: 1px solid #c7c7c7;
		@include border-radius( 0 3px 3px 0 );
	}

	ul.share
	{
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: px-em(22px, $font-size - 4);

		li
		{
			float: left;
			background: none;
			padding: 0 px-em(12px, $font-size - 4);

			&.more
			{
				float: right;
			}
		}
		a
		{
			display: block;
			color: $white;
			outline: 0;
			[> Hide addthis styles <]
			* { display: none; }
		}
	}
}*/
.intl ul.service input.formfield {
  width: 71.75926%; }

.intl ul.service input.formbutton {
  width: 25%; }

/*.oldie ul.service,
.ie9 ul.service
{
	li.sub.open > a { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#434363, endColorstr=#343457)"; }
	div { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#333356, endColorstr=#14143c)"; }
	 
	input.formfield
	{
		padding: px-em(3px, $font-size - 4) percentage(6px, 216px);
		width: percentage(175px - (2 * 6px), 216px);
		text-indent: 0;
	}
}
.oldie .intl ul.service,
.ie9 .intl ul.service
{
	input.formfield
	{
		width: percentage(155px - (2 * 6px), 216px);
	}
}
.ie7 ul.service
{
	li.sub.open > a { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434363', endColorstr='#343457'); }
	div { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333356', endColorstr='#14143c'); }
	
	input.formbutton
	{
		padding: 0 percentage(6px, 216px) px-em(1px, $font-size - 4);
	}
}
.ie8 ul.service
{
	input.formbutton
	{
		padding: px-em(2px, $font-size - 4) percentage(6px, 216px) px-em(3px, $font-size - 4);
	}
}
.oldie ul.service
{
	input.formbutton
	{
		border-left: 0;
	}
}*/
/* Topnavigation */
.station .station--header nav ul.clearfix > li > a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 .5625em 0 .6875em;
  color: #fff;
  text-shadow: none;
  text-decoration: none;
  background: #14143c;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  .station .station--header nav ul.clearfix > li > a:hover, .station .station--header nav ul.clearfix > li > a.selected {
    color: #fff;
    background: #eb3755;
    text-shadow: none; }

.station .station--header nav {
  clear: both;
  margin: 0;
  margin-bottom: 1.3em; }
  .station .station--header nav ul.mobile, .station .station--header nav.mobile-navigation {
    display: none; }
  .station .station--header nav ul li {
    float: left;
    margin: 0 1.25em .8em 0;
    position: relative; }
    .station .station--header nav ul li:last-child {
      margin-right: 0; }
    .station .station--header nav ul li.sub a {
      cursor: default; }
    .station .station--header nav ul li.sub span {
      background: url("/v3-html/gfx/bullet/bullet-sprite.png?1.3") no-repeat 100% 50%;
      padding: 0 1.31em 0 0; }
    .station .station--header nav ul li.sub ul a {
      cursor: pointer; }
    .station .station--header nav ul li.sub:hover > div.drop,
    .station .station--header nav ul li.sub:hover > div.map {
      opacity: 1;
      display: block; }
  .station .station--header nav ul a {
    display: block;
    color: #fff;
    padding: 0.125em 0.5625em 0.125em 0.6875em;
    text-shadow: none;
    text-decoration: none;
    background: #13133a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: inset 2px 2px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 2px 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 2px 2px 1px rgba(0,0,0,0.1); }
    .station .station--header nav ul a:hover, .station .station--header nav ul a.selected {
      color: #fff;
      text-decoration: none;
      background: #eb3755;
      text-shadow: none; }
    .station .station--header nav ul a.selected span {
      font-style: italic;
      font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      text-decoration: underline; }
    .station .station--header nav ul a:focus + div {
      opacity: 1;
      display: block; }
  .station .station--header nav ul div.drop,
  .station .station--header nav ul div.map {
    opacity: 0;
    display: none;
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -5.3125em;
    width: 10.625em;
    padding-top: 0.25em;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out; }
  .station .station--header nav ul div.drop.cityring {
    width: 27.5em;
    margin-left: -6.875em; }
    .station .station--header nav ul div.drop.cityring ul {
      float: left;
      width: 13.75em; }
      .station .station--header nav ul div.drop.cityring ul.first {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
        .station .station--header nav ul div.drop.cityring ul.first li:first-child a {
          -webkit-border-top-right-radius: 0;
          -moz-border-radius-topright: 0;
          border-top-right-radius: 0; }
        .station .station--header nav ul div.drop.cityring ul.first li:last-child a {
          -webkit-border-bottom-right-radius: 0;
          -moz-border-radius-bottomright: 0;
          border-bottom-right-radius: 0; }
      .station .station--header nav ul div.drop.cityring ul.second {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
        .station .station--header nav ul div.drop.cityring ul.second li:first-child a {
          -webkit-border-top-left-radius: 0;
          -moz-border-radius-topleft: 0;
          border-top-left-radius: 0; }
          .station .station--header nav ul div.drop.cityring ul.second li:first-child a:after {
            display: none; }
        .station .station--header nav ul div.drop.cityring ul.second li:last-child a {
          -webkit-border-bottom-left-radius: 0;
          -moz-border-radius-bottomleft: 0;
          border-bottom-left-radius: 0; }
  .station .station--header nav ul div.map:after {
    content: '';
    position: absolute;
    margin-left: -10px;
    margin-top: 0.25em;
    left: 50%;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f4f4f4; }
  .station .station--header nav ul div.map div {
    width: 46.4375em;
    height: 35.625em;
    background: #f4f4f4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.75); }
  .station .station--header nav ul div.map a {
    cursor: pointer; }
    .station .station--header nav ul div.map a:hover {
      text-shadow: none; }
  .station .station--header nav ul ul {
    background: #f4f4f4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.75); }
    .station .station--header nav ul ul li {
      float: none;
      margin: 0; }
      .station .station--header nav ul ul li:nth-child(even) a {
        background: #dddde1; }
      .station .station--header nav ul ul li:nth-child(even) a:hover,
      .station .station--header nav ul ul li a.selected:hover {
        color: #fff;
        background: #eb3755;
        text-shadow: none; }
      .station .station--header nav ul ul li:first-child a {
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
      .station .station--header nav ul ul li:last-child a {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-bottomleft: 3px;
        -moz-border-radius-bottomright: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }
      .station .station--header nav ul ul li:first-child a:after {
        content: '';
        position: absolute;
        margin-left: -10px;
        left: 50%;
        top: -10px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #f4f4f4; }
      .station .station--header nav ul ul li:first-child a:hover:after {
        border-bottom-color: #eb3755; }
    .station .station--header nav ul ul a {
      font-size: 15px;
      line-height: 18.66667px;
      padding: 0.4em 1.33em;
      color: #14143c;
      background: #f4f4f4;
      text-shadow: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      box-shadow: 0 0 0 transparent;
      -webkit-box-shadow: 0 0 0 transparent;
      -moz-box-shadow: 0 0 0 transparent; }
      .station .station--header nav ul ul a.selected {
        color: #14143c;
        background: #f4f4f4;
        font-style: italic;
        font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
        text-shadow: none;
        text-decoration: underline; }

.crisis nav ul li a:hover, .crisis nav ul li a.selected {
  color: #131339;
  background: #bebdae;
  text-shadow: none; }

.oldie header .logo {
  margin-top: -25px;
  margin-left: -35px;
  height: 50px;
  width: 71px; }

/*.oldie
{
	nav
	{
		height: 1%;
		position: relative;
		z-index: 101;
		
		ul li.sub > div.drop
		{
			padding-top: 0;
			border: 1px solid #dedede;
			border-bottom: 0;
		}
		ul ul
		{
			li a
			{
				border-bottom: 1px solid #dedede;
				
				&.selected:hover
				{
					color: #fff !important;
					background: $pink !important;
				}
			}
		}
	}
	&.ie7
	{
		header
		{
			//z-index: 99;
		}
		nav 
		{
			ul li.sub > div.drop
			{
				top: px-em(28px);
			}
			ul ul
			{
				li
				{
					display: inline;
					
					a { height: 1%; }
				}
			}
		}
		article
		{
			position: relative;
		}
	}
}*/
/*.navigation
{
	display: block;
	color: #323232;
	background: #fff;
	font-weight: bold;
	@include family-bold;
	font-size: ($font-size - 4) / $em;
	text-decoration: none;
	cursor: pointer;
	@include box-shadow( 0px 0px 5px 0px rgba(0,0,0,0.4) );
	position: fixed;
	top: 50%;
	z-index: 100;
	margin-top: -($font-size) / $em * 2;
	
	span,
	em
	{
		min-height: 2em;
		padding: ($font-size) / $em * 1.1 0;
		display: block;
	}
	span
	{
		float: left;
	}
	em
	{
		float: left;
		width: 19px;
		margin: 0 0.7em;
		background: image-url('/icon/icon-sprite.png') no-repeat -428px 50%;
	}
	&:hover
	{
		text-decoration: none;
	}
	
	&.left
	{
		display: none;
		left: 0;
		padding: 0 1.7em 0 .2em;
		@include border-radius( 0 50px 50px 0 );
		
		em { background-position: -467px 50%; }
		&:hover em { background-position: -485px 50%; }
	}
	
	&.right
	{
		display: none;
		right: 0;
		padding: 0 .2em 0 1.7em;
		@include border-radius( 50px 0 0 50px );
		
		&:hover em { background-position: -448px 50%; }
	}
	
	&.top
	{
		height: 4px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin-top: 0;
		font-size: 12px;
		font-weight: bold;
		@include family-bold;
		color: $blue;
		@include box-shadow( 0 0 );

		span,
		em
		{
			min-height: 0;
			padding: 0;
		}
		span
		{
			position: absolute;
			top: 4px;
			left: 50%;
			padding: 0 18px 12px;
			margin-left: (-131px / 2);
			@include box-sizing();

			span
			{
				position: relative;
				margin: 0;
				left: 0;
				top: 0;
				padding: 3px 2.46em;
				background: #fff;
				@include border-radius( 0 0 3px 3px );
			}
		}
		em
		{
			background-position: -505px 50%;
			float: none;
			width: 13px;
			height: 13px;
			position: absolute;
			right: 0;
			top: 50%;
			margin-top: -6px;
			
			&:first-child
			{
				right: inherit;
				left: 3px;
			}
		}
		&:hover em
		{
			background-position: -518px 50%;
		}
		
		@media screen and (min-width: 984px)
		{
			font-size: 14px;

			span
			{
				margin-left: (-151px / 2);
			}
		}
		@media screen and (min-width: 1392px)
		{
			font-size: 16px;

			span
			{
				margin-left: (-166px / 2);
			}
		}
	}
}*/
.navigation.left,
.navigation.right,
.navigation.top {
  display: none !important; }

#nav-toggler {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -11px; }
  #nav-toggler span {
    display: block;
    text-transform: uppercase;
    font-size: 1em;
    text-indent: 35px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url("/v3-html/gfx/icon/menu-icon.png?1.3") center no-repeat;
    background-size: cover; }
    #nav-toggler span:hover {
      text-decoration: underline; }
    @media screen and (max-width: 320px) {
      #nav-toggler span {
        text-indent: -9999px; } }

#search-toggler {
  position: absolute;
  top: 50%;
  left: 120px;
  width: 62px;
  margin-top: -11px; }
  #search-toggler span {
    display: block;
    text-transform: uppercase;
    font-size: 1em;
    text-indent: 35px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url("/v3-html/gfx/icon/search-icon.png?1.3") center no-repeat; }
    #search-toggler span:hover {
      text-decoration: underline; }
    @media screen and (max-width: 320px) {
      #search-toggler span {
        text-indent: -9999px; } }
  #search-toggler div {
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: auto;
    z-index: 99;
    margin-top: 10px;
    padding: 10px;
    width: 256px;
    color: #14143c;
    background-color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-transition: opacity .4s ease-out;
    -moz-transition: opacity .4s ease-out;
    -ms-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out;
    border: 1px solid #e5e5e5; }
    #search-toggler div .close {
      color: #f4f4f4;
      display: block;
      font-style: italic;
      font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      text-align: center;
      padding: .8em 0 .4em;
      margin: 0 0 -0.4em;
      clear: both;
      text-shadow: none; }
  #search-toggler.open div {
    opacity: 1;
    visibility: visible; }
  #search-toggler input {
    float: left; }
  #search-toggler input.formfield {
    background: transparent none;
    border: none;
    border-bottom: 1px solid #c5c5c5;
    box-shadow: none;
    color: #14143c;
    padding-right: 0;
    font-family: "Metro Regular";
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 0.33333em 0 0.25em;
    text-indent: 2.77778%;
    width: 81.01852%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
    #search-toggler input.formfield:focus {
      outline: 0; }
  #search-toggler input.formbutton {
    font-family: 'Metro Regular', Arial, Calibri, Helvetica, Geneva, sans-serif;
    width: 16%;
    padding: 0.25em 2.20049% 0.33333em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: transparent none;
    text-transform: uppercase; }
  @media screen and (max-width: 598px) {
    #search-toggler {
      left: auto;
      right: 20px; }
      #search-toggler div {
        right: 0px;
        left: auto; } }
  @media screen and (max-width: 320px) {
    #search-toggler {
      width: 24px; }
      #search-toggler div {
        right: -10px; } }
  @media screen and (max-width: 240px) {
    #search-toggler div {
      width: 180px; }
    #search-toggler input.formfield {
      width: 77%; }
    #search-toggler input.formbutton {
      width: 22%; } }

.intl #search-toggler {
  width: 90px; }
  .intl #search-toggler input.formfield {
    width: 75%; }
  .intl #search-toggler input.formbutton {
    width: 25%; }
  @media screen and (max-width: 598px) {
    .intl #search-toggler {
      right: 84px; } }
  @media screen and (max-width: 320px) {
    .intl #search-toggler {
      right: 20px; } }

.main-navigation {
  position: absolute;
  z-index: 10;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 300px;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
  font-size: 1.1em;
  line-height: 1.5;
  background-color: white;
  border-top: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  -webkit-transition: -webkit-transform 350ms ease;
  -moz-transition: -moz-transform 350ms ease;
  -ms-transition: -ms-transform 350ms ease;
  -o-transition: -o-transform 350ms ease;
  transition: transform 350ms ease;
  -webkit-transform: translate3d(-300px, 0px, 0px) scale3d(1, 1, 1);
  -moz-transform: translate3d(-300px, 0px, 0px) scale3d(1, 1, 1);
  -ms-transform: translate3d(-300px, 0px, 0px) scale3d(1, 1, 1);
  -o-transform: translate3d(-300px, 0px, 0px) scale3d(1, 1, 1);
  transform: translate3d(-300px, 0px, 0px) scale3d(1, 1, 1); }
  .main-navigation ul {
    display: block;
    padding: 80px 0 0; }
    .main-navigation ul li {
      float: none !important;
      margin: 0 !important;
      padding: 0 !important; }
    .main-navigation ul ul {
      overflow: hidden;
      max-height: 0;
      padding: 0; }
    .main-navigation ul.service-top-mobile {
      display: none;
      padding-top: 0; }
    @media screen and (max-width: 860px) {
      .main-navigation ul.service-top-mobile {
        display: block !important; } }
  .main-navigation > ul > li:first-child a {
    border-top: 1px solid #f3f3f3; }
  .main-navigation > ul.service-top-mobile > li:first-child a {
    border-top: none; }
  .main-navigation .sub {
    position: relative; }
    .main-navigation .sub .main-navigation--toggler {
      position: absolute;
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      display: block;
      width: 50px;
      padding-left: 0;
      padding-right: 0;
      padding-top: 15px;
      padding-bottom: 15px;
      border-left: solid 1px #e9edeb;
      background: transparent url("/v3-html/gfx/icon/down--arrow.png?1.3") center no-repeat; }
    .main-navigation .sub .sub {
      /*&.open {
				> .main-navigation--toggler {
					background-color: #e9e9e9;
				}
			}*/ }
      .main-navigation .sub .sub > .main-navigation--toggler {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 0.8em;
        border-left: 1px solid #DBE0DD; }
    .main-navigation .sub > ul {
      overflow: hidden;
      max-height: 0;
      padding: 0;
      opacity: 0; }
  .main-navigation .open > .main-navigation--toggler {
    background: transparent url("/v3-html/gfx/icon/up--arrow.png?1.3") center no-repeat; }
  .main-navigation .open > .main-navigation--item + ul {
    overflow: visible;
    max-height: 800px;
    padding: 0;
    opacity: 1;
    -webkit-transition: max-height .2s ease, padding .2s ease, opacity .8s ease;
    -moz-transition: max-height .2s ease, padding .2s ease, opacity .8s ease;
    -ms-transition: max-height .2s ease, padding .2s ease, opacity .8s ease;
    -o-transition: max-height .2s ease, padding .2s ease, opacity .8s ease;
    transition: max-height .2s ease, padding .2s ease, opacity .8s ease;
    /*ul li:first-child a {
				border-top: solid 1px #d9d9d9;
			}*/ }
    .main-navigation .open > .main-navigation--item + ul ul a {
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 60px;
      padding-right: 20px;
      line-height: 1.2;
      background-color: #e9e9e9;
      border-bottom: solid 1px #d9d9d9; }
  .main-navigation li .main-navigation--item {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 50px;
    border-bottom: solid 1px #e9edeb;
    color: #14143c; }
    .main-navigation li .main-navigation--item > span {
      background: none !important; }
  .main-navigation li li .main-navigation--item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    font-size: 0.8em;
    background-color: #f3f3f3;
    border-bottom: 1px solid #DBE0DD; }
  .main-navigation .selected > .main-navigation--item,
  .main-navigation .selected > a {
    font-weight: 700;
    color: #14143c; }

.nav-swipe .main-navigation {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

.ie9 .main-navigation,
.oldie .main-navigation {
  left: -300px; }

.ie9 .nav-swipe .main-navigation,
.oldie .nav-swipe .main-navigation {
  left: 0; }

.ie9 #search-toggler span,
.oldie #search-toggler span {
  width: 24px;
  height: 24px; }

.frontpage article {
  display: none; }
  .frontpage article h2 {
    font-weight: normal;
    font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }

.frontpage .map {
  /*width: 100%;
		height: percentage(552px, 768px);
		z-index: 50;
		overflow: hidden;
		text-align: left;*/
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  height: auto !important; }
  .frontpage .map:before {
    content: "";
    display: block;
    padding-top: 45%; }
    @media all and (max-width: 1170px) {
      .frontpage .map:before {
        padding-top: 62%; } }
  .frontpage .map .map-scale.scale {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%; }
  .frontpage .map svg {
    height: 100%;
    width: 100%; }
  .frontpage .map .info-scale.scale {
    margin-top: -5em; }
  .frontpage .map p.info {
    display: none;
    margin-left: 0.76923em;
    max-width: 270px;
    z-index: 99; }
    .frontpage .map p.info span {
      padding-left: 3.84615em;
      padding-right: 1.15385em; }
    .frontpage .map p.info .icons.icon-warning {
      margin-top: 0.15789em; }

.frontpage .widgets {
  position: absolute;
  bottom: 5.20833%;
  left: 0;
  width: 100%;
  height: 22.91667%;
  color: #f4f4f4;
  z-index: 51;
  overflow: hidden; }

.frontpage .spot--intro-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.frontpage-twocol-module {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px !important; }
  .frontpage-twocol-module.boxed-band, .frontpage-twocol-module.boxed-band:before, .frontpage-twocol-module.boxed-band:after {
    background-color: #fff; }
  @media screen and (max-width: 598px) {
    .frontpage-twocol-module.boxed-band:before, .frontpage-twocol-module.boxed-band:after {
      display: none; } }
  .frontpage-twocol-module .scale {
    padding-left: 0;
    padding-right: 0; }
  .frontpage-twocol-module .wrapper + .wrapper {
    margin-top: 30px; }
  @media screen and (min-width: 984px) {
    .frontpage-twocol-module .wrapper {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      width: 50% !important;
      margin: 0 !important;
      padding: 30px !important; }
      .frontpage-twocol-module .wrapper + .wrapper {
        margin-top: 0; } }

.frontpage-hero {
  /* should be 110px to be consistent with other renderings and the design with the arrow in a red dot ... 
        but since the map will come after the frontpage hero we do this hack ... should be solved 
        differently really */
  padding-bottom: 20px; }
  .frontpage-hero .spot--image-full {
    padding-bottom: 0; }

.no-svg .frontpage .map .scale {
  height: auto;
  position: absolute;
  top: 50%;
  display: table-cell; }
  .no-svg .frontpage .map .scale img {
    margin: 0 auto;
    vertical-align: middle;
    position: relative;
    top: -50%; }

.no-svg.ie8 .frontpage .map .scale {
  height: 100%; }

.oldie .frontpage .map:before {
  display: none; }

.oldie .frontpage .scale.map-scale {
  position: static;
  width: 960px;
  height: 700px; }

.oldie .frontpage-twocol-module .wrapper + .wrapper {
  margin-top: 0; }

.oldie p.info-header {
  border: 1px solid #dedede;
  border-bottom: 0; }

.oldie .train-wrap {
  border-bottom: 1px solid #dedede; }

.oldie.ie7 .frontpage .map p.warning {
  font-size: 1em;
  width: 250px;
  max-width: auto; }
  .oldie.ie7 .frontpage .map p.warning .icons {
    margin-right: 12px; }
  .oldie.ie7 .frontpage .map p.warning span {
    padding-bottom: 15px; }

.frontpage.no-footer .widgets {
  bottom: 0;
  height: 23.4375%; }

.footer-campaign {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 51;
  width: 100%;
  background-color: #14143c;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 5.20833%;
  overflow: hidden; }
  .footer-campaign a {
    height: 100%;
    text-shadow: none;
    color: #f4f4f4;
    font-weight: bold;
    font-style: italic;
    font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    display: block; }
    .footer-campaign a:hover {
      color: #eb3755;
      text-decoration: none; }
  .footer-campaign .scale {
    display: table;
    height: 100%; }
    .footer-campaign .scale span {
      padding: 0 19px;
      display: table-cell;
      vertical-align: middle; }

.oldie .footer-campaign,
.ie8 .footer-campaign {
  background: #3a3a63 !important; }
  .oldie .footer-campaign .scale,
  .ie8 .footer-campaign .scale {
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
    .oldie .footer-campaign .scale span,
    .ie8 .footer-campaign .scale span {
      position: relative;
      top: -50%;
      display: inline; }

.box {
  line-height: 1.38462em;
  max-height: 100%;
  /*
	& > h3:first-child,
	& > img:first-child,
	& > p:first-child
	{
		padding: px-em(30px) 0 0;
	}
	*/ }
  .box h3 {
    margin: 40px 0 0;
    font-size: 2em;
    font-weight: 300;
    line-height: 1em; }
  .box ul.links {
    clear: both;
    list-style: none;
    margin: 40px 0;
    padding: 0; }
    .box ul.links li {
      position: relative;
      /*padding: px-em(2px) 0;*/ }
      .box ul.links li + li {
        margin-top: 20px; }
      .box ul.links li:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 16px;
        height: 17px;
        background: no-repeat url("/v3-html/gfx/icon/links--arrow.gif?1.3") 0; }
      .box ul.links li a {
        line-height: 17px;
        display: block;
        padding-left: 26px;
        color: #fff;
        font-size: 1.125em;
        font-weight: 300;
        font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  .box h3 + ul.links {
    margin: 30px 0; }
  .box ul.links-social {
    font-size: 0;
    line-height: 1; }
    .box ul.links-social li {
      display: inline-block;
      font-size: 16px; }
      .box ul.links-social li a {
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 1em;
        text-indent: 100%; }
        .box ul.links-social li a.links-social--facebook {
          width: 31px;
          height: 30px;
          background: no-repeat url("/v3-html/gfx/icon/links-social--facebook.gif?1.3") 0; }
        .box ul.links-social li a.links-social--youtube {
          width: 64px;
          height: 27px;
          background: no-repeat url("/v3-html/gfx/icon/links-social--youtube.gif?1.3") 0; }
        .box ul.links-social li a.links-social--twitter {
          width: 35px;
          height: 28px;
          background: no-repeat url("/v3-html/gfx/icon/links-social--twitter.gif?1.3") 0; }
      .box ul.links-social li:before {
        display: none; }
      .box ul.links-social li + li {
        margin-top: 0;
        margin-left: 30px; }
  .box.Message img,
  .box.Slider img {
    max-width: 100%;
    height: auto; }

.widgets-footer .box {
  font-size: 0.8125em;
  color: #fff; }
  .widgets-footer .box h3 {
    color: #fff; }

/* Train info box */
.train-info {
  position: fixed;
  z-index: 99;
  top: auto;
  right: 28px;
  bottom: 10px;
  left: auto;
  width: auto;
  background-color: #fcfcfc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .train-info .train-wrap {
    max-width: 13.75em;
    min-width: 13.125em; }
    @media screen and (max-width: 320px) {
      .train-info .train-wrap {
        max-width: 3.75em;
        min-width: 3.75em; } }
    .train-info .train-wrap.expandtrue {
      max-width: 18.75em; }
      @media screen and (max-width: 598px) {
        .train-info .train-wrap.expandtrue {
          max-width: 15em; } }
      @media screen and (max-width: 320px) {
        .train-info .train-wrap.expandtrue {
          max-width: 13.75em; } }
  .train-info .expandfalse .train-info--sticky ~ *,
  .train-info .expandfalse .sticky--close {
    display: none !important; }
  @media screen and (max-width: 320px) {
    .train-info .expandfalse .train-info--sticky {
      padding: 0;
      height: 3.75em; }
      .train-info .expandfalse .train-info--sticky h3, .train-info .expandfalse .train-info--sticky p {
        position: absolute;
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        width: 1px; } }
  .train-info .train-info--sticky {
    position: relative;
    padding-top: 13px;
    padding-bottom: 10px;
    padding-left: 42px;
    background: #ffd518 url("/v3-html/gfx/icon/metrostatus--info.png?1.3") no-repeat 20px center; }
    .train-info .train-info--sticky:hover {
      cursor: pointer; }
    .train-info .train-info--sticky h3 {
      margin: 2px 0 3px 0;
      font-weight: bold;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      font-size: 0.9em;
      line-height: 1;
      text-transform: uppercase; }
    .train-info .train-info--sticky p {
      margin: 0;
      font-size: 0.8em;
      line-height: 1;
      text-transform: uppercase; }
    .train-info .train-info--sticky .sticky--close {
      position: absolute;
      top: 50%;
      right: 20px;
      margin-top: -6px;
      width: 13px;
      height: 13px;
      background: url("/v3-html/gfx/icon/sticky--close_sm.gif?1.3") no-repeat; }
  .train-info .info-header {
    margin: 0;
    border-top: 1px solid white;
    background-color: #d1d1d1; }
    .train-info .info-header a {
      text-decoration: none; }
      .train-info .info-header a:hover {
        text-decoration: underline; }
    .train-info .info-header a,
    .train-info .info-header span.plain-text {
      display: block;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      font-size: 0.8em;
      line-height: 1;
      text-transform: uppercase;
      text-shadow: none;
      padding: 10px 0 10px 20px;
      color: #14143c; }
      @media screen and (max-width: 320px) {
        .train-info .info-header a,
        .train-info .info-header span.plain-text {
          padding: 8px 0 8px 20px; } }
    .train-info .info-header .icon.icon-arrow {
      background-position: -362px 50%;
      margin-top: 0;
      margin-right: 20px; }
    .train-info .info-header.open .icon.icon-arrow {
      background-position: -349px 50%;
      margin-top: 0;
      margin-right: 20px; }
  .train-info p.info-box {
    margin: 0;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
    .train-info p.info-box span {
      display: block;
      padding: 16px 20px; }
      @media screen and (max-width: 320px) {
        .train-info p.info-box span {
          padding: 10px 20px; } }
    .train-info p.info-box em {
      display: block;
      font-style: normal;
      font-size: 0.9em;
      line-height: 1.23077em;
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 0; }
      .train-info p.info-box em + strong {
        border-top: 1px solid #d1d1d1;
        margin-top: 16px;
        padding-top: 16px; }
        @media screen and (max-width: 320px) {
          .train-info p.info-box em + strong {
            margin-top: 10px;
            padding-top: 10px; } }
  .train-info p.warning,
  .train-info p.info-box {
    position: relative;
    overflow: auto;
    margin: 0; }
    .train-info p.warning.activate-animation,
    .train-info p.info-box.activate-animation {
      -webkit-transition: max-height .3s ease, margin-bottom .3s ease;
      -moz-transition: max-height .3s ease, margin-bottom .3s ease;
      -ms-transition: max-height .3s ease, margin-bottom .3s ease;
      -o-transition: max-height .3s ease, margin-bottom .3s ease;
      transition: max-height .3s ease, margin-bottom .3s ease; }
    .train-info p.warning.accordion-closed,
    .train-info p.info-box.accordion-closed {
      max-height: 0 !important; }
    .train-info p.warning strong,
    .train-info p.info-box strong {
      display: block; }
    .train-info p.warning i.changes,
    .train-info p.info-box i.changes {
      display: inline-block;
      margin-bottom: 5px;
      font-style: normal; }
    .train-info p.warning a,
    .train-info p.info-box a {
      color: #14143c;
      text-decoration: underline; }
      .train-info p.warning a:hover,
      .train-info p.info-box a:hover {
        color: #eb3755; }
  .train-info p.warning {
    overflow: auto;
    margin: 0; }
    .train-info p.warning span {
      display: block;
      padding: 16px 20px; }
      @media screen and (max-width: 320px) {
        .train-info p.warning span {
          padding: 10px 26px; } }
      .train-info p.warning span.time {
        padding: 0.3125em 0 0 0; }
    .train-info p.warning .icons {
      position: static;
      float: left;
      clear: both;
      margin-right: 0.92308em;
      margin-bottom: 0.76923em;
      margin-top: 0.84615em; }
      .train-info p.warning .icons.icon-warning {
        font-size: 1.1875em;
        margin-top: 0;
        margin-right: 0.63158em;
        margin-bottom: 0.52632em; }
    .train-info p.warning em {
      display: block;
      font-style: normal;
      font-size: 0.9em;
      line-height: 1.23077em;
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 0; }
      .train-info p.warning em + em {
        border-top: 1px solid #d1d1d1;
        margin-top: 16px;
        padding-top: 16px; }
        @media screen and (max-width: 320px) {
          .train-info p.warning em + em {
            margin-top: 10px;
            padding-top: 10px; } }
      .train-info p.warning em strong {
        margin-bottom: 3px;
        font-size: 0.9em;
        font-style: normal; }
  .train-info .train-info--footer {
    margin: 0;
    padding-top: 16px;
    padding-bottom: 13px;
    text-align: center;
    background-color: #14143c; }
    @media screen and (max-width: 320px) {
      .train-info .train-info--footer {
        padding-top: 8px;
        padding-bottom: 8px; } }
    .train-info .train-info--footer a {
      margin-bottom: 3px;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      font-size: 1em;
      color: white;
      line-height: 1; }

.nav-swipe .train-info {
  z-index: -1; }

.ie9 .train-wrap,
.oldie .train-wrap {
  width: 15em; }
  @media screen and (max-width: 320px) {
    .ie9 .train-wrap,
    .oldie .train-wrap {
      width: 3.75em; } }
  .ie9 .train-wrap.expandtrue,
  .oldie .train-wrap.expandtrue {
    width: 26.25em; }

/* Fallback for large screens */
@media screen and (min-height: 900px) {
  .frontpage .map {
    height: 75.55556%; }
  .frontpage .widgets {
    height: 20%;
    bottom: 4.44444%; }
  .frontpage.no-footer .map {
    height: 77.77778%; }
  .frontpage.no-footer .widgets {
    height: 22.22222%; }
  .footer-campaign {
    height: 4.44444%; } }

/* Fallback for small screens */
@media screen and (max-height: 768px) {
  .frontpage .map {
    height: 67.70833%; }
  .frontpage .widgets {
    height: 27.08333%;
    bottom: 5.20833%; }
  .frontpage.no-footer .map {
    height: 70.3125%; }
  .frontpage.no-footer .widgets {
    height: 29.6875%; }
  .footer-campaign {
    height: 5.20833%; } }

/* Fallback for very small screens */
@media screen and (max-height: 620px) {
  .frontpage .map {
    height: 60%; }
  .frontpage .widgets {
    height: 33.54839%;
    bottom: 6.45161%; }
  .frontpage.no-footer .map {
    height: 66.45161%; }
  .frontpage.no-footer .widgets {
    height: 33.54839%; }
  .footer-campaign {
    height: 6.45161%; } }

.widgets {
  position: relative; }
  @media screen and (min-width: 984px) {
    .grid.article .widgets {
      padding-top: 80px; } }
  .widgets.large {
    position: absolute;
    width: 100%;
    left: 0; }
    .widgets.large .google_map {
      height: 470px !important; }
    .widgets.large .google-map button {
      top: 413px; }
    .widgets.large .google-map button span.small {
      display: block; }
    .widgets.large .google-map button span.large {
      display: none; }
  .widgets .ticket {
    margin: 0 0 1.25em;
    padding: 0 9px;
    color: #f4f4f4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .widgets .ticket .content {
      font-size: 14px;
      line-height: 21.33333px; }
    .widgets .ticket .small {
      padding: 10px; }
  .widgets .rejseplan {
    margin: 0 0 1.25em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .widgets .splitter {
    background: #808091;
    width: 1px;
    position: absolute;
    top: 1.25em;
    left: 100%;
    margin-left: 0.75em;
    bottom: 1.25em; }
  .widgets .google-map {
    margin: 0 0 2.5em;
    position: relative; }
    .widgets .google-map .station-map,
    .widgets .google-map .google_map {
      height: 350px; }
    .widgets .google-map button {
      position: absolute;
      right: 20px;
      top: 293px;
      padding: 0.1875em 0.375em;
      background: #eb3755;
      color: #f4f4f4; }
      .widgets .google-map button span.small {
        display: none; }
    .widgets .google-map select {
      position: absolute;
      right: 10px;
      top: 10px;
      z-index: 10; }
  .widgets .cityring-search,
  .widgets .gallery {
    background: #f4f4f4;
    color: #14143c; }
    .widgets .cityring-search a,
    .widgets .gallery a {
      font-weight: normal;
      font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  .widgets .newsletter {
    margin: 0 0 2.5em;
    background: #eb3755;
    color: #f4f4f4; }
    .widgets .newsletter a,
    .widgets .newsletter p.error {
      color: #f4f4f4; }
    .widgets .newsletter h2 {
      margin: 0 0 0.35294em;
      line-height: 1; }
    .widgets .newsletter p {
      margin: 0 0 0.9375em; }
    .widgets .newsletter p.small-text {
      padding: 1.25em 0 0;
      margin: 0;
      font-style: italic;
      font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
      .widgets .newsletter p.small-text a {
        text-decoration: underline; }
      .widgets .newsletter p.small-text a:hover {
        text-decoration: none; }
      .widgets .newsletter p.small-text input {
        float: none; }
      .widgets .newsletter p.small-text label {
        margin-right: 1em; }
    .widgets .newsletter.newsletter-single p {
      clear: none; }
    .widgets .newsletter.newsletter-single input.formbutton {
      margin-left: 1.25em;
      float: right;
      border-left: 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
  .widgets .gallery {
    margin: 0 0 2.5em; }
    .widgets .gallery span, .widgets .gallery img, .widgets .gallery a {
      display: block; }
    .widgets .gallery p {
      margin: 0; }
    .widgets .gallery img {
      width: 100%; }
    .widgets .gallery span.small-text {
      padding: 0.41667em 0;
      margin: 0; }
    .widgets .gallery span.img {
      position: relative;
      overflow: hidden; }
    .widgets .gallery a {
      color: #14143c;
      text-decoration: none; }
      .widgets .gallery a:hover .icon.icon-zoom {
        background-position: -150px 50%; }
  .widgets .video-container {
    min-height: 300px;
    margin: 0 0 2.5em; }

.frontpage .widgets .ticket {
  margin: 1.25em 0; }
  .frontpage .widgets .ticket .content {
    margin-top: 2.25em; }

.frontpage .widgets .rejseplan {
  padding: 0 9px;
  margin: 1.25em 0; }

.oldie .widgets .ticket,
.oldie .widgets .rejseplan {
  padding-right: 0;
  padding-left: 0; }

.oldie .widgets .rejseplan input.formfield {
  max-width: 96%; }

/* grid-two */
.grid-two .widgets .ticket {
  background: #14143c;
  padding: 20px 20px 10px; }
  .grid-two .widgets .ticket .small {
    padding: 0; }

.general-box {
  padding: 1em 1.25em 1.25em; }
  .general-box p {
    clear: both; }
  .general-box h2 {
    margin: 0 0 0.94118em; }
  .general-box a {
    font-weight: normal;
    font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  .general-box input {
    float: left; }
  .general-box input.formfield {
    border: 0;
    padding: 0.75em 0 0.5625em;
    text-indent: 2.93399%;
    width: 81.17359%;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .general-box input.formbutton {
    width: 18.82641%;
    padding: 0.75em 0 0.5625em;
    border-left: 1px solid #c7c7c7;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.boxes {
  margin: 0 0 1.25em; }
  .boxes .box {
    float: left;
    width: 47.33333%;
    margin: 0 0 1.25em; }
    .boxes .box:first-child {
      margin-right: 5.33333%; }
  .boxes ul.fact {
    padding: 0;
    margin: 0;
    list-style: none; }
    .boxes ul.fact li {
      padding: 0 0 20px 30px;
      position: relative; }
    .boxes ul.fact span {
      position: absolute;
      left: 0;
      top: 3px;
      width: 13px;
      height: 17px;
      background: url("/v3-html/gfx/icon/icon-sprite.png?1.3") no-repeat; }
    .boxes ul.fact .none span {
      background: none; }
    .boxes ul.fact .box-weight span {
      background-position: -875px 50%; }
    .boxes ul.fact .box-minuts span {
      width: 17px;
      background-position: -890px 50%; }
    .boxes ul.fact .box-water span {
      width: 14px;
      height: 24px;
      background-position: -909px 50%; }
    .boxes ul.fact .box-arrow span {
      width: 17px;
      height: 17px;
      background-position: -924px 50%; }
    .boxes ul.fact .box-smallbox span {
      width: 18px;
      height: 17px;
      background-position: -942px 50%; }

.station .boxes ul.fact .box-weight span {
  background-position: -238px 50%; }

.station .boxes ul.fact .box-minuts span {
  background-position: -252px 50%; }

.station .boxes ul.fact .box-water span {
  background-position: -271px 50%; }

.station .boxes ul.fact .box-arrow span {
  background-position: -286px 50%; }

.station .boxes ul.fact .box-smallbox span {
  background-position: -305px 50%; }

/* IE */
.oldie .widgets .cityring-search input.formfield,
.oldie .widgets .newsletter input.formfield,
.ie9 .widgets .cityring-search input.formfield,
.ie9 .widgets .newsletter input.formfield {
  padding: 0.75em 2.93399% 0.5625em;
  width: 75.30562%;
  text-indent: 0; }

.oldie .widgets .cityring-search input.formfield,
.oldie .widgets .newsletter input.formfield {
  background: #fff;
  border: 1px solid #c7c7c7;
  border-right: 0;
  padding: 0.6875em 2.93399% 0.5em;
  width: 75.06112%; }

.oldie .widgets .cityring-search input.formbutton,
.oldie .widgets .newsletter input.formbutton {
  color: #f4f4f4;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#333356, endColorstr=#14143c)"; }

.oldie.ie7 .widgets .cityring-search input.formbutton,
.oldie.ie7 .widgets .newsletter input.formbutton {
  border: 0;
  padding-top: 7px;
  padding-bottom: 9px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333356', endColorstr='#14143c'); }

.oldie.ie7 .widgets .newsletter p.small-text {
  padding: 0; }

div.cityring-bubble {
  max-width: 270px;
  text-align: left;
  min-height: 60px;
  color: #14143c; }
  div.cityring-bubble h4 {
    margin: 0 0 5px 0;
    color: #14143c;
    font-size: 16px; }
  div.cityring-bubble div {
    margin-bottom: 5px;
    padding: 0; }
  div.cityring-bubble img {
    float: right;
    margin-left: 5px;
    height: 60px;
    border: 1px solid #666; }
  div.cityring-bubble p {
    margin: 0 0 5px 0;
    font-size: 13px;
    line-height: 18px; }
  div.cityring-bubble div.sub-items {
    overflow: auto;
    max-height: 100px; }
    div.cityring-bubble div.sub-items h4 {
      margin: 0;
      font-size: 16px;
      color: #14143c; }
    div.cityring-bubble div.sub-items dl {
      margin: 0 0 5px 0;
      padding-bottom: 3px;
      border-bottom: 1px solid #14143c;
      font-size: 13px;
      line-height: 18px; }
      div.cityring-bubble div.sub-items dl dt {
        margin-top: 3px;
        padding-top: 3px;
        font-weight: normal;
        font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
        color: #14143c;
        border-top: 1px solid #14143c; }
      div.cityring-bubble div.sub-items dl dd {
        margin: 0; }
  div.cityring-bubble ul.read-more {
    margin: 6px 0 0;
    padding: 0;
    list-style-type: none; }
    div.cityring-bubble ul.read-more li {
      margin: .4em 0;
      line-height: 18px;
      font-size: 14px; }
      div.cityring-bubble ul.read-more li a {
        padding-right: 10px; }

.spot {
  position: absolute;
  z-index: 100;
  top: -140px;
  left: 0;
  right: 0;
  color: #f4f4f4;
  background-color: #14143c; }
  .spot.transition {
    -webkit-transition: top 0.25s ease-out;
    -moz-transition: top 0.25s ease-out;
    -ms-transition: top 0.25s ease-out;
    -o-transition: top 0.25s ease-out;
    transition: top 0.25s ease-out; }
  .spot.firstVisit {
    -webkit-animation: spot-animation 2s ease 1s;
    -moz-animation: spot-animation 2s ease 1s;
    -ms-animation: spot-animation 2s ease 1s;
    -o-animation: spot-animation 2s ease 1s;
    animation: spot-animation 2s ease 1s; }
  .spot.fixZindex {
    z-index: 99; }
  .spot .content {
    overflow: hidden;
    padding: 20px 20px 0;
    margin-bottom: 5px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    height: 118px; }
    .spot .content .left {
      width: 48.7012987012987%;
      float: left; }
    .spot .content .right {
      width: 48.7012987012987%;
      float: right; }
  .spot .campaign {
    height: 144px;
    position: relative; }
    .spot .campaign h2 {
      margin: 0 0 6px; }
    .spot .campaign p {
      margin: 0 0 3px; }
    .spot .campaign a {
      font-weight: bold;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  .spot a.toggle {
    position: relative;
    top: auto;
    left: 7.64em;
    margin-right: 7px;
    display: inline-block;
    background: #14143c;
    font-size: 0.875em;
    font-weight: bold;
    font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    color: #f4f4f4;
    text-shadow: none;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0 .71em;
    outline: 0;
    /* Square */
    /*&:before, span:before,
		&:after, span:after
		{
			position: absolute;
			top: 0;
			content: '';
		}
		&:before,
		&:after
		{
			background: $blue;
			width: $border-size / 2;
			height: $border-size / 2;
			z-index: 1;
		}
		&:before { left: -$border-size / 2; }
		&:after { right: -$border-size / 2; }*/
    /* Circle */
    /*span:before,
		span:after 
		{
			width: $border-size;
			height: $border-size;
			@include border-radius( 50px );
			background: #f3f3f1;
			z-index: 2;
		}
		span:before { left: -$border-size; }
		span:after { right: -$border-size; }*/ }
  .spot.open {
    top: 0 !important; }

.oldie .spot a.toggle span:after,
.oldie .spot a.toggle span:before,
.oldie .spot a.toggle:after,
.oldie .spot a.toggle:before {
  display: none; }

@keyframes spot-animation {
  0% {
    top: -180px; }
  25% {
    top: -120px; }
  50% {
    top: -150px; }
  100% {
    top: -140px; } }

.boxed-band {
  position: relative; }
  .boxed-band, .boxed-band:after, .boxed-band:before {
    background-color: transparent; }
  .boxed-band:after, .boxed-band:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0; }
  .boxed-band:before {
    left: 100%; }
  .boxed-band:after {
    right: 100%; }
  .boxed-band--white-bg, .boxed-band--white-bg:after, .boxed-band--white-bg:before {
    background-color: #fff; }

.spot--row {
  clear: both;
  /*@media screen and (max-width: 767px) {
		& + & {
			margin-top: 2.5em;
		}
	}*/ }
  .spot--row:after {
    content: "";
    display: table;
    clear: both; }

.spot--col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left; }
  @media screen and (max-width: 767px) {
    .spot--col {
      width: auto;
      float: none; }
      .spot--col + .spot--col {
        margin-top: 2.5em; } }
  .spot--col .list {
    border: 0; }

.spot--intro-title {
  position: absolute;
  top: -60px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .spot--intro-title {
      top: -70px; } }
  .spot--intro-title h2 {
    position: relative;
    z-index: 2;
    padding-bottom: 85px;
    text-align: center;
    margin: 0 0 -35px;
    font-size: 1.875em;
    color: #e03550;
    padding-bottom: 85px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .spot--intro-title h2 {
        margin-top: 0;
        margin-bottom: -25px;
        padding-bottom: 65px;
        font-size: 1.5em; } }
    .spot--intro-title h2:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -35px;
      width: 70px;
      height: 70px;
      line-height: 70px;
      background-color: #e03550;
      background-image: url("/v3-html/gfx/icon/spot--arrow.png?1.3");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
      @media screen and (max-width: 767px) {
        .spot--intro-title h2:after {
          margin-left: -25px;
          width: 50px;
          height: 50px;
          line-height: 50px;
          background-size: 60%; } }
      @media screen and (max-width: 320px) {
        .spot--intro-title h2:after {
          bottom: 12px; } }

.spot--image > a {
  display: block; }
  .spot--image > a:hover {
    text-decoration: none; }

.spot--image img {
  width: 100%;
  height: auto;
  display: block; }

.spot--image img.image-large {
  display: block !important; }
  @media screen and (max-width: 767px) {
    .spot--image img.image-large {
      display: none !important; } }

.spot--image img.image-small {
  display: none !important; }
  @media screen and (max-width: 767px) {
    .spot--image img.image-small {
      display: block !important; } }

.spot--image .spot--image-linktext {
  display: none; }

.spot--image .small-text {
  display: block;
  padding: .41667em 1.66667em;
  font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  font-weight: 300;
  color: #14143c;
  text-decoration: none;
  background-color: #f4f4f4; }

.spot--image.gallery {
  position: relative; }

/*.flexslider .spot--image {
    img.image-large{
        display: block;
        @media screen and (max-width: 767px) {
            display: none;
	    }
    }
    img.image-small {
        display: none;
        @media screen and (max-width: 767px) {
            display: block;
	    }
    }
}*/
.spot--text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .spot--text h3 {
    font-size: 2.375em;
    font-weight: 300;
    font-family: "Metro Light", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    line-height: 1.1;
    margin: 0 0 0.69231em; }
    @media screen and (max-width: 984px) {
      .spot--text h3 {
        font-size: 2.25em;
        margin-bottom: 0.84615em; } }
    @media screen and (max-width: 320px) {
      .spot--text h3 {
        font-size: 1.75em; } }

.spot--text-content {
  font-size: 1.125em; }
  .spot--text-content p {
    margin: 0; }
    .spot--text-content p + p {
      margin-top: 1.25em; }

.spot--video {
  padding: 3% 0 0; }

.spot--video-wrapper {
  text-align: center; }
  @media screen and (max-width: 598px) {
    .spot--video-wrapper {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 25px;
      height: 0; } }
  .spot--video-wrapper iframe {
    display: inline-block !important; }
    @media screen and (max-width: 598px) {
      .spot--video-wrapper iframe {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        height: 100%;
        max-width: 100%;
        max-height: 346px; } }

.spot--image-full {
  position: relative;
  padding: 0 0 110px; }
  .frontpage .spot--image-full {
    padding: 0; }

.spot--image-left {
  position: relative;
  padding-bottom: 110px; }
  .spot--image-left .spot--text {
    padding: 3% 1% 0 6%; }
    @media screen and (max-width: 598px) {
      .spot--image-left .spot--text {
        padding: 3% 0 0; } }
  .spot--image-left .gallery .icon.icon-zoom {
    left: 0.625em;
    right: auto; }

.spot--image-right {
  position: relative;
  padding-bottom: 110px; }
  .spot--image-right .spot--text {
    padding: 3% 6% 0 3%; }
    @media screen and (max-width: 598px) {
      .spot--image-right .spot--text {
        padding: 3% 0 0; } }
  .spot--image-right .train-wrap {
    width: 15em; }
  .spot--image-right.boxed-band .spot--image .small-text {
    background-color: #f9f9f9; }
  .spot--image-right.boxed-band, .spot--image-right.boxed-band:after, .spot--image-right.boxed-band:before {
    background-color: #fff; }

.spot--image-sidebyside .image-right.gallery .icon.icon-zoom {
  left: auto;
  right: 0.625em; }

.spot--newsletter {
  position: relative;
  padding-bottom: 110px; }

.station .page-content-right .spot--text {
  padding: .5em 2em 0 1em; }
  @media screen and (max-width: 598px) {
    .station .page-content-right .spot--text {
      padding: .5em 0 0; } }

.station .page-content-right .spot--image {
  /*@media screen and (min-width: 768px){
            margin-top: -6.85em;
        }*/ }
  @media screen and (min-width: 984px) {
    .station .page-content-right .spot--image {
      margin-top: -4.8em; } }
  @media screen and (min-width: 1200px) {
    .station .page-content-right .spot--image {
      margin-top: -4.6em; } }
  @media screen and (min-width: 1392px) {
    .station .page-content-right .spot--image {
      margin-top: -4.6em; } }
  @media screen and (min-width: 1680px) {
    .station .page-content-right .spot--image {
      margin-top: -4.45em; } }
  @media screen and (min-width: 1872px) {
    .station .page-content-right .spot--image {
      margin-top: -4.45em; } }
  @media screen and (min-width: 2080px) {
    .station .page-content-right .spot--image {
      margin-top: -4.3em; } }

.page-content-right {
  padding-bottom: 110px; }
  .page-content-right .spot--text {
    padding: 3% 6% 0 1em; }
    @media screen and (max-width: 598px) {
      .page-content-right .spot--text {
        padding: 3% 0 0; } }

.newsletter-widget {
  position: relative;
  padding-top: 3em;
  padding-bottom: 3.5em;
  background: none;
  margin-bottom: 2.5em;
  text-align: center; }
  .newsletter-widget:before, .newsletter-widget:after {
    background: none; }
  @media screen and (min-width: 984px) {
    .newsletter-widget {
      padding-left: 3em;
      padding-right: 3em; } }
  .newsletter-widget h2 {
    line-height: normal;
    font-weight: 500; }
  .newsletter-widget fieldset {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.13);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.13); }
    @media screen and (max-width: 768px) {
      .newsletter-widget fieldset {
        width: 100%; } }
  .newsletter-widget.white-bg.boxed-band, .newsletter-widget.white-bg.boxed-band:after, .newsletter-widget.white-bg.boxed-band:before {
    background-color: #fff; }

.news-and-archive .spot--text,
.notifications-and-activities .spot--text {
  padding: 3em 2em 0 1em; }

.news-and-archive .spot--col,
.notifications-and-activities .spot--col {
  padding-left: 1em;
  padding-right: 1em; }

@media screen and (max-width: 767px) {
  .news-and-archive .spot--col + .spot--col,
  .notifications-and-activities .spot--col + .spot--col {
    margin-top: 0; }
    .news-and-archive .spot--col + .spot--col .list,
    .notifications-and-activities .spot--col + .spot--col .list {
      padding-top: 0; } }

@media screen and (min-width: 768px) {
  .news-and-archive .spot--col + .spot--col,
  .notifications-and-activities .spot--col + .spot--col {
    padding-left: 4em; } }

.news-and-archive.archive .spot--text,
.notifications-and-activities.archive .spot--text {
  padding: 1em 2em 0 1em; }

.metro-status p.warning,
.metro-status p.info,
.metro-status p.info-box,
.metro-status p.train-info {
  color: #14143c;
  font-size: 0.8125em;
  line-height: 1.231em;
  text-shadow: none;
  position: relative; }
  .metro-status p.warning span,
  .metro-status p.info span,
  .metro-status p.info-box span,
  .metro-status p.train-info span {
    display: block;
    padding: 1.154em 1.231em 0.38462em 4.15385em; }
    .metro-status p.warning span.time,
    .metro-status p.info span.time,
    .metro-status p.info-box span.time,
    .metro-status p.train-info span.time {
      padding: 0.3125em 0 0 0;
      background: none transparent; }

.metro-status .focus-box {
  background: #fdc300; }

.metro-status p.warning em {
  font-style: normal;
  display: block;
  margin: 0 0 0.76923em; }
  .metro-status p.warning em.first {
    margin-top: -0.23077em; }

.metro-status p.info span {
  padding: 0.53846em 0.76923em; }

.oldie .metro-status p.warning,
.oldie .metro-status p.info,
.oldie .metro-status p.info-box,
.oldie .metro-status p.train-info {
  border: 1px solid #dedede; }

.icons {
  text-align: center;
  overflow: hidden;
  min-width: 25px;
  min-height: 25px;
  width: 1.563em;
  height: 1.563em;
  display: block;
  position: absolute;
  left: 16px;
  top: auto;
  font-style: normal; }
  .icons.icon-warning {
    margin-top: -0.26316em;
    width: 1.31579em;
    left: 0.78947em;
    height: 1.31579em;
    line-height: 1.36842em;
    font-size: 1.46154em;
    color: #fff;
    background: #14143c;
    -webkit-border-radius: 1.31579em;
    -moz-border-radius: 1.31579em;
    border-radius: 1.31579em;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .icons.icon-m1, .icons.icon-m2 {
    top: 0.76923em;
    width: 1.92308em;
    left: 1.15385em;
    height: 1.92308em;
    line-height: 2em;
    font-size: 0.813em;
    background: #0b825e;
    color: #f4f4f4;
    -webkit-border-radius: 1.92308em;
    -moz-border-radius: 1.92308em;
    border-radius: 1.92308em;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .icons.icon-m2 {
    background: #fdc300;
    color: #333; }
  .icons.icon-time {
    color: #f4f4f4;
    font-size: 0.8125em;
    font-weight: bold;
    font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    position: static;
    width: 1.92308em;
    height: 1.92308em;
    line-height: 2em;
    background-color: #14143c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .icons.icon-train, .icons.icon-train-a, .icons.icon-train-b, .icons.icon-train-bx, .icons.icon-train-c, .icons.icon-train-e, .icons.icon-train-f, .icons.icon-train-h, .icons.icon-bus, .icons.icon-bus-a, .icons.icon-bus-e, .icons.icon-bus-n, .icons.icon-bus-s {
    color: #f4f4f4;
    top: 0.76923em;
    width: 1.923em;
    left: 1.15385em;
    height: 1.923em;
    line-height: 1.923em;
    font-size: 0.813em;
    text-shadow: none;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent; }
  .icons.icon-train {
    background-color: #8f8d8e; }
  .icons.icon-train-a {
    background-color: #00a7e3; }
  .icons.icon-train-b {
    background-color: #55ab26; }
  .icons.icon-train-bx {
    background-color: #B8E458; }
  .icons.icon-train-c {
    background-color: #f29400; }
  .icons.icon-train-e {
    background-color: #9874C3; }
  .icons.icon-train-f {
    background-color: #fdc400; }
  .icons.icon-train-h {
    background-color: #FD1D0B; }
  .icons.icon-bus {
    background-color: #FFA514; }
  .icons.icon-bus-a {
    background-color: #ed1b2f; }
  .icons.icon-bus-e {
    background-color: #009f5a; }
  .icons.icon-bus-n {
    background-color: #9b9da0; }
  .icons.icon-bus-s {
    background-color: #0082c4; }
  .icons.icon-train-bx, .icons.icon-train-f, .icons.icon-bus {
    text-shadow: none;
    color: #333; }

.ie9 .icons.icon-time {
  background: #23234b; }

.oldie .icon-time {
  background: #3a3a63; }

.oldie .even .icon-time {
  background: #14143c; }

div.formselect {
  display: none; }

dl.departures {
  margin: 0 0 30px;
  position: relative;
  overflow: hidden; }
  dl.departures.activate-animation {
    -webkit-transition: height .3s ease, margin-bottom .3s ease;
    -moz-transition: height .3s ease, margin-bottom .3s ease;
    -ms-transition: height .3s ease, margin-bottom .3s ease;
    -o-transition: height .3s ease, margin-bottom .3s ease;
    transition: height .3s ease, margin-bottom .3s ease; }
  dl.departures.accordion-closed {
    height: 0 !important;
    margin-bottom: 0; }
  dl.departures dt,
  dl.departures dd {
    float: left;
    margin: 0;
    overflow: hidden; }
  dl.departures dt {
    height: 2.8125em;
    clear: both;
    width: 12.02673%;
    position: relative; }
    dl.departures dt.m1m2 .icons.icon-m1 {
      margin-left: -0.38462em; }
    dl.departures dt.m1m2 .icons.icon-m2 {
      margin-left: 0.46154em; }
  dl.departures dd.text {
    height: 2.5em;
    line-height: 2.5em;
    width: 55.01114%;
    text-shadow: none;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap; }
  dl.departures dd.time {
    height: 2.8125em;
    width: 32.96214%; }
    dl.departures dd.time ul {
      list-style: none;
      margin: 0.625em 0 0;
      padding: 0;
      float: right; }
    dl.departures dd.time li {
      float: left;
      margin-right: 0.625em; }
  dl.departures dt.even,
  dl.departures dd.even {
    background-color: #eaeae6;
    color: #14143c; }

.oldie dl.departures dt,
.oldie dl.departures dd,
.ie9 dl.departures dt,
.ie9 dl.departures dd {
  min-height: 45px; }

.station p.small-text {
  margin-top: 40px; }

.station p.toggle {
  border-top: 1px solid #c7c7cf;
  border-bottom: 1px solid #c7c7cf;
  margin: 0;
  background-color: white; }
  .station p.toggle a {
    outline: 0;
    font-size: 1.4em;
    color: #14143c;
    text-transform: uppercase;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 1em; }
  .station p.toggle .icon-bus,
  .station p.toggle .icon-arrow,
  .station p.toggle .icon-train,
  .station p.toggle .icon-train-s {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0; }

.mobile-station-map {
  min-height: 1046px;
  max-width: 600px;
  text-align: center;
  position: relative;
  margin: 0 -12px; }
  .mobile-station-map .mobile-station-map-gfx {
    height: 1000px;
    width: 97px;
    background: url("/v3-html/gfx/background/bg-metromap-new.png?1.3") no-repeat 50% 0;
    position: absolute;
    left: 50%;
    margin-left: -78.5px;
    top: -2px; }
  .mobile-station-map ul {
    margin: 0;
    padding: 0 0 0;
    list-style: 0; }
  .mobile-station-map li {
    display: block;
    clear: both;
    width: 50%;
    float: right;
    text-align: left; }
    .mobile-station-map li span {
      display: block;
      padding: 0 0 0 22px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .mobile-station-map li.odd a {
      background: #ececec url("/v3-html/gfx/pattern/pattern-noise.png?1.3") repeat;
      box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
      -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
      -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2); }
    .mobile-station-map li.left {
      clear: left;
      float: left;
      text-align: right; }
      .mobile-station-map li.left.first {
        margin-top: 60px; }
      .mobile-station-map li.left a {
        line-height: 59px; }
      .mobile-station-map li.left span {
        padding: 0 80px 0 0; }
    .mobile-station-map li.right {
      clear: right;
      float: right;
      text-align: left; }
      .mobile-station-map li.right a {
        line-height: 59px; }
    .mobile-station-map li a {
      display: block;
      color: #14143c;
      font-weight: normal;
      font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      line-height: 60px;
      font-size: 1.0625em; }
      .mobile-station-map li a:hover {
        text-decoration: none;
        background: #14143c;
        color: #f4f4f4;
        text-shadow: none; }

.metro-articles .row-list-header {
  padding: 20px 0 0 0; }

.metro-articles .row {
  border-top: 1px solid #14143c;
  padding: 20px 0 12px 0; }

.metro-articles .row:first-child,
.metro-articles .row.first {
  padding-top: 0;
  border-top: 0; }

.metro-articles .row.border {
  margin-top: 3px;
  border-top: 6px solid #A8A8A8; }

.metro-articles .row .text {
  width: 48.7012987012987%;
  float: left;
  padding-bottom: 10px; }

.metro-articles .row.full {
  border-top: none;
  padding-top: 10px;
  min-height: 0;
  width: 100%; }

.metro-articles .row.full .text {
  width: 100%;
  padding-bottom: 0; }

.metro-articles .row h2 {
  font-size: 1.17647em;
  line-height: 1.25em;
  margin: 0; }

.metro-articles .row h3 {
  margin: 0; }

.metro-articles .row p.resume {
  margin: 0; }

.metro-articles .row p.date {
  margin: 0; }

.metro-articles .row p.readmore {
  margin-top: 8px; }

.metro-articles .row .image {
  float: left;
  margin-right: 2.5974025974026%;
  width: 48.7012987012987%; }

.metro-articles .row .image.right {
  float: right;
  margin-right: 0;
  margin-left: 2.5974025974026%; }

.metro-articles .row .image img {
  max-width: 100%; }

.metro-articles .row .cols {
  padding-top: 10px; }

.metro-articles .row .col {
  float: left;
  margin-right: 2.5974025974026%;
  width: 48.7012987012987%; }

dl.generic-list dt {
  margin: 0;
  padding: 20px 0 0; }
  dl.generic-list dt.first {
    font-size: 1.625em;
    line-height: 1.154em; }

dl.generic-list dd {
  margin: 0;
  padding: 0; }
  dl.generic-list dd.desc.first, dl.generic-list dd.desc.second {
    height: auto;
    text-indent: 0;
    overflow: auto; }

dl.generic-list dd.date {
  font-size: 0.75em; }

dl.generic-list dd.manchet {
  margin: 0 0 10px 0;
  font-weight: bold;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }

dl.generic-list dd.desc {
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: -999em;
  overflow: hidden; }

dl.searchresult {
  margin: 0 0 0.1875em; }
  dl.searchresult dt {
    font-size: 17px;
    font-weight: bold;
    font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    margin: 0 0 0.125em; }
  dl.searchresult dd.text {
    margin: 0 0 0.5625em; }
  dl.searchresult dd.link {
    font-size: 12px;
    font-weight: bold;
    font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    line-height: 16px;
    border-bottom: 1px solid #14143c;
    padding: 0 0 1.4375em;
    margin: 0 0 0.9375em;
    color: #eb3755;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

ul.paging {
  float: right;
  right: 50%;
  position: relative;
  text-align: center;
  list-style: none;
  margin: 0 0 2.5em;
  padding: 0;
  font-weight: bold;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  ul.paging li {
    float: left;
    position: relative;
    left: 50%; }
    ul.paging li a,
    ul.paging li span {
      display: block; }
    ul.paging li span {
      padding: 0 0.1875em; }
    ul.paging li.hellip {
      color: #eb3755; }

.tracking-value {
  display: none; }

.customer-service {
  position: relative;
  padding: 6%; }
  .customer-service .customer-service-item {
    display: none; }
    .customer-service .customer-service-item .left {
      width: 75%;
      float: left; }
  .customer-service .customerservice-start {
    display: block;
    width: auto; }
  .customer-service h1 {
    margin: 0 0 20px; }
    .customer-service h1 strong {
      font-weight: normal;
      font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      color: #00b385;
      display: block; }
  .customer-service h2 {
    line-height: 1.1em; }
  .customer-service h3 {
    font-size: 1.0625em;
    line-height: 1em;
    margin: 0 0 0.405em; }
  .customer-service iframe {
    display: none !important; }
  .customer-service p.customer-links {
    padding-top: 15px; }
  .customer-service p.must-filled {
    font-size: 0.875em;
    margin: 0;
    padding-left: 0.71429em; }
  .customer-service p.icon-print {
    margin: 0;
    position: absolute;
    right: 0.625em;
    top: 0; }
  .customer-service p.error,
  .customer-service p.ajaxErrorHandling {
    display: none;
    clear: both;
    padding: 0.21em 0.5em;
    color: #14143c;
    width: 70%;
    font-style: italic;
    font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    border: 1px solid #eb3755;
    background-color: #f0c3c8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .customer-service fieldset {
    margin: 0 0 10px; }
    .customer-service fieldset input.formradio {
      float: left;
      clear: both;
      margin: 0.3125em 0.4375em 0.3125em 0.5625em; }
    .customer-service fieldset label {
      float: left;
      padding: 0 0 3px; }
  .customer-service ul.goto {
    list-style-type: none;
    margin: 0;
    padding: 20px 0 0;
    clear: both;
    width: 75%; }
    .customer-service ul.goto a {
      float: right; }
      .customer-service ul.goto a.back {
        float: left; }
      .customer-service ul.goto a:hover {
        text-decoration: none; }
  .customer-service ul.goto-choose {
    width: auto;
    margin: 0 0 10px; }
    .customer-service ul.goto-choose li {
      float: left; }
      .customer-service ul.goto-choose li a.no {
        margin-right: 0.625em; }
    .customer-service ul.goto-choose li.text {
      margin-right: 15px;
      margin-left: 0; }
  .customer-service p.form-summary {
    font-size: 16px;
    line-height: 30px; }
  .customer-service ul.flow {
    font-size: 1.0625em;
    text-transform: uppercase;
    margin: 1.25em 0 1.5625em 0;
    padding: 0 0 0 0.8125em;
    list-style-type: none;
    border-top: 1px solid #14143c;
    border-bottom: 1px solid #14143c; }
    .customer-service ul.flow li {
      color: #808091;
      float: left;
      padding: 0 3.75em 0 0.4375em;
      line-height: 2em; }
    .customer-service ul.flow li.selected {
      color: #14143c;
      font-weight: bold;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  .customer-service #cpr {
    width: 100px;
    float: left; }
  .customer-service .customer-related {
    width: 22%;
    float: right; }
  .customer-service .customer-related h2 {
    font-size: 0.875em;
    margin: 0; }
  .customer-service .customer-related h3 {
    font-size: 1.875em; }
  .customer-service .step h3 {
    font-weight: normal;
    font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
    .customer-service .step h3 span.value-tickettype {
      font-weight: bold;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  .customer-service .step .left {
    width: auto;
    padding-left: 1.25em; }
  .customer-service .question-text {
    display: none;
    margin: 10px 0 15px 45px;
    font-size: 15px; }
    .customer-service .question-text ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
    .customer-service .question-text li {
      cursor: pointer;
      color: #eb3755;
      font-weight: bold;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
      .customer-service .question-text li:hover {
        text-decoration: underline; }
    .customer-service .question-text p {
      font-size: 15px; }
  .customer-service #upload-result,
  .customer-service #upload-form {
    display: none; }
  .customer-service dl.fields {
    margin: 0 0 15px 0;
    padding-left: 0.625em; }
    .customer-service dl.fields input.formfield {
      width: 12.5em;
      max-width: 100%;
      padding: 0.375em 0.5em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .customer-service dl.fields input.formfield,
    .customer-service dl.fields textarea.formarea {
      -webkit-transition: border .3s ease, background .3s ease;
      -moz-transition: border .3s ease, background .3s ease;
      -ms-transition: border .3s ease, background .3s ease;
      -o-transition: border .3s ease, background .3s ease;
      transition: border .3s ease, background .3s ease; }
      .customer-service dl.fields input.formfield:focus,
      .customer-service dl.fields textarea.formarea:focus {
        border: 1px solid #808091;
        outline: 0; }
      .customer-service dl.fields input.formfield.error,
      .customer-service dl.fields textarea.formarea.error {
        border: 1px solid #eb3755;
        background-color: #f0c3c8; }
    .customer-service dl.fields textarea.formarea {
      width: 70%;
      min-width: 70%;
      height: 6.25em;
      min-height: 6.25em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .customer-service dl.fields select.formselect {
      width: auto;
      float: left;
      margin-right: 6px;
      padding: 2px 0; }
    .customer-service dl.fields dt {
      clear: both;
      float: left;
      width: 20.67039%;
      margin: 0;
      padding: 0 0 3px 0;
      font-weight: normal;
      font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      overflow: hidden; }
      .customer-service dl.fields dt label {
        font-weight: bold;
        font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
        padding-top: 4px;
        margin-bottom: 25px; }
    .customer-service dl.fields dd {
      float: right;
      width: 78.77095%;
      margin: 0;
      padding: 0 0 5px 0;
      position: relative; }
      .customer-service dl.fields dd .day-time-month {
        width: 100%; }
        .customer-service dl.fields dd .day-time-month label {
          display: inline;
          font-style: italic;
          font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
          margin: 0px 6px 0;
          font-weight: normal;
          font-size: 0.75em; }
    .customer-service dl.fields dt.full,
    .customer-service dl.fields dd.full {
      clear: left;
      float: none;
      width: auto;
      margin: 0; }
    .customer-service dl.fields span.counter {
      font-size: 0.875em;
      line-height: 1.167em;
      position: absolute;
      top: -1.71429em;
      right: 30%; }
    .customer-service dl.fields span.help {
      position: absolute;
      left: 265px;
      width: 345px;
      line-height: 1.1em;
      font-size: 0.75em;
      font-style: italic;
      font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
    .customer-service dl.fields span.labelhelp {
      line-height: inherit;
      font-size: 0.75em;
      font-style: italic;
      float: left;
      margin-top: -0.6em; }
      .customer-service dl.fields span.labelhelp a {
        color: black;
        font-weight: normal;
        font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
    .customer-service dl.fields span.error {
      clear: both;
      display: block;
      width: 14.5em;
      margin-top: -0.25em;
      padding: 0.16667em 1.08333em 0;
      color: #14143c;
      background: #f4f4f4;
      font-size: 0.75em;
      font-style: italic;
      font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
    .customer-service dl.fields .mobile {
      display: none; }

.ie7 .customer-service fieldset input.formradio {
  margin-top: 0; }

.ie7 .customer-service fieldset label {
  width: 500px; }

.ie7 .customer-service .step dl.fields dt label {
  width: auto;
  padding-bottom: 25px; }

.ie7 .customer-service .step dl.fields dd {
  width: 500px; }

.ie7 .customer-service .step dl.fields span.error {
  margin-top: 0; }

.accordion {
  margin-bottom: 1.875em;
  padding-top: 0.625em; }
  .accordion h3 {
    border-top: 1px solid #14143c;
    margin: 0; }
    .accordion h3 a {
      display: block;
      padding: 0.19231em 0; }
  .accordion div {
    padding: 0.3125em 0 0.625em 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: height .3s ease, padding .3s ease, opacity .7s ease;
    -moz-transition: height .3s ease, padding .3s ease, opacity .7s ease;
    -ms-transition: height .3s ease, padding .3s ease, opacity .7s ease;
    -o-transition: height .3s ease, padding .3s ease, opacity .7s ease;
    transition: height .3s ease, padding .3s ease, opacity .7s ease; }
    .accordion div.accordion-closed {
      height: 0 !important;
      padding: 0 !important;
      opacity: 0 !important; }
  .accordion ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .accordion ul li {
      padding: 0.4375em 0; }
  .accordion a {
    color: #14143c;
    outline: 0; }
  .accordion .icon.icon-arrow {
    margin-top: 0;
    margin-left: 1.25em;
    height: 1.5em;
    background-position: -362px 50%; }
  .accordion .open .icon.icon-arrow {
    background-position: -349px 50%; }

.station .accordion a {
  color: #f4f4f4; }

.station .accordion h3 {
  border-top-color: #f4f4f4; }

.station .accordion .icon.icon-arrow {
  background-position: -53px 50%; }

.station .accordion .open .icon.icon-arrow {
  background-position: -40px 50%; }

.customer-service .accordion {
  padding-top: 0; }
  .customer-service .accordion h3 {
    font-size: 26px;
    margin: 0; }
    .customer-service .accordion h3 a {
      padding: 0.46154em 0; }
  .customer-service .accordion div {
    padding: 0 0 1.5625em 1.875em; }
  .customer-service .accordion .icon.icon-arrow {
    height: 0.92308em; }

.list {
  border-top: 1px solid #f4f4f4;
  padding-top: 0.1875em; }
  .list h3 {
    font-size: 1.5em;
    font-weight: 700;
    margin: 0 0 0.3125em; }
  .list h4 {
    font-size: 1em;
    margin: 0; }
  .list p.date {
    font-size: 0.9375em;
    line-height: 1.27273em;
    padding-top: 0.27273em;
    margin: 0; }
  .list p.short-text {
    font-size: 0.9375em; }
  .list p.all strong {
    text-transform: lowercase; }
  .list p.all .closed {
    display: none; }
  .list p.all .open {
    display: inline; }
  .list p.all.closed .closed {
    display: inline; }
  .list p.all.closed .open {
    display: none; }
  .list .hide {
    position: relative;
    overflow: hidden;
    -webkit-transition: height .3s ease, opacity .7s ease;
    -moz-transition: height .3s ease, opacity .7s ease;
    -ms-transition: height .3s ease, opacity .7s ease;
    -o-transition: height .3s ease, opacity .7s ease;
    transition: height .3s ease, opacity .7s ease; }
    .list .hide.closed {
      height: 0;
      opacity: 0; }

.flickr {
  border-top: 1px solid #f4f4f4;
  padding-top: 0.1875em; }
  .flickr h3 {
    margin-bottom: 0.75em;
    text-transform: uppercase; }
  .flickr div {
    float: left;
    position: relative;
    width: 47.33333%;
    padding-bottom: 31.24%;
    margin: 0 0 1.5em;
    overflow: hidden; }
    .flickr div.odd {
      margin-right: 5.33333%; }
    .flickr div img {
      position: absolute;
      width: 100%; }
  .flickr a {
    float: left;
    margin-top: -0.9375em; }

.social-ribbon {
  width: 100%;
  height: auto;
  margin: 0;
  padding-bottom: 110px; }
  @media screen and (max-width: 598px) {
    .social-ribbon {
      overflow: hidden; } }
  .social-ribbon * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .social-ribbon:after {
    content: "";
    clear: both;
    display: table; }
  .social-ribbon.boxed-band, .social-ribbon.boxed-band:before, .social-ribbon.boxed-band:after {
    background-color: transparent; }
  .social-ribbon--header {
    width: 100%;
    margin-top: -110px;
    padding: 3% 20% 0;
    text-align: center;
    color: white; }
    .social-ribbon--header h2 {
      position: relative;
      margin: 0 0 -35px;
      padding-bottom: 85px;
      color: #e03550;
      font-size: 2em;
      font-family: "Metro Light", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
      @media screen and (max-width: 767px) {
        .social-ribbon--header h2 {
          margin-top: 0;
          margin-bottom: -25px;
          padding-bottom: 65px;
          font-size: 1.6em; } }
      .social-ribbon--header h2:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        z-index: 4;
        margin-left: -35px;
        width: 70px;
        height: 70px;
        line-height: 70px;
        background-color: #e03550;
        background-image: url("/v3-html/gfx/icon/spot--arrow.png?1.3");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
        @media screen and (max-width: 767px) {
          .social-ribbon--header h2:after {
            margin-left: -25px;
            width: 50px;
            height: 50px;
            line-height: 50px;
            background-size: 60%; } }
    .social-ribbon--header p {
      position: relative;
      margin: 0 0 -35px;
      padding-bottom: 85px;
      line-height: 1.2;
      color: #e03550; }
      @media screen and (max-width: 767px) {
        .social-ribbon--header p {
          margin-top: 0;
          margin-bottom: -25px;
          padding-bottom: 65px; } }
      .social-ribbon--header p:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        z-index: 4;
        margin-left: -35px;
        width: 70px;
        height: 70px;
        line-height: 70px;
        background-color: #e03550;
        background-image: url("/v3-html/gfx/icon/spot--arrow.png?1.3");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
        @media screen and (max-width: 767px) {
          .social-ribbon--header p:after {
            margin-left: -25px;
            width: 50px;
            height: 50px;
            line-height: 50px;
            background-size: 60%; } }
  .social-ribbon--items-wrapper {
    position: relative;
    height: 320px; }
    .social-ribbon--items-wrapper.hover .social-ribbon--prev,
    .social-ribbon--items-wrapper.hover .social-ribbon--next {
      opacity: 1; }
      .social-ribbon--items-wrapper.hover .social-ribbon--prev:hover,
      .social-ribbon--items-wrapper.hover .social-ribbon--next:hover {
        color: white;
        background-color: rgba(224, 53, 80, 0.9); }
  .social-ribbon--prev, .social-ribbon--next {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e03550;
    cursor: pointer;
    transition: opacity 0.3s ease;
    font-size: 1.3em;
    color: #e0e0e0;
    text-align: center;
    opacity: 0; }
    @media screen and (max-width: 984px) {
      .social-ribbon--prev, .social-ribbon--next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: -20px; } }
  .social-ribbon--prev {
    left: 0; }
    .social-ribbon--prev:after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-image: url("/v3-html/gfx/icon/slider--arrow-prev.gif?1.3");
      background-repeat: no-repeat;
      background-position: center; }
  .social-ribbon--next {
    right: 0; }
    .social-ribbon--next:after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-image: url("/v3-html/gfx/icon/slider--arrow-next.gif?1.3");
      background-repeat: no-repeat;
      background-position: center; }
  .social-ribbon--items {
    position: absolute;
    top: 0;
    left: -100%;
    bottom: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    transition: all 0.7s ease-out; }
    .social-ribbon--items:after {
      content: "";
      clear: both;
      display: table; }
  .social-ribbon--item {
    float: left;
    position: relative;
    width: 320px;
    height: 320px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden; }
    .social-ribbon--item.hover .social-ribbon--link {
      opacity: 1; }
  .social-ribbon--image {
    margin: 0 auto;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  .social-ribbon--date, .social-ribbon--link, .social-ribbon--tag {
    position: absolute;
    padding: 2px 4px;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 0.9em;
    color: white; }
  .social-ribbon--date {
    top: 10px;
    left: 10px; }
  .social-ribbon--link {
    left: 10px;
    bottom: 10px;
    font-family: "Metro Light", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    opacity: 0;
    transition: opacity 0.5s ease-out; }
  .social-ribbon--tag {
    display: none; }
  @media screen and (max-width: 984px) {
    .social-ribbon--items-wrapper {
      height: 206px; }
    .social-ribbon--item {
      width: 206px; } }

.frontpage .social-ribbon {
  padding-bottom: 0; }
  .frontpage .social-ribbon--header {
    margin-top: 0; }

.touch .social-ribbon--prev, .touch .social-ribbon--next {
  opacity: 1;
  background-color: rgba(224, 53, 80, 0.9); }

html.crisis,
.crisis body {
  overflow-x: inherit;
  overflow-y: inherit; }

.crisis #container {
  position: static;
  width: auto;
  min-height: auto;
  overflow-x: inherit;
  overflow-y: inherit !important; }
  .crisis #container .main {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -ms-transform: inherit;
    -o-transform: inherit;
    transform: inherit;
    width: 100%;
    position: static; }

.crisis ::-moz-selection {
  background: #131339;
  color: #f4f4f4; }

.crisis ::selection {
  background: #131339;
  color: #f4f4f4; }

.crisis article {
  margin-bottom: 1.5em; }
  .crisis article a {
    color: #131339;
    text-decoration: underline; }
    .crisis article a:hover, .crisis article a:active {
      text-decoration: none; }
  .crisis article.grid-third-one section {
    margin-bottom: 1.0625em; }
  .crisis article p.date {
    margin: 0; }

dl.phone {
  margin: 0;
  font-weight: bold;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  dl.phone dt {
    font-size: 0.875em;
    line-height: 1.57143em; }
  dl.phone dd {
    font-size: 1.875em;
    line-height: 1em;
    margin: 0 0 1.26667em 0; }

.alert {
  border: 0.3125em solid #bebdae;
  padding: 0.625em 0.9375em 0.9375em;
  background-color: #fff;
  margin: 0 0 1.25em; }
  .alert h1 {
    font-size: 2.625em;
    line-height: 1.21429em;
    margin: 0 0 0.14286em; }
  .alert p {
    margin: 0; }

.crisis header {
  padding-top: 0;
  margin-bottom: 1.563em;
  position: relative;
  clear: both; }
  .crisis header nav ul {
    display: block; }
    .crisis header nav ul.mobile {
      display: none; }

.crisis .logo {
  width: 71px;
  height: 50px;
  margin-top: 0; }

.crisis .grid-two section.wrapper + .wrapper {
  margin-top: 0; }

.cookie-disclaimer {
  position: relative;
  text-align: center !important;
  padding: 10px 0; }
  .cookie-disclaimer > p {
    margin: 0; }
  .cookie-disclaimer .dismiss-disclaimer {
    margin: 0;
    padding: 0;
    color: #333;
    text-decoration: underline; }

.gdpr-disclaimer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99;
  transform: translate(-50%, -50%);
  padding: 40px 40px 100px;
  width: 70%;
  background-color: white; }
  @media screen and (min-width: 768px) {
    .gdpr-disclaimer {
      width: auto;
      padding: 60px 60px 120px; } }
  .gdpr-disclaimer--visible {
    display: block !important; }
  .gdpr-disclaimer__title {
    font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  .gdpr-disclaimer__dismiss {
    position: absolute;
    right: 40px;
    bottom: 40px;
    padding: 8px 12px;
    font-size: 18px;
    color: white;
    background-color: #e03550;
    font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
    @media screen and (min-width: 768px) {
      .gdpr-disclaimer__dismiss {
        right: 60px;
        bottom: 60px; } }
  .gdpr-disclaimer__overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
    .gdpr-disclaimer__overlay--visible {
      display: block !important; }

.constructionsite-timeline-home {
  margin-bottom: 110px; }

.constructionsite-timeline {
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: auto; }
  .constructionsite-timeline.stay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    padding: 0;
    background-color: #f2f2ee; }
  .constructionsite-timeline .items {
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 599px) {
      .constructionsite-timeline .items > div {
        padding: 1em 2em; } }
    .constructionsite-timeline .items > a {
      text-decoration: none; }
    .constructionsite-timeline .items ul {
      margin: 0;
      padding: 0;
      font-size: 0;
      display: flex;
      align-items: center;
      flex-direction: row;
      width: 100%; }
    .constructionsite-timeline .items li {
      display: inline-block;
      flex-grow: 1;
      margin: .25em;
      vertical-align: top;
      font-size: 16px; }
      @media (min-width: 599px) {
        .constructionsite-timeline .items li {
          margin: 0 0.5em; } }
      @media (min-width: 599px) {
        .constructionsite-timeline .items li + li {
          margin-left: 0.5em; } }
    .constructionsite-timeline .items .timeline-item {
      cursor: pointer;
      background-color: #14143c;
      color: #fff;
      display: block;
      padding: .5em;
      text-align: center; }
      @media (min-width: 599px) {
        .constructionsite-timeline .items .timeline-item.youtube {
          position: relative;
          background-image: url(/v3-html/gfx/icon/youtube.svg);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 50%; }
          .constructionsite-timeline .items .timeline-item.youtube:after {
            display: block;
            content: attr(data-text);
            position: absolute;
            top: 50px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            color: #14143c; } }
      .constructionsite-timeline .items .timeline-item:hover, .constructionsite-timeline .items .timeline-item:focus {
        background-color: #e03550; }
      @media (min-width: 599px) {
        .constructionsite-timeline .items .timeline-item {
          border-radius: 50%;
          padding: 0;
          width: 70px;
          height: 70px;
          line-height: 70px; } }
    .constructionsite-timeline .items .timeline-divider {
      display: none; }
      @media (min-width: 599px) {
        .constructionsite-timeline .items .timeline-divider {
          padding: 7px;
          display: block;
          width: 100%; }
          .constructionsite-timeline .items .timeline-divider:last-child {
            display: none; }
          .constructionsite-timeline .items .timeline-divider .timeline-divider-border {
            border: 2px solid #14143c;
            display: block; } }

.constructionsite-timeline-page-link {
  position: relative;
  padding-top: 60px;
  text-align: center; }
  .constructionsite-timeline-page-link.boxed-band, .constructionsite-timeline-page-link.boxed-band:before, .constructionsite-timeline-page-link.boxed-band:after {
    background-color: #fff; }
  .constructionsite-timeline-page-link .spot--text h3 {
    margin-bottom: 0.2em; }
  .constructionsite-timeline-page-link .spot--text p.manchet {
    margin-bottom: 0.2em; }
  .constructionsite-timeline-page-link .constructionsite-timeline-home {
    margin-bottom: 65px;
    margin-top: 30px; }
    @media (min-width: 599px) {
      .constructionsite-timeline-page-link .constructionsite-timeline-home .constructionsite-timeline {
        overflow: visible; } }
  .constructionsite-timeline-page-link .spot--timeline_video {
    position: relative;
    max-width: 500px;
    margin: 20px auto;
    background-size: cover; }
    .constructionsite-timeline-page-link .spot--timeline_video:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 56.25%; }
    .constructionsite-timeline-page-link .spot--timeline_video:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -19px;
      left: 50%;
      margin-left: -27px;
      width: 54px;
      height: 38px;
      background-size: cover;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABMCAYAAACIylL7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAABmxJREFUeF7t3W9MVlUcB3BNs3Kt1h/XC9eL6kWCAg6E8h/YMLKFm4v+GNZCfYHQnDoNVzjLYbZG8SLCVqSrHGgWtnDWbK1CK/sHi5oF8n+9IMcqiIqA6PT9Xs6Nx+tPAkSec+9zfu7zgnvuOffhfr3Avc997pk0XjUrahZNgytgJsyCRFgC6XAfZEEObIZ8KIBCeB5eglehHN6Cd+Bd+AA+huPwBXwF30At/KDVQ9P/OAXu+t8Cx/gaOOYnUAXc1ntQCRWwH16Dl6EYnoWdsA22QC6shvthOdwGSRAN18OVcAlM1rtpYgsbZiCLYRO8CIeBO7AZfoG/4B9QloP7gvvkV2iBGuB/Qv4HyINUmK537/gVBo2BV6ATpBdmjd0fwJ8qt4Le42MsDHA17IW/QdqYNX54NB6CmXr3j67QMQHaQBrcunA6IFXHMLJChxT4TQ9gTbxeyNBxDF9Y8Wawv6vCj3+sLNCxyIUVLoLPdAcr/BrgUh3P2YVGnitJHa3w2aTjObPQMBl4Iil1ssLnR7hYxzRUWMirElIHK/xW6JiGCguLPCtZ5jigYxosLKDGkBUss3TBNB2XE9hNIY2WmZJ1XE5gD3saLfPk67icwEo8jZZ53tZxOYF95Gm0zHNKx+UExjf4pJUsc/wOUxnWVP2FtJJllhkM7BrPQstcsQyM9x9IjZZ5bmdgvElGajTK7DmzVXxCvNgWQR5kYPd6FhppXuI8dfr0abVjxw4VFxcnrhMBNjIw3nYmNRqFgQ0MDChWU1OT2rxls5oTM0dcN8B2MjDeHyg1GiU0MFZfX5+qrq5WuY/kqujZ0WKfANrNwHhzpNRoFG9gbnV1damqqiq1Zu0aFRUdJfYNkP0MjDc1So1GOVdgLB5t7e3t6uj7R1Xmqkyxf0AcYWAHPAuNNFxgbvFoa2trU5WHK1XGPRniOD53nIHxdmup0SgjCYzlHm0tLS3q4JsHVfrydHE8n6phYB96FhpppIG55R5tDG7fvn0qLS1NHNdn6hmYL25rG21gLPdoa21tdU4FSktLVcqSFHF8n2hjYL64U2osgbnlHm0MrqGhQRUXF6uFixaK2zFcOwPj56SkRqOcT2Cs0KON6urqVGFhoUq6JUncnqE6IiYwtzo7O/872ujkyZOqYGeBX65TRl5gLO/RRrW1tSp/W76Km2v0dcrIDMyt0N9tLl7u4nXKmNgY8XWEWWQHxpKONjpx4oTKyc0RX0sY2cDcCj3ampubB8/d7jDu3M0GFlq9vb2qoqLC5KsjNjC3+CNw5QMrxW0bxAZWU1OjslZnids0UOQGxvOv7HXZKirKV++hRV5gjY2NasPGDX59lzpyAuNfgHlb85y7r6TxfcIJLNAXf3mOtf2J7aaeCI+Wc/E3kG+vdHR0qF1P7zL9UtNotTKwQL2ByYu7RUVFQb3p1HkDMxC3CHR3d6uS3SUqMSlR7B8Qzi0CfCag1GiUcwXW09Oj9uzdo+YvmC/2C5hjDMyXt7nxMlJZWZlKTkkW1w8o5zY3PhFUajSKG1h/f79zvS91aaq4XsCVM7DHPQuNlDAvwbnfcNmdy8T2CFHCwHzxYQjLUcDAfPFxI8vhfNzIFx/osxyrGBj/SY2WeZyPzPJBzPbR5f4Qw8CmgH3sgz9c6z5YxT7JzXyDD1bRgfniAnCEq3fCYuELzisirWSZ45COywnsIU+jZZ7HdFxOYDd4Gi3zLNJxOYERp2uSVrTCjxM/nPlkbSzwxVX7CFWuYxoqLIz3rGSZI13HNFRYSJytTupghU8rDJ5/eQsNd4esaJlhvY7n7EIjp/PgXJBSR2vicb7OoefVS4UV+Az7n3UHK3z+hEQdy/CFFTkfIychlQayLrweuEvHMbJCBz5a9ns9gDVx2mGxjmF0hY6XwZPAuT+kwa3xMwCcbfa6wb1/HoVBroL1cAz6QNqgNTa8isGZfOeC3uPjWBj0cuDk29nwDLwBnHybE5N1g51CeAj3Bd/H+gn4F9+nwBnYOTM8D4CFMPxfgReysHHOoTkdZsCNEAvzYSlw6nd3evt1sAG2wnZ4Ctwp7jkD+x54HfgsR36DnGr+CHDqeU47wiP9c/gS+Pm20GnuvVPau9z274B9qoEXCrgTOZ47rT0/a8D5lLltTmtfCi/Ac8DXydf7KHCHr4VMWAFpsAD4PfN75z7gvpiid8841KRJ/wIcsey9MCgPGwAAAABJRU5ErkJggg==); }
    .constructionsite-timeline-page-link .spot--timeline_video:hover:after {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABMCAYAAACIylL7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAABwhJREFUeF7t3GlsVFUYBuCDIi4xGreA1O6dmXbaYQ2oCAriGjUuRDSiETVRISGCu2BcAH8gagKKpnWJ5UcBFVQIGhMDFGwVGcqU0m2WtkPpIqNSbEHaQj/fM5yh9HLAAlP6TTlv8iSdc+899/a8PenMnxHRSp3LIQ2ASyAO0mEUjIe7YTJMhWnwAsyBebAQFkM2fAl58A18Dz/Az7ABNsFm2AIeKIZypRIC/8MLkfO3g5zDDXLOXyAf5L1+hNWwEpZBLuTAh/AezIfX4UWYDk/AQ3APTIDR4IR4uBTOh35qmc5sdmU5BsC4XS7HLPgE1sAWqIK/4QB0ABlhci3kmuyBaiiCHyAHXsZaToSL1PJGL5jUBZ9BE5ARVfsgD64DteKnmNos++W1WY4v4CCQ0aM6YBXEqeU/uaCskRAETGacQSGYqGroXnZm2m+Cf4CMXtEKk1QdJw5OdECTutDoPQdgjKpFn2Cm/RwoBDJY8MEFqp5jE3TaJ1suMHrfLFVP19Q47f3ADWSwUgvnqZo6g8FRR51k8HKfqqkz1U77B0AGS8tVTYdTnWGT/EAGS3thgKpLiKoMWyqQwdqNqq5wYY9bDhr8zFF1CRHIsC0BMlj7VtWFwtJt64EM1ryqLiH86bYAkMFaC/SXZfVXL3QnGbxcJXyOtCuAjJgwRBbmtAwafN0qvI608UDc+ZwO8g8fqj12FnlUFvagZZAl/8hh1PZHI9W99Sb5XJnac84CM0WlPW0aEHe+EcOIDh0imWa/n2qen0VeZ7r23D5svixsjmWQpaMLk2lva6PQVjdVTXuWKtPt2mv6oI9FhT3tPSDuvJbCItm3dy/V5+dT4ImpVOGwaa/tQ5aJCltaDhB33uH6wmTkbvuroYHqfvqJ/A8/pL2+j1grym2py4G4q8Q7xOMVFkkLdtsfwSDtWv09+e6/VztPjNskC1tjGWSpO4XJRHZbY3U11X61grx33qGdL0YVibK01HVA3FV0s7BIIrtNFrdzaS5VTpygnTfGVMrCCi2DLFUMO7nCZI7stpoaagwEKJidTRVjb9DOHyOCojQt1Q3E3akUFsmR3SaL8/moZtEiKr92tPY+zDXIwjyWQZbKT6MwmS67DRoqKqh6wQIqGzFcez+mQmJHaqoHiLuyoadXWCQtTU2du00WV1pKVW+/TaUul/a+zMjCUlBYCl7wVjZ0SFQKk7HuNqne46HAq69SqTNDe38mQqIEhQFxF83CIunyvy1SnNtN/pkzaUe6Q/scvQyFpaCwFLxgrrQHCpPR7TaprrCQvE8/rX2WXhQS21EYEHelQ3qmsEi67LaqKgrm5lLZhAnaZ+lFsVPYjh4uTKa9tZV2ff01ld1+u/YZGAiJYhQGxF1PF9ZcUEC+SZO092YEhSWjsGS8YG6Hq2cK2+feSoEpU7T3ZCgkPCgMiLuSKBe2v6SEqp58ijz4y9XdjylZWDIKS8YL3krwwTYahf3r9VLN9OnkwQdR3X2YC4ltSckeIO62Z51eYQfw7i8463kUlaadP0aEC3NbBlk61cLa6utp5+zZ5LHZtfPGmAZRlJRcCMRd8UkW1rZ7N9XOnUvbHOna+WJUjSxsnWWQpe4W1r5nD9UteJc8zkztPDGuUmxNTF4DxJ0n88SFHWxupvpFi8njGqq9vo8okoUtswyydLzCDu3fT43ZOVQ8fKT2uj5mo3AnJuUAcbfNUlhHayvtzl1KxaOv1Z7fR60V7oSkhUDcbcvMChfW0d5OoRVf0fYxY7Xn9XF5YktC0mwg7orwJuLPb7+jkvE3a4+fJZbIwqZZBg2+5onf45MeBDJiwkxZ2HjLoMHXFLE5PikDyIgJt8rCLoeOowYNvlzit2sSz4UWIIO9K8NfrIIf/JYDBj9yU/UPF/brNYnrgAzWKsNlyfwal/ghkMHaKlWXEIVxiY8BGay9puoKF5ZsOWjwM1bVFS5MFMQleoEMlpqg6zdrFwxOXAhksJSnaurML4MTRgAZLN2tauoMBqXNR51k8FADhz9/WbNpcMIDm65OIIORwQkzVD3HBif0g/wuFxi9qRw6v69el41XJ6TCX0BGr9oPo1QtJw5OvA7+VhcaZ96/cJeqo3vJH5TghDIg44xqgHGqhpMLLrwwf1D8W7AXMJnRgw5BHtZ8oFr+U8+GQfGXwQzYCG1ARtQ0wRcwDNSKRzGY9GIYB89sGBi/AFbAFqiFZjgIZITJtWiBRiiHAlgJi0FugBvgxO8CezLrB8afAxfBVZACQ+B6uAXugckwFZ6F5+AVeAPegYWwGD6Bz2EpLIeVsBrWws+wHjbCb/A7eKAYypXAcUSOl4C8ZitshgKQ88m5f4Q1sArkvXPhU/gI3gf5nPJ5X4IZ8BQ8AvfBbTAG5O8sf3e5BnItzlXLE4UI8R86m8y4ltOs9gAAAABJRU5ErkJggg==); }

.constructionsite-timeline-page-link + .newsletter-widget {
  margin-top: -110px; }

.youtubeoverlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: all .3s;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer; }
  .youtubeoverlay--active {
    opacity: 1; }
  .youtubeoverlay:before {
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    content: "";
    position: absolute;
    right: 50px;
    top: 40px;
    width: 70px;
    height: 70px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIyNC41MTIgMjI0LjUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjI0LjUxMiAyMjQuNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBvbHlnb24gcG9pbnRzPSIyMjQuNTA3LDYuOTk3IDIxNy41MjEsMCAxMTIuMjU2LDEwNS4yNTggNi45OTgsMCAwLjAwNSw2Ljk5NyAxMDUuMjYzLDExMi4yNTQgICAgMC4wMDUsMjE3LjUxMiA2Ljk5OCwyMjQuNTEyIDExMi4yNTYsMTE5LjI0IDIxNy41MjEsMjI0LjUxMiAyMjQuNTA3LDIxNy41MTIgMTE5LjI0OSwxMTIuMjU0ICAiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center; }
  .youtubeoverlay__container {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .youtubeoverlay__container:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 56.25%; }
  .youtubeoverlay__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 0; }

.grid.error-404 {
  padding: 0;
  text-align: left; }
  .grid.error-404 article {
    position: absolute;
    top: 50%;
    margin: 0 auto;
    padding: 0;
    z-index: 99;
    text-align: center;
    width: 100%;
    max-width: inherit; }
    .grid.error-404 article a {
      font-weight: normal;
      font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  .grid.error-404 nav {
    float: right;
    right: 50%;
    position: relative; }
    .grid.error-404 nav ul {
      float: left;
      position: relative;
      left: 50%; }
      .grid.error-404 nav ul li {
        margin: 0 0 1.6875em 1.875em; }
        .grid.error-404 nav ul li:first-child {
          margin-left: 0; }
      .grid.error-404 nav ul a {
        padding: 0.625em 1em 0.4375em 1em;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      .grid.error-404 nav ul span {
        font-size: 19px; }
  .grid.error-404 .logo-left,
  .grid.error-404 .logo-right {
    position: absolute;
    background: url("/v3-html/gfx/background/bg-error-404-logo.png?1.3") no-repeat;
    top: 50%;
    width: 388px;
    height: 278px; }
  .grid.error-404 .logo-left {
    left: -125px; }
  .grid.error-404 .logo-right {
    right: -263px; }
  .grid.error-404 h1 {
    font-size: 4.5em;
    font-style: italic;
    font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    margin: 0 0 0.51389em; }
  .grid.error-404 p {
    clear: both; }
  .grid.error-404 section p {
    font-size: 18px;
    margin: 0 0 2.61111em; }
  .grid.error-404 footer {
    font-style: italic;
    font-family: "Metro Italic", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.125em; }
    .grid.error-404 footer a {
      color: #14143c;
      text-decoration: underline; }
      .grid.error-404 footer a:hover {
        text-decoration: none; }

html,
body {
  overflow-x: hidden;
  overflow-y: hidden;
  height: 100%; }

body {
  -webkit-font-smooting: antialiased;
  font: normal 1em/1.5em Metro Regular, Calibri, Arial, Helvetica, Geneva, sans-serif;
  color: #14143c;
  background: #f2f2ee;
  /*
	background-image: -ms-radial-gradient(center, circle farthest-corner, #ffffff 25%, #e5e5df 70%);
	background-image: -moz-radial-gradient(center, circle farthest-corner, #ffffff 25%, #e5e5df 70%);
	background-image: -o-radial-gradient(center, circle farthest-corner, #ffffff 25%, #e5e5df 70%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 500, color-stop(0, #ffffff), color-stop(1, #e5e5df));
	background-image: -webkit-radial-gradient(center, circle farthest-corner, #ffffff 25%, #e5e5df 70%);
	background-image: radial-gradient(center, circle farthest-corner, #ffffff 25%, #e5e5df 70%);
	 */ }

.ie9 body {
  background: url("/v3-html/gfx/svg/ie9-body-bg.svg?1.3"); }

#container {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch; }
  #container .main {
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    transition: transform 0.5s ease;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    height: 100%; }

.loading {
  min-height: 150px;
  margin: 0 0 40px;
  background: url("/v3-html/gfx/background/bg-loading.gif?1.3") no-repeat 50% 50%; }
  .loading .loaded-content {
    visibility: hidden; }

.station .loading {
  background-image: url("/v3-html/gfx/background/bg-loading-station.gif?1.3"); }

.grid {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }
  .grid.station .station--header {
    padding-top: 2em;
    /*2.5974025974026%;*/ }
  .grid.station section {
    margin-bottom: 2.5em; }

@media (min-width: 599px) {
  .grid.frontpage,
  .grid.article,
  .grid.station,
  .grid.customer-service-wrapper {
    min-height: 100% !important;
    margin-bottom: -217px; }
    .grid.frontpage:after,
    .grid.article:after,
    .grid.station:after,
    .grid.customer-service-wrapper:after {
      content: "";
      display: block;
      height: 217px; }
  .widgets-footer {
    clear: both;
    height: 217px;
    background: #14143c; } }
  @media (min-width: 599px) and (max-width: 767px) {
    .widgets-footer .box h3 {
      font-size: 1.5em; } }

.scale {
  width: 100% !important;
  max-width: 1170px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1em;
  padding-right: 1em;
  margin-left: auto;
  margin-right: auto;
  text-align: left; }

article {
  position: relative; }

iframe {
  display: none; }

#content_frame_container > iframe {
  display: block;
  border: 0; }

html.iframe {
  overflow: auto;
  height: auto; }
  html.iframe body {
    background: transparent none;
    overflow: auto;
    height: auto; }
  html.iframe #container {
    position: static;
    top: 0;
    left: 0;
    width: auto;
    min-height: auto;
    text-align: center;
    overflow: visible !important;
    text-align: left; }
  html.iframe .grid article {
    text-align: left;
    margin-bottom: 0; }

/* Fallback for old IE */
.oldie .widgets-footer {
  clear: both;
  height: 217px;
  background: #14143c; }

.oldie .scale {
  width: 1170px !important; }

.oldie .grid {
  padding: 0; }

.oldie .grid-two section.wrapper {
  float: left;
  width: 48.7012987012987%; }
  .oldie .grid-two section.wrapper:first-child {
    margin-right: 2.5974025974026%; }

.oldie .grid-third-one section.wrapper {
  float: left;
  width: 22.94372%; }
  .oldie .grid-third-one section.wrapper:first-child {
    width: 74.45887%;
    margin-right: 2.5974%; }

.oldie .grid-three > div {
  float: left;
  height: 100%;
  width: 31.49351%;
  margin-left: 2.70563%;
  position: relative; }
  .oldie .grid-three > div:first-child {
    margin-left: 0; }
  .oldie .grid-three > div.col-two {
    width: 65.69264%; }

.oldie .widgets .grid-three {
  height: 100%; }

.oldie ul.paging li span {
  padding: 0 0.5em; }

.oldie .article--content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 6%;
  padding-left: 20px;
  padding-right: 3%; }

@media screen and (min-width: 240px) and (max-width: 320px) {
  body {
    font-size: 12.5px; } }

@media screen and (min-width: 599px) and (max-width: 767px) {
  body {
    font-size: 13px; }
  .scale {
    width: 70%; }
  .grid-three > div {
    float: left;
    height: 100%;
    width: 31.49351%;
    margin-left: 2.70563%;
    position: relative; }
    .grid-three > div:first-child {
      margin-left: 0; }
    .grid-three > div.col-two {
      width: 65.69264%; }
  .scale.campaign {
    width: 90%; }
  .widgets .grid-three {
    height: 100%; }
  .crisis .scale {
    width: 90%; } }

@media screen and (min-width: 599px) and (max-width: 768px) {
  .frontpage .widgets .scale,
  .frontpage .footer-campaign .scale {
    width: 95%; }
  .article--content {
    padding-top: 3%; } }

@media screen and (min-width: 768px) {
  body {
    font-size: 14.5px; }
  .scale {
    width: 66%; }
  .grid-two section.wrapper {
    width: auto;
    float: none;
    margin-left: 0;
    margin-right: 0; }
  .article .scale {
    padding-left: 0;
    padding-right: 0; }
  .article--content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6%;
    padding-left: 20px;
    padding-right: 6%; }
  .grid.station .article--content {
    padding: 0; }
  .grid {
    padding: 0; }
  .scale.campaign {
    width: 90%; }
  .frontpage .widgets .wrapper > div {
    float: left;
    width: 48.7012987012987%; }
    .frontpage .widgets .wrapper > div:first-child {
      margin-right: 2.5974025974026%; }
  .grid-third-one section.wrapper {
    float: left;
    width: 33.76623%; }
    .grid-third-one section.wrapper:first-child {
      width: 63.63636%;
      margin-right: 2.5974%; }
  .grid-three > div {
    float: left;
    height: 100%;
    width: 31.49351%;
    margin-left: 2.70563%;
    position: relative; }
    .grid-three > div:first-child {
      margin-left: 0; }
    .grid-three > div.col-two {
      width: 65.69264%; }
  .widgets .grid-three {
    height: 100%; }
  .crisis .scale {
    width: 90%; }
  ul.paging li span {
    padding: 0 0.5em; } }

@media screen and (min-width: 768px) and (max-width: 984px) {
  .frontpage .widgets .scale,
  .frontpage .footer-campaign .scale {
    width: 95%; } }

@media screen and (min-width: 984px) {
  body {
    font-size: 15px; }
  .scale.article-header {
    padding-bottom: 60px; }
  .scale,
  .scale.campaign,
  .crisis .scale {
    width: 73%; }
  .grid-two section.wrapper {
    float: left;
    width: 48.7012987012987%; }
    .grid-two section.wrapper:first-child {
      margin-right: 2.5974025974026%; }
  .grid-two section.wrapper + .wrapper {
    margin-top: 30px; }
    .grid-two section.wrapper + .wrapper .construction-site-image,
    .grid-two section.wrapper + .wrapper .gallery {
      margin-top: -30px; }
  .article--content {
    padding-right: 3%; }
  .grid-three > div {
    float: left;
    height: 100%;
    width: 31.49351%;
    margin-left: 2.70563%;
    position: relative; }
    .grid-three > div:first-child {
      margin-left: 0; }
    .grid-three > div.col-two {
      width: 65.69264%; }
  .grid-third-one section.wrapper {
    float: left;
    width: 25.10823%; }
    .grid-third-one section.wrapper:first-child {
      width: 72.29437%;
      margin-right: 2.5974%; }
  .widgets .grid-three {
    height: 100%; }
  ul.paging li span {
    padding: 0 0.8125em; } }

@media screen and (min-width: 1200px) {
  body {
    font-size: 16px; }
  .scale,
  .scale.campaign {
    width: 75%; }
  .grid-third-one section.wrapper {
    float: left;
    width: 22.94372%; }
    .grid-third-one section.wrapper:first-child {
      width: 74.45887%;
      margin-right: 2.5974%; } }

@media screen and (min-width: 1392px) {
  .scale,
  .scale.campaign {
    width: 70%; } }

@media screen and (min-width: 1680px) {
  body {
    font-size: 17px; }
  .scale,
  .scale.campaign {
    width: 65%; } }

@media screen and (min-width: 1872px) {
  body {
    font-size: 17px; }
  .scale,
  .scale.campaign {
    width: 65%;
    max-width: 1250px; } }

@media screen and (min-width: 2080px) {
  body {
    font-size: 18px;
    max-width: 160em; }
  .scale,
  .scale.campaign {
    width: 55%; } }

/* Plugins */
/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1002; }

.fancybox-outer {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f4f4f4;
  color: #14143c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  text-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fancybox-opened {
  z-index: 1003; }

.fancybox-opened .fancybox-outer {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);;
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);; }

.fancybox-inner {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
  overflow: hidden; }

.fancybox-error {
  color: #444;
  font: normal 14px/17px Metro Regular, Calibri, Arial, Helvetica, Geneva, sans-serif;
  margin: 0;
  padding: 10px; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

.fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/v3-html/gfx/icon/icon-sprite.png?1.3"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -26px;
  margin-left: -26px;
  background: #fff;
  cursor: pointer;
  z-index: 1010;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 0 0 10px rgba(255,255,255,0.75);
  -webkit-box-shadow: 0 0 10px rgba(255,255,255,0.75);
  -moz-box-shadow: 0 0 10px rgba(255,255,255,0.75); }

#fancybox-loading div {
  width: 52px;
  height: 52px;
  background: url("/v3-html/gfx/background/bg-loading.gif?1.3") center center no-repeat; }

.fancybox-close {
  position: absolute;
  background-position: -531px 50%;
  top: -26px;
  right: -23px;
  width: 43px;
  height: 50px;
  cursor: pointer;
  z-index: 1004; }
  .fancybox-close:hover {
    background-position: -574px 50%; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url("/v3-html/gfx/background/bg-blank.gif?1.3");
  /* helps IE */
  z-index: 1003; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 50px;
  margin-top: -25px;
  cursor: pointer;
  z-index: 1003; }

.fancybox-prev span {
  left: 17px;
  background-position: -617px 50%; }

.fancybox-prev:hover span {
  background-position: -664px 50%; }

.fancybox-next span {
  right: 17px;
  background-position: -712px 50%; }

.fancybox-next:hover span {
  background-position: -760px 50%; }

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden; }

/* Overlay helper */
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 1001;
  background: #000; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 14px/17px Metro Regular, Calibri, Arial, Helvetica, Geneva, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 1005; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 1003;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  margin-top: 20px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Icon Fonts
*********************************/
/* Font-face Icons */
/*@font-face {
	font-family: 'flexslider-icon';
	src:image-url('../fonts/flexslider-icon.eot');
	src:image-url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		image-url('../fonts/flexslider-icon.woff') format('woff'),
		image-url('../fonts/flexslider-icon.ttf') format('truetype'),
		image-url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
  color: red; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0;
  position: relative;
  zoom: 1; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1;
  margin-top: 1.875em; }

.flexslider.slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px; }

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

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

.flex-direction-nav a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e03550; }
  @media screen and (max-width: 984px) {
    .flex-direction-nav a {
      width: 40px;
      height: 40px;
      line-height: 40px;
      margin-top: -20px; } }

.flex-direction-nav a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/v3-html/gfx/icon/slider--arrow-prev.gif?1.3");
  background-repeat: no-repeat;
  background-position: center; }

.flex-direction-nav a.flex-next:before {
  background-image: url("/v3-html/gfx/icon/slider--arrow-next.gif?1.3");
  background-repeat: no-repeat;
  background-position: center; }

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 6px;
  z-index: 10;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  border-radius: 5px;
  text-indent: -9999px;
  background-color: #fefefe;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  position: relative; }

/*.flex-control-paging li a:hover:after { background: #333; background: rgba(0,0,0,0.7); }*/
.flex-control-paging li a.flex-active:after {
  cursor: default;
  left: 3px;
  top: 3px;
  content: "";
  position: absolute;
  background: #ea3e54;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }

.flexslider {
  margin: 0;
  padding: 0;
  color: red; }
  .flexslider .spot--row {
    clear: none; }
  .flexslider .spot--image-full,
  .flexslider .spot--intro-title {
    display: none;
    -webkit-backface-visibility: hidden;
    /* Hide the slides before the JS is loaded. Avoids image jumping */ }
  .flexslider img {
    width: 100%;
    display: block; }

/* Mobile */
@media (max-width: 598px) {
  /* Settings */
  /*html,
body
{
	overflow-x: inherit;
	overflow-y: inherit;
	height: auto;
}
#container
{
	position: static;
	width: auto;
	min-height: auto;
	overflow-x: inherit;
	overflow-y: inherit !important;

	.main
	{
		-webkit-transition: inherit;
		-moz-transition: inherit;
		-ms-transition: inherit;
		-o-transition: inherit;
		transition: inherit;

		-webkit-transform: inherit;
		-moz-transform: inherit;
		-ms-transform: inherit;
		-o-transform: inherit;
		transform: inherit;

		width: 100%;
		position: static;
	}
}*/
  body {
    background: #f6f6f4 !important;
    font: normal 0.95em/1.45em Metro Regular, Calibri, Arial, Helvetica, Geneva, sans-serif; }
  body.standard {
    background: #f2f2ee !important;
    background-image: -ms-radial-gradient(center, circle farthest-corner, #ffffff 25%, #e5e5df 70%);
    background-image: -moz-radial-gradient(center, circle farthest-corner, #ffffff 25%, #e5e5df 70%);
    background-image: -o-radial-gradient(center, circle farthest-corner, #ffffff 25%, #e5e5df 70%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 500, color-stop(0, #ffffff), color-stop(1, #e5e5df));
    background-image: -webkit-radial-gradient(center, circle farthest-corner, #ffffff 25%, #e5e5df 70%);
    background-image: radial-gradient(center, circle farthest-corner, #ffffff 25%, #e5e5df 70%); }
  .widgets {
    overflow: inherit;
    position: inherit;
    width: auto;
    font-size: 1.15385em;
    height: auto !important;
    background: none transparent; }
    .widgets .box {
      display: none;
      /*&.Menu,
		&.Video,
		&.Message
		{
			display: none;
		}
		&.Slider
		{
			background-color: $blue;
		}*/ }
    .widgets .splitter {
      display: none; }
  .frontpage article {
    display: block;
    padding: 0.8125em 12px; }
  .frontpage .map {
    position: inherit;
    width: auto;
    padding: 0 12px;
    font-size: 1.15385em; }
    .frontpage .map .train-info {
      position: inherit;
      margin: 0;
      max-width: 100%;
      min-width: 100%; }
    .frontpage .map p.info {
      display: none; }
    .frontpage .map .info-header {
      margin: 0;
      background-color: #f2f2f2;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
      box-shadow: 1px 0 0 transparent;
      -webkit-box-shadow: 1px 0 0 transparent;
      -moz-box-shadow: 1px 0 0 transparent;
      background: none transparent; }
      .frontpage .map .info-header .icon.icon-arrow {
        margin-top: 0.15385em; }
      .frontpage .map .info-header a,
      .frontpage .map .info-header span.plain-text {
        padding: 0.4375em 0 0.4375em 0;
        font-size: 1.125em; }
      .frontpage .map .info-header.even {
        background-color: #f2f2f2;
        margin: 0 -0.75em;
        padding: 0 0.75em; }
    .frontpage .map .focus-box {
      color: red;
      background: none transparent;
      box-shadow: 1px 0 0 transparent;
      -webkit-box-shadow: 1px 0 0 transparent;
      -moz-box-shadow: 1px 0 0 transparent;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    .frontpage .map p.warning span,
    .frontpage .map p.info-box span {
      background: none transparent;
      padding: 0.625em 0.75em; }
    .frontpage .map p.warning.even,
    .frontpage .map p.info-box.even {
      background-color: #f2f2f2;
      margin: 0 -0.75em;
      padding: 0 0.75em; }
  .frontpage .shortcuts {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #1d193e;
    font-size: 11px;
    display: table;
    width: 100%; }
    .frontpage .shortcuts li {
      width: 33.333333%;
      display: table-cell;
      vertical-align: middle; }
    .frontpage .shortcuts strong {
      display: block; }
    .frontpage .shortcuts a {
      color: #1d193e;
      border-left: 1px solid #d8d8d8;
      padding: 8px 12px;
      line-height: 13px;
      margin: 0 0 0 -1px;
      text-align: center;
      display: block; }
  .frontpage .flexslider .slides {
    margin-top: 0; }
  ul.service,
  ul.service-top,
  .spot,
  .frontpage .map .scale,
  .frontpage .footer-campaign {
    display: none !important; }
  .crisis nav ul.mobile > li > a,
  .crisis .frontpage nav ul.mobile > li > a,
  .crisis .station nav ul.mobile > li > a {
    background: #bebdae; }
    .crisis nav ul.mobile > li > a:hover,
    .crisis .frontpage nav ul.mobile > li > a:hover,
    .crisis .station nav ul.mobile > li > a:hover {
      background: #a6a598 !important; }
  .navigation {
    display: none !important; }
    .navigation.top {
      display: none !important; }
      .navigation.top span span {
        padding: 3px 2.46em; }
  .mobile-station-list {
    font-size: 0.93333em;
    line-height: 1.73333em; }
    .mobile-station-list ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    .mobile-station-list li {
      float: left;
      width: 50%;
      padding: 0 15px 0 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
      .mobile-station-list li.first {
        text-transform: uppercase;
        font-weight: bold;
        font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
        width: 100%; }
      .mobile-station-list li.first, .mobile-station-list li.right {
        padding: 0; }
    .mobile-station-list a {
      color: #1d193e;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      overflow: hidden; }
      .mobile-station-list a:hover {
        color: #E03550;
        text-decoration: none; }
      .mobile-station-list a:before {
        content: "\203A";
        padding-right: 7px; }
  .grid {
    padding: 0;
    overflow: inherit; }
    .grid article {
      padding: 1.25em 12px;
      background-color: #f4f4f4;
      text-shadow: none;
      margin-bottom: 0; }
    .grid.station .station--header {
      display: none; }
    .grid.station article {
      background-color: transparent; }
  div.formselect {
    display: block;
    margin: 0 0 15px;
    padding: 3px;
    background-color: #d2d2d2;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#fff));*/
    /*background-image: -webkit-linear-gradient(top, #d2d2d2, #fff);*/
    /*background-image:    -moz-linear-gradient(top, #d2d2d2, #fff);*/
    /*background-image:     -ms-linear-gradient(top, #d2d2d2, #fff);*/
    /*background-image:      -o-linear-gradient(top, #d2d2d2, #fff);*/
    /*background-image:         linear-gradient(to bottom, #d2d2d2, #fff);*/
    text-shadow: none; }
    div.formselect .stations-header {
      margin: 0; }
      div.formselect .stations-header a {
        background-color: #fff;
        /*background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d7d7d7));*/
        /*background-image: -webkit-linear-gradient(top, #fff, #d7d7d7);*/
        /*background-image:    -moz-linear-gradient(top, #fff, #d7d7d7);*/
        /*background-image:     -ms-linear-gradient(top, #fff, #d7d7d7);*/
        /*background-image:      -o-linear-gradient(top, #fff, #d7d7d7);*/
        /*background-image:         linear-gradient(to bottom, #fff, #d7d7d7);*/
        display: block;
        color: #14143c; }
        div.formselect .stations-header a:hover {
          text-decoration: none;
          background-color: #d7d7d7;
          /*background-image: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#fff));*/
          /*background-image: -webkit-linear-gradient(top, #d7d7d7, #fff);*/
          /*background-image:    -moz-linear-gradient(top, #d7d7d7, #fff);*/
          /*background-image:     -ms-linear-gradient(top, #d7d7d7, #fff);*/
          /*background-image:      -o-linear-gradient(top, #d7d7d7, #fff);*/
          /*background-image:         linear-gradient(to bottom, #d7d7d7, #fff);*/ }
        div.formselect .stations-header a span {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -o-box-sizing: border-box;
          box-sizing: border-box;
          overflow: hidden;
          white-space: nowrap;
          display: block;
          width: 100%;
          padding: 8px 10px;
          font-size: 20px;
          font-weight: bold;
          font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
          line-height: 26px;
          text-overflow: ellipsis;
          text-transform: uppercase;
          background: transparent url("/v3-html/gfx/background/bg-formselect.png?1.3") center right no-repeat; }
    div.formselect div.stations-wrapper {
      overflow: hidden;
      margin: 0 -3px;
      padding: 0 3px; }
      div.formselect div.stations-wrapper.activate-animation {
        -webkit-transition: height .35s ease;
        -moz-transition: height .35s ease;
        -ms-transition: height .35s ease;
        -o-transition: height .35s ease;
        transition: height .35s ease; }
      div.formselect div.stations-wrapper.accordion-closed {
        height: 0 !important; }
    div.formselect ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    div.formselect li a {
      color: #14143c;
      text-decoration: none;
      display: block; }
      div.formselect li a:hover {
        color: #eb3755; }
    div.formselect li span {
      display: block;
      padding: 5px 10px; }
    div.formselect li.links {
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      font-size: 20px;
      line-height: 25px;
      padding: 3px 0; }
      div.formselect li.links a {
        position: relative; }
        div.formselect li.links a span {
          padding-right: 30px; }
          div.formselect li.links a span:after {
            content: '';
            width: 11px;
            height: 16px;
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -8px;
            background: url("/v3-html/gfx/icon/icon-sprite.png?1.3") no-repeat -1099px 50%; }
    div.formselect li.spacer-title {
      text-transform: uppercase;
      font-weight: bold;
      color: #14143c;
      margin: 0 -3px;
      padding: 0 3px;
      line-height: 18px;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      background: url("/v3-html/gfx/pattern/pattern-noise-header.png?1.3") repeat; }
    div.formselect li.stations a {
      font-weight: normal;
      line-height: 20px;
      padding: 3px 0;
      font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
  p.date {
    margin-top: 0; }
  p.header {
    font-size: 9px; }
  .station p.toggle {
    text-transform: inherit;
    margin-right: -12px;
    margin-left: -12px; }
    .station p.toggle a {
      text-shadow: none;
      padding-right: 12px;
      padding-left: 12px;
      font-weight: bold;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      font-size: 1.81818em; }
  dl.departures {
    margin-right: -12px;
    margin-left: -12px;
    /*dt.even,
	dd.even
	{
		background-color: rgba(245,245,245,0.6);
		background: image-url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDUwNTA1IiBzdG9wLW9wYWNpdHk9IjAuMTUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(5,5,5,0.15) 1%, rgba(244,244,244,0) 50%, rgba(0,0,0,0.15) 100%), image-url('/pattern/pattern-noise.png') repeat;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(1%,rgba(5,5,5,0.15)), color-stop(50%,rgba(244,244,244,0)), color-stop(100%,rgba(0,0,0,0.15))), image-url('/pattern/pattern-noise.png') repeat;
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(5,5,5,0.15) 1%,rgba(244,244,244,0) 50%,rgba(0,0,0,0.15) 100%), image-url('/pattern/pattern-noise.png') repeat;
		background: -o-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(5,5,5,0.15) 1%,rgba(244,244,244,0) 50%,rgba(0,0,0,0.15) 100%), image-url('/pattern/pattern-noise.png') repeat;
		background: -ms-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(5,5,5,0.15) 1%,rgba(244,244,244,0) 50%,rgba(0,0,0,0.15) 100%), image-url('/pattern/pattern-noise.png') repeat;
		background: linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(5,5,5,0.15) 1%,rgba(244,244,244,0) 50%,rgba(0,0,0,0.15) 100%), image-url('/pattern/pattern-noise.png') repeat;
	}*/ }
    dl.departures dt {
      width: 18.24324%; }
    dl.departures dd.text {
      width: 44.25676%; }
    dl.departures dd.time {
      width: 37.5%; }
  /*.icon
{
	&.icon-bus { background-position: -402px 50%; width: 26px; }
	&.icon-train { background-position: -376px 50%; width: 26px; }
	&.icon-train-s { background-position: -323px 50%; width: 26px; }
	&.icon-arrow
	{
		background-position: -362px 50%;
		margin-top: 0;
	}
}
.open .icon
{
	&.icon-arrow
	{
		background-position: -349px 50%;
	}
}
.icons
{
	&.icon-m1,
	&.icon-m2,
	&.icon-train,
	&.icon-train-a,
	&.icon-train-b,
	&.icon-train-bx,
	&.icon-train-c,
	&.icon-train-e,
	&.icon-train-f,
	&.icon-train-h,
	&.icon-bus,
	&.icon-bus-a,
	&.icon-bus-e,
	&.icon-bus-n,
	&.icon-bus-s
	{
		left: px-em(12px, $font-size - 3);
	}
}
.m1m2 .icons
{
	&.icon-m1,
	&.icon-m2
	{
		left: px-em(18px, $font-size - 3);
	}
}*/
  .grid.error-404 {
    padding: 0 5%; }
    .grid.error-404 article {
      position: static;
      margin: 0;
      padding: 80px 0 0 0;
      text-align: center;
      background: transparent none; }
    .grid.error-404 nav {
      float: none;
      position: static; }
      .grid.error-404 nav ul {
        float: none;
        position: static;
        display: block;
        margin: 0 0 20px; }
        .grid.error-404 nav ul li {
          margin: 0 0 0.625em 0;
          width: 48.4375%; }
          .grid.error-404 nav ul li.odd {
            margin-right: 3.125%; }
        .grid.error-404 nav ul a {
          padding: 0.4375em 0.125em;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box; }
        .grid.error-404 nav ul span {
          font-size: inherit; }
    .grid.error-404 .logo-right {
      display: none; }
    .grid.error-404 .logo-left {
      margin: 0 0 0 -35px;
      background: url("/v3-html/gfx/logo.png?1.3") no-repeat 0 0;
      width: 71px;
      height: 50px;
      left: 50%;
      top: 10px;
      display: block; }
    .grid.error-404 h1 {
      font-size: 3.125em;
      margin: 0 0 0.4em; }
    .grid.error-404 section {
      margin-bottom: 1em; }
      .grid.error-404 section p {
        margin: 0 0 1.66667em; }
  .customer-service {
    font-size: 0.875em; }
    .customer-service .customer-service-item .left {
      width: auto;
      float: none;
      padding-left: 0; }
    .customer-service .customer-related {
      width: auto;
      float: none;
      padding-top: 2.14286em; }
    .customer-service h2 {
      font-size: 1.21429em;
      margin: 0 0 0.412em; }
    .customer-service h3 {
      font-size: 1.14286em;
      font-weight: bold;
      font-family: "Metro Bold", "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif;
      margin: 0 0 0.35714em; }
    .customer-service ul.flow {
      text-align: center;
      margin-left: -1.25em;
      margin-right: -1.25em;
      background: #fff; }
      .customer-service ul.flow li {
        display: none; }
        .customer-service ul.flow li.selected {
          display: block;
          float: none;
          padding: 0.35714em 0; }
    .customer-service .customer-accordion h3 {
      font-size: 1.21429em; }
    .customer-service .customer-accordion div a {
      font-weight: normal;
      font-family: "Metro Regular", Calibri, Arial, Helvetica, Geneva, sans-serif; }
    .customer-service dl.fields {
      padding-left: 0; }
      .customer-service dl.fields input.formfield,
      .customer-service dl.fields textarea.formarea {
        width: 100%; }
      .customer-service dl.fields dt {
        clear: both;
        float: none;
        width: auto; }
        .customer-service dl.fields dt label {
          padding: 0.71429em 0 0;
          margin-bottom: 0; }
      .customer-service dl.fields dd {
        float: none;
        width: auto; }
        .customer-service dl.fields dd .day-time-month label {
          font-size: inherit; }
      .customer-service dl.fields span.help {
        position: static;
        clear: both;
        width: auto;
        padding: 0.5em 0 0;
        line-height: 1.2em;
        display: block; }
    .customer-service p.must-filled {
      padding-left: 0; } }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /*header .logo
	{
		background-image: image-url('/logo@2x.png');
		background-size: 142px 50px;
	}*/
  .crisis header .logo {
    background-image: url("/v3-html/gfx/logo-blue@2x.png?1.3"); }
  .grid.error-404 .logo-left,
  .grid.error-404 .logo-right {
    background-image: url("/v3-html/gfx/background/bg-error-404-logo@2x.png?1.3");
    background-size: 388px 278px; }
  .icon,
  .boxes ul.fact span,
  .navigation em,
  .boxes ul.fact span,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url("/v3-html/gfx/icon/icon-sprite@2x.png?1.3");
    background-size: 1200px 50px; }
  ul.service > li,
  .station nav ul.clearfix > li.sub > a:hover span,
  .station nav ul.clearfix > li.sub > a.selected span {
    background-image: url("/v3-html/gfx/bullet/bullet-sprite@2x.png?1.3");
    background-size: 305px 15px; }
  .station ul.service li,
  .station nav ul.clearfix > li.sub span {
    background-image: url("/v3-html/gfx/bullet/bullet-sprite@2x.png?1.3");
    background-size: 305px 15px; }
  .loading,
  #fancybox-loading div {
    background-image: url("/v3-html/gfx/background/bg-loading@2x.gif?1.3");
    background-size: 32px 32px; }
  .station .loading {
    background-image: url("/v3-html/gfx/background/bg-loading-station@2x.gif?1.3");
    background-size: 32px 32px; }
  div.formselect .stations-header a span {
    background-image: url("/v3-html/gfx/background/bg-formselect@2x.png?1.3");
    background-size: 23px 23px; }
  .mobile-station-map .mobile-station-map-gfx {
    background-image: url("/v3-html/gfx/background/bg-metromap-new@2x.png?1.3");
    background-size: 97px 1000px; }
  /* Mobile */ }

@media only screen and (-moz-min-device-pixel-ratio: 1.5) and (max-width: 598px), only screen and (-o-min-device-pixel-ratio: 3 / 2) and (max-width: 598px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 598px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 598px) {
  .grid.error-404 .logo-left {
    background-image: url("/v3-html/gfx/logo@2x.png?1.3");
    background-size: 142px 50px; }
  header,
  .mobile-navigation ul a.mobile-nav-toggler span {
    background-size: 50px 50px; }
  /*header .logo
		{
			background-size: (50px * 2) 36px;
		}*/
  nav ul.mobile a em,
  .frontpage nav ul.mobile a em,
  .station nav ul.mobile a em,
  nav ul.mobile li.nav a span,
  .mobile-navigation ul li.top-link a:after,
  .mobile-navigation ul a.mobile-nav-toggler:after,
  div.formselect li.links a span:after {
    background-image: url("/v3-html/gfx/icon/icon-sprite@2x.png?1.3");
    background-size: 1200px 50px; } }

/* =============================================================================
	 Print styles.
	 Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
	 ========================================================================== */
@media print {
  * {
    background: none transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
    box-shadow: 0 0 0 transparent !important;
    -webkit-box-shadow: 0 0 0 transparent !important;
    -moz-box-shadow: 0 0 0 transparent !important; }
  /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited {
    color: #eb3755 !important;
    text-decoration: none; }
  article a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, article a[href^="javascript:"]:after, article a[href^="#"]:after, .mobile-station-map a:after {
    content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #14143c;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  /* Metro styles */
  nav, .navigation, .navigation.right, .navigation.left, .navigation.top, ul.service, ul.paging,
  .customer-service a.back {
    display: none !important; }
  html, body {
    overflow-x: inherit;
    overflow-y: inherit;
    height: auto; }
  #container {
    position: static;
    width: auto;
    min-height: auto;
    overflow-x: inherit;
    overflow-y: inherit !important; }
    #container .main {
      -webkit-transition: inherit;
      -moz-transition: inherit;
      -ms-transition: inherit;
      -o-transition: inherit;
      transition: inherit;
      -webkit-transform: inherit;
      -moz-transform: inherit;
      -ms-transform: inherit;
      -o-transform: inherit;
      transform: inherit;
      width: 100%;
      position: static; }
  article {
    margin: 0; }
  .grid, header {
    padding: 0; }
  header .logo {
    display: list-item;
    list-style-image: url("/v3-html/gfx/logo@2x.png?1.3");
    list-style-position: inside;
    height: 100px;
    width: 141px;
    text-indent: 0;
    margin: -25px 0 0 -35px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  .scale, .scale.campaign {
    width: auto !important;
    max-width: 100% !important; } }