@import url('font-face.component.css');

@import url('header.component.css');

@import url('hr.component.css');

@import url('teaser_videos.component.css');

@import url('footer.component.css');

html,button,input,select,textarea{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color: #202020;-webkit-font-smoothing:antialiased}
body{font-size:1em;line-height:1.4;margin:0;background:#fff}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;width: 100%;height:1px;border:0;border-top:1px solid #ccc;float:left;clear:left;}
img{vertical-align:middle}
fieldset{border:0}
textarea{resize:vertical}
h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility}

a,a:link,a:visited{color:#202020;text-decoration:none}
a:hover{color:#007e66}
p{font-size:1.063em;line-height:1.500em;color: #202020;}

* {
	-moz-box-sizing: border-box;*behavior: url(boxsizing.htc);
	-webkit-box-sizing: border-box;*behavior: url(boxsizing.htc);
	box-sizing: border-box;*behavior: url(boxsizing.htc);
}

input[type=text],input[type=email],select,textarea {
    -webkit-transition: box-shadow linear 0.2s;
    -moz-transition: box-shadow linear 0.2s;
    -o-transition: box-shadow linear 0.2s;
    transition: box-shadow linear 0.2s;
}

input[type=text]:focus,input[type=email]:focus,select:focus,textarea:focus {
    outline: 0;
    outline: thin dotted 9;
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4);
    box-shadow:  0 0 4px 1px rgba(0, 0, 0, 0.4);
}

blockquote span.quotes {
    background: url(../dh_images/sprite.png) no-repeat;
}

[class^="icon-"], [class*=" icon-"], a.current-lang:before, .link:after, .sidebar .news-head span:after, .brand ul li:before, .form-filter .location:after, .timeline-nav a#next::after, .timeline-nav a#prev::after, #jobs .job-open:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    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;
}


/* ==========================================================================
   layout */

.cookie-wall {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(135,135,135,.95);
    transition: all .4s cubic-bezier(0, 1, 0.5, 1);
    z-index: 9999;
    margin: 0 0;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 25px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 2px 25px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 2px 25px 0px rgba(0,0,0,0.35);
}

.cookie-wall.hide-cookie-wall {
    transform: translateY(100%);
    opacity: 0;
}

.cookie-wall-inner {
    width: 100%;
    padding: 2em calc(1.43884892086331% + 9px) .5em;
    max-width: 1390px;
    margin: 0 auto;
    position: relative;
}

.cookie-wall p {
    font-size: 0.8em;
    color: #fff !important;
    width: 60%;
    float: left;
    margin-left: -0.83333333333333%;
    padding: 0 !important;
    text-align: left;
}

.cookie-wall p a {
    color: #fff !important;
    text-decoration: underline;
    float: none !important;
}

.cookie-wall .button {
    color: #fff;
    font-weight: 700;
    background: #198b75;
    width: 15.1em;
    float: right;
    margin-right: 0.83333333333333%;
    top: -15px;
    position: relative;
    border: none;
    padding: 14px 5% !important;
}

.close-cookie-wall {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    border: none;
    background: transparent;
    position: absolute;
    top: 10px;
    right: 3px;
    height: 30px;
    width: 30px !important;
    display: block;
}

.close-cookie-wall:after {
    content: '×';
    height: 30px;
    width: 30px !important;
}

@media screen and (min-width: 0em) and (max-width: 1080px) {
    .close-cookie-wall {
        right: -1px;
    }

    .cookie-wall {
        margin: 0;
    }
}

@media screen and (min-width: 0em) and (max-width: 768px) {
    .cookie-wall-inner {
        padding-bottom: 13px;
        padding-top: 3px;
    }

    .cookie-wall p {
        width: 90%;
        float: none;
        margin: 10px 0 0;
    }

    .cookie-wall p a {
        text-decoration: underline;
    }

    .cookie-wall .button {
        float: none;
        width: 100%;
        position: static;
    }

    .close-cookie-wall {
        top: 0;
    }
}

.hidden {
    display: none; 
}

.full {
    width: 100%; 
    float: left;
}

.inner {
    max-width: 1390px;
    width: 100%;
    padding: 0 1.43884892086331%;
    margin: 0 auto;
}

.center {
    text-align: center;
}

.blue {
    background: #002f6c;
}

.bright-blue {
    /*background: #002f6c;*/
    background: #002f6c;
}

.green {
    background: #007e66;
}

.bright {
    background: #f6f6f6;
}

.grey {
    background: #878787;
}

.dark {
    background: #292929;
}

.white {
    background: #fff;
}

/* Icons */

.icon-youtube:before {
  content: "\e915";
}
.icon-arrow-outline-active:before {
  content: "\e913";
}
.icon-arrow-right-filled:before {
  content: "\e910";
}
.icon-arrow-outline:before {
  content: "\e90d";
}
.icon-mail:before {
  content: "\e90a";
}
.icon-phone:before {
  content: "\e90b";
}
.icon-search:before {
  content: "\e914";
}
.icon-close:before {
  content: "\e911";
}
.icon-fax:before {
  content: "\e90f";
}
.icon-download:before {
  content: "\e90e";
}
.icon-filled_arrow:before {
  content: "\e90c";
}
.icon-google:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\e901";
}
.icon-fb:before {
  content: "\e906";
}
.icon-location:before {
  content: "\e912";
}
.icon-prev:before {
  content: "\e907";
}
.icon-next:before {
  content: "\e908";
}
.icon-link:before {
  content: "\e902";
}
.icon-arrow_right:before {
  content: "\e903";
}
.icon-world:before {
  content: "\e904";
}
.icon-arrow_down:before {
  content: "\e905";
}




/* endIcons */

/* FontSizes */

h1, h2, h3, h4, h5, h6 {
    color: #002f6c;
}

h1, #home h2 {
    font-size: 3.375em;
    line-height: 0.926em;
    text-transform: uppercase;
}

h2, #home h3 {
    font-size: 2.500em;
    line-height: 0.900em;
    text-transform: uppercase;
    font-weight: 300;
}

#home .headline.big h3 {
    text-transform: none;
}

h3, #home h4, #home .headline.big h3 {
    font-size: 2.125em;
    line-height: 1.118em;
    font-weight: 300;
}

h4 {
    font-size: 1.750em;
    line-height: 0.929em;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0.8em;
}

.headline h4 {
    font-size: 1.625em;
    line-height: 1.143em;
    text-transform: none;
    margin-bottom: 0;
}

h5 {
    font-size: 1.250em;
    text-transform: uppercase;
    font-weight: 300;
}

h6 {
    font-size: 1.125em;
    text-transform: uppercase;
    font-weight: 300;
}

.main-headline {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.headline .main-headline {
    margin-bottom: 0;
}

.headline {
    margin-bottom: 1.563em;
    width: 100%;
    float: left;
}

.level .info-elements .headline {
    margin-bottom: 0;
}

.level .text .headline {
    margin-bottom: 1em;
}

.headline.big {
    margin-bottom: 2.813em;
}

.headline.head-link {
    padding-right: 25.55555555555556%;
    position: relative;
}

.headline.head-link a.link {
    position: absolute; 
    right: 0;
    bottom: 0;
}

.headline h6, #text-with-sidenav .content h6 {
    text-transform: none;
    font-size: 1em
}

#text-with-sidenav .content h6 {
    font-weight: 700;
    color: #002f6c;
}

#text-with-sidenav .content .x3 h6 {
    font-weight: 400;
    font-size: 1em;
}

.column .headline h6 {
    font-size: 1em;
    font-weight: 400;
}

.column h6, .text h6 {
    margin-bottom: 0.6em;
}

.headline h6 {
    margin-bottom: 0 !important;
}


/* endFontSizes */


/* Links & Buttons */
a.link, span.link, p a, p a:link {
    font-size: 1.063em;
    line-height: 1.500em;
    color: #007e66;
    font-weight: 700;
    font-style: italic;
    margin-top: 1.875em;
    float: right;
}

.home-link a {
    color: #007e66;
}

.home-link a:hover {
    color: #002f6c;
}

#home a.link {
    float: none; 
    display: inline-block;
}

.column a.link, .column span.link, .news-element a.link {
    margin-top: 0.625em;
}

.content p a {
    float: none;
    color: #007e66;
    display: inline-block; 
    margin-top: 0;
}

a.link.left, span.link.left {
    float: left;
    margin-top: 0;
}

a.link:after, span.link:after {
    content: "\e902";
    margin: 3px 0 0 12px;
    float: right;
}

.link:hover, a.column.x3:hover .link, .content p a:hover, p a:link:hover {
    color: #002f6c;
}

.text a.link {
    display: inline-block;
    clear: right;
    margin-top: 0.5em;
}

.sidebar a.link, .sidebar a.link:after {
    float: left;
}

.sidebar a.link,.sidebar a.download {
    display: block;
    clear: left;
    margin-top: 0.313em;
    position: relative;
    padding-left: 28px;
    color: #007e66;
    font-weight: 600;
    font-style: italic;
}

.sidebar a.download {
    font-size: 1.063em;
    line-height: 1.500em;
    padding-left: 0;
}

.sidebar a.link:hover, .sidebar a.download:hover, .sidebar a.link:hover i, .sidebar a.download:hover i {
    color: #002f6c;
}

.sidebar a.link:after {
    position: absolute; 
    left: 0;
    top: 3px;
    margin: 0;
}

a.link.reset {
    margin: 0.9em 1.875em 0 0;
}

a.link.reset:after {
    content: "\e911";
    margin: 7px 0 0 7px;
    font-size: 0.7em;
}

a.button, input.button {
    font-size: 1.063em;
    line-height: 1.500em;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;

    background: #198b75; /* Old browsers */
    background: -moz-linear-gradient(top,  #198b75 17%, #12997e 50%, #198b75 96%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #198b75 17%,#12997e 50%,#198b75 96%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #198b75 17%,#12997e 50%,#198b75 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198b75', endColorstr='#198b75',GradientType=0 ); /* IE6-9 */

    padding: 0.938em 2.813em;
    display: inline-block;
}

a.button:hover, input.button:hover {
    background: #198b75; /* Old browsers */
    background: -moz-linear-gradient(bottom,  #198b75 17%, #12997e 50%, #198b75 96%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom,  #198b75 17%,#12997e 50%,#198b75 96%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top,  #198b75 17%,#12997e 50%,#198b75 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198b75', endColorstr='#198b75',GradientType=0 ); /* IE6-9 */
}

input.button:focus {
    outline: 0;
    outline: thin dotted 9;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow:  0;
   /* -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.75);*/
}


.banner a.button, .banner input.button {
    font-size: 0.875em;
    text-shadow: none;
}

a.button.right, input.button.right {
    float: right;
}

a.button.big {
    padding: 1em 5.26838966202783%;
    font-size: 1.375em;
    margin-top: 0.682em;
}



/* endLinks & Buttons */

/* Forms */

.form {
    width: 100%;
    float: left;
}

.form hr {
    width: 100%;
    float: left; 
    clear: left;
}

.form .field {
    width: 47.72727272727273%; 
    margin-bottom: 2.188em;
    float: left;
}

.form .field.full {
    width: 100%;
}

.form .field.oneline {
    float: none;
    clear: left;
}

.form label {
    font-size: 0.875em;
    color: #002f6c;
    margin-bottom: 0.571em;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
}

.form .field.left {
    margin-right: 4.54545454545455%;
}

.form textarea, .form input.text, .form .select {
    width: 100% !important;
    height: 59px; 
    padding: 1.357em 1em;
    font-size: 0.875em;
    color: #8b8b8b;
    border: 1px solid #c6c6c6;
}

.form input.text {
    padding: 0 1em;
}

.form .select-outer {
    position: relative;
}

.form .select:after {
    content: '';
    border: 6px solid transparent;
    border-top: 6px solid #ababab;
    position: absolute; 
    right: 1em;
    top: 50%;
    margin-top: -3px;
}

.form textarea {
    min-height: 125px;
}

#submit, .submit {
    float: right;
    border: none;
    margin-top: 0.625em;
}

.form .customSelectInner {
    width: 100% !important;
}

.checkbox {
    margin-right: 5px;
}

.full.border {
    margin-bottom: 30px;
    padding-bottom: 30px; 
    border-bottom: 1px solid #c6c6c6;
}

.form.search-form {
    width: 63.91650099403579%;
}

#jobs .form h5 {
    margin-bottom: 10px;
}

#jobs .form input.text, #jobs .form .select {
    height: 49px;
}

#jobs .form .select {
    padding: 1em 1em;
}

.form.search-form input.text {
    width: 59.56454121306376% !important;
}

#jobs .form input.button {
    margin-top: 0;
    min-height: 49px;
}

.form.search-form input.button {
    min-width: 37.32503888024883%;
}

.form-filter .field {
    margin-right: 1.98807157057654%;
}

.form-filter .location {
    width: 19.78131212723658%;
    position:relative;
}

.form-filter .location input.text {
    padding-right: 2.5em;;
}

.form-filter .location:after {
    content: "\e912";
    position: absolute; 
    right: 0.3em;
    top: 0.25em;
    font-size: 2em;
    color: #ababab;
}

.form-filter .select-outer {
/*    width: 16.00397614314115%;
*/    width: 20%;
}

#jobs .form-filter .field.search-form, #jobs .form-filter .select-outer.last {
    width: 27%;
}

/*.form-filter .select-outer.right{
    width: 34%;
    margin-right: 0;
}*/

.form-filter .field.search-form {
    width: 34%;
}

.form-filter .field.last {
    margin-right: 0;
}

.form-filter input.button {
    min-width: 23.85685884691849%;
    padding: 0.938em 0;
}

.form input.error, .form .select.error {
    border: 1px solid red;
}

.form label.error {
    color: red;
}

.error-bar {
    background: #007e66;
    color: #fff; 
    padding: 1.563em 1.875em;
}

.searchbox label {
    color: #fff;
}

.searchbox input.button#submit {
    height: 59px;
    margin: 0 0 0 20px;
    float: left;
}

.searchbox .field {
    margin-bottom: 0;
}

.searchbox {
    margin-bottom: 20px;
}


/* endForms */

/* SiteTeaser */

#site-teaser {
    position: relative;
    z-index: 95;
}

