@charset "UTF-8";
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: 2px solid black;
  background: white;
  color: black;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  transform: scale(0, 0);
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  transform: rotateZ(4deg);
  transition-property: transform;
}

.tooltipster-swing-show {
  opacity: 1;
  transform: rotateZ(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  transform: scale(1.1, 1.1);
}

.jcarousel-wrapper, .jcarousel-wrapper-news, .jcarouselNews {
  position: relative;
}

/** Carousel **/
.jcarousel, .jcarousel-news, .jcarouselNews, .jcarouselSolutions {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.jcarousel ul, .jcarousel-news ul, .jcarouselNews ul, .jcarouselSolutions ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.jcarousel li, .jcarousel-news li, .jcarouselNews li, .jcarouselSolutions li {
  width: 200px;
  float: left;
  box-sizing: border-box;
}

.jcarousel img, .jcarousel-news img, .jcarouselNews img, .jcarouselSolutions img {
  display: block;
  max-width: 100%;
  height: auto !important;
}

/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next,
.jcarousel-control-news-prev,
.jcarousel-control-news-next,
.jcarousel-control-solutions-prev,
.jcarousel-control-solutions-next {
  position: absolute;
  top: 50%;
  margin-top: 15px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: black;
  text-decoration: none;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover,
.jcarousel-control-news-prev:hover,
.jcarousel-control-news-next:hover,
.jcarousel-control-solutions-prev:hover,
.jcarousel-control-solutions-next:hover {
  color: black;
  text-decoration: none;
}

.jcarousel-control-prev, .jcarousel-control-news-prev .jcarousel-control-solutions-prev {
  left: -15px;
}

.jcarousel-control-next, .jcarousel-control-news-next, .jcarousel-control-solutions-next {
  right: -15px;
}

/** Carousel Pagination **/
.jcarousel-pagination, .jcarousel-news-pagination, .jcarousel-solutions-pagination {
  text-align: center;
}

.jcarousel-pagination a, .jcarousel-news-pagination a, .jcarousel-solutions-pagination a {
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  height: 10px;
  width: 10px;
  line-height: 10px;
  background: #fff;
  color: #4E443C;
  border-radius: 10px;
  text-indent: -9999px;
  margin-right: 7px;
  box-shadow: 0 0 2px #4E443C;
  /* Safari */
  transition: width 0.3s;
}

.jcarousel-pagination a.active, .jcarousel-news-pagination a.active {
  color: #fff;
  opacity: 1;
  width: 20px;
}

/* dialog */
.dialog_wrapper {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
  height: 0%;
  width: 0%;
  z-index: 9999998;
  top: 80px;
  left: 50%;
  color: #313131;
  overflow: auto;
}

.dialog {
  margin: 0 auto;
  padding: 100px 0;
  position: relative;
  display: none;
}

.dialog_content {
  text-align: justify;
}

.dialog_content iframe {
  width: 100%;
  height: 500px;
  border: 0;
}

.dialog_content p, .dialog_content li {
  text-align: justify;
  line-height: 1.7em;
  margin-bottom: 10px;
}

.dialog_close {
  position: absolute;
  top: 60px;
  right: 30px;
  display: none;
  z-index: 5000;
}

.dialog_close i {
  font-size: 2em;
  color: #313131;
  cursor: pointer;
}

#timeline {
  width: 1000px;
  overflow: hidden;
  margin: 40px auto 0px auto;
  position: relative;
  background: url("images/dot.png") left 65px repeat-x;
}

#dates {
  width: 1000px;
  height: 70px;
  overflow: hidden;
}

#dates li {
  list-style: none;
  float: left;
  width: 100px;
  height: 70px;
  font-size: 18px;
  text-align: center;
  background: url("images/biggerdot.png") center bottom no-repeat;
}

#dates a {
  line-height: 62px;
  color: #fff;
  background-color: #D00011;
  padding: 20px 14px;
  border-radius: 50%;
  color: #fff;
}

#dates a:hover {
  text-decoration: none;
  background-color: #354F45;
}

#dates .selected {
  background-color: #354F45;
}

#issues {
  width: 1000px;
  overflow: hidden;
  margin-top: 30px;
  font-size: 1em;
}

#issues li {
  width: 1000px;
  list-style: none;
  float: left;
}

#issues li.selected img {
  transform: scale(1.05, 1.05);
}

#issues li img {
  float: left;
  margin: 10px 40px 10px 50px;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE 8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
  /* IE 6 & 7 */
  zoom: 1;
  transition: all 2s ease-in-out;
  transform: scale(0.7, 0.7);
  max-width: 350px;
}

#issues li h1 {
  color: #f2342f;
  font-size: 32px;
  margin: 20px 0;
}

#issues li p {
  margin-right: 70px;
  line-height: 21px;
}

#grad_left,
#grad_right {
  width: 100px;
  height: 350px;
  position: absolute;
  top: 0;
}

