/* Normalize */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  padding-left: 17px;
  line-height: 20px;
}
li {
  margin: 0;
  padding: 0;
}
figure {
  margin: 0;
}
sup {
  vertical-align: super;
}
sup {
  vertical-align: top;
  position: relative;
  top: 0.73em;
}
sub {
  bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h2 {
  font-weight: 700;
}
h3,
h4,
h5,
h6 {
  margin: 0;
}
p {
  line-height: 20px;
  margin-top: 10px;
}
p:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 481px) {
  p:last-child {
    margin-bottom: 0;
  }
}
strong {
  line-height: 20px;
  font-weight: 700;
}
section {
  margin-bottom: 30px;
}
article > ul {
  padding-top: 10px;
  padding-left: 20px;
  margin-bottom: 15px;
}
article > ul:last-child {
  margin-bottom: 0;
}
dl:before,
dl:after {
  content: " ";
  display: table;
}
dl:after {
  clear: both;
}
dl:last-child {
  margin-bottom: 0;
}
dl dt,
dl dd {
  font-size: 14px;
  line-height: 20px;
}
dl dt {
  float: left;
  width: 30%;
}
dl dd {
  float: left;
  width: 70%;
  margin: 0;
}
/* Bootstrap Mixins */
/* Libraries */
/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font: 14px Helvetica, Arial;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
  width: 220px; /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  height: 30px; /* Height of the drop down */
  line-height: 30px; /* Vertically positions the drop down text */
  display: block;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  border-radius: 6px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Individual options */
 .selectboxit-option .selectboxit-option-anchor{
  padding: 0 2px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 30px;
  position: absolute;
  right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}

.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  color: #333333;
  background-color: #e6e6e6;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}

.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
  color: #333333;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/* Custom Mixins */
/**
 * Conditions for IE syntax
 */