#site-teaser .overlay {
    position: absolute;
    right: 0;
    bottom: 4.875em;
    padding: 2.000em 3.750em 2.000em 2.625em;
    color: #fff;
    max-width: 825px;
    z-index: 99;
}

#job-detail #site-teaser .overlay {
    max-width: inherit;
}

#site-teaser .overlay.white {
    background: #fff; 
    background: rgba(255,255,255,0.9);
}

#home #site-teaser .overlay {
    max-width: inherit;
    left: 0;
    top: 35%;
    text-align: center;
}

#home #site-teaser .overlay, #home #site-teaser .overlay h1, #home #site-teaser .overlay h2 {
    width: 100%;
}

#home #site-teaser .overlay h1 {
    font-size: 5.438em;
    line-height: 0.8em;
    text-transform: uppercase;
}

#home #site-teaser .overlay h2 {
    font-size: 2.500em;
    line-height: 1.150em;
}

blockquote {
    font-style: italic;
    font-weight: 300;
    position: relative;
}

#site-teaser .overlay blockquote {
    font-size: 2.250em;
    text-align: right;
    color: #fff;
}

blockquote p {
    color: #fff;
    line-height: 1.278em;
    margin-bottom: 0.417em;
}

#home blockquote p {
    padding: 0;
    display: inline;
}

#site-teaser .overlay blockquote span.quotes {
    width: 73px; 
    height: 55px;
    background-position: 0 0;
}

blockquote .author {
    font-style: normal;
    font-size: 0.444em;
    display: block;
}

.quote {
    padding: 3.438em 1.43884892086331%;
    padding: 0 1.43884892086331%;
}


#home .quote {
    padding: 1em 1.43884892086331% 1.438em;
}

.quote.right blockquote {
    text-align: right;
    float: right;
}

.bright-blue .quote blockquote {
    color: #fff;
}

.quote blockquote {
    max-width: 1050px;
    font-size: 2.500em;
    line-height: 1.075em;
    padding-left: 2.375em;
    color: #002f6c;
    margin-left: 9.62962962962963%;
}

.quote blockquote span.quotes {
    width: 76px;
    height: 56px;
    background-position: -73px 0;
}

.bright-blue .quote blockquote span.quotes {
    background-position: 0 0;
}

blockquote span.quotes {
    position: absolute;
    left: 8px;
    top: 13px;
    display:block;
}

#home blockquote span.quotes {
    position: relative; 
    left: inherit; 
    top: 30px; 
    float: none;
    display: inline-block;
    margin-right: 10px;
}

/* endSiteTeaser */


/* Content */

.has-newsletter .wrapper:last-of-type {
    padding-bottom: 4.5em;
/*    padding-bottom: 7.125em;
*/}

.has-newsletter .quote-element.wrapper:last-of-type {
    margin-bottom: 0;
}


.element {
    width: 100%;
/*    padding-top: 3.750em;
*/    margin-bottom: 4.375em;
    float: left;
}

.inner-content {
    margin-top: 3.75em;
}

.wrapper.bright {
    padding: 3.750em 0;
}

.wrapper.bright.timeline {
    padding-bottom: 0;
}

.content .element {
    padding-bottom: 0;
}

.content .element:first-of-type {
    padding-top: 0;
}

.textcolumns h4 {
    margin-bottom: 0;
}

.content {
    width: 74.51851851851852%;
    float: left;
}

.content.small {
    width: 50%;
}

.text-box {
    margin-bottom: 4.375em;
    float: left; 
    clear: left;
}

.text-box:last-of-type {
    margin-bottom: 0;
}

#home p {
    padding: 0 17.03703703703704%;
}

.row {
    margin-top: 4.375em;
}

.group .row {
    margin: 0 0 4.375em 0;
}
/*
.group .row:last-child {
    margin-bottom: 0;
}*/

.row:first-child {
    margin-top: 0;
}

.content p {
    margin-bottom: 2.500em;
}

.content .intro-element p {
    margin-bottom: 0;
}

.content ul, .contacts ul {
    margin-bottom: 2.500em;
    width: 100%;
    float: left;
}

.content ul li, .contacts ul li {
    font-size: 1.063em;
    line-height: 1.500em;
    padding-left: 20px;
    position: relative;
    list-style: none;
    margin-bottom: 10px;
}

.content ul li:before, .contacts ul li:before {
    content: ''; 
    width: 6px; 
    height: 6px; 
    position: absolute; 
    left: 0;
    top: 8px;
    background: #002f6c;
}

.box {
    padding: 1.563em 1.875em;
}

.content .box p, .content .column p {
    margin-bottom: 0;
}

.columns .column p strong {
    font-weight: normal;
}

.intro {
    border-bottom: 1px solid #d8dce2;
    padding: 3.75em 0;
}

.intro .element {
    float: none;
}

.intro span, .intro p {
    width: 80%;
    font-size: 2.125em;
    line-height: 1.235em; 
    color: #002f6c;
    display: inline-block;
}

.column, .mobile-row {
    margin-left: 2.22222222222222%;
    float: left;
}

a.column {
    display: inline-block;
}

.mobile-row {
    width: 48.88888888888889%;
}

.mobile-row .x3 {
    width: 47.7818855%;
    margin-left: 4.436229%;
}

.column:first-child, .mobile-row:first-child, .mobile-row .x3:first-child {
    margin-left: 0;
}

.column img {
    width: 100%;
}

.x2 {
    width: 48.88888888888889%;
}

.x3 {
    width: 31.81153081510934%;
}

.x4 {
    width: 42.74353876739563%;
}

.x6 {
    width: 65.60636182902584%;
}

.x8, .text-box {
    width: 65.92592592592593%;
}

.column img {
    width: 100%;
    margin-bottom: 1em;
}

.on-image.column img, .collage img {
    margin-bottom: 0;
}

#home .on-image.column img.mobile-image {
    display: none;
}


.brand .on-image {
    width: 33%;
    margin-left: 0.2962962962963%;
}

.brand .x4.column:first-child, .flex .column {
    margin-left: 0;
}

.on-image, .container .small {
    position: relative; 
}

.on-image.column {
    margin-bottom: 30px;
}

.on-image:before {
    content: '';
    position: absolute; 
    left: 0; 
    right: 0; 
    top: 0;
    bottom: 0;
    background: 0,0,0;
    background: rgba(0,0,0,0.3);
    transition: background 0.15s ease-in 0.15s; /* explorer 10 */
    -webkit-transition: background 0.15s ease-in 0.15s; /* chrome & safari */
    -moz-transition: background 0.15s ease-in 0.15s; /* firefox */
    -o-transition: background 0.15s ease-in 0.15s; /* opera */
    z-index: 3;
}

#home .container-items .on-image.bright-blue:before {
    background: 0,0,0;
    background: rgba(0,0,0,0.0);
}

a.on-image.column:hover:before, #home .container-items .on-image.bright-blue:hover:before {
    background: #000;
    background: rgba(0,0,0,0.6);
}

/*#home .collage .on-image.column:hover:before {
    background: #198b75;
    background: rgba(25,139,117,0.7);
}*/

#home .collage .on-image.column:hover:before {
    background: #002f6c;
    background: rgba(0,47,108,0.7);
}

/*#home .collage .on-image:hover:before {
    background: none;
}*/

.on-image h4, .container h4 {
    width: 100%; 
    position: absolute; 
    left: 0;
    bottom: 1.071em;
    text-align: center;
    color: #fff;
    z-index: 5;
}


.two-columns p strong {
    font-weight: normal;
}

.columns .column.image-container img {
    margin-bottom: 0;
}

.columns a.column .image-container, .columns .image-text a.image-container {
    display: block;
    overflow: hidden;
    margin-bottom: 1em;
    float:left;
}

.columns a.column img, .columns .image-text a.image-container img {
/*    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;*/
    margin-bottom: 0;
}

/*.columns a.column:hover img, .columns .image-text:hover img {
    transform: scale(1.1);
}*/

.columns a.column:hover span.link, .columns .image-text:hover a.link {
    color: #002f6c;
}


.flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.flex.row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

/*

.flex.video-element .video {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 85.92%;
    -ms-flex: 0 1 85.92%;
    flex: 0 1 85.92%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex.video-element .column.x4 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 14.08%;
    -ms-flex: 0 1 14.08%;
    flex: 0 1 14.08%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }*/



.flex .on-image.x4, .collage .x3 {
    overflow: hidden;
}

.flex .on-image.x4 img, .collage .x3 img {
    position: absolute; 
    left: 0; 
    top: 0;
    min-height: 100%; 
    min-width: 100%;
    width: auto;
    z-index: 1;
}

.collage .x3 img.brand-logo {
    width: 100%; 
    min-width: inherit; 
    min-height: inherit;
    z-index: 5;
}

.flex .on-image.x4 h4, .flex .on-image:before {
    z-index: 5;
}

.flex .container {
    width: 65.92592592592593%;
    margin-left: 2.22222222222222%;
}

.flex .on-image.x4, .flex .container {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; 
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.flex .on-image.x4 {
    -webkit-flex: 0 1 42.74353876739563%;
    -ms-flex: 0 1 42.74353876739563%;
    flex: 0 1 42.74353876739563%;
}

.flex .container {
    -webkit-flex: 0 1 65.92592592592593%;
    -ms-flex: 0 1 65.92592592592593%;
    flex: 0 1 65.92592592592593%;
}

#home .slider-news .bright-blue {
    background: #002f6c;
}

#home .slider-news span.link {
    display: none;
}

.flex .container .small {
    width: 48.206335%;
}

.flex .container .small:first-child {
    margin-right: 3.39366515837104%;
}

#home .slider-news .container, #home .slider-news .on-image.column {
    margin: 0;
}

#home .slider-news .container {
    width: 57.03703703703704%;
}

#home .slider-news .container-items {
    margin-bottom: 4px;
}

#home .slider-news .container-items:last-child {
    margin-bottom: 0px;
}

#home .slider-news .container .small {
    width: 49.74025974025974%;
}

#home .slider-news .column.x4 {
    width: 42.66666666666666%;
}

#home .slider-news .container .small:first-child {
    margin-right: 0.51948051948052%;
}

#home .slider-news .container-element:first-child {
    margin-right: 0.2962962962963%;
}

#home .slider-news .column h4 {
    line-height: 1em;
}

#home .slider-news h4.font-size-px40 {
    font-size: 2.500em;
}

#home .slider-news h4.font-size-px32 {
    font-size: 2.00em;
}

#home .slider-news h4.font-size-px24 {
    font-size: 1.500em;
}

#home .slider-news .column.small h4 {
    padding: 0 0.8em;
}

#home .slider-news .column h4 span {
    font-size: 0.471em;
    text-transform: none;
    line-height: 1em;
    display: inline-block;
}

#home .slider-news .column.left h4 {
    text-align: left;
    padding-left: 50px;
}

#home .slider-news .column.right h4 {
    text-align: right;
    padding-right: 50px;
}

#home .slider-news h4 p {
    padding: 0;
    line-height: 1em;
}

#home .slider-news h4.font-color-white, #home .slider-news h4.font-color-white p {
    color: #fff;
}

#home .slider-news h4.font-color-blue, #home .slider-news h4.font-color-blue p {
    color: #002f6c;
}

#home .slider-news .preview-element a, #home .slider-news .preview-element div {
    min-width: 380px;
    min-height: 430px;
}

.partner {
    position: relative;
    min-height: 300px;
    overflow: hidden;
    margin-bottom: 30px;
}

.partner:last-child {
    margin-bottom: 0;
}

.partner img.partner-img {
    position: absolute; 
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    z-index: 1;
}

.partner .text {
    width: 65.8051689860835%;
    width: 600px;
    min-height: 300px;
    position: absolute;
    right: -600px;
    top: 0;
    z-index: 3;
}

.partner .text h5 {
    margin-bottom: 1em;
}

.partner .text h5 p {
    color: #002f6c;
    margin-bottom: 0;
}

.partner .partner-logo {
    position: absolute; 
    right: 70px;
    top: 35%;
    display: block;
    cursor: pointer;
    z-index: 2;
}


.partner .partner-logo i {
    color: #fff;
    font-size: 1.5em;
    position: absolute; 
    right: -40px;
    top: 50%;
    margin-top: -12px;

    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.4s cubic-bezier(.8,1.8,.75,.75);
}

.partner .partner-logo.active i {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.brands {
    overflow: hidden;
}

.brand {
    width: 33.33333333333333%;
    float: left;
    position: relative;
}

.small-brands .column {
    width: 33.13452617627568%;
    margin-left: 0.29821073558648%;
}

.small-brands .column, .small-brands .column img {
    margin-bottom: 0;
}

.small-brands .column:first-child {
    margin-left: 0;
}

.brand img.brand-img {
    width: 100%;
}

.brand-logo {
    display: inline-block; 
    position: absolute; 
    left: 0;
    bottom: 2.813em;
    text-align: center; 
    width: 100%;
    max-width: 100%;
    z-index: 5;
    padding: 0 10%;
}

#home .collage img.brand-logo {
    width: auto;
    position: relative; 
    left: inherit; 
    bottom: inherit;
}

#home .collage .logo {
    width: 100%;
    display: block; 
    position: absolute; 
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform:    translate(-50%,-50%);
    -ms-transform:     translate(-50%,-50%);
    -o-transform:      translate(-50%,-50%);
    transform:         translate(-50%,-50%);
    z-index: 3;
}

#home .collage .logo img{
    position: static;
}

/*#home .collage .x3 .logo {
    bottom: 48%;
}*/

.brand-logo img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.brand-info {
    background: #edeeef;
    background: rgba(237,238,239,0.85);
    position: absolute; 
    left: 0;
    bottom: 0;
    text-align: left;
    padding: 1.250em 3.125em;
    opacity: 0;
    z-index: 5;
    display:block;
}

.brand ul li {
    font-size: 1.063em;
    line-height: 1.500em;
    position: relative;
    list-style: none;
    padding-left: 20px;
    margin-bottom: 10px;
}

.brand ul li:before {
    content: "\e910";
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 0.75em;
    color: #007e66;
}

.brand h5 {
    margin-bottom: 1em;
}

.brand:hover {
    color: #202020
}