#grad_left {
  left: 0;
  background: url("images/grad_left.html") repeat-y;
}

#grad_right {
  right: 0;
  background: url("images/grad_right.html") repeat-y;
}

#next,
#prev {
  position: absolute;
  top: 0;
  font-size: 70px;
  top: 170px;
  width: 22px;
  height: 38px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

#next:hover,
#prev:hover {
  background-position: 0 -76px;
}

#next {
  right: 0;
  background-image: url("images/next.html");
}

#prev {
  left: 0;
  background-image: url("images/prev.html");
}

#next.disabled,
#prev.disabled {
  opacity: 0.2;
}

#timelineContainerMobile {
  display: none;
}

@media only screen and (max-width: 500px) {
  #timelineContainer {
    display: none;
  }
  #timelineContainerMobile {
    display: block;
  }
  #timelineContainerMobile img {
    max-width: 100%;
  }
  #timelineContainerMobile p {
    text-align: center;
  }
  #timeline {
    width: auto;
    overflow: hidden;
    margin: 40px auto 0px auto;
    position: relative;
    background: url("images/dot.png") left 65px repeat-x;
  }
  #dates {
    width: auto;
    height: 70px;
    overflow: hidden;
  }
  #issues {
    width: auto;
    margin-top: 30px;
    font-size: 1em;
    height: 400px;
    overflow: auto;
  }
  #issues li {
    width: 100%;
    list-style: none;
    overflow: hidden;
  }
  #issues li img {
    margin: 10px 0px 30px 0px;
  }
}
/* new timeline */
.tl-timeline {
  font-family: "Raleway";
}

/*
 * jQuery FlexSlider v2.6.1
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: "flexslider-icon";
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icond41d.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}

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

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

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

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

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  border-radius: 4px;
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}

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

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

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

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

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

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: "\f001";
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
  content: "\f002";
}

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

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

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

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

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

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

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

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

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

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

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

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

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

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

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

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

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.7;
  cursor: pointer;
  -moz-user-select: none;
  transition: all 1s ease;
}

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

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

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/*!
 * Datepicker for Bootstrap v1.7.0-dev (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker > div {
  display: none;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9 ;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9 ;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9 ;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9 ;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9 ;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}


html {
  height: 100%;
}

html, body {
  font-size: 1em;
  overflow-x: hidden;
}

body {
  font-weight: 300;
  background: white;
  font-family: "Raleway", sans-serif;
}

body.mappage {
  overflow-y: visible;
}

.col {
  margin-bottom: 15px;
}

iframe {
  max-width: 100% !important;
}

a, a:hover {
  color: #D00011;
  cursor: pointer;
}

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

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

.clear {
  clear: both;
}

#valueIntro {
  font-size: 1.3em;
}

#valueIntro p {
  font-weight: 100;
}

#ourvalues {
  height: 120px;
  padding: 30px;
  font-size: 1.1em;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}

#ourvalues p {
  font-weight: 300;
}

#values #ourvalues {
  height: 120px;
  padding: 30px;
  font-size: 1.7em;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}

#values #ourvalues p {
  font-weight: 100;
}

@media only screen and (max-width: 979px) {
  #ourvalues {
    height: 200px !important;
  }
}
@media only screen and (max-width: 400px) {
  #values #ourvalues {
    font-size: 0.8em;
  }
}
a[href^="mailto:"] {
  text-decoration: underline !important;
}

/* Notifications */
.notification.success {
  background-color: #98c700;
  color: #fff;
}

.notification.error {
  background-color: #ea5338;
  color: #fff;
}

.notification.warning {
  background-color: #f9b418;
  color: #fff;
}

.notification {
  padding: 17px;
  margin-top: 5px;
  margin-bottom: 15px;
  -moz-border-radius: 3px;
  -webkit-border: 3px;
  border-radius: 3px;
}

#mute {
  display: inline-block;
  margin-right: 15px;
  color: white;
}

#mute:hover {
  cursor: pointer;
}

.video-bg {
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 60%;
  overflow: hidden;
}

.social {
  position: absolute;
  right: 4px;
  top: 14px;
  /* transform: translateY(-50%);*/
}

.social i.fa-linkedin {
  font-size: 1.8em;
  color: #1961aa;
}

#statement {
  background-color: #fff;
}

.parallax-plane {
  height: 250px;
}

#scrolldown {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5px;
  font-size: 3em;
  color: #fff;
  cursor: pointer;
}

#ctrlvideo {
  color: #fff;
  cursor: pointer;
  margin: 0px 10px;
}

.menu {
  font-size: 0.82em;
  position: relative;
  background: white;
  height: 60px;
}

.menu .logo {
  float: left;
}

.menu .logo img {
  height: 60px;
}

.menu .menu-content-responsive {
  display: none;
}