/* Variables */
/* Fonts */
@font-face {
    font-family: 'roboto';
    src: url('../less/fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot');
    src: url('../less/fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../less/fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
         url('../less/fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../less/fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

	letter-spacing: -0.2px;
	font-weight: 400;
	text-rendering: geometricPrecision;
	font-size: 14px;
}



@font-face {
    font-family: 'roboto';
    src: url('../less/fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot');
    src: url('../less/fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../less/fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'),
         url('../less/fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../less/fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.svg#roboto') format('svg');
    font-weight: normal;
    font-style: normal;

	letter-spacing: -0.2px;
	font-weight: 700;
	text-rendering: geometricPrecision;
	font-size: 14px;
}


@font-face {
	font-family: 'boellhoff';
	src:url('../less/fonts/boellhoff/boellhoff.eot?-dq7kkz');
	src:url('../less/fonts/boellhoff/boellhoff.eot?#iefix-dq7kkz') format('embedded-opentype'),
		url('../less/fonts/boellhoff/boellhoff.ttf?-dq7kkz') format('truetype'),
		url('../less/fonts/boellhoff/boellhoff.woff?-dq7kkz') format('woff'),
		url('../less/fonts/boellhoff/boellhoff.svg?-dq7kkz#boelhoff') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'boellhoff';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-download:before {
	content: "\e600";
}
.icon-arrow_down:before {
	content: "\e601";
}
.icon-arrow_mini:before {
	content: "\e602";
}
.icon-arrow_right:before {
	content: "\e603";
}
.icon-cart:before {
	content: "\e604";
}
.icon-chat:before {
	content: "\e605";
}
.icon-check:before {
	content: "\e606";
}
.icon-clock:before {
	content: "\e607";
}
.icon-close:before {
	content: "\e608";
}
.icon-letter:before {
	content: "\e609";
}
.icon-marker:before {
	content: "\e60a";
}
.icon-mini_close:before {
	content: "\e60b";
}
.icon-minus:before {
	content: "\e60c";
}
.icon-person:before {
	content: "\e60d";
}
.icon-play:before {
	content: "\e60e";
}
.icon-plus:before {
	content: "\e60f";
}
.icon-retweet:before {
	content: "\e610";
}
.icon-search:before {
	content: "\e611";
}
.icon-star:before {
	content: "\e612";
}

/*@import (inline) 'helvetica-neue/style.css';*/
/* Basic Styles */
body {
  font-family: 'Arial', 'roboto' !important;
  color: #707172;
  letter-spacing: -0.2px;
  font-weight: 400;
  font-size: 14px;
}
body * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  color: #0d68b0;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
*.tiny {
  font-size: 12px;
  font-size: 0.75rem;
}
.inner {
  width: 960px;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  .inner {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  .medium-hide {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .small-hide {
    display: none;
  }
}
@media only screen and (max-width: 320px) {
  .xsmall-hide {
    display: none;
  }
}
.lined {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.lined > * {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  margin: 0;
}
.lined > *::after {
  content: " ";
  position: absolute;
  background-color: #0d68b0;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 3px;
}
.lined > *:last-child {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: right;
  margin-left: 10px;
}
.lined > *:last-child::after {
  background-color: #707172;
  height: 1px;
  bottom: -3px;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.subheadline > * {
  white-space: nowrap;
}
.subheadline > *:first-child {
  border-bottom: 3px solid #0d68b0;
  width: 80px;
}
.subheadline > *:last-child {
  border-bottom: 1px solid #D5D5D5;
  margin-left: 90px;
  margin-top: -3px;
}
.line {
  margin-top: 20px;
  position: relative;
  border: 0;
  border-bottom: 1px solid #F7F7F7;
}
.line::before {
  content: " ";
  position: absolute;
  background-color: #0d68b0;
  left: 0;
  top: -1px;
  width: 100px;
  height: 3px;
  border-right: 12px solid transparent;
}
img.margin-bottom {
  margin-bottom: 15px;
}
img.lined {
  border-bottom: 5px solid #0d68b0;
}
hr {
  border: none;
  height: 1px;
  color: #D5D5D5;
  background-color: #D5D5D5;
}
@media screen and (min-width: 1024px) {
  .rwd-break {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .desktop-break {
    display: none;
  }
}
.devlinking {
  padding-bottom: 30px;
}
.devlinking ol,
.devlinking h3 {
  padding-top: 30px;
}
.devlinking a {
  font-weight: 500;
}
@media only screen and (max-width: 1024px) {
  .devlinking {
    padding: 30px;
  }
}
div.itemsclear :nth-child(3n+1) {
  clear: left;
}
.clear-left {
  clear: left;
}
.zero > div:first-child {
  margin-bottom: 85px;
}
.zero.small-module-gap > div:first-child {
  margin-bottom: 55px;
}
.zero .row:before,
.zero .row:after {
  content: " ";
  display: table;
}
.zero .row:after {
  clear: both;
}
.zero .column {
  padding: 0;
  float: left;
}
.zero .grid-1 {
  width: 6.25%;
}
.zero .grid-2 {
  width: 12.5%;
}
.zero .grid-3 {
  width: 18.75%;
}
.zero .grid-4 {
  width: 25%;
}
.zero .grid-5 {
  width: 31.25%;
}
.zero .grid-6 {
  width: 37.5%;
}
.zero .grid-7 {
  width: 43.75%;
}
.zero .grid-8 {
  width: 50%;
}
.zero .grid-9 {
  width: 56.25%;
}
.zero .grid-10 {
  width: 62.5%;
}
.zero .grid-11 {
  width: 68.75%;
}
.zero .grid-12 {
  width: 75%;
}
.zero .grid-13 {
  width: 81.25%;
}
.zero .grid-14 {
  width: 87.5%;
}
.zero .grid-15 {
  width: 93.75%;
}
.zero .grid-16 {
  width: 100%;
}
.twenty .row {
  margin-left: -10px;
  margin-right: -10px;
}
.twenty .row:before,
.twenty .row:after {
  content: " ";
  display: table;
}
.twenty .row:after {
  clear: both;
}
.twenty .row.margin-bottom {
  margin-bottom: 25px;
}
.twenty .row.margin-big-bottom {
  margin-bottom: 55px;
}
.twenty > div:first-child {
  margin-bottom: 85px;
}
.twenty.small-module-gap > div:first-child {
  margin-bottom: 55px;
}
.twenty.dynamic-listing > div:first-child {
  margin-bottom: 60px;
}
.twenty.dynamic-listing.small-module-gap > div:first-child {
  margin-bottom: 35px;
}
.twenty .column {
  padding: 0 10px;
  float: left;
}
.twenty .column.margin-bottom {
  margin-bottom: 50px;
}
.twenty .column .row:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .twenty .column {
    padding: 0 0.75%;
  }
}
@media only screen and (max-width: 768px) {
  .twenty .column {
    padding: 0 0.65%;
  }
}
@media only screen and (max-width: 480px) {
  .twenty .column {
    padding: 0 0.44%;
  }
}
.twenty .grid-1 {
  width: 10.455%;
}
.twenty .grid-2 {
  width: 25.001%;
}
.twenty .grid-3 {
  width: 37.445%;
}
.twenty .grid-4 {
  width: 49.945%;
}
.twenty .grid-5 {
  width: 61.945%;
}
.twenty .grid-6 {
  width: 74.945%;
}
.twenty .grid-7 {
  width: 85.465%;
}
.twenty .grid-8 {
  width: 97.945%;
}
.twenty .column.description {
  padding-right: 5%;
}
@media only screen and (max-width: 768px) {
  .twenty .column.description {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .twenty .row {
    margin-left: 0;
    margin-right: 0;
  }
  .twenty .grid-2 {
    padding-left: 0;
  }
  .twenty .grid-6 .grid-2 {
    margin-right: 2%;
    width: 48%;
  }
}
.twenty .grid-percent-33 {
  width: 33%;
}
.twenty .grid-percent-50 {
  margin-right: 2%;
  width: 48%;
}
.twenty .grid-percent-50:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .twenty .grid-percent-33 {
    margin-right: 2%;
    width: 48%;
  }
  .twenty .grid-percent-33:nth-child(2n) {
    margin-right: 0;
  }
  .twenty .grid-percent-33:nth-child(3n) {
    margin-right: 2%;
  }
}
@media only screen and (max-width: 480px) {
  .twenty .grid-percent-33 {
    width: 100%;
  }
}
/* Elements */
.jspHorizontalBar {
  height: 5px;
  border-radius: 4px;
  background: transparent;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  border-radius: 4px;
}
.jspTrack {
  background: #D5D5D5;
}
.jspDrag {
  background: #0d68b0;
}
.jspVerticalBar {
  display: none;
}
.modalwindow {
  display: none;
}
.modalwindow-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 11;
}
.modalwindow-wrapper .close {
  text-decoration: none;
}
.modalwindow-wrapper .modalwindow {
  border: 1px solid #D5D5D5;
  background: #fff;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -175px;
  margin-left: -250px;
  width: 500px;
  height: 350px;
  -webkit-transition: opacity 0.25s , margin-top 0.25s;
  -o-transition: opacity 0.25s , margin-top 0.25s;
  transition: opacity 0.25s , margin-top 0.25s;
}
.modalwindow-wrapper .modalwindow .close {
  position: absolute;
  right: 20px;
  font-size: 20px;
}
.modalwindow-wrapper.animate .modalwindow {
  opacity: 1;
  filter: alpha(opacity=100);
  margin-top: -195px;
}
.modalwindow-wrapper.animate .modalwindow .modalwindow {
  display: none;
}
@media only screen and (max-width: 768px) {
  .modalwindow-wrapper .modalwindow {
    width: 96%!important;
    left: 2%!important;
    margin-left: 0!important;
  }
  .modalwindow-wrapper .modalwindow iframe {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  body > .modalwindow-wrapper .modalwindow {
    width: 96%!important;
    left: 2%!important;
    margin-left: 0!important;
  }
  body > .modalwindow-wrapper .modalwindow iframe {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  body > .modalwindow-wrapper {
    top: 0 !important;
  }
  body > .modalwindow-wrapper .modalwindow {
    top: 0 !important;
    height: 90% !important;
    width: 70%!important;
    margin-top: 3% !important;
    margin-left: 0 !important;
    left: 50% !important;
    transform: translate(-50%, 0);
  }
  body > .modalwindow-wrapper .modalwindow iframe {
    width: 100% !important;
    height: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  body > .modalwindow-wrapper.animate {
    background: #fff;
    overflow-y: scroll;
  }
  body > .modalwindow-wrapper.animate .modalwindow {
    border: 0;
    top: 10px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
  }
  body > .modalwindow-wrapper.animate .modalwindow:before,
  body > .modalwindow-wrapper.animate .modalwindow:after {
    content: " ";
    display: table;
  }
  body > .modalwindow-wrapper.animate .modalwindow:after {
    clear: both;
  }
  body > .modalwindow-wrapper.animate .modalwindow .close {
    top: 10px;
    right: 10px;
  }
  body > .modalwindow-wrapper.animate .grid-4 {
    width: 100%;
  }
  body > .modalwindow-wrapper.animate .grid-4 img {
    width: 100%;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #0d68b0;
  /*sup {
		top: 12px;
	    line-height: 0;
	    position: relative;
	    vertical-align: top;
	}*/
}
h1.inverted,
h2.inverted,
h3.inverted,
h4.inverted,
h5.inverted,
h6.inverted {
  color: #fff;
}
h1.greyed,
h2.greyed,
h3.greyed,
h4.greyed,
h5.greyed,
h6.greyed {
  color: #707172;
}
h1.underlined,
h2.underlined,
h3.underlined,
h4.underlined,
h5.underlined,
h6.underlined {
  border-bottom: 3px solid #0d68b0;
  padding-bottom: 5px;
}
h1.margin-bottom,
h2.margin-bottom,
h3.margin-bottom,
h4.margin-bottom,
h5.margin-bottom,
h6.margin-bottom {
  margin-bottom: 20px !important;
}
h1.no-margin,
h2.no-margin,
h3.no-margin,
h4.no-margin,
h5.no-margin,
h6.no-margin {
  margin-bottom: 0;
}
h2 sup {
  top: 0.55em;
}
/*h3 {
	sup {
		top: 10px;
	}
}
h4 {
	sup {
		top: 7.5px;
	}
}
h5 {
	sup {
		top: 7.7px;
	}
}
h6 {
	sup {
		top: 5px;
	}
}*/
h1,
h2 {
  margin-bottom: 55px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
}
@media only screen and (max-width: 320px) {
  h1,
  h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
/*h2 {
	margin-top: 30px;
}*/
h4 {
  font-weight: 700;
}
h5 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}
.content-headline,
.row.content-headline,
.intro .content-headline,
.intro .row.content-headline {
  margin-bottom: 0;
}
.content-headline .grid-6,
.row.content-headline .grid-6,
.intro .content-headline .grid-6,
.intro .row.content-headline .grid-6 {
  padding-right: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .content-headline .grid-6,
  .intro .content-headline .grid-6 {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .content-headline h2 {
    margin-bottom: 25px;
  }
}
.button {
  display: inline-block;
  position: relative;
  color: #fff;
  background-color: #0d68b0;
  border-color: transparent;
  border-radius: 3px;
  font-weight: 700;
  -webkit-transition: background-color 500ms;
  -o-transition: background-color 500ms;
  transition: background-color 500ms;
}
.button:focus,
.button.focus {
  color: #fff;
  background-color: #00345e;
  border-color: rgba(0, 0, 0, 0);
}
.button:hover {
  color: #fff;
  background-color: #00345e;
  border-color: rgba(0, 0, 0, 0);
}
.button:active,
.button.active,
.open > .dropdown-toggle.button {
  color: #fff;
  background-color: #00345e;
  border-color: rgba(0, 0, 0, 0);
}
.button:active:hover,
.button.active:hover,
.open > .dropdown-toggle.button:hover,
.button:active:focus,
.button.active:focus,
.open > .dropdown-toggle.button:focus,
.button:active.focus,
.button.active.focus,
.open > .dropdown-toggle.button.focus {
  color: #fff;
  background-color: #00203a;
  border-color: rgba(0, 0, 0, 0);
}
.button:active,
.button.active,
.open > .dropdown-toggle.button {
  background-image: none;
}
.button.disabled,
.button[disabled],
fieldset[disabled] .button,
.button.disabled:hover,
.button[disabled]:hover,
fieldset[disabled] .button:hover,
.button.disabled:focus,
.button[disabled]:focus,
fieldset[disabled] .button:focus,
.button.disabled.focus,
.button[disabled].focus,
fieldset[disabled] .button.focus,
.button.disabled:active,
.button[disabled]:active,
fieldset[disabled] .button:active,
.button.disabled.active,
.button[disabled].active,
fieldset[disabled] .button.active {
  background-color: #0d68b0;
  border-color: transparent;
}
.button .badge {
  color: #0d68b0;
  background-color: #fff;
}
.button > p {
  margin: 0;
}
.button a,
.button span {
  display: inline-block;
  padding: 9.5px 15px 10.5px 15px;
  line-height: 16.8px;
  color: #fff;
}
.button a:focus,
.button span:focus,
.button a:hover,
.button span:hover {
  text-decoration: none;
}
.button[disabled] {
  opacity: 0.8;
}
.button.iconize a,
.button.iconize span {
  padding-right: 50px;
  font-family: 'Arial', 'roboto' !important;
}
.button.iconize a:before,
.button.iconize span:before {
  content: "\e603";
  font-family: 'boellhoff';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  border-left: 1px solid #1677b9;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}
.button i {
  display: none;
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 100%;
  border-left: 1px solid #1677b9;
  font-size: 20px;
  line-height: 33px;
}
.button i:before {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  margin-left: 8px;
}
.button:focus,
.button:hover {
  background-color: #0064b5;
  text-decoration: none;
}
.button:focus i,
.button:hover i {
  border-left: 1px solid #177abe;
}
.button.full {
  display: block;
}
.button.squared {
  border-radius: 0;
}
.button.margin-top {
  margin-top: 20px;
}
.button.margin-bottom {
  margin-top: 20px;
}
.button.small {
  font-size: 9px;
  font-size: 0.5625rem;
  padding: 3px 10px;
}
button.button {
  padding: 0;
}
.arrowbutton {
  position: relative;
  padding: 0;
  display: inline-block;
  height: 30px;
  width: 30px;
  background: #0d68b0;
  border-radius: 3px;
  margin-left: 10px;
  -webkit-transition: background-color 500ms;
  -o-transition: background-color 500ms;
  transition: background-color 500ms;
}
.arrowbutton i {
  position: absolute;
  left: 5px;
  color: #fff;
  line-height: 30px;
  font-size: 20px;
}
.arrowbutton:focus,
.arrowbutton.focus {
  background-color: #0064b5;
}
.arrowbutton:hover {
  background-color: #0064b5;
}
.hide-robot {
  display: none;
}
form label {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14.4px;
  display: block;
  color: #707172;
  margin-bottom: 18px;
}
form label span {
  color: #D5D5D5;
  font-size: 11px;
  font-size: 0.6875rem;
  padding-left: 10px;
}
form input[type=text],
form textarea {
  background: #F7F7F7;
  color: #707172;
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(18, 16, 11, 0.25);
  box-shadow: inset 0px 1px 2px 0px rgba(18, 16, 11, 0.25);
  border: 0;
  border: 2px solid white;
  outline: none;
  padding: 8px 20px 7px 10px;
  margin-left: -2px;
}
form input[type=text]:focus,
form textarea:focus {
  margin-left: 0px;
  border: 1px solid #0d68b0;
  box-shadow: 0 0 8px #5eb7ff;
}
form input[type=text] {
  font-size: 15px;
  height: 40px;
  line-height: 40px;
}
form .multi .row {
  display: inline-block;
}
form .has-error label,
form .has-error .form-error {
  color: #B4052A;
}
form .has-error input[type=text],
form .has-error textarea {
  margin-left: 0px;
  border: 2px solid #B4052A;
  box-shadow: 0 0 8px #fdbbc9;
}
form .has-error .form-error {
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  width: 161px;
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}
form .has-error .form-error:before {
  position: absolute;
  left: -14px;
  content: "\e602";
  font-family: "boellhoff";
}
@media only screen and (max-width: 1024px) {
  form .has-error {
    margin-bottom: 20px;
  }
  form .has-error .has-error {
    margin: 0;
  }
  form .has-error .form-error {
    margin-left: 15px;
    margin-top: -10px;
    margin-bottom: 20px;
    width: 100%;
  }
  form .has-error .form-error:before {
    top: -2px;
    left: -20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.selectboxit-container .selectboxit {
  border-radius: 0;
  background-color: #fff;
  background-image: none;
  background: #F7F7F7;
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(18, 16, 11, 0.25);
  box-shadow: inset 0px 1px 2px 0px rgba(18, 16, 11, 0.25);
  outline: none;
  border: 0;
}
.selectboxit-container .selectboxit .selectboxit-arrow {
  border: 0;
  top: 31%;
  right: 10px;
}
.selectboxit-container .selectboxit .selectboxit-arrow:before {
  color: #0d68b0;
  font-family: 'boellhoff';
  content: "\e601";
}
.selectboxit-container .selectboxit-enabled:hover,
.selectboxit-container .selectboxit-enabled:active,
.selectboxit-container .selectboxit-enabled:focus {
  background: #F7F7F7;
}
.selectboxit-container .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  background: #0d68b0;
}
.boell-input--file {
  position: relative;
  max-width: 468px;
  background: #F7F7F7;
  color: #707172;
  box-shadow: inset 0px 1px 2px 0px rgba(18, 16, 11, 0.25);
  border: 2px solid white;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
}
.boell-input--file.has-error {
  margin-bottom: 70px;
  border-color: #b94a48;
}
.boell-input--file .button {
  flex: 0 0 auto;
}
.boell-input--file > input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.boell-input--file > input.hasvalue ~ i {
  display: block;
}
.boell-input--file > strong {
  font-weight: normal;
  padding: 4px 36px 4px 10px;
  align-self: center;
  text-transform: none;
}
.boell-input--file > i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  font-style: normal;
}
.boell-input--file > i:before {
  content: '✕';
  display: inline-block;
  font-style: normal;
  color: #0d68b0;
}
.boell-input--file .form-error {
  position: absolute !important;
  top: 100% !important;
  margin-top: 20px !important;
}
.boell-input--file .form-error:before {
  transform: rotate(90deg);
}
.twenty figure,
.twenty img {
  width: 100%;
  position: relative;
}
.twenty figure img,
.twenty img img {
  height: auto;
  vertical-align: bottom;
}
.twenty figure.half,
.twenty img.half {
  width: 50%;
}
.twenty figure figcaption,
.twenty img figcaption {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 20px 20px;
  color: #fff;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#80000000', GradientType=0);
}
.twenty figure .infobar .caption h3,
.twenty img .infobar .caption h3,
.twenty figure .infobar .caption h4,
.twenty img .infobar .caption h4 {
  font-weight: 400;
  color: white;
}
.twenty figure .infobar .caption h3,
.twenty img .infobar .caption h3 {
  font-size: 17px;
}
.twenty figure .infobar .caption h4,
.twenty img .infobar .caption h4 {
  font-size: 14px;
}
.collapsible .toggle,
.linked .toggle {
  cursor: pointer;
}
.collapsible .toggle .icon-plus,
.linked .toggle .icon-plus {
  display: inline-block;
}
.collapsible .toggle .icon-minus,
.linked .toggle .icon-minus {
  display: none;
}
.collapsible .icon-plus,
.linked .icon-plus {
  color: #0d68b0;
}
.collapsible i,
.linked i {
  font-size: 18px;
}
.collapsible table td:first-child,
.linked table td:first-child,
.collapsible table th:first-child,
.linked table th:first-child {
  font-weight: 500;
}
.collapsible table td:first-child td:first-child,
.linked table td:first-child td:first-child,
.collapsible table th:first-child td:first-child,
.linked table th:first-child td:first-child,
.collapsible table td:first-child th:first-child,
.linked table td:first-child th:first-child,
.collapsible table th:first-child th:first-child,
.linked table th:first-child th:first-child {
  font-weight: 400;
}
.collapsible.active .toggle .icon-minus,
.linked.active .toggle .icon-minus {
  display: inline-block;
}
.collapsible.active .toggle .icon-plus,
.linked.active .toggle .icon-plus {
  display: none;
}
.collapsible.active table td:first-child,
.linked.active table td:first-child,
.collapsible.active table th:first-child,
.linked.active table th:first-child {
  font-weight: 700;
}
.collapsible.active table td:first-child td:first-child,
.linked.active table td:first-child td:first-child,
.collapsible.active table th:first-child td:first-child,
.linked.active table th:first-child td:first-child,
.collapsible.active table td:first-child th:first-child,
.linked.active table td:first-child th:first-child,
.collapsible.active table th:first-child th:first-child,
.linked.active table th:first-child th:first-child {
  font-weight: 400;
}
.collapsible .content,
.linked .content {
  height: 0;
  overflow: hidden;
}
.collapsible .content > *:last-child,
.linked .content > *:last-child {
  margin-bottom: 30px;
}
/*!
 * WittySparks - (c) Sravan Kumar, freely distributable, can modify as per your needs.
 * WittySparks.com.com
 */
input[type='radio'],
input[type='checkbox'] {
  opacity: 0;
  position: absolute;
  filter: alpha(opacity=0);
  margin: 5px 0 0 5px;
  height: 23px;
}
input[type='radio']:focus + label,
input[type="checkbox"]:focus + label {
  color: #0d68b0;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  background: url('../img/checkbox/sprite.png') top left no-repeat;
  position: relative;
  margin: 0;
  padding: 0 0 0 29px;
  cursor: pointer;
  display: inline-block;
  z-index: 0;
  line-height: 20px;
  margin-bottom: 20px;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  content: "";
  background-color: white;
  width: 23px;
  top: 27px;
  left: 0;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
}
input[type="checkbox"] + label {
  background-position: 0 -96px;
}
input[type="radio"] + label {
  background-position: 0 -288px;
}
input[type='checkbox']:checked + label {
  background-position: 0 0;
  color: #0d68b0;
}
input[type='radio']:checked + label {
  background-position: 0 -192px;
  color: #0d68b0;
}
input[type='checkbox']:disabled + label {
  background-position: 0 -480px;
  color: #0d68b0;
}
input[type='radio']:disabled + label {
  background-position: 0 -672px;
  color: #0d68b0;
}
input[type='checkbox']:disabled:checked + label {
  background-position: 0 -383px;
  color: #0d68b0;
}
input[type='radio']:disabled:checked + label {
  background-position: 0 -577px;
  color: #0d68b0;
}
.category {
  color: #707172;
}
.teasertext,
.text,
.detaillink {
  margin-bottom: 15px;
}
.category {
  line-height: 20px;
  font-size: 10px;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 700;
}
.teasertext {
  line-height: 22px;
  font-weight: 700;
}
.text {
  line-height: 20px;
  font-weight: 200;
}
.upper {
  text-transform: uppercase;
}
/*sup {
	vertical-align: top;
    position: relative;
    top: 9px;
}*/
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.socialicon {
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 10px;
}
.socialicon.youtube {
  background: url("../img/icons/youtube.svg") no-repeat;
}
.socialicon.linkedin {
  background: url("../img/icons/linkedin.svg") no-repeat;
}
.socialicon.xing {
  background: url("../img/icons/xing.svg") no-repeat;
}
.socialicon.instagram {
  background: url("../img/icons/instagram.png") no-repeat;
}
@media only screen and (max-width: 1024px) {
  .iconlist {
    padding: 30px 30px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .iconlist .grid-2 {
    width: 100%;
  }
  .iconlist .grid-6 {
    width: 100%;
  }
  .iconlist .grid-6 .column {
    padding: 0 10px;
    width: 100%;
    margin-bottom: 20px;
  }
  .iconlist .grid-3 {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .iconlist {
    margin-bottom: 0;
  }
  .iconlist .grid-2,
  .iconlist .grid-3 {
    width: 100%;
  }
  .iconlist .grid-6 {
    width: 100%;
  }
  .iconlist .grid-6 .column {
    width: 100%;
  }
}
.iconblock {
  position: relative;
  padding-left: 60px;
  line-height: 20px;
  margin-bottom: 25px;
}
.iconblock i:before {
  content: "";
  position: absolute;
  left: -6px;
  top: 0px;
  width: 40px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.iconblock .icon-document:before {
  background-image: url("../img/icons/document.svg");
  top: 3px;
  height: 40px;
}
.iconblock .icon-cube:before {
  background-image: url("../img/icons/cube.svg");
  top: 2px;
}
.iconblock .icon-lightbulb:before {
  background-image: url("../img/icons/Lightbulb.svg");
  top: 2px;
}
.iconblock .icon-thermometer:before {
  background-image: url("../img/icons/thermometer.svg");
  top: 2px;
}
.iconblock .icon-rectangles:before {
  background-image: url("../img/icons/rectangles.svg");
  height: 45px;
}
.iconblock .icon-circles:before {
  background-image: url("../img/icons/circles.svg");
  height: 40px;
}
.iconblock .icon-cursor-scale-up:before {
  background-image: url("../img/icons/cursor-scale-up.svg");
  top: 2px;
}
.iconblock .icon-eye:before {
  background-image: url("../img/icons/eye.svg");
  top: -3px;
}
.iconblock h5 {
  color: #707172;
}
@media only screen and (max-width: 1024px) {
  .iconblock {
    padding-right: 10px;
  }
  .iconblock i:before {
    width: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .iconblock {
    margin-bottom: 20px;
  }
}
.hide {
  display: none;
}
.show {
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  .show-small {
    display: inline-block;
  }
  .hide-small {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .show-medium {
    display: inline-block;
  }
  .hide-medium {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .show-large {
    display: inline-block;
  }
  .hide-large {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .show-xlarge {
    display: inline-block;
  }
  .hide-xlarge {
    display: none;
  }
}
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
  text-decoration: none;
  color: #707172;
  cursor: default;
  pointer-events: none;
}
@media only screen and (max-width: 480px) {
  a[href^="tel"]:link,
  a[href^="tel"]:visited,
  a[href^="tel"]:hover {
    color: #0d68b0;
    cursor: pointer;
    pointer-events: auto;
  }
}
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}
.mejs__container {
  background: #000;
  box-sizing: border-box;
  font-family: 'Helvetica', Arial, serif;
  position: relative;
  text-align: left;
  text-indent: 0;
  vertical-align: middle;
  height: 100% !important;
}
.mejs__container .videoplayer {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.mejs__container * {
  box-sizing: border-box;
}
/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}
.mejs__fill-container,
.mejs__fill-container .mejs__container {
  height: 100%;
  width: 100%;
}
.mejs__fill-container {
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.mejs__container:focus {
  outline: none;
}
.mejs__iframe-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
}
.mejs__embed,
.mejs__embed body {
  background: #000;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.mejs__fullscreen {
  overflow: hidden !important;
}
.mejs__container-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
  height: 100% !important;
  width: 100% !important;
}
/* Start: LAYERS */
.mejs__background {
  left: 0;
  position: absolute;
  top: 0;
}
.mejs__mediaelement {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.mejs__poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
:root .mejs__poster-img {
  display: none;
}
.mejs__poster-img {
  border: 0;
  padding: 0;
}
.mejs__overlay {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}
.mejs__layer {
  z-index: 1;
}
.mejs__overlay-play {
  cursor: pointer;
}
.mejs__overlay-button {
  background: url('../img/mejs-controls.svg') no-repeat;
  background-position: 0 -39px;
  height: 80px;
  width: 80px;
}
.mejs__overlay:hover > .mejs__overlay-button {
  background-position: -80px -39px;
}
.mejs__overlay-loading {
  height: 80px;
  width: 80px;
}
.mejs__overlay-loading-bg-img {
  -webkit-animation: mejs__loading-spinner 1s linear infinite;
  animation: mejs__loading-spinner 1s linear infinite;
  background: transparent url('../img/mejs-controls.svg') -160px -40px no-repeat;
  display: block;
  height: 80px;
  width: 80px;
  z-index: 1;
}
@-webkit-keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs__controls {
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.mejs__controls:not([style*='display: none']) {
  background: #0d68b0;
}
.mejs__button,
.mejs__time,
.mejs__time-rail {
  font-size: 10px;
  height: 40px;
  line-height: 10px;
  margin: 0;
  width: 32px;
}
.mejs__button > button {
  background: transparent url('../img/mejs-controls.svg');
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin: 10px 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 20px;
}
/* :focus for accessibility */
.mejs__button > button:focus {
  outline: dotted 1px #999;
}
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
  outline: 0;
}
/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs__time {
  box-sizing: content-box;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  overflow: hidden;
  padding: 16px 6px 0;
  text-align: center;
  width: auto;
}
/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs__play > button {
  background-position: 0 0;
}
.mejs__pause > button {
  background-position: -20px 0;
}
.mejs__replay > button {
  background-position: -160px 0;
}
/* End: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs__time-rail {
  direction: ltr;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 40px;
  margin: 0 10px;
  padding-top: 10px;
  position: relative;
}
.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute;
}
.mejs__time-total {
  background: rgba(255, 255, 255, 0.3);
  margin: 5px 0 0;
  width: 100%;
}
.mejs__time-buffering {
  -webkit-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite;
  background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  width: 100%;
}
@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
@keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
.mejs__time-loaded {
  background: rgba(255, 255, 255, 0.3);
}
.mejs__time-current,
.mejs__time-handle-content {
  background: rgba(255, 255, 255, 0.9);
}
.mejs__time-hovered {
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
}
.mejs__time-hovered.negative {
  background: rgba(0, 0, 0, 0.2);
}
.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
  left: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: 0.15s ease-in all;
  transition: 0.15s ease-in all;
  width: 100%;
}
.mejs__time-buffering {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.mejs__time-hovered {
  -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
  transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}
.mejs__time-hovered.no-hover {
  -webkit-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}
.mejs__time-handle,
.mejs__time-handle-content {
  border: 4px solid transparent;
  cursor: pointer;
  left: 0;
  position: absolute;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 11;
}
.mejs__time-handle-content {
  border: 4px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  height: 10px;
  left: -7px;
  top: -4px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  width: 10px;
}
.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mejs__time-float {
  background: #eee;
  border: solid 1px #333;
  bottom: 100%;
  color: #111;
  display: none;
  height: 17px;
  margin-bottom: 9px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
}
.mejs__time-float-current {
  display: block;
  left: 0;
  margin: 2px;
  text-align: center;
  width: 30px;
}
.mejs__time-float-corner {
  border: solid 5px #eee;
  border-color: #eee transparent transparent;
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}
.mejs__long-video .mejs__time-float {
  margin-left: -23px;
  width: 64px;
}
.mejs__long-video .mejs__time-float-current {
  width: 60px;
}
.mejs__broadcast {
  color: #fff;
  height: 10px;
  position: absolute;
  top: 15px;
  width: 100%;
}
/* End: Progress Bar */
/* Start: Fullscreen */
.mejs__fullscreen-button > button {
  background-position: -80px 0;
}
.mejs__unfullscreen > button {
  background-position: -100px 0;
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs__mute > button {
  background-position: -60px 0;
}
.mejs__unmute > button {
  background-position: -40px 0;
}
.mejs__volume-button {
  position: relative;
}
.mejs__volume-button > .mejs__volume-slider {
  -webkit-backface-visibility: hidden;
  background: #0d68b0;
  border-radius: 0;
  bottom: 100%;
  display: none;
  height: 115px;
  left: 50%;
  margin: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 25px;
  z-index: 1;
}
.mejs__volume-button:hover {
  border-radius: 0 0 4px 4px;
}
.mejs__volume-total {
  background: rgba(255, 255, 255, 0.5);
  height: 100px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 8px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2px;
}
.mejs__volume-current {
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}
.mejs__volume-handle {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 1px;
  cursor: ns-resize;
  height: 6px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 16px;
}
.mejs__horizontal-volume-slider {
  display: block;
  height: 36px;
  position: relative;
  vertical-align: middle;
  width: 56px;
}
.mejs__horizontal-volume-total {
  background: rgba(50, 50, 50, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 8px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 16px;
  width: 50px;
}
.mejs__horizontal-volume-current {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.mejs__horizontal-volume-handle {
  display: none;
}
/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs__captions-button,
.mejs__chapters-button {
  position: relative;
}
.mejs__captions-button > button {
  background-position: -140px 0;
}
.mejs__chapters-button > button {
  background-position: -180px 0;
}
.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  border-radius: 0;
  bottom: 100%;
  margin-right: -43px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 50%;
  visibility: visible;
  width: 86px;
}
.mejs__chapters-button > .mejs__chapters-selector {
  margin-right: -55px;
  width: 110px;
}
.mejs__captions-selector-list,
.mejs__chapters-selector-list {
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
  color: #fff;
  cursor: pointer;
  display: block;
  list-style-type: none !important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0;
}
.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
  background-color: #c8c8c8 !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.mejs__captions-selector-input,
.mejs__chapters-selector-input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute;
}
.mejs__captions-selector-label,
.mejs__chapters-selector-label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 10px 0;
  width: 100%;
}
.mejs__captions-selected,
.mejs__chapters-selected {
  color: #21f8f8;
}
.mejs__captions-translations {
  font-size: 10px;
  margin: 0 0 5px;
}
.mejs__captions-layer {
  bottom: 0;
  color: #fff;
  font-size: 16px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
}
.mejs__captions-layer a {
  color: #fff;
  text-decoration: underline;
}
.mejs__captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}
.mejs__captions-position {
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}
.mejs__captions-position-hover {
  bottom: 35px;
}
.mejs__captions-text,
.mejs__captions-text * {
  background: rgba(20, 20, 20, 0.5);
  box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
  padding: 0;
  white-space: pre-wrap;
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
  display: none;
}
/* End: Track (Captions and Chapters) */
/* Start: Error */
.mejs__overlay-error {
  position: relative;
}
.mejs__overlay-error > img {
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.mejs__cannotplay,
.mejs__cannotplay a {
  color: #fff;
  font-size: 0.8em;
}
.mejs__cannotplay {
  position: relative;
}
.mejs__cannotplay p,
.mejs__cannotplay a {
  display: inline-block;
  padding: 0 15px;
  width: 100%;
}
/* End: Error */
/* Modules */
.contactpanel {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 13;
}
.contactpanel .opener {
  position: absolute;
  background: #0d68b0;
  color: white;
  width: 89px;
  height: 37px;
  line-height: 37px;
  left: -63px;
  top: 26px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-align: center;
}
.contactpanel .opener:hover {
  text-decoration: none;
}
.contactpanel .content {
  position: relative;
  z-index: 1;
  padding: 0;
  width: 0;
  height: 360px;
  overflow: hidden;
}
.contactpanel .content .content-wrapper {
  width: 560px;
  display: flex;
}
.contactpanel .content .content-wrapper.single {
  width: 279px;
}
.contactpanel .content ul a i {
  display: inline-block;
}
.contactpanel .content .counterpart,
.contactpanel .content .location {
  float: left;
  width: 280px;
  padding: 20px;
  min-height: 341px;
}
.contactpanel .content .counterpart h5,
.contactpanel .content .location h5 {
  margin: 0;
  margin-bottom: 8px;
  max-height: 33px;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
}
.contactpanel .content .counterpart h5:first-child,
.contactpanel .content .location h5:first-child {
  text-transform: uppercase;
}
.contactpanel .content .counterpart {
  background-color: #F0F1F6;
  color: #707172;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 15px 20px 20px;
}
.contactpanel .content .counterpart .counterpart-wrapper {
  display: flex;
  height: 100%;
}
.contactpanel .content .counterpart h5 {
  margin-bottom: 5px;
}
.contactpanel .content .counterpart .text {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.contactpanel .content .counterpart figure {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.contactpanel .content .counterpart figure,
.contactpanel .content .counterpart img {
  width: 100%;
}
.contactpanel .content .counterpart figcaption {
  position: relative;
  padding: 20px 20px 15px 64px;
  background: #fff;
  margin-top: -3px;
}
.contactpanel .content .counterpart figcaption i {
  position: absolute;
  left: 12px;
  top: 20px;
  color: #0d68b0;
  font-size: 37px;
}
.contactpanel .content .location {
  border: 1px solid #D5D5D5;
  background: white;
}
.contactpanel .content .location .button {
  display: block;
  margin-top: 30px;
}
.contactpanel .content .location .selectboxit-option-anchor {
  font-weight: 300;
}
.contactpanel .content .location .selectboxit-container {
  margin: 0px 0 28px;
}
.contactpanel .content .location .selectboxit-container .selectboxit {
  width: 140px !important;
}
.contactpanel .content .location .selectboxit-container .selectboxit-options {
  width: 100%;
  border-radius: 0px;
}
.contactpanel .content .location .selectboxit-container .selectboxit-options a,
.contactpanel .content .location .selectboxit-container span {
  height: 41px;
  line-height: 41px !important;
}
.contactpanel .content .location .selectboxit-container * {
  font: 14px Arial !important;
}
.contactpanel .content .location .selectboxit-enabled .selectboxit-text {
  position: relative;
  overflow: visible;
  line-height: 41px !important;
}
.contactpanel .content .location .selectboxit-enabled .selectboxit-text:after {
  position: absolute;
  content: " ";
  width: 18px;
  height: 12px;
  top: 14px;
  left: -20px;
}
.contactpanel .content .location .selectboxit-option-icon,
.contactpanel .content .location .selectboxit-enabled .selectboxit-text:after {
  background: url(../img/flags/flags.png) no-repeat;
}
.contactpanel .content .location .selectboxit-option-icon {
  width: 18px;
  height: 12px;
  margin: 0;
  margin-right: 5px;
}
.contactpanel .content .location .selectboxit-option[data-val=de] .selectboxit-option-icon,
.contactpanel .content .location .selectboxit-enabled .selectboxit-text[data-val=de] .selectboxit-option-icon,
.contactpanel .content .location .selectboxit-option[data-val=de]:after,
.contactpanel .content .location .selectboxit-enabled .selectboxit-text[data-val=de]:after {
  background-position: -54px -36px;
}
.contactpanel .content .location .selectboxit-option[data-val=nl] .selectboxit-option-icon,
.contactpanel .content .location .selectboxit-enabled .selectboxit-text[data-val=nl] .selectboxit-option-icon,
.contactpanel .content .location .selectboxit-option[data-val=nl]:after,
.contactpanel .content .location .selectboxit-enabled .selectboxit-text[data-val=nl]:after {
  background-position: -270px -108px;
}
.contactpanel .content .button {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .contactpanel {
    left: 0;
    top: 0;
    position: relative;
  }
  .contactpanel .opener {
    position: relative;
    width: 100%;
    display: none;
    height: auto;
    top: 0;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    text-align: left;
    padding-left: 30px;
    border-radius: 0;
  }
  .contactpanel .opener:after {
    content: "+";
    position: absolute;
    right: 30px;
  }
  .contactpanel .content {
    width: 100%;
    height: 0;
    overflow-y: scroll;
  }
  .contactpanel .content .content-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .contactpanel .content .content-wrapper.single {
    width: 100%;
  }
  .contactpanel .content .content-wrapper.single .location {
    padding-top: 25px;
  }
  .contactpanel .content .counterpart,
  .contactpanel .content .location {
    width: auto;
    padding: 25px;
    min-height: inherit;
  }
  .contactpanel .content .counterpart .counterpart-wrapper {
    background: #fff;
    display: inherit;
    height: inherit;
  }
  .contactpanel .content .counterpart figure {
    align-self: inherit;
  }
  .contactpanel .content .counterpart figure {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .contactpanel .content .counterpart figure > * {
    flex: 0 1 100%;
  }
  .contactpanel .content .counterpart figure > img {
    flex: 0 0 180px;
  }
  .contactpanel .content .counterpart img {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
  }
  .contactpanel .content .counterpart figcaption {
    background: transparent;
    padding: 64px 10px 0px 13px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
  }
  .contactpanel .content .location {
    background-color: #F0F1F6;
    border: 0;
    padding-top: 0;
  }
  .contactpanel .content .location-wrapper {
    border-radius: 2px;
    background-color: #fff;
    padding: 13px;
  }
  .contactpanel .content .location .selectboxit-container {
    width: 100%;
  }
  .contactpanel .content .location .selectboxit-container .selectboxit {
    width: 100% !important;
  }
  .contactpanel .content .location .selectboxit-container .selectboxit-options a,
  .contactpanel .content .location .selectboxit-container span {
    font-size: 13px;
    text-transform: none;
  }
  .contactpanel .content .location .selectboxit-option-icon {
    width: 18px;
    height: 12px;
    margin: 0;
    margin-right: 5px;
  }
  .contactpanel .content .location ul li a:after {
    display: none;
  }
  .contactpanel.active .opener:after {
    content: "-";
  }
}
@media only screen and (max-width: 480px) {
  .contactpanel .content .counterpart .counterpart-wrapper figure {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .contactpanel .content .counterpart figure,
  .contactpanel .content .counterpart img {
    width: auto;
    margin: 0 auto;
  }
  .contactpanel .content .counterpart figcaption {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  body.contactpanel-opened header {
    position: relative;
  }
}
.contactpanel-trigger {
  display: none;
  margin-top: 15px;
  margin-right: 5px;
  font-size: 16px;
  position: relative;
  width: 15px;
}
.contactpanel-trigger i {
  font-weight: 700;
  position: absolute;
  top: 1px;
}
.contactpanel-trigger:hover {
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .contactpanel-trigger {
    display: inline-block;
  }
}
.intro h4 {
  font-size: 16px;
  line-height: 19.2px;
  margin: 5px 0 8px;
}
.intro .teasertext,
.intro .text {
  color: #707172;
  margin-bottom: 15px;
}
.intro .teasertext {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.intro .text {
  font-size: 14px;
  line-height: 20px;
}
.intro .text:last-child {
  margin-bottom: 0;
}
.intro .grid-4,
.intro .grid-5,
.intro .grid-6 {
  padding-right: 10%;
}
.intro .grid-4 .grid-4,
.intro .grid-5 .grid-4,
.intro .grid-6 .grid-4 {
  padding-right: 0;
}
.intro .grid-3 .grid-6:nth-child(2n) {
  padding-right: 0;
}
.intro .row {
  margin-bottom: 33px;
}
.intro .row:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .intro {
    padding: 30px 30px 0 30px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .intro .grid-2,
  .intro .grid-6 {
    width: 50%;
  }
  .intro .grid-3,
  .intro .grid-5 {
    width: 50%;
  }
  .intro .grid-3 .pull-right,
  .intro .grid-5 .pull-right {
    float: none;
  }
  .intro .grid-3 .grid-2,
  .intro .grid-5 .grid-2 {
    width: 15%;
  }
  .intro .grid-3 .grid-6,
  .intro .grid-5 .grid-6 {
    width: 80%;
  }
}
@media only screen and (max-width: 480px) {
  .intro .grid-2,
  .intro .grid-6 {
    width: 100%;
    margin-bottom: 20px;
  }
  .intro .grid-2:last-child,
  .intro .grid-6:last-child {
    margin-bottom: 20px;
  }
  .intro .grid-4 {
    width: 100%;
  }
  .intro .grid-3,
  .intro .grid-5 {
    width: 100%;
  }
}
section.teaser h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 19.2px;
  margin: 5px 0 8px;
}
section.teaser h4 sup {
  top: 0.7em;
}
section.teaser .text {
  height: 120px;
  overflow: hidden;
  margin-bottom: 5px;
}
section.teaser .filter h4 {
  color: #707172;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
}
section.teaser .filter ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 40px;
}
section.teaser .filter ul li {
  position: relative;
  cursor: pointer;
}
section.teaser .filter ul li a {
  color: #707172;
  display: inline-block;
  line-height: 25px;
  vertical-align: top;
}
section.teaser .filter ul li i {
  display: none;
  color: #0d68b0;
  font-size: 20px;
  vertical-align: top;
  line-height: 26px;
  margin-left: 5px;
}
section.teaser .filter ul li.active {
  font-weight: 700;
}
section.teaser .filter ul li.active a {
  color: #0d68b0;
}
section.teaser .filter ul li.active i {
  display: inline-block;
}
section.teaser .filter ul.show-more .show-less {
  max-height: auto;
}
section.teaser .filter ul.show-more .show-more-trigger {
  display: none;
}
section.teaser .filter ul.show-less .show-more {
  max-height: 0;
  overflow: hidden;
}
section.teaser .filter ul.show-less .show-less-trigger {
  display: none;
}
section.teaser .category {
  color: #707172;
}
section.teaser .detaillink {
  margin-bottom: 0;
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 19.2px;
  font-weight: 700;
  visibility: hidden;
}
section.teaser .text.is-truncated + .detaillink {
  visibility: visible;
}
section.teaser .text + .detaillink.force-show {
  visibility: visible;
}
section.teaser .overflow {
  position: relative;
}
section.teaser .content {
  overflow: hidden;
}
section.teaser .content .button {
  margin-top: 15px;
}
section.teaser .modalwindow-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
section.teaser .modalwindow-wrapper .modalwindow {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  margin-left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0 0 0 10px;
  background: white;
}
section.teaser .modalwindow-wrapper .modalwindow > .row {
  background: white;
  padding-bottom: 20px;
}
section.teaser .modalwindow-wrapper .modalwindow .close {
  top: 0;
}
section.teaser .modalwindow-wrapper .modalwindow .grid-4 {
  width: 47.945%;
}
@media only screen and (max-width: 1024px) {
  section.teaser {
    padding: 30px;
  }
  section.teaser .overflow .modalwindow-wrapper {
    left: -1px;
  }
}
@media only screen and (max-width: 768px) {
  section.teaser h4 {
    min-height: 60px;
  }
  section.teaser .description {
    width: 33%;
  }
  section.teaser .overflow {
    width: 66%;
  }
  section.teaser .overflow .column {
    margin-bottom: 20px;
    padding: 0;
  }
  section.teaser .overflow .column:nth-child(2n) {
    margin-right: 0;
  }
  section.teaser .modalwindow-wrapper .modalwindow {
    left: 0% !important;
    right: 0% !important;
    width: 100% !important;
  }
  section.teaser .modalwindow-wrapper .modalwindow .grid-4 {
    width: 100%;
  }
  section.teaser .modalwindow-wrapper .modalwindow .close {
    top: 10px;
    right: 10px;
  }
}
@media only screen and (max-width: 480px) {
  section.teaser {
    padding: 30px 0 0px 30px;
    margin-bottom: 20px;
  }
  section.teaser .description {
    width: 100%;
  }
  section.teaser .overflow {
    overflow-x: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    width: 100%;
  }
  section.teaser .overflow::-webkit-scrollbar {
    width: 0 !important;
  }
  section.teaser .overflow .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: 0;
  }
  section.teaser .overflow .row .column {
    -ms-flex: 1 0 190px;
    -webkit-flex: 1 0 190px;
    flex: 1 0 190px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 20px;
  }
}
.teaser .column > a:hover {
  text-decoration: none;
}
.teaser figure,
.teaser img {
  width: 100%;
}
.teaser figure {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 3px solid #0d68b0;
}
.teaser .column article figure a {
  pointer-events: none;
}
.teaser .column article.truncated figure a {
  pointer-events: auto;
}
.detailtext h4 {
  font-size: 16px;
  font-size: 1rem;
}
.detailtext li {
  margin-bottom: 5px;
}
.detailtext .padding-top {
  padding-top: 34px;
}
@media only screen and (max-width: 1024px) {
  .detailtext {
    padding: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .detailtext .column {
    width: 100%;
    margin-bottom: 20px;
  }
  .detailtext .column.padding-top {
    padding-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  .detailtext .column {
    width: 100%;
  }
}
.detailtext .media-item {
  position: relative;
}
.detailtext .media-item > * {
  color: #707172;
}
.detailtext .media-item .video-wrapper {
  position: absolute;
  top: 0;
  bottom: 101px;
  left: 0;
  right: 0;
}
.detailtext .media-item .video-wrapper iframe {
  width: 100%;
  height: 100%;
}
.detailtext .media-item .infobar {
  position: relative;
  bottom: 0;
  padding: 0 20px 0 20px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0;
  margin-top: 20px;
  border-top: 1px solid #D5D5D5;
}
.detailtext .media-item .infobar .play {
  border: 1px solid rgba(112, 113, 114, 0.5);
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin-right: 20px;
}
.detailtext .media-item .infobar .caption {
  width: 100%;
}
.detailtext .media-item .infobar .caption h3 {
  font-size: 17px;
  font-weight: 400;
  color: #707172;
  /*sup {
                        top: 9px;
                    }*/
}
.detailtext .media-item .infobar .caption h4 {
  font-size: 14px;
  font-weight: 400;
  color: #707172;
  /*sup {
                        top: 7px;
                    }*/
}
.detailtext .media-item .infobar .time {
  font-size: 14px;
  padding-top: 24px;
}
.detailtext .media-item .infobar .time i {
  margin-right: 5px;
}
.detailtext .media-item.video {
  cursor: pointer;
}
.detailtext .media-item.video > .play,
.detailtext .media-item.video .preview > .play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -50px;
  border: 1px solid #0d68b0;
  color: #0d68b0;
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 100px;
  text-align: center;
}
.detailtext .media-item.video > .play *,
.detailtext .media-item.video .preview > .play * {
  color: #0d68b0;
}
.detailtext .media-item.video > .play.blue,
.detailtext .media-item.video .preview > .play.blue {
  border: 1px solid #0d68b0;
}
.detailtext .media-item.video > .play.blue *,
.detailtext .media-item.video .preview > .play.blue * {
  color: #0d68b0;
}
.detailtext .media-item.video > .play.white,
.detailtext .media-item.video .preview > .play.white {
  border: 1px solid #fff;
}
.detailtext .media-item.video > .play.white *,
.detailtext .media-item.video .preview > .play.white * {
  color: #fff;
}
.detailtext .media-item.video .preview {
  position: relative;
}
.detailtext .media-item.video .preview > .play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0;
  margin-left: 0;
  transform: translateX(-50%) translateY(-50%);
}
.detailtext .media-item.video .infobar .caption {
  width: 77%;
}
.detailtext .media-item img {
  vertical-align: bottom;
}
@media only screen and (max-width: 768px) {
  .detailtext .media-item.video .preview {
    position: relative;
  }
  .detailtext .media-item.video .preview > .play {
    line-height: 80px;
    font-size: 80px;
    width: 80px;
    height: 80px;
  }
  .detailtext .media-item .video-wrapper {
    bottom: 117px;
  }
}
@media only screen and (max-width: 480px) {
  .detailtext .media-item.video .preview {
    position: relative;
  }
  .detailtext .media-item.video .preview > .play {
    line-height: 60px;
    font-size: 60px;
    width: 60px;
    height: 60px;
  }
}
.detailtext .grid-2:not(.padding-top) > article > .media-item {
  margin-top: 5px;
}
.form form input[type=text],
.form form textarea,
.form form input[type="radio"] + label,
.form form input[type="checkbox"] + label {
  width: 468px;
  margin-bottom: 30px;
}
.form form input[type="radio"] + label,
.form form input[type="checkbox"] + label {
  text-transform: initial;
  font-size: 14px;
  font-size: 0.875rem;
}
.form form .selectboxit-container {
  margin-bottom: 30px;
}
.form form .selectboxit-container .selectboxit {
  width: 465px;
}
.form form .selectboxit-container .selectboxit-options {
  border-radius: 0;
}
.form form .selectboxit-container span,
.form form .selectboxit-container .selectboxit-option-anchor {
  line-height: 40px !important;
  height: 41px;
}
.form form .selectboxit-container * {
  font: 14px Arial !important;
}
.form form textarea {
  min-height: 200px;
}
.form form .row:not(.global-form) {
  margin: 0;
}
.form form .row:not(.global-form) .column {
  padding: 0;
}
.form form .row:not(.global-form) .column input[type=text],
.form form .row:not(.global-form) .column textarea,
.form form .row:not(.global-form) .column input[type="radio"] + label,
.form form .row:not(.global-form) .column input[type="checkbox"] + label {
  width: 100%;
}
.form form .row:not(.global-form) .grid-1 {
  width: 100px;
}
.form form .row:not(.global-form) .grid-4 {
  margin-left: 20px;
  width: 348px;
}
@media only screen and (max-width: 1024px) {
  .form {
    padding: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .form form input[type=text],
  .form form textarea,
  .form form input[type="radio"] + label,
  .form form input[type="checkbox"] + label {
    width: 100%;
  }
  .form form .selectboxit-container {
    width: 100%;
  }
  .form form .selectboxit-container .selectboxit {
    width: 99.5%;
  }
  .form form .row:not(.global-form) {
    margin: 0;
    width: 100%;
  }
  .form form .row:not(.global-form) .column {
    padding: 0;
  }
  .form form .row:not(.global-form) .column input[type=text],
  .form form .row:not(.global-form) .column textarea {
    width: 100%;
  }
  .form form .row:not(.global-form) .grid-1 {
    width: 34.0%;
  }
  .form form .row:not(.global-form) .grid-4 {
    margin-left: 3%;
    width: 63.0%;
  }
}
@media only screen and (max-width: 480px) {
  .form .column {
    padding: 0;
  }
  .form .description {
    width: 100%;
  }
  .form .grid-6 {
    width: 100%;
  }
  .form form input[type=text],
  .form form textarea {
    width: 100%;
  }
  .form form input[type="radio"] + label,
  .form form input[type="checkbox"] + label {
    width: 97%;
  }
  .form form .selectboxit-container {
    width: 100%;
  }
  .form form .selectboxit-container .selectboxit {
    width: 99.5%;
  }
}
.topbar {
  background: #F7F7F7;
  padding: 5px 0 8px;
  font-weight: 700;
}
.topbar a {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  text-transform: uppercase;
}
.topbar .inner {
  position: relative;
}
.topbar .toplinks {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  margin-right: 170px;
}
.topbar .toplinks li {
  padding: 0 10px;
}
.topbar .toplinks li a {
  color: #707172;
}
.topbar .languageselect,
.topbar .countryselect {
  position: absolute;
  right: 20px;
  top: 6px;
  margin-right: 10px;
  z-index: 4;
  font-size: 7px;
  font-size: 0.4375rem;
}
.topbar .languageselect .opener,
.topbar .countryselect .opener {
  color: #0d68b0;
  position: relative;
}
.topbar .languageselect .opener i,
.topbar .countryselect .opener i {
  position: absolute;
  right: -24px;
  top: -4px;
  font-size: 20px;
}
.topbar .languageselect ul,
.topbar .countryselect ul {
  position: absolute;
  right: -27px;
  top: 21px;
  z-index: 1;
  padding: 0;
  list-style-type: none;
  height: 0;
  overflow: hidden;
}
.topbar .languageselect ul a,
.topbar .countryselect ul a {
  background: #F7F7F7;
  color: #707172;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
  padding: 8px 20px 8px 15px;
  display: block;
}
.topbar .languageselect ul a:hover,
.topbar .countryselect ul a:hover {
  background: #0d68b0;
  color: #fff;
}
.topbar .countryselect {
  right: 65px;
}
@media only screen and (max-width: 768px) {
  .topbar {
    display: none;
  }
}
.news:not(.intro) .content {
  min-height: 100px;
}
@media only screen and (max-width: 1024px) {
  .news:not(.intro) {
    padding: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .news:not(.intro) .grid-2,
  .news:not(.intro) .grid-6 {
    width: 100%;
    padding: 0;
  }
}
.social.news .youtube figure {
  border-bottom: 3px solid #B4052A;
}
.social.news .twitter {
  border-top: 3px solid #1677b9;
  padding-top: 15px;
}
.social.news .twitter .content {
  min-height: 175px;
}
.social.news .title {
  margin-bottom: 10px;
}
.social.news .title img {
  width: 26px;
  height: auto;
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}
.social.news .infobar {
  position: relative;
  margin: 0;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 23px;
  font-weight: 500;
}
.social.news .infobar .tools {
  position: absolute;
  right: 0;
}
.social.news .infobar .tools span {
  display: inline-block;
  padding-left: 27px;
  text-align: right;
  position: relative;
  margin-right: 10px;
}
.social.news .infobar .tools span i {
  position: absolute;
  color: #1677b9;
  font-size: 25px;
  left: 0;
  top: -1px;
}
.social.news .teaser .column {
  min-height: 250px;
}
@media only screen and (max-width: 768px) {
  .social.news .teaser .column {
    min-height: 320px;
  }
}
@media only screen and (max-width: 480px) {
  .social.news .teaser .column {
    min-height: 0;
  }
  .social.news .teaser .column .twitter,
  .social.news .teaser .column .youtube {
    min-height: 0;
  }
  .social.news .teaser .column .twitter .content,
  .social.news .teaser .column .youtube .content {
    min-height: 0;
    margin-bottom: 50px;
  }
}
.news.intro h5 {
  color: #707172;
  margin-bottom: 2px;
}
.news.intro .icon-letter {
  font-size: 35px;
}
.news.intro .grid-2 .grid-2 a {
  text-decoration: none;
}
.news.intro .rwd-break {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .news.intro .rwd-break {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .news.intro .grid-2 {
    padding: 0;
  }
  .news.intro .grid-2 .grid-2 {
    width: 18%;
  }
  .news.intro .grid-2 .grid-6 {
    width: 25%;
  }
}
.newsstart {
  margin-top: 30px;
  /*@media only screen and (max-width: unit((@screen-small - 130), px)) {
		.mobile-side-by-side {
			article {
				&.small {
					min-height: 320px;
				}
			}
		}
	}*/
}
.newsstart article {
  position: relative;
  padding: 20px;
  padding-bottom: 35px;
  margin-right: 1px;
  overflow: hidden;
}
.newsstart article > * {
  position: relative;
}
.newsstart article .background-image {
  position: absolute;
  left: 50%;
  top: 16%;
  max-width: 50%;
}
.newsstart article .button:hover {
  text-decoration: underline;
}
.newsstart article .button.full {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  border-top: 1px solid #f5f5f5;
  padding-left: 20px;
}
.newsstart article .button.full a {
  color: #707172;
}
.newsstart article .button.full a:before {
  border-left: 0;
}
.newsstart article .button.full i {
  border: 0;
}
.newsstart article h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 25px;
  margin: 0;
  margin-top: 3px;
  margin-bottom: 10px;
}
.newsstart article .category {
  font-size: 12px;
  font-size: 0.75rem;
}
.newsstart article.titlepadding .background-image {
  top: 5%;
}
.newsstart article.titlepadding .category {
  margin-top: 20%;
}
.newsstart article.titlepadding p,
.newsstart article.titlepadding h2 {
  padding-right: 30%;
}
.newsstart article.textpadding h2 {
  padding-right: 32%;
}
.newsstart article.textpadding p {
  padding-right: 50%;
}
.newsstart article.large {
  background-color: #f5f5f5;
  height: 380px;
}
.newsstart article.large .button.full {
  border-top: 1px solid #ececec;
  background-color: #f5f5f5;
}
.newsstart article.small {
  height: 250px;
  border: 1px solid #f5f5f5;
}
.newsstart article.small img {
  top: 50%;
  left: auto;
  right: 2%;
  max-height: 60%;
  transform: translateY(-60%);
}
.newsstart article.small h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
}
.newsstart article.small .button.full {
  background-color: #fff;
}
.newsstart article .text {
  max-height: 80px;
  overflow: hidden;
}
.newsstart article.large .text {
  max-height: 160px;
}
@media only screen and (max-width: 1024px) {
  .newsstart {
    padding: 30px;
  }
  .newsstart article .background-image {
    left: 50%;
    max-width: 50%;
    top: 30%;
  }
  .newsstart article .category {
    font-size: 10px;
    font-size: 0.625rem;
  }
  .newsstart article h2,
  .newsstart article.small h1 {
    font-size: 16px;
    font-size: 1rem;
  }
  .newsstart article p {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 768px) {
  .newsstart {
    padding: 30px;
  }
  .newsstart .grid-8 {
    width: 100%;
  }
  .newsstart .grid-8 .grid-8 {
    width: 50%;
  }
  .newsstart .grid-8 article:last-child {
    border-bottom: 0;
  }
  .newsstart article {
    padding-left: 12px;
    padding-top: 12px;
  }
  .newsstart article .background-image {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .newsstart article.titlepadding .background-image {
    top: 50%;
    max-height: 79%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    left: auto;
  }
  .newsstart article.textpadding .background-image {
    top: 45%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .newsstart article .category {
    font-size: 10px;
    font-size: 0.625rem;
  }
  .newsstart article h2 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    max-width: 85%;
  }
  .newsstart article p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
  }
  .newsstart article.large,
  .newsstart article.small {
    height: auto;
  }
  .newsstart article.small h2 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
  }
  .newsstart article.small {
    min-height: 190px;
  }
  .newsstart article.small .background-image {
    top: 41%;
    max-height: 80%;
  }
  .newsstart article.large {
    min-height: 350px;
  }
  .newsstart article .button.full {
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 12px;
  }
}
@media only screen and (max-width: 618px) {
  .newsstart article.small {
    min-height: 240px;
  }
  .newsstart article.large {
    min-height: 350px;
  }
}
@media only screen and (max-width: 480px) {
  .newsstart {
    /*.mobile-side-by-side {
			article {
				&.small {
					min-height: 265px;
				}
			}
		}*/
  }
  .newsstart article .background-image {
    display: none;
  }
  .newsstart article.textpadding .background-image {
    top: 60%;
  }
  .newsstart article.textpadding p {
    padding-right: 5px;
  }
  .newsstart article.titlepadding .category {
    margin-top: 0;
  }
  .newsstart article.titlepadding p {
    padding-right: 0;
  }
  .newsstart article.small {
    min-height: inherit;
  }
  .newsstart article.small h2 {
    padding-right: 5px;
  }
  .newsstart article.large {
    min-height: inherit;
  }
}
@media only screen and (max-width: 320px) {
  .newsstart .grid-8 .grid-8 {
    width: 100%;
  }
  .newsstart article .background-image {
    display: none;
  }
  .newsstart article.titlepadding .category {
    margin-top: 0;
  }
  .newsstart article.titlepadding p,
  .newsstart article.titlepadding h2 {
    padding-right: 0;
  }
  .newsstart article.textpadding p,
  .newsstart article.textpadding h2 {
    padding-right: 0;
  }
  .newsstart article.small,
  .newsstart article.large {
    min-height: inherit;
  }
  .newsstart .mobile-side-by-side article.small {
    min-height: inherit;
  }
}
.downloads {
  margin-bottom: 60px;
}
.downloads table {
  width: 100%;
}
.downloads table td,
.downloads table th {
  text-align: center;
  padding: 10px 20px;
  border-bottom: 1px solid #D5D5D5;
  color: #707172;
  vertical-align: top;
}
.downloads table td:first-child,
.downloads table th:first-child {
  text-align: left;
  font-weight: 700;
}
.downloads table th {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14.4px;
  font-weight: 700;
  color: #707172;
  text-transform: uppercase;
}
.downloads table td {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
}
.downloads table td.action a {
  display: block;
  padding: 3px;
}
.downloads table i {
  font-size: 16px;
}
.downloads table .mobile-only {
  display: none;
}
.downloads table + p {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 1024px) {
  .downloads {
    padding: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .downloads table thead {
    display: none;
  }
  .downloads table tbody {
    border-top: 1px solid #D5D5D5;
  }
  .downloads table tbody tbody {
    border-top: 0;
  }
  .downloads table tbody td,
  .downloads table tbody th {
    display: none;
    padding: 10px 10px;
  }
  .downloads table tbody td.title,
  .downloads table tbody th.title,
  .downloads table tbody td.action,
  .downloads table tbody th.action {
    display: table-cell;
  }
  .downloads table .mobile-only {
    display: table;
  }
  .downloads table .mobile-only tbody td,
  .downloads table .mobile-only tbody th {
    display: table-cell;
    padding: 0;
    font-weight: 300;
    border-bottom: 0;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 480px) {
  .downloads .column {
    width: 100%;
    padding: 0;
  }
  .downloads table {
    margin-top: 20px;
  }
  .downloads table table {
    margin-top: 0;
  }
  .downloads table td,
  .downloads table th {
    padding: 10px 0px;
  }
}
.searchcontent .filter h4 {
  color: #707172;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
}
.searchcontent .filter ul {
  list-style-type: none;
  padding: 0;
}
.searchcontent .filter ul li {
  position: relative;
  cursor: pointer;
}
.searchcontent .filter ul li a {
  color: #707172;
  display: inline-block;
  line-height: 25px;
  vertical-align: top;
}
.searchcontent .filter ul li a.active {
  font-weight: 700;
}
.searchcontent .filter ul li a.active a {
  color: #0d68b0;
}
.searchcontent .filter ul li a.active i {
  display: inline-block;
}
.searchcontent .filter ul li i {
  display: none;
  color: #0d68b0;
  font-size: 20px;
  vertical-align: top;
  line-height: 26px;
  margin-left: 5px;
}
.searchcontent .filter ul li.active {
  font-weight: 700;
}
.searchcontent .filter ul li.active a {
  color: #0d68b0;
}
.searchcontent .filter ul li.active i {
  display: inline-block;
}
.searchcontent .results h3 {
  color: #707172;
  margin-bottom: 18px;
}
.searchcontent .result-list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #D5D5D5;
}
.searchcontent .result-list li {
  margin-bottom: 30px;
}
.searchcontent .result-list li h4 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}
.searchcontent .result-list li .targetlink {
  color: #1677b9;
  word-wrap: break-word;
}
.searchcontent .result-pager {
  border-top: 1px solid #D5D5D5;
  position: relative;
  font-weight: bold;
  height: 20px;
  padding-top: 10px;
}
.searchcontent .result-pager ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.searchcontent .result-pager ul li {
  float: left;
  padding-right: 20px;
}
.searchcontent .result-pager ul li a {
  font-size: 12px;
  font-size: 0.75rem;
  color: #707172;
}
.searchcontent .result-pager ul li.active a {
  color: #0d68b0;
}
.searchcontent .result-pager .page-prev,
.searchcontent .result-pager .page-next {
  position: absolute;
  right: 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.searchcontent .result-pager .page-prev:hover,
.searchcontent .result-pager .page-next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.searchcontent .result-pager .page-prev {
  right: 8px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media only screen and (max-width: 1024px) {
  .searchcontent {
    padding: 30px;
  }
  .searchcontent .filter ul li i {
    right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .searchcontent .column {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .searchcontent {
    padding: 30px 0 30px 30px;
  }
  .searchcontent .grid-2,
  .searchcontent .grid-6 {
    width: 100%;
    padding: 0;
  }
  .searchcontent .results h3 {
    margin-top: 30px;
  }
  .searchcontent .teaser {
    overflow-x: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    width: 100%;
  }
  .searchcontent .teaser::-webkit-scrollbar {
    width: 0 !important;
  }
  .searchcontent .teaser .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .searchcontent .teaser .row .column {
    -ms-flex: 1 0 190px;
    -webkit-flex: 1 0 190px;
    flex: 1 0 190px;
    padding-right: 20px;
    margin-right: 0;
  }
  .searchcontent .result-list {
    margin-right: 30px;
  }
  .searchcontent .result-pager {
    margin-right: 30px;
  }
}
.searchFacetsChildren {
  margin-left: 20px;
}
.location .filter h4 {
  color: #707172;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
}
.location .filter ul {
  list-style-type: none;
  padding: 0;
}
.location .filter ul li {
  position: relative;
  cursor: pointer;
}
.location .filter ul li a {
  color: #707172;
  display: inline-block;
  line-height: 25px;
  vertical-align: top;
}
.location .filter ul li i {
  display: none;
  color: #0d68b0;
  font-size: 20px;
  vertical-align: top;
  line-height: 26px;
  margin-left: 5px;
}
.location .filter ul li.active {
  font-weight: 700;
}
.location .filter ul li.active a {
  color: #0d68b0;
}
.location .filter ul li.active i {
  display: inline-block;
}
.location table {
  width: 100%;
  table-layout: fixed;
}
.location table td,
.location table th {
  text-align: left;
  width: 13%;
  padding: 10px 0px;
  color: #707172;
}
.location table td:first-child,
.location table th:first-child {
  width: 20%;
  padding-left: 20px;
}
.location table td:last-child,
.location table th:last-child {
  width: 5%;
  text-align: center;
}
.location table th {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14.4px;
  font-weight: 700;
  text-transform: uppercase;
}
.location table td {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
}
.location .collapsible > table td {
  border-top: 1px solid #D5D5D5;
}
.location .collapsible > table td:first-child {
  border-left: 1px solid #fff;
}
.location .collapsible > table td:last-child {
  border-right: 1px solid #fff;
}
.location .collapsible .content-wrapper {
  background: #F7F7F7;
}
.location .collapsible.active > table td:first-child {
  border-left: 1px solid #D5D5D5;
}
.location .collapsible.active > table td:last-child {
  border-right: 1px solid #D5D5D5;
}
.location .collapsible.active .content-wrapper,
.location .collapsible.active table {
  border: 1px solid #D5D5D5;
}
.location .collapsible.active .content-wrapper {
  border-top: 0;
  border-bottom: 0;
}
.location .collapsible .button.full {
  margin-top: 1px;
  margin-left: -1px;
  margin-right: -1px;
  padding: 14.5px 65px 13.5px 15px;
}
.location .collapsible .button.full:first-child {
  margin-top: 0;
}
.location .content-wrapper {
  padding: 20px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.location .content-wrapper:before,
.location .content-wrapper:after {
  content: " ";
  display: table;
}
.location .content-wrapper:after {
  clear: both;
}
.location .content-wrapper h3 {
  margin-top: 5px;
}
.location .content-wrapper dl {
  min-height: 94px;
}
.location .content-wrapper dl dt {
  width: 40%;
  font-weight: bold;
}
.location .content-wrapper dl dd {
  width: 60%;
}
.location .content-wrapper dl:after {
  clear: none;
}
.location .map {
  width: 260px;
  height: 180px;
  border: 1px solid #D5D5D5;
}
@media only screen and (max-width: 1024px) {
  .location {
    padding: 30px;
  }
  .location table td,
  .location table th {
    width: 33%;
  }
  .location table td:first-child,
  .location table th:first-child {
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {
  .location .map {
    width: 100%;
    height: auto;
  }
  .location .content-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .location .content-wrapper > div {
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;
  }
  .location .content-wrapper dl dt {
    width: 49%;
  }
  .location .content-wrapper dl dd {
    width: 50%;
  }
  .location .content-wrapper dl:after {
    clear: none;
  }
  .location .content-wrapper .pull-right {
    float: none;
  }
  .location .content-wrapper .grid-percent-50 {
    width: 100%;
  }
  .location .content-wrapper .grid-percent-50:last-child {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .location .content-wrapper .grid-percent-50:last-child > * {
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;
  }
}
@media only screen and (max-width: 480px) {
  .location .column {
    width: 100%;
    padding: 0;
  }
  .location .filter {
    margin-bottom: 30px;
  }
  .location table td,
  .location table th {
    width: 33%;
  }
  .location table td:first-child,
  .location table th:first-child {
    padding-left: 10px;
  }
}
.faq {
  margin-bottom: 30px;
}
.faq .collapsible .content .more {
  border: 1px solid #D5D5D5;
  border-top: 0;
  padding: 10px 20px;
}
.faq .collapsible .content .more * {
  vertical-align: bottom;
}
.faq .collapsible .content .more .button {
  margin-left: 10px;
}
.faq .collapsible .content-wrapper {
  padding: 20px 20px 10px 20px;
  background: #F7F7F7;
}
.faq .collapsible .content-wrapper img {
  border: 1px solid #D5D5D5;
  margin-bottom: 20px;
  vertical-align: bottom;
}
.faq .collapsible table {
  border-top: 1px solid #D5D5D5;
  table-layout: fixed;
}
.faq .collapsible .content-wrapper,
.faq .collapsible table {
  overflow: auto;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.faq .collapsible.active .content-wrapper,
.faq .collapsible.active table {
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}
.faq .collapsible.active .content-wrapper {
  border-bottom: 1px solid #D5D5D5;
}
.faq .collapsible.active table td:first-child,
.faq .collapsible.active table th:first-child {
  font-weight: 700;
}
.faq .collapsible.active table td:first-child td:first-child,
.faq .collapsible.active table th:first-child td:first-child {
  font-weight: 400;
}
.faq table {
  table-layout: fixed;
  width: 100%;
}
.faq table td,
.faq table th {
  text-align: left;
  width: 13%;
  padding: 10px 0px;
  color: #707172;
}
.faq table td:first-child,
.faq table th:first-child {
  width: 90%;
  font-weight: 500;
  padding-left: 20px;
}
.faq table td:last-child,
.faq table th:last-child {
  width: 10%;
  text-align: right;
  padding-right: 17px;
}
.faq table th {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14.4px;
  font-weight: 700;
  text-transform: uppercase;
}
.faq table th:first-child {
  font-weight: 700;
}
.faq table td {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
}
.faq .mobile-only {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .faq {
    padding: 30px;
  }
  .faq .filter ul li i {
    right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .faq .grid-2,
  .faq .grid-6 {
    width: 100%;
  }
  .faq table td,
  .faq table th {
    display: none;
    vertical-align: top;
  }
  .faq table td:first-child,
  .faq table th:first-child,
  .faq table td:last-child,
  .faq table th:last-child {
    display: table-cell;
    padding-top: 10px;
  }
  .faq table.mobile-only {
    display: table;
    border: 0;
    border-bottom: 0 !important;
  }
  .faq table.mobile-only tr {
    display: table-row;
  }
  .faq table.mobile-only tr td,
  .faq table.mobile-only tr th {
    border: 0;
    padding: 0;
    display: table-cell;
    font-weight: normal;
    text-align: left;
  }
  .faq .collapsible.active table.mobile-only {
    border-left: 0;
    border-right: 0;
  }
}
@media only screen and (max-width: 480px) {
  .faq table {
    display: none;
  }
  .faq table td:first-child,
  .faq table th:first-child,
  .faq table td:last-child,
  .faq table th:last-child {
    padding: 15px 0px;
  }
  .faq .description {
    margin-bottom: 20px;
  }
  .faq .column {
    width: 100%;
    padding: 0;
  }
  .faq .collapsible table {
    display: table;
    border-bottom: 0 !important;
  }
  .faq .collapsible.active table {
    border-left: 0;
    border-right: 0;
  }
  .faq .collapsible.active .content-wrapper {
    background: transparent;
    border: 0;
  }
  .faq .collapsible .content .more {
    border: 0;
    padding: 10px 0;
  }
  .faq .collapsible .content-wrapper {
    background: transparent;
    border: 0;
    padding: 0;
    margin-right: 0;
  }
}
.asktom {
  margin-bottom: 30px;
}
.asktom .description {
  overflow: hidden;
}
.asktom .collapsible .content-wrapper {
  padding: 20px;
  background: #F7F7F7;
}
.asktom .collapsible .content-wrapper img {
  border: 1px solid #D5D5D5;
  margin-bottom: 20px;
  vertical-align: bottom;
}
.asktom .collapsible table {
  border-top: 1px solid #D5D5D5;
  table-layout: fixed;
}
.asktom .collapsible .content-wrapper,
.asktom .collapsible table {
  overflow: auto;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.asktom .collapsible.active .content-wrapper,
.asktom .collapsible.active table {
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}
.asktom .collapsible.active .content-wrapper {
  border-bottom: 1px solid #D5D5D5;
}
.asktom .collapsible.active table td:first-child,
.asktom .collapsible.active table th:first-child {
  font-weight: 700;
}
.asktom .collapsible.active table td:first-child td:first-child,
.asktom .collapsible.active table th:first-child td:first-child {
  font-weight: 400;
}
.asktom table {
  table-layout: fixed;
  width: 100%;
}
.asktom table td,
.asktom table th {
  text-align: left;
  width: 13%;
  padding: 10px 0px;
  color: #707172;
}
.asktom table td:first-child,
.asktom table th:first-child {
  width: 50%;
  font-weight: 500;
  padding-left: 20px;
}
.asktom table td:nth-child(2n),
.asktom table th:nth-child(2n) {
  padding-left: 5px;
}
.asktom table td:last-child,
.asktom table th:last-child {
  width: 5%;
  text-align: right;
  padding-right: 17px;
}
.asktom table th {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14.4px;
  font-weight: 700;
  text-transform: uppercase;
}
.asktom table th:first-child {
  font-weight: 700;
}
.asktom table td {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
}
.asktom .mobile-only {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .asktom {
    padding: 30px;
  }
  .asktom .filter ul li i {
    right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .asktom table td,
  .asktom table th {
    display: none;
    vertical-align: top;
  }
  .asktom table td:first-child,
  .asktom table th:first-child,
  .asktom table td:last-child,
  .asktom table th:last-child {
    display: table-cell;
    padding-top: 10px;
  }
  .asktom table.mobile-only {
    display: table;
    border: 0;
    border-bottom: 0 !important;
  }
  .asktom table.mobile-only tr {
    display: table-row;
  }
  .asktom table.mobile-only tr td,
  .asktom table.mobile-only tr th {
    border: 0;
    padding: 0;
    display: table-cell;
    font-weight: normal;
    text-align: left;
  }
  .asktom .collapsible.active table.mobile-only {
    border-left: 0;
    border-right: 0;
  }
}
@media only screen and (max-width: 568px) {
  .asktom .grid-2,
  .asktom .grid-6 {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .asktom table {
    display: none;
  }
  .asktom table td:first-child,
  .asktom table th:first-child,
  .asktom table td:last-child,
  .asktom table th:last-child {
    padding: 15px 0px;
  }
  .asktom .description {
    margin-bottom: 20px;
  }
  .asktom .column {
    width: 100%;
    padding: 0;
  }
  .asktom .collapsible table {
    display: table;
    border-bottom: 0 !important;
  }
  .asktom .collapsible.active table {
    border-left: 0;
    border-right: 0;
  }
  .asktom .collapsible.active .content-wrapper {
    background: transparent;
    border: 0;
  }
  .asktom .collapsible .content-wrapper {
    background: transparent;
    border: 0;
    padding: 0;
    margin-right: 0;
  }
}
.events {
  margin-bottom: 30px;
}
.events .grid-8 {
  width: 100%;
}
.events .filter h4 {
  color: #707172;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
}
.events .filter ul {
  list-style-type: none;
  padding: 0;
}
.events .filter ul li {
  position: relative;
  cursor: pointer;
}
.events .filter ul li a {
  color: #707172;
  display: inline-block;
  line-height: 25px;
  vertical-align: top;
}
.events .filter ul li i {
  display: none;
  color: #0d68b0;
  font-size: 20px;
  vertical-align: top;
  line-height: 26px;
  margin-left: 5px;
}
.events .filter ul li.active {
  font-weight: 700;
}
.events .filter ul li.active a {
  color: #0d68b0;
}
.events .filter ul li.active i {
  display: inline-block;
}
.events .linked table td:first-child,
.events .linked table th:first-child {
  color: #0d68b0;
}
.events .collapsible:hover,
.events .linked:hover {
  text-decoration: none;
}
.events .collapsible .content-wrapper,
.events .linked .content-wrapper {
  padding: 20px;
  background: #F7F7F7;
}
.events .collapsible table,
.events .linked table {
  border-top: 1px solid #D5D5D5;
}
.events .collapsible dt,
.events .linked dt {
  font-weight: 700;
}
.events .collapsible .content-wrapper,
.events .linked .content-wrapper,
.events .collapsible table,
.events .linked table {
  overflow: auto;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.events .collapsible.active .content-wrapper,
.events .linked.active .content-wrapper,
.events .collapsible.active table,
.events .linked.active table {
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}
.events .collapsible.active table td:first-child,
.events .linked.active table td:first-child,
.events .collapsible.active table th:first-child,
.events .linked.active table th:first-child {
  font-weight: 700;
}
.events .collapsible.active table td:first-child td:first-child,
.events .linked.active table td:first-child td:first-child,
.events .collapsible.active table th:first-child td:first-child,
.events .linked.active table th:first-child td:first-child {
  font-weight: 400;
}
.events table {
  width: 100%;
}
.events table td,
.events table th {
  text-align: left;
  width: 13%;
  padding: 10px 0px;
  color: #707172;
}
.events table td:first-child,
.events table th:first-child {
  width: 25%;
  font-weight: 500;
  padding-left: 20px;
}
.events table td:last-child,
.events table th:last-child {
  width: 5%;
  text-align: right;
  padding-right: 17px;
}
.events table th {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14.4px;
  font-weight: 700;
  text-transform: uppercase;
}
.events table th:first-child {
  font-weight: 700;
}
.events table td {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
}
.events .button.full {
  margin-top: 1px;
  margin-left: -1px;
  margin-right: -1px;
}
.events .button.full:first-child {
  margin-top: 0;
}
.events .mobile-only {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .events {
    padding: 30px;
  }
  .events .filter ul li i {
    right: 0;
  }
  .events .collapsible .content-wrapper,
  .events .linked .content-wrapper {
    margin-right: 1px;
  }
}
@media only screen and (max-width: 768px) {
  .events table td,
  .events table th {
    display: none;
    vertical-align: top;
  }
  .events table td:first-child,
  .events table th:first-child,
  .events table td:last-child,
  .events table th:last-child {
    display: table-cell;
    padding-top: 10px;
  }
  .events table.mobile-only {
    display: table;
    border: 0;
  }
  .events table.mobile-only tr {
    display: table-row;
  }
  .events table.mobile-only tr td,
  .events table.mobile-only tr th {
    border: 0;
    padding: 0;
    display: table-cell;
    font-weight: normal;
  }
  .events .collapsible.active table.mobile-only,
  .events .linked.active table.mobile-only {
    border-left: 0;
    border-right: 0;
  }
  .events .collapsible .content-wrapper,
  .events .linked .content-wrapper {
    margin-right: 1px;
  }
}
@media only screen and (max-width: 480px) {
  .events table {
    display: none;
  }
  .events table td:first-child,
  .events table th:first-child,
  .events table td:last-child,
  .events table th:last-child {
    padding: 15px 0px;
  }
  .events .description {
    margin-bottom: 20px;
  }
  .events .column {
    width: 100%;
    padding: 0;
  }
  .events .collapsible table,
  .events .linked table {
    display: table;
  }
  .events .collapsible dt,
  .events .linked dt,
  .events .collapsible dd,
  .events .linked dd {
    width: 100%;
  }
  .events .collapsible.active table,
  .events .linked.active table {
    border-left: 0;
    border-right: 0;
  }
  .events .collapsible.active .content-wrapper,
  .events .linked.active .content-wrapper {
    background: transparent;
    border: 0;
  }
  .events .collapsible .content-wrapper,
  .events .linked .content-wrapper {
    background: transparent;
    border: 0;
    padding: 0;
    margin-right: 0;
  }
}
header .mobile-only .topsearch {
  position: relative;
  height: 0;
  overflow: hidden;
  background: #0d68b0;
  color: #fff;
  padding: 0;
  margin: 0;
}
header .mobile-only .topsearch .input-wrapper {
  position: relative;
  width: 100%;
  padding: 0 25px;
  margin: 25px 0 20px;
}
header .mobile-only .topsearch .input-wrapper:before {
  content: "\e611";
  font-family: 'boellhoff';
  position: absolute;
  top: 13px;
  font-size: 25px;
  font-weight: 400;
}
header .mobile-only .topsearch input {
  color: #fff;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  padding: 0px 40px;
}
header .mobile-only .topsearch input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
header .mobile-only .topsearch input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
header .mobile-only .topsearch input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
header .mobile-only .topsearch input[type=text] {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 45px;
  height: 45px;
}
header .mobile-only .topsearch .button {
  background: white;
  color: #0d68b0;
  float: right;
  margin: 25px;
  margin-top: 0;
  padding: 9px 50px 10px 15px;
  border: 0;
}
header .mobile-only .topsearch .button i {
  line-height: 30px;
  width: 30px;
  border-left: 1px solid rgba(0, 80, 145, 0.2);
}
header .mobile-only .topsearch .button i:before {
  margin-left: -9px;
  margin-top: -15px;
}
header .mobile-only .topsearch .results {
  display: none;
}
@media only screen and (min-width: 1024px) {
  header .mobile-only {
    display: none;
  }
}
.brand form.topsearch {
  width: 100%;
  margin-top: 31px;
  margin-bottom: 26px;
  text-align: right;
  z-index: 3;
}
.brand form.topsearch ul {
  padding: 0;
}
.brand form.topsearch > * {
  display: inline-block;
  vertical-align: middle;
}
.brand form.topsearch input {
  line-height: 30px;
  width: 310px;
  height: 30px;
  display: block;
  padding: 0 10px;
  float: left;
}
.brand form.topsearch button {
  font-size: 20px;
}
.brand form.topsearch button .text {
  display: none;
}
.brand form.topsearch button {
  background-color: transparent;
  border: 0;
  color: #0d68b0;
  outline: none;
}
.brand form.topsearch .results {
  height: 0;
  overflow: hidden;
  background: #fff;
  border-radius: 3px;
  text-align: left;
  font-size: 12px;
  margin-right: 32px;
  -webkit-box-shadow: 0px 8px 4px 0px rgba(112, 113, 114, 0.3);
  box-shadow: 0px 8px 4px 0px rgba(112, 113, 114, 0.3);
}
.brand form.topsearch .results > .title {
  font-weight: 300;
  font-size: 12px;
  line-height: 25px;
  padding-left: 20px;
}
.brand form.topsearch .results ul {
  list-style-type: none;
}
.brand form.topsearch .results > ul {
  width: 435px;
  list-style-type: none;
}
.brand form.topsearch .results > ul:before,
.brand form.topsearch .results > ul:after {
  content: " ";
  display: table;
}
.brand form.topsearch .results > ul:after {
  clear: both;
}
.brand form.topsearch .results > ul > li {
  background: #D5D5D5;
}
.brand form.topsearch .results > ul > li > span {
  width: 125px;
  display: inline-block;
  font-weight: 700;
  float: left;
  padding: 20px 20px 0;
  text-transform: uppercase;
}
.brand form.topsearch .results > ul > li > ul {
  margin-left: 125px;
  border-bottom: 1px solid #F7F7F7;
  background: #fff;
  padding: 20px 20px 3px;
}
.brand form.topsearch .results > ul > li > ul > li {
  position: relative;
}
.brand form.topsearch .results > ul > li > ul > li:before,
.brand form.topsearch .results > ul > li > ul > li:after {
  content: " ";
  display: table;
}
.brand form.topsearch .results > ul > li > ul > li:after {
  clear: both;
}
.brand form.topsearch .results > ul > li > ul > li img {
  margin-right: 12px;
  width: 40px;
  height: 40px;
  vertical-align: top;
}
.brand form.topsearch .results > ul > li > ul > li a {
  font-weight: 700;
  display: block;
  padding-right: 30px;
  margin-bottom: 12px;
}
.brand form.topsearch .results > ul > li > ul > li a > * {
  display: inline-block;
}
.brand form.topsearch .results > ul > li > ul > li a .name {
  width: 70%;
}
.brand form.topsearch .results > ul > li > ul > li a:after {
  position: absolute;
  color: #0d68b0;
  content: "\e603";
  font-family: "boellhoff";
  right: -5px;
  top: 50%;
  font-size: 15px;
  margin-top: -5%;
}
.brand form.topsearch .results .searchlink {
  position: relative;
  background: #0d68b0;
  color: #fff;
  display: block;
  font-size: 12px;
  line-height: 20px;
  padding: 10px 20px;
  border-radius: 3px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.brand form.topsearch .results .searchlink i {
  position: absolute;
  color: #fff;
  font-family: "boellhoff";
  right: 15px;
  top: 33px;
  font-size: 15px;
  margin-top: -5%;
  font-weight: bold;
}
@media (max-width: 768px) {
  .brand form.topsearch {
    margin-top: 29px;
    margin-bottom: 0;
    width: auto;
  }
  .brand form.topsearch input {
    display: none;
  }
  .brand form.topsearch button {
    font-size: 22px;
    padding-top: 0;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: -2px;
  }
  .brand form.topsearch .results {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .brand form.topsearch {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 320px) {
  .brand form.topsearch button {
    padding-left: 0px;
  }
}
.infobar {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: -155px;
  margin-bottom: 101px;
}
.infobar .title {
  color: #fff;
  background: rgba(0, 80, 145, 0.75);
  padding: 10px;
  margin-right: -1px;
  min-height: 55px;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.infobar .title:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: white;
  z-index: -1;
}
.infobar.blue .title:before {
  background: #0d68b0;
}
.infobar a:hover {
  text-decoration: none;
}
.infobar .middle {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 0 1 960px;
  -webkit-flex: 0 1 960px;
  flex: 0 1 960px;
  margin-left: 18px;
  position: relative;
  z-index: 1;
  /*&.border-white {
			.item {
				&:first-child {
					&:before {
						width: 1px;
					}
				}
			}

			&:before {
				height: 1px;
			}
		}*/
}
.infobar .middle .item {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  z-index: 10;
  position: relative;
  max-height: 170px;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  /*&.blue-border {
				border-right: 1px solid fade(@blue, 100%);
			}
			&.blue-border-left {
				border-left: 1px solid fade(@blue, 100%);
			}
			&.blue-border-bottom {
				border-bottom: 1px solid fade(@blue, 100%);
			}*/
}
.infobar .middle .item .image {
  max-height: 112px;
  overflow: hidden;
  margin-top: 55px;
}
.infobar .middle .item .image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.infobar .middle .item .effect {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: background 300ms;
  -o-transition: background 300ms;
  transition: background 300ms;
}
.infobar .middle .item:hover {
  /*&.blue-border {
					border-right: 1px solid fade(@blue, 100%);

				}*/
}
.infobar .middle .item:hover .title {
  text-decoration: underline;
}
.infobar .middle .item:hover .effect {
  background: rgba(255, 255, 255, 0.2);
  /*&:after {
						content: "";
						position: absolute;
						left: 0;
						right: 0;
						bottom: 0;
						background: fade(@blue, 100%);
						height: 1px;
					}*/
}
.infobar .middle .item:first-child:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: white;
  z-index: -1;
}
.infobar.blue .middle .item {
  border-right-color: #0d68b0;
  border-bottom-color: #0d68b0;
}
.infobar.blue .middle .item:first-child:before {
  background: #0d68b0;
  z-index: 0;
}
.infobar .middle .item.empty {
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.infobar .left,
.infobar .right {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}
.infobar .right {
  z-index: 10;
  position: relative;
}
.infobar .right:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.1);
  height: 1px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .infobar {
    overflow-x: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
  .infobar::-webkit-scrollbar {
    width: 0 !important;
  }
  .infobar .left,
  .infobar .right {
    -ms-flex: 0 0 20px;
    -webkit-flex: 0 0 20px;
    flex: 0 0 20px;
  }
  .infobar .middle {
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-left: 0;
  }
  .infobar .middle .item {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
  .infobar .middle .item .effect {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .infobar {
    margin-top: -140px;
  }
  .infobar .middle .item {
    -ms-flex: 0 0 130px;
    -webkit-flex: 0 0 130px;
    flex: 0 0 130px;
  }
  .infobar .middle .item:first-child:before {
    height: 40px;
  }
  .infobar .right {
    display: none;
  }
  .infobar .title {
    padding: 8px 10px;
    background: #0d68b0;
    font-size: 10px;
    line-height: 12px;
    min-height: 40px;
  }
  body > .infobar {
    display: none;
  }
}
.brand {
  height: 87px;
}
.brand .inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.brand .inner > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.brand .inner .logo {
  -ms-flex: 1 1 44%;
  -webkit-flex: 1 1 44%;
  flex: 1 1 44%;
}
.brand .inner .logo #logo-image {
  height: 27px;
  width: 241px;
  margin-top: 35px;
  margin-bottom: 26px;
}
.brand .inner .logo #logo-image-jinhap {
  height: 27px;
  width: 336px;
  margin-top: 35px;
  margin-bottom: 26px;
}
.brand .inner .tools {
  -ms-flex: 1 1 56%;
  -webkit-flex: 1 1 56%;
  flex: 1 1 56%;
}
@media only screen and (max-width: 1024px) {
  .brand .inner .logo {
    margin-left: 25px;
  }
  .brand .inner .logo #logo-image {
    height: 20px;
    width: 200px;
  }
  .brand .inner .logo #logo-image-jinhap {
    height: 15px;
    width: 187px;
  }
  .brand .inner .tools {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 768px) {
  .brand .inner {
    display: flex;
    margin: 0px;
  }
  .brand .inner .logo {
    margin-left: 25px;
    -ms-flex: 1 1 70%;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
  }
  .brand .inner .logo #logo-image {
    margin-top: 13px;
    margin-bottom: 0px;
    height: 22px;
    width: 192px;
  }
  .brand .inner .logo #logo-image-jinhap {
    margin-top: 15px;
    margin-bottom: 0px;
    height: 17px;
    width: 212px;
  }
  .brand .inner .tools {
    -ms-flex: 1 1 30%;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 320px) {
  .brand .inner .logo {
    margin-left: 25px;
    -ms-flex: 1 1 70%;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
  }
  .brand .inner .tools {
    -ms-flex: 1 1 30%;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 768px) {
  .brand {
    height: 47px;
    background: #fff;
  }
}
.stage {
  position: relative;
  margin-bottom: 100px;
}
.stage .stage-slider {
  opacity: 0;
  filter: alpha(opacity=0);
}
.stage .stage-slider.init {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
.stage .wrapper {
  position: absolute;
  top: 90px;
  width: 100%;
}
.stage .wrapper .content {
  width: 40%;
}
.stage .headline {
  position: absolute;
  z-index: 1;
  width: 100%;
}
.stage .headline .lined {
  margin-top: 60px;
}
.stage figure {
  width: 100%;
  height: 500px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.stage figure img {
  width: 100%;
}
.stage h1,
.stage .title {
  margin-bottom: 23px;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 40px;
}
.stage h1 b,
.stage .title b,
.stage h1 strong,
.stage .title strong {
  font-family: 'Arial', 'roboto' !important;
}
.stage h1 sup,
.stage .title sup {
  top: 0.6em;
}
.stage h2 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 20px;
}
.stage h2 sup {
  top: 0.6em;
}
.stage h3 {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14.4px;
}
.stage .darken {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.stage .slide-pager {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 500;
  font-size: 12px;
  vertical-align: text-bottom;
  color: #0d68b0;
  padding-left: 25px;
  height: 12px;
  line-height: 12px;
}
.stage .slide-pager .dash,
.stage .slide-pager .slides {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.stage .slide-pager .dash {
  padding: 0 1px;
}
.stage .slide-pager > * {
  display: inline-block;
  overflow: hidden;
  height: 12px;
}
.stage .slide-prev,
.stage .slide-next {
  font-weight: bold;
  position: absolute;
  display: inline-block;
  width: 6px;
  height: 11px;
  font-size: 20px;
  top: 1px;
  overflow: hidden;
  z-index: 1;
}
.stage .slide-prev i,
.stage .slide-next i {
  position: absolute;
  top: -5px;
  left: 0;
  display: inline-block;
  width: 6px;
}
.stage .slide-prev.slick-disabled,
.stage .slide-next.slick-disabled {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.stage .slide-prev {
  right: 54px;
}
.stage .slide-prev i {
  left: 7px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  display: inline-block;
}
.stage .slide-prev i:before {
  width: 6px;
}
.stage .slide-next {
  right: 43px;
}
.stage .slide-next i {
  left: -7px;
}
@-moz-document url-prefix() {
  .stage .slide-next i {
    top: -4px;
  }
}
.stage .slide-next i:before {
  left: 0;
  width: 6px;
}
.stage .slick-slide {
  position: relative;
}
.stage.search .wrapper {
  top: 100px;
}
.stage.search .content {
  position: relative;
  width: 100%;
}
.stage.search input,
.stage.search button {
  color: #0d68b0;
  font-size: 18px;
}
.stage.search input {
  width: 100%;
  background: #fff;
  height: 50px;
  line-height: 50px;
}
.stage.search button {
  position: absolute;
  background: none;
  border: 0;
  right: 5px;
  top: 16px;
}
.stage.search .suggest {
  color: #707172;
  font-weight: 700;
  font-size: 12px;
  margin-top: 21px;
}
.stage.search .suggest .proposal {
  color: #0d68b0;
}
@media only screen and (max-width: 1200px) {
  .stage.search .wrapper {
    top: 60px;
  }
  .stage h1,
  .stage .title {
    /*sup {
				top: 17px;
			}*/
  }
  .stage h2 {
    /*sup {
				top: 6px;
			}*/
  }
}
@media only screen and (max-width: 1024px) {
  .stage .inner {
    width: 100%;
    margin: 0;
    padding: 20px 25px;
  }
  .stage .inner .lined {
    margin: 10px 0;
  }
  .stage .wrapper {
    top: 0px;
    bottom: 0;
    padding-top: 20px;
  }
  .stage.search .wrapper {
    top: 10px;
  }
  .stage.search figure img {
    min-height: 150px;
  }
  .stage h1,
  .stage .title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .stage h2 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .stage {
    margin-top: 47px;
  }
  body.navigation-opened .stage,
  body.contactpanel-opened .stage {
    margin-top: 0;
  }
  .stage figure {
    height: 267px;
  }
  .stage h1,
  .stage .title {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 25px;
    margin-bottom: 10px;
    /*sup {
				top: 10px;
			}*/
  }
  .stage h2 sup {
    top: 0.5em;
  }
  .stage .slide-prev,
  .stage .slide-next,
  .stage .slide-pager {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .stage figure img {
    height: 166px;
  }
  .stage.search figure img {
    min-height: 150px;
  }
}
@media only screen and (max-width: 480px) {
  .stage figure {
    height: 166px;
  }
  .stage h1 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 30px;
    line-height: 18px;
  }
  .stage .title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    margin-bottom: 10px;
  }
  .stage .subtitle {
    display: none;
  }
}
.stage .inverted .lined h3,
.stage .inverted .lined a,
.stage .inverted .lined .slide-pager {
  color: #fff;
}
.stage .inverted .lined > *::after {
  background-color: #fff;
}
.stage .inverted h1 {
  color: #fff;
}
.stage .inverted h2 {
  color: #fff;
}
.stage.mini .wrapper .content {
  width: auto;
}
@media only screen and (min-width: 1024px) {
  .stage.mini .wrapper {
    top: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .stage.mini .wrapper {
    top: 60px;
  }
}
@media only screen and (min-width: 768px) {
  .stage.mini figure {
    height: 280px;
  }
}
@media only screen and (max-width: 768px) {
  .stage.mini .wrapper {
    top: 30px;
  }
  .stage.mini .wrapper .inner {
    padding: 5px 25px;
  }
  .stage.mini figure {
    height: 149px;
  }
}
@media only screen and (max-width: 480px) {
  .stage.mini figure {
    height: 93px;
  }
  .stage.mini h1,
  .stage.mini .title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 20px;
    margin-top: 0px;
  }
}
.breadcrumb {
  border: 1px solid #D5D5D5;
  border-left: 0;
  border-right: 0;
  padding: 13px 0;
}
.breadcrumb ul {
  list-style-type: none;
}
.breadcrumb ul li {
  float: left;
}
.breadcrumb ul li a {
  color: #707172;
  font-weight: bold;
  text-transform: uppercase;
}
.breadcrumb ul li:after {
  content: "›";
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
}
.breadcrumb ul li:last-child a {
  color: #0d68b0;
}
.breadcrumb ul li:last-child:after {
  content: "\00a0";
  font-size: 16px;
}
@media only screen and (max-width: 1024px) {
  .breadcrumb .inner {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 768px) {
  .breadcrumb ul {
    display: block;
  }
  .breadcrumb ul li {
    float: left;
  }
  .breadcrumb ul li:last-child a:after {
    padding-left: 0;
    padding-right: 0;
  }
}
footer {
  font-size: 12px;
}
footer .inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
footer .inner .title {
  color: #0d68b0;
  margin-top: 30px;
  margin-bottom: 18px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}
footer .inner p {
  line-height: 16.8px;
}
footer .inner > div {
  -ms-flex: 1 1 40%;
  -webkit-flex: 1 1 40%;
  flex: 1 1 40%;
  margin-right: 60px;
}
footer .inner > div:last-child {
  -ms-flex: 1 1 20%;
  -webkit-flex: 1 1 20%;
  flex: 1 1 20%;
  margin-right: 0px;
}
footer .inner .navigation .inner {
  width: auto;
}
footer .navigation ul a {
  color: #707172;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-weight: 500;
}
footer .newsletter form {
  position: relative;
}
footer .newsletter form input {
  padding: 0px;
  padding-left: 40px;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
}
footer .newsletter form input[type=text] {
  font-size: 14px;
  border: 0;
}
footer .newsletter form input[type=text]:focus {
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(18, 16, 11, 0.25);
  box-shadow: inset 0px 1px 2px 0px rgba(18, 16, 11, 0.25);
  margin-left: -1px;
}
footer .newsletter form .icon-letter {
  color: #0d68b0;
  position: absolute;
  font-size: 15px;
  font-size: 0.9375rem;
  left: 10px;
  top: 8px;
}
@media only screen and (max-width: 1024px) {
  footer .inner {
    margin: 0;
  }
  footer .inner > div {
    -ms-flex: 1 1 50%;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    padding: 0 25px;
    margin-right: 0px;
  }
  footer .inner > div:first-child {
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  footer .inner > div:last-child {
    padding-left: 0px;
  }
  footer .newsletter form input {
    width: 150px;
  }
  footer .bottombar .inner > div:first-child {
    -ms-flex: 0 1 70%;
    -webkit-flex: 0 1 70%;
    flex: 0 1 70%;
  }
  footer .bottombar .inner > div:last-child {
    -ms-flex: 0 1 30%;
    -webkit-flex: 0 1 30%;
    flex: 0 1 30%;
  }
}
@media only screen and (max-width: 768px) {
  footer .inner {
    margin: 0;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  footer .tools .inner > div {
    -ms-flex: 0 1 50%;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
  }
  footer .tools .inner > div:last-child {
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    padding: 0 25px;
  }
  footer .tools .navigation li {
    float: left;
    padding: 0px 10px 0 0;
  }
  footer .bottombar .inner > div:first-child {
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  footer .bottombar .inner > div:last-child {
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
@media only screen and (max-width: 480px) {
  footer .tools .inner > div {
    -ms-flex: 1 1 60%;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    padding-right: 0;
  }
  footer .tools .inner > div:first-child {
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  footer .tools .inner > div:last-child {
    -ms-flex: 1 1 40%;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    padding-left: 10px;
  }
  footer .tools .navigation li {
    float: none;
  }
}
@media only screen and (max-width: 320px) {
  footer .tools .inner {
    display: block;
  }
  footer .tools .inner > div {
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-right: 0;
  }
  footer .tools .inner > div:first-child {
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  footer .tools .inner > div:last-child {
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-left: 25px;
  }
}
footer .bottombar .inner > div {
  margin-right: 0px;
}
footer .bottombar .copyright {
  padding-top: 26px;
}
footer .bottombar .copyright .logo {
  width: 146px;
  display: inline-block;
  vertical-align: baseline;
  margin-top: 1px;
  margin-right: 20px;
  margin-bottom: 26px;
}
footer .bottombar .copyright .logo img {
  width: 100%;
}
footer .bottombar .copyright .title {
  display: inline-block;
  color: #707172;
  font-weight: normal;
  vertical-align: top;
  margin-top: 1px;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16.8px;
}
@media only screen and (max-width: 768px) {
  footer .bottombar .copyright {
    border-top: 1px solid #D5D5D5;
    text-align: center;
    margin-top: 25px;
  }
  footer .bottombar .copyright .logo {
    margin-bottom: 15px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 480px) {
  footer .bottombar .copyright .logo {
    margin-right: 0px;
  }
}
footer .bottombar .navigation {
  padding-top: 26px;
}
footer .bottombar .navigation ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
footer .bottombar .navigation ul li {
  position: relative;
  margin-left: 15px;
}
footer .bottombar .navigation ul li a {
  color: #0d68b0;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
}
footer .bottombar .navigation ul li:before {
  content: '\00B7';
  position: absolute;
  left: -9.5px;
  top: -2px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
}
footer .bottombar .navigation ul li:first-child:before {
  display: none;
}
@media only screen and (max-width: 768px) {
  footer .bottombar .navigation ul {
    padding-top: 15px;
  }
  footer .bottombar .navigation ul li:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  footer .bottombar .navigation {
    padding: 15px 0 40px;
  }
  footer .bottombar .navigation ul {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
  }
  footer .bottombar .navigation ul li:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 480px) {
  footer .bottombar .inner {
    display: block;
  }
}
@media only screen and (max-width: 320px) {
  footer .bottombar .inner {
    display: block;
  }
  footer .bottombar .inner .copyright,
  footer .bottombar .inner .navigation {
    display: block;
  }
}
footer .contactpanel {
  display: none;
}
.anchornavigation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: -140px;
  margin-bottom: 100px;
  z-index: 2;
  border-bottom: 1px solid #D5D5D5;
}
.anchornavigation .middle {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 0 1 960px;
  -webkit-flex: 0 1 960px;
  flex: 0 1 960px;
  min-height: 40px;
  background: #fff;
  z-index: 12;
  position: relative;
}
.anchornavigation .middle .logo-wrapper {
  overflow: hidden;
  position: relative;
  width: 250px;
}
.anchornavigation .middle .logo {
  left: -300px;
  width: 140px;
  height: 17px;
  margin: 11px 0;
}
.anchornavigation .middle .navigation {
  left: 0;
}
.anchornavigation .middle .navigation .opener {
  position: relative;
  color: #fff;
  background: #0d68b0;
  text-transform: uppercase;
  line-height: 40px;
  font-size: 14px;
  display: inline-block;
  padding: 0 100px 0 38px;
  font-weight: 500;
}
.anchornavigation .middle .navigation .opener:before,
.anchornavigation .middle .navigation .opener:after {
  font-family: 'boellhoff';
  position: absolute;
  font-weight: 100;
}
.anchornavigation .middle .navigation .opener:before {
  content: "\e60a";
  left: 12px;
  top: 0px;
  font-size: 18px;
}
.anchornavigation .middle .navigation .opener:after {
  content: "\e601";
  right: 16px;
  font-size: 18px;
}
.anchornavigation .middle .navigation ul {
  display: block;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 40px;
  z-index: 1;
  padding: 0;
  list-style-type: none;
  height: 0;
  overflow: hidden;
}
.anchornavigation .middle .navigation ul li {
  display: block;
  width: 100%;
}
.anchornavigation .middle .navigation ul li a {
  display: block;
  background-color: #0d68b0;
  color: #fff;
  padding: 5px 38px;
  font-weight: 400;
  line-height: 25px;
  font-size: 13px;
  -webkit-transition: background-color 500ms;
  -o-transition: background-color 500ms;
  transition: background-color 500ms;
}
.anchornavigation .middle .navigation ul li a:hover {
  background-color: #0064b5;
  color: #fff;
}
.anchornavigation .middle .logo,
.anchornavigation .middle .navigation {
  position: absolute;
  -webkit-transition: left 0.5s ease;
  -o-transition: left 0.5s ease;
  transition: left 0.5s ease;
}
.anchornavigation .middle .counterpart,
.anchornavigation .middle .tools {
  padding-top: 13px;
}
.anchornavigation .middle .counterpart a,
.anchornavigation .middle .tools a {
  position: relative;
  color: #0d68b0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  margin-left: 22px;
  display: inline-block;
  vertical-align: top;
}
.anchornavigation .middle .counterpart a:not(.navigation-trigger),
.anchornavigation .middle .tools a:not(.navigation-trigger) {
  padding-left: 27px;
}
.anchornavigation .middle .counterpart a i,
.anchornavigation .middle .tools a i {
  position: absolute;
  top: -2px;
  left: 0;
  font-size: 20px;
}
.anchornavigation .middle .counterpart {
  -webkit-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease;
  position: absolute;
  right: 0;
  top: 0;
}
.anchornavigation .middle .tools-wrapper {
  overflow: hidden;
  float: right;
  width: 240px;
  position: absolute;
  right: 0;
  height: 100%;
}
.anchornavigation .middle .tools {
  position: absolute;
  right: -220px;
  top: 0;
  -webkit-transition: right 0.5s ease;
  -o-transition: right 0.5s ease;
  transition: right 0.5s ease;
}
.anchornavigation .left,
.anchornavigation .right {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}
.anchornavigation .right {
  z-index: 10;
  background: #fff;
}
.anchornavigation.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  margin-top: 0px;
}
.anchornavigation.sticky .logo {
  left: 10px;
}
.anchornavigation.sticky .navigation {
  left: 170px;
}
.anchornavigation.sticky .tools {
  right: 0;
  -webkit-transition: right 0.5s ease;
  -o-transition: right 0.5s ease;
  transition: right 0.5s ease;
  padding-top: 11px;
}
.anchornavigation.sticky .counterpart {
  top: -50px;
  -webkit-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease;
}
@media only screen and (max-width: 768px) {
  .anchornavigation.sticky {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .anchornavigation .middle {
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .anchornavigation .middle .navigation .opener,
  .anchornavigation .middle .navigation ul {
    margin-left: 26px;
  }
  .anchornavigation .middle .counterpart {
    margin-right: 20px;
  }
  .anchornavigation .middle .tools-wrapper {
    width: 300px;
  }
  .anchornavigation .middle .tools-wrapper .tools {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .anchornavigation {
    display: none;
  }
}
.anchornavigation.only-sticky {
  top: -42px;
  left: 0;
  right: 0;
  height: 0;
  visibility: hidden;
  -webkit-transition: height 0.2s ease;
  -o-transition: height 0.2s ease;
  transition: height 0.2s ease;
  position: fixed;
}
.anchornavigation.only-sticky.sticky {
  visibility: visible;
  height: 42px;
  top: 0;
}
.navigation .inner {
  position: relative;
}
.navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation ul a {
  font-weight: 700;
}
.navigation ul a i {
  display: none;
}
.navigation ul a sup {
  vertical-align: top;
  position: relative;
  top: 6px;
}
.navigation ul ul {
  display: none;
}
.navigation-trigger {
  display: inline-block;
  width: 20px;
  heigth: 20px;
}
.navigation-trigger span {
  background-color: #0d68b0;
  display: block;
  height: 3px;
  margin-bottom: 3px;
}
.navigation-trigger span:last-child {
  margin-bottom: 1px;
}
@media only screen and (max-width: 320px) {
  .navigation-trigger {
    width: 15px;
  }
}
header .navigation-trigger {
  margin-left: 5px;
  margin-top: 35px;
  margin-right: 15px;
}
@media only screen and (max-width: 768px) {
  header .navigation-trigger {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 769px) {
  header .navigation-trigger {
    display: none;
  }
}
header .navigation-wrapper {
  z-index: 1;
}
header .navigation-wrapper.sticky {
  position: fixed;
  top: -100px;
  width: 100%;
}
header .navigation-wrapper.sticky.active {
  background-color: #fff;
  top: 40px;
}
@media only screen and (min-width: 769px) {
  header .navigation {
    border-top: 1px solid #D5D5D5;
  }
  header .navigation > div > ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  header .navigation > div > ul > li {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  header .navigation > div > ul > li > a {
    position: relative;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #707172;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 17px 0 18px;
    text-align: center;
  }
  header .navigation > div > ul > li > a:before {
    content: " ";
    background: #D5D5D5;
    position: absolute;
    right: 0;
    top: 0;
    height: 48px;
    width: 1px;
  }
  header .navigation > div > ul > li > a:hover,
  header .navigation > div > ul > li > a.active {
    color: #0d68b0;
  }
  header .navigation > div > ul > li > a:hover::after,
  header .navigation > div > ul > li > a.active::after {
    content: " ";
    border-bottom: 4px solid #0d68b0;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    z-index: 2;
  }
  header .navigation > div > ul > li > a i {
    color: #0d68b0;
    font-size: 20px;
    display: inline-block;
    width: 25px;
    height: 1px;
  }
  header .navigation > div > ul > li > a i:before {
    position: absolute;
    margin-top: -15px;
    left: 10px;
  }
  header .navigation > div > ul > li:last-child {
    border: 0;
  }
  header .navigation > div > ul > li:last-child > a:before {
    content: none;
  }
  header .navigation > div > ul ul {
    background-color: #fff;
    display: inline;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 14;
    list-style-type: none;
    height: 0;
    overflow: hidden;
  }
  header .navigation > div > ul ul > li {
    font-size: 12px;
    font-size: 0.75rem;
    display: inline-block;
    border: 0;
    /*height: 50px;*/
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 47%;
    vertical-align: bottom;
  }
  header .navigation > div > ul ul > li.toplink,
  header .navigation > div > ul ul > li.extralink {
    width: 99.5%;
  }
  header .navigation > div > ul ul > li.toplink a,
  header .navigation > div > ul ul > li.extralink a {
    font-size: 16px;
    font-size: 1rem;
    display: inline-block;
  }
  header .navigation > div > ul ul > li.toplink {
    height: auto;
  }
  header .navigation > div > ul ul > li.toplink a {
    font-weight: 700;
  }
  header .navigation > div > ul ul > li.extralink {
    border-top: 1px solid #D5D5D5;
    margin: 2px;
    padding: 18px;
    height: auto;
  }
  header .navigation > div > ul ul > li.close {
    position: absolute;
    top: 0;
    right: 20px;
    width: auto;
    color: #0d68b0;
  }
  header .navigation > div > ul ul > li.close a {
    color: #0d68b0;
  }
  header .navigation > div > ul ul > li.close a i {
    display: inline-block;
  }
  header .navigation > div > ul ul > li p {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0;
  }
  header .navigation > div > ul ul a {
    padding: 0px;
    text-transform: none;
    color: #0d68b0;
    font-weight: 400;
    font-size: 15px;
    font-size: 0.9375rem;
    text-align: left;
    display: block;
  }
  header .navigation > div > ul ul a:hover::after,
  header .navigation > div > ul ul a.active::after {
    display: none;
  }
  header .navigation > div > ul ul ul {
    position: relative;
    margin: 0px;
    height: auto;
  }
  header .navigation > div > ul ul ul li {
    display: inline-block;
    height: auto;
    margin: 0;
    width: auto;
  }
  header .navigation > div > ul ul ul li:after {
    content: ", ";
    width: 7px;
    display: inline-block;
  }
  header .navigation > div > ul ul ul li:last-child:after {
    display: none;
  }
  header .navigation > div > ul ul ul li:first-child {
    width: auto;
  }
  header .navigation > div > ul ul ul a {
    font-size: 12px;
    font-size: 0.75rem;
    color: #707172;
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  header .navigation .switch-mobile {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  header {
    position: fixed;
    background: white;
    z-index: 10;
    top: 0px;
    left: 0;
    right: 0;
  }
  body.navigation-opened header {
    position: relative;
  }
  header .navigation {
    position: relative;
    height: 0;
    overflow: hidden;
  }
  header .navigation .inner {
    margin: 0;
  }
  header .navigation ul {
    display: block;
    padding: 0 25px;
  }
  header .navigation ul > li {
    display: block;
    width: 100%;
  }
  header .navigation ul > li > a {
    position: relative;
    text-align: left;
    padding: 10px;
    font-weight: 500;
    color: #707172;
    text-transform: uppercase;
    display: block;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #D5D5D5;
  }
  header .navigation ul > li > a.active {
    color: #0d68b0;
    border-bottom: 0;
  }
  header .navigation ul > li > a::after,
  header .navigation ul > li > a:hover::after {
    content: "+";
    border-bottom: 0;
    position: absolute;
    top: 7px;
    right: 5px;
    left: auto;
  }
  header .navigation ul > li > a.active::after,
  header .navigation ul > li > a.active:hover::after {
    content: "_";
    border-bottom: 0;
    position: absolute;
    top: 2px;
    right: 5px;
    left: auto;
  }
  header .navigation ul > li.close {
    display: none;
  }
  header .navigation ul > li:last-child a {
    border-bottom: 0;
  }
  header .navigation ul ul {
    position: relative;
    height: 0;
    width: 100%;
    padding: 0;
    display: block;
    overflow: hidden;
  }
  header .navigation ul ul a {
    text-transform: capitalize;
    border-bottom: none;
    padding: 5px;
  }
  header .navigation ul ul > li {
    height: auto;
    width: 100%;
  }
  header .navigation ul ul > li > a {
    font-weight: 500;
    color: #707172;
    padding-left: 27px;
  }
  header .navigation ul ul > li > a.active {
    color: #0d68b0;
  }
  header .navigation ul ul > li > a::after,
  header .navigation ul ul > li > a:hover::after {
    content: "+";
    color: #0d68b0;
    border-bottom: 0;
    position: absolute;
    top: 4px;
    right: 0;
    left: 10px;
  }
  header .navigation ul ul > li > a.active::after,
  header .navigation ul ul > li > a.active:hover::after {
    content: "_";
    border-bottom: 0;
    position: absolute;
    top: -2px;
    right: 0;
    left: 11px;
  }
  header .navigation ul ul > li.toplink a {
    padding-left: 10px;
  }
  header .navigation ul ul > li.toplink a:after,
  header .navigation ul ul > li.extralink a:after {
    content: "";
  }
  header .navigation ul ul ul {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    margin: 0;
    width: 100%;
  }
  header .navigation ul ul ul a {
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 45px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  header .navigation ul ul ul a::after,
  header .navigation ul ul ul a:hover::after {
    font-family: 'boellhoff';
    content: "\e601";
    transform: rotateZ(270deg);
    color: #0d68b0;
    border-bottom: 0;
    position: absolute;
    top: 7px;
    right: auto;
    left: 26px;
  }
  header .navigation ul ul ul a.active::after,
  header .navigation ul ul ul a.active:hover::after {
    font-family: 'boellhoff';
    content: "\e601";
    transform: rotateZ(270deg);
    border-bottom: 0;
    position: absolute;
    top: 5px;
    right: auto;
    left: 26px;
  }
  header .navigation ul ul ul ul {
    margin: 0;
    width: 100%;
  }
  header .navigation ul ul ul ul a {
    font-weight: normal;
  }
}
footer .navigation .contactpanel {
  display: none;
}
.gallery {
  margin-bottom: 40px;
}
.gallery .thumbnails:before,
.gallery .thumbnails:after {
  content: " ";
  display: table;
}
.gallery .thumbnails:after {
  clear: both;
}
.gallery .thumbnails div {
  width: 45%;
  float: left;
  border: 1px solid #F7F7F7;
  margin-bottom: 20px;
  cursor: pointer;
  position: relative;
}
.gallery .thumbnails div:nth-child(2n-1) {
  margin-right: 9%;
}
.gallery .thumbnails img {
  vertical-align: bottom;
}
.gallery .thumbnails .play {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #0d68b0;
  margin-left: -15px;
  transform: translateY(-50%);
  color: #0d68b0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  text-align: center;
}
.gallery .thumbnails .play * {
  color: #0d68b0;
}
.gallery .thumbnails .play.blue {
  border: 1px solid #0d68b0;
}
.gallery .thumbnails .play.blue * {
  color: #0d68b0;
}
.gallery .thumbnails .play.white {
  border: 1px solid #fff;
}
.gallery .thumbnails .play.white * {
  color: #fff;
}
.gallery .slider {
  color: white;
}
.gallery .slider * {
  color: white;
}
.gallery .slider .item {
  position: relative;
}
.gallery .slider .item .video-wrapper {
  position: absolute;
  top: 0;
  bottom: 101px;
  left: 0;
  right: 0;
}
.gallery .slider .item .video-wrapper iframe {
  width: 100%;
  height: 100%;
}
.gallery .slider .item .video-wrapper .mejs__video {
  /*
					top: 50%;
					transform: translateY(-50%);
                    */
  top: 0;
  bottom: 0;
}
.gallery .slider .item.video {
  cursor: pointer;
}
.gallery .slider .item > .play,
.gallery .slider .item .preview > .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -50px;
  border: 1px solid #0d68b0;
  color: #0d68b0;
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 100px;
  text-align: center;
}
.gallery .slider .item > .play *,
.gallery .slider .item .preview > .play * {
  color: #0d68b0;
}
.gallery .slider .item > .play.blue,
.gallery .slider .item .preview > .play.blue {
  border: 1px solid #0d68b0;
}
.gallery .slider .item > .play.blue *,
.gallery .slider .item .preview > .play.blue * {
  color: #0d68b0;
}
.gallery .slider .item > .play.white,
.gallery .slider .item .preview > .play.white {
  border: 1px solid #fff;
}
.gallery .slider .item > .play.white *,
.gallery .slider .item .preview > .play.white * {
  color: #fff;
}
.gallery .slider .item .preview {
  position: relative;
}
.gallery .slider .item .preview > .play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0;
  margin-left: 0;
  transform: translateX(-50%) translateY(-50%);
}
.gallery .slider .infobar {
  bottom: 0;
  padding: 0 20px 0 20px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0;
  margin-top: 20px;
  border-top: 1px solid #D5D5D5;
}
.gallery .slider .infobar * {
  color: #707172;
}
.gallery .slider .infobar .play {
  border: 1px solid rgba(112, 113, 114, 0.5);
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin-right: 20px;
}
.gallery .slider .infobar .caption {
  width: 100%;
}
.gallery .slider .infobar .caption h3 {
  font-size: 17px;
  font-weight: 400;
  /*sup {
	                    top: 9px;
	                }*/
}
.gallery .slider .infobar .caption h4 {
  font-size: 14px;
  font-weight: 400;
  /*sup {
	                    top: 7px;
	                }*/
}
.gallery .slider .infobar .time {
  font-size: 14px;
  padding-top: 24px;
}
.gallery .slider .infobar .time i {
  margin-right: 5px;
}
.gallery .slider .item.video .infobar .caption {
  width: 77%;
}
@media only screen and (max-width: 1024px) {
  .gallery {
    padding: 30px;
  }
  .gallery .slider .infobar {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 768px) {
  .gallery .row {
    /*.flexbox-parent();
			.flexbox-direction(column);*/
  }
  .gallery .row .column {
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
  }
  .gallery .thumbnails {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .gallery .thumbnails div {
    -ms-flex: 0 0 19.2%;
    -webkit-flex: 0 0 19.2%;
    flex: 0 0 19.2%;
    height: auto;
    margin-bottom: 0;
    margin-bottom: 10px;
    margin-right: 1%;
    border: 0;
  }
  .gallery .thumbnails div:nth-child(2n-1) {
    margin-right: 1%;
  }
  .gallery .thumbnails div:nth-child(5n+5) {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 480px) {
  .gallery {
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    /*padding: 30px 0 30px 30px;
    	margin: 0;
		.slider {
			* {
				vertical-align: top;
			}
		}
		.row {
			.flexbox-parent();
			.flexbox-direction(column-reverse);
			.column {
				.flexbox-item(0 0 100%);
				width: 100%;
				float: none;
				margin: 0;
			}
		}
		.slider-wrapper {
			overflow-x: scroll;
			&::-webkit-scrollbar { width: 0 !important }
			-ms-overflow-style: none;
			overflow: -moz-scrollbars-none;

			height: auto;
			.flexbox-parent();
			.slider {
				.flexbox-parent();
				.flexbox-item(0 0 100%);
				.item {
					.flexbox-item(0 0 355px);
					padding-right: 20px;

					.infobar {
						right: 20px;
						width: auto;
						left: 0;
					}
				}
			}
		}*/
  }
  .gallery .thumbnails {
    display: none;
  }
  .gallery .slider-wrapper {
    max-height: 350px !important;
  }
  .gallery .slider-wrapper .slider {
    outline: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .gallery .slider-wrapper .slider .item {
    -ms-flex: 0 0 355px;
    -webkit-flex: 0 0 355px;
    flex: 0 0 355px;
    height: 335px;
    padding-right: 20px;
  }
  .gallery .slider-wrapper .slider .item .video-wrapper {
    bottom: 111px;
    right: 20px;
  }
}
@media only screen and (max-width: 320px) {
  .gallery .slider-wrapper {
    max-height: 350px !important;
  }
  .gallery .slider-wrapper .slider {
    outline: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .gallery .slider-wrapper .slider .item {
    -ms-flex: 0 0 300px;
    -webkit-flex: 0 0 300px;
    flex: 0 0 300px;
    height: 335px;
    padding-right: 20px;
  }
  .gallery .slider-wrapper .slider .item .video-wrapper {
    bottom: 150px;
  }
}
@media only screen and (max-width: 768px) {
  .gallery .slider .item.video .preview {
    position: relative;
  }
  .gallery .slider .item.video .preview > .play {
    line-height: 80px;
    font-size: 80px;
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 480px) {
  .gallery .slider .item.video .preview {
    position: relative;
  }
  .gallery .slider .item.video .preview > .play {
    line-height: 60px;
    font-size: 60px;
    width: 60px;
    height: 60px;
  }
}
.styling {
	width: 100%;
    border: 0;
}