.brand span.link {
    margin-top: 10px;
}

.brand:hover span.link {
    color: #002f6c;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.brand .brand-logo.name p {
    color: #fff;
    font-size: 3em;
    line-height: 1em;
    font-weight: 300;
}

.brand:hover .brand-logo {
  -webkit-animation: fadeInUp 0.8s; /* Safari 4+ */
  -moz-animation:    fadeInUp 0.8s; /* Fx 5+ */
  -o-animation:      fadeInUp 0.8s; /* Opera 12+ */
  animation:         fadeInUp 0.8s; /* IE 10+, Fx 29+ */
  bottom: 80%;
}

.brand:hover .brand-info {
  -webkit-animation: fadeInUp 0.2s; /* Safari 4+ */
  -moz-animation:    fadeInUp 0.2s; /* Fx 5+ */
  -o-animation:      fadeInUp 0.2s; /* Opera 12+ */
  animation:         fadeInUp 0.2s; /* IE 10+, Fx 29+ */
  opacity: 1;
}

.brand:after {
    content: '';
    width: 100%; 
    height: 350px;
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(21,60,106,0) 31%, rgba(0,1,2,1) 99%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(21,60,106,0) 31%,rgba(0,1,2,1) 99%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(21,60,106,0) 31%,rgba(0,1,2,1) 99%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 
    position: absolute; 
    left: 0;
    bottom: 0;
    z-index: 3;
    opacity: 0.9;
}

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

.banner:after {
    content: '';
    width: 50%; 
    height: 850px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,000000+100&0+31,1+99 */
    background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(21,60,106,0) 31%, rgba(0,1,2,1) 99%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(21,60,106,0) 31%,rgba(0,1,2,1) 99%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(21,60,106,0) 31%,rgba(0,1,2,1) 99%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
 
    position: absolute; 
    right: 0;
    top: 0;
    z-index: 3;
    opacity: 0.8;
}

.banner .inner {
    position:relative;
    bottom: 0;
}

.banner img {
    width: 100%;
}

.banner-text {
    position: absolute;
    bottom: 20%;
    right: 50px;
    text-shadow: -1px 0px 9px rgba(0, 0, 0, 0.8);
}

.content .banner .banner-text {
    position: absolute;
    right: 1.875em;
    bottom: 15%;
}

.banner .banner-text {
/*    width: 30%;
*/    text-align: right;
    z-index: 5;
}

.banner-text h1, .banner-text h2, .banner-text p {
    color: #fff;
}

 .banner-text h1, .banner-text h2 {
    font-size: 4.000em;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 0.313em;
}

 .banner-text p {
    font-weight: 700;
    font-size: 1.250em; 
    line-height: 1.300em;
    margin-bottom: 30px;
    font-style: italic;
}

.grid-sizer,
.grid-item {
    width: 16.66666666666667%;
}

.grid-item {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
/*    margin-bottom: 1px;
*/    float: left;
}

.grid-item img {
    width: 100%;
}

.grid-item--width2 {
    width: 33.33333333333334%;
}

.accordion .item a.show-content:hover {
    background: #002f6c;
    color: #fff;
}

.accordion .item {
    margin-bottom: 1px;
}

.accordion .item a.show-content {
    width: 100%;
    color: #002f6c; 
    font-size: 1.250em;
    display: block;
    padding: 0.70em 0.5em 0.600em 4.000em;
    float: left;
    position: relative;
}

.accordion .item a.show-content i {
    width: 54px; 
    height: 54px;
    background: #d8d8d8;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}

.accordion .item a.show-content i:before {
    content: '+';
    color: #fff;
    font-size: 1.875em;
    line-height: 1em;
    display: inline-block;
    margin-top: 4px;
    font-style: normal;
}

.accordion .item a.show-content:hover i, .accordion .item.opened a i {
    background: #19437a;
}

.accordion .item.opened a.show-content i:before {
    content: '–';
}

.accordion .item.opened {
    background: #002f6c;
}

.accordion .item.opened a.show-content, .accordion .hidden-content p {
    color: #fff;
}

.accordion .hidden-content {
    padding: 1.750em 6em 0 5.000em;
    border-top: 1px solid #fff;
}

.accordion .hidden-content a, .accordion .hidden-content a:hover, .accordion .hidden-content ul li {
    color: #fff;
}

.accordion .hidden-content a:hover {
    text-decoration: underline;
}

.accordion .hidden-content ul li:before {
    background: #fff;
}

#company .accordion .hidden-content p {
    margin-bottom: 2.500em;
}

.hidden-content {
    display: none;
}

.downloads h5 {
    margin-bottom: 1em;
}

.downloads .download {
    font-size: 1.063em;
    line-height: 1.500em;
    color: #002f6c;
    display: block;
    margin-bottom: 0.625em;
}

.downloads .download:hover {
    color: #198b75;
}

.download i {
    color: #198b75;
    margin-right: 0.625em;
}

.testimonial {
    min-height: 230px;
}

.testimonial .flex-img {
    margin-left: 2.22222222222222%;
}

.testimonial img, .testimonial blockquote {
    float: left;
}


.testimonial blockquote {
    position: relative;
    width: 65.96624696266844%;
    color: #002f6c; 
/*    font-size: 1.375em;
*/    font-size: 1em;
    font-weight: 400;
    padding: 2.273em 6.95825049701789% 2.273em 11.53081510934394%;
}

.testimonial blockquote .quotes {
    width: 35px; 
    height: 26px; 
    background-position: -158px 0;
    left: 10%;
    top: 2.7em;
}

.testimonial blockquote .author {
    font-size: 0.75em;
    margin-top: 0.909em;
}

.news-element a.flex-img {
    width: 42.74353876739563%;
}

.news-element a.flex-img, .testimonial .flex-img {
    position: relative;
    overflow: hidden;
}

.news-element a.flex-img img, .testimonial .flex-img img {
    position: absolute; 
    left: 0;
    top: 0;
    min-width: 100%; 
    min-height: 100%;
    height: auto;
    width: auto;
}

.news-element .text {
    width: 57.25646123260437%;
}

.news-element img, .news-element .text, .news-element a.flex-img {
    float: left;
}

.tooltip {
    background: #198b75;
    color: #fff;
    font-size: 1.25em;
    text-transform: uppercase;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    bottom: 125% !important;
    top: inherit !important;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    padding: 5px 10px;
}

.tooltip:after {
    content: '';
    border: 6px solid transparent; 
    border-top: 6px solid #198b75;
    position: absolute; 
    bottom: -12px;
    left: 50%;
    margin-left: -6px;
    display: inline-block;
}

.slick-dots .tooltip {
    display: none;
}

.slick-dots .slick-active .tooltip {
    display: block;
}

.video iframe {
    width: 100%;
    min-height: 560px;
    display:block;
}

.video .description {
    padding: 0.3em 1.875em 0.563em;
    font-weight: 700;
    color: #002f6c;
    display: block;
}

.video-element .video {
    width: 85.925926%;
}

.video-element .column.x4 {
    margin-left: 0;
}

#home .video-element .column.x4 {
    text-align: left;
}

#home .video-element .column.x4 h3 {
    color: #fff;
    margin-bottom: 20px;
}

#home .video-element .column.x4 p.video-text {
    padding: 0;
    font-size: 1.375em;
    line-height: 1.182em;
}

#home .video-element .column.x4 a.link {
    color: #fff;
    margin-top: 1em;
}

#home .video-element .column.x4 a.link:hover {
    color: #198b75;
}

.video-element .bright-blue h2, .video-element .bright-blue.box p {
    color: #fff;
    font-size: 3.000em;
    line-height: 1.083em;
    position: relative;
}

.video-element .bright-blue.box p {
    font-size: 1em;
}

#home .video-element .bright-blue h2 {
    text-align: left;
}

.video-element .bright-blue a {
    position: relative;
}

.video-element .bright-blue h2 {
    display: inline;
}

.video-element .bright-blue i {
    font-size: 1.3em;
    color: #fff;
    vertical-align: super;
    position: relative;
    /* right: 0; */
    bottom: 9px;
}

#home .video-element .bright-blue i {
    font-size: 1.2em;
    bottom: 15px;
}

.element .video img {
    width: 100%;
}



.intro-element .image-text {
    margin-top: 2.5em;
}

.info-elements .image-text, .info-elements .full-text {
    margin-top: 2.188em;
    padding-top: 2.188em;
    border-top: 1px solid #d8dce2;
}

/*.info-elements .image-text:first-child, */.info-elements .full-text:first-child {
    margin: 0;
    padding: 0;
    border: none;
}

.image-text .text {
    width: 57.15705765407555%;
    padding-left: 2.98210735586481%;
    float: left;
}

.image-text .text p {
    margin-bottom: 0.938em;
}

.info-elements .image-text .text.text {
    width: 68.18846918489066%;
}

.info-elements .image-text img.column {
    margin: 0;
}

.image-text .text.left {
    padding: 0 2.98210735586481% 0 0;
}

.image-text .text p a {
    font-style: normal; 
    font-weight: 400;
    color: #202020;
}

.image-text .text p a:hover {
    color: #007e66;
}

.image-text p {
    margin-bottom: 1.5em;
}

.sort {
    margin-bottom: 2.188em;
}

.sort-by {
    position: relative;
    float: right;
    padding: 0.50em 3.125em 0.750em;
}

.sort .select:after {
    content: ''; 
    border: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute; 
    right: 3.083em;
    top: 50%; 
    margin-top: -3px;
}

.sort .select {
    color: #fff;
    font-size: 0.875em;
}

#popup {
    max-width: 660px;
    width: 100%;
    padding: 3.125em;
    float: left;
}

#popup p {
    margin-bottom: 30px;
}

#popup a {
    float: none; 
    color: #002f6c;
    margin-top: 0;
}

.pager {
    margin-top: 2.188em;
    padding-top: 0.813em;
    border-top: 1px solid #d8dce2;
}

#jobs .pager {
    border: none; 
    margin-top: 0;
    padding-top: 1em;
}

#jobs .pager ul, #jobs .pager ul li {
    margin-bottom: 0;
}

.job-desc p:first-of-type em {
    width: 100%;
    font-size: 1.250em;
    text-transform: uppercase;
    font-weight: 300;
    font-style: normal;
    color: #002f6c;
    margin-bottom: 0.8em;
    float: left; 
    clear: left;
}

#job-detail .job-desc {
    width: 100%;
    float: left;
}

#job-detail .job-desc p {
    margin-left: 0 !important;
    text-align: inherit !important;
}

#job-detail .content ul li:last-child {
    margin-bottom: 0;
}

#job-detail .job-closingtext p {
    margin: 2.500em 0 0;
}

#job-detail .job-closingtext {
    border-top: 1px solid #ccc;
    float: left; 
    width: 100%;
}

#job-detail .job-closingtext:empty {
    display: none;
}

#job-detail .element {
    margin-bottom: 2.500em;
}

.faq .pager {
    margin-top: 0;
    border: none;
}

.pager ul {
    float: right;
    width: auto;
}

.pager ul li {
    float: left;
    padding: 0;
}

.pager ul li:before {
    display: none;
}

.pager ul li a {
    width: 30px; 
    height: 30px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    background: #edeeef;
    color: #8c8d8e;
    margin-left: 1px;
    font-size: 1em;
}

.pager ul li a i {
    font-size: 0.875em;
    right: 50%;
    margin-right: -6px;
}

.pager ul li a i.icon-prev {
    margin-right: -14px;
}

.pager ul li a:hover, .pager ul li.active a {
    background: #002f6c;
    color: #fff;
}

.pager a:hover .icon-prev:hover, .pager a:hover .icon-next {
    color: #fff;
}

.pager .icon-prev, .pager .icon-next {
    color: #8c8d8e;
}

#home .icon-prev.slick-disabled, #home .icon-next.slick-disabled {
    background: #d8d8d8;
    cursor: default;
}



ul.tabs {
    margin: 0;
    border-bottom: 3px solid #002f6c;
}

ul.tabs li {
    color: #002f6c;
    display: inline-block;
    padding: 1em 4.97017892644135%;
    cursor: pointer;
    font-size: 1.250em;
    margin: 0;
    border-bottom: 3px solid #fff;
}

ul.tabs li:before {
    display: none;
}

ul.tabs li.current {
    background: #002f6c;
    color: #fff;
    border-bottom: 3px solid #002f6c;
}

.tab-content {
    display: none;
    padding: 2.500em 0 0;
    float: left;
}

.tab-content .full-text p {
    margin-bottom: 0;
}

.tab-content.current {
    display: inherit;
}

.collage .x3.on-image {
    margin-left: 2.22222222222222%;
}

#textpage .content p a {
    font-weight: 400; 
    text-decoration: underline;
}

#textpage .content a.link {
    clear: right;
    margin-top: 1.2em;
}

#contact .side-contact, #contact .content {
    float: left;
}

#contact .content {
    width: 65%;
    padding-right: 10%;
    border-right: 1px solid #002f6c;
}

#contact.thank-you .content {
    border: none;
}

#contact .side-contact {
    width: 35%;
    padding-left: 2.22222222222222%;
}

.faq .accordion .show-content {
    font-weight: 700;
}

.faq .accordion .short-desc {
    font-size: 0.800em;
    font-weight: 400;
    display: block;
    margin-top: 1em;
}

.faq .accordion .hidden-content {
    border: none;
    padding-top: 0.9em;
}

.contacts {
    position: relative;
}

/*.contacts.fixed .side-nav {
    position: fixed; 
    top: 0;
    max-width: 313px;
}*/

.contacts.fixed  .content {
    margin-left: 23.23333333333333%;
}

.contacts.persons .x3 .headline {
    margin-bottom: 0;
}

.contacts.persons h6 {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.200em;
}

#text-with-sidenav .contacts a.mail i {
    margin-top: 4px;
}

.stat-row {
    margin-bottom: 2px;
}

.stat-row-mobile {
    width: 49.90059642147118%;
    margin-left: 0.19880715705765%;
    float: left;
}

.stat-row-mobile:first-child {
    margin-left: 0;
}

.stat-box {
    width: 49.90059642147118%;
    float: left;
    border: 1px solid #edeeef;
    margin-left: 0.19880715705765%;
    padding: 0.5em 0.75em;
    height: 250px;
    position: relative;
}