.menu .menu-content {
  float: right;
  margin-right: 40px;
  height: 100%;
  display: inline-block;
  font-size: 0.9em;
}

.menu .menu-content > ul {
  margin-bottom: 0;
  height: 100%;
  padding: 0;
}

.menu .menu-content > ul li > a, .menu .menu-content > ul li > span {
  position: relative;
  font-size: 1.2em;
  font-weight: 300;
  position: pointer;
}

.menu .menu-content > ul li > a:before, .menu .menu-content > ul li > a:after, .menu .menu-content > ul li > span:before, .menu .menu-content > ul li > span:after {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  bottom: -2px;
  background: #D00011;
}

.menu .menu-content > ul li > a:before, .menu .menu-content > ul li > span:before {
  left: 0;
}

.menu .menu-content > ul li > a:after, .menu .menu-content > ul li > span:after {
  right: 0;
  background: #D00011;
  transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.menu .menu-content > ul li:hover > a:before, .menu .menu-content > ul li:hover > span:before {
  color: #D00011;
  background: #D00011;
  width: 100%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.menu .menu-content > ul li:hover > a:after, .menu .menu-content > ul li:hover > span:after {
  background: transparent;
  width: 100%;
  transition: 0s;
}

.menu .menu-content li {
  display: inline-block;
  text-transform: uppercase;
  padding: 0;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  color: black;
  font-weight: bold;
  height: 100%;
  position: relative;
}

.menu .menu-content li.megamenu a, .menu .menu-content li.megamenu span {
  font-size: 14px;
}

.menu .menu-content li.megamenu > ul {
  width: 660px;
  height: 250px;
  left: -220px !important;
}

.menu .menu-content li.megamenu ul li a, .menu .menu-content li.megamenu ul li span {
  font-size: 12px;
  font-weight: bold;
}

.menu .menu-content li.megamenu li ul {
  height: auto;
  margin-top: 5px;
  position: relative;
  left: 0px !important;
  box-shadow: none;
  top: 0px;
  display: block !important;
  font-size: 1em;
}

.menu .menu-content li.megamenu li ul li {
  margin-left: 48px;
}

.menu .menu-content li.megamenu li ul li a, .menu .menu-content li.megamenu li ul li span {
  font-size: 12px;
  font-weight: normal;
}

.menu .menu-content li.megamenu li {
  height: auto !important;
  min-width: 200px;
}

.menu .menu-content li.megamenu li img {
  width: 40px;
  margin-right: 7px;
}

.menu .menu-content li.megamenu li:hover {
  background: white !important;
}

.menu .menu-content li.megamenu li.aircargo {
  position: absolute;
  left: 0;
  width: 200px;
  top: 0;
}

.menu .menu-content li.megamenu li.road {
  position: absolute;
  left: 0;
  width: 200px;
  top: 150px;
}

.menu .menu-content li.megamenu li.secure {
  position: absolute;
  left: 200px;
  width: 200px;
  top: 0px;
}

.menu .menu-content li.megamenu li.temperature {
  position: absolute;
  left: 200px;
  width: 250px;
  top: 66px;
}

.menu .menu-content li.megamenu li.outsize {
  position: absolute;
  left: 200px;
  width: 200px;
  top: 150px;
}

.menu .menu-content li.megamenu li.ware {
  position: absolute;
  right: 0;
  width: 170px;
  top: 0px;
}

.menu .menu-content li.megamenu li.event {
  position: absolute;
  right: 0;
  width: 200px;
  top: 150px;
}

.menu .menu-content li span:hover, .menu .menu-content li span {
  cursor: pointer;
}

.menu .menu-content li span:hover {
  color: #D00011;
}

.menu .menu-content li a {
  color: black;
}

.menu .menu-content li a:hover, .menu .menu-content li a:active, .menu .menu-content li a:focus {
  background: none;
  color: #D00011;
  text-decoration: none;
}

.menu .menu-content li ul {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.28);
  display: none;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  opacity: 0;
}

.menu .menu-content li:hover ul {
  opacity: 1;
  font-size: 0.9em;
  padding: 0;
  left: 0;
  top: 60px;
  background: white;
  display: inline-block;
  position: absolute;
  min-width: 170px;
}

.menu .menu-content li:hover ul li {
  transition: all 0.6s;
  float: none;
  display: block;
  position: relative;
  padding: 5px 10px;
  background: none;
}

.menu .menu-content li:hover ul li ul {
  display: none;
}

.menu .menu-content li:hover ul li:hover ul {
  font-size: 1em;
  left: 100%;
  top: 0;
  display: block;
}

.menu .menu-content li:hover ul li:hover ul li {
  display: block;
}

.menu #toggleMenu {
  position: absolute;
  top: 5px;
  right: 10px;
  display: none;
  cursor: pointer;
  font-size: 1.5em;
}

.menu-wrapper {
  z-index: 10000;
  position: relative;
}

