/*
========================================
           Breadcrumb
========================================
*/
body .breadcrumb {
  margin: 10px 0 10px 0;
}
body .breadcrumb .navigation {
  display: block;
}
body .breadcrumb ul {
  float: left;
}
body .breadcrumb div.back-link {
  float: right;
}
/*
========================================
           Dashboard header
========================================
*/
body .dashboard-header #page-title {
  font-size: 4em;
}
body .dashboard-header #title {
  float: left;
  margin-top: 1.375em;
  width: 50%;
}
body .dashboard-header #title h1 {
  font-size: 1em;
  margin: 0;
  padding: 0 5%;
}
body .dashboard-header #title .title-content {
  margin-left: 0;
  margin-right: 0;
  padding: 0 5%;
}
body .dashboard-header #title .short-width {
  width: 100%;
}
body .dashboard-header #title .icon.information {
  display: inline-block;
  margin: 0 0 0.15em 0.25em;
}
body .dashboard-header #filter_dashboard {
  float: right;
  max-width: 300px;
  width: 31.91%;
}
/*
========================================
           Error pages
========================================
*/
#error_content #container_content #column_slim {
  bottom: 32px;
  position: absolute;
  right: 0;
}
#error_content #container_content #column_wide {
  width: 61.70%;
}
#error_content #container_content #column_slim {
  bottom: 64px;
}
/*
========================================
           Footer
========================================
*/
body #footer ul li {
  border-left: 1px solid #cccccc;
  padding-left: 0.7em;
}
body #language-switch-mobile {
  display: none;
}
body #footer {
  text-align: right;
}
body #footer ul {
  line-height: 80%;
  margin-right: 25px !important;
}
body #footer ul li.dropdown {
  display: inline-block;
  padding-left: 0;
}
/*
========================================
           Forms
========================================
*/
body #content .roadstars-forms {
  width: 100%;
}
body #content .roadstars-forms h2,
body #content .roadstars-forms hr,
body #content .roadstars-forms p {
  margin-left: 2.1%;
}
body #content .roadstars-forms hr {
  margin-right: 2.1%;
}
body #content .roadstars-forms .form-content_wrapper {
  padding-right: 25px;
}
body #content .roadstars-forms .form-content_wrapper .roadstars-form_element {
  padding: 25px 0 0 25px;
}
body .wrapper_competition {
  width: 620px;
}
body .wrapper_competition .content-spacing {
  margin-left: 25px;
  margin-right: 25px;
}
/*
========================================
           Hotspot
========================================
*/
body .hotspot-wrapper {
  height: 528px;
  width: 940px;
}
body .hotspot-wrapper a {
  display: block !important;
}
/*
========================================
           Imagegallery
========================================
*/
body #panorama div.rsContent .overlay {
  bottom: 0;
  min-height: 60px;
  position: absolute;
}
body #panorama div.rsContent .overlay h2 {
  font-size: 28px;
  padding: 8px 25px;
}
body #panorama div.rsContent .overlay h2 a {
  background-position: right 9px;
}
body #panorama div.rsContent .overlay h2 a:hover {
  background-position: right -21px;
}
/*
========================================
           Text with facts box
========================================
*/
body .section.texttechbox .text {
  float: left;
}
body .section.texttechbox .box {
  float: right;
  width: 300px;
}
/*
========================================
           Timeline
========================================
*/
body .timeline .lightbox.video p {
  display: block;
}
body .timeline .lightbox.video .gallery {
  display: none;
}
body #loading {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6000000, endColorstr=#e6000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6000000, endColorstr=#e6000000);
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 3;
}
body #loading div {
  background: url(global/images/bg_overlay_loader.gif) no-repeat center;
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
body .timeline {
  background-color: #2B5176;
  background: #2B5176;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDEwMzA1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDQzNjVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMTg4OGJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMDQzNjVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(25deg, #010305 0%, #04365e 25%, #1888bc 50%, #04365e 75%, #000000 90%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #010305), color-stop(25%, #04365e), color-stop(50%, #1888bc), color-stop(75%, #04365e), color-stop(90%, #000000));
  background: -webkit-linear-gradient(25deg, #010305 0%, #04365e 25%, #1888bc 50%, #04365e 75%, #000000 90%);
  background: -o-linear-gradient(25deg, #010305 0%, #04365e 25%, #1888bc 50%, #04365e 75%, #000000 90%);
  background: -ms-linear-gradient(25deg, #010305 0%, #04365e 25%, #1888bc 50%, #04365e 75%, #000000 90%);
  background: linear-gradient(25deg, #010305 0%, #04365e 25%, #1888bc 50%, #04365e 75%, #000000 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#010305', endColorstr='#000000', GradientType=1);
  filter: none;
}
body .timeline .wrapper_timeline {
  height: auto;
  overflow: auto;
  padding-bottom: 40px;
  width: 100%;
}
body .timeline .css-animation .milestone#start,
body .timeline .css-animation .wrapper_navigation,
body .timeline .css-animation .next {
  visibility: hidden;
}
body .timeline .css-animation #intro-animation {
  z-index: 2;
}
body .timeline .css-animation #intro-animation img {
  height: auto;
  margin-bottom: 0;
  opacity: 1;
  width: auto;
}
body .timeline #intro-animation {
  position: absolute;
}
body .timeline #intro-animation .parenthelper {
  height: 100%;
}
body .timeline #intro-animation .helper {
  position: absolute;
  height: 120% !important;
}
body .timeline #intro-animation img {
  max-width: auto;
  z-index: -1;
}
body .timeline #intro-animation.animate img {
  -webkit-animation-name: moveImage;
  -moz-animation-name: moveImage;
  -o-animation-name: moveImage;
  animation-name: moveImage;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline #intro-animation.animate .helper {
  -webkit-animation-name: moveDiv;
  -moz-animation-name: moveDiv;
  -o-animation-name: moveDiv;
  animation-name: moveDiv;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline #intro-animation.animate-leave {
  -webkit-animation-name: hideElement;
  -moz-animation-name: hideElement;
  -o-animation-name: hideElement;
  animation-name: hideElement;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 0;
}
body .timeline #intro-animation.displayIntroElement {
  -webkit-animation-name: displayElement;
  -moz-animation-name: displayElement;
  -o-animation-name: displayElement;
  animation-name: displayElement;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline #intro-animation.hideIntroElement {
  -webkit-animation-name: hideElement;
  -moz-animation-name: hideElement;
  -o-animation-name: hideElement;
  animation-name: hideElement;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline .wrapper_milestones {
  margin: 0;
}
body .timeline .milestone {
  background: none;
  margin-top: 40px;
  padding: 0;
  position: relative;
  width: 1000px;
  z-index: 1;
}
body .timeline .milestone:nth-child(odd) {
  padding-top: 40px;
}
body .timeline .milestone#start {
  min-height: 300px;
  position: relative;
}
body .timeline .milestone#start.animate {
  -webkit-animation-name: displayElement;
  -moz-animation-name: displayElement;
  -o-animation-name: displayElement;
  animation-name: displayElement;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline .milestone#start .start_content {
  bottom: 0;
  left: 60px;
  position: absolute;
}
body .timeline .milestone#start h1 {
  padding-bottom: 0.11em;
}
body .timeline .milestone#start .roadstars-link.large.button {
  background-color: #ffffff;
  background-position: 20px 21px;
  color: #00adef;
  padding: 15px 20px 15px 35px;
  position: absolute;
  bottom: -75px;
}
body .timeline .milestone#start .roadstars-link.large.button.displayElement {
  -webkit-animation-name: displayElement;
  -moz-animation-name: displayElement;
  -o-animation-name: displayElement;
  animation-name: displayElement;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline .milestone#start .roadstars-link.large.button.hideElement {
  -webkit-animation-name: hideElement;
  -moz-animation-name: hideElement;
  -o-animation-name: hideElement;
  animation-name: hideElement;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline .milestone hgroup {
  float: left;
  padding: 0 15px;
  position: relative;
  text-align: right;
  top: -0.5em;
  width: 265px;
}
body .timeline .milestone hgroup h1:after,
body .timeline .milestone hgroup h2:after {
  content: none;
}
body .timeline .milestone hgroup h2 {
  display: inline;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  margin-bottom: 0;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}