.stat-box.wide {
    width: 49.90059642147118%;
}

.stat-box:first-child {
    margin-left: 0;
}

.box-head, .box-foot {
    font-size: 0.938em;
    display: inline-block;
    float: left;
}

.box-foot {
    position: absolute; 
    right: 0.75em; 
    bottom: 0.5em;
}

.stat-box .count {
    width: 100%;
    font-size: 10.063em;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    display: block;
    position: absolute; 
    left: 0;
    top: 17%;
}

.stat-box .count.middle {
    font-size: 7.500em;
    top: 26%;
}

.stat-box .count.small {
    font-size: 5em;
    top: 34%;
}

.font-blue {
    color: #002f6c;
}

.font-green {
    color: #4f7e76;
}

.statistic {
    font-size: 1em;
}

.statistic .bubble {
    width: 177px;
    height: 177px;
    display: block;
    font-size: 1.750em; 
    line-height: 1em;
    color: #fff; 
    font-weight: 700;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute; 
    left: 7.638554%;
    top: 1.786em;
    z-index: 3;
    text-align: center;
    vertical-align: middle;
}

.statistic .bubble .count {
    font-size: 1em;
    position: absolute; 
    left: 0; 
    top: 40%;
}

.statistic .bubble.small {
    width: 107px;
    height: 107px;
    font-size: 1.063em;
    top: inherit; 
    bottom: 1.471em;
    left: 210px;
    z-index: 2;

}

.statistic .bubble.blue {
    background: #19437a;
    background: rgba(25,67,122,0.95);
}

.statistic .bubble.green {
    background: #4f7e76;
}

.statistic .title {
    position: absolute; 
    left: 237px;
    top: 10px;
    font-size: 0.5em; 
    font-weight: 700;
    color: #2f2f2f;
    font-style: italic;
}

.statistic .small .title {
    font-size: 0.824em;
    left: 175px;
}

.statistic .title:before {
    content: ''; 
    width: 60px; 
    height: 1px;
    border-top: 1px solid #2f2f2f;
    position: absolute; 
    right: 100%;
    margin-right: 10px;
    top: 45%;
}

/*.statistic .small .title:before {
    width: 60%;
}
*/
.properties {
    margin-bottom: 3.125em;
}

.properties .mobile-content {
    display: none;
}

.properties .row {
    margin-top: 1.875em;
}

.properties .row:first-child {
    margin-top: 0;
}

.properties .column.x3 {
    position: relative;
    cursor: pointer;
    text-align: center;
}

.properties .column.x3 h5 {
    width: 100%;
    color: #fff;
    position: absolute; 
    left: 0;
    bottom: 20px;
}

.properties .column.x3 img {
    width: 100%;
    margin-bottom: 0;
}


.properties .hidden-content {
    margin: 2px 0;
    padding: 2.500em 0;
    color: #fff;
    position: relative;
}

.properties .hidden-content.active {
    display: block;
}

.properties .column.active:after {
    content: '';
    border: 15px solid transparent;
    border-bottom: 15px solid #002f6c;
    position: absolute; 
    left: 7.70484581497797%;
    bottom: -2px;
}

.properties .hidden-content .column.x3 {
    text-align: left;
    cursor: initial;
}

.properties .hidden-content h6, .properties .hidden-content li a {
    color: #fff;
}

.properties .hidden-content h6 {
    margin-bottom: 1.5em;
}

.properties .hidden-content li {
    list-style: none;
    margin-bottom: 0.875em;
    font-size: 1.063em;
    line-height: 1.500em;
}

.properties .hidden-content li a:hover {
    color: #198b75;
}

.properties .hidden-content .icon-close {
    position: absolute; 
    right: 1.25em;
    top: 1.25em;
    cursor: pointer;
}

.map {
    position: relative;
}

.map-filter {
    position: absolute; 
    right: 0;
    top: 37px;
    z-index: 101;
    background: rgba(0,0,0,0.85);
    max-width: 235px;
    padding: 20px;
}

.map-filter h5 {
    text-transform: none;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.map-filter .field {
    position: relative;
}

.map-filter .field:last-child label {
    margin-bottom: 0;
}

.map-filter .checkbox {
    position: absolute; 
    left: 0;
    top: 1px;
}

.map-filter label {
    color: #fff; 
    font-size: 0.75em; 
    font-style: italic;
    padding-left: 43px;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.map-filter.no-filter label {
    padding-left: 23px;
}

.map-filter label:before {
    content: ''; 
    width: 18px; 
    height: 18px; 
    position: absolute; 
    left: 22px;
    top: -1px;
}

.map-filter.no-filter label:before {
    left: 0;
}


.map-filter label.dh:before {
    background: url(../dh_images/dh-legende.png) no-repeat;
}

.map-filter label.shr:before {
    background: url(../dh_images/shg-legende.png) no-repeat;
    background: none;
    background: #382f2d;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin-top: 3px;
}

.map-filter label.ich:before {
    background: url(../dh_images/ich-legende.png) no-repeat;
}

.map-filter label.jaz:before {
    background: url(../dh_images/jaz-legende.png) no-repeat;
}

.map-filter label.upcoming:before {
    background: url(../dh_images/upcoming-legende.png) no-repeat;
}

.map-filter label.affiliate:before {
    background: url(../dh_images/affiliate-legende.png) no-repeat;
}


.fixed-search {
/*    height: 80px;
*/    padding: 1em 0;
    position: fixed; 
    bottom: 0;
    z-index: 101;
}

.fixed-search h6, .fixed-search p {
    color: #fff;
}

.fixed-search h6 {
    margin-bottom: 0;
}

.fixed-search .form input {
    width: 48% !important;
    float: left;
}

.fixed-search .form input.text {
    height: 49px;
}

.fixed-search .form input.submit {
    margin-top: 0;
    float: right;
}

.search-results {
    border-left: 1px solid #002f6c;
}

.search-results h5 {
    color: #fff;
}

.search-results ul.results {
    margin-bottom: 0;
    list-style: none;
}

.content .search-results .results li {
    padding: 0;
    margin-bottom: 0;
    padding: 1.563em 1.875em;
    border-top: 1px solid #f6f6f6;
}

.content .search-results .results li a {
    display: block;
    font-size: 1.125em;
}

.content .search-results .results li a h1,
.content .search-results .results li a h2, 
.content .search-results .results li a h3,
.content .search-results .results li a h4,
.content .search-results .results li a h5,
.content .search-results .results li a h6 {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
}

.content .search-results .results li:first-child {
    border: none;
}

.search-results .results li:hover {
    background: #f6f6f6;
}

.search-results ul.results li:before {
    display: none;
}

.search-results .results li p {
    margin-bottom: 0;
    color: #202020;
}

.search-results .results li .url {
    font-style: italic;
    font-size: 0.875em;
    display:block;
    width: 100%;
}

.search-results .pager {
    margin-top: 0;
}

.content .search-results .pager ul {
    margin: 0;
}


/* endContent */


/* Sidebar */

.sidebar {
    width: 23.32320810018652%;
    margin-left: 2.15827338129496%;
    margin-bottom: 3.75em;
    float: left;
}

.sidebar.left {
    margin: 0;
}

.flex .sidebar {
    border-left: 1px solid #acd5cd;
}

.sidebar .box {
    margin-bottom: 1.563em;
}

.sidebar .box:last-child {
    margin-bottom: 0;
}

.sidebar .news.box {
    padding: 0;
}

.sidebar .news .box {
    margin-bottom: 1em;
}

.sidebar h4 {
    font-size: 1.375em;
    line-height: 1.091em;
    margin-bottom: 0.909em;
    text-transform: none;
}

.content a.phone, .content a.mail, .content a.fax {
    margin-bottom: 0.5em;
}

a.phone, a.mail, a.fax {
    color: #002f6c;
    display: block;
    font-size: 1.063em;
    line-height: 1.500em;
}

a.phone i, a.mail i, a.fax i {
    margin-right: 20px;
}

a.fax i {
    font-size: 1.3em;
}

a.mail {
    position: relative;
    padding-left: 40px;
}

a.mail i {
    font-size: 0.875em;
    margin-top: 1px;
    position: absolute; 
    left: 0;
    top: 5px;
}

a.phone:hover, a.mail:hover {
    color: #007e66;
}

.sidebar .slider a.slick-arrow {
    position: absolute;
    bottom: 1px;
    top: inherit;
    color: #fff;
    background: #002f6c;
    padding: 10px 14px;
    cursor: pointer;
    font-size: 1em;
    z-index: 99;
}

.sidebar .slider a.slick-arrow:hover {
    background: #19437a;
}

.sidebar .slider a.slick-arrow.icon-next {
    right: 0;
}

.sidebar .slider a.slick-arrow.icon-prev {
    right: 38px;
    left: inherit;
}

.date {
    display: block; 
    font-size: 0.75em;
    color: #475b73;
}

.sidebar .news-head {
    background: #19437a;
    color: #fff;
}

.sidebar .news-head span {
    background: #002f6c;
    display: inline-block;
    padding: 0.938em 1.875em;
    position: relative;
}

.sidebar .news-head span:after {
    content: "\e90c";
    position: absolute; 
    left: 100%;
    top: 0;
    color: #002f6c;
    font-size: 3.3em;
    margin-left: -1px;
}

.sidebar .map {
    position: relative;
    padding: 0;
    overflow: hidden;
    min-height: 148px;
}

.sidebar .map:before {
    content: '';
    background: #19437a;
    background: rgba(25,67,122,0.8);
    position: absolute; 
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display:block;
    z-index: 3;
}

.sidebar .map img {
    width: 100%;
    position: absolute; 
    left: 0;
    top: 0;
    z-index: 1;
    min-width: 100%;
    width: auto;
    min-height: 100%;
}

.sidebar .map .text {
    z-index:99;
    position: relative;
    padding: 2.500em 1.875em;
}

.sidebar .map h4, .sidebar .map h3 {
    width: 100%;
    color: #fff;
    margin-bottom: 0;
}

.sidebar .certificates img {
    float: left;
    width: 70%;
}

.sidebar .certificates img:first-child {
    margin-right: 10%;
}

.sidebar .certificates img.small {
    width: 20%;
}

.filter-header {
    padding: 1em 8.95522388059701%;
}

.filter-header h5 {
    color: #fff;
}

.filter h6 {
    color: #002f6c;
    margin-bottom: 1.250em;
}

.filter-header h5, .filter h6 {
    font-size: 1em;
}

.filter-category {
    padding: 1.875em 8.95522388059701% 0;
}

.filter-category .field {
    margin-bottom: 1.250em;
}

.filter-category label {
    font-size: 0.875em;
    color: #002f6c;
}

.sidebar.fixed {
    top: 68px;
    position: fixed;
    height: 100%;
    max-width: 310px;
}

#text-with-sidenav .content {
    width: 76.66666666666667%;
    border-left: 1px solid #002f6c;
    padding-left: 2.15827338129496%;
}

/*#text-with-sidenav .side-nav {
    width: 100%;
    margin: 0;
}
*/
.side-nav a, .side-nav span.side-nav-head {
    width: 100%;
    display: block; 
    color: #002f6c; 
    text-transform: uppercase;
    padding: 1em 1.25em;
    margin-bottom: 1px;
}

.side-nav a h3, .side-nav a h3 strong {
    font-size: 1em !important;
    margin-bottom: 0 !important;
    font-weight: normal !important;
}

.side-nav a:hover,.side-nav a.active, .side-nav span.side-nav-head {
    background: #002f6c;
    color: #fff;
}

.side-nav a:hover h3, .side-nav a.active h3 {
    color: #fff !important;
}

.faq .side-nav a {
    padding-left: 2.500em;
}

.faq .side-nav a:hover, .faq .side-nav a.active {
    background: #f6f6f6;
    color: #002f6c; 
}

.table-head {
    color: #fff; 
    font-weight: 700; 
    padding: 1em;
}

.table td {
    font-size: 1.063em;
    line-height: 1.500em;
    padding: 1.2em;
    color: #002f6c;
}

.table td.left {
    width: 34.29423459244533%;
    font-weight: 700;
    color: #002f6c;
}

#jobs .table .table-head td {
    color: #fff;
    font-weight: normal; 
    text-transform: uppercase;
}

#jobs #map {
    margin-bottom: 2.500em;
}

.mobile-data {
    display: none;
}

#carrier .slideshow-inner .icon-next:before {
    text-shadow: 0px 0px 9px rgba(0, 0, 0, 1);
}


/* endSidebar */

/* Map */

#map {
    width: 100%;
    height: 635px;
}


#map.small {
    height: 480px;
}

.map-outer {
    position: relative;
}

.map-outer .headline-banner {
    background: #19437a; 
    position: absolute; 
    left: 0;
    top: 37px;
    z-index: 55;
    padding: 1.3em 1.875em 1.563em 4.688em;
}

.map-outer .headline-banner h2, .map-outer .headline-banner h4 {
    color: #fff;
}

.map-outer .headline-banner h4 {
    margin-bottom: 0;
    text-transform: none;
}

#map .gm-style-iw {
    top: 15px !important;
    background-color: #2f2f2f;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid rgba(72, 181, 233, 0.6);
}

#map #iw-container {
    background: #2f2f2f;
    float: left;
}


#map #iw-container .info-window {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    margin-right: 1px;
    padding: 1.250em 0 1.250em 1.250em;
    overflow-y: auto;
}

#map .gm-style-iw h5, #map .gm-style-iw address, #map .window-link, #map .window-link span, #map .price-info {
    color: #fff;
}

#map #iw-container .info-window div.image {
    width: 100%;
    height: 17em;
    background-size: cover;
    background-position: center;
}

#map .jobs {
    margin: 0 0 1em 1em;
}

#map .jobs a {
    color: #ffffff;
}

#map .jobs a:hover {
    color: #007e66;
}


#map .gm-style-iw h5 {
    text-transform: none;
    font-size: 1.538em;
    line-height: 1.2em;
    margin-bottom: 10px;
    color: #fff;
}

#map .gm-style-iw address {
    display: block;
    font-size: 0.75em;
    line-height: 1.5em;
}

#map .window-link {
    font-weight: 700;
    font-style: italic;
    font-size: 1.077em;
}