.menu-wrapper .menu-subwrapper {
  background: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.64);
  border-radius: 5px;
}

.menu-wrapper .containermenu {
  position: relative;
}

.menu-wrapper.sticky {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
}

.menu-wrapper.sticky .menu-subwrapper {
  border-radius: 0;
}

.menu-wrapper.sticky .menu {
  margin-top: 0;
  font-size: 0.82em;
}

.menu-wrapper.sticky .track {
  z-index: -1;
}

.menu-wrapper .track {
  padding-top: 10px;
  font-weight: 300;
  background: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.31);
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 55px;
  right: 30px;
  width: 200px;
}

.menu-wrapper .track a {
  color: #D00011 !important;
  margin: 0px 8px;
}

.menu-wrapper .track a:hover {
  text-decoration: none;
}

.menu-wrapper .track img {
  width: 32px;
  padding: 5px;
}

.menu-wrapper .trackde {
  padding: 2px 0px;
  font-weight: 300;
  background: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.31);
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 100px;
  right: 30px;
  width: 200px;
}

.menu-wrapper .trackde a {
  color: #D00011 !important;
  margin: 0px 8px;
}

.menu-wrapper .trackde a:hover {
  text-decoration: none;
}

.menu-wrapper .trackde img {
  width: 32px;
  padding: 5px;
}

.menu-wrapper .requote {
  padding: 6px 0px;
  font-weight: 300;
  background: #D00011;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  position: absolute;
  z-index: -1;
  top: 140px;
  right: 30px;
  width: 200px;
}

.menu-wrapper .requote a {
  color: #fff !important;
  margin: 0px 8px;
}

.menu-wrapper .requote a:hover {
  text-decoration: none;
}

.menu-wrapper .requote img {
  width: 32px;
  padding: 5px;
}

.menu-wrapper .in-tab {
  padding: 6px 0px;
  font-weight: 300;
  background: #1961aa;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  position: absolute;
  z-index: -1;
  top: 178px;
  right: 30px;
  width: 200px;
}

.menu-wrapper .in-tab.first {
  top: 55px;
}

.menu-wrapper .in-tab a {
  color: #fff !important;
  margin: 0px 8px;
}

.menu-wrapper .in-tab a:hover {
  text-decoration: none;
}

.menu-wrapper .in-tab img {
  width: 32px;
  padding: 5px;
}

#bannerfull {
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

#bannerfull .videowrapper {
  height: 60%;
  width: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

#bannerfull .videowrapper video {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  display: inline-block;
  vertical-align: baseline;
  -o-object-fit: cover;
     object-fit: cover;
}

#bannerfull .abs {
  position: absolute;
  z-index: 1000;
  height: 100%;
  width: 100%;
}

#bannerfull.white {
  position: relative;
  z-index: 1000;
  margin-bottom: 80px;
  position: relative;
  float: none;
}

#bannerfull.white #flexslider {
  float: none;
}

#bannerfull.white #flexslider .flex-viewport {
  width: 100%;
  margin-top: -110px !important;
}

#bannerfull.white #flexslider .slides li {
  width: 100%;
  height: 350px;
  background-size: cover;
  background-position: 50% 50%;
}

#bannerfull .icons {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.61);
  margin-top: 100px;
}

#bannerfull .icons ul {
  padding: 0;
  list-style: none;
}

#bannerfull .icons ul li {
  color: white;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-style: italic;
}

#bannerfull .icons ul li a {
  color: white;
  transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
}

#bannerfull .icons ul li a:hover {
  opacity: 0.6;
}

#bannerfull .icons ul li img {
  width: 40px;
  display: inline-block;
  margin-right: 10px;
}

#bannerfull .icons ul.co2 {
  margin-top: 25px;
  max-width: 400px;
}

#bannerfull .icons ul.co2 .co2box {
  position: relative;
}

#bannerfull .icons ul.co2 .co2box img {
  width: 50px;
  float: left;
  display: block;
}

#bannerfull .icons ul.co2 .co2box .text {
  margin-left: 80px;
}

#bannerfull .icons ul.co2 .co2box .text #co2number {
  font-size: 2.5em;
  font-weight: bold;
}

#bannerfull .icons ul.co2 .co2box .text .light {
  font-weight: 300;
  text-transform: uppercase;
}

