/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

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

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

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

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

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-euro:before, .glyphicon-eur:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #c71712;
    text-decoration: none
}

a:hover, a:focus {
    color: #810f0c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Amasis', serif;
    font-weight: 300;
    line-height: 1.1;
    color: inherit
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #ccc
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 25px;
    margin-bottom: 12.5px
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 65%
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 12.5px;
    margin-bottom: 12.5px
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 75%
}

h1, .h1 {
    font-size: 46px
}

h2, .h2 {
    font-size: 38px
}

h3, .h3 {
    font-size: 31px
}

h4, .h4 {
    font-size: 23px
}

h5, .h5 {
    font-size: 18px
}

h6, .h6 {
    font-size: 16px
}

p {
    margin: 0 0 12.5px
}

.lead {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 27px
    }
}

small, .small {
    font-size: 88%
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #ccc
}

.text-primary {
    color: #c71712
}

a.text-primary:hover, a.text-primary:focus {
    color: #98120e
}

.text-success {
    color: #3c763d
}

a.text-success:hover, a.text-success:focus {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover, a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #c71712
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #98120e
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 11.5px;
    margin: 50px 0 25px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 12.5px
}

ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 25px
}

dt, dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width: 1025px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #ccc
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 12.5px 25px;
    margin: 0 0 25px;
    font-size: 22.5px;
    border-left: 5px solid #eee
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #ccc
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 25px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none
}

pre {
    display: block;
    padding: 12px;
    margin: 0 0 12.5px;
    font-size: 17px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 1025px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1290px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1025px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1400px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #ccc;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #dff0d8
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #d9edf7
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f2dede
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 18.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
    font-size: 27px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

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

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #6b717a
}

.form-control {
    display: block;
    width: 100%;
    height: 39px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #6b717a;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
        line-height: 39px
    }

    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 36px
    }

    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 53px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label, .checkbox label {
    min-height: 25px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px
}

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 43px
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 36px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 36px;
    line-height: 36px
}

textarea.input-sm, select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 36px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 36px;
    line-height: 36px
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 36px;
    min-height: 41px;
    padding: 6px 10px;
    font-size: 16px;
    line-height: 1.5
}

.input-lg {
    height: 53px;
    padding: 10px 16px;
    font-size: 23px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 53px;
    line-height: 53px
}

textarea.input-lg, select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 53px;
    padding: 10px 16px;
    font-size: 23px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 53px;
    line-height: 53px
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 53px;
    min-height: 48px;
    padding: 11px 16px;
    font-size: 23px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 48.75px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 39px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 53px;
    height: 53px;
    line-height: 53px
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 30px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label, .form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 32px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px;
        font-size: 23px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 16px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #c71712;
    border-color: #b01410
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #98120e;
    border-color: #3b0705
}

.btn-primary:hover {
    color: #fff;
    background-color: #98120e;
    border-color: #770e0b
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #98120e;
    border-color: #770e0b
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #770e0b;
    border-color: #3b0705
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #c71712;
    border-color: #b01410
}

.btn-primary .badge {
    color: #c71712;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #6b717a;
    border-color: #5f646c
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #53585f;
    border-color: #242628
}

.btn-info:hover {
    color: #fff;
    background-color: #53585f;
    border-color: #42464c
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #53585f;
    border-color: #42464c
}

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #42464c;
    border-color: #242628
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
    background-color: #6b717a;
    border-color: #5f646c
}

.btn-info .badge {
    color: #6b717a;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #c71712;
    font-weight: normal;
    border-radius: 0
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent
}

.btn-link:hover, .btn-link:focus {
    color: #810f0c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #ccc;
    text-decoration: none
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 23px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 18px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 11.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #c71712
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #ccc
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #ccc;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 1025px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left
}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical > .btn-group > .btn {
    float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified > .btn-group .btn {
    width: 100%
}

.btn-group-justified > .btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 53px;
    padding: 10px 16px;
    font-size: 23px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 53px;
    line-height: 53px
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 36px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 36px;
    line-height: 36px
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    color: #6b717a;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 23px;
    border-radius: 6px
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: 2
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #ccc
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #ccc;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border-color: #c71712
}

.nav .nav-divider {
    height: 1px;
    margin: 11.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #6b717a;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified > li {
    float: none
}

.nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #c71712
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified > li {
    float: none
}

.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 78px;
    margin-bottom: 25px;
    border: 1px solid transparent
}

@media (min-width: 1025px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width: 1025px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 1025px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 1025px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 1025px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 1025px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 26.5px 15px;
    font-size: 23px;
    line-height: 25px;
    height: 78px
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

@media (min-width: 1025px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 22px;
    margin-bottom: 22px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

.navbar-nav {
    margin: 13.25px -15px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 25px
}

@media (max-width: 1024px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 25px
    }

    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none
    }
}

@media (min-width: 1025px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 26.5px;
        padding-bottom: 26.5px
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 19.5px;
    margin-bottom: 19.5px
}

.navbar-form label {
    display: none
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label, .navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

.navbar-form .form-item {
    width: 90%;
    margin: 0 15px;
    float: left
}

.navbar-form .form-item input[type="search"] {
    display: block;
    width: 100%;
    height: 31px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #6b717a;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px
}

.navbar-form .form-item button {
    border: none;
    padding: 0;
    color: #6b717a;
    font-size: 1.1em;
    width: 31px;
    height: 31px
}

@media (max-width: 1024px) {
    .navbar-form .form-item {
        margin-bottom: 5px
    }

    .navbar-form .form-item:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 620px) {
    .navbar-form .form-item {
        width: 85%
    }
}

@media (max-width: 420px) {
    .navbar-form .form-item {
        width: 80%
    }
}

@media (min-width: 1025px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 19.5px;
    margin-bottom: 19.5px
}

.navbar-btn.btn-sm {
    margin-top: 21px;
    margin-bottom: 21px
}

.navbar-btn.btn-xs {
    margin-top: 28px;
    margin-bottom: 28px
}

.navbar-text {
    margin-top: 26.5px;
    margin-bottom: 26.5px
}

@media (min-width: 1025px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 1025px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #FFF;
    border-color: #eee
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #6b717a
}

.navbar-default .navbar-nav > li > a {
    color: #777
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #eee
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #eee
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #eee;
    color: #555
}

@media (max-width: 1024px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #eee
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #f2f2f2
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #f2f2f2
}

.navbar-inverse .navbar-nav > li > a {
    color: #f2f2f2
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #080808;
    color: #fff
}

@media (max-width: 1024px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #f2f2f2
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #f2f2f2
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #f2f2f2
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 25px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb > li {
    display: inline-block
}

.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb > .active {
    color: #ccc
}

@media screen and (max-width: 1024px) {
    .breadcrumb {
        padding-left: 15px !important
    }
}

@media screen and (max-width: 640px) {
    .breadcrumb {
        padding-top: 15px !important
    }
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 25px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #a7a6a6;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 3;
    color: #810f0c;
    background-color: #eee;
    border-color: #ddd
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #6b717a;
    background-color: transparent;
    border-color: #c71712;
    cursor: default
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #ccc;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 23px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 16px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 25px 0;
    list-style: none;
    text-align: center
}

.pager li {
    display: inline
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #eee
}

.pager .next > a, .pager .next > span {
    float: right
}

.pager .previous > a, .pager .previous > span {
    float: left
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    color: #ccc;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #ccc
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: #b3b3b3
}

.label-primary {
    background-color: #c71712
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #98120e
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #6b717a
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: #53585f
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #ccc;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #c71712;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron h1, .jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 27px;
    font-weight: 200
}

.jumbotron > hr {
    border-top-color: #d5d5d5
}

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding: 48px 0
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 81px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 25px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail > img, .thumbnail a > img {
    margin-left: auto;
    margin-right: auto
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #c71712
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 25px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 25px;
    margin-bottom: 25px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    background-color: #c71712;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #6b717a
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media, .media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: #eee;
    color: #ccc;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #ccc
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #c71712;
    border-color: #c71712
}

.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #f8afad
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover, a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover, a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover, a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover, a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 25px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 21px;
    color: inherit
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
    margin-bottom: 0
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 25px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #c71712
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #c71712;
    border-color: #c71712
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #c71712
}

.panel-primary > .panel-heading .badge {
    color: #c71712;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #c71712
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 27px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #49545c
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .96;
    filter: alpha(opacity=96)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 1025px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 16px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 18px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner > .item.next, .carousel-inner > .item.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1400px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1400px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1400px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1400px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 1025px) and (max-width: 1399px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1400px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

@font-face {
    font-family: 'Arial';
    font-weight: normal;
    font-style: italic;
    src: url('../fonts/2E535A_0_0.eot');
    src: url('../fonts/2E535A_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E535A_0_0.woff2') format('woff2'), url('../fonts/2E535A_0_0.woff') format('woff'), url('../fonts/2E535A_0_0.ttf') format('truetype')
}

@font-face {
    font-family: 'Arial';
    font-weight: bold;
    font-style: normal;
    src: url('../fonts/2E535A_1_0.eot');
    src: url('../fonts/2E535A_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E535A_1_0.woff2') format('woff2'), url('../fonts/2E535A_1_0.woff') format('woff'), url('../fonts/2E535A_1_0.ttf') format('truetype')
}

@font-face {
    font-family: 'Arial';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/2E535A_2_0.eot');
    src: url('../fonts/2E535A_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E535A_2_0.woff2') format('woff2'), url('../fonts/2E535A_2_0.woff') format('woff'), url('../fonts/2E535A_2_0.ttf') format('truetype')
}

@font-face {
    font-family: 'Amasis';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/2E535A_3_0.eot');
    src: url('../fonts/2E535A_3_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E535A_3_0.woff2') format('woff2'), url('../fonts/2E535A_3_0.woff') format('woff'), url('../fonts/2E535A_3_0.ttf') format('truetype')
}

@font-face {
    font-family: 'Amasis';
    font-weight: bold;
    font-style: normal;
    src: url('../fonts/2E535A_4_0.eot');
    src: url('../fonts/2E535A_4_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E535A_4_0.woff2') format('woff2'), url('../fonts/2E535A_4_0.woff') format('woff'), url('../fonts/2E535A_4_0.ttf') format('truetype')
}

@font-face {
    font-family: 'jenna_sueregular';
    src: url('../fonts/jennasue-webfont.eot');
    src: url('../fonts/jennasue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/jennasue-webfont.woff2') format('woff2'), url('../fonts/jennasue-webfont.woff') format('woff'), url('../fonts/jennasue-webfont.ttf') format('truetype'), url('../fonts/jennasue-webfont.svg#jenna_sueregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "abellio";
    src: url("../fonts/abellio.eot");
    src: url("../fonts/abellio.eot?#iefix") format("embedded-opentype"), url("../fonts/abellio.woff") format("woff"), url("../fonts/abellio.ttf") format("truetype"), url("../fonts/abellio.svg#abellio") format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: "abellio" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.custom-icon, [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-aktuelles:before {
    content: "\e000"
}

.icon-arrow-down-lg:before {
    content: "\e001"
}

.icon-arrow-down-md:before {
    content: "\e002"
}

.icon-arrow-down-sm:before {
    content: "\e003"
}

.icon-arrow-left-lg:before {
    content: "\e004"
}

.icon-arrow-left-md:before {
    content: "\e005"
}

.icon-arrow-left-sm:before {
    content: "\e006"
}

.icon-arrow-right-lg:before {
    content: "\e007"
}

.icon-arrow-right-md:before {
    content: "\e008"
}

.icon-arrow-right-sm:before {
    content: "\e009"
}

.icon-arrow-up-lg:before {
    content: "\e00a"
}

.icon-arrow-up-md:before {
    content: "\e00b"
}

.icon-arrow-up-sm:before {
    content: "\e00c"
}

.icon-close-empty:before {
    content: "\e00d"
}

.icon-close-filled:before {
    content: "\e00e"
}

.icon-download-empty:before {
    content: "\e00f"
}

.icon-download-filled:before {
    content: "\e010"
}

.icon-enlarge-empty:before {
    content: "\e011"
}

.icon-enlarge-filled:before {
    content: "\e012"
}

.icon-facebook-empty:before {
    content: "\e013"
}

.icon-facebook-filled:before {
    content: "\e014"
}

.icon-google-plus-empty:before {
    content: "\e015"
}

.icon-google-plus-filled:before {
    content: "\e016"
}

.icon-info-empty:before {
    content: "\e017"
}

.icon-info-filled:before {
    content: "\e018"
}

.icon-link:before {
    content: "\e019"
}

.icon-mail-empty:before {
    content: "\e01a"
}

.icon-mail-filled:before {
    content: "\e01b"
}

.icon-mail:before {
    content: "\e01c"
}

.icon-menu-filled:before {
    content: "\e01d"
}

.icon-minimize-empty:before {
    content: "\e01e"
}

.icon-minimize-filled:before {
    content: "\e01f"
}

.icon-pause-empty:before {
    content: "\e020"
}

.icon-pause-filled:before {
    content: "\e021"
}

.icon-pdf-empty:before {
    content: "\e022"
}

.icon-pdf-filled:before {
    content: "\e023"
}

.icon-phone:before {
    content: "\e024"
}

.icon-play-empty:before {
    content: "\e025"
}

.icon-play-filled:before {
    content: "\e026"
}

.icon-plus-empty:before {
    content: "\e027"
}

.icon-plus-filled:before {
    content: "\e028"
}

.icon-presse:before {
    content: "\e029"
}

.icon-print-empty:before {
    content: "\e02a"
}

.icon-print-filled:before {
    content: "\e02b"
}

.icon-region-empty:before {
    content: "\e02c"
}

.icon-region-filled:before {
    content: "\e02d"
}

.icon-reiseauskunft-filled:before {
    content: "\e02e"
}

.icon-rss:before {
    content: "\e02f"
}

.icon-search:before {
    content: "\e030"
}

.icon-servicecenter-filled:before {
    content: "\e031"
}

.icon-strecke-horiz:before {
    content: "\e032"
}

.icon-strecke-verti:before {
    content: "\e033"
}

.icon-twitter-empty:before {
    content: "\e034"
}

.icon-twitter-filled:before {
    content: "\e035"
}

.icon-verkehrsmeldungen-filled:before {
    content: "\e036"
}

.icon-volume-empty:before {
    content: "\e037"
}

.icon-volume-filled:before {
    content: "\e038"
}

.icon-map-plain:before {
    content: "\e039"
}

.icon-map-plain-filled:before {
    content: "\e03a"
}

.icon-pois:before {
    content: "\e03b"
}

.icon-umsteigemoeglichkeit-filled:before {
    content: "\e03c"
}

.icon-locator:before {
    content: "\e03d"
}

.icon-point:before {
    content: "\e03f"
}

.icon-sehenswuerdigkeit:before {
    content: "\e040"
}

.icon-servicecenter:before {
    content: "\e041"
}

.icon-empfehlung:before {
    content: "\e042"
}

.icon-cursor:before {
    content: "\e03e"
}

.icon-plus:before {
    content: "\e044"
}

.icon-minus:before {
    content: "\e043"
}

.icon-aktualisieren-empty:before {
    content: "\e045"
}

.icon-check:before {
    content: "\e046"
}

.icon-cursor-1:before {
    content: "\e047"
}

.icon-menu-mobil-minus:before {
    content: "\e049"
}

.icon-menu-mobil-plus:before {
    content: "\e04a"
}

.icon-menu-mobil-plus-small:before {
    content: "\e04b"
}

.icon-download-pdf-empty:before {
    content: "\e04c"
}

.icon-download-pdf-filled:before {
    content: "\e04d"
}

.icon-kalender:before {
    content: "\e04e"
}

.icon-nahe-strecken-filled:before {
    content: "\e04f"
}

.icon-nahe-strecken:before {
    content: "\e050"
}

.icon-strecke-bahnhof-up:before {
    content: "\e051"
}

.icon-strecke-bahnhof-down:before {
    content: "\e052"
}

.icon-rss-empty:before {
    content: "\e053"
}

.icon-regionalexpress-faehnchen {
    border-left: 20px solid #FFF;
    height: 30px;
    display: block;
    width: 1px
}

.icon-breadcrumb:before {
    content: "\e056"
}

.icon-aktualisieren-filled:before {
    content: "\e055"
}

.icon-rss-filled:before {
    content: "\e057"
}

.icon-arrow-right-filled:before {
    content: "\e058"
}

.icon-kompass-filled:before {
    content: "\e059"
}

.icon-kompass-empty:before {
    content: "\e05a"
}

.icon-abellio-logo:before {
    content: "\e05b"
}

.icon-map-filled:before {
    content: "\e048"
}

.icon-strecke-hin:before {
    content: "\e047"
}

.icon-strecke-wechseln:before {
    content: "\e05c"
}

.icon-hinweis-filled:before {
    content: "\e05d"
}

.icon-arrow-right-empty:before {
    content: "\e05e"
}

.icon-strecke-beide-rtg:before {
    content: "\e05f"
}

.icon-tauschen:before {
    content: "\e061"
}

.icon-uhr:before {
    content: "\e062"
}

.icon-aktualisieren:before {
    content: "\e063"
}

.icon-bahnhof:before {
    content: "\e064"
}

.icon-kalender-detailed:before {
    content: "\e065"
}

.icon-bus:before {
    content: "\e060"
}

.icon-train:before {
    content: "\e066"
}

.icon-ticket:before {
    content: "\e067"
}

.icon-ticket-fernverkehr:before {
    content: "\e068"
}

.icon-einzahlung-befoerderungsendgeld:before {
    content: "\e069"
}

.icon-stoerungsmeldung:before {
    content: "\e06a"
}

.icon-home:before {
    content: "\e06b"
}

.icon-baustellenkalender:before {
    content: "\e06c"
}

.icon-upload:before {
    content: "\e06d"
}

.icon-herz:before {
    content: "\e06e"
}

.icon-warning:before {
    content: "\e06f"
}

.icon-road-sign:before {
    content: "\e070"
}

.icon-neu:before {
    content: "\e071"
}

.icon-map-center-empty:before {
    content: "\e072"
}

.icon-baustelle:before {
    content: "\e073"
}

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

.icon-arrow-right-c:before {
    content: "\e075"
}

.icon-bed:before {
    content: "\e076"
}

.icon-reformation:before {
    content: "\e077"
}

.icon-icons-11:before {
    content: "\e078"
}

.icon-clock:before {
    content: "\e079"
}

.icon-tag:before {
    content: "\e07a"
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    position: relative;
    z-index: 9
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.calendar-item {
    width: 100%
}

@media screen and (min-width: 768px) {
    .calendar-item {
        width: 300px;
        margin-right: 30px
    }
}

p + .calendar-item {
    margin-left: 0
}

.date-nav-wrapper .date-nav {
    padding: 0;
    margin: 0;
    height: auto
}

.date-nav-wrapper .date-nav .date-heading h3 {
    font-size: 24px;
    font-family: 'Amasis', serif;
    font-weight: normal;
    margin: 0 0 16px
}

.date-nav-wrapper .date-nav .date-heading h3, .date-nav-wrapper .date-nav .date-heading h3 a {
    color: #FFF
}

.date-nav-wrapper .date-nav .pager {
    display: none
}

.calendar-calendar .month-view .mini td {
    text-align: center;
    color: #555;
    background: #FFF;
    padding: 0
}

.calendar-calendar .month-view .mini td .calendar-empty {
    display: none
}

.main-content .calendar-container .calendar-item table > tbody > tr {
    background: #ebebeb
}

.main-content .calendar-container .calendar-item table > tbody > tr:last-child {
    background-color: transparent
}

.calendar-calendar:before, .calendar-calendar:after {
    content: " ";
    display: table
}

.calendar-calendar:after {
    clear: both
}

.calendar-calendar:before, .calendar-calendar:after {
    content: " ";
    display: table
}

.calendar-calendar:after {
    clear: both
}

.calendar-calendar th.days, .calendar-calendar td {
    background: #dedede;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase
}

.calendar-calendar th.days {
    border: 1px solid
}

.calendar-calendar th.days.saturday, .calendar-calendar th.days.sunday {
    background: #c7c7c7
}

.calendar-calendar .month {
    padding: 8px
}

.calendar-calendar .month.mini-day-on {
    color: #FFF;
    background: #c71712;
    padding: 0
}

.calendar-calendar .month.mini-day-on a {
    display: block;
    padding: 8px;
    color: inherit;
    text-decoration: none
}

.calendar-calendar table.mini td.mini {
    border: 1px solid
}

.calendar-calendar table.mini td.mini.empty {
    background: transparent
}

.calendar-calendar table.mini td.mini.today {
    background: #eee
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-abellio.mCustomScrollBox.mCSB_horizontal .mCSB_container {
    height: 100%
}

.mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar, .mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    margin: 1px auto;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45)
}

.mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-image: -webkit-linear-gradient(top, #858585 0, #959595 100%);
    background-image: -o-linear-gradient(top, #858585 0, #959595 100%);
    background-image: linear-gradient(to bottom, #858585 0, #959595 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff858585', endColorstr='#ff959595', GradientType=0);
    margin: 0
}

.mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger_bar, .mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger_bar, .mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    border-radius: 5px
}

.mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: 99%;
    left: 1px;
    right: 1px
}

.mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background: #FFF url('../img/bg-route-scrollbar-dragger-horizontal.gif') no-repeat center center;
    height: 9px
}

.mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 11px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.58)
}

.mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
    background: #FFF url('../img/bg-route-scrollbar-dragger-vertical.gif') no-repeat center center;
    width: 12px
}

.mCS-abellio .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 16px;
    box-shadow: inset 1px 0 4px rgba(0, 0, 0, 0.58)
}

.progressjs-inner {
    width: 0
}

.progressjs-progress {
    z-index: 9999999
}

.progressjs-theme-blue .progressjs-inner {
    height: 2px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: #c71712
}

.progressjs-theme-blue.progressjs-end {
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    opacity: 0
}

.progressjs-theme-blue .progressjs-percent {
    display: none
}

.progressjs-theme-blueOverlay {
    background-color: white;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.progressjs-theme-blueOverlay .progressjs-inner {
    height: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: #3498db
}

.progressjs-theme-blueOverlay.progressjs-end {
    opacity: 0 !important
}

.progressjs-theme-blueOverlay .progressjs-percent {
    display: none
}

.progressjs-theme-blueOverlay {
    background-color: white;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.progressjs-theme-blueOverlay .progressjs-inner {
    height: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: #3498db
}

.progressjs-theme-blueOverlay.progressjs-end {
    opacity: 0 !important
}

.progressjs-theme-blueOverlay .progressjs-percent {
    display: none
}

.progressjs-theme-blueOverlayRadius {
    background-color: white;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border-radius: 5px
}

.progressjs-theme-blueOverlayRadius .progressjs-inner {
    height: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: #3498db;
    border-radius: 5px
}

.progressjs-theme-blueOverlayRadius.progressjs-end {
    opacity: 0 !important
}

.progressjs-theme-blueOverlayRadius .progressjs-percent {
    display: none
}

.progressjs-theme-blueOverlayRadiusHalfOpacity {
    background-color: white;
    opacity: .5;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border-radius: 5px
}

.progressjs-theme-blueOverlayRadiusHalfOpacity .progressjs-inner {
    height: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: #3498db;
    border-radius: 5px
}

.progressjs-theme-blueOverlayRadiusHalfOpacity.progressjs-end {
    opacity: 0 !important
}

.progressjs-theme-blueOverlayRadiusHalfOpacity .progressjs-percent {
    display: none
}

.progressjs-theme-blueOverlayRadiusWithPercentBar {
    background-color: white;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border-radius: 5px
}

.progressjs-theme-blueOverlayRadiusWithPercentBar .progressjs-inner {
    height: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: #3498db;
    border-radius: 5px
}

.progressjs-theme-blueOverlayRadiusWithPercentBar.progressjs-end {
    opacity: 0 !important
}

.progressjs-theme-blueOverlayRadiusWithPercentBar .progressjs-percent {
    width: 70px;
    text-align: center;
    height: 40px;
    position: absolute;
    right: 50%;
    margin-right: -35px;
    top: 50%;
    margin-top: -20px;
    font-size: 30px;
    opacity: .5
}

.progressjs-theme-blackRadiusInputs {
    height: 10px;
    border-radius: 10px;
    overflow: hidden
}

.progressjs-theme-blackRadiusInputs .progressjs-inner {
    height: 2px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    background-color: #34495e
}

.progressjs-theme-blackRadiusInputs.progressjs-end {
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    opacity: 0
}

.progressjs-theme-blackRadiusInputs .progressjs-percent {
    display: none
}

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */
.ekko-lightbox-container {
    position: relative
}

.ekko-lightbox-nav-overlay {
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 51px;
    background: #e3e3e3
}

.ekko-lightbox-nav-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    left: -25.5px;
    width: 51px;
    height: 51px;
    -webkit-transform: skewX(45deg) skewY(0deg);
    -ms-transform: skewX(45deg) skewY(0deg);
    -o-transform: skewX(45deg) skewY(0deg);
    transform: skewX(45deg) skewY(0deg);
    background: inherit
}

.ekko-lightbox-nav-overlay a {
    height: 100%;
    z-index: 100;
    margin: 6px 6px 0;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 25px;
    font-size: 1.5em;
    color: #FFF
}

.ekko-lightbox-nav-overlay a:hover, .ekko-lightbox-nav-overlay a:focus, .ekko-lightbox-nav-overlay a:active {
    text-decoration: none
}

.ekko-lightbox-nav-overlay a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ekko-lightbox-nav-overlay a.control-item-left:before {
    content: "\e006"
}

.ekko-lightbox-nav-overlay a.control-item-right:before {
    content: "\e009"
}

.ekko-lightbox button.close {
    position: absolute;
    top: -50px;
    right: -50px;
    right: 0;
    font-size: 34px;
    color: #FFF;
    content: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    opacity: 1
}

.ekko-lightbox button.close:before {
    content: "\e00d"
}

.ekko-lightbox button.close:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ekko-lightbox .modal-content {
    border-radius: 0
}

.ekko-lightbox .modal-dialog {
    margin-top: 100px
}

.ekko-lightbox .modal-header {
    padding: 0;
    min-height: 0;
    border-bottom: none
}

.ekko-lightbox .modal-header .modal-title {
    display: none
}

.ekko-lightbox .modal-footer, .ekko-lightbox .modal-body {
    padding: 19px
}

.ekko-lightbox .modal-footer {
    border-top: none;
    text-align: left;
    padding-top: 0;
    color: #6b717a;
    font-size: 16px
}

.sod_select, .sod_select * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sod_select {
    display: inline-block;
    position: relative;
    line-height: 1;
    width: 200px;
    padding: 15px 10px;
    border: 3px solid #5e5e5e;
    background: #ffffff;
    color: #444444;
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    outline: 0;
    outline-offset: -2px;
    cursor: default
}

.sod_select:before, .sod_select:after {
    content: "\25B2";
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 7px
}

.sod_select:after {
    content: "\25BC";
    top: auto;
    bottom: 12px
}

.sod_select:hover, .sod_select.open, .sod_select.focus {
    border-color: #000000
}

.sod_select.open {
    color: #919191
}

.sod_select.disabled {
    border-color: #828282;
    color: #b2b2b2;
    cursor: not-allowed
}

.sod_select .sod_label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 15px
}

.sod_select .sod_list_wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    height: auto;
    width: 200px;
    margin: 0 0 0 -3px;
    background: #ffffff;
    border: 3px solid #000000;
    border-top: none;
    color: #444444;
    font-weight: 300;
    z-index: 2
}

.sod_select.open .sod_list_wrapper {
    display: block
}

.sod_select.disabled.open .sod_list_wrapper {
    display: none
}

.sod_select.above .sod_list_wrapper {
    top: auto;
    bottom: 100%;
    border-top: 3px solid #000000;
    border-bottom: none
}

.sod_select .sod_list {
    display: block;
    overflow-y: auto;
    padding: 0;
    margin: 0
}

.sod_select .sod_option {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding: 10px 10px;
    list-style-type: none
}

.sod_select .sod_option.optgroup, .sod_select .sod_option.optgroup.disabled {
    background: inherit;
    color: #939393;
    font-size: 10px;
    font-style: italic
}

.sod_select .sod_option.groupchild {
    padding-left: 20px
}

.sod_select .sod_option.is-placeholder {
    display: none
}

.sod_select .sod_option.disabled {
    background: inherit;
    color: #cccccc
}

.sod_select .sod_option.active {
    background: #f7f7f7;
    color: #333333
}

.sod_select .sod_option.selected {
    font-weight: 700;
    padding-right: 25px
}

.sod_select .sod_option.selected:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: #808080;
    height: 9px;
    width: 10px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.sod_select.no_highlight .sod_option.selected {
    font-weight: 300
}

.sod_select.no_highlight .sod_option.selected:before {
    display: none
}

.sod_select select {
    display: none !important
}

.sod_select.touch select {
    -webkit-appearance: menulist-button;
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1
}

.mejs-offscreen {
    position: absolute !important;
    top: -10000px;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px
}

.mejs-container {
    position: relative;
    background: #ced0d5;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: left;
    vertical-align: top;
    text-indent: 0
}

.me-plugin {
    position: absolute
}

.mejs-embed, .mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}

.mejs-fullscreen {
    overflow: hidden !important
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000
}

.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {
    width: 100%;
    height: 100%
}

.mejs-clear {
    clear: both
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

:root .mejs-poster img {
    display: none
}

.mejs-poster img {
    padding: 0;
    border: 0
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(../img/mediaelement/bigplay.svg) no-repeat
}

.no-svg .mejs-overlay-button {
    background-image: url(../img/mediaelement/bigplay.png)
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url(../img/mediaelement/background.png);
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9))
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(../img/mediaelement/loading.gif) 50% 50% no-repeat
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: #e3e3e3;
    height: 47px;
    width: 100%
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 9px 10px 8px;
    width: 50px;
    height: 30px;
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #7f8487;
    border: 0
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    padding: 0;
    text-align: center;
    position: absolute;
    height: 30px;
    width: 30px;
    border: 0;
    background-color: transparent;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.mejs-controls .mejs-button button:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px
}

.mejs-controls .mejs-button button:focus, .mejs-controls .mejs-button button:hover {
    color: #c71712
}

.mejs-controls .mejs-button button:focus {
    outline: dotted 1px #999
}

.mejs-container .mejs-controls .mejs-time {
    display: block;
    height: 17px;
    width: auto;
    padding: 18px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.mejs-container .mejs-controls .mejs-time a {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto
}

.mejs-controls .mejs-play button:before {
    content: "\e025"
}

.mejs-controls .mejs-play button:focus:before, .mejs-controls .mejs-play button:hover:before {
    content: "\e026"
}

.mejs-controls .mejs-pause button:before {
    content: "\e020"
}

.mejs-controls .mejs-pause button:focus:before, .mejs-controls .mejs-pause button:hover:before {
    content: "\e021"
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    height: 8px;
    padding-top: 14px
}

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    border-radius: 4px;
    background: #a2a7aa
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, 0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.15)), color-stop(.75, rgba(255, 255, 255, 0.15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #c3c6c8;
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #c72824;
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    position: absolute;
    margin: 0;
    width: 20px;
    height: 20px;
    background: #c71712;
    border-radius: 50%;
    cursor: pointer;
    border: 5px solid #FFF;
    top: -5px;
    text-align: center;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5)
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #FFF;
    width: 56px;
    height: 21px;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 4px auto;
    width: 46px;
    display: block;
    text-align: center;
    left: 0;
    right: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #FFF;
    border-color: #FFF transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 19px;
    left: 13px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px
}

.mejs-controls .mejs-fullscreen-button button:before {
    content: "\e011"
}

.mejs-controls .mejs-fullscreen-button button:focus:before, .mejs-controls .mejs-fullscreen-button button:hover:before {
    content: "\e012"
}

.mejs-controls .mejs-unfullscreen button:before {
    content: "\e01e"
}

.mejs-controls .mejs-unfullscreen button:focus:before, .mejs-controls .mejs-unfullscreen button:hover:before {
    content: "\e01f"
}

.mejs-controls .mejs-volume-button button:before {
    content: "\e037"
}

.mejs-controls .mejs-volume-button button:focus:before, .mejs-controls .mejs-volume-button button:hover:before {
    content: "\e038"
}

.mejs-controls .mejs-volume-button {
    position: relative
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url(../img/mediaelement/background.png);
    background: rgba(50, 50, 50, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 12.5px;
    z-index: 1;
    position: absolute;
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider div {
    padding-right: 0;
    padding-left: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0
}

.mejs-controls a.mejs-horizontal-volume-slider {
    height: 26px;
    width: 56px;
    position: relative;
    display: block;
    float: left;
    vertical-align: middle
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}

.mejs-controls .mejs-captions-button {
    position: relative
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    background: url(../img/mediaelement/background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px 10px 0 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 55px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}

.mejs-captions-position-hover {
    bottom: 35px
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url(../img/mediaelement/background.png);
    background: rgba(20, 20, 20, 0.5);
    white-space: pre-wrap
}

.me-cannotplay a {
    color: #fff;
    font-weight: bold
}

.me-cannotplay span {
    padding: 15px;
    display: block
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url(../img/mediaelement/background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/mediaelement/background.png);
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/mediaelement/background.png);
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer
}

div.mejs-speed-button {
    width: 46px !important;
    position: relative
}

.mejs-controls .mejs-button.mejs-speed-button button {
    background: transparent;
    width: 36px;
    font-size: 11px;
    line-height: normal;
    color: #ffffff
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
    visibility: hidden;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: url(../img/mediaelement/background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
    visibility: visible
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: #21f8f8
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
    margin: 0 0 6px 0;
    padding: 0 10px;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    display: none
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
    width: 60px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 11.5px;
    color: white;
    margin-left: 5px;
    cursor: pointer
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
    background-color: #c8c8c8 !important;
    background-color: rgba(255, 255, 255, 0.4) !important
}

.mejs-controls .mejs-button.mejs-skip-back-button {
    background: transparent url(../img/mediaelement/skipback.png) no-repeat;
    background-position: 3px 3px
}

.mejs-controls .mejs-button.mejs-skip-back-button button {
    background: transparent;
    font-size: 9px;
    line-height: normal;
    color: #ffffff
}

@media screen and (min-width: 1025px) {
    .rvfs-1 li, .rvfs-1 p, .rvfs-1 h1, .rvfs-1 h2, .rvfs-1 h3, .rvfs-1 h4, .rvfs-1 h5, .rvfs-1 h6 {
        font-size: 70%
    }

    .rvfs-2 li, .rvfs-2 p, .rvfs-2 h1, .rvfs-2 h2, .rvfs-2 h3, .rvfs-2 h4, .rvfs-2 h5, .rvfs-2 h6 {
        font-size: 80%
    }

    .rvfs-3 li, .rvfs-3 p, .rvfs-3 h1, .rvfs-3 h2, .rvfs-3 h3, .rvfs-3 h4, .rvfs-3 h5, .rvfs-3 h6 {
        font-size: 90%
    }

    .rvfs-4 li, .rvfs-4 p, .rvfs-4 h1, .rvfs-4 h2, .rvfs-4 h3, .rvfs-4 h4, .rvfs-4 h5, .rvfs-4 h6 {
        font-size: 100%
    }

    .rvfs-5 li, .rvfs-5 p, .rvfs-5 h1, .rvfs-5 h2, .rvfs-5 h3, .rvfs-5 h4, .rvfs-5 h5, .rvfs-5 h6 {
        font-size: 110%
    }

    .rvfs-6 li, .rvfs-6 p, .rvfs-6 h1, .rvfs-6 h2, .rvfs-6 h3, .rvfs-6 h4, .rvfs-6 h5, .rvfs-6 h6 {
        font-size: 120%
    }

    .rvfs-7 li, .rvfs-7 p, .rvfs-7 h1, .rvfs-7 h2, .rvfs-7 h3, .rvfs-7 h4, .rvfs-7 h5, .rvfs-7 h6 {
        font-size: 130%
    }
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden
}

.autocomplete-selected {
    background: #F0F0F0
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #c71712
}

.autocomplete-group {
    padding: 2px 5px
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000
}

.wowbook {
    position: relative;
    zoom: 1;
    z-index: 2;
    margin: 25px auto
}

.wowbook-page {
    zoom: 1
}

.wowbook-page-content {
    position: absolute;
    overflow: hidden;
    background: white;
    zoom: 1
}

.wowbook-loading .wowbook-page-content {
    background-image: url(../img/wow_book/loading.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat
}

img.wowbook-lazy {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.wowbook-fullscreen-fix {
    height: 100% !important;
    width: 100% !important
}

.wowbook-handle {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 100001;
    -webkit-transform: translate3d(0, 0, 10000px)
}

.wowbook-handle.wowbook-disabled {
    display: none
}

.wowbook-unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.wowbook-page-content.wowbook-double-page {
    padding: 0
}

.wowbook-shadow-clipper {
    position: absolute;
    overflow: hidden;
    z-index: 999;
    zoom: 1;
    -webkit-backface-visibility: hidden
}

.wowbook-shadow-container {
    display: none;
    position: absolute;
    z-index: 999;
    zoom: 1
}

.wowbook-shadow-internal {
    background: url(../img/wow_book/shadow_internal_fold.png) repeat-y;
    height: 500px;
    width: 200px;
    position: absolute;
    zoom: 1;
    -webkit-backface-visibility: hidden
}

.wowbook-shadow-fold {
    background: url(../img/wow_book/shadow_fold.png) right top repeat-y;
    height: 500px;
    width: 100px;
    position: absolute;
    zoom: 1;
    -webkit-backface-visibility: hidden
}

.wowbook-shadow-fold-flipped {
    background-image: url(../img/wow_book/shadow_fold_flip_h.png)
}

.wowbook-fold-gradient {
    background: url(../img/wow_book/fold_gradient.png) right top repeat-y;
    height: 500px;
    width: 125px;
    position: absolute;
    top: 0;
    zoom: 1;
    -webkit-backface-visibility: hidden
}

.wowbook-fold-gradient-flipped {
    background-image: url(../img/wow_book/fold_gradient_flip_h.png)
}

.wowbook-fold-gradient-container {
    position: absolute;
    z-index: 1001
}

.wowbook-gutter-shadow {
    height: 100%;
    width: 40px;
    position: absolute;
    top: 0
}

.wowbook-left .wowbook-gutter-shadow {
    background: url(../img/wow_book/gutter_shadow_left.png) right top repeat-y;
    right: 0;
    width: 70px
}

.wowbook-right .wowbook-gutter-shadow {
    background: url(../img/wow_book/gutter_shadow_right.png) right top repeat-y;
    left: 0
}

.wowbook-hard-page-shadow {
    background: #888;
    position: absolute;
    top: 0;
    z-index: 999
}

.wowbook-page-number {
    bottom: 0;
    padding-bottom: .3em;
    position: absolute
}

.wowbook-left .wowbook-page-number {
    left: 0;
    padding-left: .5em
}

.wowbook-right .wowbook-page-number {
    right: 0;
    padding-right: .5em
}

.wowbook-book-shadow {
    -moz-box-shadow: 0 0 7px #666;
    -ms-box-shadow: 0 0 7px #666;
    -webkit-box-shadow: 0 0 7px #666;
    -o-box-shadow: 0 0 7px #666;
    box-shadow: 0 0 7px #666
}

.wowbook-hard-page-shadow {
    background: #888;
    box-shadow: 0 0 2px 0 #666;
    background: rgba(96, 96, 96, 0.5);
    position: absolute;
    top: 0;
    z-index: 999
}

.wowbook-thumbnails {
    background: none;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    image-rendering: optimizeQuality;
    z-index: 10000
}

.wowbook-thumbnails .wowbook-clipper {
    overflow: hidden;
    position: relative
}

.wowbook-thumbnails ul {
    position: relative;
    margin: 0;
    padding: 0
}

.wowbook-thumbnails .wowbook-button {
    background: none no-repeat 50% 50% #333;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0
}

.wowbook-thumbnail {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: hidden;
    position: relative;
    vertical-align: top
}

.wowbook-thumbnail .wowbook-page-content {
    position: relative
}

.wowbook-thumbnail.wowbook-right {
    margin-right: 1em
}

.wowbook-overlay {
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100000
}

.wowbook-horizontal.wowbook-thumbnails {
    width: 100%
}

.wowbook-horizontal.wowbook-thumbnails .wowbook-clipper {
    height: 100%;
    position: relative;
    margin: 0 30px
}

.wowbook-horizontal.wowbook-thumbnails ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    white-space: nowrap
}

.wowbook-horizontal.wowbook-thumbnails .wowbook-button {
    width: 30px;
    height: 100%;
    background-image: url("../img/wow_book/arrow_left.png")
}

.wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button {
    left: auto;
    right: 0;
    background-image: url("../img/wow_book/arrow_right.png")
}

.wowbook-horizontal .wowbook-thumbnail {
    white-space: normal;
    *white-space: nowrap
}

.wowbook-horizontal .wowbook-thumbnail .wowbook-page-content {
    *white-space: normal
}

.wowbook-vertical.wowbook-thumbnails {
    display: inline-block;
    height: 100%
}

.wowbook-vertical.wowbook-thumbnails .wowbook-clipper {
    position: absolute;
    top: 30px;
    bottom: 30px
}

.wowbook-vertical.wowbook-thumbnails .wowbook-button {
    height: 30px;
    width: 100%;
    background-image: url("../img/wow_book/arrow_up.png")
}

.wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button {
    bottom: 0;
    top: auto;
    background-image: url("../img/wow_book/arrow_down.png")
}

.wowbook-vertical .wowbook-thumbnail.wowbook-right {
    margin-right: 0
}

.wowbook-vertical.wowbook-closable .wowbook-thumbnail:first-child {
    margin-left: 50%
}

.wowbook-draggable {
    cursor: hand;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.wowbook-draggable.wowbook-dragging {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

.wowbook-pdf .wowbook-page-content {
    padding: 0
}

.wowbook-pdf .annotLink > a {
    font-size: 1em;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.wowbook-pdf .annotLink > a:hover {
    background: none repeat scroll 0 0 #ff0;
    box-shadow: 0 2px 10px #ff0;
    opacity: .2
}

.wowbook-modal .modal-dialog {
    width: 90%
}

#controls {
    position: relative;
    z-index: 9
}

#controls ul {
    padding-left: 0;
    list-style: none
}

#controls li {
    display: inline-block
}

#controls a {
    display: inline-block;
    border-radius: 20px;
    background: #c71712;
    color: #FFF;
    text-decoration: none;
    float: none
}

#controls a.wowbook-disabled {
    cursor: not-allowed;
    background: #ccc;
    color: #dedede
}

#controls a.button-narrow {
    letter-spacing: -6px
}

#controls a:hover {
    color: #FFF
}

#controls a:after {
    background: #6b717a
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

.flip-clock-wrapper a:hover {
    color: #fff
}

.flip-clock-wrapper ul {
    list-style: none
}

.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after, .flip-clock-wrapper.dl-horizontal dd:before, .flip-clock-wrapper.dl-horizontal dd:after, .flip-clock-wrapper.container:before, .flip-clock-wrapper.container:after, .flip-clock-wrapper.container-fluid:before, .flip-clock-wrapper.container-fluid:after, .flip-clock-wrapper.row:before, .flip-clock-wrapper.row:after, .flip-clock-wrapper.form-horizontal .form-group:before, .flip-clock-wrapper.form-horizontal .form-group:after, .flip-clock-wrapper.btn-toolbar:before, .flip-clock-wrapper.btn-toolbar:after, .flip-clock-wrapper.btn-group-vertical > .btn-group:before, .flip-clock-wrapper.btn-group-vertical > .btn-group:after, .flip-clock-wrapper.nav:before, .flip-clock-wrapper.nav:after, .flip-clock-wrapper.navbar:before, .flip-clock-wrapper.navbar:after, .flip-clock-wrapper.navbar-header:before, .flip-clock-wrapper.navbar-header:after, .flip-clock-wrapper.navbar-collapse:before, .flip-clock-wrapper.navbar-collapse:after, .flip-clock-wrapper.pager:before, .flip-clock-wrapper.pager:after, .flip-clock-wrapper.panel-body:before, .flip-clock-wrapper.panel-body:after, .flip-clock-wrapper.modal-footer:before, .flip-clock-wrapper.modal-footer:after {
    content: " ";
    display: table
}

.flip-clock-wrapper.clearfix:after, .flip-clock-wrapper.dl-horizontal dd:after, .flip-clock-wrapper.container:after, .flip-clock-wrapper.container-fluid:after, .flip-clock-wrapper.row:after, .flip-clock-wrapper.form-horizontal .form-group:after, .flip-clock-wrapper.btn-toolbar:after, .flip-clock-wrapper.btn-group-vertical > .btn-group:after, .flip-clock-wrapper.nav:after, .flip-clock-wrapper.navbar:after, .flip-clock-wrapper.navbar-header:after, .flip-clock-wrapper.navbar-collapse:after, .flip-clock-wrapper.pager:after, .flip-clock-wrapper.panel-body:after, .flip-clock-wrapper.modal-footer:after {
    clear: both
}

.flip-clock-wrapper.clearfix, .flip-clock-wrapper.dl-horizontal dd, .flip-clock-wrapper.container, .flip-clock-wrapper.container-fluid, .flip-clock-wrapper.row, .flip-clock-wrapper.form-horizontal .form-group, .flip-clock-wrapper.btn-toolbar, .flip-clock-wrapper.btn-group-vertical > .btn-group, .flip-clock-wrapper.nav, .flip-clock-wrapper.navbar, .flip-clock-wrapper.navbar-header, .flip-clock-wrapper.navbar-collapse, .flip-clock-wrapper.pager, .flip-clock-wrapper.panel-body, .flip-clock-wrapper.modal-footer {
    *zoom: 1
}

.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important
}

.flip-clock-meridium a {
    color: #313333
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 1em
}

.flip-clock-wrapper:before, .flip-clock-wrapper:after {
    content: " ";
    display: table
}

.flip-clock-wrapper:after {
    clear: both
}

.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 60px;
    height: 90px;
    font-size: 80px;
    font-weight: bold;
    line-height: 87px;
    border-radius: 6px;
    background: #000
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none !important
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: 1px solid transparent
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4)
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
    font-size: 70px
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0
}

.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3
}

.flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7)
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd .5s .5s linear both;
    -moz-animation: asd .5s .5s linear both;
    animation: asd .5s .5s linear both;
    z-index: 5
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px
}

.flip-clock-divider:first-child {
    width: 0
}

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: black;
    text-shadow: none
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px
}

.flip-clock-dot.top {
    top: 30px
}

.flip-clock-dot.bottom {
    bottom: 30px
}

@-webkit-keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

@keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn .5s .5s linear both;
    -moz-animation: turn .5s .5s linear both;
    animation: turn .5s .5s linear both
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg)
    }
    100% {
        -webkit-transform: rotateX(0deg)
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg)
    }
    100% {
        -moz-transform: rotateX(0deg)
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg)
    }
    100% {
        -o-transform: rotateX(0deg)
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg)
    }
    100% {
        transform: rotateX(0deg)
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 .5s linear both;
    -moz-animation: turn2 .5s linear both;
    animation: turn2 .5s linear both
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg)
    }
    100% {
        -webkit-transform: rotateX(-90deg)
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg)
    }
    100% {
        -moz-transform: rotateX(-90deg)
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg)
    }
    100% {
        -o-transform: rotateX(-90deg)
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg)
    }
    100% {
        transform: rotateX(-90deg)
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0, black 100%;
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0, black 100%;
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .2s linear both
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@media screen and (min-width: 1025px) {
    .container-fluid {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media screen and (min-width: 1400px) {
    .container-fluid {
        width: 1400px
    }
}

.additional-links.additional-links-content-area {
    text-transform: uppercase
}

@media screen and (min-width: 1025px) {
    .additional-links.additional-links-content-area {
        display: none
    }
}

.additional-links.additional-links-content-area ul:before, .additional-links.additional-links-content-area ul:after {
    content: " ";
    display: table
}

.additional-links.additional-links-content-area ul:after {
    clear: both
}

.additional-links.additional-links-content-area ul:before, .additional-links.additional-links-content-area ul:after {
    content: " ";
    display: table
}

.additional-links.additional-links-content-area ul:after {
    clear: both
}

@media screen and (min-width: 768px) {
    .additional-links.additional-links-content-area ul {
        border-top: 1px solid #FFF
    }
}

.additional-links.additional-links-content-area li a {
    padding-top: 12px;
    padding-bottom: 12px
}

.additional-links ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.additional-links li {
    position: relative
}

.additional-links li.icon-reiseauskunft-filled {
    background-image: -webkit-linear-gradient(top, #df2c26 0, #c71a18 100%);
    background-image: -o-linear-gradient(top, #df2c26 0, #c71a18 100%);
    background-image: linear-gradient(to bottom, #df2c26 0, #c71a18 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf2c26', endColorstr='#ffc71a18', GradientType=0);
    margin-top: 1px
}

@media screen and (min-width: 768px) {
    .additional-links li.icon-reiseauskunft-filled {
        margin-top: 0
    }
}

.additional-links li.icon-reiseauskunft-filled:before {
    content: none
}

.additional-links li.icon-baustellenkalender, .additional-links li.icon-verkehrsmeldungen-filled {
    background-image: -webkit-linear-gradient(top, #6b717b 0, #565b63 100%);
    background-image: -o-linear-gradient(top, #6b717b 0, #565b63 100%);
    background-image: linear-gradient(to bottom, #6b717b 0, #565b63 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6b717b', endColorstr='#ff565b63', GradientType=0);
    margin-top: 4px
}

@media screen and (min-width: 768px) {
    .additional-links li.icon-baustellenkalender, .additional-links li.icon-verkehrsmeldungen-filled {
        margin-top: 0
    }
}

.additional-links li.icon-baustellenkalender:before, .additional-links li.icon-verkehrsmeldungen-filled:before {
    content: none
}

.additional-links li a {
    position: relative;
    display: block;
    padding: 16px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    -webkit-transition: padding .35s ease;
    -o-transition: padding .35s ease;
    transition: padding .35s ease
}

.additional-links li a:before {
    content: "\e009"
}

@media screen and (min-width: 480px) {
    .additional-links li a {
        font-size: 18px
    }
}

.additional-links li a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 28px;
    right: 15px;
    font-size: 1.25em
}

@media screen and (min-width: 1025px) {
    .additional-links li a:before {
        content: none
    }
}

.additional-links li a:focus, .additional-links li a:hover {
    text-decoration: none
}

@media screen and (max-width: 1024px) {
    .additional-links li a:focus, .additional-links li a:hover {
        padding-left: 25px
    }
}

.additional-links li a i {
    position: relative;
    top: 8px;
    margin-right: 15px;
    font-size: 1.75em
}

.hotline-container {
    padding: 22px 0 0 69px;
    background: #FFF;
    color: #6b717b;
    font-size: 16px
}

@media screen and (min-width: 1025px) {
    .hotline-container {
        position: absolute;
        top: 0;
        right: 0;
        padding-right: 25px;
        background-color: transparent;
        color: #FFF
    }
}

@media screen and (min-width: 1025px) and (max-width: 1024px) and (orientation: landscape) {
    .hotline-container {
        padding-right: 40px
    }
}

.hotline-container > i {
    position: absolute;
    left: 33px;
    font-size: 1.2em;
    color: #c71712
}

@media screen and (min-width: 1025px) {
    .hotline-container > i {
        color: #FFF;
        top: 20px
    }
}

@media screen and (min-width: 1025px) and (max-width: 1024px) and (orientation: landscape) {
    .hotline-container > i {
        display: none
    }
}

.hotline-container p {
    margin: 0;
    line-height: 1em
}

.hotline-container p.hotline-notice-temporary {
    margin-top: 4px;
    padding-bottom: 7px
}

@media screen and (min-width: 1025px) {
    .hotline-container p.hotline-notice-temporary {
        margin-top: 1px;
        padding-bottom: 0;
        font-size: 12px
    }
}

@media screen and (min-width: 1400px) {
    .hotline-container p.hotline-notice-temporary {
        font-size: 14px
    }
}

.hotline-notice {
    font-size: 11px
}

@media screen and (min-width: 1025px) {
    .hotline-notice {
        position: relative;
        top: -4px
    }
}

.hotline-toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 1px;
    color: #FFF;
    text-align: center;
    width: 44px;
    height: 44px;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

@media screen and (min-width: 1025px) {
    .hotline-toggle {
        display: block
    }
}

.hotline-toggle[aria-expanded="true"] i:before {
    content: "\e00c"
}

.hotline-toggle:focus, .hotline-toggle:hover {
    text-decoration: none
}

.hotline-toggle i {
    position: relative;
    top: 20px;
    font-size: 18px
}

.nav-hotline {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: -1
}

.nav-hotline:before, .nav-hotline:after {
    content: " ";
    display: table
}

.nav-hotline:after {
    clear: both
}

.nav-hotline:before, .nav-hotline:after {
    content: " ";
    display: table
}

.nav-hotline:after {
    clear: both
}

.nav-hotline.collapse.in {
    z-index: inherit
}

.nav-hotline > div {
    width: 680px;
    height: 53px;
    background: #c71712
}

.nav-hotline > div:before {
    content: '';
    position: absolute;
    top: 0;
    left: -25.5px;
    width: 51px;
    height: 53px;
    -webkit-transform: skewX(28.6deg) skewY(0deg);
    -ms-transform: skewX(28.6deg) skewY(0deg);
    -o-transform: skewX(28.6deg) skewY(0deg);
    transform: skewX(28.6deg) skewY(0deg);
    background: inherit
}

.nav-hotline li {
    position: relative;
    z-index: 1;
    display: block;
    float: left;
    width: 50%;
    border-left: 1px solid #961712
}

.nav-hotline li:first-child {
    border-left: none
}

.nav-hotline a {
    display: block;
    padding: 5px 60px 8px 15px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #FFF
}

.nav-hotline a:before {
    content: "\e009"
}

.nav-hotline a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 20px;
    right: 21px;
    font-size: 1em;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.nav-hotline a:focus:before, .nav-hotline a:hover:before {
    color: #810f0c
}

.nav-hotline a i {
    position: relative;
    top: 7px;
    margin-right: 12px;
    font-size: 1.75em
}

.nav-travel-information {
    position: relative
}

.sidebar-additional-content .nav-travel-information {
    margin: 20px 0 0 0
}

.sidebar-additional-content .nav-travel-information:first-child {
    margin-top: 0
}

.sidebar-additional-content .nav-travel-information .content {
    z-index: 1
}

.nav-travel-information .content {
    padding: 12px 13px 0 13px;
    position: relative;
    z-index: 1;
    background: #54616c
}

@media screen and (min-width: 1400px) {
    .nav-travel-information .content {
        padding-right: 14px
    }
}

.nav-travel-information .content > form.inactive {
    cursor: pointer
}

.nav-travel-information .content > form.inactive .visible-on-start {
    padding-top: 0
}

.nav-travel-information .visible-on-start > span {
    display: block;
    width: 100%;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 15px;
    padding-top: 5px
}

.sidebar-additional-content .nav-travel-information .visible-on-start > span {
    margin-left: 7px
}

.nav-travel-information .visible-on-start > span:focus:before, .nav-travel-information .visible-on-start > span:hover:before {
    color: #810f0c
}

.nav-travel-information .visible-on-start > span i {
    position: relative;
    top: 7px;
    margin-right: 10px;
    font-size: 1.75em
}

.nav-travel-information .visible-on-start .form-inline {
    position: relative;
    z-index: 2
}

.nav-travel-information .invisible-on-start:before, .nav-travel-information .invisible-on-start:after {
    content: " ";
    display: table
}

.nav-travel-information .invisible-on-start:after {
    clear: both
}

.nav-travel-information .invisible-on-start:before, .nav-travel-information .invisible-on-start:after {
    content: " ";
    display: table
}

.nav-travel-information .invisible-on-start:after {
    clear: both
}

.nav-travel-information .invisible-on-start .form-inline:before, .nav-travel-information .invisible-on-start .form-inline:after {
    content: " ";
    display: table
}

.nav-travel-information .invisible-on-start .form-inline:after {
    clear: both
}

.nav-travel-information .invisible-on-start .form-inline:before, .nav-travel-information .invisible-on-start .form-inline:after {
    content: " ";
    display: table
}

.nav-travel-information .invisible-on-start .form-inline:after {
    clear: both
}

@media screen and (min-width: 480px) {
    .nav-travel-information .invisible-on-start .form-inline .form-control {
        width: 49%;
        float: left
    }

    .nav-travel-information .invisible-on-start .form-inline .form-control:first-child {
        margin-right: 2%
    }
}

.nav-travel-information .form-group-radio .radio {
    display: inline-block
}

@media screen and (min-width: 768px) {
    .nav-travel-information .form-group-radio .radio {
        margin-left: 15px
    }
}

.nav-travel-information .form-group-radio .radio:first-child {
    margin-left: 0
}

.nav-travel-information .form-group-radio .radio:first-child label {
    padding-left: 0
}

.nav-travel-information .form-group-radio label {
    color: #FFF;
    font-size: 14px;
    font-weight: bold
}

.nav-travel-information .form-group-radio input[type="radio"] {
    position: relative;
    margin: 0 0 0 4px
}

.nav-travel-information .form-inline .form-group {
    display: block
}

@media screen and (max-width: 480px) {
    .nav-travel-information .form-inline .form-group {
        margin-bottom: 0
    }
}

.sidebar-additional-content .nav-travel-information .form-inline .form-group {
    margin-bottom: 10px
}

.nav-travel-information .form-inline .form-control {
    border-radius: 0;
    border: none;
    box-shadow: none;
    height: 30px;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .nav-travel-information .form-inline .form-control {
        padding-top: 2px
    }
}

.nav-travel-information .form-group-submit {
    padding-bottom: 0
}

@media screen and (min-width: 480px) {
    .nav-travel-information .form-group-submit {
        margin-top: -60px;
        float: right
    }
}

@media screen and (min-width: 768px) {
    .nav-travel-information .form-group-submit {
        margin-top: -15px
    }
}

@media screen and (min-width: 1400px) {
    .nav-travel-information .form-group-submit {
        margin-top: 5px
    }
}

.nav-travel-information .form-group-submit img {
    position: absolute;
    top: 20px;
    right: 13px;
    width: 26px;
    height: 26px
}

@media screen and (min-width: 1400px) {
    .nav-travel-information .form-group-submit img {
        top: auto;
        right: auto;
        bottom: 20px;
        left: 14px
    }
}

.nav-travel-information .form-group-submit .button {
    background: #FFF;
    color: #565555;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    padding: 13px 50px 11px 20px
}

.nav-travel-information .form-group-submit .button i {
    color: #c71712;
    font-size: .75em;
    position: absolute;
    top: 13px;
    right: 10px
}

.nav-travel-information .form-group-submit .button:after {
    background: #e1e2e6
}

.nav-travel-information .form-group-submit .button:focus, .nav-travel-information .form-group-submit .button:hover {
    color: #333
}

.menu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 0 0;
    height: 100%;
    width: 44px;
    font-size: 1.25em;
    color: #a6a6a6;
    text-align: center
}

@media screen and (min-width: 1025px) {
    .menu-toggle {
        display: none
    }
}

.menu-toggle[aria-expanded="true"] i:before {
    content: "\e043"
}

.menu-toggle:focus, .menu-toggle:hover {
    text-decoration: none
}

.meta-controls {
    border-top: 1px solid #e1e2e6;
    border-bottom: 1px solid #e1e2e6;
    width: 100%
}

.meta-controls:before, .meta-controls:after {
    content: " ";
    display: table
}

.meta-controls:after {
    clear: both
}

.meta-controls:before, .meta-controls:after {
    content: " ";
    display: table
}

.meta-controls:after {
    clear: both
}

@media screen and (min-width: 1025px) {
    .meta-controls {
        display: inline-block;
        border-top: none;
        border-bottom: none;
        width: auto
    }
}

@media screen and (min-width: 1025px) {
    .meta-controls > ul {
        float: left
    }
}

.meta-controls > ul a {
    font-size: 16px;
    color: #54616c
}

.meta-controls > ul a:focus, .meta-controls > ul a:hover {
    text-decoration: none
}

.meta-controls .navbar-form {
    position: relative;
    margin: 0;
    border: none;
    padding: 9px 0
}

@media screen and (min-width: 1025px) {
    .meta-controls .navbar-form {
        float: left;
        padding: 0;
        margin-left: 35px
    }
}

.meta-controls .navbar-form .form-group {
    float: left;
    margin: 0 5px;
    width: 85%
}

@media screen and (min-width: 480px) {
    .meta-controls .navbar-form .form-group {
        margin: 0 15px
    }
}

@media screen and (min-width: 768px) {
    .meta-controls .navbar-form .form-group {
        width: 90%
    }
}

@media screen and (min-width: 1025px) {
    .meta-controls .navbar-form .form-group {
        display: none
    }
}

.meta-controls .navbar-form .form-group .form-control {
    height: 31px
}

@media screen and (min-width: 768px) {
    .meta-controls .navbar-form .form-group .form-control {
        display: block;
        width: 100%
    }
}

.meta-controls .navbar-form .form-submit {
    background-color: transparent;
    border: none;
    padding: 0;
    color: #6b717a;
    font-size: 1.1em;
    width: 31px;
    height: 31px
}

@media screen and (min-width: 1025px) {
    .meta-controls .navbar-form .form-submit {
        width: auto;
        height: auto
    }
}

.meta-controls .navbar-form .form-submit i {
    position: relative;
    top: 4px
}

@media screen and (min-width: 1025px) {
    .meta-controls .navbar-form .form-submit i {
        top: 0
    }
}

a.button-to-home {
    display: block;
    font-size: 24px;
    text-decoration: none;
    color: #6b717a
}

@media screen and (min-width: 1025px) {
    a.button-to-home {
        float: left
    }
}

a.button-to-home i {
    position: relative;
    top: 7px;
    left: 15px
}

@media screen and (min-width: 1025px) {
    a.button-to-home i {
        top: -2px;
        left: auto
    }
}

.font-resizer {
    float: left;
    display: none;
    line-height: 1
}

@media screen and (min-width: 1025px) {
    .font-resizer {
        display: block;
        padding-left: 25px
    }
}

.font-resizer li {
    display: inline-block
}

.font-resizer .resize-small {
    font-size: 14px
}

.font-resizer .resize-large {
    font-size: 20px
}

.menu-label {
    position: relative;
    z-index: 3;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    display: inline-block
}

.navbar-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 97;
    width: 100%;
    height: 100%;
    background: rgba(73, 84, 92, 0.96)
}

@media screen and (min-width: 1025px) {
    .navbar-backdrop {
        position: absolute;
        background: rgba(107, 113, 122, 0.5)
    }

    .region-page .navbar-backdrop {
        top: 0;
        box-shadow: 0 42px 0 rgba(107, 113, 122, 0.5)
    }
}

.image-carousel {
    position: relative;
    overflow: hidden;
    border-bottom: 6px solid #e4e3e3;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .image-carousel {
        left: 0 !important;
        margin-top: -5px
    }
}

@media screen and (min-width: 1025px) {
    .image-carousel {
        border-bottom: none;
        height: 561px;
        float: left;
        clear: both;
        margin-top: -77px
    }
}

@media screen and (min-width: 1025px) {
    .image-carousel .item-content-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3;
        height: 100%
    }
}

.image-carousel .item {
    width: 100%
}

@media screen and (min-width: 1025px) {
    .image-carousel .item.slick-active .image-carousel-arrow {
        display: block
    }
}

@media screen and (min-width: 1025px) {
    .image-carousel .item > img {
        position: absolute;
        left: -100%;
        right: -100%;
        top: 0;
        bottom: 0;
        margin: 0 auto
    }
}

.image-carousel .item .image-carousel-arrow {
    display: none;
    opacity: .8;
    position: absolute
}

.image-carousel .item .image-carousel-arrow.image-carousel-arrow-left {
    height: 296px;
    top: 171px;
    right: -700px
}

.image-carousel .item .image-carousel-arrow.image-carousel-arrow-right {
    height: 432px;
    top: 105px;
    left: -575px
}

@media screen and (min-width: 1025px) {
    .image-carousel .slick-slide {
        overflow: hidden
    }

    .image-carousel .slick-initialized, .image-carousel .slick-initialized > div, .image-carousel .slick-initialized > div > div {
        height: 100%
    }
}

.image-carousel .carousel-content {
    position: relative;
    z-index: 2;
    background: #FFF;
    padding: 21px 0 52px
}

@media screen and (min-width: 1025px) {
    .image-carousel .carousel-content {
        position: absolute;
        top: 176px;
        left: 30px;
        width: 360px;
        background-color: transparent;
        padding-top: 43px;
        padding-bottom: 28px
    }
}

.image-carousel .carousel-content h1 {
    font-size: 23px;
    line-height: 1.6em;
    margin-top: 0
}

@media screen and (min-width: 1025px) {
    .image-carousel .carousel-content h1 {
        font-size: 34px;
        line-height: 1.25em;
        margin-bottom: 5px
    }
}

.image-carousel .carousel-content h1 .highlight {
    font-weight: bold
}

@media screen and (min-width: 1025px) {
    .image-carousel .text-content {
        line-height: 1.22em
    }
}

@media screen and (min-width: 1025px) {
    .image-carousel .button {
        margin-top: 20px
    }
}

.image-carousel img {
    display: block;
    max-width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto
}

@media screen and (min-width: 1025px) {
    .image-carousel img {
        min-height: 220px;
        height: auto;
        max-width: none
    }
}

.image-carousel .controls {
    position: absolute;
    right: 15px;
    bottom: 0;
    z-index: 3;
    height: 41px;
    background-color: #e1e2e6;
    background-image: -webkit-linear-gradient(top, #b7b6b6 0, #e4e3e3 100%);
    background-image: -o-linear-gradient(top, #b7b6b6 0, #e4e3e3 100%);
    background-image: linear-gradient(to bottom, #b7b6b6 0, #e4e3e3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb7b6b6', endColorstr='#ffe4e3e3', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.image-carousel .controls:before {
    content: '';
    position: absolute;
    top: 0;
    left: -25.5px;
    width: 51px;
    height: 41px;
    -webkit-transform: skewX(-45deg) skewY(0deg);
    -ms-transform: skewX(-45deg) skewY(0deg);
    -o-transform: skewX(-45deg) skewY(0deg);
    transform: skewX(-45deg) skewY(0deg);
    background: inherit
}

.image-carousel .controls:after {
    content: '';
    width: 1000%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: inherit
}

.image-carousel .controls .control-item {
    margin: 13px 12px 0;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 25px;
    font-size: 1.15em;
    color: #FFF
}

.image-carousel .controls .control-item.slick-disabled {
    color: rgba(255, 255, 255, 0.5)
}

.image-carousel .controls-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 41px
}

.box-image-carousel {
    position: relative;
    z-index: 1;
    margin: 15px 0 0
}

@media screen and (min-width: 768px) {
    .box-image-carousel {
        max-height: 445px;
        overflow: hidden;
        margin-top: 30px
    }
}

@media screen and (min-width: 1400px) {
    .box-image-carousel {
        margin: 0
    }
}

.box-image-carousel .item {
    background: #FFF
}

.box-image-carousel .item .img-wrapper {
    position: relative
}

@media screen and (min-width: 768px) {
    .box-image-carousel .item .img-wrapper {
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 273px;
        float: left;
        width: calc(50% + 15px);
        height: 445px
    }
}

@media screen and (min-width: 1400px) {
    .box-image-carousel .item .img-wrapper {
        width: calc(66.66666667% - 10px)
    }
}

.box-image-carousel .item img {
    max-width: 100%;
    height: auto
}

@media screen and (min-width: 768px) {
    .box-image-carousel .item img {
        position: absolute;
        left: -100%;
        right: -100%;
        top: 0;
        bottom: 0;
        margin: 0 auto;
        max-width: inherit;
        height: 100%
    }
}

.box-image-carousel .item .item-content-container {
    padding: 30px
}

@media screen and (min-width: 768px) {
    .box-image-carousel .item .item-content-container {
        float: left;
        width: calc(50% - 15px);
        padding: 111px 28px 106px
    }
}

@media screen and (min-width: 1400px) {
    .box-image-carousel .item .item-content-container {
        width: calc(33.3333333% + 10px);
        padding: 111px 20px 91px 30px
    }
}

.box-image-carousel .item .item-content-container .category {
    display: block;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #c71712
}

.box-image-carousel .item .item-content-container h1 {
    font-size: 34px;
    font-weight: 300;
    color: #54616c;
    margin-top: 10px
}

.box-image-carousel .item .item-content-container .text-content {
    font-size: 16px;
    line-height: 1.25
}

@media screen and (min-width: 768px) {
    .box-image-carousel .item .item-content-container .button {
        position: absolute;
        bottom: 28px
    }
}

.box-image-carousel .dots-container {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1001;
    width: 80px;
    height: 42px;
    margin: 0;
    background: #e3e2e2
}

@media screen and (min-width: 768px) {
    .box-image-carousel .dots-container {
        background: #FFF;
        right: auto;
        left: calc(50% + 15px);
        width: 25%;
        height: 42px !important
    }
}

@media screen and (min-width: 1400px) {
    .box-image-carousel .dots-container {
        left: 66.666667%;
        width: 15%
    }
}

.box-image-carousel .dots-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: -25.5px;
    z-index: 99;
    width: 51px;
    height: 100%;
    -webkit-transform: skewX(45deg) skewY(0deg);
    -ms-transform: skewX(45deg) skewY(0deg);
    -o-transform: skewX(45deg) skewY(0deg);
    transform: skewX(45deg) skewY(0deg);
    background: inherit
}

@media screen and (min-width: 768px) {
    .box-image-carousel .dots-container:before {
        left: auto;
        right: -25.5px
    }
}

.box-image-carousel .dots-container .slick-dots {
    z-index: 101;
    top: 16px;
    left: 0;
    width: 100%;
    margin-left: 0;
    text-align: left
}

@media screen and (min-width: 768px) {
    .box-image-carousel .dots-container .slick-dots {
        left: 17px
    }
}

@media screen and (min-width: 1025px) {
    .box-image-carousel .dots-container .slick-dots {
        top: 16px
    }
}

.box-image-carousel .dots-container .slick-dots li {
    margin-right: 6px;
    margin-left: 6px
}

.box-image-carousel .controls-container {
    display: none
}

@media screen and (min-width: 768px) {
    .box-image-carousel .controls-container {
        position: absolute;
        top: 0;
        right: -1px;
        z-index: 1000;
        display: block;
        width: 25%;
        height: 42px;
        padding-top: 11px;
        padding-right: 1px;
        background: #e3e2e2;
        text-align: right
    }
}

.box-image-carousel .controls-container .control-item {
    height: 20px;
    font-size: 20px;
    line-height: 1;
    color: #54616c;
    margin-left: 13px
}

.box-image-carousel .controls-container .control-item.slick-disabled {
    color: #6b717a !important
}

.front-page-intro {
    background: #e1e2e6;
    padding: 19px 0 22px
}

@media screen and (min-width: 1025px) {
    .front-page-intro {
        padding: 34px 0
    }
}

@media screen and (min-width: 1400px) {
    .front-page-intro {
        background-image: url('../img/arrows-combined.png');
        background-repeat: no-repeat;
        background-position: center 95%
    }
}

.box-notice, .box-more-info {
    margin-top: 20px
}

@media screen and (min-width: 1025px) {
    .box-notice, .box-more-info {
        margin-top: 29px
    }
}

.navbar-region .box-railway-network {
    padding-top: 8px;
    padding-left: 0;
    background: #FFF
}

@media screen and (min-width: 1025px) {
    .navbar-region .box-railway-network {
        display: none
    }
}

.navbar-region .box-railway-network .content {
    background-image: url('../img/icon-background-flag.png'), -webkit-linear-gradient(top, #858c92 0, #586169 100%);
    background-image: url('../img/icon-background-flag.png'), -o-linear-gradient(top, #858c92 0, #586169 100%);
    background-image: url('../img/icon-background-flag.png'), linear-gradient(to bottom, #858c92 0, #586169 100%);
    background-position: 160% 50px, 0 0;
    background-repeat: no-repeat, repeat-x;
    background-size: 68%, 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff858c92', endColorstr='#ff586169', GradientType=0);
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.navbar-region .box-railway-network nav {
    border-top: 1px solid #434e56
}

.navbar-region .box-railway-network ul {
    padding: 0 15px;
    margin-bottom: 0
}

.navbar-region .box-railway-network ul li {
    border-bottom: 1px solid #434e56;
    box-shadow: inset 0 1px 0 #7d858e
}

.navbar-region .box-railway-network ul a {
    padding: 15px 0
}

.navbar-region .box-railway-network ul a:before {
    font-size: .8em;
    top: 17px
}

.box-railway-network .content {
    background-color: #c71712;
    background-image: url('../img/icon-background-flag.png'), -webkit-linear-gradient(#e6302a 0, #c71712 100%);
    background-image: url('../img/icon-background-flag.png'), -o-linear-gradient(#e6302a 0, #c71712 100%);
    background-image: url('../img/icon-background-flag.png'), linear-gradient(#e6302a 0, #c71712 100%);
    background-position: 160% 110px, 0 0;
    background-repeat: no-repeat, repeat-x;
    background-size: 77%, 100%
}

@media screen and (min-width: 1025px) {
    .box-railway-network .content {
        height: 374px;
        background-image: -webkit-linear-gradient(top, #e6302a 0, #c71712 100%);
        background-image: -o-linear-gradient(top, #e6302a 0, #c71712 100%);
        background-image: linear-gradient(to bottom, #e6302a 0, #c71712 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6302a', endColorstr='#ffc71712', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-size: 100%;
        background-position: 0 0
    }
}

.box-railway-network .content:after {
    background-color: inherit;
    background-image: -webkit-linear-gradient(top, #e6302a 0, #c71712 100%);
    background-image: -o-linear-gradient(top, #e6302a 0, #c71712 100%);
    background-image: linear-gradient(to bottom, #e6302a 0, #c71712 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6302a', endColorstr='#ffc71712', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.nav-railway-network > ul {
    padding-left: 0;
    list-style: none;
    border-top: 1px solid #af1712;
    box-shadow: 0 1px 0 #e92019
}

.nav-railway-network > ul > li {
    border-bottom: 1px solid #af1712;
    box-shadow: inset 0 1px 0 #e92019;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.nav-railway-network > ul > li > a {
    text-decoration: none
}

.nav-railway-network > ul > li > a, .nav-railway-network > ul > li > a:before {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.nav-railway-network > ul > li > a:focus, .nav-railway-network > ul > li > a:hover {
    margin: 0 -25px;
    padding-left: 25px;
    background: #941d1c
}

.nav-railway-network > ul > li > a:focus:before, .nav-railway-network > ul > li > a:hover:before {
    right: 12px
}

.sponsoring_teaser .box-notice {
    background: none
}

.box-notice {
    position: relative;
    background: #FFF;
    color: #54616c
}

@media screen and (min-width: 1025px) {
    .box-notice {
        height: 344px
    }
}

@media screen and (min-width: 1025px) {
    .box-notice.box-notice-alternate .img-wrapper {
        left: 0;
        right: auto
    }
}

@media screen and (min-width: 1025px) {
    .box-notice.box-notice-alternate .content {
        padding-left: 50%;
        padding-right: 20px
    }
}

@media screen and (min-width: 768px) {
    .box-notice.box-notice-first {
        margin-top: 0
    }
}

@media screen and (min-width: 1025px) {
    .box-notice.box-notice-first {
        height: 374px
    }
}

.box-notice > article {
    height: 100%
}

.box-notice img {
    margin: 0 auto
}

.box-notice img.visible-xs {
    display: block;
    max-width: 100%;
    height: auto
}

.box-notice img.visible-md {
    position: absolute;
    left: -100%;
    right: -100%;
    top: 0;
    bottom: 0
}

.box-notice .img-wrapper {
    overflow: hidden
}

@media screen and (min-width: 1025px) {
    .box-notice .img-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 45%
    }
}

.box-notice .headline {
    font-size: 15px
}

.box-notice .headline .flag {
    margin-left: 10px;
    margin-right: 7px
}

.box-notice .headline .text {
    color: #c71712;
    font-weight: bold;
    text-transform: uppercase
}

.box-notice h1 {
    font-size: 28px;
    margin: 25px 0 20px
}

.box-notice .content {
    position: relative;
    height: 100%;
    padding: 20px 20px 64px
}

@media screen and (min-width: 1025px) {
    .box-notice .content {
        padding-right: 50%
    }
}

.box-notice .button {
    position: absolute;
    bottom: 20px
}

.region-page .box-more-info {
    margin-top: 15px
}

@media screen and (min-width: 768px) {
    .region-page .box-more-info {
        margin-top: 30px
    }
}

.box-more-info .content {
    background-color: #858c92;
    background-image: url('../img/icon-background-info.png');
    background-image: url('../img/icon-background-info.png'), -webkit-linear-gradient(top, #858c92 0, #586169 100%);
    background-image: url('../img/icon-background-info.png'), -o-linear-gradient(top, #858c92 0, #586169 100%);
    background-image: url('../img/icon-background-info.png'), linear-gradient(to bottom, #858c92 0, #586169 100%);
    background-position: 160% 50px, 0 0;
    background-repeat: no-repeat, repeat-x;
    background-size: 68%, 100%
}

@media screen and (min-width: 1400px) {
    .box-more-info .content {
        background-position: -25% 90px, 0 0;
        background-size: 150%, 100%
    }
}

.box-more-info .content:after {
    background-color: inherit;
    background-image: -webkit-linear-gradient(top, #858c92 0, #586169 100%);
    background-image: -o-linear-gradient(top, #858c92 0, #586169 100%);
    background-image: linear-gradient(to bottom, #858c92 0, #586169 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff858c92', endColorstr='#ff586169', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.box-more-info ul {
    padding-left: 0;
    list-style: none;
    border-top: 1px solid #434e56;
    box-shadow: 0 1px 0 #7d858e
}

.box-more-info li {
    border-bottom: 1px solid #434e56;
    box-shadow: inset 0 1px 0 #7d858e
}

.box-more-info li > a {
    text-decoration: none
}

.box-more-info li > a, .box-more-info li > a:before {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.box-more-info li > a:focus, .box-more-info li > a:hover {
    margin: 0 -25px;
    padding-left: 25px;
    background: #434e56
}

.box-more-info li > a:focus:before, .box-more-info li > a:hover:before {
    right: 12px
}

.box-railway-network, .box-more-info {
    position: relative;
    z-index: 1;
    padding-left: 26px;
    color: #FFF
}

.box-railway-network .content, .box-more-info .content {
    position: relative;
    padding: 21px 25px 21px 0
}

.box-railway-network .content:after, .box-more-info .content:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
    left: -25px;
    width: 27px
}

.no-touch .box-railway-network .content:after, .no-touch .box-more-info .content:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 26px 100%, 0 calc(100% - 20px));
    -webkit-transform: rotate(360deg)
}

.box-railway-network .header-content, .box-more-info .header-content {
    margin: 0 0 9px
}

.box-railway-network .header-content:before, .box-more-info .header-content:before, .box-railway-network .header-content:after, .box-more-info .header-content:after {
    content: " ";
    display: table
}

.box-railway-network .header-content:after, .box-more-info .header-content:after {
    clear: both
}

.box-railway-network .header-content:before, .box-more-info .header-content:before, .box-railway-network .header-content:after, .box-more-info .header-content:after {
    content: " ";
    display: table
}

.box-railway-network .header-content:after, .box-more-info .header-content:after {
    clear: both
}

.box-railway-network .header-content > i, .box-more-info .header-content > i {
    font-size: 1.5em;
    float: left;
    position: relative;
    top: 8px
}

@media screen and (min-width: 1025px) {
    .box-railway-network .header-content > i, .box-more-info .header-content > i {
        float: none;
        display: block;
        margin-bottom: 10px
    }
}

.box-railway-network .header-content > h1, .box-more-info .header-content > h1 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.5em;
    float: left;
    margin: 0 0 0 20px;
    width: 80%
}

.region-page .box-railway-network .header-content > h1, .region-page .box-more-info .header-content > h1 {
    margin-top: 10px
}

@media screen and (min-width: 768px) {
    .box-railway-network .header-content > h1, .box-more-info .header-content > h1 {
        width: 70%
    }

    .region-page .box-railway-network .header-content > h1, .region-page .box-more-info .header-content > h1 {
        float: none;
        margin-top: 0;
        margin-left: 45px
    }
}

@media screen and (min-width: 1025px) {
    .box-railway-network .header-content > h1, .box-more-info .header-content > h1 {
        float: none;
        margin-top: 7px;
        margin-left: 0;
        width: 55%
    }

    .region-page .box-railway-network .header-content > h1, .region-page .box-more-info .header-content > h1 {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (min-width: 1400px) {
    .box-railway-network .header-content > h1, .box-more-info .header-content > h1 {
        width: 70%
    }

    .region-page .box-railway-network .header-content > h1, .region-page .box-more-info .header-content > h1 {
        width: 100%
    }
}

.box-railway-network nav, .box-more-info nav {
    clear: left
}

.box-railway-network nav a, .box-more-info nav a {
    position: relative;
    display: block;
    padding: 25px 0;
    font-weight: bold;
    line-height: 1;
    color: #FFF
}

.box-railway-network nav a:before, .box-more-info nav a:before {
    content: "\e009"
}

@media screen and (min-width: 1025px) {
    .box-railway-network nav a, .box-more-info nav a {
        padding: 21px 0
    }
}

.box-railway-network nav a:before, .box-more-info nav a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 17px;
    right: 0;
    font-size: 1.25em
}

.box-railway-network ul, .box-more-info ul {
    margin-bottom: 0
}

.region-page-newsstream, .front-page-newsstream {
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: 1px 4px 7px -3px rgba(107, 113, 122, 0.5)
}

@media screen and (min-width: 1025px) {
    .region-page-newsstream, .front-page-newsstream {
        box-shadow: none;
        padding-bottom: 0
    }
}

.region-page-newsstream .section-title-holder, .front-page-newsstream .section-title-holder, .region-page-newsstream .section-title, .front-page-newsstream .section-title {
    float: left
}

.region-page-newsstream .section-title-holder a, .front-page-newsstream .section-title-holder a, .region-page-newsstream .section-title a, .front-page-newsstream .section-title a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none
}

.region-page-newsstream nav, .front-page-newsstream nav {
    clear: both
}

@media screen and (min-width: 1025px) {
    .region-page-newsstream nav, .front-page-newsstream nav {
        clear: none;
        float: right
    }
}

.region-page-newsstream nav ul.nav-meta, .front-page-newsstream nav ul.nav-meta {
    padding-left: 0;
    list-style: none
}

@media screen and (min-width: 480px) {
    .region-page-newsstream nav ul.nav-meta, .front-page-newsstream nav ul.nav-meta {
        margin: 0 0 25px 15px
    }
}

@media screen and (min-width: 768px) {
    .region-page-newsstream nav ul.nav-meta, .front-page-newsstream nav ul.nav-meta {
        margin: 10px 0 0
    }
}

.region-page-newsstream nav li, .front-page-newsstream nav li {
    display: inline-block;
    margin-left: 20px
}

.region-page-newsstream nav li:first-child, .front-page-newsstream nav li:first-child {
    margin-left: 0
}

.region-page-newsstream nav a, .front-page-newsstream nav a {
    display: block;
    color: #6b717a;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.region-page-newsstream nav a:before, .front-page-newsstream nav a:before {
    content: "\e009"
}

@media screen and (min-width: 480px) {
    .region-page-newsstream nav a, .front-page-newsstream nav a {
        font-size: 16px
    }
}

.region-page-newsstream nav a:before, .front-page-newsstream nav a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .9em;
    position: relative;
    top: 2px;
    margin-right: 5px
}

.region-page-newsstream nav a:focus, .front-page-newsstream nav a:focus, .region-page-newsstream nav a:hover, .front-page-newsstream nav a:hover {
    color: #c71712
}

.region-page-newsstream {
    background: #FFF;
    box-shadow: none
}

@media screen and (min-width: 768px) {
    .region-page-newsstream {
        padding-bottom: 44px
    }
}

@media screen and (min-width: 1025px) {
    .region-page-newsstream {
        padding-bottom: 0
    }
}

.region-page-newsstream .button-feed {
    display: inline-block;
    color: #c6c5c6;
    margin: 11px 11px 0;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.region-page-newsstream .button-feed:focus, .region-page-newsstream .button-feed:hover {
    color: #6b717a;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .region-page-newsstream nav {
        padding: 15px;
        background: #FFF;
        position: absolute;
        top: -11px;
        right: 0
    }
}

@media screen and (min-width: 1025px) {
    .region-page-newsstream nav {
        top: -61px
    }
}

@media screen and (min-width: 1400px) {
    .region-page-newsstream nav {
        padding: 15px 30px
    }
}

.region-page-newsstream nav ul.nav-meta {
    margin-top: 5px;
    margin-bottom: 0
}

.region-page-newsstream .newsstream-tab-container {
    padding-bottom: 20px
}

@media screen and (min-width: 1025px) {
    .region-page-newsstream .newsstream-tab-container {
        margin: 0 -15px;
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width: 1025px) {
    .region-page-newsstream .newsstream-tab-container .controls {
        right: 0;
        left: 0
    }
}

.region-page-newsstream .verkehrsmeldungen-container {
    display: none
}

@media screen and (min-width: 1025px) {
    .region-page-newsstream .verkehrsmeldungen-container {
        display: block
    }
}

.section-title-holder {
    padding-left: 0;
    margin-bottom: 20px;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .section-title-holder {
        margin-bottom: 0;
        overflow: auto
    }
}

.pois-stations-tab-container .section-title-holder {
    margin-bottom: 0
}

.region-page-newsstream .section-title-holder {
    margin-bottom: 12.5px
}

.section-title-holder li {
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #FFF;
    background: #c71712;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 16px !important;
    font-weight: bold;
    background: #bab8b8;
    margin-left: -5px;
    padding: 13px 14px 8px 14px;
    -webkit-transition: background-color .35s ease;
    -o-transition: background-color .35s ease;
    transition: background-color .35s ease
}

.section-title-holder li:after {
    background: inherit
}

.modal-open .section-title-holder li {
    z-index: 0
}

.section-title-holder li + .button-feed {
    display: inline-block;
    padding: 11px;
    width: 38px;
    height: 38px;
    background: #d5d5d5;
    color: #FFF;
    text-align: center;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.section-title-holder li + .button-feed:focus, .section-title-holder li + .button-feed:hover {
    background: #bcbcbc;
    text-decoration: none
}

@media screen and (max-width: 480px) {
    .section-title-holder li {
        font-size: 14px
    }
}

.section-title-holder li:after {
    content: none
}

.section-title-holder li:first-child {
    margin-left: 0
}

.section-title-holder li:focus, .section-title-holder li:hover {
    background: #a19e9e
}

.section-title-holder li.active {
    background: #c71712
}

.section-title-holder li.active:first-child {
    margin-left: 0
}

.section-title-holder li.active:after {
    content: ''
}

.pois-stations-tab-container .section-title-holder li {
    margin-bottom: 0;
    font-size: 14px
}

@media screen and (min-width: 1400px) {
    .pois-stations-tab-container .section-title-holder li {
        font-size: 18px
    }
}

.section-title-holder a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none
}

.verkehrsmeldungen-container {
    margin-top: 15px
}

@media screen and (min-width: 768px) {
    .verkehrsmeldungen-container {
        margin-top: 0
    }
}

@media screen and (min-width: 1400px) {
    .verkehrsmeldungen-container {
        margin-top: 30px
    }
}

@media screen and (min-width: 1025px) {
    .verkehrsmeldungen-container.narrow .box-more-info .header-content > i {
        float: left
    }
}

.verkehrsmeldungen-container.narrow .box-more-info .header-content > h1 {
    margin-top: 7px;
    float: left;
    width: 67%
}

@media screen and (min-width: 480px) {
    .verkehrsmeldungen-container.narrow .box-more-info .header-content > h1 {
        margin-top: 13px
    }
}

@media screen and (min-width: 1025px) {
    .verkehrsmeldungen-container.narrow .box-more-info .header-content > h1 {
        width: auto;
        margin: 12px 0 0 25px
    }
}

.verkehrsmeldungen-container.narrow .box-more-info .no-messages {
    padding: 0
}

.verkehrsmeldungen-container .box-more-info {
    margin-top: 0
}

.verkehrsmeldungen-container .box-more-info.box-more-info-announcement .content {
    background-color: #858c92;
    background-image: url('../img/icon-background-notice-small.png');
    background-image: url('../img/icon-background-notice-small.png'), -webkit-linear-gradient(top, #858c92 0, #586169 100%);
    background-image: url('../img/icon-background-notice-small.png'), -o-linear-gradient(top, #858c92 0, #586169 100%);
    background-image: url('../img/icon-background-notice-small.png'), linear-gradient(to bottom, #858c92 0, #586169 100%);
    background-position: right 95%, 0 0;
    background-repeat: no-repeat, repeat-x;
    padding-bottom: 50px
}

@media screen and (min-width: 1025px) {
    .verkehrsmeldungen-container .box-more-info.box-more-info-announcement .content {
        min-height: 539px
    }
}

.verkehrsmeldungen-container .box-more-info.box-more-info-announcement .content:after {
    background-image: none;
    background-color: inherit;
    background-image: -webkit-linear-gradient(top, #858c92 0, #586169 100%);
    background-image: -o-linear-gradient(top, #858c92 0, #586169 100%);
    background-image: linear-gradient(to bottom, #858c92 0, #586169 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff858c92', endColorstr='#ff586169', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-position: 0 0
}

.verkehrsmeldungen-container .box-more-info.box-more-info-announcement .link-more-info {
    position: absolute;
    bottom: 20px
}

.verkehrsmeldungen-container .box-more-info .header-content {
    color: #54616c
}

.verkehrsmeldungen-container .box-more-info .header-content > i {
    font-size: 2em
}

@media screen and (min-width: 1025px) {
    .verkehrsmeldungen-container .box-more-info .header-content > i {
        float: left
    }
}

.verkehrsmeldungen-container .box-more-info .header-content > h1 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 18px;
    margin-left: 10px
}

@media screen and (min-width: 480px) {
    .verkehrsmeldungen-container .box-more-info .header-content > h1 {
        font-size: 16px
    }
}

@media screen and (min-width: 768px) {
    .verkehrsmeldungen-container .box-more-info .header-content > h1 {
        float: left;
        width: 80%
    }
}

.verkehrsmeldungen-container .box-more-info .content {
    position: relative;
    z-index: 1;
    background: #FFF;
    padding-top: 15px
}

.verkehrsmeldungen-container .box-more-info .content:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
    left: -27px;
    width: 29px;
    background: inherit
}

.no-touch .verkehrsmeldungen-container .box-more-info .content:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 28px 100%, 0 calc(100% - 30px));
    -webkit-transform: rotate(360deg)
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen {
    position: relative;
    padding: 0;
    margin-bottom: 0;
    background-color: transparent
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen:before, .verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen:after {
    content: " ";
    display: table
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen:after {
    clear: both
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen:before, .verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen:after {
    content: " ";
    display: table
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen:after {
    clear: both
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen.no-items .control-item {
    display: none
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen.no-items ul.list-results {
    margin-bottom: 35px
}

@media screen and (min-width: 1400px) {
    .verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen.no-items ul.list-results {
        margin-bottom: 20px
    }
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results {
    border-top: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 65px
}

@media screen and (min-width: 1400px) {
    .verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results {
        margin-bottom: 20px
    }
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li {
    margin: 0;
    display: block;
    border-top: 1px solid #dadcdd;
    border-bottom-color: #dadcdd;
    box-shadow: inset 0 1px 0 #f3f3f4;
    color: #333
}

@media screen and (min-width: 1400px) {
    .verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li {
        border-bottom: none
    }
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li:last-child {
    border-bottom: none
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li a {
    position: relative;
    display: block;
    padding: 0 13px 18px;
    color: #333;
    font-size: 14px;
    line-height: 1.15;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li a:before {
    color: #bab8b8;
    font-size: 14px
}

@media screen and (max-width: 1399px) {
    .verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li a:before {
        content: none
    }
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li a:focus, .verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li a:hover {
    background: #eee;
    margin: 0
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li a .button-railway {
    padding: 6px 44px 3px 5px;
    margin-right: 0;
    margin-left: -3px;
    width: 100px;
    font-size: 14px
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li a .button-railway .type-indicator {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    background: #6b717a;
    text-align: center;
    padding-top: 5px;
    line-height: 1
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li a .line-route {
    display: block;
    margin: 15px 0 10px;
    font-weight: bold
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen ul.list-results li a .disruption-timespan {
    display: block;
    font-size: 13px;
    font-weight: normal
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen .slick-dots {
    border: none;
    box-shadow: none;
    top: auto;
    bottom: 50px
}

.verkehrsmeldungen-container .box-more-info .list-verkehrsmeldungen .slick-dots li {
    border: none;
    box-shadow: none
}

.verkehrsmeldungen-container .box-more-info .no-messages {
    display: block;
    padding: 15px;
    color: #333
}

.verkehrsmeldungen-container .box-more-info .button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    padding: 12px 20px 11px;
    border-radius: 20px;
    border: none;
    line-height: 1;
    font-size: 17px;
    background: #6b717a;
    color: #FFF;
    min-width: 135px;
    background: #e3e2e2;
    color: #6b717a;
    float: right
}

.verkehrsmeldungen-container .box-more-info .button:focus, .verkehrsmeldungen-container .box-more-info .button:active:focus, .verkehrsmeldungen-container .box-more-info .button.active:focus, .verkehrsmeldungen-container .box-more-info .button.focus, .verkehrsmeldungen-container .box-more-info .button:active.focus, .verkehrsmeldungen-container .box-more-info .button.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.verkehrsmeldungen-container .box-more-info .button:hover, .verkehrsmeldungen-container .box-more-info .button:focus, .verkehrsmeldungen-container .box-more-info .button.focus {
    color: #333;
    text-decoration: none
}

.verkehrsmeldungen-container .box-more-info .button:active, .verkehrsmeldungen-container .box-more-info .button.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.verkehrsmeldungen-container .box-more-info .button.disabled, .verkehrsmeldungen-container .box-more-info .button[disabled], fieldset[disabled] .verkehrsmeldungen-container .box-more-info .button {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.verkehrsmeldungen-container .box-more-info .button.disabled, fieldset[disabled] a.verkehrsmeldungen-container .box-more-info .button {
    pointer-events: none
}

.verkehrsmeldungen-container .box-more-info .button:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    background: #c71712
}

.verkehrsmeldungen-container .box-more-info .button:focus, .verkehrsmeldungen-container .box-more-info .button:hover {
    color: #FFF
}

.verkehrsmeldungen-container .box-more-info .button:focus:after, .verkehrsmeldungen-container .box-more-info .button:hover:after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.verkehrsmeldungen-container .box-more-info .button.button-angular {
    border-radius: 0
}

.verkehrsmeldungen-container .box-more-info .button.red:hover {
    background: #55606b
}

.verkehrsmeldungen-container .box-more-info .button.red:hover:after {
    background: #55606b
}

.verkehrsmeldungen-container .box-more-info .button.red {
    background-color: #c71712;
    color: #FFF
}

.verkehrsmeldungen-container .box-more-info .button.padding-x2 {
    padding-left: 40px;
    padding-right: 40px
}

@media screen and (min-width: 1400px) {
    .verkehrsmeldungen-container .box-more-info .button {
        float: none
    }
}

.verkehrsmeldungen-container .box-more-info .button:focus, .verkehrsmeldungen-container .box-more-info .button:hover {
    color: #FFF
}

.verkehrsmeldungen-container .box-more-info .button:before {
    content: none
}

.verkehrsmeldungen-container .control-item {
    position: absolute;
    bottom: 55px;
    font-size: 35px;
    height: 35px;
    color: #54616c
}

@media screen and (min-width: 1025px) {
    .verkehrsmeldungen-container .control-item {
        display: none
    }
}

.verkehrsmeldungen-container .control-item.control-item-prev {
    left: -5px
}

.verkehrsmeldungen-container .control-item.control-item-next {
    right: -5px
}

.verkehrsmeldungen-container .control-item.slick-disabled {
    color: #cececd !important
}

.disruption-timespan {
    color: #a2a9b3;
    font-size: 90%
}

.newsstream-tab-container {
    position: relative;
    padding: 30px 0 60px 15px;
    background: #FFF
}

.newsstream-tab-container:before, .newsstream-tab-container:after {
    content: " ";
    display: table
}

.newsstream-tab-container:after {
    clear: both
}

.newsstream-tab-container:before, .newsstream-tab-container:after {
    content: " ";
    display: table
}

.newsstream-tab-container:after {
    clear: both
}

@media screen and (min-width: 1025px) {
    .newsstream-tab-container {
        padding-right: 15px
    }
}

@media screen and (min-width: 1025px) {
    .newsstream-tab-container {
        padding-top: 0
    }
}

.newsstream-tab-container .slick-list {
    z-index: 1
}

.newsstream-tab-container .controls {
    position: absolute;
    top: 0;
    left: 8px;
    height: 100%;
    width: 0
}

@media screen and (min-width: 1025px) {
    .newsstream-tab-container .controls {
        width: auto;
        height: 0;
        top: 34px;
        right: 15px;
        left: 15px
    }
}

.newsstream-tab-container .controls:after {
    content: '';
    position: absolute;
    left: 16px;
    z-index: 0;
    width: 0;
    height: 100%;
    border-right: 2px dotted #c1c1c0
}

@media screen and (min-width: 1025px) {
    .newsstream-tab-container .controls:after {
        border-right: none;
        border-top: 2px dotted #c1c1c0;
        left: 0;
        width: 100%;
        height: 0
    }
}

.newsstream-tab-container .control-item {
    position: absolute;
    z-index: 3;
    left: 0;
    font-size: 2em;
    color: #57616d;
    background: #FFF
}

.newsstream-tab-container .control-item:focus, .newsstream-tab-container .control-item:hover {
    color: #c71712 !important
}

.newsstream-tab-container .control-item.slick-disabled {
    color: #cecece !important
}

.newsstream-tab-container .control-item-prev {
    top: 0
}

@media screen and (min-width: 1025px) {
    .newsstream-tab-container .control-item-prev {
        top: -18px;
        left: 0
    }
}

@media screen and (min-width: 1025px) {
    .newsstream-tab-container .control-item-prev i:before {
        content: "\e004"
    }
}

.newsstream-tab-container .control-item-next {
    bottom: 0
}

@media screen and (min-width: 1025px) {
    .newsstream-tab-container .control-item-next {
        top: -18px;
        right: 0;
        bottom: auto;
        left: auto
    }
}

@media screen and (min-width: 1025px) {
    .newsstream-tab-container .control-item-next i:before {
        content: "\e007"
    }
}

.box-tab-newsstream {
    padding: 0 0 0 61px
}

@media screen and (min-width: 768px) {
    .box-tab-newsstream {
        padding-right: 15px
    }
}

@media screen and (min-width: 1025px) {
    .box-tab-newsstream {
        width: 50%;
        float: left;
        padding-top: 85px;
        padding-left: 36px
    }
}

@media screen and (min-width: 1400px) {
    .box-tab-newsstream {
        width: 33.3333333%
    }
}

.box-tab-newsstream:focus .content, .box-tab-newsstream:hover .content {
    background: #6b717a;
    color: #FFF
}

.box-tab-newsstream:focus .content:before, .box-tab-newsstream:hover .content:before {
    border-right-color: #6b717a
}

@media screen and (min-width: 1025px) {
    .box-tab-newsstream:focus .content:before, .box-tab-newsstream:hover .content:before {
        border-right-color: transparent;
        border-bottom-color: #6b717a
    }
}

.box-tab-newsstream:focus .content .date-day, .box-tab-newsstream:hover .content .date-day {
    color: #c71712
}

.box-tab-newsstream:focus .newsstream-category > i, .box-tab-newsstream:hover .newsstream-category > i, .box-tab-newsstream:focus .newsstream-type, .box-tab-newsstream:hover .newsstream-type, .box-tab-newsstream:focus .button-read-more, .box-tab-newsstream:hover .button-read-more, .box-tab-newsstream:focus .button-read-more:before, .box-tab-newsstream:hover .button-read-more:before {
    color: #FFF
}

.box-tab-newsstream .content {
    position: relative;
    z-index: 1;
    height: 205px;
    margin-top: 25px;
    background: #e1e2e6;
    padding: 28px 6px 75px 11px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media screen and (min-width: 1025px) {
    .box-tab-newsstream .content {
        padding-right: 26px;
        height: 300px;
        margin-top: 0
    }
}

@media screen and (min-width: 1400px) {
    .box-tab-newsstream .content {
        height: 240px
    }
}

.no-js .box-tab-newsstream .content {
    height: auto
}

.box-tab-newsstream .content:before {
    top: 40px;
    right: calc(100% + 15px);
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    border-color: rgba(228, 227, 227, 0);
    border-right-color: #e4e3e3;
    border-width: 15px;
    margin-top: -15px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media screen and (min-width: 1025px) {
    .box-tab-newsstream .content:before {
        bottom: 100%;
        left: 50%;
        top: auto;
        right: auto;
        margin-top: auto;
        margin-left: -15px;
        border-right-color: transparent;
        border-bottom-color: #e4e3e3
    }
}

.box-tab-newsstream .content:after {
    background: inherit;
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
    left: -20px;
    width: 22px
}

.no-touch .box-tab-newsstream .content:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 21px 100%, 0 calc(100% - 16px));
    -webkit-transform: rotate(360deg)
}

.box-tab-newsstream .headline:before, .box-tab-newsstream .headline:after {
    content: " ";
    display: table
}

.box-tab-newsstream .headline:after {
    clear: both
}

.box-tab-newsstream .headline:before, .box-tab-newsstream .headline:after {
    content: " ";
    display: table
}

.box-tab-newsstream .headline:after {
    clear: both
}

.box-tab-newsstream .newsstream-category {
    font-size: 16px;
    display: inline-block
}

.box-tab-newsstream .newsstream-category i {
    color: #c71712;
    position: relative;
    top: 2px;
    margin-right: 5px;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.box-tab-newsstream .newsstream-type {
    text-transform: uppercase;
    color: #6b717a;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.box-tab-newsstream .newsstream-date {
    float: right;
    margin-right: 5px;
    font-weight: bold;
    text-transform: uppercase
}

.box-tab-newsstream .newsstream-date:before, .box-tab-newsstream .newsstream-date:after {
    content: " ";
    display: table
}

.box-tab-newsstream .newsstream-date:after {
    clear: both
}

.box-tab-newsstream .newsstream-date:before, .box-tab-newsstream .newsstream-date:after {
    content: " ";
    display: table
}

.box-tab-newsstream .newsstream-date:after {
    clear: both
}

@media screen and (min-width: 480px) {
    .box-tab-newsstream .newsstream-date {
        position: absolute;
        top: 22px;
        right: 22px;
        letter-spacing: 1px;
        font-size: 24px;
        margin-right: 0;
        float: none
    }
}

@media screen and (min-width: 1025px) {
    .box-tab-newsstream .newsstream-date {
        font-size: 30px;
        top: -70px;
        right: 0;
        left: -21px;
        text-align: center
    }
}

@media screen and (min-width: 1025px) {
    .box-tab-newsstream .newsstream-date .date-day, .box-tab-newsstream .newsstream-date .date-month {
        display: inline-block;
        background: #FFF
    }
}

.box-tab-newsstream .newsstream-date .date-day {
    color: #6b717a
}

@media screen and (min-width: 1025px) {
    .box-tab-newsstream .newsstream-date .date-day {
        padding: 0 8px;
        margin-right: -10px
    }
}

.box-tab-newsstream .newsstream-date .date-month {
    color: #c1c1c0
}

@media screen and (min-width: 1025px) {
    .box-tab-newsstream .newsstream-date .date-month {
        padding-right: 8px
    }
}

.box-tab-newsstream h1 {
    font-size: 20px;
    line-height: 1.23em;
    margin-top: 15px
}

@media screen and (min-width: 768px) {
    .box-tab-newsstream h1 {
        font-size: 24px;
        margin-top: 25px
    }
}

.box-tab-newsstream .button-read-more {
    position: absolute;
    bottom: 26px;
    color: #6b717a;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.box-tab-newsstream .button-read-more:before {
    content: "\e009"
}

.box-tab-newsstream .button-read-more:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .9em;
    position: relative;
    top: 2px;
    margin-right: 5px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.box-tab-newsstream .button-read-more:focus, .box-tab-newsstream .button-read-more:hover {
    color: #FFF;
    padding-left: 3px
}

.box-tab-newsstream .button-read-more:focus:before, .box-tab-newsstream .button-read-more:hover:before {
    margin-right: 10px
}

.box-tab-newsstream .icon-point {
    position: absolute;
    top: 34px;
    left: -57px;
    color: #6b717a;
    font-size: 11px
}

@media screen and (min-width: 1025px) {
    .box-tab-newsstream .icon-point {
        display: none
    }
}

.region-page-routes {
    position: relative;
    padding-top: 40px;
    padding-bottom: 50px
}

@media screen and (min-width: 1025px) {
    .region-page-routes {
        padding-bottom: 55px
    }
}

@media screen and (min-width: 1400px) {
    .region-page-routes {
        padding-bottom: 70px
    }
}

@media screen and (min-width: 1025px) {
    .region-page-routes .nav {
        float: right;
        position: relative
    }
}

.region-page-routes .nav > li {
    display: inline-block
}

.region-page-routes .nav > li.active > a, .region-page-routes .nav > li > a:hover, .region-page-routes .nav > li > a:focus {
    background: #FFF
}

.region-page-routes .nav > li > a {
    padding: 5px 7px 7px;
    -webkit-transition: background .35s ease;
    -o-transition: background .35s ease;
    transition: background .35s ease
}

.region-page-routes .nav .section-title {
    padding: 3px 6px 1px 6px;
    margin-right: 6px;
    margin-left: 6px;
    font-size: 12px;
    white-space: nowrap
}

@media screen and (min-width: 1025px) {
    .region-page-routes .tab-content {
        position: relative
    }
}

.region-page-routes .button-show-all {
    position: absolute;
    left: 50%;
    bottom: -70px;
    margin-left: -22px;
    font-size: 2.5em;
    color: #54616c;
    text-decoration: none;
    display: none;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media screen and (min-width: 1025px) {
    .region-page-routes .button-show-all {
        display: block
    }
}

.region-page-routes .button-show-all:focus, .region-page-routes .button-show-all:hover {
    color: #c71712
}

.region-page-routes .button-show-all.active i:before {
    content: "\e00a"
}

.region-page-routes .link-more-info {
    position: absolute;
    right: 15px;
    bottom: -40px;
    font-size: 16px;
    color: #54616c;
    display: block;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.region-page-routes .link-more-info > i {
    font-size: .8em
}

.region-page-routes .link-more-info:focus, .region-page-routes .link-more-info:hover {
    text-decoration: none;
    color: #c71712
}

.region-page-topics {
    padding-top: 15px
}

@media screen and (min-width: 768px) {
    .region-page-topics {
        padding-top: 30px
    }
}

@media screen and (min-width: 768px) {
    .region-page-newsstream, .region-page-routes, .region-page-topics {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media screen and (min-width: 1400px) {
    .region-page-newsstream, .region-page-routes, .region-page-topics {
        padding-right: 0;
        padding-left: 0
    }
}

.box-topic {
    position: relative;
    margin-top: 22px;
    background: #FFF
}

.box-topic:before, .box-topic:after {
    content: " ";
    display: table
}

.box-topic:after {
    clear: both
}

.box-topic:before, .box-topic:after {
    content: " ";
    display: table
}

.box-topic:after {
    clear: both
}

@media screen and (min-width: 768px) {
    .box-topic {
        height: 615px;
        margin-top: 30px
    }
}

.box-topic .img-wrapper {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 247px
}

@media screen and (min-width: 680px) {
    .box-topic .img-wrapper {
        float: left;
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    .box-topic .img-wrapper {
        float: none;
        width: 100%;
        height: 310px
    }
}

.box-topic img {
    position: absolute;
    left: -100%;
    right: -100%;
    top: 0;
    bottom: 0;
    margin: 0 auto
}

.box-topic .headline .text {
    font-size: 15px;
    text-transform: uppercase;
    color: #c71712
}

.box-topic h1 {
    font-size: 28px
}

@media screen and (min-width: 680px) {
    .box-topic h1 {
        margin-top: 10px
    }
}

@media screen and (min-width: 768px) {
    .box-topic h1 {
        margin-top: 25px
    }
}

.box-topic .content {
    padding: 20px;
    font-size: 16px
}

@media screen and (min-width: 680px) {
    .box-topic .content {
        float: left;
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    .box-topic .content {
        float: none;
        width: auto;
        padding-top: 30px;
        padding-bottom: 80px
    }
}

@media screen and (min-width: 1025px) {
    .box-topic .content {
        padding-top: 20px
    }
}

@media screen and (min-width: 768px) {
    .box-topic .button {
        position: absolute;
        bottom: 20px
    }
}

.box-region-topic {
    position: relative;
    margin-top: 15px;
    background: #FFF
}

.box-region-topic:before, .box-region-topic:after {
    content: " ";
    display: table
}

.box-region-topic:after {
    clear: both
}

.box-region-topic:before, .box-region-topic:after {
    content: " ";
    display: table
}

.box-region-topic:after {
    clear: both
}

@media screen and (min-width: 768px) {
    .box-region-topic {
        margin-top: 30px
    }
}

@media screen and (min-width: 1400px) {
    .box-region-topic {
        overflow: hidden
    }
}

@media screen and (min-width: 768px) {
    .box-region-topic.box-region-topic-wide-narrow {
        height: 206px
    }
}

.box-region-topic.box-region-topic-wide-narrow .img-wrapper {
    height: 206px
}

@media screen and (min-width: 768px) {
    .box-region-topic.box-region-topic-wide-narrow .img-wrapper {
        float: left;
        width: calc(50% + 15px)
    }
}

.box-region-topic.box-region-topic-wide-narrow .content {
    padding: 30px 30px 55px
}

@media screen and (min-width: 768px) {
    .box-region-topic.box-region-topic-wide-narrow .content {
        float: left;
        width: calc(50% - 15px);
        padding-right: 100px
    }
}

@media screen and (min-width: 768px) {
    .box-region-topic.box-region-topic-wide {
        height: 338px
    }
}

.box-region-topic.box-region-topic-wide .img-wrapper {
    height: 331px
}

@media screen and (min-width: 768px) {
    .box-region-topic.box-region-topic-wide .img-wrapper {
        float: left;
        width: calc(50% + 15px);
        height: 338px
    }
}

.box-region-topic.box-region-topic-wide .content {
    padding: 30px
}

@media screen and (min-width: 768px) {
    .box-region-topic.box-region-topic-wide .content {
        float: left;
        width: calc(50% - 15px)
    }
}

@media screen and (min-width: 768px) {
    .box-region-topic.box-region-topic-narrow {
        height: 206px
    }
}

.box-region-topic.box-region-topic-narrow .img-wrapper {
    height: 206px
}

.box-region-topic.box-region-topic-narrow .content {
    padding: 30px 30px 55px
}

.box-region-topic .img-wrapper {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 247px
}

@media screen and (min-width: 768px) {
    .box-region-topic .img-wrapper {
        float: none;
        width: 100%;
        height: 310px
    }
}

.box-region-topic img {
    position: absolute;
    left: -100%;
    right: -100%;
    top: 0;
    bottom: 0;
    margin: 0 auto
}

.box-region-topic .headline .text {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #c71712
}

.box-region-topic h1 {
    font-size: 28px
}

@media screen and (min-width: 680px) {
    .box-region-topic h1 {
        margin-top: 10px
    }
}

.box-region-topic .content {
    padding: 20px;
    font-size: 16px
}

@media screen and (min-width: 680px) {
    .box-region-topic .content {
        float: left;
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    .box-region-topic .content {
        float: none;
        width: auto;
        padding-top: 30px;
        padding-bottom: 80px
    }
}

@media screen and (min-width: 1025px) {
    .box-region-topic .content {
        padding-top: 20px
    }
}

@media screen and (min-width: 768px) {
    .box-region-topic .button {
        position: absolute;
        bottom: 20px
    }
}

.box-region-topic .button-iconized-circle {
    position: absolute;
    right: 20px;
    bottom: 20px
}

.breadcrumb {
    padding: 7px 0;
    margin-bottom: 0;
    background-color: transparent;
    font-size: 13px;
    font-weight: bold
}

@media screen and (min-width: 768px) {
    .breadcrumb {
        padding: 10px 0 13px
    }
}

.breadcrumb > li + li:before {
    content: "\e056"
}

.breadcrumb > li + li:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5em;
    color: #a7a6a6;
    position: relative;
    top: 5px
}

.breadcrumb > .active {
    color: #c71712
}

.breadcrumb a {
    color: #54616c
}

.sidebar-navigation-container {
    display: none
}

@media screen and (min-width: 1025px) {
    .sidebar-navigation-container {
        display: block
    }
}

.menu-item-node-3330, .menu-item-node-3363 {
    display: none
}

@media screen and (min-width: 1025px) {
    .menu-item-node-3330, .menu-item-node-3363 {
        display: block
    }
}

#counter-value {
    display: none
}

.box-to-map-view {
    background-image: -webkit-linear-gradient(top, #c71712 0, #db2621 100%);
    background-image: -o-linear-gradient(top, #c71712 0, #db2621 100%);
    background-image: linear-gradient(to bottom, #c71712 0, #db2621 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc71712', endColorstr='#ffdb2621', GradientType=0);
    position: relative;
    padding: 27px 19px 19px 60px;
    margin: 30px 0 0;
    color: #FFF;
    font-weight: bold;
    line-height: 1.22em;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: none
}

@media screen and (min-width: 1025px) {
    .box-to-map-view {
        display: block
    }
}

.box-to-map-view:first-child {
    margin-top: 0
}

.box-to-map-view i {
    font-size: 30px;
    margin-right: 15px;
    position: absolute;
    top: 20px;
    left: 19px
}

@media screen and (min-width: 1025px) {
    .box-to-map-view i {
        top: 26px
    }
}

.main-content {
    position: relative;
    z-index: 2;
    margin: 0 0 17px;
    background: #FFF;
    font-size: 16px;
    padding: 30px 0
}

@media screen and (min-width: 1280px) {
    .main-content {
        padding: 30px 30px
    }
}

.main-content h1, .main-content .page-title {
    margin-top: 10px;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .main-content h1, .main-content .page-title {
        margin-top: 25px;
        margin-bottom: 12.5px
    }
}

.main-content h1 .button-railway, .main-content .page-title .button-railway {
    display: inline-block;
    position: relative;
    top: -7px;
    margin: 0 6px 0 0;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

.main-content h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px
}

@media screen and (min-width: 1025px) {
    .main-content h2 {
        font-size: 26px
    }
}

.main-content h2:first-child {
    margin-top: 0
}

.main-content h3, .main-content h4, .main-content h5, .main-content h6 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px
}

.main-content h3 + ul, .main-content h4 + ul, .main-content h5 + ul, .main-content h6 + ul {
    margin-top: 10px
}

.main-content .section-title {
    font-size: 18px;
    margin-bottom: 0
}

.main-content hr {
    border-top-color: #e1e2e6;
    margin: 15px -15px
}

.main-content table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
    font-size: 16px
}

.main-content table > thead > tr > th, .main-content table > tbody > tr > th, .main-content table > tfoot > tr > th, .main-content table > thead > tr > td, .main-content table > tbody > tr > td, .main-content table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.main-content table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.main-content table > caption + thead > tr:first-child > th, .main-content table > colgroup + thead > tr:first-child > th, .main-content table > thead:first-child > tr:first-child > th, .main-content table > caption + thead > tr:first-child > td, .main-content table > colgroup + thead > tr:first-child > td, .main-content table > thead:first-child > tr:first-child > td {
    border-top: 0
}

.main-content table > tbody + tbody {
    border-top: 2px solid #ddd
}

.main-content table .table {
    background-color: #fff
}

.main-content table > thead {
    color: #FFF;
    background: #6b717a
}

.main-content table > thead > tr > th {
    border-bottom: none
}

.main-content table > tbody > tr:nth-of-type(even) {
    background: #e1e2e6
}

.main-content table > tbody > tr > td {
    border-top: none;
    border-bottom: 3px solid #e1e2e6
}

.main-content table > tbody > tr > td:first-child {
    border-right: 3px solid #FFF
}

.main-content table.table-text-align-center {
    text-align: center
}

.main-content .table-responsive {
    margin-bottom: 25px
}

.main-content .table-responsive > table {
    margin-bottom: 0
}

.main-content .content-header {
    position: relative
}

.single-page .main-content .content-header {
    padding-top: 35px
}

@media screen and (min-width: 1400px) {
    .single-page .main-content .content-header {
        padding-top: 0
    }
}

.main-content .content-header.content-header-press {
    margin: 0 -30px 20px;
    padding-right: 30px;
    padding-left: 30px;
    border-bottom: 1px solid #d6d6d6
}

.main-content .content-header.content-header-press .button-feed {
    right: 30px
}

.main-content .content-header .button-feed {
    display: inline-block;
    color: #6b717a;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px
}

.main-content .content-header .button-feed:focus, .main-content .content-header .button-feed:hover {
    text-decoration: none
}

.main-content .content-header .button-feed:focus i:before, .main-content .content-header .button-feed:hover i:before {
    content: "\e057"
}

.main-content .list-station-features {
    padding-left: 0;
    list-style: none
}

.main-content .list-station-features:before, .main-content .list-station-features:after {
    content: " ";
    display: table
}

.main-content .list-station-features:after {
    clear: both
}

.main-content .list-station-features:before, .main-content .list-station-features:after {
    content: " ";
    display: table
}

.main-content .list-station-features:after {
    clear: both
}

.main-content .list-station-features li {
    position: relative;
    display: block;
    float: left;
    margin: 0 12px 10px 0;
    padding: 8px 18px 8px 9px;
    min-height: 46px;
    background: #e1e2e6
}

.main-content .list-station-features li:first-child {
    margin-top: 0
}

.main-content .list-station-features li:before {
    content: none
}

.main-content .list-station-features li img {
    display: block;
    position: absolute;
    top: 8px;
    left: 9px
}

.main-content .list-station-features li span {
    display: block;
    color: #444;
    font-size: 14px;
    font-weight: bold;
    padding-left: 44px;
    margin-top: 7px
}

@media screen and (min-width: 480px) {
    .main-content p > a {
        position: relative;
        display: inline-block;
        outline: none;
        vertical-align: bottom;
        text-decoration: none;
        white-space: nowrap;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease
    }

    .main-content p > a:focus, .main-content p > a:hover {
        color: #FFF !important;
    }

    .main-content p > a:focus:before, .main-content p > a:hover:before {
        opacity: 1;
        -webkit-transform: skewY(0) skewX(0);
        transform: skewY(0) skewX(0)
    }

    .main-content p > a:before {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        position: absolute;
        top: 0;
        left: -3px;
        z-index: -1;
        box-sizing: content-box;
        padding: 0 3px;
        width: 100%;
        height: 100%;
        background: #c71712;
        content: '';
        opacity: 0;
        -webkit-transition: -webkit-transform .2s, opacity .2s;
        transition: transform .2s, opacity .2s;
        -webkit-transform: skewY(-3deg) skewX(-11deg);
        transform: skewY(-3deg) skewX(-11deg)
    }
}

.subline, .page-parent-title {
    text-transform: uppercase;
    color: #55606b;
    font-size: 14px;
    font-weight: bold
}

@media screen and (min-width: 768px) {
    .subline, .page-parent-title {
        font-size: 15px
    }
}

.content-indent > ul {
    padding-left: 0;
    list-style: none
}

.content-indent > ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px
}

.content-indent > ul li:before {
    content: "\e009"
}

.content-indent > ul li:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 8px;
    left: 0;
    font-size: .5em;
    color: #c71712
}

.content-indent > ul li ul {
    padding-left: 0;
    list-style: none
}

.content-indent .table-responsive {
    width: auto
}

.content-introduction {
    font-size: 18px
}

ul.list-sitemap, ul.list-sitemap ul {
    list-style: none
}

.box-route {
    display: block;
    padding: 22px 25px;
    margin-top: 19px;
    background: #e1e2e6;
    text-decoration: none !important
}

.box-route:hover {
    background-color: #ebeaea
}

.region-page .box-route {
    position: relative;
    background: #FFF
}

.box-route .route-from-to {
    position: relative;
    padding-left: 34px
}

.box-route .route-from-to > i {
    position: absolute;
    top: 5px;
    left: -10px;
    font-size: 2.75em;
    color: #333 !important;
    text-decoration: none !important
}

.box-route .route-from-to span {
    color: #333 !important;
    text-decoration: none !important
}

.box-route .route-from, .box-route .route-to {
    display: block
}

.box-route .route-from {
    margin-bottom: 16px
}

.box-route .section-title {
    padding: 3px 9px 0;
    margin-bottom: 20px;
    width: auto;
    font-size: 15px
}

.box-route .button {
    position: absolute;
    top: 7px;
    right: 8px;
    display: block;
    padding: 10px 6px 9px;
    background: transparent;
    color: #bab8b8;
    font-size: 14px
}

.content-list-overview .box-route .button {
    top: 47px;
    right: 30px
}

.box-route .button:after {
    content: none
}

.box-route .button:focus, .box-route .button:hover {
    color: #6b717a
}

.content-list-overview:before, .content-list-overview:after {
    content: " ";
    display: table
}

.content-list-overview:after {
    clear: both
}

.content-list-overview:before, .content-list-overview:after {
    content: " ";
    display: table
}

.content-list-overview:after {
    clear: both
}

.content-list-overview.content-list-overview-price .price-worth {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #6b717a
}

.content-list-overview.content-list-overview-price .text-content {
    font-size: 14px
}

.content-list-overview.content-list-overview-price .img-wrapper {
    background-color: transparent
}

.content-list-overview .box-route {
    margin-top: 30px
}

.content-list-overview article {
    position: relative;
    border-top: 1px solid #bdc0c5;
    padding-top: 24px;
    padding-bottom: 23px;
    min-height: 229px
}

.content-list-overview article:before, .content-list-overview article:after {
    content: " ";
    display: table
}

.content-list-overview article:after {
    clear: both
}

.content-list-overview article:before, .content-list-overview article:after {
    content: " ";
    display: table
}

.content-list-overview article:after {
    clear: both
}

.content-list-overview article img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%
}

.content-list-overview article h1 {
    margin: 22px 0
}

@media screen and (min-width: 768px) {
    .content-list-overview article h1 {
        margin-top: 0
    }
}

@media screen and (min-width: 768px) {
    .content-list-overview article .img-wrapper {
        position: absolute;
        height: 80%;
        overflow: hidden
    }

    .content-list-overview article .img-wrapper img {
        position: absolute;
        top: 0;
        right: -100%;
        bottom: 0;
        left: -100%;
        margin: 0 auto
    }
}

.content-list-overview article .content {
    padding: 0 15px
}

@media screen and (min-width: 768px) {
    .content-list-overview article .content {
        float: right
    }
}

@media screen and (min-width: 768px) {
    .content-list-overview article .img-wrapper, .content-list-overview article .content {
        width: 50%
    }
}

.content-list-overview .text-content {
    font-style: italic
}

.content-list-overview .link-more-info {
    display: block;
    margin-top: 20px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #6b717a;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.content-list-overview .link-more-info:focus, .content-list-overview .link-more-info:hover {
    text-decoration: none;
    color: #c71712
}

.content-list-overview .link-more-info i {
    position: relative;
    top: 2px;
    margin-right: 10px;
    font-size: .9em
}

.news-filter {
    position: relative;
    border: 1px solid #d6d6d6;
    border-left: none;
    border-right: none;
    margin: 0;
    padding: 14px 0
}

.news-filter.narrow:before, .news-filter.narrow:after {
    content: " ";
    display: table
}

.news-filter.narrow:after {
    clear: both
}

.news-filter.narrow:before, .news-filter.narrow:after {
    content: " ";
    display: table
}

.news-filter.narrow:after {
    clear: both
}

.news-filter.narrow > ul {
    float: left
}

.news-filter.news-filter-regions {
    border-bottom: none
}

.news-filter.news-filter-regions:after, .news-filter.news-filter-regions:before {
    top: 100%;
    left: 45px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    z-index: 11;
    pointer-events: none
}

.news-filter.news-filter-regions:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.news-filter.news-filter-regions:before {
    border-color: rgba(214, 214, 214, 0);
    border-top-color: #d6d6d6;
    border-width: 11px;
    margin-left: -11px
}

.news-filter.news-filter-regions.news-filter-regions-press-transregional {
    border-bottom: 1px solid #d6d6d6
}

.news-filter.news-filter-regions.news-filter-regions-press-transregional:after, .news-filter.news-filter-regions.news-filter-regions-press-transregional:before {
    content: none
}

.news-filter.news-filter-regions > ul li a {
    background: #6b717a;
    color: #FFF
}

.news-filter.news-filter-categories > ul li a {
    background: #dadada;
    color: #6b717a
}

.news-filter.news-filter-pois > ul li a {
    background: #FFF;
    color: #6b717a
}

.news-filter.news-filter-routes {
    padding-top: 20px
}

.news-filter.news-filter-routes > h2 {
    color: #444
}

@media screen and (min-width: 1025px) {
    .news-filter.news-filter-routes > h2 {
        font-size: 22px
    }
}

.news-filter.news-filter-routes > ul {
    margin-bottom: 0
}

.news-filter.news-filter-routes li {
    padding: 6px;
    margin-right: 0;
    margin-left: 0
}

.news-filter.news-filter-routes li.active {
    background: #e4e2e3
}

.news-filter.news-filter-routes a {
    text-transform: uppercase;
    margin-right: 0;
    margin-left: 8px;
    padding-left: 8px
}

.content-header-press + .row .news-filter {
    border-top: none
}

ul.list-filter {
    padding-left: 0;
    list-style: none;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold
}

ul.list-filter > li {
    display: inline-block;
    margin: 6px 10px 6px 0
}

ul.list-filter > li.active > a {
    background: #c71712;
    color: #FFF
}

ul.list-filter > li a {
    display: block;
    border-radius: 10px;
    padding: 5px 12px 3px;
    line-height: 1em;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

ul.list-filter > li a:focus, ul.list-filter > li a:hover {
    background: #c71712;
    color: #FFF;
    text-decoration: none
}

ul.list-filter > li a i {
    font-size: .9em;
    margin-left: 5px
}

.dropdown-filter-year {
    margin-top: 10px;
    z-index: 9
}

@media screen and (min-width: 480px) {
    .dropdown-filter-year {
        top: 15px;
        right: 30px;
        margin-top: 0
    }
}

.content-header + .dropdown-filter-year {
    top: 0;
    left: 0;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .content-header + .dropdown-filter-year {
        position: absolute;
        top: 80px;
        right: 0;
        left: auto;
        margin-bottom: 0
    }
}

.dropdown-filter-year button {
    border: none;
    border-radius: 20px;
    background: #6b717a;
    color: #FFF;
    padding: 8px 20px 4px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    width: 100%
}

.dropdown-filter-year button[aria-expanded="true"] i:before {
    content: "\e00c"
}

.dropdown-filter-year button i {
    position: relative;
    top: 3px;
    font-size: .9em;
    margin-left: 15px
}

.dropdown-filter-year .dropdown-menu {
    background: #dadada;
    font-weight: bold;
    border-radius: 0 0 15px 15px;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 15px;
    min-width: 100%;
    top: 20px;
    z-index: 1
}

.dropdown-filter-year .dropdown-menu a {
    font-size: 14px;
    font-weight: bold;
    color: #6b717a
}

.dropdown-backdrop {
    position: static
}

.news-list-item {
    position: relative;
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .news-list-item {
        padding-right: 0;
        padding-left: 0
    }
}

.news-list-item .region-flag {
    position: absolute;
    top: 18px;
    left: 0;
    padding: 5px 7px 3px;
    background: #FFF;
    color: #c71712;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase
}

.news-list-item .region-flag:after {
    content: '';
    position: absolute;
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    -webkit-transform: skewX(-15deg) skewY(0deg);
    -ms-transform: skewX(-15deg) skewY(0deg);
    -o-transform: skewX(-15deg) skewY(0deg);
    transform: skewX(-15deg) skewY(0deg);
    background: inherit
}

.news-list-item .content {
    padding: 21px 17px;
    background: #e1e2e6;
    color: #6b717a
}

.news-list-item .content h1 {
    font-size: 24px;
    font-weight: 300
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .news-list-item .content h1 {
        font-size: 20px
    }
}

.news-list-item .headline > i {
    color: #c71712;
    font-size: 1.25em;
    position: relative;
    top: 4px;
    margin-right: 10px
}

.news-list-item .newsstream-category {
    margin-bottom: 15px
}

.news-list-item .newsstream-date {
    color: #6b717a
}

.news-list-item .date-day {
    color: #555
}

.news-list-item .link-read-more {
    font-size: 15px;
    color: #6b717a;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.news-list-item .link-read-more:focus, .news-list-item .link-read-more:hover {
    color: #c71712;
    text-decoration: none
}

.news-list-item .link-read-more i {
    font-size: .9em
}

.box-related-entries {
    background: #FFF;
    padding: 24px 30px 0
}

.box-related-entries > h2 {
    position: relative;
    margin: 0 0 20px;
    font-size: 24px;
    color: #6b717a
}

.box-related-entries > h2:before {
    content: "\e019"
}

.box-related-entries > h2:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 0
}

.news-list-container, .imagearchive-list-container, .downloads-list-container {
    margin: 0 -15px
}

.row + .news-list-container, .row + .imagearchive-list-container, .row + .downloads-list-container {
    margin-top: 30px
}

.downloads-list-container {
    padding: 0
}

.downloads-list-container + .pagination-container .pagination {
    margin-bottom: 0
}

.downloads-list-item {
    min-width: 200px
}

@media screen and (min-width: 480px) {
    .downloads-list-item {
        min-width: initial
    }
}

.no-js .downloads-list-item {
    width: 100%
}

.downloads-list-item:before, .downloads-list-item:after {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    content: ""
}

.downloads-list-item:before {
    border-top: solid 10px #fff;
    border-right: solid 10px #fff;
    border-left: solid 10px transparent;
    border-bottom: solid 10px transparent
}

.downloads-list-item:after {
    border-bottom: solid 10px #d3d0d0;
    border-left: solid 10px #d3d0d0;
    border-right: solid 10px transparent;
    border-top: solid 10px transparent
}

.imagearchive-list-item, .downloads-list-item {
    position: relative;
    background: #e1e2e6;
    padding: 17px 17px 63px;
    margin: 0 0 18px
}

.imagearchive-list-item .content h1, .downloads-list-item .content h1 {
    font-size: 24px;
    font-weight: 300;
    margin-top: 15px
}

.imagearchive-list-item .download-action, .downloads-list-item .download-action {
    display: inline
}

.imagearchive-list-item .button-download, .downloads-list-item .button-download {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    padding: 15px 65px 0 17px;
    color: #6b717a;
    text-align: right
}

.imagearchive-list-item .button-download:focus, .downloads-list-item .button-download:focus, .imagearchive-list-item .button-download:hover, .downloads-list-item .button-download:hover {
    text-decoration: none
}

.imagearchive-list-item .button-download:focus i, .downloads-list-item .button-download:focus i, .imagearchive-list-item .button-download:hover i, .downloads-list-item .button-download:hover i {
    background: #c71712
}

.imagearchive-list-item .button-download i, .downloads-list-item .button-download i {
    width: 50px;
    height: 100%;
    position: absolute;
    display: inline;
    top: 0;
    right: 0;
    background: #6b717a;
    color: #FFF;
    font-size: 1.75em;
    text-align: center;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.imagearchive-list-item .button-download i:before, .downloads-list-item .button-download i:before {
    position: relative;
    top: 11px
}

.imagearchive-list-item .img-wrapper, .news-list-item .img-wrapper {
    position: relative;
    background-color: #e1e2e6
}

.imagearchive-list-item .img-wrapper img, .news-list-item .img-wrapper img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.imagearchive-list-item {
    padding-bottom: 17px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.imagearchive-list-item:hover {
    background: #6b717a;
    color: #FFF;
    padding-bottom: 63px
}

.imagearchive-list-item:hover .newsstream-category, .imagearchive-list-item:hover .button-download, .imagearchive-list-item:hover h1 {
    color: #FFF
}

.imagearchive-list-item .content h1 {
    font-size: 22px
}

.imagearchive-list-item .img-wrapper {
    margin-bottom: 8px;
    background-color: transparent
}

.imagearchive-list-item .description {
    display: none
}

.no-js .imagearchive-list-item .description {
    display: block
}

.imagearchive-list-item .imagearchive-copyright {
    display: block;
    font-size: 14px
}

.imagearchive-list-item .newsstream-category, .downloads-list-item .newsstream-category, .news-list-item .newsstream-category, .box-jobs-list-item .newsstream-category {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #c71712
}

@media screen and (min-width: 768px) {
    .imagearchive-list-item .newsstream-category, .downloads-list-item .newsstream-category, .news-list-item .newsstream-category, .box-jobs-list-item .newsstream-category {
        font-size: 14px
    }
}

.form-search {
    position: relative
}

.form-search .form-control {
    background: #e7e6e6;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #54616c;
    box-shadow: none;
    padding: 11px 12px 3px;
    height: 43px;
    color: #54616c
}

.form-search .form-control::-moz-placeholder {
    color: #54616c;
    opacity: 1
}

.form-search .form-control:-ms-input-placeholder {
    color: #54616c
}

.form-search .form-control::-webkit-input-placeholder {
    color: #54616c
}

.form-search .form-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 100%;
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 1.5em;
    color: #54616c
}

.form-search .form-submit i {
    position: relative;
    top: 5px
}

.search-results-container .search-results-header {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e1e1e1
}

.search-results-container .search-results-header h2 {
    margin-top: 30px;
    font-size: 24px;
    color: #c71712
}

.search-results-container .search-current-results, .search-results-container .search-result-count {
    font-weight: bold
}

.search-results-container .search-results + .pagination-container .pagination {
    margin: 26px 0 0
}

.search-results-container .search-result {
    padding: 25px 0 18px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 18px
}

.search-results-container .search-result:first-child {
    padding-top: 0
}

.search-results-container .search-result h3 {
    margin: 0 0 12px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold
}

.search-results-container .pagination {
    margin: 15px 0
}

.search-results-container .search-result-path {
    font-size: 14px;
    font-style: italic
}

.search-results-container .search-keyword {
    font-weight: bold;
    font-style: italic
}

@media screen and (min-width: 480px) {
    .error-page .main-content-container {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media screen and (min-width: 1400px) {
    .error-page .main-content-container {
        padding-right: 15px;
        padding-left: 15px
    }
}

.error-page-content {
    padding-right: 30px;
    padding-left: 30px;
    margin-top: 30px;
    font-size: 18px;
    text-align: center
}

@media screen and (min-width: 1025px) {
    .error-page-content {
        margin-top: 77px
    }
}

.error-page-content .subline, .error-page-content .parent-page-title {
    text-align: left;
    display: block
}

.error-page-content .header-icon {
    display: block;
    margin: 20px auto 0
}

.error-page-content h1 {
    margin: 30px 0 60px;
    color: #c71712
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .error-page-content p {
        width: 80%;
        margin-right: auto;
        margin-left: auto
    }
}

.nav-error-page {
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin: 30px 0 0
}

.nav-error-page > li {
    display: inline-block;
    margin-right: 30px;
    font-size: 16px
}

.nav-error-page > li > a {
    color: #54616c
}

.nav-error-page > li > a > i {
    color: #c71712;
    font-size: .8em
}

.html-module {
    margin: 30px 0 30px 0;
    padding: 15px;
    background: #e1e2e6
}

.html-module > h2 {
    margin: 0 2px 10px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #6b717a
}

.html-module iframe {
    border: 1px solid #333;
    width: 100%
}

.image-module {
    position: relative;
    margin-top: 20px;
    margin-bottom: 29px;
    background-color: #e1e2e6
}

.image-module:hover i {
    color: #e4e3e3
}

.image-module:hover i:before {
    content: "\e012"
}

.image-module.image-module-no-figcaption {
    background-color: transparent;
    overflow: hidden
}

.image-module.image-module-no-figcaption figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 11px 0 9px;
    width: 40px;
    height: 37px
}

.image-module.image-module-no-figcaption figcaption:before {
    content: '';
    position: absolute;
    top: 0;
    left: -19.5px;
    z-index: 1;
    width: 51px;
    height: 100%;
    -webkit-transform: skewX(-45deg) skewY(0deg);
    -ms-transform: skewX(-45deg) skewY(0deg);
    -o-transform: skewX(-45deg) skewY(0deg);
    transform: skewX(-45deg) skewY(0deg);
    background: inherit
}

.image-module.image-module-no-figcaption figcaption i {
    z-index: 2
}

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

.image-module figcaption {
    position: relative;
    color: #FFF;
    padding: 11px 40px 9px 12px;
    background: #54616c;
    font-size: 12px
}

@media screen and (min-width: 768px) {
    .image-module figcaption {
        text-align: center
    }
}

@media screen and (min-width: 1025px) {
    .image-module figcaption {
        text-align: left
    }
}

.image-module figcaption i {
    position: absolute;
    top: 7px;
    right: 9px;
    font-size: 22px;
    text-align: center;
    color: #e4e3e3;
    width: 22px;
    height: 22px;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.enhanced-image-module {
    position: relative
}

.enhanced-image-module .button-info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: #FFF;
    font-size: 25px;
    box-shadow: 0 1px 8px #45494f;
    padding: 0;
    width: 25px;
    height: 25px;
    margin-top: -12.5px;
    margin-left: -12.5px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.enhanced-image-module .button-info:before {
    content: "\e018"
}

.enhanced-image-module .button-info:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.enhanced-image-module .button-info:focus, .enhanced-image-module .button-info:hover {
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    font-size: 42px
}

.enhanced-image-module figcaption {
    padding-right: 12px
}

.image-sliderbox-module {
    position: relative;
    background: #e1e2e6;
    margin: 30px 0;
    padding: 16px 15px 1px
}

.image-sliderbox-module.image-gallery-module {
    padding-bottom: 16px
}

.image-sliderbox-module .slider-main .slick-list {
    margin-bottom: 45px
}

.image-sliderbox-module .slider-nav .slick-slide {
    border: 4px solid transparent;
    opacity: .33
}

.image-sliderbox-module .slider-nav .slick-slide.slick-focus {
    border-color: #FFF
}

.image-sliderbox-module .slider-nav .slick-slide.slick-active {
    opacity: 1
}

.image-sliderbox-module .slider-nav .slick-slide img {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer
}

.image-sliderbox-module .slick-dots {
    position: relative;
    bottom: 28px;
    left: 2px
}

.image-sliderbox-module .image-module {
    margin: 0
}

.image-sliderbox-module .controls-container {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 50%
}

.image-sliderbox-module .controls {
    position: absolute;
    top: 0;
    right: 14px;
    z-index: 3;
    height: 41px;
    background: #e1e2e6
}

@media screen and (min-width: 768px) {
    .image-sliderbox-module .controls {
        height: 51px
    }
}

.image-sliderbox-module .controls:before {
    content: '';
    position: absolute;
    top: 0;
    left: -25.5px;
    width: 51px;
    height: 41px;
    -webkit-transform: skewX(45deg) skewY(0deg);
    -ms-transform: skewX(45deg) skewY(0deg);
    -o-transform: skewX(45deg) skewY(0deg);
    transform: skewX(45deg) skewY(0deg);
    background: inherit
}

@media screen and (min-width: 768px) {
    .image-sliderbox-module .controls:before {
        height: 51px
    }
}

.image-sliderbox-module .controls .control-item {
    margin: 15px 5px 0;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 25px;
    font-size: 1.1em;
    color: #FFF
}

@media screen and (min-width: 768px) {
    .image-sliderbox-module .controls .control-item {
        font-size: 1.25em;
        margin-top: 20px
    }
}

.video-module {
    margin: 30px -15px;
    background: #e1e2e6;
    overflow: hidden
}

.video-module:before, .video-module:after {
    content: " ";
    display: table
}

.video-module:after {
    clear: both
}

.video-module:before, .video-module:after {
    content: " ";
    display: table
}

.video-module:after {
    clear: both
}

.no-video .video-module {
    display: none
}

@media screen and (min-width: 480px) {
    .video-module {
        padding: 15px 0
    }
}

@media screen and (min-width: 1025px) {
    .video-module {
        margin: 30px 0 0;
        padding: 15px 15px 0
    }
}

.page-id-5610 .video-module {
    margin: 0 0 30px
}

.video-module video {
    width: 100%
}

@media screen and (min-width: 1025px) {
    .video-module video {
        height: auto
    }
}

@media screen and (max-width: 370px) {
    .video-module .mejs-controls .mejs-time-rail {
        position: absolute;
        top: -47px;
        width: 94% !important
    }

    .video-module .mejs-controls .mejs-time-rail .mejs-time-total {
        width: inherit !important
    }
}

.sod_select {
    border-radius: 0;
    border: none;
    box-shadow: none;
    width: 100%;
    font-size: 16px;
    text-transform: none
}

.sod_select:before {
    content: "\e003"
}

.sod_select:after {
    content: none
}

.sod_select:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
    top: 15px;
    right: 15px
}

.sod_select .sod_list_wrapper {
    width: 100%;
    margin: 0;
    border: none;
    color: #333
}

.iframe-module {
    margin: 30px 0 0
}

.form-module {
    margin: 30px 0 0
}

.form-module.form-module-sternfahrt {
    margin: 30px -20px 0
}

@media screen and (min-width: 768px) {
    .form-module.form-module-sternfahrt {
        margin: 30px -15px 0
    }
}

@media screen and (min-width: 1025px) {
    .form-module.form-module-sternfahrt {
        margin: 30px 0 0
    }
}

.form-module.form-module-sternfahrt .button {
    white-space: normal
}

.form-module.form-module-sternfahrt .page-link {
    color: #333
}

.form-module.form-module-sternfahrt .page-link:focus, .form-module.form-module-sternfahrt .page-link:hover {
    text-decoration: none
}

.form-module.form-module-sternfahrt .page-link i {
    position: relative;
    top: 2px;
    color: #c71712;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.form-module.form-module-sternfahrt .flag {
    margin-bottom: 10px;
    margin-left: 10px
}

.form-module.form-module-sternfahrt .panel-group .panel {
    border-radius: 0
}

.form-module.form-module-sternfahrt .panel-group .panel + .panel {
    margin-top: 10px
}

.form-module.form-module-sternfahrt .table-responsive {
    overflow-x: scroll
}

@media screen and (min-width: 1025px) {
    .form-module.form-module-sternfahrt .table-responsive {
        overflow-x: auto
    }
}

.form-module.form-module-sternfahrt .table {
    font-size: 14px
}

@media screen and (min-width: 1025px) {
    .form-module.form-module-sternfahrt .table {
        font-size: 18px
    }
}

.form-module fieldset {
    margin-bottom: 30px
}

.form-module .form-group {
    position: relative;
    margin: 0 0 1px
}

.form-module .form-group .alert {
    position: relative;
    top: -15px;
    margin-bottom: 15px;
    border-radius: 0
}

.form-module .form-label {
    font-style: italic;
    font-weight: normal;
    color: #6b717a;
    position: absolute;
    top: 15px;
    left: 22px;
    -webkit-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease
}

.form-module .form-control {
    font-style: italic;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 55px 22px 25px
}

@media screen and (min-width: 480px) {
    .form-module .form-control {
        padding: 15px 22px 15px 175px
    }
}

.form-module .form-control.input-has-value, .form-module .form-control:focus {
    padding-left: 22px
}

.form-module .form-control.input-has-value + .form-label, .form-module .form-control:focus + .form-label {
    opacity: 0
}

.form-module .form-radiobutton-group, .form-module .form-group-checkbox, .form-module .form-submit-container {
    background: #e1e2e6;
    padding: 10px 22px
}

.form-module .form-submit-container {
    margin-bottom: 15px
}

@media screen and (max-width: 767px) {
    .form-module .form-submit-container-edit .button, .form-module .form-submit-container-edit button {
        display: block;
        margin-right: auto;
        margin-left: auto
    }
}

.form-module .form-submit-container-edit .button {
    margin-top: 3px;
    margin-bottom: 3px
}

@media screen and (max-width: 767px) {
    .form-module .form-submit-container-edit .button {
        margin-top: 10px
    }
}

.form-module .form-group-checkbox {
    font-style: italic;
    color: #6b717a
}

.form-module textarea.form-control {
    height: 227px
}

.form-module .sod_select, .form-module .form-control {
    background: #e1e2e6;
    height: 47px;
    font-size: 16px;
    z-index: 79
}

.form-module .sod_select {
    padding: 15px 22px;
    font-style: italic;
    color: #6b717a
}

.form-module .sod_select.open {
    z-index: 80
}

.form-module .sod_select:before {
    color: #FFF
}

.form-module .sod_select .sod_list_wrapper {
    color: #6b717a;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25)
}

.form-module .g-recaptcha {
    background: #e1e2e6;
    padding: 15px 22px
}

.form-module .required-notice, .form-module .checkbox label {
    font-size: 14px;
    color: #6b717a
}

.form-module .required-notice {
    margin-left: 20px
}

.form-module .checkbox {
    position: relative;
    z-index: 1;
    margin-bottom: 10px
}

@media screen and (min-width: 1025px) {
    .form-module .checkbox {
        margin-bottom: 4px
    }
}

.form-module .checkbox label {
    font-style: italic
}

.form-module .checkbox a {
    color: inherit;
    position: relative;
    display: inline-block;
    outline: none;
    vertical-align: bottom;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    text-decoration: underline
}

.form-module .checkbox a:focus, .form-module .checkbox a:hover {
    color: #FFF
}

.form-module .checkbox a:focus:before, .form-module .checkbox a:hover:before {
    opacity: 1;
    -webkit-transform: skewY(0) skewX(0);
    transform: skewY(0) skewX(0)
}

.form-module .checkbox a:before {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: -3px;
    z-index: -1;
    box-sizing: content-box;
    padding: 0 3px;
    width: 100%;
    height: 100%;
    background: #c71712;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    -webkit-transform: skewY(-3deg) skewX(-11deg);
    transform: skewY(-3deg) skewX(-11deg)
}

.form-module .checkbox a:focus, .form-module .checkbox a:hover {
    color: #FFF;
    text-decoration: none
}

.form-module input[type="radio"] {
    margin-top: 2px
}

.form-module input[type="checkbox"] {
    margin-top: 3px
}

.form-module button {
    background-color: transparent;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    color: #6b717a;
    padding: 0;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

@media screen and (min-width: 1025px) {
    .form-module button {
        float: right;
        width: 100%
    }
}

.form-module button[disabled] {
    color: #BBB;
    cursor: not-allowed
}

.form-module button:focus, .form-module button:hover {
    color: #c71712;
    outline: none
}

.form-module button i {
    position: relative;
    top: 8px;
    font-size: 30px;
    height: 30px
}

@media screen and (min-width: 1400px) {
    .form-module button i {
        margin-left: 4px
    }
}

.form-module .alert-dismissible button.close {
    width: auto
}

.form-module p > a:hover, .form-module p > a:focus {
    color: #6b717a
}

.form-module.form-module-multistep .required-notice {
    font-size: 12px;
    display: block;
    font-style: italic;
    margin: 10px 0 20px
}

.form-module.form-module-multistep .nav-tabs > li.active > a {
    background: #f5f5f5
}

.form-module.form-module-multistep .nav-tabs > li > a {
    border-radius: 0;
    border: none;
    color: #333
}

.form-module.form-module-multistep .tab-pane {
    padding: 15px;
    background: #f5f5f5
}

.form-module.form-module-multistep .tab-pane:before, .form-module.form-module-multistep .tab-pane:after {
    content: " ";
    display: table
}

.form-module.form-module-multistep .tab-pane:after {
    clear: both
}

.form-module.form-module-multistep .tab-pane:before, .form-module.form-module-multistep .tab-pane:after {
    content: " ";
    display: table
}

.form-module.form-module-multistep .tab-pane:after {
    clear: both
}

.form-module.form-module-multistep .tab-pane > h2 {
    width: 80%;
    margin-top: 0
}

@media screen and (min-width: 1025px) {
    .form-module.form-module-multistep .button-next {
        float: right
    }
}

.form-module.form-module-multistep .button-next.disabled {
    cursor: not-allowed;
    background: #ccc;
    color: #dedede
}

.form-module.form-module-multistep .button-next > i {
    position: relative;
    top: 2px
}

.form-module.form-module-multistep .form-textarea-narrow {
    margin-bottom: 15px
}

.form-module.form-module-multistep .well {
    text-overflow: ellipsis
}

.form-module.form-module-multistep .well .alert {
    position: static;
    margin-bottom: 0
}

.form-module textarea.form-textarea-narrow {
    padding: 50px 22px 15px;
    height: 157px
}

.js .form-module .inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.form-module .inputfile + label {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    padding: 12px 20px 11px;
    border-radius: 20px;
    border: none;
    line-height: 1;
    font-size: 17px;
    background: #6b717a;
    color: #FFF;
    min-width: 135px;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: normal;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    margin-bottom: 25px;
    background: #c71712;
    border-radius: 30px
}

.form-module .inputfile + label:focus, .form-module .inputfile + label:active:focus, .form-module .inputfile + label.active:focus, .form-module .inputfile + label.focus, .form-module .inputfile + label:active.focus, .form-module .inputfile + label.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.form-module .inputfile + label:hover, .form-module .inputfile + label:focus, .form-module .inputfile + label.focus {
    color: #333;
    text-decoration: none
}

.form-module .inputfile + label:active, .form-module .inputfile + label.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.form-module .inputfile + label.disabled, .form-module .inputfile + label[disabled], fieldset[disabled] .form-module .inputfile + label {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.form-module .inputfile + label.disabled, fieldset[disabled] a.form-module .inputfile + label {
    pointer-events: none
}

.form-module .inputfile + label:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    background: #c71712
}

.form-module .inputfile + label:focus, .form-module .inputfile + label:hover {
    color: #FFF
}

.form-module .inputfile + label:focus:after, .form-module .inputfile + label:hover:after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.form-module .inputfile + label.button-angular {
    border-radius: 0
}

.form-module .inputfile + label.red:hover {
    background: #55606b
}

.form-module .inputfile + label.red:hover:after {
    background: #55606b
}

.form-module .inputfile + label.red {
    background-color: #c71712;
    color: #FFF
}

.form-module .inputfile + label.padding-x2 {
    padding-left: 40px;
    padding-right: 40px
}

.form-module .inputfile + label:hover {
    color: #FFF
}

.form-module .inputfile + label:after {
    background: #6b717a
}

.form-module .inputfile + label[for="fileupload3"], .form-module .inputfile + label[for="fileupload4"] {
    margin-bottom: 5px
}

.form-module .inputfile + label i {
    margin-left: 10px;
    position: relative;
    top: 1px
}

.no-js .form-module .inputfile + label {
    display: none
}

.form-module #form-module-file-name-1 {
    margin-bottom: 25px
}

.form-module .button-next {
    white-space: normal
}

.form-module button.button-upload {
    float: none;
    display: inline-block;
    padding: 10px 20px;
    color: #FFF;
    background: #c71712;
    border-radius: 30px;
    white-space: normal
}

.form-module button.button-upload:after {
    background: #6b717a
}

.form-module button.button-upload:focus {
    outline: none
}

.form-module button.button-upload i {
    position: relative;
    top: 3px;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 1.75em
}

#form-upload-container .well {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#form-upload-container .alert {
    margin-bottom: 0
}

#progress.active {
    margin: 5px 0 10px;
    height: 10px
}

.link-module {
    background: #6b717a;
    color: #FFF;
    padding: 20px 16px 16px;
    margin-top: 28px
}

.link-module h2 {
    font-size: 20px;
    margin: 0 0 5px 10px;
    color: #FFF
}

.link-module ul {
    padding-left: 0;
    list-style: none;
    margin: 0
}

.link-module ul li a {
    position: relative;
    display: block;
    padding: 11px 50px 8px 27px;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-size: 18px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.link-module ul li a:before {
    content: "\e009"
}

.link-module ul li a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 18px;
    left: 5px;
    font-size: .7em;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.link-module ul li a:focus, .link-module ul li a:hover {
    background: #585d64;
    text-decoration: none;
    border-bottom-color: transparent
}

.link-module ul li a:focus:before, .link-module ul li a:hover:before {
    left: 10px
}

.link-module ul li a i {
    position: absolute;
    top: 13px;
    right: 7px;
    font-size: 1.2em
}

.route-plan-module {
    margin: 34px 0 40px
}

@media screen and (min-width: 1025px) {
    .sidebar-additional-content-container {
        margin-top: 30px
    }
}

.box-sidebar img, .box-content img {
    display: block;
    max-width: 100%;
    height: auto
}

.box-sidebar h2, .box-content h2 {
    margin: 12px 0 5px
}

.box-sidebar .text, .box-content .text {
    color: #c71712;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase
}

.box-sidebar .content, .box-content .content {
    padding: 20px 15px 15px
}

.box-sidebar .button, .box-content .button {
    margin-top: 10px
}

.modal-open .box-sidebar .button, .modal-open .box-content .button {
    z-index: 0
}

.box-content:before, .box-content:after {
    content: " ";
    display: table
}

.box-content:after {
    clear: both
}

.box-content:before, .box-content:after {
    content: " ";
    display: table
}

.box-content:after {
    clear: both
}

@media screen and (min-width: 768px) {
    .box-content img {
        float: left
    }
}

.box-content .content {
    padding: 15px 0 12px 15px
}

@media screen and (min-width: 768px) {
    .box-content .content {
        float: left
    }
}

.box-sidebar {
    background: #FFF;
    color: #54616c;
    font-size: 16px;
    margin-top: 28px
}

.box-sidebar:before, .box-sidebar:after {
    content: " ";
    display: table
}

.box-sidebar:after {
    clear: both
}

.box-sidebar:before, .box-sidebar:after {
    content: " ";
    display: table
}

.box-sidebar:after {
    clear: both
}

@media screen and (min-width: 768px) {
    .box-sidebar:first-child {
        margin-top: 0
    }
}

.region-sidebar-second .box-sidebar {
    margin-top: 28px
}

@media screen and (min-width: 480px) {
    .box-sidebar img {
        float: left;
        width: 40%
    }
}

@media screen and (min-width: 768px) {
    .box-sidebar img {
        float: none;
        width: auto
    }
}

@media screen and (min-width: 480px) {
    .box-sidebar img + .content {
        float: left;
        width: 60%
    }
}

@media screen and (min-width: 768px) {
    .box-sidebar img + .content {
        float: none;
        width: auto
    }
}

.box-related-railways {
    background-color: transparent
}

.sidebar-additional-content .box-related-railways .content {
    background: #FFF;
    padding-top: 18px
}

@media screen and (min-width: 1400px) {
    .sidebar-additional-content .box-related-railways .content {
        background: #FFF url('../img/icon-background-change-trains-gray.png') no-repeat 200% bottom
    }
}

.box-related-railways .content {
    position: relative;
    z-index: 1;
    padding-left: 0;
    margin-left: 24px
}

@media screen and (min-width: 480px) {
    .box-related-railways .content {
        float: none;
        width: auto
    }
}

.box-related-railways .content:after {
    background: inherit;
    background-image: none;
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
    left: -23px;
    width: 25px
}

.no-touch .box-related-railways .content:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 24px 100%, 0 calc(100% - 19px));
    -webkit-transform: rotate(360deg)
}

.box-related-railways .header-content {
    color: #6b717a
}

.box-related-railways .header-content h1 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.625em;
    text-transform: uppercase;
    margin-top: 10px
}

.box-related-railways .header-content > i {
    display: block;
    font-size: 30px;
    line-height: 1
}

#box-4081 header, #box-4081 p {
    display: none
}

.list-railways {
    padding-left: 0;
    list-style: none;
    margin: 0
}

.list-railways.list-railways-plain {
    border-top: 1px solid #c7c7c7;
    margin-top: 20px;
    font-weight: bold
}

.list-railways.list-railways-plain > li {
    padding: 10px 0;
    margin: 0;
    border-top: none;
    border-bottom: 1px solid #e1e2e6
}

.list-railways.list-railways-plain > li:first-child {
    border-top: none
}

.list-railways > li {
    position: relative;
    border-top: 1px solid #e1e2e6
}

.list-railways > li > a {
    display: block;
    padding: 10px 30px 12px 31px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #6b717a;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.list-railways > li > a:before {
    content: "\e009"
}

.list-railways > li > a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: .9em
}

.list-railways > li > a:focus, .list-railways > li > a:hover {
    text-decoration: none;
    margin-right: -15px;
    margin-left: -24px;
    padding-right: 45px;
    padding-left: 54px;
    background: #6b717a;
    color: #FFF
}

.list-railways > li > a > i {
    position: absolute;
    top: -1px;
    left: -5px;
    font-size: 30px;
    line-height: 1
}

.box-address {
    background: #e1e2e6 url('../img/icon-background-locator.png') no-repeat 101% -20px;
    color: #6b717a;
    padding: 11px 16px 17px;
    margin: 30px 0 0
}

.sidebar-additional-content .box-address {
    background: #FFF url('../img/icon-background-locator-gray.png') no-repeat 101% 5px;
    padding: 24px 16px 19px
}

@media screen and (min-width: 1025px) {
    .sidebar-additional-content .box-address {
        background-position: 124% -45px
    }
}

.sidebar-additional-content .box-address .text-content {
    line-height: 1.33em
}

.box-address:first-child {
    margin-top: 0
}

.box-address .header-content > i {
    position: relative;
    top: 8px;
    font-size: 30px;
    line-height: 1;
    margin-right: 5px;
    display: inline-block
}

.box-address .header-content h2 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
    display: inline-block
}

.box-address .text-content {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.1em
}

.content-image-row {
    text-align: center
}

@media screen and (min-width: 768px) {
    .content-image-row {
        text-align: left
    }
}

.content-image-row img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px
}

@media screen and (min-width: 768px) {
    .content-image-row img {
        margin: 0 0 15px
    }
}

.box-attention {
    background: #6b717a;
    color: #FFF;
    margin-bottom: 30px
}

.box-attention header {
    margin-bottom: 20px;
    position: relative
}

.box-attention header h2 {
    margin-top: 20px;
    color: #FFF
}

.box-attention header i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px
}

.box-attention .content {
    padding: 28px
}

.box-attention a, .box-attention .text {
    color: #FFF;
    font-weight: bold
}

.box-attention a {
    text-decoration: underline
}

.box-attention a:hover {
    color: #EEE
}

.box-attention .button {
    background: #FFF;
    color: #c71712;
    font-weight: bold;
    text-decoration: none
}

.box-alert {
    position: relative;
    background: #e1e2e6 url('../img/icon-background-alert.png') no-repeat 115% -30px;
    padding: 22px 17px 18px 59px;
    margin: 30px 0 0
}

.box-alert > i {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #6b717a;
    font-size: 30px
}

.box-alert h2 {
    font-size: 20px;
    margin-top: 0
}

.box-alert .link-more-info {
    color: #333;
    font-weight: bold;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.box-alert .link-more-info:focus, .box-alert .link-more-info:hover {
    padding-left: 10px;
    text-decoration: none;
    color: #4d4d4d
}

.box-alert .link-more-info i {
    position: relative;
    top: 1px;
    font-size: .8em;
    margin-right: 5px;
    color: #6b717a
}

.box-route-plan {
    position: relative;
    border: 1px solid #d3d0d0;
    width: 100%
}

.box-route-plan .button-container {
    position: absolute;
    bottom: 13px;
    left: 20px
}

.box-route-plan .button-container > a {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #6b717a;
    margin-right: 18px
}

.box-route-plan .button-container > a:focus, .box-route-plan .button-container > a:hover {
    text-decoration: none
}

.box-route-plan .button-container > a.button-enlarge:focus i:before, .box-route-plan .button-container > a.button-enlarge:hover i:before {
    content: "\e012"
}

.box-route-plan .button-container > a.button-download-pdf:focus i:before, .box-route-plan .button-container > a.button-download-pdf:hover i:before {
    content: "\e04d"
}

.pois-stations-tab-container {
    margin-top: 30px
}

.map-portal-page .pois-stations-tab-container {
    margin-top: 0
}

.pois-stations-tab-container .section-title-holder li:before {
    content: none
}

.pois-stations-tab-container .tab-pane {
    background: #e1e2e6;
    padding: 23px 0
}

.pois-stations-tab-container .tab-pane#tab-stations {
    padding-top: 38px
}

.pois-stations-tab-container .tab-pane .pagination {
    margin-bottom: 0;
    margin-right: 15px;
    margin-left: 15px
}

.pois-stations-tab-container .tab-pane .pagination > li > a {
    background-color: #e1e2e6
}

.pois-stations-tab-container .overview-container {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media screen and (max-width: 768px) {
    .pois-stations-tab-container .overview-container .col-sm-6 {
        width: 100%
    }
}

.pois-stations-tab-container .box-topic {
    height: auto;
    margin: 15px 0
}

.pois-stations-tab-container .box-topic .img-wrapper {
    height: 247px;
    float: none;
    width: auto
}

@media screen and (min-width: 1025px) {
    .pois-stations-tab-container .box-topic .img-wrapper {
        height: 190px
    }
}

.pois-stations-tab-container .box-topic .content {
    float: none;
    width: auto
}

.pois-stations-tab-container .box-topic .headline .text {
    font-size: 13px
}

.pois-stations-tab-container .box-topic h1 {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25em;
    margin-top: 15px
}

@media screen and (min-width: 1025px) {
    .pois-stations-tab-container .box-topic .link-more-info {
        position: absolute;
        bottom: 14px;
        left: 17px
    }
}

.pois-stations-tab-container .link-more-info {
    font-weight: bold;
    color: #6b717a;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.pois-stations-tab-container .link-more-info:focus, .pois-stations-tab-container .link-more-info:hover {
    text-decoration: none;
    color: #c71712
}

.pois-stations-tab-container .link-more-info i {
    position: relative;
    top: 1px;
    font-size: .9em;
    margin-right: 7px
}

.pois-stations-tab-container .news-filter {
    border: none;
    padding: 0;
    margin: 0 15px
}

.pois-stations-tab-container .news-filter ul.list-filter > li {
    margin-right: 4px
}

.pois-campaign-pois-container {
    margin-top: 50px
}

.pois-campaign-pois-container .header, .pois-campaign-pois-container .footer {
    padding-right: 15px;
    padding-left: 15px
}

.pois-campaign-pois-container .header:before, .pois-campaign-pois-container .footer:before, .pois-campaign-pois-container .header:after, .pois-campaign-pois-container .footer:after {
    content: " ";
    display: table
}

.pois-campaign-pois-container .header:after, .pois-campaign-pois-container .footer:after {
    clear: both
}

.pois-campaign-pois-container .header:before, .pois-campaign-pois-container .footer:before, .pois-campaign-pois-container .header:after, .pois-campaign-pois-container .footer:after {
    content: " ";
    display: table
}

.pois-campaign-pois-container .header:after, .pois-campaign-pois-container .footer:after {
    clear: both
}

.pois-campaign-pois-container .header .button, .pois-campaign-pois-container .footer .button {
    float: right;
    margin-top: -5px
}

.pois-campaign-pois-container .header h2 {
    font-size: 24px;
    color: #6b717a;
    float: left
}

.pois-campaign-pois-container .box-topic .content {
    position: relative
}

.pois-campaign-pois-container .box-topic .content:before {
    content: '';
    background: url('../img/map-marker-revier-markieren.png') no-repeat;
    width: 50px;
    height: 59px;
    position: absolute;
    top: -27px;
    right: 11px
}

.pois-campaign-pois-container .box-topic .headline .text {
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    line-height: 1
}

.pois-campaign-pois-container .box-topic .text-from {
    font-size: 26px
}

.text-from {
    display: block;
    font-family: 'jenna_sueregular', cursive;
    line-height: 1;
    color: #c71712
}

.campaign-image-header {
    position: relative
}

.campaign-image-header > img {
    margin: 0 auto 20px
}

@media screen and (min-width: 480px) {
    .campaign-image-header > img {
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .campaign-image-header > img {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 480px) {
    .campaign-image-header > img.visible-before-xs {
        display: none
    }
}

.campaign-image-header > img.visible-after-xs {
    display: none
}

@media screen and (min-width: 480px) {
    .campaign-image-header > img.visible-after-xs {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .campaign-image-header > img.visible-after-xs {
        display: none
    }
}

.campaign-image-header .link-container {
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width: 480px) {
    .campaign-image-header .link-container {
        top: 80%
    }
}

@media screen and (min-width: 1025px) {
    .campaign-image-header .link-container {
        position: absolute;
        right: 0;
        left: 0;
        top: auto;
        bottom: 75px;
        width: 400px
    }
}

@media screen and (min-width: 1400px) {
    .campaign-image-header .link-container {
        top: 405px;
        bottom: auto
    }
}

.campaign-image-header .link-container p {
    font-family: 'Amasis', serif
}

.campaign-image-header .link-container h2 {
    color: #c71712
}

.campaign-image-header .page-link {
    display: block;
    margin-top: 15px;
    font-weight: bold;
    color: #c71712;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.campaign-image-header .page-link:focus, .campaign-image-header .page-link:hover {
    text-decoration: none;
    color: #6b717a
}

.campaign-image-header .page-link i {
    position: relative;
    top: 2px
}

.campaign-prices-container {
    margin-top: 15px;
    border-top: 1px solid #e1e2e6
}

@media screen and (min-width: 768px) {
    .campaign-prices-container {
        border-top: none
    }
}

.campaign-prices-container .header {
    padding: 0 0 5px 20px
}

.campaign-prices-container .header:before, .campaign-prices-container .header:after {
    content: " ";
    display: table
}

.campaign-prices-container .header:after {
    clear: both
}

.campaign-prices-container .header:before, .campaign-prices-container .header:after {
    content: " ";
    display: table
}

.campaign-prices-container .header:after {
    clear: both
}

.campaign-prices-container .header h2 {
    margin-top: 15px;
    font-size: 24px;
    color: #6b717a;
    float: left
}

.campaign-prices-container .header .button {
    float: right
}

.campaign-prices-container .slick-dots {
    top: auto;
    bottom: -44px
}

.campaign-prices-container .controls-container {
    position: relative;
    top: 18px;
    margin: 0 auto;
    height: 20px
}

@media screen and (min-width: 768px) {
    .campaign-prices-container .controls-container {
        width: 32.5%
    }
}

.campaign-prices-container .control-item {
    position: absolute;
    top: 0;
    color: #6b717a;
    font-size: 18px
}

.campaign-prices-container .control-item.slick-disabled {
    color: #e4e3e3;
    cursor: not-allowed
}

.campaign-prices-container .control-item-prev {
    left: 0
}

.campaign-prices-container .control-item-next {
    right: 0
}

.single-campaign-page .img-container {
    position: relative;
    margin-top: 18px
}

.single-campaign-page .img-container:after {
    content: '';
    background: url('../img/campaign-watermark.png') no-repeat;
    background-size: contain;
    width: 73px;
    height: 111px;
    position: absolute;
    right: 0;
    bottom: -47px;
    z-index: 2
}

@media screen and (min-width: 480px) {
    .single-campaign-page .img-container:after {
        width: 103px;
        right: 10px;
        bottom: -27px
    }
}

@media screen and (min-width: 768px) {
    .single-campaign-page .img-container:after {
        width: 163px;
        height: 111px;
        bottom: 13px
    }
}

.single-campaign-page .skewed-area {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 42px;
    width: 60%;
    background: #FFF;
    padding-top: 24px
}

.single-campaign-page .skewed-area:before {
    content: '';
    position: absolute;
    top: 0;
    right: -20.5px;
    width: 41px;
    height: 100%;
    -webkit-transform: skewX(45deg) skewY(0deg);
    -ms-transform: skewX(45deg) skewY(0deg);
    -o-transform: skewX(45deg) skewY(0deg);
    transform: skewX(45deg) skewY(0deg);
    background: inherit
}

.single-campaign-page .text-container {
    position: relative;
    width: 60%;
    margin-top: -18px;
    color: #c71712;
    font-size: 17px
}

.single-campaign-page .text-from {
    display: inline-block;
    font-size: 35px
}

.single-campaign-page .page-title {
    position: relative;
    padding-bottom: 26px;
    border-bottom: 1px solid #6b717a
}

.single-campaign-page .page-title:before {
    content: "\e06e"
}

@media screen and (min-width: 1025px) {
    .single-campaign-page .page-title {
        margin-top: 15px
    }
}

.single-campaign-page .page-title:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    bottom: -8px;
    padding: 0 9px;
    color: #c71712;
    background: #FFF;
    font-size: 16px;
    line-height: 1
}

.single-campaign-page .campaign-cite {
    font-family: 'jenna_sueregular', cursive;
    font-size: 35px;
    line-height: 1.16666667;
    text-align: center;
    margin: 10px auto 20px
}

@media screen and (min-width: 1025px) {
    .single-campaign-page .campaign-cite {
        width: 80%
    }
}

.single-campaign-page .box-address {
    padding-top: 4px
}

.single-campaign-page .box-address.box-address-directions .text-content {
    font-size: 14px
}

.single-campaign-page .box-address .header-content > i {
    background: url('../img/icon-marker-revier-markieren.png') no-repeat;
    width: 36px;
    height: 44px;
    display: inline-block;
    top: 15px
}

@media screen and (min-width: 1025px) {
    .single-campaign-page .box-address .header-content > i {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 1400px) {
    .single-campaign-page .box-address .header-content > i {
        margin-bottom: 0
    }
}

.single-campaign-page .map-module {
    position: relative
}

.single-campaign-page .map-module h2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 15px 30px 15px 15px;
    color: #FFF;
    background: #c71712
}

.single-campaign-page .map-module h2:before {
    content: '';
    position: absolute;
    top: 0;
    right: -23px;
    width: 46px;
    height: 100%;
    -webkit-transform: skewX(-45deg) skewY(0deg);
    -ms-transform: skewX(-45deg) skewY(0deg);
    -o-transform: skewX(-45deg) skewY(0deg);
    transform: skewX(-45deg) skewY(0deg);
    background: inherit
}

.single-campaign-page #map-canvas {
    height: 320px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.5)
}

.button-geolocation {
    float: right;
    margin-top: 20px
}

.geolocation-modal #map-canvas {
    height: 300px;
    width: 100%
}

@media screen and (min-width: 1025px) {
    .geolocation-modal #map-canvas {
        height: 450px
    }
}

.geolocation-modal .modal-header h4 {
    float: left
}

.geolocation-modal .modal-content {
    border-radius: 0;
    box-shadow: none
}

.geolocation-modal .button {
    float: right
}

@media screen and (min-width: 480px) {
    .geolocation-modal .button {
        margin-left: 10px
    }
}

.geolocation-modal .button-cancel {
    background: #c71712
}

.geolocation-modal .button-cancel:after {
    background: #6b717a
}

.box-station {
    background: #FFF;
    padding: 23px 17px;
    margin-bottom: 16px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.box-station:hover {
    background: #6b717a;
    color: #FFF
}

.box-station:hover h1 {
    color: #FFF
}

.box-station:hover .headline .text {
    color: #FFF
}

.box-station:hover .link-more-info {
    color: #FFF
}

.no-js .box-station:hover .list-station-features {
    display: block
}

.box-station .list-station-features {
    display: none
}

.box-station .list-station-features li {
    padding: 0;
    background-color: transparent
}

.box-station .list-station-features li img {
    position: static
}

.box-station .headline {
    font-size: 13px
}

.box-station .headline .text {
    color: #c71712;
    font-weight: bold;
    text-transform: uppercase
}

.box-station h1 {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25em;
    margin-top: 15px
}

.box-station .link-more-info {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.box-station .link-more-info:hover {
    padding-left: 10px
}

.route-information-container {
    margin: 0;
    border: 1px solid #6a7079;
    border-top: none;
    font-size: 18px
}

.list-route-meta-information {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 5px 0;
    background: #464a50;
    color: #FFF
}

@media screen and (min-width: 768px) {
    .list-route-meta-information {
        padding: 0
    }
}

.list-route-meta-information:after {
    position: absolute;
    top: 0;
    left: 60px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.list-route-meta-information li {
    padding: 10px 30px;
    line-height: 1
}

@media screen and (min-width: 768px) {
    .list-route-meta-information li {
        display: inline-block;
        border-left: 2px solid #61656c;
        padding: 23px 30px 19px
    }
}

.list-route-meta-information li:first-child {
    border-left: none
}

.route-points-container {
    position: relative;
    padding: 15px 0;
    width: 100%;
    height: 420px;
    background: #FFF;
    color: #6b717a
}

@media screen and (min-width: 768px) {
    .route-points-container {
        padding: 27px 38px
    }
}

.route-sub-line, .route-main-line {
    position: absolute;
    height: 7px;
    width: 100%;
    background: #6b717a
}

.route-main-line {
    top: 189px;
    left: 1px
}

.route-sub-line {
    display: none;
    top: 0
}

.list-route-points {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 0;
    list-style: none;
    margin: 0
}

.list-route-points li {
    position: relative;
    top: 167px;
    margin-right: 60px;
    display: inline-block;
    white-space: nowrap
}

.list-route-points li:before {
    content: "\e051"
}

.list-route-points li:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    line-height: 1;
    position: absolute;
    bottom: -5px;
    left: -2px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.list-route-points li.route-point-unimportant:before {
    color: #b2b5ba
}

.list-route-points li a {
    position: absolute;
    display: block;
    padding: 4px 8px 2px;
    color: #333;
    visibility: visible;
    overflow: hidden;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(-45deg) translate(30px, -8px);
    -ms-transform: rotate(-45deg) translate(30px, -8px);
    -o-transform: rotate(-45deg) translate(30px, -8px);
    transform: rotate(-45deg) translate(30px, -8px)
}

.list-route-points li a:before {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    bottom: -1px;
    background: #c71712;
    -webkit-transition: right .3s ease;
    -o-transition: right .3s ease;
    transition: right .3s ease;
    right: 101%
}

.list-route-points li a:focus, .list-route-points li a:hover {
    color: #FFF;
    text-decoration: none;
    -webkit-transition: color .35s .1s ease;
    -o-transition: color .35s .1s ease;
    transition: color .35s .1s ease
}

.list-route-points li a:focus:before, .list-route-points li a:hover:before {
    right: -1px
}

.route-point-down:before {
    content: "\e052"
}

.route-point-down:before {
    top: 6px;
    bottom: auto;
    left: -4px
}

.route-point-down a {
    -webkit-transform: rotate(-45deg) translate(-85px, 5px);
    -ms-transform: rotate(-45deg) translate(-85px, 5px);
    -o-transform: rotate(-45deg) translate(-85px, 5px);
    transform: rotate(-45deg) translate(-85px, 5px)
}

.route-point-down a:before {
    left: 101%;
    right: -1px;
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease
}

.route-point-down a:focus:before, .route-point-down a:hover:before {
    left: -1px
}

.route-point-snifter-valve:after {
    content: '';
    position: absolute;
    top: -18px;
    left: -66px;
    height: 7px;
    width: 55px;
    background: #6b717a;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.route-point-snifter-valve-inverse:after {
    content: '';
    position: absolute;
    top: -18px;
    right: -63px;
    height: 7px;
    width: 55px;
    background: #6b717a;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#route-points-70 {
    height: 400px
}

#route-points-70 .list-route-points {
    top: 20px;
    padding-right: 80px
}

#route-points-70 .route-main-line {
    top: 209px;
    width: 989px
}

#route-points-397 {
    height: 300px
}

#route-points-397 .list-route-points {
    padding-right: 80px
}

#route-points-397 .route-main-line {
    width: 339px
}

#route-points-550 {
    height: 510px
}

#route-points-550 .list-route-points {
    top: 10px;
    padding-right: 40px
}

#route-points-550 .route-main-line {
    top: 199px;
    width: 1119px
}

#route-point-553-661, #route-point-550-661 {
    position: absolute;
    top: 226px;
    left: 522px
}

#route-point-553-661:before, #route-point-550-661:before {
    content: "\e052"
}

#route-point-553-661:before, #route-point-550-661:before {
    top: 6px;
    bottom: auto;
    left: -4px
}

#route-point-553-661 a, #route-point-550-661 a {
    -webkit-transform: rotate(-45deg) translate(-85px, 5px);
    -ms-transform: rotate(-45deg) translate(-85px, 5px);
    -o-transform: rotate(-45deg) translate(-85px, 5px);
    transform: rotate(-45deg) translate(-85px, 5px)
}

#route-point-553-661 a:before, #route-point-550-661 a:before {
    left: 101%;
    right: -1px;
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease
}

#route-point-553-661 a:focus:before, #route-point-550-661 a:focus:before, #route-point-553-661 a:hover:before, #route-point-550-661 a:hover:before {
    left: -1px
}

#route-point-553-661:after, #route-point-550-661:after {
    content: '';
    position: absolute;
    top: -18px;
    left: -66px;
    height: 7px;
    width: 55px;
    background: #6b717a;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#route-point-553-661 .route-sub-line, #route-point-550-661 .route-sub-line {
    display: block;
    left: -23px;
    width: 20px
}

#route-point-553-661 a, #route-point-550-661 a {
    -webkit-transform: rotate(-45deg) translate(-233px, 5px);
    -ms-transform: rotate(-45deg) translate(-233px, 5px);
    -o-transform: rotate(-45deg) translate(-233px, 5px);
    transform: rotate(-45deg) translate(-233px, 5px)
}

#route-point-553-664, #route-point-550-664 {
    position: absolute;
    top: 226px;
    left: 587px
}

#route-point-553-664:before, #route-point-550-664:before {
    content: "\e052"
}

#route-point-553-664:before, #route-point-550-664:before {
    top: 6px;
    bottom: auto;
    left: -4px
}

#route-point-553-664 a, #route-point-550-664 a {
    -webkit-transform: rotate(-45deg) translate(-85px, 5px);
    -ms-transform: rotate(-45deg) translate(-85px, 5px);
    -o-transform: rotate(-45deg) translate(-85px, 5px);
    transform: rotate(-45deg) translate(-85px, 5px)
}

#route-point-553-664 a:before, #route-point-550-664 a:before {
    left: 101%;
    right: -1px;
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease
}

#route-point-553-664 a:focus:before, #route-point-550-664 a:focus:before, #route-point-553-664 a:hover:before, #route-point-550-664 a:hover:before {
    left: -1px
}

#route-point-553-664 .route-sub-line, #route-point-550-664 .route-sub-line {
    display: block;
    left: -76px;
    width: 89px
}

#route-point-553-664 a, #route-point-550-664 a {
    -webkit-transform: rotate(-45deg) translate(-100px, 5px);
    -ms-transform: rotate(-45deg) translate(-100px, 5px);
    -o-transform: rotate(-45deg) translate(-100px, 5px);
    transform: rotate(-45deg) translate(-100px, 5px)
}

#route-points-553 {
    height: 510px
}

#route-points-553 .list-route-points {
    top: 10px;
    padding-right: 60px
}

#route-points-553 .route-main-line {
    top: 199px;
    width: 1120px
}

#route-point-553-661 {
    left: 189px
}

#route-point-553-664 {
    left: 257px
}

#route-point-553-664 .route-sub-line {
    left: -75px
}

#route-points-577 {
    height: 300px
}

#route-points-577 .list-route-points {
    padding-right: 60px
}

#route-points-577 .route-main-line {
    width: 470px
}

#route-points-841 {
    height: 460px
}

#route-points-841 .list-route-points {
    top: 40px;
    padding-left: 90px;
    padding-right: 70px
}

#route-points-841 .route-main-line {
    top: 229px;
    left: 90px;
    width: 2291px
}

#route-point-841-1033 {
    position: absolute;
    top: 226px;
    left: 109px
}

#route-point-841-1033:before {
    content: "\e052"
}

#route-point-841-1033:before {
    top: 6px;
    bottom: auto;
    left: -4px
}

#route-point-841-1033 a {
    -webkit-transform: rotate(-45deg) translate(-85px, 5px);
    -ms-transform: rotate(-45deg) translate(-85px, 5px);
    -o-transform: rotate(-45deg) translate(-85px, 5px);
    transform: rotate(-45deg) translate(-85px, 5px)
}

#route-point-841-1033 a:before {
    left: 101%;
    right: -1px;
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease
}

#route-point-841-1033 a:focus:before, #route-point-841-1033 a:hover:before {
    left: -1px
}

#route-point-841-1033:after {
    content: '';
    position: absolute;
    top: -18px;
    right: -63px;
    height: 7px;
    width: 55px;
    background: #6b717a;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#route-point-841-1033:before {
    left: -23px
}

#route-point-841-1033 .route-sub-line {
    display: block;
    left: -20px;
    width: 39px
}

#route-point-841-1033 a {
    -webkit-transform: rotate(-45deg) translate(-125px, -8px);
    -ms-transform: rotate(-45deg) translate(-125px, -8px);
    -o-transform: rotate(-45deg) translate(-125px, -8px);
    transform: rotate(-45deg) translate(-125px, -8px)
}

#route-point-841-1036 {
    left: -1px
}

#route-points-1333 .list-route-points {
    padding-right: 70px
}

#route-points-1333 .route-main-line {
    width: 1705px
}

#route-points-1396 .list-route-points {
    padding-right: 60px
}

#route-points-1396 .route-main-line {
    width: 340px
}

#route-points-1393 .list-route-points {
    padding-right: 40px
}

#route-points-1393 .route-main-line {
    width: 1315px
}

#route-points-1402 .list-route-points {
    top: 40px;
    padding-right: 60px
}

#route-points-1402 .route-main-line {
    top: 229px;
    width: 1900px
}

#route-points-1411 .list-route-points {
    padding-right: 60px
}

#route-points-1411 .route-main-line {
    width: 1965px
}

#route-points-1465 .list-route-points {
    padding-right: 65px;
    padding-left: 40px
}

#route-points-1465 .route-main-line {
    width: 1054px;
    left: 41px
}

#route-points-1468 .list-route-points {
    padding-right: 60px
}

#route-points-1468 .route-main-line {
    width: 990px
}

#route-points-1471 .list-route-points {
    top: 10px;
    padding-right: 60px
}

#route-points-1471 .route-main-line {
    top: 199px;
    width: 1640px
}

#route-points-1480 .list-route-points {
    top: 40px;
    padding-right: 70px
}

#route-points-1480 .route-main-line {
    top: 229px;
    width: 2029px
}

.box-click-notice {
    position: absolute;
    right: 2px;
    bottom: 60px
}

.box-click-notice .click-notice .content, .box-click-notice .click-notice .button-close {
    color: #FFF
}

.box-click-notice .click-notice .content {
    position: relative;
    z-index: 1;
    padding: 10px 35px 8px 0;
    background: #c71712
}

.box-click-notice .click-notice .content:before {
    content: '';
    position: absolute;
    top: 0;
    left: -25px;
    width: 25px;
    height: 100%;
    background: inherit
}

.box-click-notice .click-notice .content span {
    display: inline-block;
    font-weight: bold
}

.box-click-notice .click-notice .icon-cursor {
    position: relative;
    top: -10px;
    left: -6px;
    display: inline-block;
    margin-right: 10px;
    font-size: 20px
}

.box-click-notice .click-notice .button-close {
    background-color: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 18px
}

.no-js .box-click-notice .click-notice .button-close {
    display: none
}

.box-click-notice .legend-notice {
    border-top: 1px solid #FFF;
    font-size: 16px
}

.box-click-notice .legend-notice .content {
    position: relative;
    z-index: 1;
    padding: 10px 35px 8px 0;
    background: #b2b5ba;
    color: #FFF
}

.box-click-notice .legend-notice .content:before {
    content: '';
    position: absolute;
    top: 0;
    left: -25px;
    width: 25px;
    height: 100%;
    background: #b2b5ba
}

.box-click-notice .legend-notice .content span {
    display: inline-block
}

.box-click-notice .legend-notice .image-icon-legend {
    background: url('../img/icon-legend-notice.png') 0 0 no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    left: -13px
}

.button-close-ajax-content {
    position: absolute;
    top: 0;
    right: 0;
    background: #FFF;
    display: block;
    border: none;
    color: #6b717a;
    font-size: 30px;
    line-height: 1;
    text-align: center;
    width: 44px;
    height: 40px
}

.button-close-ajax-content:focus, .button-close-ajax-content:hover {
    text-decoration: none
}

.button-close-ajax-content:focus i:before, .button-close-ajax-content:hover i:before {
    content: "\e00e"
}

.button-close-ajax-content i {
    position: relative;
    top: 4px;
    right: 5px;
    z-index: 2
}

.ajax-content .main-content, .ajax-replaceable-content .main-content {
    position: relative
}

.calendar-container {
    position: relative;
    margin: 15px -30px;
    padding: 33px 15px 10px;
    background-image: -webkit-linear-gradient(top, #6b717a 0, #4b4f55 100%);
    background-image: -o-linear-gradient(top, #6b717a 0, #4b4f55 100%);
    background-image: linear-gradient(to bottom, #6b717a 0, #4b4f55 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6b717a', endColorstr='#ff4b4f55', GradientType=0)
}

@media screen and (min-width: 768px) {
    .calendar-container {
        padding-right: 0
    }
}

@media screen and (min-width: 1025px) {
    .calendar-container {
        padding-left: 30px
    }
}

.calendar-container + .pagination-container .pagination {
    margin-bottom: 10px
}

.calendar-container .controls-container {
    position: absolute;
    right: -15px;
    bottom: 51px;
    width: 50%
}

@media screen and (min-width: 1025px) {
    .calendar-container .controls-container {
        width: 25%
    }
}

.calendar-container .controls {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 3;
    height: 51px;
    background: #FFF
}

.calendar-container .controls:before {
    content: '';
    position: absolute;
    top: 0;
    left: -25.5px;
    width: 51px;
    height: 51px;
    -webkit-transform: skewX(-45deg) skewY(0deg);
    -ms-transform: skewX(-45deg) skewY(0deg);
    -o-transform: skewX(-45deg) skewY(0deg);
    transform: skewX(-45deg) skewY(0deg);
    background: inherit
}

.calendar-container .controls .control-item {
    margin: 18px 5px 0;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 35px;
    font-size: 1.5em;
    color: #6b717a
}

@media screen and (min-width: 1025px) {
    .calendar-container .controls .control-item {
        width: 50px
    }
}

.calendar-container .controls .control-item.slick-disabled {
    color: #dedede
}

.calendar-container .popover {
    border-radius: 0;
    color: #6b717a;
    border: 4px solid rgba(107, 113, 122, 0.5)
}

.calendar-container .popover .close {
    font-size: 19px;
    opacity: 1;
    position: absolute;
    z-index: 9;
    top: 9px;
    right: 8px;
    color: inherit
}

.calendar-container .popover a {
    position: relative;
    display: block;
    padding: 0 20px 0 0;
    font-family: 'Amasis', serif;
    font-size: 18px;
    color: #333;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.calendar-container .popover a:before {
    content: "\e009"
}

.calendar-container .popover a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    bottom: 5px;
    color: #6b717a
}

.calendar-container .popover a:focus, .calendar-container .popover a:hover {
    text-decoration: none;
    color: #c71712
}

.calendar-container .popover-entry {
    padding: 5px 0;
    border-bottom: 1px solid #6b717a
}

.calendar-container .popover-entry:last-child {
    border-bottom: none
}

.calendar-container .popover-title {
    position: relative;
    font-size: 14px;
    padding: 12px 34px 9px 40px;
    background: #FFF;
    border-bottom-color: #dedddd
}

.calendar-container .popover-title .icon-kalender {
    position: absolute;
    top: 9px;
    left: 10px;
    font-size: 18px
}

.calendar-container .popover-template {
    display: none
}

.disruption-calendar-container .popover a:before {
    font-size: 12px;
    bottom: 7px
}

.disruption-calendar-container .popover-title {
    border-bottom: none;
    font-weight: 300
}

.disruption-calendar-container .popover-content {
    font-size: 20px;
    font-weight: bold;
    border-top: 1px solid #dedddd;
    margin-top: 10px
}

.disruption-calendar-container .popover-affected-routes {
    padding: 0 7px
}

.disruption-calendar-container .button-railway {
    padding: 5px 5px 5px 0;
    margin: 5px 0 0 10px;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .calendar-item.slick-slide {
        opacity: .4;
        pointer-events: none
    }
}

@media screen and (min-width: 768px) {
    .calendar-item.slick-slide.slick-active {
        opacity: 1;
        pointer-events: inherit
    }
}

.newsstream-place .newsstream-place-label {
    color: #6b717a
}

.newsstream-place .newsstream-place-content {
    color: #555;
    font-weight: bold
}

.box-list-container:before, .box-list-container:after {
    content: " ";
    display: table
}

.box-list-container:after {
    clear: both
}

.box-list-container:before, .box-list-container:after {
    content: " ";
    display: table
}

.box-list-container:after {
    clear: both
}

.row + .box-list-container, .calendar-container + .box-list-container {
    margin-top: 30px
}

.box-list-container + .pagination-container .pagination {
    margin-bottom: 0
}

.box-list-container .items-container {
    position: relative
}

.box-list-container .items-container:after {
    content: '';
    position: absolute;
    top: 0;
    left: -5.5px;
    width: 0;
    height: 100%;
    border-right: 2px dotted #c1c1c0
}

@media screen and (min-width: 1025px) {
    .box-list-container .items-container:after {
        left: 15.5px
    }
}

.box-list-item {
    position: relative;
    z-index: 1;
    padding: 0 0 0 25px;
    margin-top: 26px
}

@media screen and (min-width: 1025px) {
    .box-list-item {
        padding-left: 71px
    }
}

.box-list-item:first-child {
    margin-top: 0
}

.box-list-item .content-wrapper:before, .box-list-item .content-wrapper:after {
    content: " ";
    display: table
}

.box-list-item .content-wrapper:after {
    clear: both
}

.box-list-item .content-wrapper:before, .box-list-item .content-wrapper:after {
    content: " ";
    display: table
}

.box-list-item .content-wrapper:after {
    clear: both
}

.box-list-item .content {
    position: relative;
    background: #e1e2e6
}

.box-list-item .newsstream-category {
    font-size: 15px;
    display: inline-block
}

.box-list-item .newsstream-category i {
    color: #c71712;
    position: relative;
    top: 5px;
    margin-right: 15px;
    font-size: 1.5em
}

.box-list-item .newsstream-type {
    text-transform: uppercase;
    color: #6b717a
}

.box-list-item time {
    display: inline-block
}

.box-list-item h1 {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.23em;
    margin-top: 15px
}

.box-list-item .button-read-more {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50px;
    color: #FFF;
    background: #6b717a;
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.box-list-item .button-read-more:before {
    display: none
}

@media screen and (min-width: 1025px) {
    .box-list-item .button-read-more {
        top: 0;
        bottom: auto;
        height: 100%;
        width: 50px
    }
}

.box-list-item .button-read-more:focus, .box-list-item .button-read-more:hover {
    background: #c71712
}

.box-list-item .button-read-more:focus i, .box-list-item .button-read-more:hover i {
    color: #FFF !important
}

.box-list-item .button-read-more:focus i:before, .box-list-item .button-read-more:hover i:before {
    content: "\e058"
}

.box-list-item .button-read-more i {
    position: absolute;
    bottom: -3px;
    right: 15px
}

@media screen and (min-width: 1025px) {
    .box-list-item .button-read-more i {
        bottom: 0;
        left: 0;
        right: 0
    }
}

.box-list-item .icon-point {
    position: absolute;
    top: 34px;
    left: -34.5px;
    color: #6b717a;
    font-size: 11px
}

@media screen and (min-width: 1025px) {
    .box-list-item .icon-point {
        left: -60px
    }
}

.box-events-list-item .content {
    padding: 15px 20px 75px
}

@media screen and (min-width: 1025px) {
    .box-events-list-item .content {
        padding: 15px 75px 10px 6px
    }
}

@media screen and (min-width: 1400px) {
    .box-events-list-item .content {
        height: 149px
    }
}

.box-disruption-list-item:before, .box-disruption-list-item:after {
    content: " ";
    display: table
}

.box-disruption-list-item:after {
    clear: both
}

.box-disruption-list-item:before, .box-disruption-list-item:after {
    content: " ";
    display: table
}

.box-disruption-list-item:after {
    clear: both
}

.box-disruption-list-item .headline {
    margin-top: 5px
}

.box-disruption-list-item h1 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px
}

@media screen and (min-width: 768px) {
    .box-disruption-list-item .affected-routes {
        float: left;
        width: 13%;
        margin-right: 2.5%
    }
}

@media screen and (min-width: 768px) {
    .box-disruption-list-item .content-wrapper {
        float: left;
        width: 84.5%
    }
}

@media screen and (min-width: 768px) {
    .box-disruption-list-item .content {
        float: left;
        width: 100%
    }
}

.box-disruption-list-item .button-railway {
    padding: 5px 5px 5px 0;
    margin-top: 9px;
    margin-right: 0
}

.box-disruption-list-item .button-railway:first-child {
    margin-top: 0
}

.box-disruption-list-item .button-railway:hover {
    color: #FFF
}

.box-disruption-list-item .icon-strecke-hin {
    font-size: 2em;
    line-height: 1;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle
}

.box-disruption-list-item .newsstream-description {
    padding-top: 10px;
    border-top: 1px solid #c7c7c7
}

.box-disruption-list-item .content {
    min-height: 219px;
    padding: 15px 20px 75px
}

@media screen and (min-width: 1025px) {
    .box-disruption-list-item .content {
        padding: 15px 75px 10px 6px;
        min-height: 154px
    }
}

@media screen and (min-width: 1400px) {
    .box-disruption-list-item .content {
        height: auto
    }
}

.box-press-list-item .content {
    padding: 0 0 75px
}

@media screen and (min-width: 1025px) {
    .box-press-list-item .content {
        padding-bottom: 0
    }
}

@media screen and (min-width: 1400px) {
    .box-press-list-item .content {
        height: auto
    }
}

@media screen and (min-width: 1025px) {
    .box-press-list-item .content-meta, .box-press-list-item .content-main {
        position: relative;
        float: left;
        width: 50%
    }

    .box-press-list-item .content-meta:before, .box-press-list-item .content-main:before {
        position: absolute;
        top: 0;
        width: 2px;
        height: 100%;
        background: #FFF;
        content: ''
    }
}

.box-press-list-item .content-meta {
    padding: 27px 15px 5px
}

@media screen and (min-width: 1025px) {
    .box-press-list-item .content-meta {
        padding: 27px 75px 27px 33px;
        padding-right: 75px;
        padding-left: 33px
    }

    .box-press-list-item .content-meta:before {
        right: -1px
    }
}

.box-press-list-item .content-main {
    padding: 31px 15px 5px
}

@media screen and (min-width: 1025px) {
    .box-press-list-item .content-main {
        padding: 31px 75px 31px 33px
    }

    .box-press-list-item .content-main:before {
        left: -1px
    }
}

.box-press-list-item .content-main p, .box-press-list-item .content-main strong {
    font-weight: normal
}

.box-press-list-item .button-read-more:hover {
    color: #FFF
}

@media screen and (max-width: 1240px) {
    .box-press-list-item .content-meta {
        width: 100%
    }

    .box-press-list-item .content-main {
        display: none
    }
}

.box-jobs-list-item {
    padding: 0;
    color: #6b717a
}

.box-jobs-list-item .content {
    padding: 21px 21px 71px
}

@media screen and (min-width: 1025px) {
    .box-jobs-list-item .content {
        padding-right: 75px;
        padding-bottom: 21px
    }
}

.box-jobs-list-item h1 {
    font-size: 20px;
    font-weight: bold;
    color: #54616c
}

@media screen and (min-width: 480px) {
    .box-jobs-list-item h1 {
        font-size: 24px
    }
}

.box-disruption-list-item .content, .box-events-list-item .content, .box-press-list-item .content {
    position: relative;
    z-index: 1
}

.box-disruption-list-item .content:before, .box-events-list-item .content:before, .box-press-list-item .content:before {
    top: 40px;
    left: -30px;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    border-color: rgba(228, 227, 227, 0);
    border-right-color: #e4e3e3;
    border-width: 15px;
    margin-top: -15px
}

@media screen and (min-width: 1025px) {
    .box-disruption-list-item .content:before, .box-events-list-item .content:before, .box-press-list-item .content:before {
        left: auto;
        right: 100%
    }
}

.newsstream-date {
    margin-right: 5px;
    font-weight: bold
}

.newsstream-date .date-day, .newsstream-date .date-month {
    color: #555;
    text-transform: uppercase
}

.newsstream-date .date-day {
    font-weight: bold
}

.newsstream-date .date-time {
    color: #6b717b
}

.content-header .newsstream-date, .content-header .newsstream-date .date-day, .content-header .newsstream-date .date-month, .content-header .newsstream-date .date-time {
    color: #c71712
}

.blacksite-page {
    background: #49545c;
    background-image: -webkit-linear-gradient(top, #49545c 0, #374046 100%);
    background-image: -o-linear-gradient(top, #49545c 0, #374046 100%);
    background-image: linear-gradient(to bottom, #49545c 0, #374046 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff49545c', endColorstr='#ff374046', GradientType=0);
    padding-top: 100px;
    padding-bottom: 100px
}

@media screen and (min-width: 768px) {
    .blacksite-page {
        padding-top: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        z-index: 1;
        width: 100%;
        height: 100%
    }
}

.blacksite-page .navbar-brand {
    margin-top: 29px
}

.blacksite-page .navbar-brand img {
    width: 158px;
    margin-top: 0
}

.blacksite-page .branding-background-icon {
    opacity: .15;
    position: absolute;
    right: 30px;
    bottom: 100px;
    width: 518px;
    display: none
}

@media screen and (min-width: 1025px) and (min-height: 800px) {
    .blacksite-page .branding-background-icon {
        display: block
    }
}

.blacksite-page .branding-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.blacksite-page .button-close {
    display: block;
    position: fixed;
    z-index: 9;
    top: 38px;
    right: 20px;
    font-size: 30px;
    line-height: 1;
    color: #FFF
}

@media screen and (min-width: 768px) {
    .blacksite-page .button-close {
        right: 42px
    }
}

.blacksite-page .button-close:focus, .blacksite-page .button-close:hover {
    text-decoration: none
}

.center-align-wrap {
    position: relative;
    width: 100%;
    height: 100%
}

.center-align-inner {
    display: table;
    position: relative;
    width: 100%;
    height: 100%
}

.blacksite-page-wrapper {
    position: relative;
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.blacksite-page-content {
    padding: 30px 30px 0;
    font-size: 16px;
    background: #FFF;
    color: #6b717a
}

.blacksite-page-content h1 {
    margin-top: 0;
    font-size: 30px;
    font-weight: bold
}

.blacksite-page-content footer {
    margin: 18px -30px 0;
    padding: 18px 0;
    border-top: 1px solid #6b717a;
    text-align: center
}

.blacksite-page-content .button {
    background-color: #48535b
}

.blacksite-page-content .button:focus, .blacksite-page-content .button:hover {
    background-color: #6b717a
}

.nav-blacksite {
    padding-left: 0;
    list-style: none;
    margin: 0
}

.nav-blacksite > li {
    margin-top: 20px
}

.nav-blacksite > li > a {
    font-size: 18px;
    font-weight: bold;
    color: #6b717a
}

.nav-blacksite > li > a:focus, .nav-blacksite > li > a:hover {
    text-decoration: none;
    color: #c71712
}

.nav-blacksite > li > a i {
    font-size: .8em
}

.page-footer-blacksite {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    border-bottom: 17px solid #FFF
}

@media screen and (min-width: 768px) {
    .page-footer-blacksite {
        position: absolute
    }
}

.nav-blacksite-footer-col {
    position: relative;
    background: #FFF;
    padding: 15px 15px 0
}

@media screen and (min-width: 480px) {
    .nav-blacksite-footer-col {
        margin-left: 30px;
        width: 85%
    }
}

@media screen and (min-width: 1025px) {
    .nav-blacksite-footer-col {
        margin-left: 60px;
        width: 50%
    }
}

@media screen and (min-width: 1400px) {
    .nav-blacksite-footer-col {
        width: 58.333333%
    }
}

@media screen and (min-width: 480px) {
    .nav-blacksite-footer-col:before {
        content: '';
        position: absolute;
        top: 0;
        left: -25.5px;
        width: 51px;
        height: 51px;
        -webkit-transform: skewX(-45deg) skewY(0deg);
        -ms-transform: skewX(-45deg) skewY(0deg);
        -o-transform: skewX(-45deg) skewY(0deg);
        transform: skewX(-45deg) skewY(0deg);
        background: inherit
    }
}

@media screen and (min-width: 480px) {
    .nav-blacksite-footer-col:after {
        content: '';
        position: absolute;
        top: 0;
        right: -25.5px;
        width: 51px;
        height: 51px;
        -webkit-transform: skewX(45deg) skewY(0deg);
        -ms-transform: skewX(45deg) skewY(0deg);
        -o-transform: skewX(45deg) skewY(0deg);
        transform: skewX(45deg) skewY(0deg);
        background: inherit
    }
}

.nav-blacksite-footer-additional {
    padding-left: 0;
    list-style: none;
    margin: 0
}

.nav-blacksite-footer-additional li {
    display: inline-block;
    margin-left: 5px
}

@media screen and (min-width: 480px) {
    .nav-blacksite-footer-additional li {
        margin-left: 35px
    }
}

.nav-blacksite-footer-additional li:first-child {
    margin-left: 0
}

.nav-blacksite-footer-additional a {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #6b717a
}

.nav-blacksite-footer-additional a:before {
    content: "\e009"
}

@media screen and (min-width: 480px) {
    .nav-blacksite-footer-additional a {
        font-size: 16px
    }
}

.nav-blacksite-footer-additional a:focus, .nav-blacksite-footer-additional a:hover {
    color: #c71712
}

.nav-blacksite-footer-additional a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 0;
    margin-right: 5px;
    font-size: .8em
}

.map-canvas-container {
    overflow: hidden;
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    border-bottom: 1px solid #FFF
}

.no-js .map-canvas-container {
    display: none
}

#map-canvas {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 750px;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 768px) {
    #map-canvas {
        height: 768px
    }
}

.map-overlay {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 29;
    width: 100%;
    height: 100%
}

.map-overlay > .container {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    margin: 0 auto;
    padding-top: 121px
}

.map-overlay .button-close {
    position: absolute;
    top: 0;
    right: 30px;
    background-color: transparent;
    border: none;
    font-size: 30px;
    line-height: 1;
    color: #FFF;
    padding: 0
}

.map-overlay-usage-hints {
    color: #FFF;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: center
}

@media screen and (min-width: 1025px) {
    .map-overlay-usage-hints > .container {
        padding-top: 201px
    }
}

.map-overlay-usage-hints h3 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold
}

.map-overlay-usage-hints .button-close {
    right: 15px
}

@media screen and (min-width: 1025px) {
    .map-overlay-usage-hints .button-close {
        top: -61px
    }
}

@media screen and (min-width: 1025px) {
    .map-overlay-usage-hints .border-left {
        border-left: 1px solid #FFF
    }
}

.route-choose-container {
    position: relative;
    margin-top: 66px
}

.route-choose-container > h2 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    margin: 0 0 20px
}

.route-choose-container > h2 i {
    text-align: right;
    font-size: 40px;
    position: absolute;
    top: -15px;
    right: 10px
}

.route-choose-header {
    background: #FFF;
    padding: 6px 17px
}

.route-choose-header .nav-railway {
    margin-bottom: 0
}

.route-choose-header .nav-railway li {
    margin: 0
}

.route-choose-header .button-railway {
    margin: 6px 21px 6px 9px;
    padding: 7px 5px 7px 0;
    width: 60px;
    font-size: 14px
}

.route-choose-items {
    position: relative;
    background: #e1e2e6;
    min-height: 255px;
    padding: 31px 0 29px
}

.route-choose-items .box-route {
    background: #FFF;
    width: 292px;
    margin: 0 14px
}

.route-choose-items .box-route.slick-slide {
    -webkit-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease;
    opacity: .4
}

.route-choose-items .box-route.slick-slide.slick-center {
    opacity: 1
}

.route-choose-items .box-route .button {
    background: #e1e2e6;
    font-weight: bold;
    margin-top: 20px;
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
    padding: 12px 20px 11px
}

.route-choose-items .controls-container {
    position: absolute;
    right: -15px;
    bottom: 51px;
    width: 25%
}

.route-choose-items .controls {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 3;
    height: 51px;
    background: #FFF
}

.route-choose-items .controls:before {
    content: '';
    position: absolute;
    top: 0;
    left: -25.5px;
    width: 51px;
    height: 51px;
    -webkit-transform: skewX(-45deg) skewY(0deg);
    -ms-transform: skewX(-45deg) skewY(0deg);
    -o-transform: skewX(-45deg) skewY(0deg);
    transform: skewX(-45deg) skewY(0deg);
    background: inherit
}

.route-choose-items .controls .control-item {
    margin: 18px 5px 0;
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 1.5em;
    color: #6b717a
}

@media screen and (min-width: 768px) {
    .route-choose-items .controls .control-item {
        width: 50px
    }
}

.route-choose-items .controls .control-item.slick-disabled {
    color: #dedede
}

.route-choose-footer {
    background: #FFF;
    padding: 12px 11px 8px
}

.route-choose-footer .link-more-info {
    font-size: 15px;
    font-weight: bold;
    color: #6b717a;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.route-choose-footer .link-more-info:focus, .route-choose-footer .link-more-info:hover {
    text-decoration: none;
    padding-left: 10px
}

.route-choose-footer .link-more-info i {
    font-size: .9em
}

.map-overlay-backdrop {
    background: rgba(76, 81, 87, 0.8) url('../img/icon-background-map-overlay-rail.png') no-repeat 95% bottom;
    position: absolute;
    width: 100%;
    height: 100%
}

.map-controls-container > .container-fluid {
    position: absolute;
    z-index: 19;
    right: 0;
    left: 0;
    height: 0;
    margin: 0 auto;
    padding-top: 129px
}

.map-controls-container button {
    background-color: transparent;
    border: none;
    padding: 0;
    text-align: left
}

.map-controls-container .usage-hints {
    display: none;
    position: absolute;
    top: 129px;
    right: 0;
    width: 33%
}

@media screen and (min-width: 1025px) {
    .map-controls-container .usage-hints {
        display: block
    }
}

@media screen and (min-width: 1400px) {
    .map-controls-container .usage-hints {
        width: 25%;
        right: 15px
    }
}

.map-controls-container .usage-hints .button-show-usage-hints {
    background: #c71712;
    border: none;
    color: #FFF;
    position: relative;
    z-index: 1;
    float: right;
    padding: 16px 50px 12px 3px
}

.map-controls-container .usage-hints .button-show-usage-hints:before {
    background: inherit;
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
    left: -23px;
    width: 25px
}

.no-touch .map-controls-container .usage-hints .button-show-usage-hints:before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 24px 100%, 0 calc(100% - 13px));
    -webkit-transform: rotate(360deg)
}

.map-controls-container .usage-hints .button-show-usage-hints:active {
    outline: none;
    top: 2px
}

.map-controls-container .usage-hints .button-show-usage-hints i {
    position: relative;
    top: 1px;
    font-size: 18px;
    margin-right: 5px
}

.map-controls-container .usage-hints .button-hide-usage-hints {
    background-color: transparent;
    border: none;
    color: #FFF;
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px
}

.map-controls {
    position: relative;
    min-height: 1px;
    width: 66.6666666%
}

@media screen and (min-width: 768px) {
    .map-controls {
        width: 50%
    }
}

@media screen and (min-width: 1025px) {
    .map-controls {
        width: 320px
    }
}

@media screen and (min-width: 1400px) {
    .map-controls {
        width: 25%
    }
}

.map-controls .button-change-route {
    width: 100%;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    padding: 11px 19px 10px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.map-controls .button-change-route:focus, .map-controls .button-change-route:hover {
    padding-left: 29px
}

.map-controls .button-change-route i {
    font-size: .85em;
    margin-right: 5px
}

.box-map-filter {
    position: relative;
    z-index: 2;
    background: #FFF;
    margin-bottom: 24px
}

.box-map-filter header {
    position: relative;
    padding: 0 11px 26px 15px
}

.box-map-filter header h1 {
    font-size: 24px;
    font-weight: bold
}

.box-map-filter .button-toggle-information, .box-map-filter .button-toggle-filter {
    position: absolute;
    color: #6b717a;
    font-size: 20px;
    line-height: 1
}

.box-map-filter .button-toggle-information {
    top: 6px;
    right: 5px;
    padding-left: 1px
}

.box-map-filter .button-toggle-information.active {
    color: #c71712
}

.box-map-filter .button-toggle-information.active:after {
    position: absolute;
    top: 10px;
    right: -23px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px
}

.box-map-filter .button-toggle-filter {
    right: 9px;
    bottom: 6px
}

.box-map-filter .button-toggle-filter[aria-expanded="true"] i:before {
    content: "\e00c"
}

.box-map-filter .button-filter-reformation i.icon-reformation {
    font-size: 1em;
    margin-right: 0
}

.route-information {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0 16px;
    visibility: hidden;
    color: #FFF;
    font-size: 16px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.route-information.active {
    left: 100%;
    visibility: visible
}

.route-information .button-close {
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 20px
}

.route-information .link-more-info {
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    margin-left: 16px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.route-information .link-more-info:focus, .route-information .link-more-info:hover {
    text-decoration: none;
    padding-left: 10px
}

.route-information .link-more-info i {
    font-size: .9em;
    margin-right: 5px
}

.route-information ul {
    padding-left: 0;
    list-style: none;
    padding: 0 50px 0 0;
    margin-bottom: 27px
}

.route-information ul li {
    padding: 11px 0 8px 25px;
    border-top: 2px solid #6b717a
}

.route-information ul li:first-child {
    border-top: none
}

.filter-content.collapsing, .filter-content.collapse.in {
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.15)
}

.filter-content ul {
    padding-left: 0;
    list-style: none;
    margin: 0
}

.filter-content > ul > li {
    border-bottom: 1px solid #dedddd
}

.filter-content > ul ul .button-filter {
    font-weight: normal;
    height: auto
}

.filter-content > ul ul .button-filter i {
    font-size: .75em;
    margin-right: 5px
}

.filter-content .button-filter {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    width: 100%;
    height: 39px;
    padding: 13px 10px 13px 18px
}

.filter-content .button-filter.button-filter-bahnhof .element-checkbox {
    background-color: #c71712
}

.filter-content .button-filter.button-filter-bahnhof .element-checkbox:before {
    color: #FFF
}

.filter-content .button-filter.button-filter-servicecenter .element-checkbox {
    background-color: #45484e
}

.filter-content .button-filter.button-filter-servicecenter .element-checkbox:before {
    color: #FFF
}

.filter-content .button-filter.button-filter-sehenswuerdigkeit .element-checkbox {
    background-color: #777
}

.filter-content .button-filter.button-filter-sehenswuerdigkeit .element-checkbox:before {
    color: #FFF
}

.filter-content .button-filter.button-filter-empfehlung .element-checkbox {
    background-color: #a6a6a6
}

.filter-content .button-filter.button-filter-empfehlung .element-checkbox:before {
    color: #FFF
}

.filter-content .button-submit {
    padding: 6px 15px 4px;
    margin: 17px 0 18px 14px;
    background: #c71712;
    color: #FFF;
    border-radius: 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.filter-content .button-submit:hover {
    background: #98120e
}

.filter-content .button-submit i {
    margin: 0 0 0 5px;
    position: relative;
    top: 2px
}

.element-checkbox {
    float: right;
    display: block;
    width: 19px;
    height: 19px;
    border: 1px solid #a7a6a6;
    background-color: #FFF;
    position: relative;
    top: -2px
}

.element-checkbox:before {
    content: "\e046"
}

.element-checkbox:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    display: none;
    position: absolute;
    top: -3px;
    right: -3px;
    font-size: 1.1em
}

.active .element-checkbox:before {
    display: block
}

.checkbox-label {
    color: #d7d6d6;
    font-weight: normal;
    text-align: right;
    position: absolute;
    right: 43px;
    top: 15px
}

.button-change-route, .route-information {
    background-image: -webkit-linear-gradient(top, #6b717a 0, #4b4f55 100%);
    background-image: -o-linear-gradient(top, #6b717a 0, #4b4f55 100%);
    background-image: linear-gradient(to bottom, #6b717a 0, #4b4f55 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6b717a', endColorstr='#ff4b4f55', GradientType=0)
}

.gm-style-iw {
    width: 436px !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 0;
    border: none
}

.gm-style-iw, .gm-style-iw > div, .gm-style-iw > div > div {
    overflow: visible !important
}

.map-info-window {
    position: relative;
    font-size: 14px;
    max-width: 436px;
    border: 4px solid rgba(107, 113, 122, 0.5);
    background: #FFF
}

.map-info-window:after, .map-info-window:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.map-info-window:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.map-info-window:before {
    border-color: rgba(107, 113, 122, 0);
    border-top-color: rgba(107, 113, 122, 0.5);
    border-width: 16px;
    margin-left: -16px
}

.map-info-window .button-close {
    background-color: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 19px;
    z-index: 1
}

.map-info-window-header {
    position: relative;
    padding: 10px 10px;
}

.map-info-window-content {
    position: relative;
    padding: 0 6px 5px 0
}

.map-info-window-content:before, .map-info-window-content:after {
    content: " ";
    display: table
}

.map-info-window-content:after {
    clear: both
}

.map-info-window-content:before, .map-info-window-content:after {
    content: " ";
    display: table
}

.map-info-window-content:after {
    clear: both
}

.map-info-window-content-text {
    float: left;
    padding: 14px 14px 0;
    border-top: 1px solid #dedddd;
    color: #6b717a;
    width: 278px
}

.map-info-window-content-text h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 4px
}

.map-info-window-content-text h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 7px 0 0;
    padding-top: 10px;
    border-top: 1px solid #dedddd
}

.map-info-window-content-text ul {
    padding: 0 0 10px 20px;
    border-bottom: 1px solid #dedddd
}

.map-info-window-content-text p {
    margin: 0
}

.map-info-window-content-text a {
    color: #6b717a;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.map-info-window-content-text a:hover {
    text-decoration: none;
    padding-left: 10px
}

.map-info-window-content-text i {
    display: inline;
    position: absolute;
    bottom: 6px;
    left: 260px
}

.map-info-window-ticket-machine .map-info-window-content-text i {
    position: relative;
    left: 0;
    bottom: -1px
}

.map-info-window-content-image {
    float: right;
    margin-left: 9px
}

.map-info-window-content-image img {
    display: block;
    max-width: 100%;
    height: auto
}

.ticketmachine-module {
    margin: 30px -15px 0;
    background: #e1e2e6
}

@media screen and (min-width: 768px) {
    .ticketmachine-module {
        margin-right: 0;
        margin-left: 0
    }
}

.ticketmachine-module .header-controls {
    padding: 15px
}

.ticketmachine-module .header-controls:before, .ticketmachine-module .header-controls:after {
    content: " ";
    display: table
}

.ticketmachine-module .header-controls:after {
    clear: both
}

.ticketmachine-module .header-controls:before, .ticketmachine-module .header-controls:after {
    content: " ";
    display: table
}

.ticketmachine-module .header-controls:after {
    clear: both
}

.ticketmachine-module .header-controls .form-control {
    height: 34px;
    box-shadow: none;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    color: #6b717a
}

@media screen and (min-width: 768px) {
    .ticketmachine-module .header-controls .form-control {
        float: left;
        width: 50%;
        margin-right: 7px
    }
}

.ticketmachine-module .header-controls .dropdown-filter-year {
    top: auto;
    right: auto
}

@media screen and (min-width: 480px) {
    .ticketmachine-module .header-controls .dropdown-filter-year {
        margin-top: 10px
    }
}

@media screen and (min-width: 768px) {
    .ticketmachine-module .header-controls .dropdown-filter-year {
        float: left;
        margin-top: 0
    }
}

.ticketmachine-module .header-controls .button-search {
    background: #c71712;
    color: #FFF;
    text-transform: uppercase;
    border: none;
    border-radius: 20px;
    padding: 7px 15px 5px;
    margin-top: 10px;
    float: right;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media screen and (min-width: 768px) {
    .ticketmachine-module .header-controls .button-search {
        margin-top: 0
    }
}

.ticketmachine-module .header-controls .button-search:focus, .ticketmachine-module .header-controls .button-search:hover {
    background: #98120e
}

.ticketmachine-module .header-controls .button-search[disabled] {
    background-color: #ccc
}

.ticketmachine-module .header-controls .button-search i {
    position: relative;
    top: 1px;
    margin-left: 5px;
    font-size: 90%
}

.ticketmachine-module .map-container {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF
}

.ticketmachine-module #map-canvas {
    height: 361px
}

.ticketmachine-module .pois-stations-tab-container {
    margin: 0
}

.ticketmachine-module .pois-stations-tab-container .tab-pane#tab-stations {
    padding-top: 15px;
    padding-bottom: 15px
}

.ticketmachine-module .no-results-message {
    padding: 20px 0;
    text-align: center;
    font-size: 16px;
    line-height: 1.65
}

.ticketmachine-module .no-results-message p {
    margin: 0
}

.ticketmachine-module .box-alert {
    margin: 0;
    padding: 20px 40px;
    text-align: center;
    line-height: 1.6;
    background-position: 112% -80px
}

@media screen and (min-width: 768px) {
    .ticketmachine-module .box-alert {
        padding-bottom: 40px
    }
}

.ticketmachine-module .box-alert > i {
    left: 10px
}

@media screen and (min-width: 768px) {
    .ticketmachine-module .box-alert > i {
        left: 20px
    }
}

.ticketmachine-module .box-alert p {
    margin-bottom: 0
}

.ticketmachine-module .box-alert + .pois-stations-tab-container .tab-pane#tab-stations {
    padding-top: 0
}

.ticketmachine-module .box-station {
    margin-top: 16px;
    margin-bottom: 0
}

.ticketmachine-module .box-station h1 {
    margin-top: 0
}

.ticketmachine-module .map-info-window-content-text {
    padding-bottom: 7px
}

.ticketmachine-module .map-info-window-content-text a {
    display: block;
    margin-top: 7px
}

#travel-information-form-single {
    position: relative
}

#travel-information-form-single .form-group {
    margin-top: 13px;
    margin-bottom: 0
}

#travel-information-form-single .control-label {
    padding-top: 6px
}

#travel-information-form-single .form-control, #travel-information-form-single .control-label {
    font-size: 15px
}

#travel-information-form-single .form-control {
    background-color: #e6e6e6;
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-top: 4px;
    padding: 4px 7px 0;
    height: 24px
}

@media screen and (min-width: 768px) {
    #travel-information-form-single .form-date-container {
        padding-right: 0;
        padding-left: 5px
    }
}

#travel-information-form-single .form-group-submit {
    margin-top: 30px;
    text-align: center
}

#travel-information-form-single .form-group-submit hr {
    position: relative;
    top: -20px;
    margin: 0 15px
}

#travel-information-form-single .form-group-submit .button-container {
    position: relative;
    display: inline
}

#travel-information-form-single .form-group-submit .button-container:before, #travel-information-form-single .form-group-submit .button-container:after {
    content: '';
    position: absolute;
    top: 0;
    z-index: 2;
    background-color: #FFF;
    width: 25px;
    height: 100%
}

#travel-information-form-single .form-group-submit .button-container:before {
    left: -25px
}

#travel-information-form-single .form-group-submit .button-container:after {
    right: -25px
}

#travel-information-form-single .form-group-submit .button {
    background-color: #c71712;
    text-transform: uppercase;
    padding: 8px 50px 5px 20px
}

#travel-information-form-single .form-group-submit .button:after {
    background-color: #6b717a
}

#travel-information-form-single .form-group-submit .button[disabled] i {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

#travel-information-form-single .form-group-submit .button i {
    font-size: 24px;
    height: 24px;
    position: absolute;
    top: 3px;
    right: 10px
}

#travel-information-form-single select, #travel-information-form-single .sod_select {
    background-color: #e6e6e6;
    padding: 4px 7px;
    margin-top: 4px
}

#travel-information-form-single select:before, #travel-information-form-single .sod_select:before {
    font-size: 11px;
    top: 6px;
    right: 7px;
    color: #6b717a
}

#travel-information-form-single select .sod_label, #travel-information-form-single .sod_select .sod_label {
    font-size: 15px;
    font-weight: normal
}

#travel-information-form-single select .sod_list_wrapper, #travel-information-form-single .sod_select .sod_list_wrapper {
    background-color: #e6e6e6
}

#travel-information-form-single select .sod_option, #travel-information-form-single .sod_select .sod_option {
    padding: 5px 10px
}

#travel-information-form-single .select-container {
    position: relative;
    z-index: 5
}

#travel-information-form-single .select-time-container .sod_select {
    float: left;
    width: 49%
}

#travel-information-form-single .select-time-container .sod_select:first-child {
    margin-right: 2%
}

#travel-information-form-single .icon-kalender-detailed-container {
    padding-left: 10px;
    padding-right: 10px;
    display: none
}

@media screen and (min-width: 768px) {
    #travel-information-form-single .icon-kalender-detailed-container {
        display: block
    }
}

#travel-information-form-single .icon-kalender-detailed {
    position: relative;
    top: 4px;
    font-size: 21px;
    color: #6b717a
}

#travel-information-form-single hr {
    border-top-color: #dbdbdb
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.button-switch-destinations {
    background-color: transparent;
    border: none;
    font-size: 24px;
    position: absolute;
    top: 70px;
    right: -5px;
    outline: none;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media screen and (min-width: 768px) {
    .button-switch-destinations {
        top: 20px
    }
}

@media screen and (min-width: 1400px) {
    .button-switch-destinations {
        right: 15px
    }
}

.button-switch-destinations:focus, .button-switch-destinations:hover {
    color: #c71712
}

.button-switch-destinations:active {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

#trip-results {
    margin: 30px -30px 0
}

@media screen and (min-width: 768px) {
    #trip-results {
        margin: 0
    }
}

#trip-results > h2, #trip-results .notice {
    margin-right: 0;
    margin-left: 30px
}

@media screen and (min-width: 768px) {
    #trip-results > h2, #trip-results .notice {
        margin-left: 0
    }
}

#trip-results table {
    font-size: 16px
}

#trip-results table .result-header-row {
    color: #FFF;
    font-weight: bold;
    white-space: nowrap
}

#trip-results table .result-header-row, #trip-results table .result-header-row:nth-of-type(even) {
    background-color: #c71712
}

#trip-results table .result-header-row:first-child {
    border-top: none
}

#trip-results table .result-header-row > td {
    padding: 2px 8px 0
}

#trip-results table .result-header-row .result-counter {
    text-transform: uppercase
}

#trip-results table > thead {
    background-color: transparent;
    color: #333
}

#trip-results table > thead > tr > th {
    font-weight: normal
}

#trip-results table > tbody > tr:nth-of-type(even) {
    background-color: transparent
}

#trip-results table > tbody > tr.leg {
    border-top: 1px solid #e4e3e3
}

#trip-results table > tbody > tr.leg:first-child {
    border-top: none
}

#trip-results table > tbody > tr.subtle {
    color: #AAA
}

#trip-results table > tbody > tr > td {
    padding: 5px 8px 3px;
    border-bottom: none
}

#trip-results table > tbody > tr > td:first-child {
    border-right: none
}

#trip-results td.result-icons {
    position: relative
}

#trip-results td.result-icons a {
    position: absolute;
    top: 50px;
    right: 15px
}

#trip-results td.result-icons a:first-child {
    top: 10px
}

#trip-results td.result-time {
    position: relative
}

#trip-results td.result-time i {
    position: absolute;
    top: 7px;
    right: -5px;
    width: 34px;
    text-align: center
}

#trip-results td.result-time i.delayed {
    color: #c71712
}

#trip-results td.result-time i.not-delayed {
    color: #5cb85c
}

#trip-results td.result-time i.transport-type-icon {
    font-size: 24px;
    top: 2px
}

#trip-results .button-circle {
    color: #6b717a;
    text-decoration: none;
    font-size: 30px
}

#trip-results .notice {
    display: block;
    font-style: italic
}

#trip-results .alert {
    margin-top: 20px
}

iframe.travel-information-results {
    width: 100%;
    height: 1000px
}

.social-share-container {
    margin-top: 17px;
    margin-bottom: 17px;
    padding-left: 33px
}

@media screen and (min-width: 1025px) {
    .social-share-container {
        margin-top: 0
    }
}

.social-share-container .button-pdf, .social-share-container .button-print {
    display: none;
    padding: 2px 12px 6px;
    background: #FFF;
    color: #6b717a;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 480px) {
    .social-share-container .button-pdf, .social-share-container .button-print {
        margin: 0 12px 0 0
    }
}

@media screen and (min-width: 1025px) {
    .social-share-container .button-pdf, .social-share-container .button-print {
        display: inline-block
    }
}

.social-share-container .button-pdf:focus, .social-share-container .button-print:focus, .social-share-container .button-pdf:hover, .social-share-container .button-print:hover {
    text-decoration: none
}

.social-share-container .button-pdf i, .social-share-container .button-print i {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin-right: 7px;
    position: relative;
    top: 5px
}

@media screen and (min-width: 1025px) {
    .page-id-1519 .social-share-container .button-pdf {
        display: none !important
    }
}

.social-share-container .button-pdf:focus i:before, .social-share-container .button-pdf:hover i:before {
    content: "\e023"
}

.social-share-container .button-print:focus i:before, .social-share-container .button-print:hover i:before {
    content: "\e02b"
}

.social-share-container .socialshareprivacy {
    float: left
}

.socialshareprivacy > ul {
    padding-left: 0;
    list-style: none
}

.socialshareprivacy > ul li {
    display: inline-block;
    margin: 0 6px;
    padding: 0 10px;
    width: auto
}

@media screen and (min-width: 640px) {
    .socialshareprivacy > ul li {
        margin: 0 32px
    }
}

.page-footer .socialshareprivacy > ul li {
    margin: 0;
    padding: 0;
    width: 33.3333333%
}

@media screen and (min-width: 768px) {
    .page-footer .socialshareprivacy > ul li {
        margin: 0 32px;
        padding: 0 10px 25px;
        width: auto
    }
}

.socialshareprivacy > ul li.info_off {
    margin: 0 20px
}

.socialshareprivacy .settings_info {
    display: none
}

.socialshareprivacy .info {
    display: none;
    position: absolute;
    bottom: 100px;
    left: 0;
    width: 290px;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    background-color: #6b717a;
    color: #FFF;
    z-index: 500
}

.socialshareprivacy .info:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25px;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #6b717a;
    border-width: 8px;
    margin-left: -8px
}

.socialshareprivacy .help_info {
    position: relative;
    padding-bottom: 23px
}

.socialshareprivacy .help_info.display .info {
    display: block
}

.socialshareprivacy .switch {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 5px;
    right: 0;
    width: 42px;
    height: 18px;
    overflow: hidden;
    text-indent: -9999em;
    background: url('../img/button-social-share-switch.png') no-repeat center 0
}

.page-footer .socialshareprivacy .switch {
    top: 10px;
    bottom: auto;
    left: 50px;
    right: auto
}

@media screen and (min-width: 768px) {
    .page-footer .socialshareprivacy .switch {
        top: auto;
        bottom: 0;
        left: 5px;
        right: 0
    }
}

.socialshareprivacy .switch.on {
    background-position: center -18px
}

.socialshareprivacy .dummy_btn {
    font-size: 35px;
    line-height: 1
}

.socialshareprivacy .dummy_btn.fb_like {
    color: #0b478d
}

.socialshareprivacy .dummy_btn.fb_like:before {
    content: "\e013"
}

.socialshareprivacy .dummy_btn.fb_like:hover:before {
    content: "\e014"
}

.socialshareprivacy .dummy_btn.fb_like iframe {
    left: -22px
}

.socialshareprivacy .dummy_btn.tweet {
    color: #2787c8
}

.socialshareprivacy .dummy_btn.tweet:before {
    content: "\e034"
}

.socialshareprivacy .dummy_btn.tweet:hover:before {
    content: "\e035"
}

.socialshareprivacy .dummy_btn.tweet iframe {
    left: -12px
}

.socialshareprivacy .dummy_btn.gplusone {
    color: #db2823
}

.socialshareprivacy .dummy_btn.gplusone:before {
    content: "\e015"
}

.socialshareprivacy .dummy_btn.gplusone:hover:before {
    content: "\e016"
}

.socialshareprivacy .dummy_btn.gplusone > div {
    left: -5px
}

.socialshareprivacy .dummy_btn:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.socialshareprivacy .dummy_btn img {
    display: none
}

.socialshareprivacy .dummy_btn > div, .socialshareprivacy .dummy_btn iframe {
    position: relative;
    display: block !important;
    width: 85px !important;
    margin: 0 auto
}

.page-footer {
    padding-top: 30px
}

.page-footer > .container {
    position: relative
}

@media screen and (min-width: 1025px) {
    .page-footer > .container:before {
        content: '';
        background-color: #dbdada;
        height: 2px;
        width: calc(100% - 30px);
        position: absolute;
        top: 17px;
        left: 15px
    }
}

@media screen and (min-width: 1025px) {
    .page-footer .section-title:before {
        content: '';
        background: #FFF;
        width: 22px;
        height: 100%;
        position: absolute;
        right: -22px;
        top: 0
    }
}

.sitemap-row.row > div {
    padding-right: 0;
    padding-left: 0
}

.sitemap-panel-group {
    box-shadow: 1px 4px 7px -3px rgba(107, 113, 122, 0.5)
}

.sitemap-panel-group:before, .sitemap-panel-group:after {
    content: " ";
    display: table
}

.sitemap-panel-group:after {
    clear: both
}

.sitemap-panel-group:before, .sitemap-panel-group:after {
    content: " ";
    display: table
}

.sitemap-panel-group:after {
    clear: both
}

@media screen and (min-width: 768px) {
    .sitemap-panel-group {
        box-shadow: none
    }
}

@media screen and (min-width: 480px) {
    .sitemap-panel-group .panel-body, .sitemap-panel-group .panel-heading {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media screen and (min-width: 1400px) {
    .sitemap-panel-group .panel-body, .sitemap-panel-group .panel-heading {
        padding-right: 15px;
        padding-left: 15px
    }
}

.sitemap-panel-group .panel {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
}

@media screen and (min-width: 1025px) {
    .sitemap-panel-group .panel {
        width: 33.333333%;
        float: left;
        box-shadow: none
    }
}

@media screen and (min-width: 1400px) {
    .sitemap-panel-group .panel {
        width: 25%
    }
}

@media screen and (min-width: 1025px) {
    .sitemap-panel-group .panel + .panel {
        margin-top: 0
    }
}

.sitemap-panel-group .panel .img-responsive {
    margin: 0 auto 20px
}

@media screen and (min-width: 1025px) {
    .sitemap-panel-group .panel .img-responsive {
        margin: 0
    }
}

.sitemap-panel-group .panel-title {
    position: relative;
    color: #6b717a;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold
}

@media screen and (min-width: 768px) {
    .sitemap-panel-group .panel-title {
        font-size: 20px
    }
}

.sitemap-panel-group .panel-title a {
    display: block
}

.sitemap-panel-group .panel-title a:focus, .sitemap-panel-group .panel-title a:hover {
    text-decoration: none
}

.sitemap-panel-group .panel-title a[aria-expanded="true"] i:before {
    content: "\e00c"
}

@media screen and (min-width: 1025px) {
    .sitemap-panel-group .panel-title a {
        cursor: default
    }
}

.sitemap-panel-group .panel-title i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1em
}

@media screen and (min-width: 1025px) {
    .sitemap-panel-group .panel-title i {
        display: none
    }
}

@media screen and (min-width: 1025px) {
    .sitemap-panel-group .panel-collapse {
        display: block;
        height: auto !important
    }
}

@media screen and (min-width: 1025px) {
    .sitemap-panel-group .panel-heading + .panel-collapse > .panel-body {
        border-top: none
    }
}

.sitemap-panel-group .panel-body h3 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 20px
}

.partner-logos {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 5px solid #e1e2e6
}

.partner-logos:before, .partner-logos:after {
    content: " ";
    display: table
}

.partner-logos:after {
    clear: both
}

.partner-logos:before, .partner-logos:after {
    content: " ";
    display: table
}

.partner-logos:after {
    clear: both
}

@media screen and (min-width: 768px) {
    .partner-logos {
        margin-bottom: 50px
    }
}

@media screen and (min-width: 1025px) {
    .partner-logos {
        float: right;
        border-bottom: none;
        margin-top: 0
    }
}

.sub-page .partner-logos {
    margin-bottom: 50px
}

.partner-logos a {
    display: inline-block;
    margin: 0 6px 10px
}

@media screen and (min-width: 1025px) {
    .partner-logos a {
        margin-right: 12px;
        margin-left: 12px
    }
}

.partner-logos img.partner-logo {
    display: block;
    max-width: 100%;
    height: auto
}

.nav-sitemap {
    padding-left: 0;
    list-style: none
}

.nav-sitemap li {
    position: relative;
    margin-bottom: 10px
}

.nav-sitemap a {
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    padding-left: 20px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.nav-sitemap a:before {
    content: "\e009"
}

.nav-sitemap a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .75em;
    position: absolute;
    top: 4px;
    left: 0;
    color: #333333;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.nav-sitemap a:focus, .nav-sitemap a:hover {
    padding-left: 25px
}

.nav-sitemap a:focus:before, .nav-sitemap a:hover:before {
    left: 6px;
    color: #c71712
}

.nav-railway {
    padding-left: 0;
    list-style: none;
    position: relative;
    left: -3px
}

.page-footer .nav-railway {
    width: 60%
}

@media screen and (min-width: 1025px) {
    .page-footer .nav-railway {
        width: auto
    }
}

.nav-railway li {
    margin: 0 3px 10px;
    display: inline-block
}

.page-footer .nav-railway li {
    width: 68px
}

.button-railway {
    position: relative;
    z-index: 1;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 9px 5px 8px 8px;
    margin-right: 18px;
    width: 64px
}

.page-footer .button-railway {
    margin-left: 9px;
    margin-right: 0
}

.button-railway:focus, .button-railway:hover {
    text-decoration: none;
    color: #f0f0f0
}

.collapse-anreise h3 {
    font-weight: normal;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 14px
}

@media screen and (min-width: 1025px) {
    .collapse-anreise h3 {
        font-size: 18px
    }
}

#collapse-anreise-individuell {
    padding-left: 20px
}

#collapse-anreise-individuell .button {
    margin-bottom: 15px
}

.alert-form-success-message .icon-check {
    display: block;
    text-align: center;
    font-size: 2em
}

.alert-form-success-message .button {
    margin-top: 10px
}

.box-info {
    background: #e1e2e6;
    padding: 15px
}

.box-info.box-info-print-only {
    display: none
}

.box-info hr {
    border-top-color: rgba(51, 51, 51, 0.75)
}

.modal-dialog {
    z-index: 1050
}

.control-item {
    background-color: transparent;
    border: none;
    padding: 0;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.control-item:focus, .control-item:hover {
    color: #6b717a !important;
    outline: none
}

.section-title, .flag {
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #FFF;
    background: #c71712;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase
}

.section-title:after, .flag:after {
    background: inherit
}

.modal-open .section-title, .modal-open .flag {
    z-index: 0
}

.section-title {
    padding: 13px 14px 8px 14px;
    margin-top: 0;
    font-size: 16px !important;
    font-weight: bold
}

.section-title + .button-feed {
    display: inline-block;
    padding: 11px;
    width: 38px;
    height: 38px;
    background: #d5d5d5;
    color: #FFF;
    text-align: center;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.section-title + .button-feed:focus, .section-title + .button-feed:hover {
    background: #bcbcbc;
    text-decoration: none
}

.flag {
    padding: 2px 6px 2px 0
}

.flag:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
    left: -9px;
    width: 11px
}

.no-touch .flag:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 10px 100%, 0 calc(100% - 7px));
    -webkit-transform: rotate(360deg)
}

.preloader {
    display: none;
    position: fixed;
    z-index: 1009;
    text-align: center;
    background: #FFF;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 1025px) {
    .preloader {
        display: block
    }
}

.no-js .preloader {
    display: none
}

.spinner {
    margin: 80px auto;
    width: 70px;
    text-align: center;
    position: fixed;
    top: 48%;
    left: 0;
    right: 0;
    z-index: 100000
}

.spinner:before {
    content: '';
    background: #FFF url('../img/logo-abellio.svg') no-repeat center center;
    width: 169px;
    height: 42px;
    position: absolute;
    top: -67px;
    left: -40px
}

#search-modal .spinner {
    position: relative;
    top: auto;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden
}

#search-modal .spinner:before {
    content: none
}

#search-modal .spinner > div {
    width: 8px;
    height: 8px
}

.spinner > div {
    width: 10px;
    height: 10px;
    background-color: #6b717a;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

form#user-login .form-text {
    display: block;
    width: 100%;
    height: 39px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #6b717a;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

form#user-login .form-text:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

form#user-login .form-text::-moz-placeholder {
    color: #999;
    opacity: 1
}

form#user-login .form-text:-ms-input-placeholder {
    color: #999
}

form#user-login .form-text::-webkit-input-placeholder {
    color: #999
}

form#user-login .form-text[disabled], form#user-login .form-text[readonly], fieldset[disabled] form#user-login .form-text {
    background-color: #eee;
    opacity: 1
}

form#user-login .form-text[disabled], fieldset[disabled] form#user-login .form-text {
    cursor: not-allowed
}

textareaform#user-login .form-text {
    height: auto
}

#ui-datepicker-div {
    display: none;
    z-index: 102 !important
}

.img-wrapper {
    background-color: #e1e2e6
}

.highlight {
    color: #c71712
}

.no-padding-top {
    padding-top: 0
}

.no-padding-bottom {
    padding-bottom: 0
}

.button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    padding: 12px 20px 11px;
    border-radius: 20px;
    border: none;
    line-height: 1;
    font-size: 17px;
    background: #6b717a;
    color: #FFF
}

.button:focus, .button:active:focus, .button.active:focus, .button.focus, .button:active.focus, .button.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.button:hover, .button:focus, .button.focus {
    color: #333;
    text-decoration: none
}

.button:active, .button.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.button.disabled, .button[disabled], fieldset[disabled] .button {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.button.disabled, fieldset[disabled] a.button {
    pointer-events: none
}

.button:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    background: #c71712
}

.button:focus, .button:hover {
    color: #FFF
}

.button:focus:after, .button:hover:after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.button.button-angular {
    border-radius: 0
}

.button-iconized {
    padding-top: 9px
}

.button-iconized i {
    position: relative;
    line-height: 1;
    top: 3px;
    margin-right: 3px
}

.button-iconized-circle {
    width: 35px;
    height: 35px;
    padding: 10px 0 0 2px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 1;
    text-align: center
}

.button-full-size {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 79;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background: rgba(0, 0, 0, 0)
}

.button-back {
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    position: absolute;
    top: -15px;
    right: 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold
}

.button-back:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    background: #c71712
}

.button-back:focus, .button-back:hover {
    color: #FFF
}

.button-back:focus:after, .button-back:hover:after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

@media screen and (max-width: 640px) {
    .button-back {
        padding: 10px 15px
    }
}

.button-back i {
    position: relative;
    top: 1px;
    font-size: .8em;
    margin-right: 8px
}

.button-edit-content {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999
}

.link-skewed-effect {
    position: relative;
    display: inline-block;
    outline: none;
    vertical-align: bottom;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease
}

.link-skewed-effect:focus, .link-skewed-effect:hover {
    color: #FFF
}

.link-skewed-effect:focus:before, .link-skewed-effect:hover:before {
    opacity: 1;
    -webkit-transform: skewY(0) skewX(0);
    transform: skewY(0) skewX(0)
}

.link-skewed-effect:before {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: -3px;
    z-index: -1;
    box-sizing: content-box;
    padding: 0 3px;
    width: 100%;
    height: 100%;
    background: #c71712;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    -webkit-transform: skewY(-3deg) skewX(-11deg);
    transform: skewY(-3deg) skewX(-11deg)
}

.button-effect {
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.button-effect:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    background: #c71712
}

.button-effect:focus, .button-effect:hover {
    color: #FFF
}

.button-effect:focus:after, .button-effect:hover:after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.station-map-module {
    background: #e1e2e6;
    margin: 30px 0 0
}

.station-map-module h2.station-map-module-title {
    margin: 0;
    padding: 16px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #6b717a
}

.station-map-modal button, .station-map-module button {
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    background-color: transparent;
    border: 0;
    padding: 0;
    line-height: 1;
    color: #6b717a;
    cursor: pointer
}

.station-map-modal button i, .station-map-module button i {
    font-size: 30px
}

.station-map-modal .button-enlarge, .station-map-module .button-enlarge {
    margin-left: 14px
}

.station-map-modal .button-enlarge:hover i:before, .station-map-module .button-enlarge:hover i:before {
    content: "\e012"
}

.station-map-modal .button-legend, .station-map-module .button-legend {
    float: left;
    width: auto;
    height: auto
}

.station-map-modal .button-legend i, .station-map-module .button-legend i {
    position: relative;
    top: 5px;
    font-size: 21px;
    margin-right: 6px
}

.station-map-modal .button-close, .station-map-module .button-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 18px;
    height: 18px
}

.station-map-modal .button-close i, .station-map-module .button-close i {
    font-size: 18px
}

.station-map-module-content {
    border: 1px solid #b1aea9
}

.station-map-module-footer {
    position: relative;
    padding: 8px
}

.station-map-module-legend-container {
    visibility: visible;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

.station-map-modal .station-map-module-legend-container {
    width: 35%;
    top: auto;
    bottom: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.station-map-module-legend-content {
    position: relative;
    border: 1px solid #b1aea9;
    padding: 30px 17px;
    background: #fff
}

.station-map-module-legend-content:after, .station-map-module-legend-content:before {
    bottom: 100%;
    left: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.station-map-module-legend-content:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px
}

.station-map-module-legend-content:before {
    border-color: rgba(177, 174, 169, 0);
    border-bottom-color: #b1aea9;
    border-width: 7px;
    margin-left: -7px
}

.station-map-modal .station-map-module-legend-content:after, .station-map-modal .station-map-module-legend-content:before {
    bottom: auto;
    left: 25px;
    top: 100%
}

.station-map-modal .station-map-module-legend-content:after {
    border-bottom-color: transparent;
    border-top-color: #fff
}

.station-map-modal .station-map-module-legend-content:before {
    border-bottom-color: transparent;
    border-top-color: #b1aea9
}

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

.list-legend:before, .list-legend:after {
    content: " ";
    display: table
}

.list-legend:after {
    clear: both
}

.list-legend:before, .list-legend:after {
    content: " ";
    display: table
}

.list-legend:after {
    clear: both
}

.list-legend li {
    float: left;
    position: relative;
    display: block;
    width: 33.333333%;
    min-height: 24px;
    padding-left: 30px;
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 1.14285714;
    text-align: left
}

.list-legend img {
    position: absolute;
    top: 0;
    left: 0
}

.list-legend span {
    display: block;
    padding-top: 3px
}

#station-map {
    width: 100%;
    height: 350px
}

#modal-station-map {
    width: 100%;
    height: 800px
}

.img-icon {
    border: 1px solid #b1aea9;
    border-bottom: 0;
    padding: 3px;
    background: #fff
}

.img-icon.leaflet-marker-shadow {
    border: none;
    padding: 0;
    background-color: transparent
}

.plain-div-icon {
    background: #fff;
    border: 1px solid #b1aea9;
    color: #333;
    font-size: 14px;
    padding: 4px 8px;
    width: auto !important;
    height: auto !important;
    z-index: 1 !important
}

.plain-div-icon span {
    display: block;
    padding-left: 15px
}

.formatted-div-icon {
    background: #fff;
    border: 1px solid #b1aea9;
    color: #6b717a;
    font-size: 13px;
    padding: 8px;
    width: auto !important;
    height: auto !important;
    min-width: 136px
}

.formatted-div-icon span {
    display: inline
}

.highlight-station-div-icon {
    background: #c71712;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 8px 5px 2px;
    width: auto !important;
    height: auto !important
}

.highlight-station-div-icon span {
    display: block;
    white-space: nowrap
}

.highlight-station-div-icon span:before {
    content: "\e064"
}

.highlight-station-div-icon span:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 6px
}

.highlight-div-icon {
    background: #c71712;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 6px;
    width: auto !important;
    height: auto !important
}

.highlight-div-icon:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(213, 0, 0, 0);
    border-width: 4px
}

.highlight-div-icon.top:after {
    bottom: 100%;
    left: 50%;
    border-bottom-color: #c71712;
    margin-left: -4px
}

.highlight-div-icon.right:after {
    left: 100%;
    top: 50%;
    border-left-color: #c71712;
    margin-top: -4px
}

.highlight-div-icon.bottom:after {
    top: 100%;
    left: 50%;
    border-top-color: #c71712;
    margin-left: -4px
}

.highlight-div-icon.left:after {
    right: 100%;
    top: 50%;
    border-right-color: #c71712;
    margin-top: -4px
}

.highlight-div-icon span {
    display: block;
    white-space: nowrap
}

.leaflet-popup-content {
    padding: 0 !important;
    width: auto !important;
    min-width: 231px
}

.leaflet-popup-close-button, .map-tooltip.closable .close {
    display: none !important
}

.map-station-popup-container {
    padding: 5px
}

.map-station-popup-container:before, .map-station-popup-container:after {
    content: " ";
    display: table
}

.map-station-popup-container:after {
    clear: both
}

.map-station-popup-container:before, .map-station-popup-container:after {
    content: " ";
    display: table
}

.map-station-popup-container:after {
    clear: both
}

.map-station-popup-img {
    display: block;
    float: left;
    margin-right: 4px
}

.map-station-popup-text {
    float: left;
    font-size: 13px
}

@media screen and (min-width: 1025px) {
    .station-map-modal .modal-dialog {
        width: 95%
    }
}

.station-map-modal .modal-header {
    background: #e1e2e6
}

.station-map-modal .modal-header h4 {
    float: left;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #6b717a
}

.station-map-modal .modal-header .button-close {
    width: auto;
    font-size: 16px;
    top: 23px
}

.station-map-modal .modal-header .button-close i {
    position: relative;
    top: 3px;
    margin-left: 5px
}

.station-map-modal .modal-body {
    padding: 0;
    border: 1px solid #b1aea9
}

.station-map-modal .modal-content {
    border-radius: 0;
    box-shadow: none
}

.station-map-modal .modal-footer {
    position: relative;
    background: #e1e2e6
}

.station-map-modal .button {
    float: right
}

@media screen and (min-width: 480px) {
    .station-map-modal .button {
        margin-left: 10px
    }
}

.menu-item-node-4067 {
    display: none
}

.menu-item-4067-visible .menu-item-node-4067 {
    display: block
}

.menu-item-node-5676, .menu-item-node-5610 {
    display: none
}

.menu-item-node-5676.active, .menu-item-node-5610.active {
    display: block;
    border: none
}

.menu-item-node-6209, .menu-item-node-6211, .menu-item-node-6306, .menu-item-node-6232, .menu-item-node-6288, .menu-item-node-6290, .menu-item-node-6295, .menu-item-node-6296, .menu-item-node-6301, .menu-item-node-6274 {
    display: none
}

.menu-item-node-6209.active, .menu-item-node-6211.active, .menu-item-node-6306.active, .menu-item-node-6232.active, .menu-item-node-6288.active, .menu-item-node-6290.active, .menu-item-node-6295.active, .menu-item-node-6296.active, .menu-item-node-6301.active, .menu-item-node-6274.active {
    display: block;
    border: none
}

li.active .menu-item-node-6209, li.active .menu-item-node-6211, li.active .menu-item-node-6306, li.active .menu-item-node-6232, li.active .menu-item-node-6288, li.active .menu-item-node-6290, li.active .menu-item-node-6295, li.active .menu-item-node-6296, li.active .menu-item-node-6301, li.active .menu-item-node-6274, li.active-trail .menu-item-node-6209, li.active-trail .menu-item-node-6211, li.active-trail .menu-item-node-6306, li.active-trail .menu-item-node-6232, li.active-trail .menu-item-node-6288, li.active-trail .menu-item-node-6290, li.active-trail .menu-item-node-6295, li.active-trail .menu-item-node-6296, li.active-trail .menu-item-node-6301, li.active-trail .menu-item-node-6274 {
    display: block
}

.page-id-5676 .sidebar-navigation {
    display: none
}

.page-id-5676 .sidebar-navigation + .box-sidebar {
    margin-top: 0
}

.page-id-5666 .sidebar-navigation nav > ul > li:not(.menu-item-node-5610), .page-id-5668 .sidebar-navigation nav > ul > li:not(.menu-item-node-5610), .page-id-5610 .sidebar-navigation nav > ul > li:not(.menu-item-node-5610) {
    display: none
}

.page-id-6209 .sidebar-navigation nav > ul > li:not(.menu-item-node-6209), .page-id-6211 .sidebar-navigation nav > ul > li:not(.menu-item-node-6209), .page-id-6232 .sidebar-navigation nav > ul > li:not(.menu-item-node-6209), .page-id-6288 .sidebar-navigation nav > ul > li:not(.menu-item-node-6209), .page-id-6290 .sidebar-navigation nav > ul > li:not(.menu-item-node-6209), .page-id-6295 .sidebar-navigation nav > ul > li:not(.menu-item-node-6209), .page-id-6296 .sidebar-navigation nav > ul > li:not(.menu-item-node-6209), .page-id-6301 .sidebar-navigation nav > ul > li:not(.menu-item-node-6209), .page-id-6306 .sidebar-navigation nav > ul > li:not(.menu-item-node-6209), .page-id-6274 .sidebar-navigation nav > ul > li:not(.menu-item-node-6209) {
    display: none
}

@media screen and (max-width: 1024px) {
    .form-module-dampfloksonderfahrten .sod_select {
        padding-right: 5px;
        padding-left: 5px
    }
}

.form-module-dampfloksonderfahrten .panel-group {
    margin-bottom: 0
}

.form-module-dampfloksonderfahrten .panel {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-module-dampfloksonderfahrten .panel .panel-body {
    padding: 0
}

@media screen and (min-width: 1025px) {
    .form-module-dampfloksonderfahrten .panel .panel-body {
        padding: 5px;
        background: #fff
    }
}

.form-module-dampfloksonderfahrten .panel fieldset {
    margin-bottom: 0
}

.form-module-dampfloksonderfahrten fieldset {
    margin-bottom: 0
}

.group-ride-direction {
    margin-bottom: 15px
}

.amount-indicator {
    position: absolute;
    top: 20px;
    right: 5px;
    visibility: hidden;
    opacity: 0;
    color: #5cb85c;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.amount-indicator i {
    font-size: .75em;
    position: relative;
    top: -5px;
    left: -3px
}

.page-2-columns .image-module, .page-2-columns .enhanced-image-module, .page-2-columns .html-module, .page-2-columns .video-module, .page-2-columns .form-module, .page-2-columns .image-sliderbox-module {
    max-width: 600px
}

@media (min-width: 480px) {
    .page-2-columns .list-downloads .download-title {
        width: 52%
    }
}

@media (min-width: 768px) {
    .page-2-columns .list-downloads .download-title {
        width: 73%
    }
}

@media (min-width: 1315px) {
    .page-2-columns .list-downloads .download-title {
        width: 80%
    }
}

.page-2-columns .themenboxes {
    margin-top: 0
}

@media (min-width: 320px) {
    .page-2-columns .themenboxes {
        margin-bottom: 15px
    }
}

@media (min-width: 992px) {
    .page-2-columns .themenboxes {
        margin-bottom: 0
    }
}

@media (min-width: 320px) {
    .page-2-columns .themenboxes div {
        margin-bottom: 15px
    }
}

@media (min-width: 992px) {
    .page-2-columns .themenboxes div {
        margin-bottom: 30px
    }
}

.page-2-columns .themenboxes a {
    cursor: pointer;
    display: block;
    position: relative;
    overflow: hidden
}

@media (min-width: 320px) {
    .page-2-columns .themenboxes a {
        max-width: 422px
    }
}

@media (min-width: 992px) {
    .page-2-columns .themenboxes a {
        max-width: none
    }
}

.page-2-columns .themenboxes a img {
    width: 100%
}

.page-2-columns .themenboxes a span {
    display: block;
    background: rgba(107, 113, 122, 0.8);
    bottom: 0;
    color: #fff;
    left: 0;
    min-height: 60px;
    position: absolute;
    width: 100%
}

@media (min-width: 320px) {
    .page-2-columns .themenboxes a span {
        padding: 10px 30px 10px 10px
    }
}

@media (min-width: 400px) {
    .page-2-columns .themenboxes a span {
        padding: 20px 50px 20px 20px
    }
}

.page-2-columns .themenboxes a span:after {
    content: "\e009";
    font-family: 'abellio';
    position: absolute
}

@media (min-width: 320px) {
    .page-2-columns .themenboxes a span:after {
        top: 10px;
        right: 10px
    }
}

@media (min-width: 400px) {
    .page-2-columns .themenboxes a span:after {
        top: 20px;
        right: 20px
    }
}

.page-2-columns .themenboxes a:hover span {
    background: rgba(199, 23, 18, 0.8)
}

@media (min-width: 320px) {
    .page-2-columns .themenbox-3-module a {
        margin: 0;
        text-align: left
    }
}

@media (min-width: 768px) {
    .page-2-columns .themenbox-3-module a {
        margin: 0 auto;
        overflow: hidden;
        text-align: center
    }
}

.page-2-columns .themenbox-3-module a span {
    text-align: left
}

@media (min-width: 320px) {
    .page-2-columns .themenbox-3-module a span {
        min-height: 60px
    }
}

@media (min-width: 768px) {
    .page-2-columns .themenbox-3-module a span {
        min-height: 120px
    }
}

@media (min-width: 320px) {
    .page-2-columns .themenbox-3-module a img {
        margin: 0
    }
}

@media (min-width: 768px) {
    .page-2-columns .themenbox-3-module a img {
        margin: 0 -100%;
        width: auto
    }
}

.red {
    color: #c71712
}

.grey {
    color: #3b4249
}

.green {
    color: #76c461
}

h1, .h1 {
    font-family: 'Amasis';
    font-size: 32px;
    font-weight: 600;
    color: #333333
}

h1.page-title, .h1.page-title {
    font-size: 28px
}

@media screen and (max-width: 1024px) {
    h1.page-title, .h1.page-title {
        font-size: 26px
    }
}

h2, .h2 {
    font-family: 'Amasis';
    font-size: 24px;
    font-weight: 600;
    color: #333333
}

@media screen and (max-width: 1024px) {
    h2, .h2 {
        font-size: 20px
    }
}

h3, .h3 {
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    color: #000000
}

h4, .h4 {
    font-family: Arial;
    font-size: 18px;
    font-weight: 700;
    color: #000000
}

h5, .h5 {
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    color: #c71712;
    text-transform: uppercase
}

h6, .h6 {
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    color: #000000
}

h2.section {
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 20px 0
}

@media screen and (max-width: 1024px) {
    .underlined-mobile {
        border-bottom: 1px solid #c0c0c2
    }
}

.route-badge {
    background-color: #e1e2e6;
    border-left: 6px solid #e1e2e6;
    padding: 9px 0 9px 16px;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    color: #3b4249;
    width: 130px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.route-badge:hover {
    text-decoration: none;
    color: #333333;
    padding-left: 10px
}

.a-cleaned {
    color: #333333;
    text-decoration: none
}

.button {
    min-width: 135px
}

.button.red:hover {
    background: #55606b
}

.button.red:hover:after {
    background: #55606b
}

.btn-search-modal {
    color: #6b717a;
    font-size: 1.1em
}

.button-read-more {
    color: #3b4249;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.button-read-more:before {
    content: "\e009"
}

.button-read-more:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .9em;
    position: relative;
    top: 2px;
    margin-right: 5px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.button-read-more:focus, .button-read-more:hover {
    text-decoration: none !important;
    color: #c71712;
    padding-left: 3px
}

.button-read-more:focus:before, .button-read-more:hover:before {
    color: #c71712;
    margin-right: 10px
}

.btn-text-arrow-right {
    font-size: 15px;
    color: #333333;
    text-decoration: none
}

.btn-text-arrow-right i {
    margin-left: 5px
}

.btn-text-arrow-right:hover {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    color: #c71712
}

.btn-text-arrow-right:hover i {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    margin-left: 15px
}

.button-railway {
    width: auto;
    padding: 9px 5px 8px 5px;
    text-align: center
}

.button-railway.small {
    font-size: 14px;
    padding: 6px 5px 4px 5px;
    width: 55px
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.margin-bottom {
    margin-bottom: 30px
}

.col-three:before, .col-three:after {
    content: " ";
    display: table
}

.col-three:after {
    clear: both
}

.col-three:before, .col-three:after {
    content: " ";
    display: table
}

.col-three:after {
    clear: both
}

@media screen and (min-width: 1025px) {
    .col-three.bordered-left .col-md-4 {
        border-left: 1px solid #bdc0c5
    }
}

.col-three .col-left {
    margin-left: 15px
}

.col-three .col-right {
    margin-left: -15px
}

.icon {
    display: inline-block;
    width: 20px;
    height: 20px
}

.icon-alert {
    background-image: url('../img/icons/icon-alert.png');
    width: 21px;
    height: 20px
}

.icon-datepicker {
    background-image: url('../img/icons/datepicker.png');
    width: 19px;
    height: 19px
}

.icon-time {
    background-image: url('../img/icons/time.png');
    width: 21px;
    height: 20px
}

.icon-time-red {
    background-image: url('../img/icons/time-red.png');
    width: 21px;
    height: 20px
}

.icon-check-green {
    background-image: url('../img/icons/check-green.png');
    width: 21px;
    height: 21px
}

.icon-baustelle-neu {
    background-image: url('../img/icons/baustelle.png');
    width: 23px;
    height: 17px
}

.icon-btn-plus {
    background-image: url('../img/icons/btn-plus.png');
    width: 28px;
    height: 28px
}

.icon-live {
    background-image: url('../img/icons/icon-live.png');
    width: 75px;
    height: 30px
}

.icon-station-live {
    background-image: url('../img/icons/icon-station-live.png');
    width: 72px;
    height: 30px
}

.icon-directions {
    background-image: url('../img/icons/icon-directions.png');
    width: 10px;
    height: 7px
}

.icon-close {
    background-image: url('../img/icons/icon-close.png');
    width: 20px;
    height: 20px
}

.icon-arrow-left-sm:before {
    font-size: 13px;
    color: #a6a6a6
}

.icon-arrow-right-sm:before {
    font-size: 13px;
    color: #a6a6a6
}

.page-head .navbar-brand {
    padding: 5px 0 0 0;
    height: auto
}

@media screen and (min-width: 641px) {
    .page-head .navbar-brand {
        margin-left: -4px;
        padding-top: 16px
    }
}

.page-head .navbar-brand > img {
    width: 120px;
    margin-top: 5px
}

@media screen and (min-width: 641px) {
    .page-head .navbar-brand > img {
        width: 158px;
        height: 39px;
        margin-top: 0
    }
}

.nav-regions-container, .nav-first-level-container {
    background-color: #e1e2e6
}

section.breadcrumb {
    background-color: #e1e2e6;
    border-bottom: 1px solid #bdc3c9;
    padding: 0
}

section.breadcrumb .breadcrumb-container {
    padding: 1px 0 1px 35px
}

.breadcrumb > li + li:before {
    line-height: .8 !important
}

@media screen and (min-width: 1025px) {
    .site-content {
        position: relative
    }
}

.main-content.no-padding {
    padding: 0
}

body {
    background-color: #FFF;
    font-size: 16px
}

@media screen and (max-width: 1025px) {
    .container {
        padding-left: 30px;
        padding-right: 30px
    }
}

.container-fluid {
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width: 640px) {
    .container-fluid {
        padding-left: 30px;
        padding-right: 30px
    }
}

.head-main-wrap {
    position: relative
}

.bg-grey-transparent {
    background-color: rgba(59, 66, 73, 0.8)
}

.parent-page-title {
    color: #c71712
}

.col-md-9.main-content-container .main-content {
    padding-right: 0
}

@media screen and (max-width: 1024px) {
    .breadcrumb-row {
        background-color: #e1e2e6;
        margin-left: -30px;
        margin-right: -30px
    }

    .sidebar-additional-content-container {
        padding-top: 32px
    }
}

.unclickable {
    cursor: default
}

.unclickable:hover {
    color: #333333
}

.col-no-padding {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width: 1024px) {
    .desktop-hidden {
        display: none !important;
        opacity: 0
    }
}

.page-head {
    background-color: #FFF;
    height: 50px
}

@media screen and (min-width: 641px) {
    .page-head {
        height: 68px
    }
}

.page-head .navbar-header {
    position: relative;
    padding: 0 30px 0 15px
}

@media screen and (min-width: 1025px) {
    .page-head .navbar-header {
        padding: 0 30px
    }
}

.page-head .navbar-header .navbar-toggle-container {
    position: absolute;
    right: -9px;
    top: 26px;
    z-index: 2;
    width: 101px;
    height: 39px;
    padding: 6px 13px;
    background: #c71712
}

@media screen and (min-width: 641px) {
    .page-head .navbar-header .navbar-toggle-container {
        top: 44px
    }
}

@media screen and (min-width: 1025px) {
    .page-head .navbar-header .navbar-toggle-container {
        display: none
    }
}

.navbar-backdrop-in .page-head .navbar-header .navbar-toggle-container {
    z-index: auto
}

.page-head .navbar-header .navbar-toggle-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: -18px;
    z-index: 2;
    width: 36px;
    height: 100%;
    -webkit-transform: skewX(-35deg) skewY(0deg);
    -ms-transform: skewX(-35deg) skewY(0deg);
    -o-transform: skewX(-35deg) skewY(0deg);
    transform: skewX(-35deg) skewY(0deg);
    background: inherit
}

.page-head .navbar-header .navbar-toggle-container:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -42px;
    z-index: 1;
    width: 30px;
    height: 15px;
    -webkit-transform: skewX(33deg) skewY(0deg);
    -ms-transform: skewX(33deg) skewY(0deg);
    -o-transform: skewX(33deg) skewY(0deg);
    transform: skewX(33deg) skewY(0deg);
    background: #981a1a
}

.page-head .navbar-header .navbar-toggle-container .navbar-toggle {
    width: 18px;
    height: 18px;
    padding: 4px;
    margin: 5px 0 0 0;
    border-radius: 50%;
    border: 2px solid transparent;
    background: #FFF;
    z-index: 509
}

.page-head .navbar-header .navbar-toggle-container .navbar-toggle:focus {
    text-decoration: none
}

.page-head .navbar-header .navbar-toggle-container .navbar-toggle[aria-expanded="true"] {
    top: -25px;
    background-color: transparent;
    border: 2px solid #FFF;
    width: 24px;
    height: 24px;
    padding: 4px;
    margin: 0;
    border-radius: 50%;
    z-index: 509
}

.page-head .navbar-header .navbar-toggle-container .navbar-toggle[aria-expanded="true"] .icon-bar {
    background: #FFF;
    height: 2px;
    width: 12px;
    margin-left: 0
}

.page-head .navbar-header .navbar-toggle-container .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) {
    opacity: 0
}

.page-head .navbar-header .navbar-toggle-container .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0
}

.page-head .navbar-header .navbar-toggle-container .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -4px
}

.page-head .navbar-header .navbar-toggle-container .navbar-toggle .icon-bar {
    position: relative;
    background: #c71712;
    height: 1px;
    width: 9px;
    margin-left: -1px;
    border-radius: 0;
    -webkit-transition: all .35s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all .35s cubic-bezier(.175, .885, .32, 1.275);
    transition: all .35s cubic-bezier(.175, .885, .32, 1.275)
}

.page-head .navbar-header .navbar-toggle-container .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 2px
}

.page-head .nav-additional {
    display: none
}

@media screen and (min-width: 1025px) {
    .page-head .nav-additional {
        display: block
    }
}

.nav-additional {
    background-color: #FFF
}

@media screen and (min-width: 1025px) {
    .nav-additional {
        background-color: transparent;
        float: right;
        padding-top: 23px
    }
}

.nav-additional a {
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.nav-additional a:focus, .nav-additional a:hover {
    color: #c71712;
    text-decoration: none
}

.nav-additional > ul {
    padding-top: 18px
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul {
        float: left;
        padding-top: 2px
    }
}

.nav-additional > ul > li {
    position: relative;
    display: block;
    border-top: 1px solid #e1e2e6
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul > li {
        display: inline-block;
        border-top: none;
        margin-right: 25px
    }
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul > li.hover > a, .nav-additional > ul > li:focus > a, .nav-additional > ul > li:hover > a {
        box-shadow: 1px -5px 5px -5px rgba(45, 42, 37, 0.34), 5px 0 5px -5px rgba(45, 42, 37, 0.34), -5px 0 5px -5px rgba(45, 42, 37, 0.34)
    }
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul > li.hover > ul, .nav-additional > ul > li:focus > ul, .nav-additional > ul > li:hover > ul {
        display: block
    }
}

.nav-additional > ul > li > a {
    display: block;
    padding: 10px;
    background: #FFF;
    color: #54616c;
    font-size: 16px
}

.nav-additional > ul > li > a:before {
    content: "\e009"
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul > li > a {
        position: relative;
        display: inline;
        z-index: 29;
        padding-right: 35px
    }

    .nav-additional > ul > li > a:before {
        content: "\e003"
    }
}

.nav-additional > ul > li > a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .8em;
    color: #a6a6a6;
    margin: 2px 10px 0
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul > li > a:before {
        position: absolute;
        top: 15px;
        right: 10px;
        margin: 0
    }
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul > li > a.menu-toggle {
        display: none
    }
}

.nav-additional > ul > li > a.menu-toggle:before {
    content: none
}

.nav-additional > ul > li > a i {
    position: relative;
    top: 2px
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul > li > a i {
        display: none
    }
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul > li > ul {
        display: none;
        position: absolute;
        top: 30px;
        left: 0;
        z-index: 19;
        background: #FFF;
        padding: 15px;
        box-shadow: 1px 0 5px rgba(45, 42, 37, 0.34)
    }
}

.nav-additional > ul > li > ul > li {
    display: list-item;
    white-space: nowrap;
    border-top: 1px solid #e1e2e6
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul > li > ul > li {
        border-top: none;
        margin-top: 15px
    }
}

.nav-additional > ul > li > ul > li:first-child {
    margin-top: 0
}

.nav-additional > ul > li > ul > li > a {
    display: block;
    font-size: 16px;
    padding: 10px 15px 10px 2px;
    color: #6b717a
}

.nav-additional > ul > li > ul > li > a:before {
    content: "\e009"
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul > li > ul > li > a {
        padding: 2px 15px 2px 2px
    }
}

.nav-additional > ul > li > ul > li > a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: -2px;
    color: #c71712;
    font-size: .8em;
    margin: 0 10px
}

@media screen and (min-width: 1025px) {
    .nav-additional > ul > li > ul > li > a:before {
        font-size: .5em;
        margin: 0 5px 0 0
    }
}

.nav-additional .btn-search-modal {
    display: inline-block;
    margin: 0 48px 0 33px;
    float: left
}

.button-to-home {
    padding-top: 1px
}

.font-resizer {
    padding-top: 3px
}

.btn-search-modal {
    padding-top: 4px
}

.card {
    background-color: #FFF
}

.card.bg-transparent {
    background-color: transparent
}

.card.bg-grey {
    background-color: #e1e2e6
}

.card.bg-grey-transparent {
    background-color: rgba(59, 66, 73, 0.8);
    color: #FFF
}

.card.bg-grey-transparent .card-title {
    color: #FFF
}

.card .card-title {
    font-family: "Amasis";
    font-size: 20px;
    line-height: 45px;
    font-weight: 700;
    height: 30px
}

@media screen and (min-width: 1025px) {
    .card .card-title {
        font-size: 24px
    }
}

.card .card-title.no-border {
    border: 0
}

.card .card-title.has-icon .card-title-icon {
    float: left;
    margin-right: 5px
}

.card .card-title.has-icon h2 {
    line-height: 62px
}

.card .card-body.content {
    padding: 25px 20px
}

.card.card-alternate {
    padding: 0 30px
}

.card.card-alternate .card-title {
    height: 40px;
    line-height: 35px;
    font-weight: 700
}

.card.card-alternate .card-title.has-icon svg {
    margin-left: -30px;
    margin-right: 8px
}

@media screen and (min-width: 1025px) {
    .card.card-alternate {
        padding: 0
    }

    .card.card-alternate .card-title {
        line-height: 42px
    }

    .card.card-alternate .card-title.has-icon svg {
        margin-left: 0
    }
}

.card .card-body.has-padding {
    padding: 20px
}

.card .card-body.has-padding-v {
    padding: 20px 0
}

.card .card-body.has-padding-h {
    padding: 0 20px
}

.card-type-1 .card-title {
    border-bottom: 1px solid #bdc0c5;
    padding: 10px 0;
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    font-family: Arial;
    font-weight: 700;
    text-transform: uppercase;
    color: #3b4249;
    height: auto
}

.card-link-list .card-body {
    padding: 25px 15px
}

.card-link-list .card-body ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.card-link-list .card-body ul li {
    margin-bottom: 25px
}

.card-link-list .card-body ul li:last-child {
    margin-bottom: 0
}

.card-link-list .card-body ul li img {
    margin-right: 20px
}

.card-link-list .card-body ul li a {
    margin: 0 5px 0 0;
    display: block;
    background-image: url('../img/icons/arrow.png');
    background-repeat: no-repeat;
    background-position: center right;
    text-decoration: none;
    color: #333333;
    font-weight: 700
}

.card-link-list .card-body ul li a:hover {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    color: #c71712
}

.card-link-list .card-body ul li a:hover img {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    margin-right: 30px
}

@media screen and (max-width: 400px) {
    .card-link-list .card-body ul li a {
        text-align: center
    }

    .card-link-list .card-body ul li a img {
        margin-right: 0
    }

    .card-link-list .card-body ul li a span {
        display: block;
        padding-top: 5px
    }
}

.card-slider .controls-container-wrapper {
    position: absolute;
    bottom: 0
}

.card-slider .xxxxxdots-container {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto !important;
    margin: 0 auto;
    width: 50%
}

.card-slider .xxxxxdots-container .slick-dots {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0 auto;
    text-align: center
}

.card-slider .xxxxxdots-container .slick-dots li {
    display: inline-block
}

button.slick-arrow:hover i:before {
    color: #c71712 !important
}

.dots-container {
    text-align: center
}

.dots-container .slick-dots {
    display: inline-block
}

.dots-container .slick-dots:before, .dots-container .slick-dots:after {
    content: " ";
    display: table
}

.dots-container .slick-dots:after {
    clear: both
}

.dots-container .slick-dots:before, .dots-container .slick-dots:after {
    content: " ";
    display: table
}

.dots-container .slick-dots:after {
    clear: both
}

.controls-container {
    position: relative;
    top: auto;
    left: 0;
    right: 0;
    bottom: auto;
    height: auto !important;
    width: auto;
    border-collapse: collapse
}

.controls-container:before, .controls-container:after {
    content: " ";
    display: table
}

.controls-container:after {
    clear: both
}

.controls-container:before, .controls-container:after {
    content: " ";
    display: table
}

.controls-container:after {
    clear: both
}

.controls-container > .control-item {
    float: left
}

.controls-container > .control-item .icon-arrow-left-sm, .controls-container > .control-item .icon-arrow-right-sm {
    position: relative;
    display: block;
    width: 13px;
    height: 13px
}

.controls-container > .control-item .icon-arrow-left-sm:before, .controls-container > .control-item .icon-arrow-right-sm:before {
    position: absolute;
    left: 0;
    top: 0
}

.controls-container > .control-item .icon-arrow-right-sm:before {
    left: auto;
    right: 0
}

.controls-container .dots-container {
    float: left;
    padding-top: 1px;
    padding-left: 5px;
    border-collapse: collapse
}

.controls-container .dots-container:before, .controls-container .dots-container:after {
    content: " ";
    display: table
}

.controls-container .dots-container:after {
    clear: both
}

.controls-container .dots-container:before, .controls-container .dots-container:after {
    content: " ";
    display: table
}

.controls-container .dots-container:after {
    clear: both
}

.controls-container .dots-container .slick-dots {
    display: inline
}

.slick-dots {
    padding-left: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    display: block;
    float: left;
    vertical-align: baseline;
    margin: 0 !important;
    height: 11px;
    width: 17px;
    position: relative
}

.slick-dots li.slick-active button {
    background-color: #c71712
}

.slick-dots li button {
    border: none;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    padding: 0;
    background: #bdb9ba;
    text-indent: -9999em;
    position: absolute;
    top: 0;
    left: 0
}

.slick-dots li button:hover {
    background-color: #c71712
}

.buttonLight {
    background-color: #e1e2e6;
    color: #333333
}

.buttonLight:hover {
    color: #FFF
}

.button.red {
    background-color: #c71712;
    color: #FFF
}

.button.padding-x2 {
    padding-left: 40px;
    padding-right: 40px
}

::-webkit-input-placeholder {
    color: #55606b;
    font-style: italic !important;
    font-size: 15px !important
}

:-moz-placeholder {
    color: #55606b;
    font-style: italic !important;
    font-size: 15px !important
}

::-moz-placeholder {
    color: #55606b;
    font-style: italic !important;
    font-size: 15px !important
}

:-ms-input-placeholder {
    color: #55606b;
    font-style: italic !important;
    font-size: 15px !important
}

form input {
    color: #333333
}

footer {
    background-color: #e1e2e6;
    padding-top: 40px
}

footer .footer-main .row {
    margin-bottom: 40px
}

.footer-video-bar {
    background: #ced0d5 url(../img/abellio-videobanner-xs.jpg) no-repeat center center;
    background-size: contain
}

.footer-video-bar .footer-video-col {
    height: 75px
}

@media screen and (max-width: 1024px) {
    .footer-video-bar .footer-video-col > *, .footer-video-bar .footer-video-col:before, .footer-video-bar .footer-video-col:after {
        display: none !important
    }
}

.footer-video-bar .footer-video-col video {
    display: none;
    margin: 0 auto;
    height: 100%;
    width: 100%
}

@media screen and (min-width: 1025px) {
    .footer-video-bar .footer-video-col video {
        display: block
    }
}

.footer-video-bar .footer-video-col:before, .footer-video-bar .footer-video-col:after {
    content: ' ';
    position: absolute;
    top: 0;
    z-index: 1;
    height: 75px;
    display: block
}

.footer-video-bar .footer-video-col:before {
    width: 34px;
    left: 0;
    background: url(../img/abellio-videobanner-flag-left.png) no-repeat
}

.footer-video-bar .footer-video-col:after {
    width: 32px;
    right: 0;
    background: url(../img/abellio-videobanner-flag-right.png) no-repeat
}

.footer-video-bar .mejs-controls {
    display: none !important
}

.footer-service-container {
    background-color: #FFF
}

.footer-service-container .row {
    padding-bottom: 0;
    margin-bottom: 0
}

.footer-service-container .col-md-5, .footer-service-container .col-md-2 {
    border: 0;
    padding-top: 13px;
    padding-bottom: 17px
}

.footer-service-container .footer-service {
    border-bottom: 6px solid #c71712
}

@media screen and (min-width: 641px) and (max-width: 850px) {
    .footer-service-container .footer-service .col-md-2 {
        display: none
    }

    .footer-service-container .footer-service .col-md-5 {
        width: 50%
    }
}

@media screen and (max-width: 850px) {
    .footer-service-container .footer-service .col-md-2 {
        display: none
    }

    .footer-service-container .footer-service .col-md-5 ul {
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .footer-service-container .col-md-5, .footer-service-container .col-md-2 {
        float: left
    }

    .footer-service-container .col-md-5 {
        width: 42%
    }

    .footer-service-container .col-md-2 {
        width: 16%
    }
}

.button-to-top {
    color: #333333;
    text-decoration: none;
    display: inline-block;
    position: relative;
    margin: 15px auto 0 auto;
    font-size: 13px;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

@media screen and (min-width: 480px) {
    .button-to-top {
        padding-left: 15px
    }
}

@media screen and (min-width: 1400px) {
    .button-to-top {
        padding-left: 0
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .button-to-top {
        bottom: -2px
    }
}

.button-to-top:focus, .button-to-top:hover {
    text-decoration: none;
    color: #c71712
}

.button-to-top i {
    position: relative;
    top: 2px;
    line-height: 1
}

.branding-slogan {
    position: relative;
    display: block
}

.branding-slogan img {
    width: 212px;
    height: 25px
}

@media screen and (min-width: 480px) {
    .branding-slogan img {
        width: 332px;
        height: 39px
    }
}

.nav-footer-row {
    padding-top: 18px
}

@media screen and (min-width: 768px) {
    .nav-footer-row {
        padding-top: 0
    }
}

.nav-footer-row-navigation {
    background: #c71712
}

.nav-footer-col {
    background: #c71712;
    padding-bottom: 13px
}

@media screen and (min-width: 768px) {
    .nav-footer-col {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media screen and (min-width: 1025px) {
    .nav-footer-col {
        position: relative;
        margin-top: -39px
    }
}

@media screen and (min-width: 1400px) {
    .nav-footer-col {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (min-width: 1025px) {
    .nav-footer-col:before {
        content: '';
        position: absolute;
        top: 0;
        left: -25.5px;
        width: 51px;
        height: 51px;
        -webkit-transform: skewX(-45deg) skewY(0deg);
        -ms-transform: skewX(-45deg) skewY(0deg);
        -o-transform: skewX(-45deg) skewY(0deg);
        transform: skewX(-45deg) skewY(0deg);
        background: inherit
    }
}

.nav-footer-additional {
    padding-left: 0;
    list-style: none;
    margin: 21px 0 11px
}

@media screen and (min-width: 768px) {
    .nav-footer-additional {
        margin-top: 12px
    }
}

@media screen and (min-width: 1025px) {
    .nav-footer-additional {
        margin-top: 12px
    }
}

@media screen and (min-width: 1400px) {
    .nav-footer-additional {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 5px
    }
}

.nav-footer-additional li {
    display: inline-block;
    margin-left: 5px
}

@media screen and (min-width: 480px) {
    .nav-footer-additional li {
        margin-left: 35px
    }
}

.nav-footer-additional li:first-child {
    margin-left: 0
}

.nav-footer-additional a {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    color: #333333;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.nav-footer-additional a:before {
    content: "\e009"
}

@media screen and (min-width: 480px) {
    .nav-footer-additional a {
        font-size: 13px
    }
}

.nav-footer-additional a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 0;
    margin-right: 5px;
    font-size: .8em;
    color: #8c8c8c
}

.nav-footer-additional a:focus, .nav-footer-additional a:hover {
    color: #c71712
}

.contact-row .col-md-4 {
    margin-bottom: 40px
}

@media screen and (min-width: 1025px) {
    .contact-row .col-md-4 {
        height: 260px;
        border-left: 1px solid #bdc0c5;
        padding-left: 30px;
        margin-bottom: 0
    }

    .contact-row .col-md-4:first-child {
        margin-left: 15px
    }

    .contact-row .col-md-4:last-child {
        margin-left: -15px
    }
}

.contact-row .contact-data .data-phone {
    margin-top: 12px;
    margin-bottom: 0;
    padding-left: 50px
}

.contact-row .contact-data .data-phone i {
    margin-left: -50px
}

.contact-row .contact-data .data-phone i:before {
    top: 5px
}

.contact-row .contact-data .data-mail {
    padding-left: 50px
}

.contact-row .contact-data .data-mail i {
    margin-left: -50px
}

.contact-row .contact-data .data-mail i:before {
    top: 5px
}

.contact-row .contact-data i {
    width: 25px;
    font-size: 24px;
    margin-right: 50px;
    color: #55606b;
    position: relative
}

.contact-row .contact-data i:before {
    position: absolute;
    top: 0;
    left: 0
}

.contact-row .contact-data a {
    color: #333333;
    text-decoration: none
}

.contact-row .contact-data a:hover {
    color: #c71712
}

.contact-row .contact-data small {
    padding-top: 8px;
    display: block;
    font-size: 13px;
    color: #55606b
}

@media screen and (max-width: 1024px) {
    .contact-row .contact-data:before, .contact-row .contact-data:after {
        content: " ";
        display: table
    }

    .contact-row .contact-data:after {
        clear: both
    }

    .contact-row .contact-data:before, .contact-row .contact-data:after {
        content: " ";
        display: table
    }

    .contact-row .contact-data:after {
        clear: both
    }

    .contact-row .contact-data .data-phone {
        float: left;
        margin-right: 60px;
        margin-top: 0
    }

    .contact-row .contact-data .data-mail {
        float: left;
        margin: 0 60px 0 0
    }

    .contact-row .contact-data small {
        padding-top: 12px;
        float: left
    }
}

.copyright {
    color: #FFF;
    font-size: 12px
}

@media screen and (max-width: 1024px) {
    .navbar-regions {
        display: none
    }
}

ul.subnav {
    list-style-type: none
}

.navbar {
    border: none;
    border-bottom: 1px solid #E2E2E2;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .navbar {
        padding-bottom: 0 !important
    }
}

@media screen and (min-width: 1025px) {
    .navbar {
        height: auto;
        position: relative;
        z-index: 99;
        border-bottom: none
    }

    .modal-open .navbar {
        z-index: 1
    }
}

.navbar > .container .navbar-collapse, .navbar > .container-fluid .navbar-collapse {
    border: none;
    padding: 0
}

@media screen and (min-width: 1025px) {
    .navbar > .container .navbar-collapse, .navbar > .container-fluid .navbar-collapse {
        position: relative;
        z-index: 1;
        clear: both
    }
}

.navbar > .container .navbar-collapse.collapsing, .navbar > .container-fluid .navbar-collapse.collapsing, .navbar > .container .navbar-collapse.in, .navbar > .container-fluid .navbar-collapse.in {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 499;
    width: 100%;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 1025px) {
    .navbar > .container .navbar-collapse.collapsing, .navbar > .container-fluid .navbar-collapse.collapsing, .navbar > .container .navbar-collapse.in, .navbar > .container-fluid .navbar-collapse.in {
        position: relative;
        top: auto;
        left: auto
    }
}

.navbar > .active-region {
    display: block;
    padding: 7px 15px 1px;
    background: #e1e2e6;
    color: #6a717b;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1
}

@media screen and (min-width: 480px) {
    .navbar > .active-region {
        font-size: 14px;
        padding: 5px 15px 3px
    }
}

@media screen and (min-width: 768px) {
    .navbar > .active-region {
        padding: 5px 30px 3px
    }
}

@media screen and (min-width: 1025px) {
    .navbar > .active-region {
        display: none
    }
}

.navbar ul {
    padding-left: 0;
    list-style: none;
    margin: 0
}

.navbar ul:before, .navbar ul:after {
    content: " ";
    display: table
}

.navbar ul:after {
    clear: both
}

.navbar ul:before, .navbar ul:after {
    content: " ";
    display: table
}

.navbar ul:after {
    clear: both
}

.navbar-expander {
    display: none
}

@media screen and (min-width: 1025px) {
    .navbar-region .navbar-expander {
        display: block;
        position: absolute;
        top: 92px;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 0;
        background: #981a1a
    }
}

.navbar-expander button {
    display: none;
    position: absolute;
    top: 100px;
    right: 15px;
    background-color: transparent;
    border: none;
    font-size: 1.5em;
    line-height: 1;
    color: #FFF;
    padding: 0
}

.nav-main {
    position: relative;
    background-color: #a7120d;
    padding-top: 85px
}

@media screen and (min-width: 1025px) {
    .nav-main {
        padding-top: 5px
    }
}

.nav-main ul {
    list-style-type: none
}

.nav-main ul li a {
    text-decoration: none
}

@media screen and (min-width: 1025px) {
    .nav-main ul li a.hover-other {
        color: #c18384
    }
}

.nav-main > ul > li > ul.sub-menu {
    background-color: #FFF;
    padding-left: 19px;
    list-style-type: none;
    -webkit-box-shadow: 0 10px 49px -6px #888;
    -moz-box-shadow: 0 10px 49px -6px #888;
    box-shadow: 0 10px 49px -6px #888;
    z-index: 40
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li > ul.sub-menu {
        display: block;
        padding: 8px 0 2px 19px;
        position: absolute;
        top: 53px;
        opacity: 0;
        visibility: hidden
    }

    .nav-main > ul > li > ul.sub-menu:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #FFF
    }
}

.nav-main > ul > li > ul.sub-menu > li > a {
    padding-right: 45px
}

.nav-main > ul > li > ul.sub-menu > li:hover > a {
    padding-right: 21px
}

.nav-main > ul > li > ul.sub-menu > li > ul {
    background: #e1e2e6;
    padding: 7px 0
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li > ul.sub-menu > li > ul {
        position: absolute;
        top: -3px;
        left: 100%;
        width: 100%;
        min-height: calc(100% - 20px - 21px)
    }
}

.nav-main > ul > li > ul.sub-menu > li > ul > li > a:hover {
    color: #333333
}

.nav-main > ul > li > ul.sub-menu > li > ul > li > a:hover:before {
    color: #333333
}

.nav-main .active-region {
    position: absolute;
    top: 40px;
    left: 30px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF
}

@media screen and (min-width: 1025px) {
    .nav-main .active-region {
        display: none
    }
}

@media screen and (max-width: 320px) {
    .nav-main .active-region {
        font-size: 14px
    }
}

.nav-main > ul {
    margin: 0;
    padding: 0;
    z-index: 8
}

.nav-main > ul a {
    display: block;
    color: #FFF
}

.nav-main > ul > li {
    position: relative;
    border-top: 1px solid #af1712;
    box-shadow: inset 0 1px 0 #e92019;
    -webkit-transition: border-bottom-color .35s ease;
    -o-transition: border-bottom-color .35s ease;
    transition: border-bottom-color .35s ease
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li {
        display: inline-block;
        border-top: none;
        box-shadow: none;
        padding: 7px 0 0;
        margin-left: -5px;
        position: static
    }
}

.nav-main > ul > li.selected {
    border-bottom-color: transparent
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li.selected > ul {
        opacity: 1;
        visibility: visible
    }
}

.nav-main > ul > li.selected > a {
    text-decoration: none
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li.selected > a {
        position: relative
    }

    .nav-main > ul > li.selected > a:after {
        position: absolute;
        top: 105%;
        left: 50%;
        z-index: 1;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none;
        border-color: rgba(222, 26, 20, 0);
        border-top-color: #de1a14;
        border-width: 15px;
        margin-left: -15px
    }
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li:first-child {
        margin-left: 0
    }
}

.nav-main > ul > li > a {
    font-size: 20px;
    font-weight: bold;
    padding: 17px 60px 16px 30px;
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li > a {
        padding: 7px 11px 12px 11px;
        font-size: 16px
    }
}

@media screen and (min-width: 1400px) {
    .nav-main > ul > li > a {
        padding-right: 25px;
        padding-left: 25px
    }
}

.nav-main > ul > li > a.menu-toggle {
    width: 61px;
    height: 61px;
    background-color: #ae1712;
    padding: 15px 0 0
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li > a.menu-toggle {
        display: none
    }
}

.nav-main > ul > li > a.menu-toggle i {
    font-size: 30px
}

.nav-main > ul > li > ul a {
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    color: #333333
}

.nav-main > ul > li > ul a:before {
    content: "\e009"
}

.nav-main > ul > li > ul a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .8em;
    margin-right: 11px;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    display: none
}

.nav-main > ul > li > ul a:focus, .nav-main > ul > li > ul a:hover {
    text-decoration: none
}

.nav-main > ul > li > ul a:focus:before, .nav-main > ul > li > ul a:hover:before {
    display: inline-block;
    color: #de1a14
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li > ul a.menu-toggle {
        display: none
    }
}

.nav-main > ul > li > ul a.menu-toggle:before {
    content: none
}

.nav-main > ul > li > ul > li {
    position: relative;
    padding-right: 20px
}

.nav-main > ul > li > ul > li a {
    border-top: 1px solid #bdc0c5
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li > ul > li {
        padding-right: 22px;
        min-width: 230px
    }
}

.nav-main > ul > li > ul > li:first-child > a {
    border-top: none
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li > ul > li.active, .nav-main > ul > li > ul > li.selected {
        background: #FFF
    }
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li > ul > li.active > a, .nav-main > ul > li > ul > li.selected > a {
        color: #333
    }
}

.nav-main > ul > li > ul > li.active > a:focus, .nav-main > ul > li > ul > li.selected > a:focus, .nav-main > ul > li > ul > li.active > a:hover, .nav-main > ul > li > ul > li.selected > a:hover {
    color: #c71712
}

@media screen and (min-width: 1025px) {
    /*.nav-main>ul>li>ul>li.active>ul,.nav-main>ul>li>ul>li.selected>ul{display:block}*/
}

.nav-main > ul > li > ul > li:hover ul {
    display: block
}

.nav-main > ul > li > ul > li.has-sub-menu > a:after {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333333;
    font-size: 1.2em;
    position: absolute;
    right: 0;
    top: 10px
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li > ul > li.has-sub-menu > a:after {
        content: "\e044"
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .nav-main > ul > li > ul > li.has-sub-menu > a:after {
        top: 15px
    }
}

.nav-main > ul > li > ul > li > a {
    padding: 10px 10px 10px 3px
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li > ul > li > a {
        position: relative;
        padding-right: 24px
    }

    .nav-main > ul > li > ul > li > a:hover {
        padding-right: 0
    }
}

.nav-main > ul > li > ul > li > ul > li {
    border-top: none;
    padding: 0 10px
}

.nav-main > ul > li > ul > li > ul > li:first-child > a {
    border-top: 0
}

@media screen and (min-width: 1025px) {
}

.nav-main > ul > li > ul > li > ul > li.active > a {
    color: #c71712
}

.nav-main > ul > li > ul > li > ul > li > a {
    position: relative;
    color: #54616c;
    padding: 8px 15px 8px 25px;
    border-top: 1px solid #bdc0c5
}

@media screen and (min-width: 1025px) {
    .nav-main > ul > li > ul > li > ul > li > a {
        border-top: 1px solid #bdc0c5
    }
}

.nav-main > ul > li > ul > li > ul > li > a:before {
    position: absolute;
    top: 13px;
    left: 7px;
    color: #981a1a;
    margin: 0
}

.nav-main > ul > li > ul > li > ul > li > a:focus, .nav-main > ul > li > ul > li > ul > li > a:hover {
    color: #c71712
}

.nav-main > ul > li:hover ul {
    visibility: visible;
    opacity: 1
}

@media screen and (min-width: 1025px) {
    .nav-main .additional-links {
        display: none;
        position: absolute;
        top: 80px;
        right: 18px
    }
}

.nav-main .additional-links li {
    background: #a7120d;
    border-top: 1px solid #681b1c
}

@media screen and (min-width: 1025px) {
    .nav-main .additional-links li {
        background-color: #a7120d;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        margin-bottom: 10px
    }
}

.nav-main .additional-links li:first-child {
    border-top: none
}

@media screen and (min-width: 1025px) {
    .nav-main .additional-links li:after {
        background: inherit;
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        right: -18px;
        width: 18px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
        -webkit-transform: rotate(360deg)
    }
}

.nav-main .additional-links li a {
    font-size: 20px;
    padding: 9px 30px;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

@media screen and (min-width: 1025px) {
    .nav-main .additional-links li a {
        padding: 4px 15px 6px
    }
}

.nav-main .additional-links li a:before {
    top: 21px;
    font-size: 1em
}

.nav-main .additional-links li a:focus, .nav-main .additional-links li a:hover {
    text-decoration: none;
    color: #e4e3e3
}

.nav-main .additional-links li a i {
    font-size: 1.5em
}

.nav-regions-container .nav-additional {
    display: none
}

.nav-regions-container .box-railway-network {
    display: none
}

.nav-regions-container .nav-regions {
    height: 57px;
    background-color: #c71712;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.nav-regions-container .nav-regions.mobile {
    display: none
}

.nav-regions-container .nav-regions.desktop {
    display: block
}

.nav-regions-container .nav-regions ul {
    background-color: #c71712;
    padding-left: 0;
    list-style: none;
    margin: 0;
    position: relative;
    z-index: 2
}

.nav-regions-container .nav-regions ul:before, .nav-regions-container .nav-regions ul:after {
    content: " ";
    display: table
}

.nav-regions-container .nav-regions ul:after {
    clear: both
}

.nav-regions-container .nav-regions ul:before, .nav-regions-container .nav-regions ul:after {
    content: " ";
    display: table
}

.nav-regions-container .nav-regions ul:after {
    clear: both
}

.nav-regions-container .nav-regions ul li {
    display: block;
    float: right
}

.nav-regions-container .nav-regions ul li.active {
    background-color: #a7120d
}

.nav-regions-container .nav-regions ul li a {
    display: block;
    padding: 16px 25px;
    color: #FFF;
    font-family: Arial;
    font-size: 18px;
    font-weight: 700;
    height: 57px
}

.nav-regions-container .nav-regions ul li a:hover {
    background-color: #a7120d;
    text-decoration: none
}

.nav-regions-container .nav-regions ul li:first-child {
    float: left
}

.nav-regions-container .nav-regions ul li:first-child a {
    background-color: #454d54
}

.nav-regions-container .nav-regions ul li:first-child.active a {
    background-color: transparent
}

@media screen and (max-width: 1024px) {
    .nav-regions-container .nav-regions ul li:first-child a {
        background-color: transparent
    }

    .nav-regions-container .nav-regions ul li:first-child.active a {
        background-color: transparent
    }

    .nav-regions-container .nav-regions ul li:last-child a {
        background-color: #454d54
    }
}

.nav-regions-container .nav-main {
    display: none
}

@media screen and (max-width: 1024px) {
    .nav-regions-container {
        z-index: 29
    }

    .nav-regions-container .nav-main {
        display: block
    }
}

@media screen and (max-width: 1280px) {
    .nav-regions-container .nav-regions ul li a {
        font-size: 14px;
        padding: 19px 16px
    }
}

@media screen and (min-width: 1025px) {
    .navbar-collapse {
        margin-right: -15px !important;
        margin-left: -15px !important
    }
}

.navbar-collapse.in {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 499;
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 0
}

.navbar-collapse.in[aria-expanded="true"] .nav-regions {
    padding: 78px 0 0
}

@media screen and (max-width: 1024px) {
    #navbar {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 499;
        width: 100%;
        padding: 0;
        margin: 0;
        border-top: 0
    }

    .nav-regions-container .nav-additional {
        display: block
    }

    .nav-regions-container .nav-additional ul {
        padding: 18px 0 0 0;
        margin: 0
    }

    .nav-regions-container .nav-additional ul ul {
        margin: 0;
        padding: 0
    }

    .nav-regions-container .nav-additional .button-to-home {
        float: right;
        margin-right: 25px
    }

    .nav-regions-container .nav-additional .font-resizer {
        display: none
    }

    .nav-regions-container .nav-additional .navbar-form {
        margin-top: 40px
    }

    .nav-regions-container .nav-additional .nav-language-switch {
        padding-top: 14px;
        margin-left: 18px
    }

    .nav-regions-container .nav-additional .nav-language-switch li {
        width: 25px;
        height: 20px;
        background-position: center bottom;
        background-size: 25px 20px !important
    }

    .nav-regions-container .nav-main {
        background: #c71712
    }

    .nav-regions-container .nav-main .hotline-container {
        padding-bottom: 10px
    }

    .nav-regions-container .box-railway-network {
        display: block;
        padding-top: 8px;
        padding-left: 0;
        background: #FFF
    }

    .nav-regions-container .box-railway-network .content {
        background-image: url('../img/icon-background-flag.png'), -webkit-linear-gradient(top, #858c92 0, #586169 100%);
        background-image: url('../img/icon-background-flag.png'), -o-linear-gradient(top, #858c92 0, #586169 100%);
        background-image: url('../img/icon-background-flag.png'), linear-gradient(to bottom, #858c92 0, #586169 100%);
        background-position: 160% 50px, 0 0;
        background-repeat: no-repeat, repeat-x;
        background-size: 68%, 100%;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff858c92', endColorstr='#ff586169', GradientType=0);
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .nav-regions-container .box-railway-network nav {
        border-top: 1px solid #434e56
    }

    .nav-regions-container .box-railway-network ul {
        padding: 0 15px;
        margin-bottom: 0;
        list-style-type: none
    }

    .nav-regions-container .box-railway-network ul li {
        border-bottom: 1px solid #434e56;
        box-shadow: inset 0 1px 0 #7d858e
    }

    .nav-regions-container .box-railway-network ul a {
        padding: 15px 0
    }

    .nav-regions-container .box-railway-network ul a:before {
        font-size: .8em;
        top: 17px
    }

    .nav-regions-container .nav-regions {
        height: auto !important;
        padding-top: 78px;
        display: none
    }

    .nav-regions-container .nav-regions.mobile {
        display: none
    }

    .nav-regions-container .nav-regions.desktop {
        display: none
    }

    .nav-regions-container .nav-regions > ul {
        display: flex;
        flex-flow: column
    }

    .nav-regions-container .nav-regions > ul li {
        float: none;
        line-height: 25px;
        border-top: 1px solid #af1712;
        box-shadow: inset 0 1px 0 #e92019
    }

    .nav-regions-container .nav-regions > ul li a {
        padding: 18px 24px 7px;
        font-size: 16px
    }

    .nav-first-level-container {
        display: none
    }

    .navbar-toggle-container .navbar-toggle[aria-expanded="true"] {
        width: 24px;
        height: 24px;
        padding: 4px;
        margin: 0;
        border-radius: 50%;
        border: 2px solid transparent;
        background: #fff;
        z-index: 509
    }

    body.page-id-7 .nav-regions-container .nav-regions.desktop {
        display: none !important
    }

    body.page-id-7 .nav-regions-container .nav-regions.mobile {
        display: block !important
    }

    body.page-id-7 .nav-regions-container .nav-main, body.page-id-7 .nav-regions-container .box-railway-network {
        display: none !important
    }
}

@media screen and (max-width: 1024px) and screen and (max-width: 1024px) {
    .nav-regions-container .nav-additional .button-to-home {
        z-index: 99
    }
}

@media screen and (max-width: 1024px) and screen and (min-width: 1025px) {
    .nav-regions-container .box-railway-network {
        display: none
    }
}

.nav-language-switch {
    position: relative;
    padding: 0 0 0 5px;
    height: 16px;
    width: auto;
    margin: 5px 44px 0 10px;
    background: #FFF;
    clear: both;
    float: left
}

@media screen and (min-width: 1025px) {
}

@media screen and (max-width: 1024px) {
    .nav-language-switch {
        z-index: 99
    }
}

.nav-language-switch li {
    display: block;
    float: left;
    background-size: 19px 16px !important;
    width: 19px;
    height: 16px;
    position: relative
}

.nav-language-switch li:first-child {
    margin-right: 8px
}

.nav-language-switch li a {
    display: block;
    cursor: pointer;
    position: absolute;
    width: 19px;
    height: 16px;
    top: 0;
    left: 0
}

.nav-language-switch li.lang-de {
    background: url('../img/de.gif') no-repeat center 32px
}

@media screen and (min-width: 1025px) {
    .nav-language-switch li.lang-de {
        background-position: center bottom
    }
}

.nav-language-switch li.lang-nl {
    background: url('../img/nl.gif') no-repeat center 32px;
    opacity: .4
}

@media screen and (min-width: 1025px) {
    .nav-language-switch li.lang-nl {
        background-position: center bottom
    }
}

.sidebar-navigation {
    position: relative;
    z-index: 1;
    margin: 0 0 35px 0;
    padding: 20px 0 5px;
    background: #FFF
}

.sidebar-navigation nav ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.sidebar-navigation nav ul li {
    position: relative;
    border-bottom: 1px solid #bdc0c5
}

.sidebar-navigation nav ul li:last-child {
    border-bottom: 0
}

.sidebar-navigation nav ul li a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 10px 0
}

.sidebar-navigation nav ul li.no-border {
    border-bottom: 0
}

.sidebar-navigation nav ul li.active > a:not(.menu-toggle), .sidebar-navigation nav ul li:hover > a:not(.menu-toggle) {
    padding-left: 20px
}

.sidebar-navigation nav ul li.active > a:not(.menu-toggle):before, .sidebar-navigation nav ul li:hover > a:not(.menu-toggle):before {
    content: "\e009"
}

.sidebar-navigation nav ul li.active > a:not(.menu-toggle):before, .sidebar-navigation nav ul li:hover > a:not(.menu-toggle):before {
    position: absolute;
    top: 16px;
    left: 0;
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #c71712;
    font-size: .7em;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.sidebar-navigation nav > ul > li.has-sub-menu.active + li {
    border-top: 0
}

.sidebar-navigation nav > ul > li > ul {
    background-color: #e1e2e6;
    padding-left: 20px;
    padding-right: 20px
}

.sidebar-navigation nav > ul > li > ul > li:last-child {
    border-bottom: 0
}

.sidebar-navigation nav > ul > li > ul > li.active > a:not(.menu-toggle):before, .sidebar-navigation nav > ul > li > ul > li:hover > a:not(.menu-toggle):before {
    color: #333333
}

.teaser {
    margin-bottom: 30px
}

.teaser .img-wrapper {
    width: 100%
}

.teaser .img-wrapper img {
    width: 100%
}

.teaser .content {
    padding: 20px
}

.teaser .category {
    display: block;
    color: #c71712;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px
}

.teaser h1 {
    font-size: 30px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 23px
}

.teaser h2 {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 23px
}

.teaser .button {
    background-color: #e1e2e6;
    color: #333333;
    font-family: Arial;
    font-size: 15px;
    font-weight: 700
}

.teaser .button:hover {
    color: #FFF
}

.teaser .arrow-link {
    color: #333333;
    font-size: 15px;
    font-weight: 700
}

.teaser .arrow-link i {
    font-size: 13px;
    width: 16px;
    top: 2px
}

@media screen and (max-width: 480px) {
    .teaser .content .category {
        font-size: 13px;
        margin-bottom: 12px
    }

    .teaser .content h1 {
        font-size: 24px;
        margin-bottom: 16px
    }

    .teaser .content p {
        font-size: 13px
    }
}

.teaser-regular .content {
    padding: 20px 0 0 0
}

.teaser-regular .category {
    margin-bottom: 20px;
    padding-left: 2px
}

.teaser-reduced {
    margin-bottom: 60px
}

.teaser-reduced h2 {
    padding-top: 25px
}

@media screen and (min-width: 1025px) {
    .teaser-reduced {
        max-width: 280px
    }
}

.teaser-xl .img-wrapper {
    display: none
}

.teaser-xl .img-wrapper.mobile {
    display: block
}

.teaser-xl .content {
    padding: 22px
}

.teaser-xl .content .button {
    background-color: #55606b;
    color: #FFF
}

@media screen and (min-width: 641px) {
    .teaser-xl:before, .teaser-xl:after {
        content: " ";
        display: table
    }

    .teaser-xl:after {
        clear: both
    }

    .teaser-xl:before, .teaser-xl:after {
        content: " ";
        display: table
    }

    .teaser-xl:after {
        clear: both
    }

    .teaser-xl .img-wrapper {
        float: left;
        width: 50%;
        display: block
    }

    .teaser-xl .img-wrapper.mobile {
        display: none
    }

    .teaser-xl .content {
        float: left;
        width: 50%
    }
}

@media screen and (min-width: 1025px) {
    .teaser-xl .img-wrapper {
        width: 61%
    }

    .teaser-xl .content {
        padding: 38px 42px 38px 32px;
        width: 39%
    }

    .teaser-xl .content .category {
        margin-bottom: 41px
    }

    .teaser-xl .content .button {
        position: absolute;
        bottom: 60px
    }
}

.box-sidebar.box-general, .box-sidebar.box-related-railways, .sidebar-additional-content .box-address {
    border: 1px solid #bdc0c5;
    margin-bottom: 30px
}

.sidebar-additional-content .box-to-map-view {
    margin-bottom: 30px
}

.box-sidebar {
    margin-top: 0
}

h2.teaser-catgeory {
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    color: #c71712;
    text-transform: uppercase;
    padding: 0;
    margin: 0
}

.main-content .module-teaser.box-contact-person {
    margin: 30px 0 0
}

.module-teaser.box-contact-person .content {
    padding: 20px 20px 30px 20px
}

.module-teaser.box-contact-person .content .contact-person-data {
    margin-top: 10px
}

.module-teaser.box-contact-person .content .contact-person-data .data-phone {
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    color: #333333
}

.module-teaser.box-contact-person .content .contact-person-data .data-phone i {
    float: left;
    top: 0;
    margin-right: 12px;
    margin-left: -2px
}

.module-teaser.box-contact-person .content .contact-person-data .data-mail {
    margin-top: 5px
}

.module-teaser.box-contact-person .content .contact-person-data .data-mail a {
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    color: #333333;
    padding: 0;
    text-decoration: none
}

.module-teaser.box-contact-person .content .contact-person-data .data-mail a i:before {
    color: #53616c
}

.module-teaser.box-contact-person .content .contact-person-data .data-mail a:hover {
    color: #c71712
}

.module-teaser.box-contact-person .content .contact-person-data .data-mail i {
    top: 4px
}

.module-teaser.box-contact-person .content .contact-person-data i {
    position: relative;
    top: 4px;
    font-size: 1.2em;
    text-align: center;
    width: 24px;
    margin-right: 15px;
    color: #53616c
}

.module-teaser.box-contact-person .content .contact-person-data i:before {
    color: #53616c
}

.home-image-area {
    background-image: url(../img/content/start-image.jpg);
    background-size: cover;
    background-position: center center
}

@media screen and (min-width: 720px) {
    .home-image-area {
        height: 730px
    }
}

@media screen and (min-width: 710px) and (max-width: 1024px) {
    .home-image-area {
        margin-bottom: 30px
    }
}

.home-image-area .background-image-mobile {
    background-size: cover;
    height: 500px;
    background-image: url(../img/content/start-image-tablet.jpg);
    background-position: top right;
    z-index: -1;
    position: absolute;
    left: -15px;
    right: -15px;
    top: 0;
    bottom: 0;
    display: none
}

@media screen and (max-width: 640px) {
}

@media screen and (min-width: 620px) {
}

.home-image-area .text-area {
    height: 500px;
    padding-top: calc(330px);
    color: #FFF
}

.home-image-area .text-area h1 {
    font-family: 'Amasis';
    font-size: 68px;
    font-weight: 500
}

.home-image-area .text-area strong {
    font-family: Arial;
    font-size: 18px;
    text-transform: uppercase
}

@media screen and (max-width: 619px) {
    .home-image-area .text-area h1 {
        font-size: 40px
    }

    .home-image-area .text-area strong {
        font-size: 14px
    }
}

@media screen and (min-width: 620px) {
    .home-image-area .text-area {
        height: 630px;
        padding-top: 320px;
        padding-left: 0
    }

    .home-image-area .background-image-mobile {
        height: 630px
    }
}

@media screen and (min-width: 710px) {
    .home-image-area .col-md-6 {
        width: 50%;
        float: left
    }
}

@media screen and (max-width: 709px) {
    .home-image-area {
        background-image: none !important
    }

    .home-image-area .background-image-mobile {
        display: block
    }
}

@media screen and (min-width: 1025px) {
    .home-image-area {
        position: relative;
        top: -57px;
        height: 900px
    }

    .home-image-area .container-fluid {
        height: 100%
    }

    .home-image-area .container-fluid .row {
        height: 100%
    }

    .home-image-area .container-fluid .row .col-md-6 {
        height: 100%
    }

    .home-image-area .text-area {
        padding-left: 30px
    }

    .home-image-area .text-area h1 {
        font-size: 88px
    }
}

.card.traffic-news-home-widget {
    background-color: #FFF;
    margin: 25px 0 20px 0
}

.card.traffic-news-home-widget .desktop {
    display: none
}

.card.traffic-news-home-widget .desktop a {
    font-weight: 500
}

.card.traffic-news-home-widget .buttons-container {
    margin: 10px -40px 0 -40px
}

.card.traffic-news-home-widget .buttons-container:before, .card.traffic-news-home-widget .buttons-container:after {
    content: " ";
    display: table
}

.card.traffic-news-home-widget .buttons-container:after {
    clear: both
}

.card.traffic-news-home-widget .buttons-container:before, .card.traffic-news-home-widget .buttons-container:after {
    content: " ";
    display: table
}

.card.traffic-news-home-widget .buttons-container:after {
    clear: both
}

.card.traffic-news-home-widget .buttons-container a {
    display: block;
    background-color: #e1e2e6;
    width: 50%;
    float: left;
    text-align: center;
    padding: 13px 40px 10px 10px;
    font-size: 15px
}

.card.traffic-news-home-widget .buttons-container a i:before {
    top: 3px !important
}

.card.traffic-news-home-widget .buttons-container a:first-child {
    border-right: 1px solid #FFF
}

.card.traffic-news-home-widget .card-title {
    border-bottom: 1px solid #bdc0c5;
    font-size: 22px
}

@media screen and (max-width: 710px) {
    .card.traffic-news-home-widget .card-title {
        margin-left: 15px
    }

    .card.traffic-news-home-widget .card-title .inner {
        margin-left: -15px
    }
}

.card.traffic-news-home-widget .mobile .card-body {
    padding-left: 15px;
    padding-right: 30px
}

@media screen and (min-width: 710px) {
    .card.traffic-news-home-widget .mobile .card-body {
        padding: 0
    }
}

@media screen and (max-width: 1025px) {
    .card.traffic-news-home-widget {
        margin-left: -30px;
        margin-right: -30px
    }
}

.card.traffic-news-home-widget ul {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0 0 20px 0
}

.card.traffic-news-home-widget ul li {
    margin: 0;
    padding: 0 0 4px 0
}

.card.traffic-news-home-widget a {
    color: #000;
    text-decoration: none;
    padding: 5px 0;
    display: block;
    text-align: left;
    font-weight: 700;
    font-size: 15px
}

.card.traffic-news-home-widget a:hover {
    color: #c71712
}

.card.traffic-news-home-widget a span {
    color: #000;
    float: right;
    padding-right: 20px
}

.card.traffic-news-home-widget a span.md {
    font-weight: 500;
    display: inline-block;
    width: 40%;
    text-align: left
}

.card.traffic-news-home-widget a i.icon-arrow-right-sm {
    float: right;
    position: relative
}

.card.traffic-news-home-widget a i.icon-arrow-right-sm:before {
    position: absolute;
    top: 3px
}

.card.traffic-news-home-widget a i.traffic-sign {
    font-size: 20px;
    margin-right: 10px;
    top: 4px;
    position: relative
}

.card.traffic-news-home-widget a i.traffic-sign.icon-baustelle-neu {
    margin-bottom: 3px
}

.card.traffic-news-home-widget span.xs {
    display: block
}

.card.traffic-news-home-widget span.md {
    display: none !important
}

@media screen and (min-width: 480px) and (max-width: 710px) {
    .card.traffic-news-home-widget span.xs {
        display: none
    }

    .card.traffic-news-home-widget span.md {
        display: block !important
    }
}

@media screen and (min-width: 710px) and (max-width: 840px) {
    .card.traffic-news-home-widget span.xs {
        display: block !important
    }

    .card.traffic-news-home-widget span.md {
        display: none !important
    }
}

@media screen and (min-width: 840px) {
    .card.traffic-news-home-widget span.xs {
        display: none !important
    }

    .card.traffic-news-home-widget span.md {
        display: block !important
    }
}

@media screen and (min-width: 710px) {
    .card.traffic-news-home-widget {
        width: 100%;
        margin: 520px 0 0 0
    }
}

@media screen and (min-width: 1025px) {
    .card.traffic-news-home-widget {
        margin: 0;
        position: absolute;
        right: 0;
        bottom: 40px
    }
}

@media screen and (min-width: 710px) {
    .card.traffic-news-home-widget {
        padding: 18px 40px 0 40px;
        float: right
    }

    .card.traffic-news-home-widget .mobile .card-title .inner {
        margin-left: -25px
    }

    .card.traffic-news-home-widget .mobile .card-title .inner svg {
        margin-right: 20px
    }
}

@media screen and (min-width: 1025px) {
    .card.traffic-news-home-widget {
        width: 430px;
        padding: 40px 40px 0 40px
    }

    .card.traffic-news-home-widget .desktop {
        display: block
    }

    .card.traffic-news-home-widget .desktop .card-body {
        margin-bottom: 40px
    }

    .card.traffic-news-home-widget .desktop .card-body:last-child {
        margin-bottom: 0
    }

    .card.traffic-news-home-widget .mobile {
        display: none
    }

    .card.traffic-news-home-widget .card-title {
        border: 0;
        margin: -25px 0 0 -60px;
        line-height: 64px
    }

    .card.traffic-news-home-widget .card-body {
        margin-top: 10px
    }

    .card.traffic-news-home-widget .card-body ul {
        padding-bottom: 0
    }

    .card.traffic-news-home-widget .icon-baustelle-neu {
        margin-right: 10px
    }

    .card.traffic-news-home-widget .icon-check-green, .card.traffic-news-home-widget .icon-time-red {
        margin-left: 1px !important;
        margin-right: 11px !important
    }
}

@media screen and (max-width: 480px) {
    .card.traffic-news-home-widget a {
        font-size: 13px
    }
}

.pagination-container {
    position: relative;
    text-align: center
}

.row + .pagination-container .pagination {
    margin: 15px 0 5px
}

.dropdown-filter-year + .pagination-container, .content-header-press + .pagination-container {
    width: 75%
}

@media screen and (min-width: 1025px) {
    .dropdown-filter-year + .pagination-container, .content-header-press + .pagination-container {
        width: auto
    }
}

.dropdown-filter-year + .pagination-container .pagination, .content-header-press + .pagination-container .pagination {
    margin: 0 0 5px
}

.pagination {
    margin: 15px 0 30px
}

.pagination:before, .pagination:after {
    content: " ";
    display: table
}

.pagination:after {
    clear: both
}

.pagination:before, .pagination:after {
    content: " ";
    display: table
}

.pagination:after {
    clear: both
}

.pagination > li {
    position: relative;
    display: block;
    float: left;
    margin: 0 1px 10px 1px;
    font-family: 'Amasis', serif;
    border-right: 1px solid #a7a6a6;
    text-align: center
}

.pagination > li:last-child {
    margin: 0 -1px;
    border-right: none
}

.pagination > li:last-child > a {
    color: #6b717a
}

.pagination > li:last-child > a:hover, .pagination > li:last-child > a:focus {
    color: #c71712
}

.pagination > li.pagination-control {
    margin: 0 -1px;
    border-right: none
}

.pagination > li > span, .pagination > li > a {
    display: block;
    border: none;
    border-radius: 0;
    font-size: 20px;
    line-height: 1em;
    padding: 0 8px;
    color: #a7a6a6;
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease
}

.pagination > li > span:focus, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > a:hover {
    background-color: #FFF;
    color: #6b717a
}

.pagination > li > span i, .pagination > li > a i {
    position: relative;
    top: 2px;
    font-size: .75em
}

.slick-dots li.slick-active button {
    background-color: #55606b
}

.journey-planer-container {
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    padding-top: 15px !important;
    color: #FFF;
    z-index: 1
}

.journey-planer-container .card-alternate {
    padding: 0
}

.journey-planer-container .card-title {
    font-family: 'Amasis';
    font-size: 20px;
    font-weight: 500;
    line-height: 63px !important
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
    .journey-planer-container .card-title {
        padding-left: 30px
    }
}

@media screen and (min-width: 1025px) {
    .journey-planer-container .card-title {
        font-size: 24px
    }
}

.journey-planer-container .btn-custom-plan {
    color: #FFF;
    font-size: 15px;
    font-family: Arial;
    font-weight: 500;
    line-height: 50px
}

.journey-planer-container .btn-custom-plan i {
    margin-left: 10px
}

.journey-planer-container .btn-custom-plan i:before {
    color: #FFF;
    top: 1px
}

.journey-planer-container .btn-custom-plan:hover {
    text-decoration: none
}

.journey-planer-container .btn-custom-plan:hover i {
    margin-left: 5px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.journey-planer-container .btn-custom-plan:hover i:before {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    color: #c71712
}

@media screen and (min-width: 1025px) {
    .journey-planer-container {
        top: 68px;
        min-height: 180px;
        padding-top: 57px !important
    }
}

.journey-planer-container .btn-options {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -20px
}

@media screen and (max-width: 640px) {
    .journey-planer-container {
        top: 50px
    }

    .journey-planer-container .btn-custom-plan {
        display: none
    }

    .journey-planer-container .btn-custom-plan.desktop-hidden {
        display: block;
        float: right;
        margin-right: 30px
    }
}

@media screen and (min-width: 641px) {
    .journey-planer-container .btn-options {
        display: none
    }

    .journey-planer-container .btn-custom-plan.desktop-hidden {
        display: none
    }
}

form.journey-planer {
    position: relative;
    margin-top: 16px;
    padding-bottom: 35px
}

form.journey-planer input {
    border: 0;
    background: white;
    height: 50px;
    padding: 14px 22px;
    width: 100%
}

form.journey-planer input.timepicker {
    padding-top: 15px;
    padding-bottom: 14px;
    line-height: 1 !important
}

form.journey-planer .col-xs-6 {
    position: relative;
    width: 100%;
    float: none;
    margin-bottom: 2px
}

form.journey-planer .col-xs-6 .icon-datepicker {
    position: absolute;
    top: 16px;
    left: 30px
}

form.journey-planer .col-xs-6 .icon-time {
    position: absolute;
    top: 16px;
    left: 29px
}

form.journey-planer .col-xs-6 input[name="date"], form.journey-planer .col-xs-6 input[name="time"] {
    padding-left: 50px;
    background: white;
}

form.journey-planer .col-xs-6 input[name="time"] {
    padding-right: 108px;
    background: white;
}

form.journey-planer .options-row {
    display: none;
    margin-top: 10px;
    overflow: hidden
}

form.journey-planer .button-row {
    display: none;
    text-align: right;
    margin-top: 6px;
    margin-right: 15px
}

form.journey-planer .button-row button {
    text-decoration: none;
    min-width: 90px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-radius: 20px;
    border: none;
    line-height: 1;
    font-size: 17px;
    background: #c71712;
    color: #FFF;
    padding: 12px 20px 11px 20px
}

form.journey-planer .button-row button:hover {
    background-color: #FFF !important;
    color: #000 !important
}

@media screen and (min-width: 498px) {
    form.journey-planer .col-xs-6 {
        width: 50%;
        float: left
    }

    form.journey-planer .col-xs-6:first-child {
        padding-right: 1px
    }

    form.journey-planer .col-xs-6:last-child {
        padding-left: 1px
    }

    form.journey-planer .col-xs-6 .icon-time {
        left: 15px
    }
}

@media screen and (min-width: 641px) {
    form.journey-planer {
        width: 75%
    }

    form.journey-planer .main-row {
        padding-right: 15px;
        margin-bottom: 8px
    }

    form.journey-planer .options-row {
        display: block;
        padding-left: 15px
    }

    form.journey-planer .button-row {
        display: block;
        position: absolute;
        top: 30px;
        right: -30%
    }

    form.journey-planer .button-row a {
        min-width: 100px
    }
}

@media screen and (min-width: 1025px) {
    form.journey-planer {
        width: 100%;
        padding-bottom: 15px
    }

    form.journey-planer .main-row {
        width: 50%;
        padding-right: 0;
        margin-right: 2px
    }

    form.journey-planer .options-row {
        width: 40%;
        display: block;
        padding-left: 0;
        margin-top: 0
    }

    form.journey-planer .button-row {
        display: block;
        position: absolute;
        right: -15px;
        top: auto;
        width: 9%
    }

    form.journey-planer .button-row > a {
        width: 90%;
        min-width: auto
    }
}

.journey-planner-modal .modal-backdrop {
    background-color: #FFF;
    opacity: 1
}

.journey-planner-modal .modal-dialog {
    width: 100%;
    margin: 0 auto
}

.journey-planner-modal .modal-dialog .modal-content {
    border: 0;
    box-shadow: none
}

.journey-planner-modal .modal-dialog .modal-content .head .navbar-brand {
    display: block;
    float: none;
    padding: 0;
    margin: 16px 0 0 27px
}

.journey-planner-modal .modal-dialog .modal-content .head .navbar-brand > img {
    width: 158px;
    height: 39px
}

.journey-planner-modal .modal-dialog .modal-content .body {
    padding-top: 80px;
    max-width: 400px;
    margin: 0 auto
}

.journey-planner-modal .modal-dialog .modal-content .body .card {
    margin: 0;
    padding: 0
}

.journey-planner-modal .modal-dialog .modal-content .body .card-title {
    font-size: 20px;
    color: #55606b;
    line-height: 66px;
    border-top: 1px solid #55606b
}

.journey-planner-modal .modal-dialog .modal-content .body .card-title svg {
    margin-left: 0
}

.journey-planner-modal .modal-dialog .modal-content .body .card-body {
    padding: 40px 0 0 0;
    padding-left: 54px
}

.journey-planner-modal .modal-dialog .modal-content .body .card-body span {
    padding-bottom: 10px;
    display: block
}

.journey-planner-modal .modal-dialog .modal-content .body .card-body .group {
    margin-bottom: 10px
}

.journey-planner-modal .modal-dialog .modal-content .body .card-body .group input {
    margin-left: 10px
}

@media screen and (min-width: 400px) {
    .journey-planner-modal .modal-dialog .modal-content .body .card .card-body .group {
        display: inline-block;
        margin-right: 40px
    }
}

@media screen and (min-width: 1025px) {
    .journey-planner-modal .modal-dialog .modal-content .body {
        max-width: 1000px
    }

    .journey-planner-modal .modal-dialog .modal-content .body .card .card-body span {
        display: inline;
        padding-right: 40px
    }
}

#ui-datepicker-div {
    background-color: #FFF;
    padding: 4px;
    font-size: 14px;
    margin-top: 1px
}

#ui-datepicker-div .ui-datepicker-header {
    position: relative;
    padding-top: 5px;
    margin-bottom: 10px;
    background: #FFF;
    border: 0
}

#ui-datepicker-div .ui-datepicker-header a {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    width: 20px;
    height: 20px;
    color: #333333;
    cursor: pointer
}

#ui-datepicker-div .ui-datepicker-header a span {
    display: none
}

#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev:before {
    content: '«'
}

#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next {
    content: 'xxx';
    left: auto;
    right: 10px;
    text-align: right
}

#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next:before {
    content: '»'
}

#ui-datepicker-div .ui-datepicker-header a:hover {
    color: #c71712;
    border: 0;
    text-decoration: none;
    background: #FFF
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
    text-align: center
}

#ui-datepicker-div table {
    margin: 0
}

#ui-datepicker-div table tbody {
    border: 0
}

#ui-datepicker-div table th, #ui-datepicker-div table td {
    text-align: center;
    width: 30px;
    height: 30px;
    border: none
}

#ui-datepicker-div table td a {
    color: #333333;
    display: block;
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 3px;
    text-align: center;
    background: #FFF;
    border: 0
}

#ui-datepicker-div table td a.ui-state-highlight, #ui-datepicker-div table td a:hover {
    background-color: #c71712;
    text-decoration: none;
    color: #FFF
}

.label-left, .label-right {
    position: absolute;
    display: block;
    font-size: 15px;
    color: #55606b;
    top: 18px;
    right: 25px;
    line-height: 1;
    display: inline-table;
    vertical-align: middle
}

.label-left {
    right: 85px
}

.jp-switch {
    position: absolute;
    display: block;
    width: 28px;
    height: calc(16px);
    top: 17px;
    right: 50px;
    margin-bottom: 0 !important
}

.jp-switch input {
    display: none
}

.jp-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.jp-slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked + .jp-slider {
    background-color: #cccccc
}

input:focus + .jp-slider {
    box-shadow: 0 0 1px #cccccc
}

input:checked + .jp-slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px)
}

.jp-slider.round {
    border-radius: 12px
}

.jp-slider.round:before {
    border-radius: 50%
}

.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 999
}

.ui-timepicker {
    box-sizing: content-box;
    display: block;
    height: 205px;
    list-style: none outside none;
    margin: 0;
    padding: 0 1px;
    text-align: center
}

.ui-timepicker-viewport {
    box-sizing: content-box;
    display: block;
    height: 205px;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden
}

.ui-timepicker-standard {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
    background-color: #FFF;
    border: 1px solid #AAA;
    color: #222;
    margin: 0;
    padding: 2px
}

.ui-timepicker-standard a {
    border: 1px solid transparent;
    color: #222;
    display: block;
    padding: .2em .4em;
    text-decoration: none
}

.ui-timepicker-standard .ui-state-hover {
    background-color: #c71712;
    background: #c71712 !important;
    border: 1px solid #c71712 !important;
    font-weight: normal;
    color: #FFF
}

.ui-timepicker-standard .ui-menu-item {
    margin: 0;
    padding: 0
}

.ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.ui-timepicker-hidden {
    display: none
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: none
}

@media screen and (max-width: 640px) {
    .news-stream-container {
        margin-bottom: 40px
    }
}

.news-stream-container h2 {
    margin-top: 0
}

.news-stream-container h2 i {
    font-size: 16px;
    margin-left: 8px
}

.news-stream-container h2 a {
    color: #333333
}

.news-stream-container h2 a:hover {
    text-decoration: none;
    color: #c71712
}

.news-stream-container .head-links {
    position: absolute;
    right: 27px;
    top: 20px
}

.news-stream-container .head-links a {
    font-weight: 500;
    margin-right: 18px;
    font-size: 15px;
    float: right;
    white-space: nowrap
}

.news-stream-container .head-links a:before {
    top: 1px;
    font-size: 12px
}

@media screen and (max-width: 640px) {
    .news-stream-container .head-links {
        position: absolute;
        left: 0;
        bottom: -40px;
        right: 0;
        top: auto;
        border-top: 1px solid #bdc0c5;
        margin-left: 15px;
        margin-right: 15px;
        background-color: #FFF;
        padding: 10px 25px
    }

    .news-stream-container .head-links a {
        float: left
    }
}

@media screen and (max-width: 430px) {
    .news-stream-container .head-links.both {
        bottom: -60px
    }
}

.news-stream-container .card-body {
    padding-top: 25px
}

.news-stream-container .card-body:before, .news-stream-container .card-body:after {
    content: " ";
    display: table
}

.news-stream-container .card-body:after {
    clear: both
}

.news-stream-container .card-body:before, .news-stream-container .card-body:after {
    content: " ";
    display: table
}

.news-stream-container .card-body:after {
    clear: both
}

@media screen and (min-width: 1025px) {
    .news-stream-container .card-body {
        padding: 30px 35px
    }

    .news-stream-container .card-body .box-newsstream:first-child {
        padding-left: 0
    }

    .news-stream-container .card-body .box-newsstream:last-child {
        padding-left: 45px
    }
}

.box-newsstream {
    padding: 15px 25px
}

.box-newsstream:nth-child(3) {
    display: none
}

@media screen and (min-width: 640px) {
    .box-newsstream {
        width: 50%;
        float: left
    }
}

@media screen and (min-width: 1025px) {
    .box-newsstream {
        width: 33.3333333%
    }

    .box-newsstream:nth-child(3) {
        display: block
    }
}

.box-newsstream .content {
    position: relative;
    z-index: 1;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.box-newsstream .headline {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.box-newsstream .headline:before, .box-newsstream .headline:after {
    content: " ";
    display: table
}

.box-newsstream .headline:after {
    clear: both
}

.box-newsstream .headline:before, .box-newsstream .headline:after {
    content: " ";
    display: table
}

.box-newsstream .headline:after {
    clear: both
}

.box-newsstream .headline i {
    color: #c71712;
    font-size: 19px;
    position: relative;
    top: 5px;
    margin-right: 5px
}

.box-newsstream .headline .newsstream-type {
    color: #c71712
}

.box-newsstream .headline time {
    padding-left: 5px;
    color: #55606b
}

.box-newsstream h2 {
    margin-top: 8px;
    font-weight: 300;
    line-height: 30px
}

.box-newsstream .button-read-more {
    color: #3b4249;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.box-newsstream .button-read-more:before {
    content: "\e009"
}

.box-newsstream .button-read-more:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .9em;
    position: relative;
    top: 2px;
    margin-right: 5px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.box-newsstream .button-read-more:focus, .box-newsstream .button-read-more:hover {
    color: #c71712;
    padding-left: 3px
}

.box-newsstream .button-read-more:focus:before, .box-newsstream .button-read-more:hover:before {
    color: #c71712;
    margin-right: 10px
}

@media screen and (min-width: 1025px) {
    .box-newsstream .headline {
        font-size: 15px
    }

    .box-newsstream .headline i {
        top: 5px
    }
}

.no-items-container {
    font-size: 23px;
    font-weight: bold;
    text-align: center
}

@media screen and (min-width: 1025px) {
    .no-items-container {
        width: 50%;
        margin: 0 auto
    }
}

.traffic-news-container {
    margin-bottom: 30px
}

@media screen and (min-width: 641px) {
    .traffic-news-container {
        padding: 0 15px
    }
}

@media screen and (min-width: 1025px) {
    .traffic-news-container {
        height: 235px;
        overflow: hidden;
        margin-bottom: 55px
    }
}

.traffic-news-container a.btn-overview {
    position: absolute;
    right: 6px;
    bottom: -6px
}

.traffic-news-container .col-md-4 {
    height: 232px;
    padding-left: 0
}

.traffic-news-container .col-md-4.col-left, .traffic-news-container .col-md-4.col-middle, .traffic-news-container .col-md-4.col-right {
    padding-right: 0;
    margin-bottom: 30px
}

.traffic-news-container .col-md-4.col-left .card-title, .traffic-news-container .col-md-4.col-middle .card-title, .traffic-news-container .col-md-4.col-right .card-title {
    font-size: 20px;
    white-space: nowrap
}

@media screen and (max-width: 320px) {
    .traffic-news-container .col-md-4.col-left .card-title, .traffic-news-container .col-md-4.col-middle .card-title, .traffic-news-container .col-md-4.col-right .card-title {
        font-size: 16px
    }
}

.traffic-news-container .col-md-4.col-left .card-title i, .traffic-news-container .col-md-4.col-middle .card-title i {
    display: none
}

@media screen and (max-width: 1024px) {
    .traffic-news-container .col-md-4.col-left {
        margin-left: 0
    }

    .traffic-news-container .col-md-4.col-right {
        margin-left: 0;
        width: 100%
    }
}

.traffic-news-container .col-md-4 .card-title {
    position: relative;
    font-weight: 600;
    line-height: 63px
}

.traffic-news-container .col-md-4 .card-title .card-title-icon {
    margin-right: -2px
}

.traffic-news-container .col-md-4 .card-title i {
    position: absolute;
    top: 22px;
    right: 15px
}

@media screen and (max-width: 1024px) {
    .traffic-news-container .col-md-4 .card-title {
        margin-left: -15px
    }
}

.traffic-news-container .col-md-4.col-left .card-title i {
    top: 20px
}

@media screen and (max-width: 1024px) {
    .traffic-news-container .col-md-4.col-right {
        margin-bottom: 0
    }
}

.traffic-news-container .col-md-4.col-right .card-title i {
    top: 16px
}

.traffic-news-container .col-md-4 .card-body {
    padding: 40px 15px
}

@media screen and (min-width: 1025px) {
    .traffic-news-container .col-md-4 .card-body {
        padding: 40px
    }
}

.traffic-news-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.traffic-news-container ul li {
    margin: 0 0 5px 0;
    padding: 0
}

.traffic-news-container ul li a {
    display: block;
    width: 100%
}

.traffic-news-container ul li a.route-button {
    height: 40px
}

.traffic-news-container form {
    margin-top: 20px;
    position: relative
}

.traffic-news-container form input[type="text"] {
    background-color: #e1e2e6;
    padding: 10px 0 8px 13px;
    border: 0;
    width: 100%
}

.traffic-news-container form button {
    border: 0;
    background-color: transparent;
    position: absolute;
    bottom: 6px;
    right: 5px
}

.traffic-news-container form button:hover i:before {
    color: #c71712
}

@media screen and (min-width: 1025px) {
    .traffic-news-container form {
        margin: 0;
        position: absolute;
        left: 40px;
        bottom: 30px
    }

    .traffic-news-container form input[type="text"] {
        width: 350px
    }
}

@media screen and (max-width: 800px) {
    .traffic-news-container .col-md-4 {
        width: 100% !important;
        float: none;
        height: auto !important
    }

    .traffic-news-container .col-md-4 .card-body.has-slideshow {
        padding-bottom: 30px
    }

    .traffic-news-container .col-md-4 .btn-overview {
        bottom: -5px
    }
}

@media screen and (min-width: 480px) {
    .traffic-news-container a.btn-overview {
        right: 33px
    }

    .traffic-news-container .col-md-4 {
        padding-left: 15px;
        border-left: 1px solid #bdc0c5
    }

    .traffic-news-container .col-md-4 .card-title i {
        right: 40px
    }

    .traffic-news-container .col-md-4 .card-body {
        padding-right: 40px
    }

    .traffic-news-container .col-md-4.col-left .card-title i, .traffic-news-container .col-md-4.col-middle .card-title i {
        display: block
    }
}

@media screen and (min-width: 641px) {
    .traffic-news-container:before, .traffic-news-container:after {
        content: " ";
        display: table
    }

    .traffic-news-container:after {
        clear: both
    }

    .traffic-news-container:before, .traffic-news-container:after {
        content: " ";
        display: table
    }

    .traffic-news-container:after {
        clear: both
    }

    .traffic-news-container .col-left, .traffic-news-container .col-middle {
        float: left;
        width: 50%
    }

    .traffic-news-container .col-right {
        float: left
    }
}

@media screen and (min-width: 1025px) {
    .traffic-news-container:before, .traffic-news-container:after {
        content: " ";
        display: table
    }

    .traffic-news-container:after {
        clear: both
    }

    .traffic-news-container:before, .traffic-news-container:after {
        content: " ";
        display: table
    }

    .traffic-news-container:after {
        clear: both
    }

    .traffic-news-container .col-left, .traffic-news-container .col-middle, .traffic-news-container .col-right {
        width: 33.3333%;
        padding-left: 0
    }

    .traffic-news-container .col-right {
        margin-left: 0;
        margin-right: -15px
    }

    .traffic-news-container .card-title i {
        right: 40px !important
    }

    .traffic-news-container a.btn-overview {
        right: 33px
    }
}

.no-traffic-news {
    margin-top: 20px;
    padding: 20px;
    background-color: #e1e2e6;
    font-weight: 700;
    line-height: 25px
}

.no-traffic-news i {
    margin-top: 13px;
    margin-left: 5px;
    float: left
}

.no-traffic-news p {
    padding: 0 0 0 50px;
    margin: 0
}

.content-traffic-news-overview .overview-navigation .sod_list_wrapper {
    left: -1px;
    width: calc(100% + 2px);
    border: 1px solid #bdc0c5;
    border-top: none
}

.content-traffic-news-overview .select-track-container {
    border: 1px solid #bdc0c5
}

.content-traffic-news-overview .select-track-container .sod_select {
    background: #FFF
}

.verkehrsmeldungen-container .content-traffic-news-overview .select-track-container .sod_select {
    background-color: #FFF;
    color: #54616c;
    margin-bottom: 20px;
    border: 1px solid #dad9d9;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 7px 7px;
    display: none
}

@media screen and (min-width: 1400px) {
    .verkehrsmeldungen-container .content-traffic-news-overview .select-track-container .sod_select {
        display: block
    }
}

.verkehrsmeldungen-container .content-traffic-news-overview .select-track-container .sod_select:before {
    top: 8px;
    right: 8px
}

.verkehrsmeldungen-container .content-traffic-news-overview .select-track-container .sod_select .sod_list_wrapper {
    left: -1px;
    width: calc(100% + 2px);
    border: 1px solid #dad9d9;
    border-top: none;
    background-color: #e1e2e6
}

.card-traffic-news-station-live, .card-traffic-news-train-live {
    position: relative;
    margin-top: 20px
}

.card-traffic-news-station-live .card-title, .card-traffic-news-train-live .card-title {
    line-height: 24px
}

.card-traffic-news-station-live .card-title i, .card-traffic-news-train-live .card-title i {
    position: absolute;
    right: 0;
    top: 5px
}

.card-traffic-news-station-live .form-control, .card-traffic-news-train-live .form-control {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background-color: #e1e2e6;
    color: #3b4249
}

.card-traffic-news-station-live .btn-submit, .card-traffic-news-train-live .btn-submit {
    position: absolute;
    right: 20px;
    bottom: 32px
}

.teaser-slider-container .teaser-slider-small {
    border: 1px solid #dadada;
    padding: 30px;
    min-height: 500px
}

.teaser-slider-container .teaser-slider-small .slide-item {
    background-color: #FFF
}

.teaser-slider-container .teaser-slider-small .slide-item h1 {
    display: block;
    border-bottom: 1px solid #dadada;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 15px;
    color: #3b4249;
    font-family: Arial;
    font-weight: 700;
    text-transform: uppercase
}

.teaser-slider-container .teaser-slider-small .slide-item .text-container {
    padding: 20px 0
}

.teaser-slider-container .teaser-slider-small .slide-item a {
    text-align: center;
    margin: 0 auto
}

.teaser-slider-container .teaser-slider-small .slide-item img {
    width: 100%;
    margin: 0;
    padding: 0
}

.teaser-slider-container .controls-container-wrapper {
    text-align: center;
    margin-top: 20px
}

.teaser-slider-container .controls-container-wrapper .controls-container {
    display: inline-block
}

.teaser-slider-container .controls-container-wrapper .controls-container .control-item-prev {
    margin-right: 60px
}

.teaser-slider-container .controls-container-wrapper .controls-container .control-item-next {
    margin-left: 60px
}

.teaser-slider-small-container {
    margin-bottom: 40px
}

.teaser-slider-small-container .controls-container {
    bottom: 40px;
    height: 30px;
    text-align: center
}

.teaser-slider-small-container .controls-container .dots-container {
    float: none;
    margin: 0 auto;
    width: auto;
    display: inline-block
}

.teaser-slider-small-container .controls-container .dots-container .slick-dots:before, .teaser-slider-small-container .controls-container .dots-container .slick-dots:after {
    content: " ";
    display: table
}

.teaser-slider-small-container .controls-container .dots-container .slick-dots:after {
    clear: both
}

.teaser-slider-small-container .controls-container .dots-container .slick-dots:before, .teaser-slider-small-container .controls-container .dots-container .slick-dots:after {
    content: " ";
    display: table
}

.teaser-slider-small-container .controls-container .dots-container .slick-dots:after {
    clear: both
}

.teaser-slider-small-container .controls-container .control-item-prev {
    padding-left: 30px;
    padding-top: 4px
}

.teaser-slider-small-container .controls-container .control-item-next {
    float: right;
    padding-right: 30px;
    padding-top: 4px
}

.teaser-slider-small-container .teaser-slider .slide-item p {
    margin-bottom: 30px
}

.teaser-slider-small-container .teaser-slider .slide-item img {
    margin-top: 20px
}

.teaser-slider-small-container .teaser-slider .slide-item .button {
    background-color: #e1e2e6;
    color: #333333;
    position: relative;
    bottom: auto;
    left: 50%;
    margin-left: -100px;
    min-width: 200px;
    margin-bottom: 20px;
    font-family: Arial;
    font-size: 15px;
    font-weight: 700
}

.teaser-slider-small-container .teaser-slider .slide-item .button:hover {
    color: #FFF
}

.modal.search-modal h2 {
    color: #FFF;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px
}

.modal.search-modal .close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 22px;
    color: #FFF;
    opacity: 1;
    z-index: 1060
}

@media screen and (min-width: 768px) {
    .modal.search-modal .close {
        font-size: 30px;
        top: 40px;
        right: 40px
    }
}

.modal.search-modal .modal-backdrop.in {
    opacity: .9;
    filter: alpha(opacity=90);
    background-color: #384249
}

.modal.search-modal .modal-dialog {
    margin-top: 20%
}

.modal.search-modal .modal-content {
    position: relative;
    z-index: 1;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: transparent
}

.modal.search-modal #search-block-form {
    position: relative
}

.modal.search-modal #search-block-form label {
    display: none
}

.modal.search-modal #search-block-form .form-text {
    width: 100%;
    font-size: 18px;
    height: 50px;
    padding: 10px 20px;
    background: #FFF;
    border: none;
    color: #333333
}

.modal.search-modal #search-block-form .form-text::-moz-placeholder {
    color: #333333;
    opacity: 1
}

.modal.search-modal #search-block-form .form-text:-ms-input-placeholder {
    color: #333333
}

.modal.search-modal #search-block-form .form-text::-webkit-input-placeholder {
    color: #333333
}

.modal.search-modal #search-block-form .form-text.throbbing {
    background-image: none
}

.modal.search-modal #search-block-form .form-submit {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.7em;
    width: 52px;
    color: #333333;
    height: 100%;
    padding: 0;
    background-color: transparent;
    border: none
}

.modal.search-modal #search-block-form .form-submit i {
    position: relative;
    top: 5px
}

.modal.search-modal #search-block-form--2 {
    position: relative
}

.modal.search-modal #search-block-form--2 label {
    display: none
}

.modal.search-modal #search-block-form--2 .form-text {
    width: 100%;
    font-size: 18px;
    height: 50px;
    padding: 10px 20px;
    background: #FFF;
    border: none;
    color: #333333
}

.modal.search-modal #search-block-form--2 .form-text::-moz-placeholder {
    color: #333333;
    opacity: 1
}

.modal.search-modal #search-block-form--2 .form-text:-ms-input-placeholder {
    color: #333333
}

.modal.search-modal #search-block-form--2 .form-text::-webkit-input-placeholder {
    color: #333333
}

.modal.search-modal #search-block-form--2 .form-text.throbbing {
    background-image: none
}

.modal.search-modal #search-block-form--2 .form-submit {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.7em;
    width: 52px;
    color: #333333;
    height: 100%;
    padding: 0;
    background-color: transparent;
    border: none
}

.modal.search-modal #search-block-form--2 .form-submit i {
    position: relative;
    top: 5px
}

.modal.search-modal .list-search-results {
    padding-left: 0;
    list-style: none;
    margin: 20px 0 50px;
    font-style: italic
}

.modal.search-modal .list-search-results a {
    color: #FFF
}

.modal.search-modal .search-keyword {
    font-weight: bold
}

.modal.search-modal .related-search-results h2 {
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: bold;
    color: #FFF
}

.modal.search-modal .related-search-results ul {
    padding-left: 0;
    list-style: none;
    margin: 0
}

.modal.search-modal .related-search-results ul li {
    border-bottom: 1px solid #FFF
}

.modal.search-modal .related-search-results ul li a {
    position: relative;
    display: block;
    padding: 10px 50px 10px 25px;
    color: #FFF;
    font-size: 18px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.modal.search-modal .related-search-results ul li a:before {
    content: "\e009"
}

.modal.search-modal .related-search-results ul li a:before {
    font-family: "abellio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 13px;
    left: 0;
    font-size: .75em
}

.modal.search-modal .related-search-results ul li a:focus, .modal.search-modal .related-search-results ul li a:hover {
    color: #FFF;
    text-decoration: none
}

.modal.search-modal .related-search-results ul li a i {
    position: absolute;
    top: 13px;
    right: 0;
    font-size: 1.2em
}

.route-plan-container {
    position: relative;
    overflow-x: auto
}

.route-plan-container img {
    display: block
}

.route-plan-container .button-railway {
    position: absolute;
    width: 55px;
    padding: 5px 5px 4px 5px
}

.route-plan-container .button-railway#route-70 {
    top: 272px;
    left: 36px
}

.route-plan-container .button-railway#route-577 {
    top: 160px;
    left: 184px
}

.route-plan-container .button-railway#route-550 {
    top: 120px;
    left: 184px
}

.route-plan-container .button-railway#route-397 {
    top: 63px;
    left: 219px
}

.route-plan-container .button-railway#route-553 {
    top: 461px;
    left: 537px
}

.route-plan-container .button-railway#route-841 {
    top: 162px;
    left: 62px
}

.route-plan-container .button-railway#route-1333 {
    top: 435px;
    left: 498px
}

.route-plan-container .button-railway#route-1396 {
    top: 237px;
    left: 526px
}

.route-plan-container .button-railway#route-1393 {
    top: 414px;
    left: 407px
}

.route-plan-container .button-railway#route-1402 {
    top: 220px;
    left: 258px
}

.route-plan-container .button-railway#route-1411 {
    top: 405px;
    left: 212px
}

.route-plan-container .button-railway#route-1465 {
    top: 435px;
    left: 609px
}

.route-plan-container .button-railway#route-1468 {
    top: 120px;
    left: 202px
}

.route-plan-container .button-railway#route-1471 {
    top: 324px;
    left: 362px
}

.route-plan-container .button-railway#route-1480 {
    top: 199px;
    left: 377px
}

.search-form {
    position: relative
}

.search-form label {
    display: none
}

.search-form input[type="text"] {
    border: 1px solid #bdc0c5;
    font-size: 18px;
    height: 50px;
    padding: 10px 20px;
    color: #333333;
    width: 100%
}

.search-form .form-submit {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 44px;
    height: 100%;
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 1.5em;
    color: #54616c
}

#route-points-7007 .list-route-points {
    padding-right: 160px
}

.box-header-hint {
    position: relative;
    z-index: 98;
    color: #333333;
    font-size: 14px;
    background-color: #e1e2e6
}

.box-header-hint > .container-fluid {
    padding: 13px 30px 20px 60px;
    position: relative
}

.box-header-hint > .container-fluid:before {
    content: " ";
    background-image: url(../img/icons/icon-notification.png);
    font-size: 29px;
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 40px
}

.box-header-hint h1 {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    font-family: Arial
}

.box-header-hint p {
    font-style: italic
}

.box-header-hint .btn-close {
    position: absolute;
    top: 8px;
    right: 10px
}

.box-header-hint .btn-close i {
    background-size: contain;
    background-repeat: no-repeat
}

.box-header-hint .btn-close:hover i {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    width: 16px;
    hight: 16px;
    margin-right: 2px;
    margin-top: 2px
}

.box-header-hint .link-more-info {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
    color: inherit
}

.box-header-hint .link-more-info i {
    margin-left: 10px
}

.box-header-hint .link-more-info i:before {
    position: relative;
    top: 2px
}

.box-header-hint .link-more-info:hover {
    text-decoration: none
}

.box-header-hint .link-more-info:hover i {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    margin-left: 5px
}

.box-header-hint .link-more-info:hover i:before {
    color: #c71712
}

@media screen and (min-width: 480px) {
    .box-header-hint {
        padding: 0 15px
    }
}

@media screen and (min-width: 640px) {
    .box-header-hint {
        padding: 0 30px
    }
}

@media screen and (min-width: 1025px) {
    .box-header-hint .container-fluid {
        padding-bottom: 0
    }

    .box-header-hint p {
        width: 70%
    }

    .box-header-hint .btn-close {
        top: 15px
    }

    .box-header-hint .link-more-info {
        position: absolute;
        bottom: 12px;
        right: 0
    }
}

@media screen and (min-width: 1400px) {
    .box-header-hint {
        padding: 0
    }

    .box-header-hint .container-fluid {
        padding-left: 90px
    }

    .box-header-hint .container-fluid:before {
        left: 30px
    }

    .box-header-hint .btn-close {
        right: 30px
    }

    .box-header-hint .link-more-info {
        right: 15px
    }
}

.box-notification {
    position: relative;
    margin: 0 0 30px 0;
    background: #FFF;
    color: #333333;
    height: 100%;
    border: 8px dashed #ffde01;
    font-size: 14px
}

.box-notification .content-wrapper {
    position: relative
}

.box-notification .content-wrapper .icon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 80px;
    text-align: center;
    background-color: #FFF
}

.box-notification .content-wrapper .icon-wrapper img {
    margin-top: 20px
}

.box-notification .content-wrapper .text-wrapper {
    padding: 20px 20px 20px 100px;
    background-color: #e1e2e6
}

.box-notification .content-wrapper .text-wrapper h2 {
    padding: 0;
    margin: 0 0 1em 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial
}

.box-notification .content-wrapper .text-wrapper p {
    margin: 0;
    font-style: italic
}

@media screen and (max-width: 480px) {
    .box-notification .content-wrapper .icon-wrapper {
        position: relative;
        height: 60px;
        width: auto
    }

    .box-notification .content-wrapper .text-wrapper {
        padding: 20px
    }
}

.box-survey {
    position: relative;
    margin: 0 0 30px 0;
    background: #e1e2e6;
    color: #333333;
    height: 100%
}

.box-survey .content-wrapper {
    position: relative;
    background-color: #e1e2e6;
    padding: 22px 40px 45px 80px;
    font-size: 16px
}

.box-survey .content-wrapper:before {
    content: " ";
    background-image: url(../img/icons/icon-notification-big.png);
    font-size: 29px;
    position: absolute;
    top: 12px;
    left: 0;
    width: 61px;
    height: 65px
}

.box-survey .content-wrapper .text-content {
    margin-bottom: 5px
}

.box-survey .content-wrapper .text-content h2 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 14px;
    padding-right: 20px;
    word-break: break-all;
}

.box-survey .content-wrapper .action-content:before, .box-survey .content-wrapper .action-content:after {
    content: " ";
    display: table
}

.box-survey .content-wrapper .action-content:after {
    clear: both
}

.box-survey .content-wrapper .action-content:before, .box-survey .content-wrapper .action-content:after {
    content: " ";
    display: table
}

.box-survey .content-wrapper .action-content:after {
    clear: both
}

.box-survey .content-wrapper .action-content a {
    float: left;
    margin-right: 40px;
    white-space: nowrap
}

.box-survey .btn-close {
    position: absolute;
    top: 23px;
    right: 20px;
    color: #333333;
    padding-right: 30px;
    font-size: 14px
}

.box-survey .btn-close i {
    top: 0;
    position: absolute;
    right: 0
}

.box-survey .btn-close:hover {
    text-decoration: none
}

@media screen and (max-width: 600px) {
    .box-survey .btn-close span {
        display: none
    }
}

.box-survey .action-button {
    position: absolute;
    bottom: -18px;
    left: 45%
}

.box-survey .button-read-more {
    color: #55606b;
    display: block;
    font-size: 13px;
    margin-top: 5px
}

.box-survey .button-read-more:before {
    color: #939396
}

.box-survey .button-read-more:focus, .box-survey .button-read-more:hover {
    text-decoration: none
}

.box-survey .button-read-more i {
    position: relative;
    top: 1px;
    font-size: 90%
}

@media screen and (max-width: 340px) {
    .box-survey .content-wrapper {
        padding: 90px 20px 20px 20px
    }

    .box-survey .action-button {
        position: relative;
        bottom: auto;
        left: 20px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1020px) {
    .box-survey .content-wrapper {
        padding-right: 270px;
        padding-bottom: 20px
    }

    .box-survey .btn-close {
        top: 50px;
        right: 62px
    }

    .box-survey .action-button {
        left: auto;
        right: 40px;
        top: 83px;
        bottom: auto
    }
}

h2.teaser-catgeory {
    margin-bottom: 10px
}

.module-teaser {
    border: 1px solid #bdc0c5;
    margin-bottom: 40px
}

.module-teaser img {
    width: 100%;
    max-width: 100%
}

.module-teaser .content {
    padding: 17px
}

.module-teaser .content h2 {
    color: #333333;
    margin: 0;
    padding: 0 0 18px 0
}

.module-teaser .content p {
    font-family: Arial;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin: 0;
    padding: 0
}

.module-teaser .content a {
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    color: #333333;
    margin: 0;
    display: inline-block;
    padding: 14px 0 0 0
}

.module-teaser .content a i:before {
    color: #333333;
    top: 1px
}

@media screen and (min-width: 1025px) {
    .main-content .module-teaser {
        clear: both
    }

    .main-content .module-teaser img {
        width: 50%;
        float: left
    }

    .main-content .module-teaser .content {
        padding-left: 55%
    }
}

.collapse-module {
    margin-bottom: 30px
}

.collapse-module .panel-group .panel + .panel {
    margin-top: 10px
}

.collapse-module .panel {
    box-shadow: none
}

.collapse-module .panel .panel-heading {
    position: relative;
    padding: 0
}

.collapse-module .panel .panel-title {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px
}

.collapse-module .panel .panel-title > a {
    display: block;
    padding: 16px 49px 15px 15px;
    background: #e1e2e6;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media screen and (min-width: 768px) {
    .collapse-module .panel .panel-title > a {
        padding-right: 157px
    }
}

.collapse-module .panel .panel-title > a[aria-expanded="true"] {
    background: #6b717a;
    color: #FFF;
    font-weight: bold
}

.collapse-module .panel .panel-title > a[aria-expanded="true"] .panel-opener i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.collapse-module .panel .panel-title > a[aria-expanded="true"] .panel-opener-text:before {
    content: attr(data-text-panel-opened)
}

.collapse-module .panel .panel-title > a[aria-expanded="false"] .panel-opener-text:before {
    content: attr(data-text-panel-closed)
}

.collapse-module .panel .panel-title > a:active, .collapse-module .panel .panel-title > a:hover, .collapse-module .panel .panel-title > a:focus {
    background: #6b717a;
    color: #FFF;
    text-decoration: none
}

.collapse-module .panel .panel-title > a .panel-opener-text {
    font-weight: bold;
    line-height: 1;
    display: none
}

@media screen and (min-width: 768px) {
    .collapse-module .panel .panel-title > a .panel-opener-text {
        display: block
    }
}

.collapse-module .panel .panel-title > a .panel-opener-text:before {
    content: none
}

.collapse-module .panel .panel-body {
    color: #FFF
}

.collapse-module .panel .panel-body h1, .collapse-module .panel .panel-body h2, .collapse-module .panel .panel-body h3, .collapse-module .panel .panel-body h4, .collapse-module .panel .panel-body h5, .collapse-module .panel .panel-body h6 {
    color: #FFF
}

.collapse-module .panel .panel-body a {
    color: #FFF;
    text-decoration: underline;
    white-space: normal;
    display: inline
}

.collapse-module .panel .panel-body .content-indent > ul li:before {
    color: #FFF
}

.collapse-module .panel .panel-body table > thead {
    background: #FFF;
    color: #6b717a
}

.collapse-module .panel .panel-body table > tbody > tr > td {
    border-bottom-width: 1px
}

.collapse-module .panel .panel-body table > tbody > tr > td:first-child {
    border-right-width: 1px
}

.collapse-module .panel-opener {
    background: #6b717a;
    color: #FFF;
    height: 100%;
    min-width: 49px;
    padding: 18px;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (min-width: 768px) {
    .collapse-module .panel-opener {
        min-width: 147px
    }
}

.collapse-module .panel-opener i {
    position: absolute;
    top: 10px;
    right: 9px;
    font-size: 30px;
    height: 30px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.collapse-module .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none
}

.collapse-module .panel-body {
    background: #6b717a;
    color: #FFF;
    padding: 18px
}

.collapse-module .panel-body table tbody > tr:nth-of-type(even) {
    background-color: transparent
}

.download-module {
    margin: 30px 0 0
}

.list-downloads {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.traffic-news-item .list-downloads {
    margin-top: 15px
}

.list-downloads li {
    position: relative;
    display: block;
    padding: 17px 58px 17px 16px;
    margin-top: 16px;
    background: #e1e2e6;
    color: #333333;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px
}

.list-downloads li:before, .list-downloads li:after {
    content: " ";
    display: table
}

.list-downloads li:after {
    clear: both
}

.list-downloads li:before, .list-downloads li:after {
    content: " ";
    display: table
}

.list-downloads li:after {
    clear: both
}

@media screen and (min-width: 480px) {
    .list-downloads li {
        padding-right: 16px
    }
}

.list-downloads li:first-child {
    margin-top: 0
}

.list-downloads li:focus i, .list-downloads li:hover i {
    background: #c71712
}

.list-downloads .download-title {
    display: inline
}

@media screen and (min-width: 1400px) {
    .traffic-news-item .list-downloads .download-title {
        width: 60%
    }
}

@media screen and (min-width: 480px) {
    .list-downloads .download-title {
        float: left;
        width: 75%
    }
}

@media screen and (min-width: 768px) {
    .list-downloads .download-title {
        width: 60%
    }
}

@media screen and (min-width: 1025px) {
    .list-downloads .download-title {
        width: 55%
    }
}

@media screen and (min-width: 1400px) {
    .list-downloads .download-title {
        width: 65%
    }
}

@media screen and (min-width: 480px) {
    .list-downloads .download-meta {
        float: right;
        padding-right: 43px
    }
}

.list-downloads i {
    width: 50px;
    height: 100%;
    position: absolute;
    display: inline;
    top: 0;
    right: 0;
    background: #6b717a;
    color: #FFF;
    font-size: 1.75em;
    text-align: center;
    -webkit-transition: background-color .35s ease;
    -o-transition: background-color .35s ease;
    transition: background-color .35s ease
}

.list-downloads i:before {
    position: relative;
    top: 11px
}

.download-action, .download-filetype {
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px
}

.download-action {
    display: none
}

@media screen and (min-width: 768px) {
    .download-action {
        display: inline
    }
}

.download-filetype {
    color: #c71712;
    text-transform: lowercase
}

.box-choose-location {
    margin: 32px 0 30px 0;
    padding: 15px 16px 21px 18px;
    background-image: -webkit-linear-gradient(top, #6b717a 0, #4b4f55 100%);
    background-image: -o-linear-gradient(top, #6b717a 0, #4b4f55 100%);
    background-image: linear-gradient(to bottom, #6b717a 0, #4b4f55 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6b717a', endColorstr='#ff4b4f55', GradientType=0);
    color: #FFF;
    font-size: 17px
}

.box-choose-location:first-child {
    margin-top: 0
}

.box-choose-location .sod_select {
    background-color: #FFF
}

.box-choose-location .sod_select .sod_list_wrapper {
    background-color: #e1e2e6
}

.box-choose-location .sod_select .sod_option.active, .box-choose-location .sod_select .sod_option:hover {
    background-color: #4b4f55;
    color: #FFF
}

.content-teaser {
    background-color: #e1e2e6
}

.content-teaser .text-container {
    padding: 25px 40px;
    position: relative;
    min-height: 100%
}

@media screen and (min-width: 1025px) {
    .content-teaser .text-container {
        padding: 45px 60px
    }
}

.content-teaser .category {
    display: block;
    color: #c71712;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px
}

@media screen and (min-width: 1025px) {
    .content-teaser .category {
        margin-bottom: 50px
    }
}

.content-teaser h1 {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 23px
}

@media screen and (max-width: 480px) {
    .content-teaser h1 {
        font-size: 24px
    }
}

.content-teaser .button {
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    background-color: #55606b;
    color: #FFF
}

@media screen and (min-width: 1025px) {
}

.content-teaser .img-mobile {
    width: 100%
}

@media screen and (min-width: 640px) {
    .content-teaser .img-mobile {
        display: none
    }
}

.content-teaser .img-desktop {
    display: none
}

@media screen and (min-width: 640px) {
    .content-teaser .img-desktop {
        display: block
    }
}

@media screen and (max-width: 1024px) {
    .content-teaser.content-teaser-fullwidth .img-mobile {
        display: block
    }

    .content-teaser.content-teaser-fullwidth .col-md-8 {
        display: none
    }
}

.route-button {
    -webkit-transition: all .3;
    -o-transition: all .3;
    transition: all .3;
    display: block;
    background-color: #e1e2e6;
    text-decoration: none;
    font-size: 16px;
    color: #3b4249;
    border-left: 7px solid #e1e2e6;
    padding: 5px 0 3px 13px;
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.route-button:before, .route-button:after {
    content: " ";
    display: table
}

.route-button:after {
    clear: both
}

.route-button:before, .route-button:after {
    content: " ";
    display: table
}

.route-button:after {
    clear: both
}

.route-button span {
    display: inline-block;
    padding: 5px
}

.route-button .route-name {
    font-weight: 700;
}

.route-button .route-stations {
    font-size: 13px
}

.route-button .gradient {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    background: -moz-linear-gradient(left, rgba(225, 226, 230, 0) 0, #e1e2e6 50%, #e1e2e6 100%);
    background: -webkit-linear-gradient(left, rgba(225, 226, 230, 0) 0, #e1e2e6 50%, #e1e2e6 100%);
    background: linear-gradient(to right, rgba(225, 226, 230, 0) 0, #e1e2e6 50%, #e1e2e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e1e2e6', endColorstr='#e1e2e6', GradientType=1)
}

.route-button .icon {
    position: absolute;
    right: 10px;
    top: 10px
}

.route-button .icon-directions {
    position: relative;
    margin: 0 2px;
    right: 0;
    top: 0
}

.route-button:hover {
    text-decoration: none;
    color: #3b4249;
    border-left-width: 12px;
    -webkit-transition: all .3;
    -o-transition: all .3;
    transition: all .3
}

.route-border {
    border-left: 6px solid #000
}

.route-border:hover {
    border-left-width: 12px
}

#route-points-7007 .route-main-line {
    width: 1250px
}

#route-points-7012 .list-route-points {
    padding-right: 60px
}

#route-points-7012 .route-main-line {
    width: 275px
}

#route-points-7018 .list-route-points {
    padding-right: 100px
}

#route-points-7018 .route-main-line {
    width: 1185px
}

ul.routes {
    padding-left: 0;
    list-style: none;
    margin-top: 17px
}

ul.routes li {
    margin-top: 5px
}

.content-traffic-news-overview ul {
    padding-left: 0;
    list-style: none
}

.traffic-news-tab-nav {
    padding-left: 0;
    list-style: none;
    padding: 10px 0 0
}

.traffic-news-tab-nav:before, .traffic-news-tab-nav:after {
    content: " ";
    display: table
}

.traffic-news-tab-nav:after {
    clear: both
}

.traffic-news-tab-nav:before, .traffic-news-tab-nav:after {
    content: " ";
    display: table
}

.traffic-news-tab-nav:after {
    clear: both
}

.traffic-news-tab-nav li {
    float: left;
    width: 50%;
    display: block;
    margin: 0
}

.traffic-news-tab-nav li a {
    position: relative;
    display: block;
    background: #54616c;
    padding: 8px 36px 4px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold
}

.traffic-news-tab-nav li:first-child a {
    margin-right: 4px
}

.traffic-news-tab-nav li.active a {
    background: #d70929
}

.traffic-news-tab-nav li.active a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(215, 9, 41, 0);
    border-top-color: #d70929;
    border-width: 10px;
    margin-left: -10px
}

@media screen and (max-width: 410px) {
    .traffic-news-tab-nav li a {
        padding-left: 10px;
        padding-right: 10px
    }
}

.traffic-news-item {
    position: relative;
    background: #e1e2e6;
    padding: 0;
    font-size: 16px;
    margin-bottom: 7px
}

@media screen and (min-width: 640px) {
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 1400px) {
}

.traffic-news-item > .head {
    border-bottom: 1px solid #bdc0c5;
    line-height: 40px;
    padding: 15px 22px 11px 28px
}

.traffic-news-item > .head:before, .traffic-news-item > .head:after {
    content: " ";
    display: table
}

.traffic-news-item > .head:after {
    clear: both
}

.traffic-news-item > .head:before, .traffic-news-item > .head:after {
    content: " ";
    display: table
}

.traffic-news-item > .head:after {
    clear: both
}

.traffic-news-item > .head .route-name {
    font-size: 20px;
    font-weight: 700;
    margin-right: 13px
}

.traffic-news-item > .head .route-direction {
    font-size: 13px;
    font-weight: 300
}

.traffic-news-item > .head .route-direction i {
    position: relative;
    margin: 0 2px
}

.traffic-news-item > .head .route-direction i:before {
    position: absolute;
    top: 9px;
    left: 3px
}

.traffic-news-item > .head .traffic-news-status {
    font-size: 13px;
    font-weight: 300;
    position: absolute;
    top: 18px;
    right: 30px
}

.traffic-news-item > .content {
    position: relative;
    padding: 15px 22px 11px 34px;
    font-size: 15px
}

.traffic-news-item > .content h4 {
    font-size: 15px;
    margin-top: 7px;
    margin-bottom: 0
}

.traffic-news-item > .content .notice {
    width: 88%
}

.traffic-news-item > .content i.direction {
    position: relative;
    height: 12px;
    margin-left: 5px
}

.traffic-news-item > .content i.direction:last-child {
    margin-left: 0
}

.traffic-news-item > .content i.direction:before {
    position: absolute
}

.traffic-news-item > .content > a {
    position: absolute;
    right: 20px;
    bottom: 12px;
    color: #333;
    display: block
}

.traffic-news-item .button-railway {
    float: left;
    width: 55px;
    padding: 6px 0;
    margin: 0 0 10px 9px
}

@media screen and (min-width: 640px) {
    .traffic-news-item .button-railway {
        float: none;
        position: absolute;
        top: 0;
        left: -77px;
        margin: 0
    }
}

@media screen and (min-width: 640px) {
    .content-traffic-news-single .traffic-news-item .button-railway {
        top: 23px
    }
}

@media screen and (min-width: 640px) {
    .content-disruption-single .traffic-news-item .button-railway {
        top: 7px
    }
}

.traffic-news-item .type-indicator {
    float: left;
    margin-left: 15px;
    width: 55px;
    color: #6b717a
}

@media screen and (min-width: 640px) {
    .traffic-news-item .type-indicator {
        float: none;
        top: 45px;
        left: -77px;
        margin: 0
    }
}

@media screen and (min-width: 640px) {
    .content-traffic-news-single .traffic-news-item .type-indicator {
        top: 68px
    }
}

.traffic-news-item .type-indicator i {
    font-size: 2em
}

@media screen and (max-width: 520px) {
    .traffic-news-item .head {
        line-height: 20px;
        padding-top: 20px;
        padding-bottom: 15px
    }

    .traffic-news-item .head .route-name {
        display: block
    }
}

.traffic-news-item .announced-date {
    display: block;
    color: #6a7079;
    font-size: 14px;
    margin-top: 15px
}

@media screen and (min-width: 768px) {
    .traffic-news-item .announced-date {
        position: absolute;
        right: 0;
        bottom: -30px;
        margin: 0
    }
}

@media screen and (min-width: 1400px) {
    .traffic-news-item .announced-date {
        bottom: 0
    }
}

.traffic-news-item .affected-traffic-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.traffic-news-item .affected-traffic-list li {
    position: relative;
    padding: 15px 0;
    margin: 0;
    border-top: 1px solid #FFF
}

.traffic-news-item .affected-traffic-list li:first-child {
    border-top: none
}

.content-subject {
    margin: 15px 0
}

.traffic-news-datespan {
    display: block;
    padding-top: 7px;
    font-weight: bold
}

.content-traffic-news-single .traffic-news-datespan {
    margin-bottom: 7px
}

@media screen and (min-width: 640px) {
    .type-indicator {
        position: absolute
    }
}

body.page-id-7 .home-image-area h1 {
    color: #FFFFFF
}

@media screen and (min-width: 1025px) {
    body.page-id-7 main.site-content {
        margin-top: -17px;
        margin-bottom: 40px
    }

    body.page-id-7 main.site-content .teaser-container .left-col {
        border-right: 1px solid #bdc0c5;
        padding-right: 30px
    }

    body.page-id-7 main.site-content .teaser-container .right-col {
        border-left: 1px solid #bdc0c5;
        padding-left: 30px;
        right: 1px
    }

    body.page-id-7 main.site-content .teaser-container .right-col h2.section {
        margin-top: 41px;
        margin-bottom: 10px
    }
}

body.region .nav-first-level-container .nav-main {
    z-index: 2
}

body.region .journey-planer-container {
    background-color: #55606b
}

@media screen and (min-width: 1025px) {
    body.region .journey-planer-container {
        padding-top: 110px !important
    }
}

body.region .site-content {
    margin-top: 250px
}

@media screen and (min-width: 1025px) {
    body.region .site-content {
        margin-top: 150px
    }
}

body.region.page-id-3 .site-content {
    margin-top: 30px
}

@media screen and (min-width: 1025px) {
    body.region.page-id-3 .site-content {
        margin-top: 160px
    }
}

.page-content.inhaltsseite-2-col .main-content-container .themenboxes.themenbox-3-module a img {
    max-height: 300px
}

.nav-additional > ul > li > a {
    z-index: 2 !important
}


.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link, .cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active, .cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-banner .cc-btn:last-child {
    min-width: 140px
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus, .cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1;
    flex: 1
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    -ms-flex: 1;
    flex: 1
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-compliance > .cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn + .cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1;
        flex: 1
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}

.modal-open {
    overflow: auto;
}

#station-map-modal .modal-backdrop.in {
    opacity: 0;
}

.station-map-modal .station-map-module-legend-container {
    width: auto;
}

.page-id-1063 .nav-railway {
    padding-left: 0;
    list-style: none;
    position: relative;
    left: -3px;
    font-size: 0px;
    /* display: flex; */
    /* flex-wrap: wrap; */
}

.page-id-1063 .nav-railway li {
    margin: 5px;
    display: inline-block;
    font-size: 0px;
    min-width: 75px;
}

.page-id-1063 .button-railway {
    width: auto;
    padding: 5px 10px;
    text-align: center;
    min-height: 35px;
    display: flex;
    align-items: center;
    margin: 0px;
}

.page-id-1063 {

}

.cc-window .content-wrapper {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.cc-window.cc-floating {
    max-width: unset !important;
}

.cc-bottom {
    bottom: 0px !important;
}

.cc-link {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 0px !important;
}

.cc-link:hover {
    opacity: 1;
    color: #ffffff !important;
}


.cc-banner .cc-btn:last-child {
    min-width: 140px;
    align-items: center;
    justify-content: center;
}

.cc-btn span.icon-arrow-2-right:before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}

.cc-btn span.icon-arrow-2-right {
    margin-left: 5px;
    position: relative;
    width: 15px;
}

.cc-banner .cc-message {
    line-height: 1em;
}

.cc-btn {
    transition: all 0.8s;
}

.cc-btn:hover {
    background: #c71712 !important;
    text-decoration: none;
    color: #ffffff !important;
}

.cc-banner .cc-btn:last-child {
    min-width: 140px;
    border: none;
}

.cc-banner .cc-btn:last-child {
    line-height: 25px;
}

.cc-compliance .cc-btn:hover {
    color: #ffffff !important;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.lds-spinner {
    position: relative;
}

.lds-spinner div {
    left: 94px;
    top: 48px;
    position: absolute;
    -webkit-animation: lds-spinner linear 1s infinite;
    animation: lds-spinner linear 1s infinite;
    background: #c71712;
    width: 12px;
    height: 24px;
    border-radius: 40%;
    -webkit-transform-origin: 6px 52px;
    transform-origin: 6px 52px;
}

.lds-spinner div:nth-child(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-delay: -0.916666666666667s;
    animation-delay: -0.916666666666667s;
}

.lds-spinner div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -0.833333333333333s;
    animation-delay: -0.833333333333333s;
}

.lds-spinner div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}

.lds-spinner div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -0.666666666666667s;
    animation-delay: -0.666666666666667s;
}

.lds-spinner div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -0.583333333333333s;
    animation-delay: -0.583333333333333s;
}

.lds-spinner div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -0.416666666666667s;
    animation-delay: -0.416666666666667s;
}

.lds-spinner div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -0.333333333333333s;
    animation-delay: -0.333333333333333s;
}

.lds-spinner div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.lds-spinner div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -0.166666666666667s;
    animation-delay: -0.166666666666667s;
}

.lds-spinner div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -0.083333333333333s;
    animation-delay: -0.083333333333333s;
}

.lds-spinner div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.lds-spinner {
    width: 30px !important;
    height: 30px !important;
    -webkit-transform: translate(-15px, -15px) scale(0.15) translate(15px, 15px);
    transform: translate(-15px, -15px) scale(0.15) translate(15px, 15px);
}

@keyframes lds-spinner-small {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes lds-spinner-small {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.lds-spinner-small {
    position: relative;
}

.lds-spinner-small div {
    left: 94px;
    top: 48px;
    position: absolute;
    -webkit-animation: lds-spinner-small linear 1s infinite;
    animation: lds-spinner-small linear 1s infinite;
    background: #c71712;
    width: 12px;
    height: 24px;
    border-radius: 40%;
    -webkit-transform-origin: 6px 52px;
    transform-origin: 6px 52px;
}

.lds-spinner-small div:nth-child(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-delay: -0.916666666666667s;
    animation-delay: -0.916666666666667s;
}

.lds-spinner-small div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -0.833333333333333s;
    animation-delay: -0.833333333333333s;
}

.lds-spinner-small div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}

.lds-spinner-small div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -0.666666666666667s;
    animation-delay: -0.666666666666667s;
}

.lds-spinner-small div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -0.583333333333333s;
    animation-delay: -0.583333333333333s;
}

.lds-spinner-small div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.lds-spinner-small div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -0.416666666666667s;
    animation-delay: -0.416666666666667s;
}

.lds-spinner-small div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -0.333333333333333s;
    animation-delay: -0.333333333333333s;
}

.lds-spinner-small div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.lds-spinner-small div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -0.166666666666667s;
    animation-delay: -0.166666666666667s;
}

.lds-spinner-small div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -0.083333333333333s;
    animation-delay: -0.083333333333333s;
}

.lds-spinner-small div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.lds-spinner-small {
    width: 20px !important;
    height: 20px !important;
    -webkit-transform: translate(-10px, -10px) scale(0.1) translate(10px, 10px);
    transform: translate(-10px, -10px) scale(0.1) translate(10px, 10px);
}

.journey-planer-tabs {
    padding: 9px 15px;
    color: #FFF;
    text-decoration: none;
    background: #c71712;
    margin-right: -6px;
    text-decoration: none !important;
}

.journey-planer-tabs:hover {
    text-decoration: none !important;
    background: #FFF;
    color: #c71712;
}

.journey-planer-tabs.active {
    color: #c71712;
    background: #FFF;
}

#trip-results table.ids-table-striped > tbody > tr:nth-of-type(even) {
    background: #e1e2e6;
}

.card.card-alternate .card-title {
    height: 38px;
}

.autocomplete-input {
    border: 0 !important;
}

a.black {
    color: #333 !important;
}

.card-title.bw-region {
    padding-top: 12px;
    height: 50px !important;
}

.card-title.bw-region svg.card-title-icon {
    margin-top: -12px;
}

.trip-results-bw table > tbody > tr > td {
    padding: 8px !important;
}

.radio-lists label {
    font-size: 14px;
}

.radio-lists hr {
    margin: 6px -15px;;
}

hr.special {
    border-top-color: white !important;
}

.route-17a, .route-rb-17a {
    border-left-color: #0093d2;
}

.route-17b, .route-re-17b {
    border-left-color: #89b31c;
}

.route-17c, .route-rb-17c {
    border-left-color: #d2022f;
}

.route-10a, .route-re-10a {
    border-left-color: #004993;
}

.route-10b, .route-re-10b {
    border-left-color: #004993;
}

.route-18, .route-rb-18 {
    border-left-color: #008c3a;
}

.route-6, .route-ire-6 {
    border-left-color: #f3c200;
}

form.journey-planer select {
    width: 100%;
}

/* RESPONSIVE */
@media screen and (min-width: 0px) {
    .cc-banner .cc-message {
        font-size: 10px;
        line-height: 14px;
    }

    .cc-window.cc-floating {
        padding: 1em;
    }

    .cc-btn {
        font-size: 10px;
    }

    .cc-compliance {
        text-align: center;
        width: 100%;
        float: none;
    }
}

@media screen and (min-width: 415px) {
    .cc-banner .cc-message {
        font-size: 16px;
        line-height: 28px;
        display: inline-block;
        float: left;
    }

    .cc-window.cc-floating {
        padding: 2em;
    }

    .cc-btn {
        font-size: 16px;
    }

    .cc-compliance {
        margin-left: 15px;
        width: 140px;
        float: left;
    }
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
    .cc-window .cc-message {
        font-size: 10px;
        line-height: 14px;
    }
}

@media screen and (max-width: 800px) {
    .traffic-news-container .col-md-4 .card-body {
        padding: 40px 15px !important;
    }


    .traffic-news-container .col-md-4 {
        border-left: 1px solid #bdc0c5;
    }

}

@media screen and (max-width: 1280px) {
    .traffic-news-container .row.col-three.bordered-left {
    / margin-left: - 15 px;
        margin-right: -15px;
    }
}

@media screen and (max-width: 1024px) {
    .nav-main > ul > li > ul > li:hover ul.collapse {
        display: none;
    }

    .nav-main > ul > li > ul > li:hover ul.collapse.in {
        display: block;
    }

    body.region.page-id-3 .site-content {
        margin-top: 260px;
    }

    form#selectTrackForm .button-row {
        display: block;
    }
}

@media screen and (max-width: 641px) {
    body.region.page-id-3 .site-content {
        margin-top: 200px;
    }

    .abfahrtsmonitor-container form#selectTrackForm {
        padding-bottom: 31px;
    }

    .abfahrtsmonitor-container > div.row {
        display: none;
    }

    .abfahrtsmonitor-container form#selectTrackForm #submitTrack {
        display: block;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: -51px;
    }

    .abfahrtsmonitor-container div.col-xs-9,
    .abfahrtsmonitor-container div.col-xs-3 {
        width: 100%;
    }
}

@media screen and (max-width: 540px) {
    .traffic-news-tab-nav i.icon-baustelle {
        width: 100%;
    }
}

@media screen and (max-width: 498px) {
    .journey-planer-container svg.card-title-icon {
        display: none;
    }

    .journey-planer-tabs {
        padding: 9px 15px;
        font-size: 18px;
        width: 50%;
        display: block;
        margin-right: 0;
        line-height: initial !important;
        float: left;
    }

    body.region.page-id-3 .site-content {
        margin-top: 250px;
    }
}

@media screen and (max-width: 376px) {
    .journey-planer-tabs {
        padding: 9px 11px;
        font-size: 15px;
    }
}

.gm-style .gm-style-iw-c {
    padding: 0;
}

.gm-style .gm-style-iw-d {
    max-width: unset !important;
}

.gm-style .gm-style-iw-c .gm-ui-hover-effect {
    display: none !important
}

.gm-style .gm-style-iw-t::after {
    top: -4px !important;
}

.list-route-points li:last-child {
    margin-right: 130px;
}
/*
.page-id-13552 #lineoverview .linien-box:nth-child(2)::before {
    content: "";
    background: url(https://www.abellio.de/sites/all/themes/abellio_v2/img/abbelio_neu_button_20191212.svg) no-repeat;
    position: absolute;
    right: 10px;
    top: 55px;
    width: 50px;
    height: 50px;
}


.page-id-12754 .linienbox-container .slick-track #slick-slide01::before {
    content: "";
    background: url(https://www.abellio.de/sites/all/themes/abellio_v2/img/abbelio_neu_button_20191212.svg) no-repeat;
    position: absolute;
    right: 15px;
    top: 20px;
    width: 50px;
    height: 50px;
}

.page-id-20885 .directorscut .section-title::before {
    content: "";
    background: url(https://www.abellio.de/sites/all/themes/abellio_v2/img/abbelio_neu_button_20191212.svg) no-repeat;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 35px;
    height: 35px;
}
*/

.route-s-2.route-border{
    border-left-color: #1F4217;
}
.route-s-3.route-border{
    border-left-color: #6D7A17;
}
.route-s-9.route-border{
    border-left-color: #C86311;
}
.route-rb-32.route-border{
    border-left-color: #F49242;
}
.route-rb-40.route-border{
    border-left-color: #b9cf00;
}
.route-re-49.route-border{
    border-left-color: #3639F3;
}
.route-re-11-rrx.route-border{
    border-left-color: #290973;
}
.route-re-1-rrx.route-border{
    border-left-color: #290973;
}
.content-list-overview .section-title{
    text-transform: initial !important;
}
.box-route .section-title {
    text-transform: initial !important;
}