#map .window-link span {
    margin-left: 5px;
    font-size: 0.75em;
}

#map .price-info {
    font-size: 0.923em;
    display: inline-block;
    float: right;
}

#map .price-info .price {
    font-size: 2.167em;
    font-weight: 700;
}

.contacts #map .gm-style-iw p {
    color: #fff;
}



/* endMap */

/* Slider */

.slideshow, .slideshow .inner-link {
    position: relative;
}

.full.slideshow .item:before {
    content: '';
    position: absolute; 
    left: 0; 
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    width: 100%; 
    height: 100%;
}

.slideshow h4, .slideshow a.continue.link {
    position: absolute; 
    z-index: 99;
}

.slideshow a.continue.link {
    margin-top: 0;
}

.slideshow a.continue.link:hover {
    color: #007e66;
}

.slideshow h4 {
    bottom: 45px;
    color: #fff;
}

.slideshow a.continue.link {
    top: 2.813em;
    right: 1.43884892086331%;
    color: #fff;
}

.slideshow .item {
    position: relative;
}

.slideshow .item:after {
    content: '';
    width: 100%;
    position: absolute; 
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    display: block;
}

.icon-prev, .icon-next {
    position: absolute; 
    top: 50%;
    margin-top: -10px;
    z-index: 999;
    font-size: 2em;
    color: #fff;
    cursor: pointer;
}

#site-teaser.banner:after {
    background: transparent; 
}

#site-teaser .slick-track img {
    display: inline-block;
    opacity: 1;
    transition: 0.3s opacity ease-in-out;
}

#site-teaser .slick-track img.hidden {
    display: none;
    opacity: 0;
}
#site-teaser .slick-track img:first-child {
    display: inline-block;
}

#site-teaser .teaser-slick-dots {
    top: -46px;
    z-index: 999999;
    position: relative;
    color: white;

}

#site-teaser .dots-teaser {
    text-align: center;
}

#site-teaser .dots-teaser li {
    display: inline-block;
    margin: 0 5px;
}

#site-teaser .dots-teaser li.slick-active button {
    background: #198b75;
    opacity: 1;
    outline: 0;
}

#site-teaser .dots-teaser button {
    border-radius: 50%;
    border: none;
    background: #fff;
    color: transparent;
    width: 20px;
    height: 20px;
    opacity: 0.8;
    transition: 0.15s background-color ease-in-out;
}

#site-teaser .dots-teaser button:focus {outline:0;}

#home #site-teaser .icon-prev {
    left: 2.96296296296296%;
}

#home #site-teaser .icon-next {
    right: 2.96296296296296%;
}

#home .icon-prev, #home .icon-next {
    background: #198b75;
    padding: 30px 13px;
    font-size: 1.3em;
    margin-top: -65px;
}

#home #site-teaser .icon-prev, #home #site-teaser .icon-next {
    background: transparent;

}

.icon-prev:hover, .icon-next:hover {
    color: #fff;
}

.icon-prev {
    left: 2.96296296296296%;
}

#home .icon-prev {
    left: -18px;
}

.icon-next {
    right: 2.96296296296296%;
}

#home .icon-next {
    right: -18px;
}

.slider-element {
    width: 100%; 
    float: left;
}

.slider-element .icon-prev, .slider-element .icon-next {
    background: #198b75;
    font-size: 1.3em;
}

.slider-element .icon-prev {
    left: 0;
    padding: 10px 14px 10px 12px;
}

.slider-element .icon-next {
    right: 0;
    padding: 10px 12px 10px 14px;
}

.slider-element .slider-images {
    width: 65.60636182902584%;
    position: relative;
    float: left;
}

.slider-element .text {
    width: 34.39363817097416%;
    float: left;
}

.slick-dots {
    display: none !important; 
}

.slick-dots {
    background: #292929;
    margin-top: 4px;
    float: left; 
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

#home .slick-dots {
/*    display: block !important;
*/    text-align: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-flex !important;
    display: flex !important;
}

.no-flexbox #home .slick-dots {
    display: block !important;
}

.no-flexbox #home .slick-dots li button {
    top: inherit;
}

#home .slick-dots li button {
    position: relative;
    top: 12px;
}

#home .slick-dots li.slick-active button {
    top: 0;
}

.slick-dots li {
    width: 20%;
/*    float: left;
*/    list-style: none;
    display: inline-block;
    position: relative;
/*    margin-top: 12px; 
*/    
}

.slick-dots li.slick-active {
    margin-top: 0;
}

.slick-dots li button {
    color: transparent;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: none;
    margin: 0 6px;
    width: 25px; 
    height: 25px;
}

.slick-dots li.slick-active button {
    background: #198b75;
    width: 50px; 
    height: 50px;
    position: relative;
    z-index: 99;
}

.slick-dots li.slick-active button:focus {
    box-shadow: none;
    outline: none;
}

.slick-dots li:before, .slick-dots li:after {
    content: '';
    width: 42%; 
    height: 1px;
    background: #fff; 
    position: absolute; 
    top: 50%;
}

/*.slick-dots li.slick-active:before, .slick-dots li.slick-active:after {
    width: 38%;
    top: 24px;
}*/

.slick-dots li:before {
    left: 0; 
}

.slick-dots li:after {
    right: 0; 
}

.slick-dots li:first-of-type:before, .slick-dots li:last-of-type:after {
    display: none;
}

/* endSlider */



/* Timeline */

.element.timeline {
    overflow:hidden;
}

#timeline {
    width: 1350px;
/*    height: 350px;
*//*    overflow: hidden;
*/    margin: 0 auto;
    position: relative;
    z-index: 99;
}

.timeline-outer {
    width: 100%;
    position:relative;
    -webkit-box-shadow: inset 0px 3px 14px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 3px 14px -1px rgba(0,0,0,0.75);
    box-shadow: inset 0px 3px 14px -1px rgba(0,0,0,0.75);
}

.timeline-dates {
    max-width: 1350px; 
    overflow: hidden;
}

#dates {
    width: 1350px;
    height: 160px;
    position:relative;
}

#dates .line {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 52px;
    height: 1px;
    width: 100%;
    background-color: #002f6c;
    display: block;
}

#dates .line:before, #dates .line:after, .timeline-dates:before, .timeline-dates:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 160px;
    width: 40px;
}

#dates .line:before, .timeline-dates:before {
    left: 0;
    background-image: -webkit-linear-gradient( left , #f6f6f6, rgba(246, 246, 246, 0));
    background-image: linear-gradient(to right, #f6f6f6, rgba(246, 246, 246, 0));
}

#dates .line:after, .timeline-dates:after {
    right: 0;
    background-image: -webkit-linear-gradient( right , #f6f6f6, rgba(246, 246, 246, 0));
    background-image: linear-gradient(to left, #f6f6f6, rgba(246, 246, 246, 0));
}

#dates li {
    list-style: none;
    float: left;
    width: 400px;
    height: 50px;
    text-align: center;
    position:relative;
    z-index: 5;
    white-space: nowrap;
}

#dates a {
    font-weight: 300;
    text-align: center;
    font-size: 1.500em;
    color: #002f6c;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    display: inline-block;
    margin-top: 60px;
    position: relative;
    padding-bottom: 20px;
}

#dates a.selected {
    padding-bottom: 28px;
    margin-top: 0;
}

#dates a p {
    color: #002f6c;
    line-height: 1em;
}

#dates a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -11px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #002f6c;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
  z-index: 99;
}

#dates a:hover::after {
  background-color: #002f6c;
  border-color: #002f6c;
}

#dates a.selected::after {
    background-color: #198b75;
    border-color: #198b75;
    width: 50px;
    height: 50px;
    bottom: -25px;
}

#dates .selected {
    font-size: 5em;
    line-height: 1em;
    margin-top: 0;
}
        
#issues {
    width: 1350px;
    height: 340px;
    overflow: hidden;
    position: relative;
}   

.timeline-outer .bg-outer {
    content: '';
    width: 1500px; 
    height: 340px; 
    background: #007e66;
    position: absolute;
    right: 90%;
    top: 0;
    z-index:99;
    -webkit-box-shadow: inset 0px 3px 14px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 3px 14px -1px rgba(0,0,0,0.75);
    box-shadow: inset 0px 3px 14px -1px rgba(0,0,0,0.75);
}

.timeline-outer .bg-outer .shadow {
    width: 20px; 
    height: 330px;
    position: absolute;
    right: 0;
    top: 10px;
    background: #007e66;
}

.timeline-outer .bg-outer.right .shadow {
    left: 0;
    right: inherit;
}

.timeline-outer .bg-outer .shadow:before {
    content: ''; 
    width: 10px; 
    height: 10px;
    position: absolute; 
    bottom: 100%;
    right: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,007e66+100&0+3,1+100 */
    background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(121,183,228,0) 3%, rgba(0,126,102,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(121,183,228,0) 3%,rgba(0,126,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(121,183,228,0) 3%,rgba(0,126,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#007e66',GradientType=0 ); /* IE6-9 */
}

.timeline-outer .bg-outer.right .shadow:before {
    left: 0;
    right: inherit;
}

.timeline-outer .bg-outer.right {
    right: inherit; 
    left: 90%;
}

#issues li {
    width: 1350px;
    list-style: none;
    float: left;
    position:relative;
    z-index: 1;
}

#issues li.selected {
    z-index: 999;
}

#issues li.selected:before {
    content: '';
    border: 15px solid transparent;
    border-top: 15px solid #f6f6f6;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 0;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
    opacity: 1;
}

#issues li p {
    max-width: 800px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    color: #fff;
    padding: 50px;
}

#issues li p a {
    float: none;
    color: #fff; 
    text-decoration: underline;
}

.timeline-outter {
    position: relative;
}


.timeline-nav a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 105px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 1px solid #002f6c;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.timeline-nav a::after {
  /* arrow icon */
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: #002f6c;
  position: absolute; 
  top: 50%;
  display: block;
  font-size: 1em;
  width: 100%;
}

.timeline-nav a#next::after {
    content: "\e908";
    margin-right: 3px;
    right: 0;
}

.timeline-nav a#prev::after {
    content: "\e907";
    margin-left: -5px;
    left: 0;
}

.timeline-nav a#next {
  right: -60px;
}

.timeline-nav a#prev {
  left: -60px;
}

/* endTimeline */


   
/* Newsletter */

#newsletter {
    width: 100%;
    max-width: 1350px;
    padding: 1.875em;
    position: absolute;
    left: 50%; 
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    top: -4.375em;
    z-index: 99;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.35);
}

#newsletter p, #newsletter .field {
    width: 50%; 
    float: left;
}

#newsletter .field {
    width: 48%;
}

#home #newsletter p {
    text-align: left;
    padding: 0;
}

#newsletter .field {
    float: right;
}

#newsletter p {
    font-size: 1.500em;
    line-height: 1.083em;
    color: #fff;
}

#newsletter input.text {
    font-size: 0.875em;
    color: #424242;
    padding: 1.17em 1.786em;
    border: none;
    width: 60.60606060606061% !important;
}

#newsletter input {
    float: left;
}

#newsletter #submit {
    min-width: 36.36363636363636%;
    border: none;
    margin: 0 0 0 3.03030303030303%;
    padding: 0.938em 0;
}

.newsletter-outer {
    margin-bottom: 1.563em;
}

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

.newsletter .field {
    width: 100%;
    margin-bottom: 0;
}

.newsletter img {
    position: absolute; 
    left: 0;
    top: 0;
    z-index: 1;
    min-height: 100%;
    min-width: 100%; 
    width: auto;
}

.newsletter h4, .newsletter .form {
    color: #fff;
    position: relative; 
    z-index: 5;
}

.newsletter h4 {
    margin-bottom: 1.583em;
}

.newsletter #submit {
    width: 100%;
    padding: 0.938em 0;
}

.newsletter .field input.text {
    height: 48px;
}

.signup-info {
    position: absolute; 
    left: 50%; 
    top: 200px; 
    font-size: 1.200em;
    line-height: 1.3em;
    color: #fff;
    display: block;
    width: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    padding: 10px 30px;
    display: none;
}

.signup-info, .signup-info .close {
    background: #007e66;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.35);
    z-index: 100001;
}

.signup-info .close {
    width: 20px; 
    height: 20px; 
    background: #007e66;
    display: block; 
    position: absolute; 
    left: 100%;
    top: 0;
    margin-left: 1px;
    cursor: pointer;
}