#bannerfull .icons ul.co2 .co2box .text .moredetails:hover {
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  #bannerfull .icons {
    margin-top: 0;
    padding: 5px;
  }
}
@media only screen and (max-width: 1200px) {
  .menu-wrapper .menu .menu-content {
    font-size: 0.63em;
  }
  .menu-wrapper .menu .menu-content ul {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 992px) {
  .menu-wrapper .menu .menu-content {
    display: none;
  }
  .menu-wrapper .menu .menu-content-responsive {
    float: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
  }
  .menu-wrapper .menu .menu-content-responsive ul {
    padding-left: 0;
    border: 1px solid #f1f1f1;
    float: none;
    width: 100%;
  }
  .menu-wrapper .menu .menu-content-responsive ul li {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    background: white;
    display: block;
    float: none;
  }
  .menu-wrapper .menu .menu-content-responsive ul li ul {
    border: 0;
    padding-left: 15px;
  }
  .menu-wrapper .menu .menu-content-responsive ul li span {
    color: black;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
  }
  .menu-wrapper .menu .menu-content-responsive ul li a, .menu-wrapper .menu .menu-content-responsive ul li span {
    padding: 10px;
    display: block;
  }
  .menu-wrapper .menu .menu-content-responsive ul li a {
    border-bottom: 1px solid #f1f1f1;
    color: black;
  }
  .menu-wrapper .menu .menu-content-responsive ul li a:hover, .menu-wrapper .menu .menu-content-responsive ul li a:focus, .menu-wrapper .menu .menu-content-responsive ul li a:active {
    color: red;
    text-decoration: none;
  }
  .menu-wrapper .menu #toggleMenu {
    display: block;
  }
}
@media only screen and (max-width: 400px) and (orientation: portrait) {
  body .menu-wrapper .menu .menu-content-responsive {
    max-height: 400px !important;
  }
}
@media only screen and (max-width: 992px) and (orientation: portrait) {
  .menu-content-responsive {
    max-height: 800px !important;
  }
}
#pageHeader {
  position: relative;
}

.videowrapper {
  overflow: hidden;
  position: relative;
  /*background: url('../images/tramme.png');*/
}

.videowrapper video {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  display: inline-block;
  vertical-align: baseline;
  -o-object-fit: cover;
     object-fit: cover;
}

.headline {
  position: absolute;
  width: 100%;
  top: 90px;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 800px;
  color: white;
  font-size: 2em;
  margin-top: 100px;
  text-align: center;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

#headlinebloc1 {
  text-align: left;
}

#headlinebloc2 {
  text-align: right;
}

#metiers {
  background: #D00011;
  color: white;
  padding: 8px;
  text-align: center;
}

#metiers a {
  color: white;
  padding: 5px;
  text-decoration: none;
  transition: all ease 0.3s;
  font-weight: 100;
}

#metiers a:hover {
  font-weight: 700;
}

#metiers ul {
  text-decoration: none;
  padding: 0;
  margin-bottom: 0;
}

#metiers ul li {
  display: inline-block;
  margin-right: 20px;
}

#metiers ul li img {
  width: 60px;
  margin-right: 5px;
}

#metiers ul li.linkedin {
  background: #1961aa;
  border: 1px solid #12487e;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
}

#metiers ul li.linkedin:hover {
  background: #12487e;
}

#metiers ul li.linkedin a {
  color: white;
}

#metiers ul li.linkedin a:hover {
  text-decoration: none;
}

#bloc_presa {
  font-size: 1.3em;
  font-weight: 100;
  padding: 20px 0px;
}

#bloc_presa h3, #bloc_presa h2, #bloc_presa h1 {
  font-size: 1.1em;
  font-weight: 300;
}

#watchFull {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

#watchFull a {
  color: white;
}

#watchFull a:hover {
  text-decoration: none;
}

@media only screen and (min-width: 1800px) {
  #bannerfull.white #flexslider .slides li {
    height: 450px !important;
  }
}
@media only screen and (max-width: 1024px) {
  #bannerfull {
    background: url("../images/background-header-mobile.jpg");
  }
  #bannerfull video {
    display: none !important;
  }
  #watchFull {
    display: none;
  }
  #bannerfull.white {
    display: none;
  }
}
@media only screen and (max-width: 979px) {
  #metiers ul li {
    display: block;
    float: left;
    width: 50%;
    text-align: left;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .megamenu img {
    display: none;
  }
  .videowrapper video {
    display: none;
  }
  .videowrapper {
    background: url("../images/background-header-mobile.jpg");
    background-size: cover;
  }
}
@media only screen and (max-width: 400px) {
  .menu {
    height: 45px;
  }
  .menu .logo {
    float: left;
  }
  .menu .logo img {
    height: 45px;
  }
  .menu-wrapper .track {
    top: 35px;
  }
  .menu-wrapper .trackde {
    top: 85px;
  }
  .menu-wrapper .requote {
    top: 130px;
  }
  .menu-wrapper .in-tab {
    top: 175px;
  }
  #metiers img {
    max-width: 29px;
  }
  #metiers ul {
    font-weight: 300 !important;
  }
}
.containernews {
  position: relative;
}

.containernews #newsCarousel {
  position: relative;
}

.containernews .news_block {
  margin: 15px;
  position: relative;
}

.containernews .news_block h2 {
  background: black;
  color: white;
  font-size: 1em;
  font-weight: bold;
  padding: 10px;
}

.containernews .news_block .news_img {
  height: 200px;
}

