/*

Reddal Group - 2023
-------------------------------------------------------------------------------------

*/
/*

Grid variables
-------------------------------------------------------------------------------------

*/
/* limits */
/* breakpoints */
/*

CSS
-------------------------------------------------------------------------------------

*/
/*

Body
-------------------------------------------------------------------------------------

*/
html {
  font-size: 15px;
}
@media (min-width: 576px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 18px;
  }
}
body {
  padding: 0px;
  margin: 0px;
  color: #000000;
  background-color: #ffffff;
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 1em;
  line-height: 1.4em;
  font-weight: 300;
}
.main-content {
  /*
	padding-top: 80px;
	@media (max-width: @breakpoint-lg) {
		padding-top: 80px;
	}
	@media (max-width: @breakpoint-md) {
		padding-top: 52px;
	}
	*/
}
/*

Links on white
-------------------------------------------------------------------------------------

*/
a {
  outline: 0;
  color: #007f9d;
  margin: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  vertical-align: baseline;
  text-decoration: none;
}
a:link {
  outline: 0;
  color: #007f9d;
  text-decoration: none;
}
a:link h1,
a:link h2,
a:link h3,
a:link h3,
a:link h5,
a:link p {
  color: #000000;
}
a:visited {
  outline: 0;
  color: #007f9d;
  text-decoration: none;
}
a:visited h1,
a:visited h2,
a:visited h3,
a:visited h3,
a:visited h5,
a:visited p {
  color: #000000;
}
a:active {
  outline: 0;
  text-decoration: none;
  color: #007f9d;
}
a:active h1,
a:active h2,
a:active h3,
a:active h3,
a:active h5,
a:active p {
  color: #000000;
}
a:hover {
  outline: 0;
  text-decoration: none;
  color: #00b9e4;
}
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h3,
a:hover h5,
a:hover p {
  color: #000000;
}
a.current,
a.active {
  color: #3cb6e3;
}
a.passive {
  color: #000000;
}
.blog-title a {
  color: #000000;
}
.blog-title a:hover {
  color: #00b9e4;
}
li.current a {
  color: #3cb6e3;
}
/*

Mobile portrait fix
-------------------------------------------------------------------------------------

*/
@media (max-width: 321px) {
  .mwrap {
    width: 320px;
    overflow-x: hidden;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
/*

Icons
-------------------------------------------------------------------------------------

*/
img.serviceimage {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
img.serviceimage.small {
  width: 50px;
}
img.serviceimage.full {
  width: 100%;
  max-width: 100px;
}
/*

Subnavigation styles
-------------------------------------------------------------------------------------

*/
ul.root {
  padding-bottom: 22px;
}
/*

Images
-------------------------------------------------------------------------------------

*/
img.casepdfimage {
  width: 120px;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.1);
}
img.align_center {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}
img.img-large {
  padding-bottom: 50px;
  width: 100%;
}
/*

Video
-------------------------------------------------------------------------------------

*/
.TextformatterVideoEmbed {
  margin-bottom: 24px;
}
/*

Header
-------------------------------------------------------------------------------------

*/
header {
  position: absolute;
  position: fixed;
  width: 100%;
  background-color: #000000;
  color: #fff;
  z-index: 9999;
}
header .cart {
  text-align: right;
}
header a {
  color: #96d7e6;
}
header a:link {
  color: #96d7e6;
}
header a:visited {
  color: #96d7e6;
}
header a:active {
  color: #96d7e6;
}
header a:hover {
  color: #567b84;
}
header a.current {
  color: #567b84;
}
header h2 a {
  color: #fff;
}
header h2 a:link {
  color: #fff;
}
header h2 a:visited {
  color: #fff;
}
header h2 a:active {
  color: #fff;
}
header h2 a:hover {
  color: #fff;
}
header h2 a.current {
  color: #fff;
}
/*

Navigation panels
-------------------------------------------------------------------------------------

*/
#navipanel {
  display: none;
  padding-top: 30px;
  padding-bottom: 40px;
  font-size: 16px;
  line-height: 26px;
}
#navipanel ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-bottom: 19px;
}
#navipanel ul li {
  margin: 0px;
  padding: 0px;
}
#navipanel ul.main li a {
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial;
}
#navipanel ul.main {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #navipanel ul.main {
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  #navipanel {
    font-size: 16px;
    line-height: 26px;
    padding-top: 10px;
    padding-bottom: 15px;
  }
  #navipanel ul {
    font-size: 16px;
    line-height: 22px;
  }
}
#navipanel h2 {
  border-bottom: solid #666 1px;
  padding: 0px;
  margin: 0px;
  padding-bottom: 7px;
  margin-bottom: 7px;
}
/*

Navigation lists
-------------------------------------------------------------------------------------

*/
#brandnavi {
  padding-top: 20px;
  padding-bottom: 22px;
}
#brandnavi ul {
  font-size: 16px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#brandnavi ul li {
  margin: 0px;
  padding: 0px;
}
@media (max-width: 768px) {
  #brandnavi {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
#nav {
  display: block;
  list-style: none;
  margin-top: 8px;
}
#nav .menu-list {
  float: right;
  position: relative;
  overflow: visible;
  text-align: right;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#nav .menu-list li {
  display: inline-block;
  font-style: normal;
}
#nav .menu-list a {
  display: block;
  margin-left: 20px;
}
#nav .menu-languages {
  display: none;
  text-transform: uppercase;
}
#nav .menu-languages a {
  margin-right: 12px;
  margin-left: 0px;
  font-size: 13px;
  color: #fff;
}
#nav .menu-languages a:hover {
  color: #666;
}
#nav .menu-languages a:link {
  color: #fff;
}
#nav .menu-languages a:visited {
  color: #fff;
}
#nav .menu-languages a:active {
  color: #fff;
}
#nav .menu-languages a.current {
  color: #666;
}
@media (max-width: 768px) {
  #nav {
    margin-top: 0px;
  }
}
.menu-icon {
  float: right;
  padding: 0px;
  padding-left: 30px;
}
.menu-icon a {
  display: block;
  width: 32px;
  height: 25px;
  background: url('../img/menu.png') no-repeat;
  background-position: center top;
  background-size: 32px 25px;
}
@media (max-width: 768px) {
  .menu-icon a {
    width: 26px;
    height: 20px;
    background-size: 26px 20px;
  }
}
.menu-icon a:hover {
  opacity: 0.8;
}
.menu-icon.menu-close a {
  display: block;
  width: 32px;
  height: 25px;
  background: url('../img/menu-close.png') no-repeat;
  background-position: center top;
  background-size: 32px 25px;
}
@media (max-width: 768px) {
  .menu-icon.menu-close a {
    width: 26px;
    height: 20px;
    background-size: 26px 20px;
  }
}
.menu-icon.menu-close a:hover {
  opacity: 0.8;
}
.social-icon {
  font-size: 26px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .social-icon {
    font-size: 16px;
    margin-left: 10px;
  }
}
/*

Logo
-------------------------------------------------------------------------------------

*/
.logo {
  display: block;
  float: left;
  height: 38px;
  width: 121px;
  background: url('../img/reddal_logo.png') no-repeat;
  background-position: center top;
  background-size: 121px 38px;
  margin-top: 0px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .logo {
    background: url('../img/reddal_logo2x.png') no-repeat;
    background-size: 121px 38px;
  }
}
@media (max-width: 768px) {
  .logo {
    width: 64px;
    height: 20px;
    background-size: 64px 20px;
  }
}
/*

Logo
-------------------------------------------------------------------------------------

*/
span.time {
  font-size: 11px;
  color: #efefef;
}
/*

Buttons
-------------------------------------------------------------------------------------

*/
.btns {
  display: inline-block;
  margin-bottom: 0.25em;
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 1em 1.4em;
  margin-right: 1em;
  font-size: 0.75em;
  line-height: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: solid 1px #000;
  font-weight: 300;
}
.btns:link {
  color: #000000;
  text-decoration: none;
}
.btns:visited {
  color: #000000;
  text-decoration: none;
}
.btns:active {
  color: #000000;
  text-decoration: none;
}
.btns:hover {
  color: #606264;
  text-decoration: none;
}
.btns.current,
.btns.active {
  color: #000000;
  text-decoration: none;
}
.btns.btns-dark {
  color: #ffffff;
  background-color: #000000;
  font-weight: 700;
}
.btns.btns-dark:link {
  color: #ffffff;
  text-decoration: none;
}
.btns.btns-dark:visited {
  color: #ffffff;
  text-decoration: none;
}
.btns.btns-dark:active {
  color: #ffffff;
  text-decoration: none;
}
.btns.btns-dark:hover {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
}
.btns.btns-dark.current,
.btns.btns-dark.active {
  color: #ffffff;
  text-decoration: none;
}
.btns.btns-margins {
  margin-right: 1.2em;
  margin-bottom: 1.2em;
}
/*

Processwire form styling
-------------------------------------------------------------------------------------

*/
label.InputfieldHeader {
  margin-bottom: 0.5em;
  font-size: 0.9em;
}
/*

Bootstrap form styling
-------------------------------------------------------------------------------------

*/
.form-control {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  border: solid 1px #000000;
  background-image: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 15px;
  height: auto;
}
.form-control.g-recaptcha {
  background-color: transparent !important;
  border: none;
}
.form-control:focus {
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
  border: solid 1px #007f9d;
}
.form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #fff;
}
.form-control::-webkit-input-placeholder {
  color: #fff;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
#Inputfield_recaptcha {
  padding: 0;
  background-color: none !important;
}
#Inputfield_recaptcha .form-control {
  padding: 0;
  background-color: none !important;
  border: none;
}
/*

Bootstrap tweaks
-------------------------------------------------------------------------------------

*/
.btn-default,
.btn-primary {
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  background-color: #000000;
  text-transform: uppercase;
  color: #ffffff;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 26px;
  padding-right: 26px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
}
.btn-default:hover,
.btn-primary:hover {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
}
a.btn.btn-primary {
  color: #ffffff;
}
a.btn.btn-success {
  color: #ffffff;
}
.container .jumbotron,
.btn,
.list-group-item,
.list-group {
  border-radius: 0px;
}
.jumbotron {
  margin-bottom: 0px;
}
.table thead tr th {
  border-bottom: 1px solid #999999;
}
select option.dimmed {
  background-color: white !important;
  color: #999;
}
/*

Blog contact form styling
-------------------------------------------------------------------------------------

*/
#contact-blog label.InputfieldHeader {
  display: inherit;
  font-size: 0.9em;
  font-weight: normal;
  margin-bottom: 0.25em;
}
#contact-blog .form-control {
  display: block;
  width: 100%;
  padding: 0.3em;
  color: #000000;
  background-color: #ffffff;
  background-image: none;
  border: solid #999 1px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0em;
  height: auto;
  font-size: 17px;
  line-height: 24px;
}
#contact-blog .form-control.g-recaptcha {
  padding: 0;
  border: none;
}
#contact-blog label.InputfieldHeaderHidden {
  display: none;
}
#contact-blog .form-control:focus {
  border-color: #666;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
}
#contact-blog .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
#contact-blog .form-control:-ms-input-placeholder {
  color: #999;
}
#contact-blog .form-control::-webkit-input-placeholder {
  color: #999;
}
#contact-blog .form-control[disabled],
#contact-blog .form-control[readonly],
#contact-blog fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
#contact-blog textarea.form-control {
  height: auto;
}
#contact-blog .Inputfields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contact-blog .Inputfield {
  width: 100%;
}
#contact-blog .Inputfield_contact_name,
#contact-blog .Inputfield_contact_company {
  width: 49%;
}
#contact-blog .FormBuilderErrors {
  margin-bottom: 1em;
  color: #cd0000 !important;
}
#contact-blog .alert .alert-danger {
  color: #cd0000 !important;
}
/*

Carousel
-------------------------------------------------------------------------------------

*/
#carousel-custom h3 {
  padding-bottom: 20px;
}
#carousel-custom .item {
  height: 350px;
  background-color: #000000;
  padding-top: 60px;
  color: #ffffff;
}
#carousel-custom .item p,
#carousel-custom .item h1,
#carousel-custom .item h2,
#carousel-custom .item h3,
#carousel-custom .item h4,
#carousel-custom .item h5 {
  color: #ffffff;
}
@media (max-width: 992px) {
  #carousel-custom .item {
    height: 300px;
    padding-top: 60px;
  }
}
@media (max-width: 768px) {
  #carousel-custom .item {
    height: 300px;
    padding-top: 60px;
  }
}
@media (max-width: 520px) {
  #carousel-custom .item {
    height: 300px;
    padding-top: 60px;
  }
}
@media (max-width: 321px) {
  #carousel-custom .item {
    height: 300px;
    padding-top: 30px;
  }
}
#carousel-custom .carousel-indicators li {
  border: 1px solid #ffffff;
}
#carousel-custom .carousel-indicators .active {
  background-color: #ffffff;
}
/*

Bootstrap
-------------------------------------------------------------------------------------

*/
.container-fluid {
  max-width: 1404px;
}
@media (max-width: 768px) {
  .container-fluid-nav {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.container-fluid-wide {
  max-width: 100%;
}
/*

Canvas
-------------------------------------------------------------------------------------

*/
.canvas {
  min-height: 65vh;
}
.canvas-slim {
  min-height: 50vh;
}
/*

Sections
-------------------------------------------------------------------------------------

*/
section {
  display: block;
  position: relative;
  display: table;
  width: 100%;
  clear: both;
  padding: 0px;
  margin: 0px;
}
section.home {
  height: 640px;
  padding-top: 63px;
  padding-bottom: 63px;
}
@media (max-width: 768px) {
  section.home {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 520px) {
  section.home {
    height: 320px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
section.minimal {
  padding-top: 63px;
  padding-bottom: 63px;
}
@media (max-width: 768px) {
  section.minimal {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 520px) {
  section.minimal {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 321px) {
  section.minimal {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
section.basic {
  height: 540px;
  padding-top: 63px;
  padding-bottom: 63px;
}
@media (max-width: 768px) {
  section.basic {
    height: 400px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 520px) {
  section.basic {
    height: 320px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 321px) {
  section.basic {
    height: 280px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
section.masthead {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 768px) {
  section.masthead {
    height: 400px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 520px) {
  section.masthead {
    height: 320px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 321px) {
  section.masthead {
    height: 280px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
section.homehead {
  height: 780px;
  padding-top: 63px;
  padding-bottom: 230px;
}
@media (max-width: 768px) {
  section.homehead {
    height: 480px;
    padding-top: 30px;
    padding-bottom: 0px;
  }
}
@media (max-width: 520px) {
  section.homehead {
    height: 480px;
    padding-top: 30px;
    padding-bottom: 0px;
  }
}
@media (max-width: 321px) {
  section.homehead {
    height: 390px;
    padding-top: 10px;
    padding-bottom: 0px;
  }
}
section.page {
  display: table;
  text-align: left;
  width: 100%;
  margin-bottom: 80px;
}
section.page.page-post {
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  section.page {
    margin-bottom: 60px;
  }
  section.page.page-post {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  section.page {
    margin-bottom: 50px;
  }
  section.page.page-post {
    margin-bottom: 50px;
  }
}
@media (max-width: 520px) {
  section.page {
    margin-bottom: 30px;
  }
  section.page.page-post {
    margin-bottom: 30px;
  }
}
@media (max-width: 321px) {
  section.page {
    margin-bottom: 30px;
  }
  section.page.page-post {
    margin-bottom: 30px;
  }
}
section.page .pagebody {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 768px) {
  section.page .pagebody {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (max-width: 520px) {
  section.page .pagebody {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (max-width: 321px) {
  section.page .pagebody {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
section.page .pagebody-low {
  vertical-align: bottom;
}
section.image {
  padding: 0px;
  margin: 0px;
}
/*

Content blocks
-------------------------------------------------------------------------------------

*/
.content {
  padding: 0px;
  margin: 80px 0;
}
.content-padding {
  padding-top: 60px;
}
@media (max-width: 992px) {
  .content-padding {
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  .content-padding {
    padding-top: 35px;
  }
}
@media (max-width: 520px) {
  .content-padding {
    padding-top: 30px;
  }
}
@media (max-width: 321px) {
  .content-padding {
    padding-top: 30px;
  }
}
.content-insights {
  background-color: #fff87f;
}
.content-form {
  background-color: #d5eff5;
}
.content-newsletter {
  background-color: #404040;
  color: #ffffff;
}
.content-home {
  margin-top: 20vh;
}
/*

Articles color backgrounds
-------------------------------------------------------------------------------------

*/
.gray {
  background-color: #ebebeb;
  border-top: transparent;
}
.black {
  background-color: #606264;
  color: #fff;
}
.black ul,
.black li,
.black p,
.black h1,
.black h2,
.black h3,
.black h4,
.black h5 {
  color: #fff;
}
.black #nav a {
  color: #fff;
}
.black #nav a:link {
  color: #fff;
}
.black #nav a:visited {
  color: #fff;
}
.black #nav a:active {
  color: #fff;
}
.black #nav a:hover {
  color: #000000;
}
.black #nav a.current,
.black #nav a.active {
  color: #606264;
}
/*

Backgrounds
-------------------------------------------------------------------------------------

*/
.bg-cover {
  background-size: cover;
  background-position: center center;
}
.bg-fixed {
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1025px) {
  .bg-fixed {
    background-attachment: fixed;
  }
}
.bg-left {
  background-position: left top;
  background-repeat: no-repeat;
}
/*

Backgrounds
-------------------------------------------------------------------------------------

*/
.hero-overlay {
  /*
	background: #000;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
	opacity: 0.15;
*/
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%);
}
/*

AddThis
-------------------------------------------------------------------------------------

*/
.addthis_sharing_toolbox {
  padding-bottom: 15px;
}
/*

Feature List item
-------------------------------------------------------------------------------------

*/
.feature-list-item {
  display: block;
  padding: 16px 0px;
  border-top: 1px solid #000;
}
.feature-list-item h2 {
  padding: 0px;
}
hr {
  margin-top: 0px;
  margin-bottom: 27px;
  border-top-color: #000000;
}
@media (max-width: 520px) {
  hr {
    margin-bottom: 14px;
  }
}
@media (max-width: 321px) {
  hr {
    margin-bottom: 12px;
  }
}
/*

Markup Google Map
-------------------------------------------------------------------------------------

*/
@media (max-width: 520px) {
  .MarkupGoogleMap {
    margin-bottom: 24px;
  }
}
/*

Block ordering
-------------------------------------------------------------------------------------

*/
@media (min-width: 768px) {
  .flip-order {
    order: 2;
  }
}
/*

Panel menu
-------------------------------------------------------------------------------------

*/
.navbar {
  padding-left: 0;
  padding-right: 0;
  padding: 15px 0px;
  background-color: #000;
  z-index: 99;
  position: sticky !important;
  top: 0 !important;
}
@media (max-width: 992px) {
  .navbar {
    padding: 25px 0px;
  }
}
@media (max-width: 768px) {
  .navbar {
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 576px) {
  .navbar {
    margin: 0;
    padding: 0;
  }
}
.navbar-toggler {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.navbar-toggler .menu-icon {
  width: 32px;
  height: 25px;
  background-image: url('../img/menu.png');
  background-repeat: no-repeat;
  background-size: 32px 25px;
}
@media (max-width: 768px) {
  .navbar-toggler {
    padding-left: 15px;
    padding-right: 0;
    order: 3;
  }
}
.navbar-brand .navbar-logo {
  height: 38px;
  width: auto;
}
@media (max-width: 992px) {
  .navbar-brand .navbar-logo {
    height: 34px;
  }
}
@media (max-width: 768px) {
  .navbar-brand {
    padding: 15px 0 15px 0 !important;
  }
  .navbar-brand .navbar-logo {
    height: 25px;
  }
}
.navbar-nav {
  padding: 0px;
}
.navbar-nav .nav-item.active > a {
  color: #fff;
}
.navbar-nav .nav-link {
  padding-right: 0;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
}
.navbar-nav .nav-link:active {
  color: #fff;
}
.navbar-nav .nav-link.show,
.navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-nav .nav-link,
.navbar-nav .nav-link:link,
.navbar-nav .nav-link:active {
  color: #fff;
}
.navbar-nav .nav-link:hover {
  color: #96d7e6;
  text-decoration: none;
}
.navbar-nav .nav-link.current {
  color: #666;
}
.navbar-nav .nav-link.current:hover {
  color: #666;
}
.navbar-nav .nav-link:focus-visible {
  outline: 0;
  box-shadow: none;
}
@media (max-width: 768px) {
  .navbar-nav .nav-link {
    padding: 8px 0;
    border-top: 1px solid #efefef;
  }
}
@media (max-width: 768px) {
  .navbar-nav {
    margin: 25px 0;
  }
}
.dropdown-toggle::after {
  display: none;
}
.navbar-collapse {
  flex-grow: inherit;
}
@media (max-width: 768px) {
  .navbar-collapse {
    order: 4;
  }
}
@media (min-width: 768px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 2rem;
    /* navi padding */
  }
  .navbar-expand-lg .navbar-nav {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
  }
}
.panelmenu {
  border: 0;
  border-radius: 0;
  top: inherit;
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  width: 380px;
  margin-left: 0.5em;
  /*
	
	Sub links
	-------------------------------------------------------------------------------------
	
	*/
}
.panelmenu.panelmenu-competences {
  width: 410px;
}
.panelmenu.panelmenu-locations {
  width: 220px;
}
.panelmenu.panelmenu-culture-navi {
  width: 220px;
}
@media (max-width: 768px) {
  .panelmenu {
    left: inherit;
    transform: inherit;
    box-shadow: none;
    width: inherit;
  }
}
.panelmenu .sub-list {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 20px 0;
  text-align: left;
  background-color: #D5EFF5;
}
.panelmenu .sub-list.sub-sub-list {
  padding-top: 0;
}
.panelmenu .sub-list .sub-item {
  display: block;
  width: 100%;
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em;
}
.panelmenu .sub-list .sub-link {
  display: block;
  font-weight: 400 !important;
  width: 100%;
  padding: 0px 1.3rem !important;
  margin: 0px;
  color: #000;
  font-size: 16px;
}
.panelmenu .sub-list .sub-link.current {
  color: #999;
}
.panelmenu .sub-list .sub-link:hover {
  color: #666;
}
.panelmenu .sub-list .sub-link.sub-title {
  font-weight: 700 !important;
}
@media (max-width: 768px) {
  .panelmenu .sub-list .sub-item {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .panelmenu .sub-list .sub-link {
    display: block;
    padding: 5px 4vw !important;
  }
}
@media (max-width: 576px) {
  .panelmenu .menu-panel-image {
    display: none;
  }
  .panelmenu .menu-panel-intro {
    display: none;
  }
  .panelmenu .panelmenu {
    margin: 0px;
    padding: 0px;
  }
}
@media (max-width: 576px) {
  .panelmenu {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
  }
  .panelmenu > li {
    margin-bottom: 30px;
  }
  .panelmenu > li:last-child {
    margin-bottom: 0;
  }
}
:focus {
  outline: none;
}
@media (min-width: 768px) {
  [class*="dropdown-menu-tip-"]::after {
    content: '';
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #D5EFF5;
    border: solid 1px #D5EFF5;
    border-bottom: none;
    border-left: none;
  }
  /* North */
  .dropdown-menu-tip-n::after {
    top: calc(-0.25rem);
    left: 36px;
    transform: rotate(-45deg);
  }
}
/*

Headline
-------------------------------------------------------------------------------------

*/
.headline {
  font-family: 'Gotham Cond A', 'Gotham Cond B', Helvetica, Arial;
  font-weight: 700;
  font-style: normal;
  margin: 0px;
  padding: 0px;
  font-size: 140px;
  line-height: 130px;
  text-transform: uppercase;
  color: #ffffff;
}
@media (max-width: 992px) {
  .headline {
    font-size: 110px;
    line-height: 100px;
  }
}
@media (max-width: 768px) {
  .headline {
    font-size: 100px;
    line-height: 90px;
  }
}
@media (max-width: 520px) {
  .headline {
    font-size: 55px;
    line-height: 50px;
  }
}
@media (max-width: 321px) {
  .headline {
    font-size: 50px;
    line-height: 45px;
  }
}
.headline-cover {
  font-size: 4.5em;
  line-height: 1em;
  padding: 0;
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .headline-nopadding {
    padding: 0;
    margin-bottom: -0.1em;
  }
  .headline-cover-nopadding {
    padding: 0;
    margin-bottom: -0.05em;
  }
  .headline-h1 {
    margin-right: 1em;
  }
}
.align-items-end {
  align-items: flex-end !important;
}
.headline-inverse {
  color: #000000;
}
/*

Titles
-------------------------------------------------------------------------------------

*/
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li {
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial;
}
h1,
.h1 {
  font-weight: 700;
  margin: 0px;
  padding: 0px;
  font-size: 2.75rem;
  /* 3.25rem */
  line-height: 1.2em;
  padding-bottom: 0.75em;
  letter-spacing: -0.04em;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    padding-bottom: 0.5em;
  }
}
@media (min-width: 992px) {
  h1,
  .h1 {
    padding-bottom: 1em;
  }
}
h1 small,
.h1 small {
  font-size: 50%;
  font-weight: 300;
}
h2,
.h2 {
  font-size: 1.65em;
  line-height: 1.2em;
  margin: 0px;
  padding: 0px;
  padding-bottom: 1rem;
  font-weight: 700;
}
@media (max-width: 992px) {
  h2,
  .h2 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  h2,
  .h2 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media (max-width: 520px) {
  h2,
  .h2 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 321px) {
  h2,
  .h2 {
    font-size: 20px;
    line-height: 26px;
  }
}
h2.h1,
h3.h1 {
  font-weight: 400;
  letter-spacing: -0.04em;
}
.h-accordion {
  font-size: 22px;
  line-height: 32px;
  margin: 0px;
  padding: 0px;
  font-weight: 700;
  padding-bottom: 27px;
}
@media (max-width: 520px) {
  .h-accordion {
    padding-bottom: 14px;
  }
}
@media (max-width: 321px) {
  .h-accordion {
    padding-bottom: 12px;
  }
}
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-size: 17px;
  line-height: 26px;
  margin: 0px;
  padding: 0px;
  font-weight: 700;
}
.h1 small,
.h2 small,
.h3 small,
.h4 small {
  font-size: 60%;
  font-weight: 400;
}
/*

Paragraphs
-------------------------------------------------------------------------------------

*/
p,
ul {
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 1em;
  list-style: square;
}
@media (max-width: 992px) {
  p,
  ul {
    font-size: 17px;
    line-height: 26px;
    padding-bottom: 26px;
  }
}
@media (max-width: 768px) {
  p,
  ul {
    font-size: 17px;
    line-height: 26px;
    padding-bottom: 26px;
  }
}
@media (max-width: 520px) {
  p,
  ul {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 24px;
  }
}
@media (max-width: 321px) {
  p,
  ul {
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 22px;
  }
}
p a {
  border-bottom: dotted #999 1px;
}
ul li,
ol li {
  font-weight: 300;
}
.lead,
.text-success {
  font-size: 24px;
  line-height: 34px;
  padding: 0px;
  margin: 0px;
  padding-bottom: 34px;
  font-weight: 300;
  font-style: normal;
}
.text-success {
  font-weight: 700;
}
/*

Styles
-------------------------------------------------------------------------------------

*/
b,
strong {
  font-weight: 700;
}
.slim {
  font-weight: 200;
}
.nopadding {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
/*

Special elements
-------------------------------------------------------------------------------------

*/
#intro,
#intro p {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}
@media (max-width: 992px) {
  #intro,
  #intro p {
    font-size: 22px;
    line-height: 34px;
  }
}
@media (max-width: 768px) {
  #intro,
  #intro p {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 520px) {
  #intro,
  #intro p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 321px) {
  #intro,
  #intro p {
    font-size: 17px;
    line-height: 22px;
  }
}
/*

Small print
-------------------------------------------------------------------------------------

*/
.small {
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 400;
}
/*

Footer
-------------------------------------------------------------------------------------

*/
footer {
  display: block;
  width: 100%;
  background-color: #000;
  color: #fff;
  padding-top: 45px;
  padding-bottom: 60px;
}
@media (max-width: 992px) {
  footer {
    padding-top: 45px;
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  footer {
    padding-top: 45px;
    padding-bottom: 60px;
  }
}
@media (max-width: 520px) {
  footer {
    padding-top: 45px;
    padding-bottom: 60px;
  }
}
@media (max-width: 321px) {
  footer {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
footer a {
  text-decoration: none;
  outline: none;
}
footer a:link {
  color: #fff;
}
footer a:visited {
  color: #fff;
}
footer a:active {
  color: #fff;
}
footer a:hover {
  color: #999;
}
/*

Layout
-------------------------------------------------------------------------------------

*/
.blog-post {
  margin-bottom: 40px;
}
/*

Blog search
-------------------------------------------------------------------------------------

*/
.blog-search-link {
  display: inline-block;
  float: right;
  width: 34px;
  height: 34px;
  padding-top: 0.5em;
  margin-left: auto;
}
.blog-search-link:hover {
  opacity: 0.5;
}
.blog-search-img {
  width: 34px;
  height: 34px;
}
/*

Blog typography
-------------------------------------------------------------------------------------

*/
h1.blog {
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  margin: 0px;
  padding: 0px;
  font-size: 70px;
  line-height: 80px;
}
@media (max-width: 992px) {
  h1.blog {
    font-size: 50px;
    line-height: 60px;
  }
}
@media (max-width: 768px) {
  h1.blog {
    font-size: 40px;
    line-height: 46px;
  }
}
@media (max-width: 520px) {
  h1.blog {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 321px) {
  h1.blog {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
  }
}
h1.blog-list {
  padding-bottom: 22px;
}
h1.blog-list small {
  color: #999;
}
.blog-categories {
  font-weight: 400;
  padding-bottom: 10px;
  color: #999;
  font-size: 14px;
  line-height: 19px;
}
.blog-categories a {
  color: #999;
  border: none;
}
.blog-categories a:hover {
  color: #333;
}
.blog-block {
  padding: 0px;
  margin-bottom: 60px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
  border-bottom: solid 1px #000000;
  font-weight: 300;
}
.blog-categories-heading {
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  color: #999;
}
.blog-categories-heading a {
  color: #fff;
  margin-right: 20px;
  font-size: 85%;
  font-weight: 700;
  border: none;
}
/*

Author profiles
-------------------------------------------------------------------------------------

*/
.authors-small {
  display: table;
}
.author-photo {
  padding-top: 4px;
}
.authors {
  padding-bottom: 20px;
}
.author-small {
  display: table;
  float: left;
  margin-right: 30px;
  margin-bottom: 27px;
}
.author-small .author-thumb {
  display: table-cell;
  width: 75px;
  height: 63px;
}
.author-small .author-thumb img {
  width: 60px;
  height: 60px;
  margin-top: 0px;
}
.author-small .author-info {
  display: table-cell;
  height: 63px;
  vertical-align: top;
}
.author-small .author-info .author-name {
  font-weight: 700;
}
.author-small .author-info .author-title {
  font-weight: 300;
}
.img-blog-author {
  padding-bottom: 25px;
}
/*

Blog text styles
-------------------------------------------------------------------------------------

*/
.blog-date {
  color: #999;
}
/*

Social share buttons
-------------------------------------------------------------------------------------

*/
ul.social-share {
  margin: 0px;
  padding: 0px;
  margin-bottom: 34px;
  list-style: none;
  display: inline-block;
}
ul.social-share li {
  margin: 0px;
  padding: 0px;
  float: left;
  margin-right: 5px;
}
/*

Blog search
-------------------------------------------------------------------------------------

*/
.input-search {
  border: solid 1px black;
}
.input-search:focus {
  border: solid 1px black;
}
/*

Most popular
-------------------------------------------------------------------------------------

*/
.blog-most-popular {
  margin-top: 3px;
}
.blog-most-popular .block-list {
  position: relative;
  display: block;
}
.blog-most-popular .block-list .item {
  display: block;
  padding-bottom: 25px;
}
.blog-most-popular .detail {
  font-weight: 400;
  display: block;
  color: #9c9d9d;
  line-height: 1.53846;
  margin-top: 6px;
}
.blog-separator {
  margin-top: 0px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 9px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 16px;
}
/*

Blog header
-------------------------------------------------------------------------------------

*/
.blog-header {
  display: flex;
  align-items: flex-end;
  width: 100%;
  justify-content: space-between;
}
.blog-search {
  display: flex;
  margin-bottom: 0.4em;
}
.blog-search-form {
  display: flex;
  width: 100%;
  margin-top: 1.5em;
}
.blog-search-q {
  border: 1px solid #606264;
  border-radius: 0px;
  padding: 1em;
  width: 100%;
}
/*

Blog headline
-------------------------------------------------------------------------------------

*/
.content-blogbar {
  padding-bottom: 0;
}
.blogbar {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* vertical */
  border-bottom: solid #000000 3px;
  flex-wrap: wrap;
  align-content: stretch;
  /* horizontal */
}
.blogbar .blogbar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25em;
  width: 100%;
}
@media (min-width: 992px) {
  .blogbar .blogbar-header {
    margin-bottom: 0em;
    flex-wrap: nowrap;
    width: 65%;
  }
}
.blogbar .blogbar-title {
  font-size: 1.2em;
  font-weight: 700;
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial;
  display: block;
  margin: 0.5em 0em;
  white-space: nowrap;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .blogbar .blogbar-title {
    font-size: 1.5em;
    margin: 1em 0em;
  }
}
.blogbar .blogbar-title .blogbar-theme {
  font-weight: 400;
  color: #666;
}
.blogbar .blogbar-namelink {
  display: block;
}
.blogbar .blogbar-links {
  display: flex;
  align-items: right;
  margin-right: 0px;
  font-size: 0.9em;
}
.blogbar .blogbar-link {
  display: block;
  padding-left: 1em;
  font-weight: 700;
  line-height: 1em;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .blogbar .blogbar-link {
    padding-left: 1.5em;
  }
}
.blogbar .blogbar-search {
  display: flex;
  margin-bottom: 1em;
  width: 100%;
}
@media (min-width: 992px) {
  .blogbar .blogbar-search {
    margin-bottom: 0;
    width: 263px;
    margin-left: 30px;
  }
}
.blogbar .blogbar-form {
  display: flex;
  width: 100%;
  padding: 0em 0em 0em 0em;
  margin: 0;
  justify-content: center;
  align-content: stretch;
}
.blogbar .blogbar-q {
  padding: 0.3em 0.5em;
  border: solid #000 1px;
  font-size: 0.9em;
  line-height: 1em;
  margin: 0;
  height: 38px;
  width: 100%;
}
.blogbar .blogbar-q:focus {
  outline: none;
}
.blogbar .btn-blogbar {
  padding-left: 1em;
  padding-right: 1em;
}
/*

Blog highlight
-------------------------------------------------------------------------------------

*/
.bloghigh {
  display: flex;
  position: relative;
  margin-bottom: 50px;
  justify-content: space-between;
  overflow: hidden;
  flex-direction: column;
}
.bloghigh .bloghigh-img {
  width: 100%;
}
.bloghigh .bloghigh-card {
  background-color: #fff;
  padding: 1.4em 0em 0em 0em;
  align-self: flex-end;
  z-index: 2;
}
.bloghigh .blogtopic {
  font-size: 0.7em;
  line-height: 1.4em;
  text-transform: uppercase;
  margin-bottom: 1em;
  letter-spacing: 0.02em;
}
.bloghigh .blogtopiclink {
  color: #3cb6e3;
  font-weight: 400;
  margin-right: 1em;
  opacity: 0.75;
}
.bloghigh .blogtopiclink:hover {
  opacity: 1;
}
.bloghigh .blog-title {
  font-size: 2em;
  line-height: 1.2em;
  margin-bottom: 1rem;
}
.bloghigh .blog-summary {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .bloghigh {
    height: 513px;
  }
  .bloghigh .bloghigh-image {
    width: 555px;
  }
  .bloghigh .bloghigh-img {
    position: absolute;
    width: 849px;
  }
  .bloghigh .bloghigh-card {
    width: 585px;
    width: calc(50% + 25px);
    padding: 50px;
  }
}
/*

Blog picks
-------------------------------------------------------------------------------------

*/
.blogpick {
  margin-bottom: 2em;
}
.blogpick .blogpick-imglink {
  display: block;
  margin-bottom: 1.4em;
}
.blogpick .blog-title {
  font-size: 1.3em;
  line-height: 1.4em;
  margin-bottom: 1.3rem;
}
.blogpick .blog-summary {
  font-size: 0.9em;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
}
/*

Blog topic links
-------------------------------------------------------------------------------------

*/
.blogtopic {
  font-size: 0.7em;
  line-height: 1.3em;
  text-transform: uppercase;
  margin-bottom: 0.75em;
  letter-spacing: 0.02em;
}
.blogtopic .blogtopiclink {
  color: #3cb6e3;
  font-weight: 400;
  margin-right: 1em;
  opacity: 0.75;
}
.blogtopic .blogtopiclink:hover {
  opacity: 1;
}
.blogtopic.blogtopic-post {
  margin-bottom: 2em;
}
/*

Blog readmore
-------------------------------------------------------------------------------------

*/
.blogreadmore {
  text-align: center;
  margin: 2em 0em 0em 0em;
}
/*

Blog topics
-------------------------------------------------------------------------------------

*/
.blogtopics .topiclink {
  font-size: 1.3em;
  line-height: 1.4em;
  font-weight: 700;
  display: block;
}
/*

Blog share
-------------------------------------------------------------------------------------

*/
.blog-share {
  display: flex;
  flex-direction: row;
  margin-top: 1.5em;
}
.blog-share .blog-version {
  margin-right: 4px;
  font-size: 12px;
  line-height: 12px;
  border: 1px solid black;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 15px;
  height: 30px;
  padding: 8px 15px 0 15px;
}
.blog-share .blog-version:hover {
  opacity: 0.75;
}
.blog-share .blog-shareitem {
  margin-right: 4px;
}
.blog-share .blog-shareitem:hover {
  opacity: 0.75;
}
.blog-share .blog-shareimg {
  width: 30px;
}
/*

Blog post
-------------------------------------------------------------------------------------

*/
.blognew-header {
  margin-bottom: 2em;
}
.blognew-headline span {
  display: block;
  font-weight: 400;
}
.blognew-lead {
  margin-bottom: 0;
  padding-bottom: 0;
}
.blog-divider {
  font-weight: bold;
  display: flex;
  border-bottom: 1px solid #000;
  margin-bottom: 1em;
}
.blog-divider span {
  padding-bottom: 1em;
}
.blog-divider.blog-divider-summary {
  border-bottom: solid 1px #184f63;
}
/*

Blog authors
-------------------------------------------------------------------------------------

*/
.blog-authors {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 1.5em;
}
@media (min-width: 768px) {
  .blog-authors {
    flex-direction: column;
  }
}
.blog-author {
  display: flex;
  margin-bottom: 1em;
  font-size: 0.9em;
  line-height: 1.4em;
  align-items: center;
  padding-right: 30px;
  min-width: 50%;
}
@media (min-width: 768px) {
  .blog-author {
    width: 100%;
  }
}
.blog-author-image {
  margin-right: 1em;
}
.blog-author-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.blog-author-link {
  display: block;
  font-weight: bold;
}
/*

Blog figures
-------------------------------------------------------------------------------------

*/
.blog-figure {
  margin-bottom: 2em;
}
.blog-figure .blog-figcaption {
  font-size: 0.7em;
  color: #999;
  margin-top: 0.5em;
}
.blog-figure-link {
  position: relative;
  display: block;
}
.blog-figure-zoom {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  background-color: #000;
  color: #fff;
}
/*

Blog Executive summary
-------------------------------------------------------------------------------------

*/
.blog-exsummary {
  display: flex;
  flex-direction: column;
  margin-bottom: 2em;
  color: #184f63;
}
.blog-exsummary-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: solid 1px #184f63;
}
.blog-exsummary-col {
  width: 100%;
}
.blog-exsummary-col p,
.blog-exsummary-col h3 {
  font-size: 0.9em;
  line-height: 1.5em;
}
@media (min-width: 768px) {
  .blog-exsummary-inner {
    flex-direction: row;
  }
  .blog-exsummary-col {
    width: 32%;
  }
}
/*

Blog Float
-------------------------------------------------------------------------------------

*/
.blog-related {
  display: flex;
  margin-bottom: 1.8em;
  margin-top: 0.4em;
  border-top: solid 1px #666;
  border-bottom: solid 1px #666;
  padding: 1.4em 0em;
  flex-direction: row;
}
.blog-related .blog-related-image {
  margin-right: 1em;
}
.blog-related .blog-related-img {
  max-width: 200px !important;
}
.blog-related .blog-related-link img,
.blog-related .blog-related-link .img-responsive {
  max-width: 200px !important;
}
.blog-related .blog-related-label {
  display: block;
  font-size: 0.7em;
  line-height: 1.3em;
  text-transform: uppercase;
  margin-bottom: 0.75em;
  letter-spacing: 0.02em;
}
.blog-related .blog-related-p {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .blog-related {
    flex-direction: row;
  }
  .blog-related .blog-related-image {
    margin-right: 1em;
    margin-bottom: 0;
  }
  .blog-related .blog-related-link img,
  .blog-related .blog-related-link .img-responsive {
    max-width: 200px !important;
  }
  .blog-related .blog-related-img {
    width: 200px;
  }
}
.blog-related-float {
  float: left;
  width: 45%;
  margin-right: 30px;
  flex-direction: column;
}
.blog-related-float .blog-related-img {
  width: 150px;
}
.blog-related-float-right {
  float: right;
  width: 45%;
  margin-right: 0;
  flex-direction: column;
  margin-left: 30px;
}
.blog-related-float-right .blog-related-img {
  width: 150px;
}
.blog-related-contact {
  flex-direction: column;
}
.blog-related-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.blog-related-form-label {
  font-size: 0.9em;
  font-weight: normal;
  margin-bottom: 0.25em;
}
.blog-related-input {
  border: solid #999 1px;
  padding: 0.3em;
  margin-bottom: 1em;
}
.blog-related-input:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*

Blog Float
-------------------------------------------------------------------------------------

*/
.blog-download {
  font-size: 0.9em;
  line-height: 1.5em;
  margin-bottom: 1em;
}
/*

Blog contact form
-------------------------------------------------------------------------------------

*/
.blog-contact {
  display: flex;
  margin-bottom: 3em;
  margin-top: 0.4em;
  flex-direction: row;
}
.blog-contact .blog-related-label {
  display: block;
  font-size: 0.7em;
  line-height: 1.3em;
  text-transform: uppercase;
  margin-bottom: 0.75em;
  letter-spacing: 0.02em;
}
.blog-contact .blog-related-p {
  margin: 0;
  padding: 0;
}
.blog-contact-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.blog-contact-form-label {
  font-size: 0.9em;
  font-weight: normal;
  margin-bottom: 0.25em;
}
.blog-contact-input {
  border: solid #999 1px;
  padding: 0.3em;
  margin-bottom: 1em;
  width: 100%;
}
.blog-contact-input:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.blog-contact-row {
  display: flex;
  justify-content: space-between;
}
.blog-contact-row .blog-contact-item {
  width: 32%;
}
.blognew-authorimage {
  margin-bottom: 1em;
}
/*

Most popular
-------------------------------------------------------------------------------------

*/
.blognew-most-popular .block-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.blognew-most-popular .block-list .item {
  width: 45%;
  padding-bottom: 1.5em;
}
@media (min-width: 992px) {
  .blognew-most-popular .block-list .item {
    width: 100%;
  }
}
.blognew-most-popular .detail {
  font-weight: 400;
  display: block;
  color: #9c9d9d;
  margin-top: 0.5em;
}
/*

Blog sticky column
-------------------------------------------------------------------------------------

*/
.blog-sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 5.75em;
}
/*

Pagination
-------------------------------------------------------------------------------------

*/
.MarkupPagerNav {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.MarkupPagerNav li {
  display: inline;
  list-style: none;
  margin-bottom: 5px;
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
}
.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
  display: block;
  float: left;
  color: #fff;
  padding: 12px 25px 12px 25px;
  margin-right: 5px;
  border: 1px solid #000000;
  background-color: #000;
}
.MarkupPagerNav li.MarkupPagerNavOn a {
  color: #000000;
  background: #fff;
  text-decoration: none;
}
.MarkupPagerNav li a:hover {
  background: #666;
  border-color: #666;
  color: #fff;
  text-decoration: none;
}
.MarkupPagerNav li.MarkupPagerNavSeparator {
  display: inline;
  color: #000000;
  background: #ffffff;
  padding-left: 3px;
  padding-right: 3px;
}
/*

Tables
-------------------------------------------------------------------------------------

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

Insights Overview table
-------------------------------------------------------------------------------------

*/
.table-overview {
  margin-bottom: 24px;
}
.table-overview > thead > tr > th,
.table-overview > tbody > tr > th,
.table-overview > tfoot > tr > th,
.table-overview > thead > tr > td,
.table-overview > tbody > tr > td,
.table-overview > tfoot > tr > td {
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  width: 33.333333%;
}
@media (max-width: 992px) {
  .table-overview > thead > tr > th,
  .table-overview > tbody > tr > th,
  .table-overview > tfoot > tr > th,
  .table-overview > thead > tr > td,
  .table-overview > tbody > tr > td,
  .table-overview > tfoot > tr > td {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 768px) {
  .table-overview > thead > tr > th,
  .table-overview > tbody > tr > th,
  .table-overview > tfoot > tr > th,
  .table-overview > thead > tr > td,
  .table-overview > tbody > tr > td,
  .table-overview > tfoot > tr > td {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 520px) {
  .table-overview > thead > tr > th,
  .table-overview > tbody > tr > th,
  .table-overview > tfoot > tr > th,
  .table-overview > thead > tr > td,
  .table-overview > tbody > tr > td,
  .table-overview > tfoot > tr > td {
    font-size: 11px;
    line-height: 16px;
  }
}
@media (max-width: 321px) {
  .table-overview > thead > tr > th,
  .table-overview > tbody > tr > th,
  .table-overview > tfoot > tr > th,
  .table-overview > thead > tr > td,
  .table-overview > tbody > tr > td,
  .table-overview > tfoot > tr > td {
    font-size: 11px;
    line-height: 16px;
  }
}
.table-overview > thead > tr > th,
.table-overview > tbody > tr > th,
.table-overview > tfoot > tr > th {
  font-weight: 700;
}
/*

Panels
-------------------------------------------------------------------------------------

*/
.panel {
  margin-bottom: 20px;
  background-color: #ebebeb;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
@media (max-width: 768px) {
  .panel {
    margin-bottom: 15px;
  }
}
.panel .panel-body {
  padding: 15px;
}
.panel .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid #fff;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  font-weight: 700;
}
/*

Header banner
-------------------------------------------------------------------------------------

*/
.content-cover {
  background-color: #efefef;
  position: relative;
  height: 65vh;
  padding: 0px;
  margin-bottom: 80px;
}
.content-cover picture,
.content-cover .cover-img {
  width: 100%;
}
.content-cover {
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .content-cover {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .content-cover {
    margin-bottom: 50px;
  }
}
@media (max-width: 520px) {
  .content-cover {
    margin-bottom: 30px;
  }
}
@media (max-width: 321px) {
  .content-cover {
    margin-bottom: 30px;
  }
}
.content-cover-small {
  height: calc(85vh - 60px);
}
@media (min-width: 768px) {
  .content-cover-small {
    height: calc(85vh - 80px);
  }
}
@media (min-width: 992px) {
  .content-cover-small {
    height: calc(85vh - 80px);
  }
}
.cover-wrap {
  position: absolute;
  display: flex;
  align-items: flex-end;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 65vh;
}
.cover-wrap .headline {
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .cover-wrap .headline {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .cover-wrap .headline {
    margin-bottom: 50px;
  }
}
@media (max-width: 520px) {
  .cover-wrap .headline {
    margin-bottom: 30px;
  }
}
@media (max-width: 321px) {
  .cover-wrap .headline {
    margin-bottom: 30px;
  }
}
.object-fit {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.hotspot {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
/*

Figures
-------------------------------------------------------------------------------------

*/
.key-figures {
  display: flex;
  border-bottom: 1px solid #999;
  flex-wrap: wrap;
}
.key-figure {
  padding: 4em 2em;
  text-align: center;
  border-top: 1px solid #999;
  flex-grow: 1;
  flex-basis: 0;
}
.key-figure-value {
  font-size: 5em;
  line-height: 1em;
  font-family: 'Gotham Cond A', 'Gotham Cond B', Helvetica, Arial;
  font-weight: 700;
  padding: 0;
  margin: 0;
}
.key-figure-description {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
}
/*

Figures
-------------------------------------------------------------------------------------

*/
.path {
  padding: 0.5em 0 0.5em 0;
  font-size: 0.75em;
  color: #999;
  border-bottom: 1px solid #f2f2f2;
}
/*

Headline
-------------------------------------------------------------------------------------

*/
.headline-text {
  padding: 0;
  margin: 0;
  font-size: 1.2em;
  line-height: 1.4em;
}
.headline-buttons {
  margin-top: 1.5em;
}
/*

Culture values
-------------------------------------------------------------------------------------

*/
.culture-values {
  display: flex;
  border-bottom: 1px solid #999;
}
.culture-value {
  padding: 4em 2em;
  text-align: center;
  border-top: 1px solid #999;
  flex-grow: 1;
}
.culture-value-bg {
  background-color: #D5EFF5;
}
.culture-value-name {
  font-size: 3em;
  line-height: 1em;
  font-family: 'Gotham Cond A', 'Gotham Cond B', Helvetica, Arial;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.culture-value-description {
  margin: 0;
  padding: 0;
}
.culture-value-img {
  width: 140px;
  margin-bottom: 1em;
}
/*

Offcanvas
-------------------------------------------------------------------------------------

*/
.offcanvas-case {
  width: 90vw !important;
  border: none !important;
}
.offcanvas-case .offcanvas-header {
  height: 77px;
  margin: 0;
  padding: 0 2em;
  background-color: #fff;
  border-bottom: solid 1px black;
}
.offcanvas-case .offcanvas-body {
  padding: 2em;
}
@media (min-width: 768px) {
  .offcanvas-case {
    width: 80vw !important;
  }
}
@media (min-width: 1200px) {
  .offcanvas-case {
    width: 70vw !important;
  }
}
@media (min-width: 1200px) {
  .offcanvas-case {
    width: 60vw !important;
  }
}
@media (min-width: 1680px) {
  .offcanvas-case {
    width: 50vw !important;
  }
}
/*

Content, slide
-------------------------------------------------------------------------------------

*/
.blocklabel {
  display: block;
  font-size: 0.8em;
  text-transform: uppercase;
  margin-bottom: 1em;
  letter-spacing: 0.05em;
  font-weight: 400;
}
/*

Images
-------------------------------------------------------------------------------------

*/
picture.imagelarge {
  display: block;
  margin-top: 3.25rem;
}
/*

Quote
-------------------------------------------------------------------------------------

*/
.quote-label {
  display: flex;
  flex-direction: row;
}
.quote-image {
  margin-right: 0.5em;
  display: block;
  width: 40px;
  height: 40px;
}
.quote-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
/*

Carblock
-------------------------------------------------------------------------------------

*/
.cardblock {
  display: flex;
  flex-direction: column;
}
.cardblock-image {
  display: flex;
  width: 100%;
}
.cardblock-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  background-color: #efefef;
}
.cardblock-img {
  width: 100%;
}
.cardblock-inner {
  display: flex;
  flex-direction: column;
  padding: 1.5em;
}
.cardblock-title {
  padding-bottom: 0.5em;
}
@media (min-width: 768px) {
  .cardblock {
    flex-direction: row;
    align-items: stretch;
  }
  .cardblock-image {
    width: 50%;
  }
  .cardblock-content {
    width: 50%;
  }
  .cardblock-small .cardblock-image {
    width: 33%;
  }
  .cardblock-small .cardblock-content {
    width: 67%;
  }
  .cardblock-flip .cardblock-image {
    order: 2;
  }
  .cardblock-flip .cardblock-content {
    order: 1;
  }
  .cardblock-inner {
    padding: 2.5em;
  }
}
/*

Listing
-------------------------------------------------------------------------------------

*/
.listing-item {
  border-top: 1px solid #000000;
  padding-top: 1em;
  margin-bottom: 2em;
}
/*

Practices - listing with images
-------------------------------------------------------------------------------------

*/
.imglist-item {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin-bottom: 1em;
}
.imglist-image {
  width: 30%;
  margin-right: 7%;
}
.imglist-img {
  width: 100%;
}
/*

Global locations maps
-------------------------------------------------------------------------------------

*/
.global-locations-map .global-locations-map-img {
  width: 100%;
}
.global-locations-map .map-wrapper {
  position: relative;
}
.global-locations-map .map-marker {
  width: 50px;
  height: 67px;
  position: absolute;
  z-index: 1;
  background: url('../img/mapmarker.svg');
  background-repeat: no-repeat;
  background-size: 50px 67px;
  transform: translate(-25px, -67px);
  cursor: pointer;
}
.global-locations-map .map-marker:hover {
  fill: blue;
  opacity: 0.5;
}
/*

Swiper
-------------------------------------------------------------------------------------

*/
.swiper {
  width: 100%;
}
.swiper-controls {
  display: flex;
  width: 100%;
  height: 20px;
  margin-top: 3em;
  justify-content: flex-end;
  align-items: stretch;
}
.swiper-controls .swiper-button-prev,
.swiper-controls .swiper-button-next {
  width: 20px;
  height: 20px;
  color: #000000;
  position: relative;
}
.swiper-controls .swiper-button-next {
  margin-left: 30px;
}
.swiper-controls .swiper-pagination {
  position: relative;
  height: 20px;
  margin-left: 70px;
}
.swiper-controls .swiper-pagination .swiper-pagination-bullet {
  background-color: #000000;
}
.swiper-controls .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000000;
}
/*

Swiper > Contacts
-------------------------------------------------------------------------------------

*/
.swiper-container-contacts {
  width: 100%;
  padding: 0 0 0 25px;
}
@media (min-width: 768px) {
  .swiper-container-contacts {
    padding-left: 0;
  }
}
.swiper-slide.swiper-slide-contacts {
  width: 60%;
  padding: 0 25px 0 0;
  height: auto;
}
.swiper-slide.swiper-slide-contacts .inslide-body {
  padding: 1.4em;
}
.swiper-slide.swiper-slide-contacts .inslide-bg-contacts {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .swiper-slide.swiper-slide-contacts {
    padding: 0 25px;
    width: 33.33333333%;
  }
}
/*

Swiper > Insights
-------------------------------------------------------------------------------------

*/
.swiper-container-insights {
  width: 100%;
  padding: 0 0 0 25px;
}
@media (min-width: 768px) {
  .swiper-container-insights {
    padding-left: 0;
  }
}
.swiper-slide.swiper-slide-insights {
  width: 60%;
  padding: 0 25px 0 0;
  height: auto;
}
.swiper-slide.swiper-slide-insights .inslide-body {
  padding: 1.4em;
}
.swiper-slide.swiper-slide-insights .inslide-bg-insights {
  display: flex;
  flex-direction: column;
  background-color: #f2f2f2;
  height: 100%;
}
@media (min-width: 768px) {
  .swiper-slide.swiper-slide-insights {
    padding: 0 25px;
    width: 33.33333333%;
  }
}
/*

The End
-------------------------------------------------------------------------------------

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