.signup-info .close:before {
    content: 'X';
    font-size: 0.6em;
    position: absolute; 
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.signup-info.failed, .signup-info.failed .close {
    background: red;
}

/*Homepage Brandsection*/

.flex_wrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.on-image.long_column,
.on-image.short_column{
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
    -ms-flex: 0 1 50%;
    -webkit-box-flex: 0;
    flex: 0 1 50%;
    max-width: 50%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    align-self: auto;
    margin-left: 0 !important;

}

.on-image.long_column img,
.on-image.short_column img{
    height: 100%;
    position: static;
}

.on-image.long_column{
    /*-ms-flex: 0 1 calc(50% - 15px);
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
    width: calc(50% - 15px);
    margin-bottom: 30px;*/
    display: inline-block;
    float: left;
    width: calc(50% - 15px);

}

.on-image.short_column{
    /*-ms-flex: 0 1 calc(33.333333% - 20px);
    -webkit-box-flex: 0;
    flex: 0 1 calc(33.333333% - 20px);
    max-width: calc(33.333333% - 20px);
    width: calc(33.333333% - 20px);*/
    display: inline-block;
    float: left;
    width: calc(33.333333% - 20px);
}

/*.on-image.short_column.left_margin{
    margin-left: 30px !important;
}*/
.on-image.long_column.right_margin,
.on-image.short_column.right_margin{
    margin-right: 30px !important;
}


/* endNewsletter */

/* SiteFooter */
/*.site-footer {
    position:relative;
}

#site-footer {
    padding: 2.500em 0;
    position: relative;
}

#home #site-footer {
    text-align: left;
}

#site-footer .hidden-links {
    display: none;
}

#site-footer .hidden-links.opened {
    display: block;
}

#home #site-footer p, #home .footer-bottom p {
    padding: 0;
}

#carrier .site-footer {
    margin-bottom: 80px;
}

.has-newsletter #site-footer {
    padding-top: 4.375em;
}

#site-footer a, #site-footer p, #site-footer span {
    color: #ececec;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 1.500em;
    display: block;
}

#site-footer a:hover {
    color: #fff;
}

#site-footer .head {
    font-size: 0.875em; 
    margin-bottom: 0.714em;
    font-style: italic;
    font-weight: 700;
    color: #fff;
}

#site-footer .links, #site-footer .show .links {
    display: block;
}

#site-footer .footer-logos {
    border-top: 1px solid #939393;
}

#site-footer .footer-logos a {
    display: inline-block;
}

#site-footer .left {
    width: 71.85185185185185%;
    float: left;
}

#site-footer .left .column {
    width: 32.57731958762887%;
    margin-right: 2.22222222222222%;
}

#site-footer .right {
    width: 28.14814814814815%;
    padding-left: 2.22222222222222%;
    float: right;
}

#site-footer .right .phone {
    font-size: 1.875em; 
    font-weight: 700;
    color: #fff;
}

#site-footer .logos {
    margin-top: 3.125em;
}

#site-footer .social {
    float: right;
    width: auto;
}

#site-footer .social a {
    font-size: 1.8em;
    float: left;
    display: inline-block;
    color: #cfcfcf;
    margin-left: 0.286em;
    transition: color 0.05s ease-in 0.05s;
    -webkit-transition: color 0.05s ease-in 0.05s;
    -moz-transition: color 0.05s ease-in 0.05s;
    -o-transition: color 0.05s ease-in 0.05s;
}

#site-footer .social a:hover {
    color: #fff;
}

#site-footer .footer-logos .head {
    padding: 10px 0 0;
}

#site-footer .footer-logos a {
    margin-left: 3.64583333333333%;
}

#site-footer .footer-logos a:first-child {
    margin-left: 0;
}

.footer-bottom {
    padding: 0.938em 0; 
}

.footer-bottom a, .footer-bottom p {
    font-size: 0.75em;
    color: #878787;
    float: left;
    display: inline-block;
}

.footer-bottom a:hover {
    color: #007e66;
}

.footer-bottom .links {
    float: right;
}

.footer-bottom .links a:before {
    content: '|';
    float: left;
    margin: 0 10px;
}

.footer-bottom .links a:first-child:before {
    display: none;
}*/

/* endSiteFooter */

#maxx{
    background: #38635a;
}

#maxx img.promo_image{
    width: 90%;
    max-width: 600px;
    margin: 0 auto 0;
    display: block;
    margin-bottom: 30px;

}


/* Responsive */
@media screen and (min-width: 0px) and (max-width: 1390px) {
    #home .mobile-left .tooltip {
        left: 0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    #home .mobile-left .tooltip:after {
        left: 20%;
        margin-left: 0;
    }

    #home .mobile-right .tooltip {
        right: 0;
        left: inherit;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    #home .mobile-right .tooltip:after {
        right: 20%;
        left: inherit;
        margin-left: 0;
    }
}


@media screen and (min-width: 0px) and (max-width: 1350px) {
    #site-nav li {
        margin: 0 1.188em;
    }

    #newsletter {
        position:relative;
        top: inherit;
    }

    .has-newsletter .wrapper:last-of-type {
        padding-bottom: 0;
    }

    .has-newsletter #site-footer {
        padding-top: 2.5em;
    }

    /*    .has-newsletter .wrapper:last-of-type {
        padding-bottom: 0;
    }*/


    #timeline, #dates, #issues, #issues li {
        width: 800px;
    }

    .timeline-dates {
        max-width: 800px; 
    }

    .fancybox-close {
        right: 0 !important;
        top: -40px !important;
    }

    .brand .brand-logo.name p {
        font-size: 2.5em;
    }

}

@media screen and (min-width: 0px) and (max-width: 1300px) {
    #site-header .subnav a {
        font-size: 0.750em;
    }
}

@media screen and (min-width: 0px) and (max-width: 1245px) {
    #site-teaser .overlay {
        bottom: inherit; 
        top: 30px;
    }

    #site-teaser .overlay.logo-overlay {
        bottom: 4.875em;
        top: inherit;
    }

    .statistic .bubble {
        left: 2.638554%;
    }

    .statistic .bubble.small {
        left: 170px;
    }

    .brand .brand-logo.name p {
        font-size: 2.2em;
    }
}

@media screen and (min-width: 0px) and (max-width: 1225px) {
    #site-nav li {
        margin: 0 1em;
    }

    #site-nav li a {
        font-size: 0.875em;
    }

    

    #site-header {
        margin-bottom: 42px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1190px) {
    #site-nav li {
        margin: 0 0.6em;
    }

    .brand .brand-logo.name p {
        font-size: 2em;
    }


}

@media screen and (min-width: 0px) and (max-width: 1150px) {
    .subnav a {
        padding: 1.071em 2.00em;
    }

    #home #site-teaser .overlay {
        top: 20%;
    }

    /*    #site-teaser .overlay {
        bottom: 1.5em;
    }*/

    .statistic {
        font-size: 0.8em;
    }

    /*    #site-teaser {
        min-height: 400px;
    }*/

    .has-slick-header #site-teaser {
        min-height: 1px;
    }

    /*    #site-teaser img {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        position: absolute; 
        left: 0;
        top: 0;
    }*/

    #site-teaser .overlay img {
        min-width: inherit; 
        min-height: inherit; 
        width: auto; 
        position: relative;
        left: inherit; 
        top: inherit;
    }

    #site-teaser .slick-slider img {
        min-width: 1px;
        position: static; 
    }

     #home .mobile-left .tooltip:after {
        left: 18%;
        margin-left: 0;
    }

    #home .mobile-right .tooltip:after {
        right: 18%;
        left: inherit;
        margin-left: 0;
    }

}

@media screen and (min-width: 0px) and (max-width: 1080px) {
    #site-nav li {
        margin: 0 0.4em;
    }

    #site-nav a {
        font-size: 0.875em;
    }

    ul.tabs li {
        padding: 1em 2.97017892644135%;
    }

    .brand-info {
        padding: 1.250em 1.125em;
    }

    .statistic .title:before {
        width: 30px;
    }

    .statistic .title {
        left: 195px;
    }

    .statistic .small .title {
        left: 143px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
    #site-meta {
        margin-bottom: 1.5em;
    }

    .content.small {
        width: 100%;
    }

    #timeline, #dates, #issues, #issues li {
        width: 600px;
    }

    .timeline-dates {
        max-width: 600px; 
    }

}

@media screen and (min-width: 0px) and (max-width: 965px) {
    #site-header {
        margin-bottom: 35px;
    }

    .subnav a {
        font-size: 0.75em;
    }

    ul.tabs li {
        font-size: 1em;
    }

    #newsletter-page .form {
        width: 100%;
    }

    .brand-info .hide-text {
        display: none;
    }

    .video-element .bright-blue h2, #home .video-element .bright-blue h2 {
        font-size: 2.5em;
    }

    .video-element .bright-blue h2 i {
        bottom: 13px;
    }

    .statistic .bubble.small {
        left: 160px;
    }

    .statistic .title:before {
        width: 10px;
    }

    .statistic .title {
        left: 175px;
    }

    .statistic .small .title {
        left: 120px;
    }

}

@media screen and (min-width: 0px) and (max-width: 890px) {

    #home #site-teaser .overlay {
        top: 10%;
    }

    #home #site-teaser .overlay h1 {
        font-size: 3.438em;
        line-height: 0.8em;
    }

    #home #site-teaser .overlay h2 {
        font-size: 1.5em;
    }

    .statistic {
        font-size: 0.6em;
    }

    .slider-element .slider-images, .slider-element .text, .intro span {
        width: 100%;
    }

    .form.search-form {
        width: 100%;
    }

    .companymatch-icon {
      padding: 10px 5px !important;
      margin-right: 0.4em !important;
    }

    #site-header .subnav a {
        font-size: 0.625em;
    }

    #home .mobile-left .tooltip:after {
        left: 13%;
        margin-left: 0;
    }

    #home .mobile-right .tooltip:after {
        right: 13%;
        left: inherit;
        margin-left: 0;
    }
}

@media screen and (min-width: 0px) and (max-width: 800px) {

    #timeline, #dates, #issues, #issues li {
        width: 500px;
    }

    .timeline-dates {
        max-width: 500px; 
    }

    #issues li p {
        padding: 20px 0;
    }

    #issues, .timeline-outer .bg-outer {
        height: 400px;
    }

    .timeline-outer .bg-outer .shadow {
        height: 390px;
    }
}


@media screen and (min-width: 0px) and (max-width: 768px) {
    .has-newsletter .wrapper:last-of-type {
        padding-bottom: 0;
    }

    .has-newsletter .quote-element.wrapper.quote-element:last-of-type {
        padding-bottom: 1.75em;
    }

    #site-teaser .overlay {
        padding: 2.000em 1em 2.000em;
        position: relative;
        width: 100%;
        bottom: inherit; 
        right: inherit;
        float: left;
    }

    #site-teaser .logo-overlay {
        width: auto;
        height: auto;
        position: absolute;
        bottom: 10%;
        top: inherit;
        right: 0;
    }

    #site-teaser .overlay {
        background: #002f6c;
        top: inherit;
    }

    #site-teaser {
        min-height: auto;
    }

    #site-teaser img {
        min-width: inherit;
        min-height: inherit;
        width: 100%;
        position: static; 
        left: inherit;
        top: inherit;
    }

    #site-teaser .dots-teaser button {
        width: 8px; 
        height: 8px;
        display: inline-block;
        padding: 0;
    }

    #site-teaser .teaser-slick-dots {
        top: -25px;
    }

    #site-header {
        margin-bottom: 0;
    }

    .banner-text {
        text-shadow: none;
    }

    #site-teaser.banner:after {
        display: none;
    }

    .banner:after {
        width: 180%;
    }

    .banner-text h1 {
        font-size: 2.5em;
    }

    .banner a.button {
        margin-top: 1.875em;
    }


    h1, #home h2 {
        font-size: 2.375em;
    }

    h2, #home h3 {
        font-size: 2em;
    }

    h3, #home h4, #home .headline.big h3 {
        font-size: 1.5em;
    }

    .headline.big {
        margin-bottom: 1.75em;
    }

    #site-nav a {
        font-size: 0.75em;
    }

    .content {
        width: 100%;
    }

    #home p {
        padding: 0;
    }

    #map, #map.small {
        height: 250px;
    }

    #map .gm-style-iw img {
        display: none;
    }

    #home .slider-news .column h4 {
        font-size: 1.5em;
    }