.containernews .news_block .news_img .background {
  width: 100%;
  height: 200px;
  background-size: cover;
  border-radius: 5px;
}

.containernews .news_block .news_link {
  display: block;
  background: #354F45;
  color: white !important;
  text-align: right;
  padding: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
  border-radius: 5px;
}

.containernews .news_block .news_content {
  margin-top: 15px;
  padding-bottom: 32px;
  overflow: auto;
}

.containernews .news_block .news_content h3 {
  margin-top: 0;
  font-size: 1em;
  color: #354F45;
  font-weight: bold;
}

.containernews .news_block .news_content .content {
  font-size: 0.9em;
}

.containernews .news_block .news_content .content a {
  color: #D00011;
}

.containernews .jcarousel-control-news-prev {
  left: -15px;
}

#news_container .news_img {
  float: left;
  padding-right: 20px;
}

#news_container .news_item_content {
  overflow: auto;
}

#news_container .news_item_content h3 {
  margin-top: 0px;
  padding-top: 0px;
}

#news_paginator {
  margin-top: 10px;
}

#news_paginator a {
  padding: 3px 8px;
  font-size: 1.1em;
}

#news_paginator a.current {
  font-weight: bold;
  background-color: #f1f1f1;
}

@media only screen and (max-width: 400px) {
  .containernews .jcarousel-control-news-prev {
    left: 0px !important;
  }
  .containernews .jcarousel-control-news-next {
    right: 0px;
  }
}
#facts {
  background: #354F45;
  color: white;
  position: relative;
  padding-bottom: 30px;
}

#facts h2 {
  font-weight: bold;
  font-size: 2em;
}

#facts .blocNumber {
  float: left;
  padding: 15px;
  padding-left: 15px;
  padding-right: 15px;
  /* border-left: 1px solid white; */
  position: relative;
  font-weight: 100;
}

#facts .trailers {
  font-weight: bold;
}

#facts .trailers #trailersNumber {
  font-size: 5em;
  line-height: 1em;
}

#facts .trailers strong {
  font-weight: 100;
}

#facts .trailers .desc {
  font-size: 0.9em;
  font-weight: 100;
}

#facts .countries {
  margin-bottom: 15px;
}

#facts .countries #countriesNumber {
  font-weight: bold;
  line-height: 1em;
  font-size: 3em;
}

#facts .countries .desc {
  font-weight: 100;
}

#facts .offices #officesNumber {
  font-weight: bold;
  line-height: 1em;
  font-size: 3em;
}

#facts .offices .desc {
  font-weight: 100;
}

#facts .employees {
  margin-bottom: 15px;
}

#facts .employees #employeesNumber {
  font-weight: bold;
  line-height: 1em;
  font-size: 3em;
}

#facts .employees .desc {
  font-weight: 100;
}

#facts .investment #investmentNumber {
  font-weight: bold;
  line-height: 1em;
  font-size: 3em;
}

#facts .investment .desc {
  font-weight: 300;
  font-size: 0.8em;
}

#facts .shipments {
  margin-bottom: 15px;
}

#facts .shipments #shipmentsNumber {
  font-weight: bold;
  line-height: 1em;
  font-size: 3em;
}

#facts .shipments .desc {
  font-weight: 100;
  font-size: 1.3em;
}

#facts .carried #carriedNumber {
  font-weight: bold;
  line-height: 1em;
  font-size: 1.4em;
}

#facts .carried .desc {
  font-weight: 100;
  font-size: 0.8em;
}

#facts .operating .descbefore {
  font-weight: 100;
  font-size: 1em;
}

#facts .operating .descafter {
  font-weight: 100;
  font-size: 1em;
}

#facts .operating #operating {
  font-weight: bold;
  line-height: 1em;
  font-size: 3em;
}

#facts .operating .desc {
  font-weight: 100;
  font-size: 1.3em;
}

#facts .imageStat {
  height: 50px;
  margin: 10px;
  margin-left: 5px;
  margin-top: 20px;
}

#facts #gdplogo {
  height: 70px;
}

@media only screen and (max-width: 768px) {
  #facts .blocNumber {
    float: none;
    text-align: center;
    border-left: 0px solid white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }
}
#blf1, #blf4 {
  width: 250px;
}

#events .parallax-plane {
  height: 250px;
}

#events .eventsbox {
  background: url("../images/image-event.jpg");
  background-size: cover;
  position: relative;
  height: 200px;
  background-position: 50% 50%;
}

#events .eventsbox .logo-event {
  float: left;
  padding: 50px;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: relative;
  margin-right: 200px;
}

#events .eventsbox .logo-event img {
  width: 150px;
}

#events .eventsbox .logo-event::after {
  background: url("https://www.wallenborn.com/templates/wallenborn_v2/images/bevel-black.svg");
  background-size: 100%;
  position: absolute;
  top: 0;
  right: -56px;
  width: 56px;
  height: 100%;
  content: "";
}