body .timeline .milestone .content_milestone {
  border: 0 solid #ffffff;
  border-left-width: 1px;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(rgba(255, 255, 255, 0))) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(#ffffff, rgba(255, 255, 255, 0)) 1 100%;
  -moz-border-image: -moz-linear-gradient(#ffffff, rgba(255, 255, 255, 0)) 1 100%;
  -o-border-image: -o-linear-gradient(#ffffff, rgba(255, 255, 255, 0)) 1 100%;
  border-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0)) 1 100%;
  display: block;
  min-height: 360px;
  overflow: hidden;
  padding-left: 15px;
  width: 625px;
}
body .timeline .milestone .content_milestone img.teaser {
  max-height: 175px;
  max-width: 450px;
}
body .timeline .milestone .content_milestone .lightbox.video {
  margin: 0;
}
body .timeline .wrapper_navigation {
  clear: both;
  display: block;
  position: relative;
  z-index: 2;
}
body .timeline .wrapper_navigation.displayElement {
  -webkit-animation-name: displayElement;
  -moz-animation-name: displayElement;
  -o-animation-name: displayElement;
  animation-name: displayElement;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline .wrapper_navigation.hideElement {
  -webkit-animation-name: hideElement;
  -moz-animation-name: hideElement;
  -o-animation-name: hideElement;
  animation-name: hideElement;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline .wrapper_scrollbar {
  background: transparent url(../../../apps/mercedesbenz-trucks-komm/components/timeline/clientlibs/images/bg_scrollbar.png) repeat-x;
  border-width: 0;
  clear: left;
  cursor: pointer;
  left: auto;
  margin: 0 -1px;
  padding: 4px 2px;
  position: relative;
  right: auto;
  top: 32px;
  width: 100%;
  z-index: 1;
}
body .timeline .wrapper_scrollbar .ui-slider {
  background: none;
  border: 0;
  height: 27px;
  margin: 0 auto;
}
body .timeline .wrapper_scrollbar .ui-handle-helper-parent {
  position: relative;
  height: 100%;
  margin: 0 auto;
  width: 100%;
}
body .timeline .wrapper_scrollbar .ui-slider-handle {
  background: #ffffff;
  -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.65);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border-width: 0;
  cursor: default;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  height: 24px;
  outline: 0;
  top: 0;
}
body .timeline .wrapper_scrollbar .ui-slider-handle.ui-state-active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
body .timeline .wrapper_scrollbar .ui-slider-handle:before,
body .timeline .wrapper_scrollbar .ui-slider-handle:after {
  background: no-repeat center;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  top: 0;
  width: 12px;
}
body .timeline .wrapper_scrollbar .ui-slider-handle:before {
  background-image: url(global/images/icn_arrow-left_medium.png);
  left: 3px;
}
body .timeline .wrapper_scrollbar .ui-slider-handle:after {
  background-image: url(global/images/icn_arrow-right_medium.png);
  right: 4px;
}
body .timeline .wrapper_scrollbar .ui-slider-handle .ui-icon {
  background: url(../../../apps/mercedesbenz-trucks-komm/components/timeline/clientlibs/images/icn_slider.gif) no-repeat center;
  height: 24px;
  margin: 0 auto;
  position: relative;
}
body .timeline .navi_milestones {
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
body .timeline .navi_milestones li {
  background: none;
  display: block;
  font-size: 1.0588em;
  margin-bottom: 0 !important;
  height: auto;
  overflow: visible;
  position: absolute;
  text-align: center;
  top: 0;
}
body .timeline .navi_milestones li.even {
  bottom: 0;
  top: auto;
}
body .timeline .navi_milestones a {
  color: #ffffff;
  font-family: CorporateSRegular;
  font-size: 1em;
  font-weight: normal;
  line-height: 120%;
  padding: 0;
}
body .timeline .navi_milestones a:hover {
  font-family: CorporateSBoldRegular;
  font-weight: normal;
}
body .timeline .navi_milestones a.selected {
  color: #00adef;
  font-family: CorporateSBoldRegular;
  font-size: 1em;
  font-weight: normal;
}
body .timeline .spatial-gradient {
  display: block;
  float: none;
  height: 100%;
  position: absolute;
  top: 0;
  width: 15%;
  z-index: 1;
}
body .timeline .spatial-gradient.clean {
  background: none !important;
}
body .timeline .spatial-gradient.left {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmM2E1MiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmM2E1MiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, rgba(31, 58, 82, 0.7) 0%, rgba(31, 58, 82, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(31, 58, 82, 0.7)), color-stop(100%, rgba(31, 58, 82, 0)));
  background: -webkit-linear-gradient(left, rgba(31, 58, 82, 0.7) 0%, rgba(31, 58, 82, 0) 100%);
  background: -o-linear-gradient(left, rgba(31, 58, 82, 0.7) 0%, rgba(31, 58, 82, 0) 100%);
  background: -ms-linear-gradient(left, rgba(31, 58, 82, 0.7) 0%, rgba(31, 58, 82, 0) 100%);
  background: linear-gradient(to right, rgba(31, 58, 82, 0.7) 0%, rgba(31, 58, 82, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b31f3a52', endColorstr='#001f3a52', GradientType=1);
  filter: none;
  left: 0;
}
body .timeline .spatial-gradient.right {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmM2E1MiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjNhNTIiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, rgba(31, 58, 82, 0) 0%, rgba(31, 58, 82, 0.7) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(31, 58, 82, 0)), color-stop(100%, rgba(31, 58, 82, 0.7)));
  background: -webkit-linear-gradient(left, rgba(31, 58, 82, 0) 0%, rgba(31, 58, 82, 0.7) 100%);
  background: -o-linear-gradient(left, rgba(31, 58, 82, 0) 0%, rgba(31, 58, 82, 0.7) 100%);
  background: -ms-linear-gradient(left, rgba(31, 58, 82, 0) 0%, rgba(31, 58, 82, 0.7) 100%);
  background: linear-gradient(to right, rgba(31, 58, 82, 0) 0%, rgba(31, 58, 82, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001f3a52', endColorstr='#b31f3a52', GradientType=1);
  filter: none;
  right: 0;
}
body .timeline .next,
body .timeline .prev {
  background: none;
  cursor: pointer;
  height: 100%;
  text-indent: 0;
  top: 0;
  width: 30px;
  z-index: 1;
}
body .timeline .next span,
body .timeline .prev span {
  background: url(../../../apps/mercedesbenz-trucks-komm/components/timeline/clientlibs/images/icn_arrows_timeline.png) no-repeat;
  display: block;
  height: 51px;
  margin-top: 26px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999em;
  top: 50%;
  width: 30px;
}
body .timeline .next {
  padding-right: 10px;
}
body .timeline .next.animate {
  -webkit-animation-name: displayElement;
  -moz-animation-name: displayElement;
  -o-animation-name: displayElement;
  animation-name: displayElement;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline .next span {
  background-position: right top;
}
body .timeline .next span:hover {
  background-position: right bottom;
}
body .timeline .prev {
  padding-left: 10px;
}
body .timeline .prev span {
  background-position: left top;
}
body .timeline .prev span:hover {
  background-position: left bottom;
}
body .timeline #intro-animation.animate img {
  -webkit-animation-name: moveImageSmallDevice;
  -moz-animation-name: moveImageSmallDevice;
  -o-animation-name: moveImageSmallDevice;
  animation-name: moveImageSmallDevice;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline #intro-animation.displayIntroElement img {
  -webkit-animation-name: displayIntroImage;
  -moz-animation-name: displayIntroImage;
  -o-animation-name: displayIntroImage;
  animation-name: displayIntroImage;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline #intro-animation.hideIntroElement img {
  -webkit-animation-name: hideIntroImage;
  -moz-animation-name: hideIntroImage;
  -o-animation-name: hideIntroImage;
  animation-name: hideIntroImage;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
body .timeline #intro-animation img {
  height: 160%;
  opacity: 0.3;
}
body .timeline .spatial-gradient.left {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmM2E1MiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmM2E1MiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, rgba(31, 58, 82, 0.5) 0%, rgba(31, 58, 82, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(31, 58, 82, 0.5)), color-stop(100%, rgba(31, 58, 82, 0)));
  background: -webkit-linear-gradient(left, rgba(31, 58, 82, 0.5) 0%, rgba(31, 58, 82, 0) 100%);
  background: -o-linear-gradient(left, rgba(31, 58, 82, 0.5) 0%, rgba(31, 58, 82, 0) 100%);
  background: -ms-linear-gradient(left, rgba(31, 58, 82, 0.5) 0%, rgba(31, 58, 82, 0) 100%);
  background: linear-gradient(to right, rgba(31, 58, 82, 0.5) 0%, rgba(31, 58, 82, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#801f3a52', endColorstr='#001f3a52', GradientType=1);
  filter: none;
  left: 0;
}
body .timeline .spatial-gradient.right {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmM2E1MiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjNhNTIiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, rgba(31, 58, 82, 0) 0%, rgba(31, 58, 82, 0.5) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(31, 58, 82, 0)), color-stop(100%, rgba(31, 58, 82, 0.5)));
  background: -webkit-linear-gradient(left, rgba(31, 58, 82, 0) 0%, rgba(31, 58, 82, 0.5) 100%);
  background: -o-linear-gradient(left rgba(31, 58, 82, 0) 0%, rgba(31, 58, 82, 0.5) 100%);
  background: -ms-linear-gradient(left, rgba(31, 58, 82, 0) 0%, rgba(31, 58, 82, 0.5) 100%);
  background: linear-gradient(to right, rgba(31, 58, 82, 0) 0%, rgba(31, 58, 82, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001f3a52', endColorstr='#801f3a52', GradientType=1);
  filter: none;
  right: 0;
}
/*
========================================
           Photo album
========================================
*/
body#user_gallery div div.back-link {
  float: right;
  margin-left: 0;
  margin-right: 25px;
  text-align: right;
}
body#user_gallery div.edit-album-link,
body#user_gallery div.album-link,
body#user_gallery .upload-placeholder label {
  margin-left: 25px;
  margin-right: 0;
}
/*
========================================
           Photo album info
========================================
*/
body .photo-album-info__content {
  padding: 1.5em 0;
}
body .photo-album-info__content p {
  padding-left: 25px;
}
/*
========================================
           Profile
========================================
*/
body #column_full {
  float: left;
  margin-right: 20px;
  max-width: 620px;
  width: 100%;
}
body #profile {
  margin-bottom: 30px;
  padding: 20px;
}
body #profile .data table tr {
  border-bottom: 1px solid transparent;
}
body #profile .data table tr th {
  padding: 0 3em 0.5em 0;
}
body aside .tile {
  float: none;
}
body aside .section {
  margin-bottom: 40px;
}
/*
========================================
           Profile edit
========================================
*/
#profile-edit table.options thead th {
  white-space: nowrap;
  padding-left: 10px;
}
#profile-edit table.options td.label {
  width: 16em;
}
#profile-edit .back-to-profile {
  float: right;
}
/*
========================================
           User registration
========================================
*/
.userregistration .formtitle {
  min-width: 620px;
  width: 620px;
}
/*
========================================
           Parallax
========================================
*/
body#product_cluster #wrapper_content {
  overflow: hidden;
}
body #container_content.parallax {
  margin: 0 auto;
  max-width: 1620px;
  padding: 0;
  width: 100%;
}
body #container_content.parallax article {
  background: #ffffff;
  display: block;
  overflow: hidden;
  padding: 1em 0 2em;
  position: relative;
}
body #container_content.parallax article .container_text {
  margin: 0 auto;
  max-width: 940px;
  width: 100%;
}
body #container_content.parallax article p {
  max-width: 540px;
}
body #container_content.parallax article p .more {
  float: right;
}
body #container_content.parallax article p a {
  border-width: 0;
  background: transparent url(global/images/icn_arrow-right.png) no-repeat left 0.3em;
  color: #00adef;
  cursor: pointer;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 128.57%;
  margin: 0;
  outline: none;
  padding-left: 12px;
  padding-right: 0;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
}
inputbody #container_content.parallax article p a,
buttonbody #container_content.parallax article p a {
  background-position: left 0.36em;
}
body #container_content.parallax article p a.direction-left {
  background-image: url(global/images/icn_arrow-left.png);
}
body #container_content.parallax article p a.icon-right {
  background-position: right 0.3em;
  padding-left: 0;
  padding-right: 12px;
}
body #container_content.parallax article p a.large {
  background: transparent url(global/images/icn_arrow-right_medium.png) no-repeat left 0.33em;
  font-family: 'CorporateSBoldRegular', 'Arial', 'Helvetica', sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 140%;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 0;
  padding-top: 0;
}
inputbody #container_content.parallax article p a.large,
buttonbody #container_content.parallax article p a.large {
  background-position: left 0.36em;
}
body #container_content.parallax article p a.large.direction-left {
  background-image: url(global/images/icn_arrow-left_medium.png);
}
body #container_content.parallax article p a.large.icon-right {
  background-position: right 0.33em;
  padding-left: 0;
  padding-right: 15px;
}
body #container_content.parallax article p a.button-xl {
  background: #00adef url(global/images/icn_arrow-right_medium_light.png) no-repeat 20px 21px !important;
  color: #FFFFFF;
  padding: 15px 20px 15px 35px;
}
body #container_content.parallax article p a:hover {
  text-decoration: underline;
}
body #container_content.parallax article h2 {
  margin-bottom: 0.227em;
}
body #container_content.parallax article h3 {
  max-width: 580px;
}
body #container_content.parallax article strong {
  font-weight: normal;
}
body #container_content.parallax .container_bg {
  background-attachment: fixed !important;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover !important;
  height: 100%;
  position: relative;
  transition: 0s linear;
  transition-property: background-position;
  width: 100%;
}
body #container_content.parallax .container_bg img {
  display: inherit;
  height: auto;
  width: 100%;
}
body #container_content.parallax article {
  padding: 40px 0 60px;
  width: 100%;
}
body #container_content.parallax article h2 {
  margin-bottom: 15px;
}
body #container_content.parallax article .container_text p,
body #container_content.parallax article .container_text h3,
body #container_content.parallax article .container_text h2 {
  padding: 0 20px;
}
body #container_content.parallax .container_bg {
  min-width: 940px;
}
body #container_content.parallax .container_bg img {
  display: none;
}
body #container_content.parallax .pagecontent {
  margin-left: 1em;
}
/*
========================================
           Related content
========================================
*/
body #wrapper_more-topics #more-topics {
  margin: 0 auto;
}
body #wrapper_more-topics #more-topics h2.more-topics {
  padding-left: 20px;
}
/*
========================================
           Socialnetworkbox
========================================
*/
body .component--socialnetworkbox {
  margin-bottom: 30px;
}
body #socialnetwork h2 {
  margin: 0 0 0 20px !important;
}
body #socialnetwork #user-search {
  padding: 20px 0;
}
body #socialnetwork .wrapper_panels {
  max-height: 400px;
  padding: 0 20px 20px 20px;
}
body #socialnetwork .wrapper_panels ul li div.friend-request {
  width: 280px;
  float: right;
  margin: 0 0 0 5px;
}
body #socialnetwork .wrapper_panels ul li div.user {
  width: 280px;
}
body #socialnetwork .wrapper_panels ul li div.user img {
  margin: 0 20px 0 0;
}
body #socialnetwork .wrapper_panels ul li div.user a.roadstars-link {
  font-weight: bold;
}
body #socialnetwork .wrapper_panels .panel-content {
  padding: 1em 0 0;
}
body #socialnetwork .wrapper_tools a.icon {
  margin: 6px 10px 0 0;
}
/*
========================================
           Social area
========================================
*/
body .social-wrapper {
  padding-left: 0;
  padding-right: 0;
}
body .rs-likes-wrapper {
  float: left;
}
body .rs-like {
  display: inline;
  float: left;
  margin-right: 10px;
}
body .social-wrapper {
  padding-top: 10px;
}
body .social-wrapper .rs-likes-wrapper {
  min-width: 0;
}
body .social-wrapper .likerslist {
  float: left;
}
body .likerslist {
  border-left: 1px solid #666666;
  clear: none;
  margin-left: 10px;
  padding-left: 10px;
}
body .wrapper_likes-top .likerslist {
  float: none;
  padding-left: 10px;
  overflow: hidden;
}
body .content-bottom .rs-likes-wrapper {
  width: 55%;
}
body .content-top .rs-likes-wrapper {
  width: 60%;
}
/*
========================================
           Stagecalendar
========================================
*/
body #stagecalendar img.background {
  height: auto;
  min-height: 441px;
  width: 100%;
}
body #stagecalendar h2.stagetitle {
  font-size: 72px;
  font-size: 4.5rem;
  left: 14%;
}
body #stagecalendar .places-container {
  display: block;
  min-height: 441px;
  min-width: 940px;
}
/*
========================================
           Tiles
========================================
*/
body #wrapper_tile {
  margin: 0 auto;
  max-width: 1620px;
}
body #wrapper_tile .tile,
body #wrapper_tile .tilegroupitem {
  margin: 10px 10px;
}