/*    #home .collage .logo {
        bottom: inherit; 
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        z-index: 99;
    }*/

    .slick-dots li button {
        margin: 0;
        padding: 0;
    }

    .tooltip {
        font-size: 1em;
    }

    #home .mobile-left .tooltip {
        left: 0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

    #home .mobile-left .tooltip:after {
        left: 21px;
        margin-left: 0;
    }

    #home .mobile-right .tooltip:after {
        right: 21px;
        left: inherit;
        margin-left: 0;
    }

    #site-teaser #map {
        width: 70%;
        float: left;
    }

    .map-filter {
        width: 30%;
        height: 250px;
        max-width: inherit;
        float: right; 
        position: relative; 
        right: inherit; 
        top: inherit;
    }

    .headline.head-link {
        padding-right: 0;
    }

    .headline.head-link a.link {
        position: static; 
        right: inherit;
        bottom: inherit; 
        display: block;
    }

    .sidebar {
        margin-left: 0;
        width: 100%;
    }


    #view {overflow:hidden}
    
    #site-header {
        position:relative;
    }

    #site-logo {
        margin: 0.813em 0;
    }

    #site-nav li.mobile-home-link {
        display: block;
    }

    .navigation {
        width: 250px;
        min-height: 100%;
        position: fixed; 
        right: 0;
        top: 0;
        z-index: 10;
        display: none;
        visibility: visible;
        background: #007e66;
    /*        -webkit-backface-visibility: hidden;
        -webkit-box-shadow: inset 10px 0px 10px -5px rgba(0,0,0,0.48);
        -moz-box-shadow: inset 10px 0px 10px -5px rgba(0,0,0,0.48);
        box-shadow: inset 10px 0px 10px -5px rgba(0,0,0,0.48);*/
        -webkit-box-shadow: 12px 0px 31px -5px rgba(0,0,0,0.48);
        -moz-box-shadow: 12px 0px 31px -5px rgba(0,0,0,0.48);
        box-shadow: 12px 0px 31px -5px rgba(0,0,0,0.48);

        height: 100%;
        overflow-y: auto;
    }

    .navigation:before {
        content: '';
        width: 20px; 
        height: 100%;
        position: absolute; 
        left: -20px;
        top: 0;
        bottom: 0;
        -webkit-box-shadow: 10px 0px 10px -5px rgba(0,0,0,0.48);
        -moz-box-shadow: 10px 0px 10px -5px rgba(0,0,0,0.48);
        box-shadow: 10px 0px 10px -5px rgba(0,0,0,0.48);
        z-index: 99;
    }

    .navigation.visible {
        display: block;
    }

    .subnav/*, #site-meta*/ {
        display: none;
    }

    .subnav ul {
        z-index: 10;
    }

    #site-meta {
        width: 100%;
    }

    #site-meta #lang, #site-meta .search-mobile {
        width: 50%; 
        margin: 0;
        text-align: center;
        float: left;
    }

    #lang ul {
        position: relative; 
        right: inherit; 
        top: inherit;
        margin-right: 0;
        width: 100%;
        border-right: 1px solid #007e66;
        border-top: 1px solid #007e66;
    }

    #lang.maxx_lang ul{
        border: none;
    }

    #site-meta .search {
        display: none;
    }

    a.current-lang {
        width: 100%;
        line-height: inherit;
        border-right: 1px solid #007e66;
    }

    .maxx_lang a.current-lang {
        border-right: none;
    }

    #site-meta #lang a, #site-meta .search-mobile {
        padding: 10px;
        background: #f6f6f6; 
        color: #000;
    }

    #site-meta #lang a:before {
        display: none;
    }
    
    .subnav.mobile, .search-mobile {
        display: block;
    }

    .search-mobile {
        font-size: 0.750em;
    }

    #site-nav li {
        width: 100%;
        margin: 0;
    }
    
    #site-nav a {
        width: 100%;
        font-size: 0.875em;
        color: #002f6c;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        padding: 10px 10px 10px 20px;
        /*background: #fff;*/
        margin: 0;
        text-align: left !important;
        color: #fff;
        float: left; 
        clear: left;
    }

    #site-nav a, #site-nav li.active a, #site-nav a:hover, #site-nav a.active {
        border: none;
    }
        
    #site-nav li.active a, #site-nav a:hover {
        background: #00755e; 
        color: #fff;
    }

    #site-nav .subnav.mobile a {
        font-weight: normal;
        padding-left: 40px;
        font-size: 0.75em;
        white-space: inherit; 
        max-width: 250px;
    }

    .subnav li:hover ul {
        display: none;
    }

    .subnav li.active:hover ul {
        display: block;
    }

    .subnav li.active ul {
        display: block;
        position: relative; 
        float: left;
        right: inherit; 
        top: inherit; 
        background: none;
    }

    #site-nav .subnav.mobile ul li a {
        padding: 10px 10px 10px 50px;
        text-transform: none;
    }

    #content {
        width: 100%;
        height: 100%;
        min-height: 530px;
        min-width: 305px;
        margin: 0;
        position: relative;
        z-index: 9999;
        background: #fff;
        float: left;
        right: 0;
        top: 0;
    /*        -webkit-box-shadow: 12px 0px 31px -5px rgba(0,0,0,0.48);
        -moz-box-shadow: 12px 0px 31px -5px rgba(0,0,0,0.48);
        box-shadow: 12px 0px 31px -5px rgba(0,0,0,0.48);*/
        
        /*overflow: hidden;*/
    }
    
    a.show-nav {
        height: 100%;
        width: 54px;
        padding: 25px 0 20px;
        display: block;
        float: right;
        cursor: pointer;
        position: absolute; 
        right: 0; 
        top: 0;
    }

    a.show-nav span {
        background: #002f6c;
        height: 5px;
        width: 30px;
        margin: 0 auto 4px;
        display: block;
    }

    #contact .side-contact, #contact .content {
        width: 100%;
    }

    #contact .side-contact {
        text-align: center;
    }

    #contact .content {
        padding-right: 0;
        border-right: none; 
        border-bottom: 1px solid #002f6c;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .filter-element.flex {
        display: block;
    }

    .flex .sidebar {
        border: none;
    }

    .element {
        /*padding: 1.875em 0;*/
        margin-bottom: 3em;
    }

    #home .quote {
        padding-right: 8%;
    }

    .quote blockquote {
        padding-left: 0;
        margin-left: 0;
    }

    .accordion .hidden-content {
        padding-right: 2em;
    }

    

    #text-with-sidenav .side-nav {
        text-align: center;
    }

    #text-with-sidenav .side-nav, #text-with-sidenav .content {
        width: 100%;
        clear: left;
    }

    .contacts .sidebar.fixed {
        position: static; 
        top: inherit;
        max-width: inherit;
    }

    .contacts.fixed .content {
        margin-left: 0;
    }

    #text-with-sidenav .content {
        padding-left: 0;
        border-left: none; 
        padding-top: 30px;
        margin-top: 20px;
        border-top: 1px solid #002f6c;
    }

    .properties .hidden-content {
        text-align: center;
    }

    .properties .hidden-content .column.x3 {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .properties .hidden-content ul, .properties .hidden-content h6 {
        width: 100%;
        text-align: center;
    }

    .mobile-row, .stat-row-mobile {
        width: 100%;
        margin-left: 0;
        margin-bottom: 40px;
    }

    .contacts .row {
        margin-bottom: 0;
    }

    .small-brands .column {
        width: 100%;
        margin-bottom: 20px;
    }

    .small-brands .column:last-of-type {
        margin-bottom: 0;
    }

    .statistic {
        font-size: 1em;
    }

    .stat-row-mobile {
        margin-bottom: 4px;
    }

    .stat-row-mobile .stat-box {
        width: 49.90059642147118%;
    }

    .text-box {
        width: 100%;
    }

    .fixed-search .column {
        margin-left: 0;
    }

    .brand:hover .brand-info {
        display: none;
    }

    .video-element .bright-blue h2, #home .video-element .bright-blue h2 {
        font-size: 2em;
    }

    .video-element .bright-blue h2 i {
        bottom: 10px;
    }

    #jobs .table {
        display: none;
    }

    #jobs .mobile-data {
        display: block;
    }

    .mobile-data .job {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ededed;
    }

    .mobile-data .job h6 {
        text-transform: none;
        font-weight: 400;
    }

    .mobile-data .job p {
        font-size: 0.875em;
        margin-bottom: 0.5em;
    }

    .mobile-data dl dt, .mobile-data dl dd {
        float: left;
        font-size: 0.938em;
    }

    .mobile-data dl dt {
        width: 30%;
        font-weight: 700;
        padding-right: 2%;
    }

    .mobile-data dl dd {
        width: 70%;
    }

    #jobs .mobile-data .link {
        margin-top: 10px;
    }

    #jobs .mobile-data .link:after {
        display: none;
    }

    #jobs .mobile-data .hidden-content {
        padding-bottom: 10px;
    }

    #jobs .job-open {
        position: relative; 
        padding-left: 15px;
        cursor: pointer;
    }

    #jobs .mobile-data dl {
        padding-left: 15px;
    }

    #jobs .job-open:before {
        content: "\e903";
        color: #002f6c;
        position: absolute; 
        left: 0;
        top: 9px;
        font-size: 0.5em;
    }

    #jobs .job-open:hover:before, #jobs .job-open:hover h6, #jobs .job-open:hover p {
        color: #007e66;
    }

    #jobs .job-open.opened:before {
        content: "\e905";
        font-size: 0.4em;
    }


    .statistic .title:before, .statistic .small .title:before {
        width: 30px;
    }


    .partner {
        min-height: inherit;
    }

    .mobile-image-container {
        position: relative;
    }

    .mobile-image-container .partner-logo img {
        width: 70%;
        height: auto;
    }

    .partner img.partner-img {
        position: relative;
        left: inherit;
        top: inherit;
        min-width: inherit;
        min-height: inherit;
        width: 100%;
        height: auto;
        z-index: 1;
    }

    .partner .text {
        float: left; 
        clear: left; 
        width: 100%;
        display: block; 
        position: relative; 
        right: inherit; 
        top: inherit;
        min-height: auto;
    }

    .partner .partner-logo {
        right: inherit; 
        left:1.875em;
        cursor: inherit;
    }

    .partner .partner-logo i {
        display: none;
    }

    #dates .selected {
        font-size: 3em;
    }

    #dates a.selected {
        margin-top: 30px;
    }

    .testimonial blockquote {
        width: 100%;
    }

    .testimonial blockquote .quotes {
        left: 5%;
    }




    #newsletter p, .fixed-search .column:first-child {
        margin-bottom: 20px;
    }

    #newsletter p, #newsletter .field, .fixed-search h6, .fixed-search p, .fixed-search .column {
        width: 100%;
        text-align: center;
    }

    .signup-info {
        width: 80%;
        top: 150px;
    }


}

@media screen and (min-width: 0px) and (max-width: 700px) {
    .brands.flex, .video-element.flex {
        display: block;
    }

    .brand {
        width: 100%; 
        max-height: 300px; 
        margin-bottom: 20px;
        overflow: hidden;
    }

    #brands-overview .brand:last-child {
        margin-bottom: 0;
	}    

}

@media screen and (min-width: 0px) and (max-width: 660px) {
    #timeline, #dates, #issues, #issues li {
        width: 400px;
    }

    .timeline-dates {
        max-width: 400px; 
    }
}


@media screen and (min-width: 0px) and (max-width: 600px) {
    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.750em;
    }

    h3 {
        font-size: 1.250em;
    }

    h4 {
        font-size: 1.500em;
    }


    .inner-content {
        margin-top: 1.75em;
    }

    .inner {
        padding: 0 20px;
    }

    .intro {
        display: none;
    }

    .wrapper.bright {
        padding: 1.75em 0;
    }

    .side-nav a:hover {
        background: none;
        color: #002f6c;
    }

    .x3, .x2 {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .row {
        margin-top: 0;
    }

    .info-elements .image-text img.column {
        margin-bottom: 10px;
    }

    .info-elements .image-text .text, .image-text .text.left, .info-elements .image-text .text.text, .image-text .text {
        width: 100%; 
        padding: 0;
    }

    .image-text img.column.x4 {
        width: 100%;
        margin-bottom: 5px;
    }

    .flex {
        display: block;
    }

    .collage .x6 {
        width: 100%;
    }

    .collage .x3.on-image {
        margin-left: 0;
    }

    .columns a.column .image-container {
        width: 100%;
    }

    .flex .on-image.x4, .flex .container {
        width: 100%;
    }

    .flex .container {
        margin-left: 0;
    }

    .on-image h4, .container h4 {
        padding: 0 20px;
        margin-bottom: 0;
        bottom: 10%;
    }

    #home .on-image.column.x3 img {
        display: none;
        width: 100%;
        min-height: inherit; 
        min-width: inherit; 
        left: inherit; 
        top: inherit;
    }

    #home .on-image.column.x3 .logo img {
        width: auto;
    }

    #home .on-image.column.x3 img.mobile-image, #home .on-image.column.x3 .logo img {
        display: inline-block;
    }

    #home .collage .x3 .logo {
        bottom: 30%;
    }

    .slideshow h4 {
        width: 100%;
        text-align: center;
        left: 0;
        margin-bottom: 0;
        bottom: 20px;
    }

    .slideshow a.continue.link {
        top: 20px;
    }

    #site-teaser {
        min-height: 0px;
    }

    #home .slider-news .container {
        margin-bottom: 4px;
    }

    #home .slider-news .container, #home .slider-news .column.x4 {
        width: 100%;
        float: left;
    }

    #home .slider-news .column.x4 {
        margin-bottom: 4px;
        max-height: 300px;
    }

    #home .slider-news .flex .on-image.x4 img {
        width: 100%;
        min-width: inherit; 
        min-height: inherit;
    }

    #home .slider-news .container-items {
        background: #002f6c;
    }

    #home .slider-news .small.bright-blue h4 {
        bottom: inherit;
        top: 0;
    }

    #home .slider-news .small h4 {
        padding: 0 10px;
        margin-bottom: 0;
    }

    #home .slider-news h4 {
        padding: 0 15px;
    }

    #home .slider-news .column.right.on-image h4 {
        bottom: 50px;
        padding: 0 20px 0 0;
    }

    #home .slider-news .container .small:first-child {
        border-right: 4px solid #fff;
    }

    #home .slider-news h4 p {
        font-size: 0.875em;
    }

    #home .slider-news .container .small {
        width: 100%;
        height: 200px;
        overflow: hidden;
    }

    #home .slider-news .container .small:first-child {
        margin-right: 0;
        border-right: none;
    }

    #home .slider-news .container-items, #home .slider-news .container {
        margin-bottom: 0;
    }

    #home .slider-news .container .small {
        border-bottom: 4px solid #fff;
    }

    #home .slider-news .column.right.on-image h4, #home .slider-news .on-image h4, #home .slider-news .column.left h4 {
        bottom: inherit; 
        top: 0;
        padding: 0;
        text-align: center;
    }

    #home .slick-dots {
        margin-top: 0;
    }

    .map-outer .headline-banner {
        position: relative; 
        float: left; 
        top: inherit; 
        left: inherit;
        margin-bottom: 1.563em;
        padding: 0 20px;
        width: 100%;
        background: none; 
    }

    .testimonial .column img {
        margin-bottom: 0;
    }

    .map-outer .headline-banner h2, .map-outer .headline-banner h4 {
        color: #002f6c;
    }

    .flex .on-image.x4 img, .collage .x3 img {
        position: relative;
    }

    .video-element.flex {
        display: block;
    }

    .video-element .video, .video-element .column.x4 {
        width: 100%;
    }

    .video iframe {
        min-height: 280px;
    }

    #captcha iframe {
        min-height: auto;
    }

    #home .video-element .bright-blue i {
        bottom: 38px;
        right: -34px;
    }


    .banner:after {
        display: none !important;
    }

    .banner .banner-text {
        width: 100%; 
        position: relative;
        right: inherit;
        bottom: inherit;
        padding: 20px;
        text-align: center;
        float: left;
        background: #f6f6f6;
    }

    .banner-text h1, .banner-text h2 {
        font-size: 2.5em;
    }

    .banner-text p {
        font-size: 1em;
    }

    .inner-content .banner-text h2 {
        color: #002f6c;
    }

    .inner-content .banner-text p {
        color: #202020;
    }

    .banner a.button {
        margin-top: 0;
    }

    #site-teaser #map {
        width: 100%;
    }

    .map-filter {
        width: 100%;
        height: inherit;
        clear: right;
    }

    .fixed-search {
        display: none;
    }

    .form .field, #submit, .submit, .form-filter .select-outer.right, .form-filter .field.search-form {
        width: 100%;
    }

    .form.search-form input.text {
        width: 100% !important;
        margin-bottom: 2.188em;
    }

    a.link.reset {
        margin-right: 0;
    }

    .table td {
        width: 50%;
        text-align: right;
    }

    .table td.left {
        text-align: left;
    }


    .statistic .bubble.small {
        left: 180px;
    }


    .stat-row-mobile .stat-box, .stat-box.wide {
        width: 100%;
    }

    .quote blockquote {
        font-size: 1.5em;
    }

    .accordion .item a i {
        width: 34px; 
        height: 34px;
    }

    .accordion .item a i:before {
        font-size: 1.2em;
        margin-top: 2px;
    }

    .accordion .item a {
        padding-left: 2.5em;
    }

    .accordion .hidden-content {
        padding-left: 3.6em;
        padding-top: 1.0em;
    }

    .content .accordion .hidden-content p {
        margin-bottom: 1.5em;
    }

    .accordion .item a.show-content {
        padding: 0.450em 0.5em 0.4500em 3.000em;
        font-size: 1.2em;
    }

    .accordion .item a.show-content i {
        width: 44px;
        height: 44px;
    }

    .accordion .item a.show-content i:before {
        margin-top: -1px;
    }

    .flex .on-image, .flex.collage .on-image.x3 {
        height: 300px;
        overflow: hidden;
    }

    #home .flex .on-image, .flex.collage .on-image {
        height: auto;
    }

    .flex .container .on-image {
        height: auto;
    }

    .flex .container .small.on-image {
        width: 100%;
        float: left;
    }

    .properties .row {
        margin-top: 0;
    }

    .properties .mobile-content {
        display: block;
    }

    .properties .property-content {
        display: none;
    }

    .properties .mobile-content .column.x3 {
        margin: 20px 0 0 0;
    }

    .properties .hidden-content li {
        margin-bottom: 0;
    }

    .properties .mobile-content .column.x3:first-child {
        margin-top: 0;
    }

    #map br {
        display: none;
    }

    #map .gm-style-iw h5 {
        margin-bottom: 10px;
        font-size: 1.3em;
    }

    #map .window-link {
        font-size: 1em;
        margin-top: 10px;
    }

    #map .price-info {
        display: block; 
        margin-top: 10px;
    }

    #map .price-info .price {
        font-size: 1.8em; 
    }

    .searchbox input.button#submit {
        margin: 20px 0 0 0;
    }



    #newsletter input, #newsletter input.text {
        width: 100% !important;
    }

    #newsletter #submit {
        margin-left: 0;
        margin-top: 10px;
    }

    .news-element a.flex-img, .testimonial .flex-img {
        float: left;
    }

    .news-element a.flex-img img, .testimonial .flex-img img {
        position: relative;
        min-width: inherit; 
        min-height: inherit;
    }

    .news-element .text, .news-element a.flex-img, .testimonial .flex-img, .news-element a.flex-img img, .testimonial .flex-img img, .testimonial blockquote {
        width: 100%;
    }

    .testimonial blockquote {
        padding-left: 21.530815%;
    }

    .testimonial .flex-img {
        margin: 0;
    }

    #site-teaser .overlay {
        display: none;
    }

    .element.timeline {
        max-width: 600px;
    }


    #jobs .form-filter .field.search-form, #jobs .form-filter .select-outer.last {
        width: 100%;
    }

    #job-detail a.button.right {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .columns a.column .image-container, .columns .image-text a.image-container {
        outline: 1px solid #f6f6f6;
    }


}