#events .eventsbox #blocEvent {
  color: white;
  padding: 50px;
}

#events .eventsbox #blocEvent a {
  color: white;
}

@media only screen and (max-width: 768px) {
  #events .eventsbox {
    height: auto;
  }
  #events .eventsbox .logo-event {
    float: none;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #blf1, #blf4 {
    width: 100% !important;
  }
}
.parallax_truck {
  height: 300px;
}

.blocPartners {
  background: #D00011;
  color: white;
  font-size: 1.2em;
  padding: 30px 0px;
}

.blocPartners a, .blocPartners a:hover {
  color: white;
}

.wrapperAnimation {
  position: relative;
}

.wrapperAnimation .innercontent {
  display: inline-block;
  margin-right: 15px;
}

.wrapperAnimation .imageAnimation {
  width: 250px;
  height: auto;
  position: absolute;
  right: -250px;
  top: 0px;
}

#content {
  padding-top: 50px;
  padding-bottom: 50px;
  /* redifine portfolio */
  /* end portfolio */
}

#content h1 {
  color: #354F45;
  font-weight: 400;
  font-size: 2.5em;
}

#content h2 {
  font-weight: 400;
  font-size: 1.8em;
}

#content h2.tl-headline {
  font-size: 12px;
}

#content .cmson_gallery_container {
  clear: both;
  margin-top: 10px;
}

#content .content {
  border: 0 !important;
}

#content .content a {
  color: #D00011;
}

#content .content p {
  line-height: 1.8em;
}

#content .content img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

#content .content ul {
  list-style: none;
}

#content .content ul li {
  margin: 10px 0px;
}

#content .content ul li:before {
  content: "✓";
  color: #D00011;
  font-weight: bold;
  margin-right: 5px;
}

#content .content ul.slides li:before {
  content: "";
  margin: 0;
}

#content .redzone {
  border-radius: 5px;
  background: #D00011;
  margin-bottom: 40px;
  padding-left: 50px;
}

#content .redzone .bar {
  margin-right: 50px;
  float: left;
  display: inline-block;
  position: relative;
}

#content .redzone .bar .round {
  width: 250px;
  height: 250px;
  position: relative;
  display: inline-block;
}

#content .redzone .bar .round .rond {
  height: 100%;
}

#content .redzone .bar .round .imgHover:hover {
  cursor: pointer;
}

#content .redzone .bar .round .topLeft {
  position: absolute;
  top: 18%;
  left: 17%;
  width: 30%;
}

#content .redzone .bar .round .topRight {
  position: absolute;
  top: 18%;
  right: 17%;
  width: 30%;
}

#content .redzone .bar .round .bottomRight {
  position: absolute;
  bottom: 15%;
  right: 17%;
  width: 30%;
}

#content .redzone .bar .round .bottomLeft {
  position: absolute;
  bottom: 15%;
  left: 17%;
  width: 30%;
}

#content .redzone #blocRond {
  float: left;
  display: inline-block;
  color: white;
  width: 500px;
  margin-top: 50px;
}

#content .portfolio {
  width: 33%;
  position: relative;
  float: left;
  max-height: auto;
  overflow: hidden;
}

@media only screen and (max-width: 1200px) {
  #content .portfolio {
    position: relative;
    float: left;
    height: auto;
    width: 50%;
  }
}
@media only screen and (max-width: 979px) {
  #content .portfolio {
    width: 50%;
    position: relative;
    float: left;
    max-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  #content .portfolio {
    width: 100%;
    position: relative;
    float: left;
    max-height: auto;
  }
}
#content .portfolio-image {
  padding: 10px;
}

#content .portfolio-image img {
  width: 100%;
  display: block;
}

#content .portfolio_desc {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  display: none;
  cursor: pointer;
  background-color: transparent;
}

#content .portfolio_desc > div {
  background-color: rgba(53, 79, 69, 0.8);
  color: #fff;
  margin: 10px;
  text-align: center;
  height: calc(100% - 20px);
  max-height: calc(100% - 20px);
  border-radius: 5px;
}

#content .portfolio_desc table {
  text-align: center;
  width: 100%;
}

#content .portfolio_desc table td {
  padding: 2px 10px 3px 0px;
  font-size: 0.9em;
}

#content .portfolio_desc a {
  margin-top: 5px;
  display: block;
  color: #fff;
}

#content .portfolio_desc i {
  font-size: 1.5em;
  color: #fff;
}

#content .portfolio_desc p {
  color: #fff;
}

#content .portfolio_desc .ptitle {
  font-size: 1.2em;
  text-align: center;
  width: 100%;
  margin-top: 5px;
  font-weight: 100;
}

#content .portfolio_desc .portofolio_desc_text p {
  padding: 5px;
  font-size: 0.8em;
}

#content .portfolio_desc_view {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 99;
  height: 100%;
}