@media screen and (min-width: 0px) and (max-width: 560px) {
    #timeline, #dates, #issues, #issues li {
        width: 300px;
    }

    .timeline-dates {
        max-width: 300px; 
    }

    #issues, .timeline-outer .bg-outer {
        height: 440px;
    }

    .timeline-outer .bg-outer .shadow {
        height: 430px;
    }

    .element.timeline {
        max-width: 560px;
    }

    .flex_wrap {
        display: block;
    }

    .on-image.long_column,
    .on-image.short_column{
        display: block;
        width: 100%;
        margin: 0 !important;
        margin-bottom: 20px !important;
        max-width: unset;

    }

    .collage .x3.on-image.on-image.short_column{
        margin-left: 0 !important;
    }


}



@media screen and (min-width: 0px) and (max-width: 490px) {
    .statistic .bubble .title {
        left: 145px;
    }

    .statistic .bubble.small .title {
        left: 100px;
    }

    .statistic .bubble.small {
        left: 115px;
    }

    #dates .selected {
        font-size: 2em;
    }

    #dates a.selected {
        margin-top: 47px;
    }

    .element.timeline {
        max-width: 490px;
    }
}


@media screen and (min-width: 0px) and (max-width: 440px) {
    #timeline, #dates, #issues, #issues li {
        width: 200px;
    }

    .timeline-dates {
        max-width: 200px; 
    }

    #issues, .timeline-outer .bg-outer {
        height: 620px;
    }

    .timeline-outer .bg-outer .shadow {
        height: 610px;
    }

    .element.timeline {
        max-width: 440px;
    }
}


@media screen and (min-width: 0px) and (max-width: 400px) {
    .statistic .bubble {
        width: 140px;
        height: 140px;
    }


    .statistic .bubble.small {
        width: 90px;
        height: 90px;
    }

    .timeline-nav a#next {
        right: -40px;
    }

    .timeline-nav a#prev {
        left: -40px;
    }

    .element.timeline {
        max-width: 400px;
    }

    #home .slick-dots li button {
        width: 15px;
        height: 15px;
        top: 2px !important;
    }

    #home .mobile-left .tooltip:after {
        left: 6px;
    }

    #home .mobile-right .tooltip:after {
        right: 6px;
        left: inherit;
        margin-left: 0;
    }

}
/* endResponsive */

/* No Flex */
.no-flexbox #home .collage .column.x6, 
.no-flexbox #home .collage .column.x3, 
.no-flexbox #home .slider-news .container, 
.no-flexbox #home .slider-news .container .on-image, 
.no-flexbox #home .slider-news .column.x4, 
.no-flexbox #home .video-element .column.x4,
.no-flexbox .video-element .video {
    float: left;
}


.no-flexbox #home .collage .column.x6 {
    width: 67.08935251798561%;
}

.no-flexbox #home .collage .column.x3 {
    width: 30.69064748201439%;
    overflow: hidden;
}

.no-flexbox #home .slider-news .container {
    width: 57.03%;
}

.no-flexbox .collage .x3 img, .no-flexbox .x4.on-image img {
    position: relative; 
    left: inherit; 
    top: inherit;
    min-height: inherit; 
    min-width: inherit; 
    width: 100%;
}

.no-flexbox #home .slider-news .on-image.column {
    width: 100%;
}

.no-flexbox #home .slider-news .container .small {
    width: 49.74025974025974%;
}

.no-flexbox #home .slider-news .column.x4, .no-flexbox #home .video-element .column.x4 {
    width: 42.66666666666666%;
}

.no-flexbox .video-element .video {
    width: 57.33333333333334%;   
}



/* ========================================================================== 
   plugins */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

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

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

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

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

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

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

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../dh_images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../dh_images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: 0;
    right: -40px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../dh_images/fancybox/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 17px;
    height: 43px;
    margin-top: -21px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -24px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -67px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../dh_images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
    z-index: 10000;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

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

.fancybox-title-float-wrap {
    width: 100%;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 8050;
    text-align: center;
    margin-top: 3px;
}

.fancybox-title-float-wrap .child {
    display: block;
    width: 100%;
    padding: 0.3em 1.875em 0.563em;
    background: #f6f6f6;
    color: #002f6c;
    font-weight: 700;
    font-size: 1em;
    line-height: 1.500em;
}

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

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

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

.fancybox-overlay{z-index:9999 !important}
.fancybox-wrap{z-index:99999 !important}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('../dh_images/fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('../dh_images/fancybox/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    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;
}

/*#site-teaser .slick-slider {
    max-height: 500px;
    overflow: hidden;
}*/

.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;
}


/* ========================================================================== */

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

/* ==========================================================================
   print styles */

@media print {
    *{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    a[href^="javascript:"]:after,a[href^="#"]:after {content:""}
    pre,blockquote{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}
    tr,img{page-break-inside:avoid}
    img{max-width:100% !important}
    @page{margin:0.5cm}
    p,h2,h3{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
}

#captcha_error{
    display: none;
}

#captcha_error.show{
    display: block;
    color: red;
}



#site-teaser {
    width: 100%;
    margin: 0 auto 39px auto;
    overflow: hidden;
}

.smart-small-content #site-teaser {
    max-height: 400px;
}

#site-teaser  .teaser-image {
    width: 65.83333333333333%;
    min-height: 29.125em;
}

#site-teaser img {
    float:left;
    width: 100%;
    height: auto;
}

.teaser-image, .teaser-image.full img {
    float: left;
}


#site-teaser  h2 {
    font-size: 1.625em;
    line-height: 1.077em;

    font-style: italic;
}

#site-teaser  .teaser-content p{
    font-size: 0.875em;
    line-height: 1.572em;
}

.teaser-content {
    width: 34.16666666666667%;
    padding: 40px 4.16666666666667% 30px 1.66666666666667%;
}

#site-content h3 {
    float: left;
    clear: left;
    margin-bottom: 20px;
    width: 98.33333333333334%;
    margin: 0 .83333333333333%;
    font-size: 1.25em;
    padding-bottom: .5em;
    text-align: left;
}

.icons .icon-panel.benefit {
    height: auto;
    margin-bottom: 2.5em;
}

.column.x4 {
    width: 31.48148148148148%;
    margin: 0 .92592592592593%;
}

.column {
    position: relative;
}

.column, .intro.x4, .intro.x5 {
    float: left;
}

.icons .benefit .icon.percent {
    background-position: -168px -261px;
}

.icons .benefit .icon.stay {
    background-position: -42px -261px;
}

.icons .benefit .icon.contractless {
    background-position: -84px -261px;
}

.icons .benefit .icon.cancel {
    background-position: 0 -261px;
}

.icons .benefit .icon.points {
    background-position: -126px -261px;
}

.icon.wlan {
    background-position: 0 -41px;
}

.icon.cityticket {
    background-position: -84px -161px;
}

.icons .icon-panel .icon {
    margin: -18px 0 0 10px;
}

.icons .icon:after, .promo.count .number:after {
    content: '';
    width: 17px;
    height: 1px;
    border-top: 1px solid #000;
    position: absolute;
    right: -17px;
    top: 50%;
}

.icon {
    margin-right: 10px!important;
    margin-left: 0;
    margin-bottom: 15px;
    width: 41px;
    height: 39px;
    display: inline-block;
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
    background-image: url(../dh_images/sprite_new.png);
    background-repeat: no-repeat;
}

.green p, .icons .benefit p, .list-icon p {
    padding-bottom: 0;
    padding-left: 70px;
    font-size: .875em;
    line-height: 1.572em;
    text-align: left;
}

#view, .relative, ul li {
    position: relative;
}

#site-content  .inner h2 {
    width: 98.33333333333334%;
    margin: 0 .83333333333333%;
    font-size: 1.625em;
    line-height: 1.077em;
    padding-bottom: .5em;
    font-style: italic;
    text-align: left;
}

.content-form .formular{
    text-align: left;
}

.content-form legend {
    font-size: 1em;
    font-weight: 700;
    border-bottom: 2px solid #000;
    width: 100%;
    margin-bottom: 2.143em;
}

.content-form .formular .field {
    width: 47.22222222222222%;
}

.content-form .field.left {
    margin-right: 5.55555555555556%;
}

.content-form .formular .field {
    width: 47.22222222222222%;
}

.field .message, .validate-form .field {
    position: relative;
    margin-bottom: 15px;
}

.content-form .field {
    padding-bottom: 25px;
    float: left;
}


.formular .field.oneline {
    width: 23.61111111111111%;
    float: none;
}

.content-form .field select.select-height {
    height: 4.083em;
}

.validate-form input, .validate-form select, .validate-form textarea {
    font-weight: 700;
}

#smart-small-form  .field input, #smart-small-form  .field select {
   width: 100%;
}


.field select {
    background: #fff;
    border: 1px solid #b7b7ba;
    font-size: .75em;
    height: 2.667em;
}

#newsletter input, .field input, .field textarea {
    padding: .583em .833em;
    border: 1px solid #c1c1c1;
   /* height: 3.5em;*/
}

.captcha_full{
    float: left;
    width: 100%;
}

#site-content .row p{
    padding: 0 0 0 80px !important;
}


@media screen and (max-width: 1180px) and (min-width: 0em){

    #site-teaser .teaser-content,#site-teaser .teaser-image {
        position: relative;
        overflow: hidden;
        min-height: 0;
        float: left;
        width: 100%;
        max-height: 350px;
    }
    .flex {
        display: block;
    }

    #site-teaser img {
      width: 100%
    }

    #site-teaser {
        max-height: none !important;
        overflow: hidden;
    }


}


@media screen and (max-width: 768px) and (min-width: 0em){
    #site-teaser .teaser-content,#site-teaser .teaser-image {
        position: relative;
        overflow: hidden;
        min-height: 0;
        float: left;
        width: 100%;
    }

    .teaser-content, .text-layout .column.x6, .text-partner .column.text.x3 {
        width: 100%;
    }

    .icons .row {
        width: 50%;
    }

    .column.x4, .column.x4 a.relative {
        width: 100%;
        margin: 0;
    }

    #site-content .row p{
        padding: 0 0 0 80px !important;
    }


    .row:last-child{
        margin: 0 !important;
    }

    .smart-small-content .row:last-child {
        margin-top: 0 !important;
    }

}



@media screen and (max-width: 600px) and (min-width: 0em){
    #property .tripadvisor-review .map, #property .tripadvisor-review .tripadvisor-column, .icons .row {
        width: 100%;
    }
    .content-form .formular .field {
        width: 100% !important;
    }

    .content-form .field.left {
        margin-right: 100% !important;
    }

}

#site-content.smart-small h2, #site-teaser.smart-small h2{
    font-style: normal;
}

.inner-content.smart-small-content {
    margin-top: 0;
}

.smart-small-content .relative{
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #202020;
    -webkit-font-smoothing: antialiased;
    font-size: 1em !important;
}

.smart-small-content .row {
    margin-top: 2.375em !important;
}



@media screen and (max-width: 600px) and (min-width: 0px){

    .smart-small-content  .element h3{
        margin-bottom: 1.375em !important;
    }

    .smart-small-content .element {
        margin-bottom: 1em;
    }

    .smart-small-content .row:first-child {
        margin-top: 1.5em !important;
    }

    .smart-small-content .row {
        margin-top: 0 !important;
    }

    .smart-small-content #save {
        float: left;
        width: 100%;
        margin: 20px 0 0 0;
    }

    .smart-small-content #breadcrumbs{
        padding: 10px 20px !important;
        text-align: left;
    }



}

.white p{
    color: #fff;
}

.smart-small .teaser-content{
    padding: 57px 4.16666666666667% 30px 1.66666666666667%;
}

.smart-small-content #site-content .inner h2{
    margin: 0;
}

.smart-small-content #breadcrumbs{
    padding: 10px 1.43884892086331%;
    text-align: left;
}

.dots-teaser{
   display: none !important;
}