#content .portfolio_desc_view a {
  display: block;
  width: 100%;
  height: 100%;
}

#content .portfolio_desc_view i {
  margin-top: 50%;
}

#content .portfolio_desc_share {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  z-index: 100;
}

#content .portfolio_desc_share i {
  font-size: 1.4em;
}

.map-wrapper {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 45px;
}

.map-wrapper #localisation_map {
  width: 100%;
  height: 100%;
}

.map-wrapper #mapdialog {
  z-index: 900000;
  position: fixed;
  left: 50%;
  top: 90px;
  display: none;
  margin-left: -250px;
  width: 500px;
  min-height: 300px;
  background: #fcfcfc;
  border-right: 0;
  padding: 15px;
  overflow: auto;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.53);
}

.map-wrapper #mapdialog iframe {
  float: left;
  margin-right: 15px;
}

.map-wrapper #mapdialog hr {
  border: 0;
  height: 5px;
  clear: both;
}

.page #content {
  /* padding-top: 0;*/
}

#news_container .news_item {
  float: none;
  margin: 10px 0px 20px 0px;
  padding: 20px 0px;
  border-bottom: 1px solid #d1d1d1;
  position: relative;
  color: #000;
}

#timelinej3 {
  height: 500px;
}

.tl-media-content img {
  max-height: 300px !important;
  width: auto;
}

@media only screen and (max-width: 768px) {
  #content {
    position: relative;
  }
  #content .redzone {
    padding-left: 0;
  }
  #content .redzone #blocRond {
    float: none;
    width: 100%;
    padding: 10px;
    margin-top: 25px;
  }
  #content table {
    width: 100%;
    overflow: scroll;
  }
}
@media only screen and (max-width: 400px) {
  .portfolio_desc {
    font-size: 0.9em;
  }
  .wrapperAnimation {
    font-size: 0.8em !important;
  }
  #content .flexslider {
    max-width: 100% !important;
  }
  #content .news_item .news_img img {
    width: 100% !important;
  }
  #content .news_item .news_img {
    float: none;
  }
}
#wmap {
  height: 500px;
}

#history .parallax {
  height: 250px;
}

#timelinej3 .tl-icon-image {
  display: none;
}

.blocChart {
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#chart {
  float: right;
  margin-top: -200px;
}

#chart #chartimg {
  display: none;
}

#chart #chartdiv {
  width: 850px;
  height: 700px;
}

@media only screen and (max-width: 979px) {
  #chart {
    position: relative;
    top: 0px;
  }
  .blocChart {
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  #chart {
    height: auto;
  }
  #chart #chartdiv {
    float: none;
  }
}
@media only screen and (max-width: 480px) {
  #chartdiv {
    display: none;
  }
  #chart {
    padding: 15px;
    background: #354F45;
    margin-top: 0;
  }
  #chart #chartimg {
    display: inline-block;
    width: 100%;
  }
  #blf1, #blf4 {
    width: 100%;
  }
}
path {
  cursor: pointer;
}

#contact {
  background: #D00011;
  padding-top: 30px;
  padding-bottom: 30px;
}

#contact a {
  color: white !important;
  font-weight: bold;
}

#contact #contactBloc2 {
  font-size: 1.2em;
  font-weight: 300;
}

#contact .notification {
  background: white;
  margin-bottom: 10px;
  padding: 15px;
  border-radius: 5px;
}

#contact .notification.error {
  color: red;
}

#contact .rowcontact {
  margin-bottom: 10px;
}

#contact p {
  color: #fff;
}

#contact #contactBloc {
  color: white;
}

#contact #contactBloc #map_1 {
  width: 400px;
  height: 300px;
}

#contact #contactBloc a, #contact #contactBloc p {
  color: white;
}

#contact textarea {
  height: 363px;
}

#contact input, #contact textarea, #contact select {
  border: 0;
}

#contact .sendzone {
  text-align: right;
}

#contact .sendzone #sendButton {
  color: white;
  background: black;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
}

#contact select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(../../../../i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: 97% center;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

#footer {
  background: black;
  color: white;
  padding: 10px;
}

#footer a {
  color: white;
}

#footer .comon {
  text-align: right;
}

.mappage #footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

@media only screen and (max-width: 480px) {
  #contact #contactBloc #map_1 {
    width: 100%;
  }
}
#bottom_bloc {
  margin-bottom: 10px;
  background: #D00011;
  padding: 30px 0px;
  color: #fff;
  text-align: left;
  font-size: 1.2em;
  font-weight: 300;
}

#bottom_bloc p, #bottom_bloc a {
  color: #fff;
}

#newsletter_form {
  margin-top: 10px;
}

#newsletter_form input[type=text] {
  color: #313131;
  width: 250px;
}

#blocContact2 {
  font-size: 1.8em;
}

#timelinej3 .tl-icon-image {
  display: none;
}

/*# sourceMappingURL=style.css.map */