.row,
.samerow {
  width: 100%;
  max-width: 60%;
  min-width: 1200px;
  margin: 0 auto 0 auto;
}
.row .row {
  min-width: 0px;
  max-width: 100%;
  margin: 0;
}
.row:before,
.row:after,
.samerow:before,
.samerow:after,
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.row:after,
.samerow:after,
.clearfix:after {
  clear: both;
}
.row,
.samerow,
.clearfix {
  zoom: 1;
}
.col,
.samecol {
  margin-right: 5%;
  float: left;
  position: relative;
}
.col:last-child,
.samecol:last-child,
.col-nav {
  margin-right: 0;
}
.one.col,
.one.samecol {
  width: 3.75%;
}
.two.col,
.two.samecol {
  width: 12.5%;
}
.three.col,
.three.samecol {
  width: 21.25%;
}
.four.col,
.four.samecol {
  width: 30%;
}
.five.col,
.five.samecol {
  width: 38.75%;
}
.six.col,
.six.samecol {
  width: 47.5%;
}
.seven.col,
.seven.samecol {
  width: 56.25%;
}
.eight.col,
.eight.samecol {
  width: 65%;
}
.nine.col,
.nine.samecol {
  width: 73.75%;
}
.ten.col,
.ten.samecol {
  width: 82.5%;
}
.eleven.col,
.eleven.samecol {
  width: 91.25%;
}
.twelve.col,
.twelve.samecol {
  width: 100%;
}
@media only screen and (max-width: 1260px) {
  .row,
  .samerow {
    width: auto !important;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100%;
    min-width: 0;
  }
  .row .row,
  .samerow .row,
  .row .samerow,
  .samerow .samerow {
    padding: 0;
  }
}
@media only screen and (max-width: 682px) {
  .row {
    margin: 0;
  }
  .col {
    width: auto !important;
    float: none;
    margin: 0 0 15px 0;
  }
  .row,
  .samerow {
    padding-left: 15px;
    padding-right: 15px;
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: 400;
  font-size: 100%;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
html {
  position: relative;
  min-height: 100%;
}
html,
body {
  width: 100%;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
img {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/open-sans-v17-latin-regular.eot"); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url("../../fonts/open-sans-v17-latin-regular.eot?#iefix") format('embedded-opentype'), url("../../fonts/open-sans-v17-latin-regular.woff2") format('woff2'), url("../../fonts/open-sans-v17-latin-regular.woff") format('woff'), url("../../fonts/open-sans-v17-latin-regular.ttf") format('truetype'), url("../../fonts/open-sans-v17-latin-regular.svg#OpenSans") format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../../fonts/open-sans-v17-latin-italic.eot"); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url("../../fonts/open-sans-v17-latin-italic.eot?#iefix") format('embedded-opentype'), url("../../fonts/open-sans-v17-latin-italic.woff2") format('woff2'), url("../../fonts/open-sans-v17-latin-italic.woff") format('woff'), url("../../fonts/open-sans-v17-latin-italic.ttf") format('truetype'), url("../../fonts/open-sans-v17-latin-italic.svg#OpenSans") format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/open-sans-v17-latin-700.eot"); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("../../fonts/open-sans-v17-latin-700.eot?#iefix") format('embedded-opentype'), url("../../fonts/open-sans-v17-latin-700.woff2") format('woff2'), url("../../fonts/open-sans-v17-latin-700.woff") format('woff'), url("../../fonts/open-sans-v17-latin-700.ttf") format('truetype'), url("../../fonts/open-sans-v17-latin-700.svg#OpenSans") format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url("../../fonts/open-sans-v17-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url("../../fonts/open-sans-v17-latin-700italic.eot?#iefix") format('embedded-opentype'), url("../../fonts/open-sans-v17-latin-700italic.woff2") format('woff2'), url("../../fonts/open-sans-v17-latin-700italic.woff") format('woff'), url("../../fonts/open-sans-v17-latin-700italic.ttf") format('truetype'), url("../../fonts/open-sans-v17-latin-700italic.svg#OpenSans") format('svg'); /* Legacy iOS */
}
html {
  font-size: 62.5%;
}
body {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: 'Open Sans', 'Myriad Pro', 'Arial', sans-serif;
  line-height: 22px;
  color: #343434;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 682px) {
  body {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
  }
}
strong {
  font-weight: 900;
}
a {
  color: inherit;
  font-size: inherit;
}
p {
  margin-bottom: 22px;
}
p small {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0.8em;
}
p a {
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 22px;
  font-weight: 700;
}
@media only screen and (max-width: 682px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 11px;
  }
}
h1 span.orange,
h2 span.orange,
h3 span.orange,
h4 span.orange,
h5 span.orange,
h6 span.orange {
  color: #ff802a;
  font-weight: 700;
}
h1 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 39.6px;
}
@media only screen and (max-width: 682px) {
  h1 {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 22px;
  }
}
h2 {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 26.4px;
}
@media only screen and (max-width: 682px) {
  h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 22px;
  }
}
h3,
h4,
h5,
h6 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24.200000000000003px;
}
@media only screen and (max-width: 682px) {
  h3,
  h4,
  h5,
  h6 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
  }
}
.row.wide,
.samerow.wide {
  width: 100%;
  max-width: 90%;
  min-width: 90%;
  margin: 0 auto 0 auto;
}
html {
  min-height: 100%;
  position: relative;
  max-width: 100%;
  overflow-x: hidden;
}
body {
  margin: 0 0 250px 0;
  padding: 80px 0 0 0;
  height: none;
}
body.npt {
  padding: 0;
}
body.nm {
  margin: 0;
}
body.footer-match {
  margin: 0 0 70px 0;
}
@media only screen and (max-width: 682px) {
  body {
    padding-top: 54px;
    margin-bottom: 0;
  }
}
body.mobile {
  padding-top: 55px;
}
section {
  position: relative;
  display: block;
  padding: 100px 0;
  overflow: hidden;
}
section#intro {
  padding: 50px 0 100px 0;
}
section#intro.only-breadcrumbs {
  padding: 50px 0 25px 0;
}
@media only screen and (max-width: 682px) {
  section#intro {
    padding: 40px 0;
  }
}
section.low {
  padding: 70px 0;
}
@media only screen and (max-width: 682px) {
  section.low {
    padding: 40px 0;
  }
}
section.low-top {
  padding: 70px 0 150px 0;
}
@media only screen and (max-width: 682px) {
  section.low-top {
    padding: 40px 0;
  }
}
section.low-bottom {
  padding: 150px 0 70px 0;
}
@media only screen and (max-width: 682px) {
  section.low-bottom {
    padding: 40px 0;
  }
}
section.ws {
  padding-top: 150px;
}
section.np {
  padding: 0;
}
section.w,
section.white {
  background: #fffffe;
  color: #000001;
}
section.s,
section.black {
  background: lg;
}
section.blue {
  background: #011b2e;
  color: #fffffe;
}
section.blue h1,
section.blue h2,
section.blue h3 {
  color: #ff802a;
}
section.lightblue {
  background: #d9e1e9;
}
section.dark {
  background: #343434;
}
section.lg,
section.lightgrey {
  background: #ededed;
}
section.lg-gradient {
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#ededed 0, EndColorstr=#fffffe 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#ededed 0, EndColorstr=#fffffe 100%);
  background: -webkit-gradient(linear, top top, top bottom, from(#ededed 0), to(#fffffe 100%));
  background: -webkit-linear-gradient(top, #ededed 0, #fffffe 100%);
  background: -ms-linear-gradient(top, #ededed 0, #fffffe 100%);
  background: -moz-linear-gradient(top, #ededed 0, #fffffe 100%);
  background: -o-linear-gradient(top, #ededed 0, #fffffe 100%);
  background: linear-gradient(top, #ededed 0, #fffffe 100%);
  background-color: #ededed;
  background-image: -webkit-linear-gradient(top, #ededed 0, #fffffe 100%);
  background-image: -moz-linear-gradient(top, #ededed 0, #fffffe 100%);
  background-image: -ms-linear-gradient(top, #ededed 0, #fffffe 100%);
  background-image: -o-linear-gradient(top, #ededed 0, #fffffe 100%);
  background-image: background: linear-gradient(top, #ededed 0, #fffffe 100%);;
}
section.gradient {
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#4d6a90 0, EndColorstr=#011b2e 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#4d6a90 0, EndColorstr=#011b2e 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#4d6a90 0), to(#011b2e 100%));
  background: -webkit-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background: -ms-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background: -moz-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background: -o-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background: linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background-color: #4d6a90;
  background-image: -webkit-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background-image: -moz-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background-image: -ms-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background-image: -o-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background-image: background: linear-gradient(left, #4d6a90 0, #011b2e 100%);;
}
section.gradient h2 {
  color: #fffffe;
}
@media only screen and (max-width: 682px) {
  section {
    padding: 40px 0;
  }
}
section.bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 0;
}
section.bg:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
@media only screen and (max-width: 682px) {
  section.bg.bg-hero {
    padding: 120px 0 20px 0;
  }
}
section.bg.bg-hero:after,
section.bg.bg-blue:after {
  background: #094467;
}
section.bg.bg-w:after,
section.bg.bg-light:after {
  background: #fffffe;
}
section section.dark {
  background: #343434;
  color: #fffffe;
}
aside h3 {
  margin-bottom: 15px;
}
aside .sidebar-textlink {
  display: block;
  color: #809ab6;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
}
aside .sidebar-textlink:hover {
  color: #011b2e;
}
aside .sidebar-textlink.rgh {
  position: relative;
  border-bottom: 0 none;
  margin-bottom: 20px;
}
aside .sidebar-textlink.rgh span {
  display: inline-block;
  padding-top: 11px;
}
aside .sidebar-textlink .rgh-img {
  width: 50px;
  height: 50px;
  border-radius: 999px;
  -o-border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 10px;
}
aside .sidebar-textlink .rgh-img img {
  height: 100%;
  max-width: none;
  width: none;
  right: 0;
  position: absolute;
}
article table thead {
  background: #4d6a90;
  color: #fffffe;
}
article table thead tr td {
  padding: 5px 10px;
  font-weight: 700;
  border-left: 1px solid #809ab6;
}
article table tbody tr:nth-child(even) {
  background: #ededed;
}
article table tbody tr {
  background: #f6f6f6;
}
article table tbody tr td {
  padding: 10px;
  border-left: 1px solid #fffffe;
}
footer {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 125px;
  background: #011b2e;
  border-top: 50px solid #384c65;
  border-bottom: 25px solid #ff802a;
  color: #fffffe;
  padding-top: 20px;
  padding-bottom: 30px;
  font-size: 13px;
  font-size: 1.3rem;
}
@media only screen and (max-width: 682px) {
  footer {
    height: auto;
    position: relative;
  }
}
main.row {
  margin-top: 40px;
}
@media only screen and (max-width: 682px) {
  main.row {
    margin-top: 10px;
  }
}
img.img-left-to-text {
  float: left;
  margin-right: 20px;
}
img.img-right-to-text {
  float: right;
  margin-left: 20px;
}
.flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
@media only screen and (max-width: 682px) {
  .flex-wrap {
    -webkit-flex-direction: column /* works with row or column */;
    flex-direction: column;
  }
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 682px) {
  .flex-center {
    -webkit-flex-direction: column /* works with row or column */;
    flex-direction: column;
  }
}
.flex-baseline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: 22px;
  -ms-flex-align: 22px;
  -webkit-align-items: 22px;
  align-items: 22px;
}
@media only screen and (max-width: 682px) {
  .flex-baseline {
    -webkit-flex-direction: column /* works with row or column */;
    flex-direction: column;
  }
}
.flex-parent-horizontal-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row /* works with row or column */;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media only screen and (max-width: 682px) {
  .flex-parent-horizontal-row {
    -webkit-flex-direction: column /* works with row or column */;
    flex-direction: column;
  }
}
@media only screen and (max-width: 682px) {
  .flex-rev-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
  }
}
.divide-two {
  column-count: 2;
}
.divide-two p {
  margin-bottom: 0;
}
@media only screen and (max-width: 950px) {
  .divide-two {
    column-count: 1;
  }
  .divide-two p {
    margin-bottom: 20px;
  }
}
.mt25 {
  margin-top: 25px;
}
@media only screen and (max-width: 682px) {
  .mt25 {
    margin-top: 15px;
  }
}
.mt50 {
  margin-top: 50px;
}
@media only screen and (max-width: 682px) {
  .mt50 {
    margin-top: 25px;
  }
}
.mb0 {
  margin-bottom: 0;
}
.mb20 {
  margin-bottom: 20px;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb100 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 682px) {
  .mb100 {
    margin-bottom: 25px;
  }
}
.mb150 {
  margin-bottom: 150px;
}
@media only screen and (max-width: 682px) {
  .mb150 {
    margin-bottom: 25px;
  }
}
.mb200 {
  margin-bottom: 200px;
}
@media only screen and (max-width: 682px) {
  .mb200 {
    margin-bottom: 25px;
  }
}
.mt100 {
  margin-top: 100px;
}
@media only screen and (max-width: 682px) {
  .mt100 {
    margin-top: 0;
  }
}
.pb20 {
  padding-bottom: 20px;
}
.pb50 {
  padding-bottom: 50px;
}
.pt20 {
  padding-top: 20px;
}
.pt50 {
  padding-top: 50px;
}
.npt {
  padding-top: 0;
}
.npb {
  padding-bottom: 0;
}
.nmt {
  margin-top: 0;
}
.nmb {
  margin-bottom: 0;
}
@media only screen and (max-width: 682px) {
  .nom,
  .nop {
    display: none;
  }
}
.oom,
.oop {
  display: none;
}
@media only screen and (max-width: 682px) {
  .oom,
  .oop {
    display: inline-block;
  }
}
@media only screen and (max-width: 1260px) {
  .not {
    display: none;
  }
}
.oot {
  display: none;
}
@media only screen and (max-width: 1260px) {
  .oot {
    display: block;
  }
}
.centered,
.center {
  text-align: center;
}
.flr {
  float: right;
}
.fll {
  float: left;
}
.tar {
  text-align: right;
}
.tal {
  text-align: left;
}
.center {
  text-align: center;
}
.rot90 {
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.rot-90 {
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
@media only screen and (max-width: 682px) {
  .h-no-mb h1,
  .h-no-mb h2,
  .h-no-mb h3,
  .h-no-mb h4,
  .h-no-mb h5,
  .h-no-mb h6 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 682px) {
  .nom {
    display: none;
  }
}
.oom {
  display: none;
}
@media only screen and (max-width: 682px) {
  .oom {
    display: inline-block;
  }
}
@media only screen and (max-width: 1260px) {
  .oig {
    display: none;
  }
}
.nig {
  display: none;
}
@media only screen and (max-width: 1260px) {
  .nig {
    display: block;
  }
}
.border {
  border: 1px solid #ff802a;
}
.teaserimg {
  position: relative;
  margin-bottom: 15px;
}
.teaserimg img {
  filter: grayscale(1);
  display: block;
}
.teaserimg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-top: 4px solid #ff802a;
  background: rgba(1,27,46,0.7);
  filter: saturate(2);
  transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out;
}
.teaser:hover .teaserimg:before {
  background: rgba(255,128,42,0.7);
}
.flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
@media only screen and (max-width: 682px) {
  .flex-wrap {
    -webkit-flex-direction: column /* works with row or column */;
    flex-direction: column;
  }
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 682px) {
  .flex-center {
    -webkit-flex-direction: column /* works with row or column */;
    flex-direction: column;
  }
}
.flex-baseline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: 22px;
  -ms-flex-align: 22px;
  -webkit-align-items: 22px;
  align-items: 22px;
}
@media only screen and (max-width: 682px) {
  .flex-baseline {
    -webkit-flex-direction: column /* works with row or column */;
    flex-direction: column;
  }
}
.flex-parent-horizontal-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row /* works with row or column */;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media only screen and (max-width: 682px) {
  .flex-parent-horizontal-row {
    -webkit-flex-direction: column /* works with row or column */;
    flex-direction: column;
  }
}
@media only screen and (max-width: 682px) {
  .flex-rev-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
  }
}
span.cross {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 25px;
  position: relative;
}
span.cross:before,
span.cross:after {
  content: "";
  background: #ededed;
  position: absolute;
}
span.cross:before {
  height: 50px;
  width: 2px;
  left: 25px;
}
span.cross:after {
  width: 50px;
  height: 2px;
  top: 25px;
}
.teaserbox {
  box-sizing: border-box;
}
.vid-iframe-holder {
  padding: 41.89% 0 0 0;
  position: relative;
}
.vid-iframe-holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 16px;
}
ul.nolist {
  list-style: none;
  list-style-type: none;
  padding-left: 0;
}
ol {
  list-style: decimal;
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 16px;
}
.box {
  box-sizing: border-box;
  padding: 15px;
}
.box.bb1 {
  background: #011b2e;
  color: #fffffe;
}
.box.bb2 {
  background: #384c65;
  color: #fffffe;
}
.box.bb3 {
  background: #4d6a90;
  color: #fffffe;
}
.box.bb4 {
  background: #809ab6;
}
.box.bg1 {
  background: #343434;
  color: #fffffe;
}
.box.bg2 {
  background: #666667;
  color: #fffffe;
}
.box.bg3 {
  background: #b6b6b6;
}
@media only screen and (max-width: 682px) {
  .change-order {
    display: flex;
    flex-flow: column;
  }
  .change-order .mc-1 {
    order: 1;
  }
  .change-order .mc-2 {
    order: 2;
  }
  .change-order .mc-3 {
    order: 3;
  }
  .change-order .mc-4 {
    order: 4;
  }
}
header {
  position: fixed;
  transform: translateZ(0);
  -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  width: 100%;
  height: 80px;
  top: 0;
  left: 0;
  right: 0;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#809ab6 0, EndColorstr=#011b2e 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#809ab6 0, EndColorstr=#011b2e 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#809ab6 0), to(#011b2e 100%));
  background: -webkit-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background: -ms-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background: -moz-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background: -o-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background: linear-gradient(left, #809ab6 0, #011b2e 100%);
  background-color: #809ab6;
  background-image: -webkit-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background-image: -moz-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background-image: -ms-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background-image: -o-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background-image: background: linear-gradient(left, #809ab6 0, #011b2e 100%);;
  border-bottom: 4px solid #ff802a;
  z-index: 99;
}
header #lswi-logo {
  position: absolute;
  display: inline-block;
  z-index: 2;
  left: 20px;
  top: 20px;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}
header #lswi-logo img {
  height: 42px;
}
header #lswi-logo:hover {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
header #nav-wrapper {
  width: auto;
  position: relative;
  height: 60px;
  xbackground: #008000;
}
header #nav-wrapper nav {
  float: right;
  padding-right: 40px;
}
@media only screen and (max-width: 1000px) {
  header #nav-wrapper nav {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 682px) {
  header #nav-wrapper nav {
    padding-right: unset;
  }
}
header #nav-wrapper nav#mainnav ul {
  list-style: none;
  list-style-type: none;
}
@media only screen and (max-width: 935px) {
  header #nav-wrapper nav#mainnav {
    bottom: 10px;
  }
}
header #nav-wrapper nav#mainnav #langswitch {
  position: absolute;
  right: 0;
  margin: 30px 30px 0 10px;
}
@media only screen and (max-width: 682px) {
  header #nav-wrapper nav#mainnav #langswitch {
    display: none;
  }
}
header #nav-wrapper nav ul {
  list-style-type: none;
  position: relative;
}
header #nav-wrapper nav ul li {
  float: left;
  padding: 30px 25px 15px 25px;
  position: relative;
}
@media only screen and (max-width: 1120px) {
  header #nav-wrapper nav ul li {
    padding: 30px 15px 15px 15px;
  }
}
@media only screen and (max-width: 1000px) {
  header #nav-wrapper nav ul li {
    padding: 28px 7px 15px 7px;
  }
  header #nav-wrapper nav ul li span a span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
header #nav-wrapper nav ul li span {
  position: relative;
  top: 0;
  right: 0;
}
header #nav-wrapper nav ul li a {
  display: inline-block;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
header #nav-wrapper nav ul li a.opensub {
  display: none;
}
header #nav-wrapper nav ul li a span {
  display: block;
  top: unset;
  right: unset;
  color: #fffffe;
  padding: 0;
  margin-bottom: 20px;
}
header #nav-wrapper nav ul li .subholder {
  xanimation: slide-down 0.3s ease-out;
  xdisplay: none;
  display: block;
  visibility: hidden;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  position: fixed;
  left: 0;
  top: 84px;
  width: 100%;
  min-height: 350px;
  background: rgba(1,27,46,0.95);
  padding: 50px 9.5%;
  box-sizing: border-box;
}
header #nav-wrapper nav ul li .subholder ul {
  animation: slide-up 0.6s ease-out;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition-delay: 0.2s;
  width: 31%;
  margin: 0 1%;
  box-sizing: border-box;
  xbackground: rgba(0,0,1,0.7);
  padding: 0;
  top: 12px;
  vertical-align: top;
}
header #nav-wrapper nav ul li .subholder ul li {
  padding: 3px 6px;
  width: 100%;
}
header #nav-wrapper nav ul li .subholder ul li.category {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ff802a;
}
header #nav-wrapper nav ul li .subholder ul li.category a,
header #nav-wrapper nav ul li .subholder ul li.category span {
  color: #fffffe;
  font-weight: 700;
}
header #nav-wrapper nav ul li .subholder ul li img {
  display: block;
  margin-bottom: 10px;
}
header #nav-wrapper nav ul li .subholder ul li a {
  color: #fffffe;
}
header #nav-wrapper nav ul li .subholder ul li:hover,
header #nav-wrapper nav ul li .subholder ul li.active {
  background: rgba(0,0,1,0.5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(1,27,46,0) 0, EndColorstr=rgba(77,106,144,0.3) 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(1,27,46,0) 0, EndColorstr=rgba(77,106,144,0.3) 100%);
  background: -webkit-gradient(linear, right top, right bottom, from(rgba(1,27,46,0) 0), to(rgba(77,106,144,0.3) 100%));
  background: -webkit-linear-gradient(right, rgba(1,27,46,0) 0, rgba(77,106,144,0.3) 100%);
  background: -ms-linear-gradient(right, rgba(1,27,46,0) 0, rgba(77,106,144,0.3) 100%);
  background: -moz-linear-gradient(right, rgba(1,27,46,0) 0, rgba(77,106,144,0.3) 100%);
  background: -o-linear-gradient(right, rgba(1,27,46,0) 0, rgba(77,106,144,0.3) 100%);
  background: linear-gradient(right, rgba(1,27,46,0) 0, rgba(77,106,144,0.3) 100%);
  background-color: rgba(1,27,46,0);
  background-image: -webkit-linear-gradient(right, rgba(1,27,46,0) 0, rgba(77,106,144,0.3) 100%);
  background-image: -moz-linear-gradient(right, rgba(1,27,46,0) 0, rgba(77,106,144,0.3) 100%);
  background-image: -ms-linear-gradient(right, rgba(1,27,46,0) 0, rgba(77,106,144,0.3) 100%);
  background-image: -o-linear-gradient(right, rgba(1,27,46,0) 0, rgba(77,106,144,0.3) 100%);
  background-image: background: linear-gradient(right, rgba(1,27,46,0) 0, rgba(77,106,144,0.3) 100%);;
}
header #nav-wrapper nav ul li .subholder ul li:hover a,
header #nav-wrapper nav ul li .subholder ul li.active a {
  color: #fffffe;
}
header #nav-wrapper nav ul li .subholder.wide {
  padding: 50px 4%;
}
header #nav-wrapper nav ul li .subholder.wide ul {
  width: 22.5%;
}
header #nav-wrapper nav ul li:hover .subholder {
  visibility: visible;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  display: block;
}
header #nav-wrapper nav ul li:hover .subholder ul {
  animation: slide-up 0.6s ease-out;
  top: 0;
}
header #nav-wrapper nav ul li:hover a {
  border-bottom: 10px solid #ff802a;
}
header #nav-wrapper nav ul li:hover span a span {
  color: #fffffe;
}
header #nav-wrapper nav ul li.active a {
  border-bottom: 10px solid #ff802a;
}
header #nav-wrapper nav ul li.active span a span,
header #nav-wrapper nav ul li:hover span a span {
  color: b2;
  border-bottom: 2px solid transparent;
}
header #nav-wrapper nav ul li.active ul li a,
header #nav-wrapper nav ul li:hover ul li a {
  color: lightergrey;
  border-bottom: 0 none;
}
header #nav-wrapper nav ul li.active ul li.active a,
header #nav-wrapper nav ul li:hover ul li.active a {
  color: b2;
}
header #nav-wrapper nav.active {
  width: 100%;
  background: #808080;
  clear: both;
  position: absolute;
  z-index: 200;
  margin-top: 90px;
  text-align: center;
  padding: 0;
}
header #nav-wrapper nav.active ul {
  display: inline-block;
  width: 100%;
}
header #nav-wrapper nav.active ul li {
  clear: both;
  width: 100%;
  display: block;
  border-top: 1px solid #999;
  padding: 0;
}
header #nav-wrapper nav.active ul li:first-child {
  border-top: 0 none;
}
header #nav-wrapper nav.active ul li a {
  width: 100%;
  display: block;
  padding: 10px;
}
header #nav-wrapper #nav-trigger {
  display: none;
}
@media only screen and (max-width: 700px) {
  header #nav-wrapper {
    height: 50px;
  }
  header #nav-wrapper #nav-namelink {
    font-size: 20px;
    font-size: 2rem;
    line-height: 15px;
  }
  header #nav-wrapper nav ul {
    display: none;
  }
  header #nav-wrapper #nav-trigger {
    display: block;
    position: absolute;
    right: 20px;
    top: 25px;
    cursor: pointer;
    color: #fffffe;
    z-index: 999999;
  }
}
header #subnav {
  height: 50px;
  width: 100%;
  position: relative;
  background: #094467;
  border-bottom: 2px solid #fffffe;
}
header #subnav ul li {
  float: left;
}
header #subnav ul li a {
  color: #fffffe;
  font-weight: 700;
  float: left;
  padding: 14px 20px;
}
header #subnav ul li.active a,
header #subnav ul li:hover a {
  color: #333;
}
@media only screen and (max-width: 700px) {
  header #subnav {
    display: none;
  }
}
header#sibling {
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #fffffe;
}
header#sibling a .arrow {
  font-size: 40px;
  font-size: 4rem;
}
header#sibling a .items {
  font-size: 30px;
  font-size: 3rem;
  margin: 0 40px;
}
header#sibling a:hover {
  color: #008000;
}
@media only screen and (max-width: 700px) {
  header#sibling {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 5px 0 10px 0;
    background: #808080;
    border-bottom: 0 none;
  }
}
#mobile-navi-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 102px;
  right: -100%;
  z-index: 888;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  text-align: right;
  transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
#mobile-navi-wrapper.active {
  transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  right: 0;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
#mobile-navi-wrapper nav {
  padding: 0 2%;
}
#mobile-navi-wrapper nav ul {
  list-style: none;
  list-style-type: none;
  padding-left: 0;
}
#mobile-navi-wrapper nav ul #langswitch {
  display: inline-block;
  margin: 20px 10px 0 0;
}
#mobile-navi-wrapper nav ul li {
  border-bottom: 1px solid #094467;
}
#mobile-navi-wrapper nav ul li span {
  display: block;
  border-bottom: 1px solid #094467;
}
@media only screen and (max-width: 700px) {
  #mobile-navi-wrapper nav ul li span.active {
    background: #333;
  }
}
#mobile-navi-wrapper nav ul li span a {
  display: inline-block;
  color: #fffffe;
  padding: 12px 10px;
  font-weight: 700;
}
#mobile-navi-wrapper nav ul li span a img {
  vertical-align: middle;
  margin-right: 10px;
}
#mobile-navi-wrapper nav ul li span a span {
  display: inline-block;
  margin: 0;
  color: #fffffe;
  font-size: 14px;
  font-size: 1.4rem;
}
#mobile-navi-wrapper nav ul li span a.opensub {
  display: none;
  float: right;
  padding: 13px 15px 8px 15px;
  line-height: 0;
  border-left: 1px solid #094467;
  font-size: 20px;
  font-size: 2rem;
  color: b2;
}
@media only screen and (max-width: 700px) {
  #mobile-navi-wrapper nav ul li span a.opensub {
    display: inline-block;
  }
}
#mobile-navi-wrapper nav ul li ul.sub {
  background: #094467;
  background: rgba(9,68,103,0.5);
}
#mobile-navi-wrapper nav ul li ul.sub img {
  display: none;
}
@media only screen and (max-width: 700px) {
  #mobile-navi-wrapper nav ul li ul.sub {
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    xwidth: 40%;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    xvisibility: hidden;
    xposition: absolute;
    max-height: 0;
    overflow: hidden;
  }
  #mobile-navi-wrapper nav ul li ul.sub.open {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    xposition: relative;
    xvisibility: visible;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    display: block;
    xwidth: 100%;
    overflow: visible;
    max-height: 250px;
  }
}
#mobile-navi-wrapper nav ul li ul.sub li {
  display: inline-block;
  border-bottom: 0 none;
}
#mobile-navi-wrapper nav ul li ul.sub li.category {
  background: #4d6a90;
}
#mobile-navi-wrapper nav ul li ul.sub li.category a {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 5px;
}
@media only screen and (max-width: 700px) {
  #mobile-navi-wrapper nav ul li ul.sub li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #094467;
  }
}
#mobile-navi-wrapper nav ul li ul.sub li a {
  display: inline-block;
  border-bottom: 0 none;
  font-size: 11px;
  font-size: 1.1rem;
  color: #fffffe;
  padding: 2px 5px;
  font-weight: lighter;
}
#mobile-navi-wrapper nav #langswitch {
  margin-top: 15px;
}
@media only screen and (max-width: 700px) {
  #mobile-navi-wrapper {
    top: 84px;
  }
}
#overlay {
  position: fixed;
  transform: translateZ(0);
  -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  z-index: 4;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #011b2e;
  background: rgba(1,27,46,0.9);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(56,76,101,0.7) 10%, EndColorstr=#011b2e 90%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(56,76,101,0.7) 10%, EndColorstr=#011b2e 90%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(56,76,101,0.7) 10%), to(#011b2e 90%));
  background: -webkit-linear-gradient(left, rgba(56,76,101,0.7) 10%, #011b2e 90%);
  background: -ms-linear-gradient(left, rgba(56,76,101,0.7) 10%, #011b2e 90%);
  background: -moz-linear-gradient(left, rgba(56,76,101,0.7) 10%, #011b2e 90%);
  background: -o-linear-gradient(left, rgba(56,76,101,0.7) 10%, #011b2e 90%);
  background: linear-gradient(left, rgba(56,76,101,0.7) 10%, #011b2e 90%);
  background-color: rgba(56,76,101,0.7);
  background-image: -webkit-linear-gradient(left, rgba(56,76,101,0.7) 10%, #011b2e 90%);
  background-image: -moz-linear-gradient(left, rgba(56,76,101,0.7) 10%, #011b2e 90%);
  background-image: -ms-linear-gradient(left, rgba(56,76,101,0.7) 10%, #011b2e 90%);
  background-image: -o-linear-gradient(left, rgba(56,76,101,0.7) 10%, #011b2e 90%);
  background-image: background: linear-gradient(left, rgba(56,76,101,0.7) 10%, #011b2e 90%);;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#overlay.active {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  width: 100%;
}
ul.sidenav {
  list-style-type: none;
  padding: 0;
  color: #809ab6;
  margin-bottom: 25px;
}
ul.sidenav li {
  border-bottom: 1px solid #ededed;
  padding: 2px 5px;
}
ul.sidenav li.active a,
ul.sidenav li:hover a {
  color: #011b2e;
}
ul.sidenav li:last-child {
  border-bottom: 0 none;
}
.breadcrumbs {
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
}
.breadcrumbs ol.breadcrumb a {
  color: #809ab6;
}
.breadcrumbs ol.breadcrumb a:hover,
.breadcrumbs ol.breadcrumb a.active {
  color: #011b2e;
}
@media only screen and (max-width: 682px) {
  .breadcrumbs {
    margin-bottom: 10px;
  }
  .breadcrumbs ol.breadcrumb {
    padding-left: 0;
  }
}
#blogyear {
  width: 95%;
  margin: 5% 0 5% 5%;
  float: left;
  border-bottom: 1px solid b1;
  position: relative;
}
#blogyear #blogyear-nav ul li {
  margin-left: 10px;
}
@media only screen and (max-width: 682px) {
  #blogyear #blogyear-nav ul li:last-child {
    margin-right: 50px;
  }
}
#blogyear #blogyear-nav ul li a {
  margin-right: 5px;
  padding: 6px 10px;
  background: b2;
  color: g1;
  float: left;
}
#blogyear #blogyear-nav ul li:hover a,
#blogyear #blogyear-nav ul li.active a {
  background: b1;
  color: #fffffe;
}
@media only screen and (max-width: 682px) {
  #blogyear #blogyear-nav {
    overflow: auto;
    position: relative;
  }
}
@media only screen and (max-width: 682px) {
  #blogyear:before,
  #blogyear:after {
    position: absolute;
    height: 100%;
    width: 30px;
    top: 0;
    z-index: 1;
    pointer-events: none;
  }
}
@media only screen and (max-width: 682px) {
  #blogyear:before {
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(255,255,255,0) 0, EndColorstr=#fffffe 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(255,255,255,0) 0, EndColorstr=#fffffe 100%);
    background: -webkit-gradient(linear, right top, right bottom, from(rgba(255,255,255,0) 0), to(#fffffe 100%));
    background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0, #fffffe 100%);
    background: -ms-linear-gradient(right, rgba(255,255,255,0) 0, #fffffe 100%);
    background: -moz-linear-gradient(right, rgba(255,255,255,0) 0, #fffffe 100%);
    background: -o-linear-gradient(right, rgba(255,255,255,0) 0, #fffffe 100%);
    background: linear-gradient(right, rgba(255,255,255,0) 0, #fffffe 100%);
    background-color: rgba(255,255,255,0);
    background-image: -webkit-linear-gradient(right, rgba(255,255,255,0) 0, #fffffe 100%);
    background-image: -moz-linear-gradient(right, rgba(255,255,255,0) 0, #fffffe 100%);
    background-image: -ms-linear-gradient(right, rgba(255,255,255,0) 0, #fffffe 100%);
    background-image: -o-linear-gradient(right, rgba(255,255,255,0) 0, #fffffe 100%);
    background-image: background: linear-gradient(right, rgba(255,255,255,0) 0, #fffffe 100%);;
  }
}
@media only screen and (max-width: 682px) {
  #blogyear:after {
    right: 0;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(255,255,255,0) 0, EndColorstr=#fffffe 80%);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(255,255,255,0) 0, EndColorstr=#fffffe 80%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0) 0), to(#fffffe 80%));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, #fffffe 80%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0, #fffffe 80%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, #fffffe 80%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0, #fffffe 80%);
    background: linear-gradient(left, rgba(255,255,255,0) 0, #fffffe 80%);
    background-color: rgba(255,255,255,0);
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, #fffffe 80%);
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0, #fffffe 80%);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0, #fffffe 80%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0, #fffffe 80%);
    background-image: background: linear-gradient(left, rgba(255,255,255,0) 0, #fffffe 80%);;
    content: "";
    line-height: 2.4em;
    text-align: right;
    width: 40px;
  }
}
@media only screen and (max-width: 682px) {
  #blogyear ul {
    width: 1500px;
  }
}
@-moz-keyframes slide-down {
  0% {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-4px);
  }
  100% {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes slide-down {
  0% {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-4px);
  }
  100% {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}
@-o-keyframes slide-down {
  0% {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-4px);
  }
  100% {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}
@keyframes slide-down {
  0% {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-4px);
  }
  100% {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-up {
  0% {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
  }
  100% {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes slide-up {
  0% {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
  }
  100% {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}
@-o-keyframes slide-up {
  0% {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
  }
  100% {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}
@keyframes slide-up {
  0% {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
  }
  100% {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}
.txtbtn {
  padding: 10px 20px;
  background: #809ab6;
  color: #fffffe;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.txtbtn.small {
  padding: 5px 10px;
}
.txtbtn:hover {
  background: #384c65;
  color: #ff802a;
}
.txtbtn.blue2 {
  background: #384c65;
}
.txtbtn.blue3 {
  background: #4d6a90;
}
.txtbtn.blue4 {
  background: #809ab6;
}
.txtbtn.orange {
  background: #ff802a;
}
.txtbtn.orange:hover {
  background: #d05400;
  color: #fffffe;
}
.txtbtn.researchgate {
  background: #0cb;
}
.txtbtn.researchgate:hover {
  background: #008f83;
  color: #fffffe;
}
.txtbtn.pdf {
  padding: 10px 20px 10px 35px;
  background: url("images/pdf_file_icon.svg") no-repeat 15px center #809ab6;
  background-size: 12px 20px;
}
.txtbtn.pdf:hover {
  background-color: #384c65;
  color: #ff802a;
}
.txtbtn.shopping {
  padding: 10px 20px 10px 40px;
  background: url("images/shopping.svg") no-repeat 15px center #809ab6;
  background-size: 18px 30px;
}
.txtbtn.shopping:hover {
  background-color: #384c65;
  color: #ff802a;
}
a.pdf {
  padding: 5px 5px 5px 20px;
  background: url("images/pdf_file_icon.svg") no-repeat 5px center #ededed;
  background-size: 12px 20px;
  xborder: 1px solid #809ab6;
}
a.pdf:hover {
  background-color: #384c65;
  color: #ff802a;
}
.view-content {
  font-weight: 700 !important;
  margin-bottom: 5px;
  position: relative;
  xdisplay: inline-block;
}
.view-content:after {
  content: "";
  width: 80px;
  height: 50px;
  background: url("images/view-content-orange.svg") no-repeat center center;
  xbackground-size: 50px auto;
  position: absolute;
  top: -12px;
  right: 0;
  margin-right: -82px;
}
.main-error {
  color: #f00;
}
form#callback {
  padding: 0;
}
form span.error {
  color: #ff4a4f;
}
form span.agreement {
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
  line-height: 11px;
  padding-left: 22px;
  top: -22px;
  position: relative;
}
form label {
  display: block;
  margin-bottom: 2px;
}
form label.check-label {
  display: block;
  margin-bottom: 10px;
}
form input,
form textarea {
  border: 0 none;
  background: #ededed;
  margin: 0;
  padding: 2% 1.5%;
  width: 96%;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  font-size: 15px;
  font-size: 1.5rem;
}
form input:focus,
form textarea:focus {
  background: #ededed;
}
form input.bb,
form textarea.bb {
  border: 0;
  outline: 0;
  background: #ededed;
}
form input.bout,
form textarea.bout {
  background: transparent;
  border: 1px solid #fffffe;
}
form input.border,
form textarea.border {
  color: dark;
}
form input.border::-webkit-input-placeholder,
form textarea.border::-webkit-input-placeholder {
  color: #809ab6;
}
form input.border::-moz-placeholder,
form textarea.border::-moz-placeholder {
  color: #809ab6;
}
form input.border:-ms-input-placeholder,
form textarea.border:-ms-input-placeholder {
  color: #809ab6;
}
form input.border:-moz-placeholder,
form textarea.border:-moz-placeholder {
  color: #809ab6;
}
form input.border.half,
form textarea.border.half {
  width: 44%;
  margin-right: 5%;
  float: left;
}
form input.border.half.nmr,
form textarea.border.half.nmr {
  margin-right: 0;
}
form textarea.border {
  margin-top: 15px;
}
form input {
  margin-bottom: 10px;
}
form input[type=submit] {
  margin-top: 20px;
  width: auto;
  padding: 13px 17px;
  margin-bottom: 0;
  background: #ff802a;
  color: #fffffe;
  font-size: 15px;
  font-size: 1.5rem;
  transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
form input[type=submit]:hover {
  cursor: pointer;
  background: #d05400;
  color: #fffffe;
}
form input[type=checkbox] {
  width: auto;
  float: left;
  margin: 10px 10px 10px 0;
  position: relative;
  z-index: 9;
}
form strong.successMsg {
  width: 100%;
  text-align: center;
  background: #ff802a;
  display: inline-block;
}
form strong.successMsg p {
  padding: 20px;
  color: #fffffe;
  margin-bottom: 0;
}
form strong.successMsg p strong {
  color: #fffffe;
}
form strong.successMsg h3 {
  padding: 20px 20px 0 20px;
  color: #fffffe;
}
form .half {
  width: 48%;
  margin-right: 4%;
  float: left;
  xbackground: #ff0;
}
form .half.last {
  margin-right: 0;
}
form #cbnos {
  margin-top: 25px;
  background: #ededed;
}
form .checks {
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #809ab6;
  margin-bottom: 10px;
}
form .checks .check {
  display: inline-block;
}
form .checks .check input[type="checkbox"] {
  xtransform: scale(1.5);
  zoom: 1.5;
}
form h4 {
  margin-bottom: 15px;
}
form select {
  width: 99%;
  height: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  background: #809ab6;
  color: #fffffe;
  border: 1px solid #fffffe;
  margin-bottom: 10px;
}
#customprod {
  margin-top: 50px;
}
#customprod .details {
  width: 95%;
  float: none;
  display: inline-block;
  margin: 30px 0;
  padding: 2.5%;
  background: #094467;
}
#customprod .details .detail {
  width: 15.25%;
  margin-right: 2%;
  float: left;
}
#customprod .details .detail.nmr {
  margin-right: 0;
}
#customprod .details input {
  border-color: transparent;
  background: #f0fda9;
  margin-bottom: 0;
}
#customprod .details input::-webkit-input-placeholder {
  color: #7ca216;
}
#customprod .details input::-moz-placeholder {
  color: #7ca216;
}
#customprod .details input:-ms-input-placeholder {
  color: #7ca216;
}
#customprod .details input:-moz-placeholder {
  color: #7ca216;
}
.error-general {
  background: #f00;
  color: #fffffe;
  text-align: center;
  width: 95%;
  margin-bottom: 20px;
  padding: 1% 2.5%;
  display: block;
  font-weight: 700;
}
input.error {
  background: #f00 !important;
}
#recaptcha {
  z-index: 3;
  position: absolute;
}
.two-col {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.autocomplete-suggestions {
  border: 1px solid #999;
  background: #fff;
  overflow: auto;
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-selected {
  background: #f0f0f0;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: #39f;
}
.autocomplete-group {
  padding: 2px 5px;
}
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}
img#searchme-icon {
  margin-right: 10px;
  width: 15px;
}
#searchresults {
  width: calc(100% - 40px);
  margin-left: 29px;
}
input#searchme {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px;
  font-size: 15px;
  width: calc(100% - 40px);
  box-sizing: border-box;
  position: relative;
}
ul.ui-autocomplete {
  list-style-type: none;
  xdisplay: block;
  background: #ededed;
  box-sizing: border-box;
  padding: 10px;
  overflow: hidden;
  max-height: 400px;
}
ul.ui-autocomplete li {
  padding: 0 5px;
}
ul.ui-autocomplete li.ui-autocomplete-category {
  font-weight: 700;
  margin: 0.8em 0 0.2em;
}
.ui-menu-item:hover,
.ui-menu-item:focus {
  background: rgba(128,154,182,0.5);
  cursor: pointer;
}
.ui-helper-hidden-accessible {
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.tabber-tabs {
  text-align: center;
  border-bottom: 2px solid #ff802a;
}
@media only screen and (max-width: 1270px) {
  .tabber-tabs {
    margin-left: 35px;
    margin-right: 35px;
  }
}
@media only screen and (max-width: 682px) {
  .tabber-tabs {
    padding: 0;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    margin-bottom: 30px;
  }
}
.tabber-tabs .tab {
  display: inline-block;
  background: #809ab6;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#4d6a90 0, EndColorstr=#809ab6 40%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#4d6a90 0, EndColorstr=#809ab6 40%);
  background: -webkit-gradient(linear, bottom top, bottom bottom, from(#4d6a90 0), to(#809ab6 40%));
  background: -webkit-linear-gradient(bottom, #4d6a90 0, #809ab6 40%);
  background: -ms-linear-gradient(bottom, #4d6a90 0, #809ab6 40%);
  background: -moz-linear-gradient(bottom, #4d6a90 0, #809ab6 40%);
  background: -o-linear-gradient(bottom, #4d6a90 0, #809ab6 40%);
  background: linear-gradient(bottom, #4d6a90 0, #809ab6 40%);
  background-color: #4d6a90;
  background-image: -webkit-linear-gradient(bottom, #4d6a90 0, #809ab6 40%);
  background-image: -moz-linear-gradient(bottom, #4d6a90 0, #809ab6 40%);
  background-image: -ms-linear-gradient(bottom, #4d6a90 0, #809ab6 40%);
  background-image: -o-linear-gradient(bottom, #4d6a90 0, #809ab6 40%);
  background-image: background: linear-gradient(bottom, #4d6a90 0, #809ab6 40%);;
  padding: 9px 10px 7px 10px;
  width: auto;
  margin-right: 3px;
  transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.tabber-tabs .tab img {
  height: 45px;
  float: left;
  margin-right: 10px;
}
.tabber-tabs .tab p {
  color: #fffffe;
  margin-bottom: 0;
  text-align: left;
  margin-bottom: 0;
  display: inline-block;
}
.tabber-tabs .tab p small {
  font-size: 80%;
  font-style: normal;
  font-weight: 400;
}
.tabber-tabs .tab:hover,
.tabber-tabs .tab.active {
  background: #ff802a;
}
.tabber-tabs .tab:hover p,
.tabber-tabs .tab.active p {
  color: #fffffe;
}
@media only screen and (max-width: 750px) {
  .tabber-tabs .tab {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .tabber-tabs.aom .tab {
    display: block;
  }
}
.tabber-list-holder {
  display: block;
  text-align: center;
  position: relative;
  padding-top: 50px;
  margin-bottom: 50px;
}
.tabber-list-holder h2 {
  width: auto;
  padding: 5px 10px;
  background: #4d6a90;
  color: #fffffe;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width: 682px) {
  .tabber-list-holder h2 {
    width: 100%;
  }
}
.tabber-list-holder .tabber-list-wrapper {
  box-sizing: border-box;
  padding: 50px 80px;
  background: #ededed;
  border-top: 2px solid #4d6a90;
  text-align: left;
}
.tabber-list {
  list-style: none;
  padding: 20px 0;
  border-right: 1px solid #384c65;
}
.tabber-list li a {
  display: block;
  padding: 5px 10px;
  color: #ff802a;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 700;
}
.tabber-list li a:hover {
  color: #4d6a90;
}
.tabber-list li a.active {
  color: #4d6a90;
  position: relative;
}
.tabber-list li a.active:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 15px solid transparent;
  border-right: 15px solid #4d6a90;
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
  top: 50%;
  margin-top: -15px;
  right: 0;
}
@media only screen and (max-width: 750px) {
  .tabber-list {
    display: none;
  }
}
@media only screen and (max-width: 1270px) {
  .tabber {
    margin: 0 25px;
  }
}
@media only screen and (max-width: 750px) {
  .tabber {
    box-sizing: border-box;
    border-bottom: 0 none;
    padding: 0;
    width: 100%;
  }
}
.tabber-content {
  position: relative;
  margin-bottom: 0;
}
.tabber-content .inner {
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  padding: 15px;
}
.tabber-content .inner h3 {
  margin-bottom: 5px;
}
.tabber-content .inner h3.blue {
  color: #384c65;
}
.tabber-content .inner p {
  margin-bottom: 0;
}
@media only screen and (max-width: 682px) {
  .tabber-content .inner {
    padding: 0;
  }
}
.tabber-content .tabber-stage {
  display: none;
  float: left;
  width: 100%;
  margin: 0;
  text-align: left;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .tabber-content .tabber-stage {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 682px) {
  .tabber-content .tabber-stage {
    margin-top: 10px;
    width: 100%;
    border-left: 0 none;
    padding-left: 0;
  }
}
.tabber-content .tabber-stage.active {
  display: inherit;
}
.tabber-content .tabber-stage .tabber-boxes {
  display: flex;
  flex-wrap: wrap;
}
.tabber-content .tabber-stage .tabber-boxes .tabber-box {
  box-sizing: border-box;
  flex: 0 0 50%;
  padding: 10px;
  margin-bottom: 15px;
}
.tabber-content .tabber-stage .tabber-boxes .tabber-box img {
  float: left;
  margin-right: 15px;
  max-width: 150px;
  min-width: 150px;
}
.tabber-content .tabber-stage .tabber-boxes .tabber-box .tabber-box-text {
  float: left;
  width: calc(100% - 200px);
}
@media only screen and (max-width: 950px) {
  .tabber-content .tabber-stage .tabber-boxes .tabber-box {
    flex: 0 0 100%;
  }
  .tabber-content .tabber-stage .tabber-boxes .tabber-box img {
    max-width: 100px;
    min-width: 100px;
  }
  .tabber-content .tabber-stage .tabber-boxes .tabber-box .tabber-box-text {
    width: calc(100% - 150px);
  }
}
.tabber-content .tabber-stage .tabber-boxes .tabber-box-lists {
  column-count: 4;
  width: 100%;
}
.tabber-content .tabber-stage .tabber-boxes .tabber-box-lists .tabber-box-list {
  break-inside: avoid-column;
  margin-bottom: 20px;
}
@media only screen and (max-width: 950px) {
  .tabber-content .tabber-stage .tabber-boxes .tabber-box-lists {
    column-count: 2;
  }
}
@media only screen and (max-width: 682px) {
  .tabber-content .tabber-stage .tabber-boxes .tabber-box-lists {
    column-count: 1;
  }
}
.tabber-content .tabber-stage .event {
  margin-bottom: 20px;
}
.tabber-content .tabber-stage .event * {
  display: block;
}
.tabber-content .tabber-stage .event .date {
  color: #4d6a90;
}
.tabber-content .tabber-stage .event:last-child {
  margin-bottom: 50px;
}
.tabber-mobile-nav {
  display: none;
  position: absolute;
  top: 65px;
  right: 30px;
  background: #011b2e;
  width: auto;
  margin: 0;
  z-index: 9;
  color: #fffffe;
}
.tabber-mobile-nav a p {
  margin: 0;
  padding: 6px 10px;
  border-bottom: 1px solid rgba(255,255,254,0.2);
  font-weight: 700;
}
.tabber-mobile-nav a:hover p,
.tabber-mobile-nav a.active p {
  background: #384c65;
}
.tabber-mobile-nav.active {
  display: block;
}
@media only screen and (max-width: 682px) {
  .tabber-mobile-nav {
    right: 15px;
    top: 50px;
  }
}
.tabber-mobile-trigger {
  display: none;
  background: #4f6b8a;
  margin: 0 20px;
  text-align: right;
  height: 50px;
  position: relative;
}
.tabber-mobile-trigger h3,
.tabber-mobile-trigger i {
  position: absolute;
}
.tabber-mobile-trigger h3 {
  font-weight: 700;
  right: 65px;
  top: 13px;
  color: #fffffe;
}
.tabber-mobile-trigger i {
  font-size: 50px;
  font-size: 5rem;
  background: #ff802a;
  width: 50px;
  height: 50px;
  text-align: center;
  right: 0;
  top: 0;
  color: #fffffe;
}
.tabber-mobile-trigger i.active {
  background: #011b2e;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
@media only screen and (max-width: 750px) {
  .tabber-mobile-trigger {
    display: block;
  }
}
.accer {
  text-align: left;
  box-sizing: border-box;
  color: #fffffe;
}
.accer .accer-item .accer-head {
  width: 100%;
  border-bottom: 1px solid #ededed;
  cursor: pointer;
  background: #4d6a90;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#4d6a90 0, EndColorstr=#809ab6 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#4d6a90 0, EndColorstr=#809ab6 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#4d6a90 0), to(#809ab6 100%));
  background: -webkit-linear-gradient(left, #4d6a90 0, #809ab6 100%);
  background: -ms-linear-gradient(left, #4d6a90 0, #809ab6 100%);
  background: -moz-linear-gradient(left, #4d6a90 0, #809ab6 100%);
  background: -o-linear-gradient(left, #4d6a90 0, #809ab6 100%);
  background: linear-gradient(left, #4d6a90 0, #809ab6 100%);
  background-color: #4d6a90;
  background-image: -webkit-linear-gradient(left, #4d6a90 0, #809ab6 100%);
  background-image: -moz-linear-gradient(left, #4d6a90 0, #809ab6 100%);
  background-image: -ms-linear-gradient(left, #4d6a90 0, #809ab6 100%);
  background-image: -o-linear-gradient(left, #4d6a90 0, #809ab6 100%);
  background-image: background: linear-gradient(left, #4d6a90 0, #809ab6 100%);;
}
.accer .accer-item .accer-head .accer-head-title {
  display: inline-block;
  width: calc(100% - 30px);
  box-sizing: border-box;
}
.accer .accer-item .accer-head .accer-head-title span p.title {
  font-weight: 700;
  display: inline-block;
  margin: 10px 0 !important;
  font-size: 18px;
  font-size: 1.8rem;
  float: left;
  padding-left: 30px;
}
.accer .accer-item .accer-head .accer-head-symbol {
  width: 30px;
  height: 20px;
  float: right;
  position: relative;
}
.accer .accer-item .accer-head .accer-head-symbol:before,
.accer .accer-item .accer-head .accer-head-symbol:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 30px;
  width: 20px;
  height: 2px;
  background: #fffffe;
  transform: rotate(40deg);
  -o-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
}
.accer .accer-item .accer-head .accer-head-symbol:after {
  right: 16px;
  transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
}
.accer .accer-item .accer-head.active .accer-head-symbol:before {
  transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
}
.accer .accer-item .accer-head.active .accer-head-symbol:after {
  transform: rotate(40deg);
  -o-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
}
.accer .accer-item .accer-head:hover,
.accer .accer-item .accer-head.active {
  color: #ff802a;
}
.accer .accer-item .accer-content {
  box-sizing: border-box;
  padding: 10px 30px;
  color: #000001;
}
.imgGallery .lightbox-thumb,
.imgGallery-spec .lightbox-thumb {
  width: calc(16.6% - 5px);
  float: left;
  box-sizing: border-box;
  margin: 0 5px 5px 0;
}
.imgGallery .lightbox-thumb.full-width,
.imgGallery-spec .lightbox-thumb.full-width {
  width: 100%;
  display: block;
  float: none;
  clear: both;
  position: relative;
}
.imgGallery.sidebar .lightbox-thumb,
.imgGallery-spec.sidebar .lightbox-thumb {
  width: 100%;
}
.lightbox-thumb {
  position: relative;
  margin-bottom: 5px;
  background: #011b2e;
}
.lightbox-thumb a {
  display: block;
}
.lightbox-thumb a img {
  display: block;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.lightbox-thumb:hover a img {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.lightbox-thumb .glass {
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  position: absolute;
  z-index: 2;
  background: url("images/search-w.svg") no-repeat center center;
  background-size: cover;
}
.lightbox-thumb .glass.twin {
  top: 30%;
  margin-top: -15px;
  margin-left: -34px;
  width: 30px;
  height: 30px;
}
.lightbox-thumb .download {
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  position: absolute;
  z-index: 2;
  background: url("images/download-w.svg") no-repeat center center;
  background-size: cover;
}
.lightbox-thumb .download.twin {
  top: 30%;
  margin-top: -15px;
  margin-left: 4px;
  width: 30px;
  height: 30px;
}
.lightbox-thumb .twin-trigger-bg {
  width: 80px;
  height: 46px;
  top: 30%;
  left: 50%;
  margin-top: -24px;
  margin-left: -40px;
  position: absolute;
  z-index: 1;
  background: rgba(1,27,46,0.8);
  border: 1px solid #ff802a;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.slbOverlay,
.slbWrapOuter,
.slbWrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.slbOverlay {
  overflow: hidden;
  z-index: 2000;
  background-color: #011b2e;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -webkit-animation: slbOverlay 0.5s;
  -moz-animation: slbOverlay 0.5s;
  animation: slbOverlay 0.5s;
}
.slbWrapOuter {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2010;
}
.slbWrap {
  position: absolute;
  text-align: center;
}
.slbWrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.slbContentOuter {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0 5em;
  box-sizing: border-box;
  z-index: 2020;
  text-align: left;
  max-width: 100%;
}
.slbContentEl .slbContentOuter {
  padding: 5em 1em;
}
.slbContent {
  position: relative;
}
.slbContentEl .slbContent {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  background-color: #fff;
  box-shadow: 0 0.2em 1em rgba(0,0,0,0.4);
  -o-box-shadow: 0 0.2em 1em rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0.2em 1em rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0.2em 1em rgba(0,0,0,0.4);
}
.slbImageWrap {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  position: relative;
}
.slbImageWrap:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 5em;
  bottom: 5em;
  display: block;
  z-index: -1;
  box-shadow: 0 0.2em 1em rgba(0,0,0,0.6);
  -o-box-shadow: 0 0.2em 1em rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0.2em 1em rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0.2em 1em rgba(0,0,0,0.6);
  background-color: #fff;
}
.slbDirectionNext .slbImageWrap {
  -webkit-animation: slbEnterNext 0.4s;
  -moz-animation: slbEnterNext 0.4s;
  animation: slbEnterNext 0.4s;
}
.slbDirectionPrev .slbImageWrap {
  -webkit-animation: slbEnterPrev 0.4s;
  -moz-animation: slbEnterPrev 0.4s;
  animation: slbEnterPrev 0.4s;
}
.slbImage {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 5em 0;
  margin: 0 auto;
}
.slbCaption {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 1.4em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.71429em 0;
  color: #fff;
  color: rgba(255,255,255,0.7);
  text-align: center;
}
.slbCloseBtn,
.slbArrow {
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
}
.slbCloseBtn::-moz-focus-inner,
.slbArrow::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.slbCloseBtn:hover,
.slbArrow:hover {
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.slbCloseBtn:active,
.slbArrow:active {
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.slbCloseBtn {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  font-size: 3em;
  width: 1.66667em;
  height: 1.66667em;
  line-height: 1.66667em;
  position: absolute;
  right: -0.33333em;
  top: 0;
  color: #fff;
  color: rgba(255,255,255,0.7);
  text-align: center;
}
.slbLoading .slbCloseBtn {
  display: none;
}
.slbLoadingText {
  font-size: 1.4em;
  color: #fff;
  color: rgba(255,255,255,0.9);
}
.slbArrows {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
}
.slbLoading .slbArrows {
  display: none;
}
.slbArrow {
  position: absolute;
  top: 50%;
  margin-top: -5em;
  width: 5em;
  height: 10em;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  text-indent: -999em;
  overflow: hidden;
}
.slbArrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.8em 0 0 -0.8em;
  border: 0.8em solid transparent;
}
.slbArrow.next {
  right: 0;
}
.slbArrow.next:before {
  border-left-color: #fff;
}
.slbArrow.prev {
  left: 0;
}
.slbArrow.prev:before {
  border-right-color: #fff;
}
.slbIframeCont {
  width: 80em;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  margin: 5em 0;
}
.slbIframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0.2em 1em rgba(0,0,0,0.6);
  -o-box-shadow: 0 0.2em 1em rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0.2em 1em rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0.2em 1em rgba(0,0,0,0.6);
  background: #000;
}
@-webkit-keyframes slbOverlay {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
}
@-moz-keyframes slbOverlay {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
}
@-webkit-keyframes slbEnter {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, -1em, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slbEnter {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate3d(0, -1em, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slbEnterNext {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slbEnterNext {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate3d(4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slbEnterPrev {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(-4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slbEnterPrev {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translate3d(-4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slbOverlay {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
}
@-webkit-keyframes slbOverlay {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
}
@-o-keyframes slbOverlay {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
}
@keyframes slbOverlay {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
}
@-moz-keyframes slbEnter {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -ms-transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -webkit-transform: translate3d(0, -1em, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slbEnter {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -ms-transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -webkit-transform: translate3d(0, -1em, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slbEnter {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -ms-transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -webkit-transform: translate3d(0, -1em, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes slbEnter {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -ms-transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -webkit-transform: translate3d(0, -1em, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slbEnterNext {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(4em, 0, 0);
    -moz-transform: translate3d(4em, 0, 0);
    -ms-transform: translate3d(4em, 0, 0);
    -o-transform: translate3d(4em, 0, 0);
    transform: translate3d(4em, 0, 0);
    -o-transform: translate3d(4em, 0, 0);
    -moz-transform: translate3d(4em, 0, 0);
    -webkit-transform: translate3d(4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slbEnterNext {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(4em, 0, 0);
    -moz-transform: translate3d(4em, 0, 0);
    -ms-transform: translate3d(4em, 0, 0);
    -o-transform: translate3d(4em, 0, 0);
    transform: translate3d(4em, 0, 0);
    -o-transform: translate3d(4em, 0, 0);
    -moz-transform: translate3d(4em, 0, 0);
    -webkit-transform: translate3d(4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slbEnterNext {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(4em, 0, 0);
    -moz-transform: translate3d(4em, 0, 0);
    -ms-transform: translate3d(4em, 0, 0);
    -o-transform: translate3d(4em, 0, 0);
    transform: translate3d(4em, 0, 0);
    -o-transform: translate3d(4em, 0, 0);
    -moz-transform: translate3d(4em, 0, 0);
    -webkit-transform: translate3d(4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes slbEnterNext {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(4em, 0, 0);
    -moz-transform: translate3d(4em, 0, 0);
    -ms-transform: translate3d(4em, 0, 0);
    -o-transform: translate3d(4em, 0, 0);
    transform: translate3d(4em, 0, 0);
    -o-transform: translate3d(4em, 0, 0);
    -moz-transform: translate3d(4em, 0, 0);
    -webkit-transform: translate3d(4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slbEnterPrev {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(-4em, 0, 0);
    -moz-transform: translate3d(-4em, 0, 0);
    -ms-transform: translate3d(-4em, 0, 0);
    -o-transform: translate3d(-4em, 0, 0);
    transform: translate3d(-4em, 0, 0);
    -o-transform: translate3d(-4em, 0, 0);
    -moz-transform: translate3d(-4em, 0, 0);
    -webkit-transform: translate3d(-4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slbEnterPrev {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(-4em, 0, 0);
    -moz-transform: translate3d(-4em, 0, 0);
    -ms-transform: translate3d(-4em, 0, 0);
    -o-transform: translate3d(-4em, 0, 0);
    transform: translate3d(-4em, 0, 0);
    -o-transform: translate3d(-4em, 0, 0);
    -moz-transform: translate3d(-4em, 0, 0);
    -webkit-transform: translate3d(-4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slbEnterPrev {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(-4em, 0, 0);
    -moz-transform: translate3d(-4em, 0, 0);
    -ms-transform: translate3d(-4em, 0, 0);
    -o-transform: translate3d(-4em, 0, 0);
    transform: translate3d(-4em, 0, 0);
    -o-transform: translate3d(-4em, 0, 0);
    -moz-transform: translate3d(-4em, 0, 0);
    -webkit-transform: translate3d(-4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes slbEnterPrev {
  from {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(-4em, 0, 0);
    -moz-transform: translate3d(-4em, 0, 0);
    -ms-transform: translate3d(-4em, 0, 0);
    -o-transform: translate3d(-4em, 0, 0);
    transform: translate3d(-4em, 0, 0);
    -o-transform: translate3d(-4em, 0, 0);
    -moz-transform: translate3d(-4em, 0, 0);
    -webkit-transform: translate3d(-4em, 0, 0);
  }
  to {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -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);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
section#keyvisual {
  position: relative;
  padding: 0;
  width: 100%;
  overflow: hidden;
  height: 350px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
section#keyvisual:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255,128,42,0.75);
  xfilter: sepia(1) hue-rotate(350deg) saturate(9);
  filter: saturate(2);
}
section#keyvisual:before {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#809ab6 0, EndColorstr=#011b2e 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#809ab6 0, EndColorstr=#011b2e 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#809ab6 0), to(#011b2e 100%));
  background: -webkit-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background: -ms-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background: -moz-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background: -o-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background: linear-gradient(left, #809ab6 0, #011b2e 100%);
  background-color: #809ab6;
  background-image: -webkit-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background-image: -moz-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background-image: -ms-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background-image: -o-linear-gradient(left, #809ab6 0, #011b2e 100%);
  background-image: background: linear-gradient(left, #809ab6 0, #011b2e 100%);;
}
section#keyvisual #keyvisual-img {
  position: absolute;
  left: 0;
  object-fit: cover;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
section#keyvisual img.kvimg {
  filter: grayscale(1);
  filter: sepia(1) hue-rotate(350deg) saturate(2);
  position: absolute;
  left: -10000%;
  right: -10000%;
  top: -10000%;
  bottom: -10000%;
  margin: auto auto;
  min-width: 1000%;
  min-height: 1000%;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  -o-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -webkit-transform: scale(0.1);
  max-width: initial;
}
section#keyvisual #kv-logo {
  z-index: 1;
  position: relative;
  width: 100%;
  margin-top: 100px;
}
section#keyvisual.fullscreen {
  height: calc(100vh - 50px);
}
section#keyvisual.fullscreen:after {
  background: rgba(1,27,46,0.75);
}
section#keyvisual.fullscreen:before {
  display: none;
}
section#keyvisual.video {
  height: calc(60vh);
}
section#keyvisual.video:after {
  background: rgba(1,27,46,0.75);
}
section#keyvisual.video:before {
  display: none;
}
section#keyvisual.video #kv-floating-box {
  position: absolute;
  z-index: 1;
  margin-left: 50%;
  left: -30%;
  margin-top: 15%;
  width: 60%;
  box-sizing: border-box;
  border: 1px solid #fffffe;
  padding: 25px;
  color: #fffffe;
  text-align: center;
  background: rgba(255,128,42,0.8);
}
@media only screen and (max-width: 682px) {
  section#keyvisual.video #keyvisual-img {
    max-width: unset;
    width: unset;
    height: unset;
  }
}
section#keyvisual.heading-blue {
  height: unset;
  padding: 75px 0;
  text-align: center;
}
section#keyvisual.heading-blue span,
section#keyvisual.heading-blue h1 {
  font-size: 50px;
  font-size: 5rem;
  color: #fffffe;
  position: relative;
  z-index: 1;
  font-weight: 700;
  line-height: 50px;
}
section#keyvisual.heading-blue span.preheading,
section#keyvisual.heading-blue h1.preheading {
  font-size: 30px;
  font-size: 3rem;
  position: relative;
  z-index: 1;
  color: #ff802a;
}
section#keyvisual.heading-blue:after {
  background: rgba(1,27,46,0.75);
}
section#keyvisual.heading-blue:before {
  content: unset;
}
@media only screen and (max-width: 780px) {
  section#keyvisual {
    height: 250px;
  }
}
@media only screen and (max-width: 682px) {
  section#keyvisual {
    height: 200px;
  }
  section#keyvisual img#kv-logo {
    width: 80%;
    margin: 60px 10% 0 10%;
  }
}
#home-intro .newsbox {
  box-sizing: border-box;
  padding: 25px;
  color: #fffffe;
  position: relative;
  margin-top: 10px;
}
#home-intro .newsbox:after {
  content: "";
  height: 100%;
  width: 300%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
  background: -webkit-gradient(linear, top top, top bottom, from(#011b2e 0), to(#4d6a90 100%));
  background: -webkit-linear-gradient(top, #011b2e 0, #4d6a90 100%);
  background: -ms-linear-gradient(top, #011b2e 0, #4d6a90 100%);
  background: -moz-linear-gradient(top, #011b2e 0, #4d6a90 100%);
  background: -o-linear-gradient(top, #011b2e 0, #4d6a90 100%);
  background: linear-gradient(top, #011b2e 0, #4d6a90 100%);
  background-color: #011b2e;
  background-image: -webkit-linear-gradient(top, #011b2e 0, #4d6a90 100%);
  background-image: -moz-linear-gradient(top, #011b2e 0, #4d6a90 100%);
  background-image: -ms-linear-gradient(top, #011b2e 0, #4d6a90 100%);
  background-image: -o-linear-gradient(top, #011b2e 0, #4d6a90 100%);
  background-image: background: linear-gradient(top, #011b2e 0, #4d6a90 100%);;
  border-top: 4px solid #ff802a;
  z-index: -1;
}
@media only screen and (max-width: 682px) {
  #home-intro .newsbox:after {
    display: none;
  }
}
#home-intro .newsbox .news-item {
  border-bottom: 1px solid #809ab6;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#home-intro .newsbox .news-item p a:not(.txtbtn) {
  color: #ff802a;
  text-decoration: underline;
}
@media only screen and (max-width: 682px) {
  #home-intro .newsbox {
    border-top: 4px solid #ff802a;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
    background: -webkit-gradient(linear, top top, top bottom, from(#011b2e 0), to(#4d6a90 100%));
    background: -webkit-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background: -ms-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background: -moz-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background: -o-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background: linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background-color: #011b2e;
    background-image: -webkit-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background-image: -moz-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background-image: -ms-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background-image: -o-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background-image: background: linear-gradient(top, #011b2e 0, #4d6a90 100%);;
  }
}
#home-intro .contact {
  box-sizing: border-box;
  padding: 25px;
  position: relative;
  color: #fffffe;
}
#home-intro .contact:after {
  content: "";
  height: 100%;
  width: 300%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: #4d6a90;
  z-index: -1;
}
@media only screen and (max-width: 682px) {
  #home-intro .contact:after {
    display: none;
  }
}
@media only screen and (max-width: 682px) {
  #home-intro .contact {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
    background: -webkit-gradient(linear, top top, top bottom, from(#011b2e 0), to(#4d6a90 100%));
    background: -webkit-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background: -ms-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background: -moz-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background: -o-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background: linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background-color: #011b2e;
    background-image: -webkit-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background-image: -moz-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background-image: -ms-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background-image: -o-linear-gradient(top, #011b2e 0, #4d6a90 100%);
    background-image: background: linear-gradient(top, #011b2e 0, #4d6a90 100%);;
  }
}
.wi-info-teaser {
  background: #ededed;
  color: #666667;
  float: left;
}
.wi-info-teaser .desc,
.wi-info-teaser .issues {
  box-sizing: border-box;
  padding: 15px;
}
.wi-info-teaser .desc {
  width: 30%;
  float: left;
  padding: 25px;
}
.wi-info-teaser .issues {
  float: left;
  width: 70%;
  border-left: 1px solid #fffffe;
}
.wi-info-teaser .issues .issue {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #b6b6b6;
}
.wi-info-teaser .issues .issue h3 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0;
  line-height: 22px;
  line-height: 18px;
  margin-bottom: 5px;
}
.wi-info-teaser .issues .issue p {
  font-style: italic;
  margin-bottom: 0;
}
.wi-info-teaser .issues .issue img {
  width: 12px;
  float: left;
  margin-right: 8px;
}
.wi-info-teaser .issues .issue:last-child {
  border-bottom: 0 none;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 682px) {
  .wi-info-teaser {
    float: none;
    display: inline-block;
  }
  .wi-info-teaser .desc,
  .wi-info-teaser .issues {
    width: 100%;
  }
}
section#person-details {
  padding-top: 0;
  overflow: visible;
}
.person-teaser {
  display: inline-block;
  margin-bottom: 25px;
  width: 100%;
}
.person-teaser a {
  display: inline;
}
.person-teaser img {
  float: left;
  display: block;
  max-width: 300px;
  margin-right: 15px;
}
.person-teaser .person-details p {
  margin-bottom: 0;
  color: #809ab6;
}
#person-profile-img {
  margin-bottom: 20px;
  max-width: initial;
  width: 100%;
}
table#contact-details {
  width: 100%;
}
table#contact-details tr td {
  padding: 5px;
  line-height: 16px;
  font-size: 13px;
  font-size: 1.3rem;
}
table#contact-details tr:nth-child(even) {
  background: #ededed;
}
table#contact-details tr {
  background: #f6f6f6;
}
table#contact-details tr td {
  padding: 8px 10px;
  border-left: 1px solid #fffffe;
}
@media only screen and (max-width: 950px) {
  main#person-profile aside {
    width: 100%;
    margin-bottom: 20px;
  }
  main#person-profile aside img {
    width: 40%;
    float: left;
  }
  main#person-profile aside table {
    width: 55%;
    float: right;
  }
  main#person-profile article {
    width: 100%;
  }
}
@media only screen and (max-width: 682px) {
  main#person-profile aside img {
    width: 100%;
  }
  main#person-profile aside table {
    width: 100%;
    margin-bottom: 20px;
  }
}
#person-pub-list .pub-teaser {
  display: none;
}
#person-pub-list .loader {
  width: 100%;
  text-align: center;
  padding-top: 25px;
}
section#lehrstuhl {
  background: url("images/lehrstuhl-bg.svg") no-repeat 150% center;
  background-size: initial;
}
section#lehrstuhl img {
  max-width: 450px;
}
@media only screen and (max-width: 682px) {
  section#lehrstuhl img {
    width: 100%;
  }
}
.coop h3 {
  margin-bottom: 5px;
  border-top: 1px solid #ededed;
  padding-top: 15px;
}
.coop h3:first-child {
  border-top: 0 none;
}
section#img-gallery {
  position: relative;
}
section#img-gallery:before,
section#img-gallery:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
section#img-gallery:before {
  background: rgba(255,128,42,0.75);
  z-index: 0;
}
section#img-gallery:after {
  z-index: -1;
  background: url("../../images/karriere/ueber-uns/wakeboard-1.jpg") no-repeat center center;
  background-size: cover;
}
section#img-gallery h2 {
  color: #fffffe;
}
.cta-box {
  background: #384c65;
  box-sizing: border-box;
  padding: 15px;
  color: #fffffe;
}
.cta-box h2,
.cta-box h3 {
  color: #ff802a;
}
.cta-box p.job {
  margin-bottom: 10px;
  font-weight: 700;
}
.job-offer {
  margin-bottom: 5px;
  padding: 5px;
  background: #ededed;
}
.job-offer a {
  display: inline-block;
  xbackground-color: #384c65;
  xcolor: #fffffe;
  margin-right: 10px;
}
#stimmen .voice {
  margin-top: 50px;
  box-sizing: border-box;
  padding: 25px;
  position: relative;
}
#stimmen .voice .voice-img {
  height: 250px;
  width: 250px;
  border-radius: 999px;
  -o-border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  border: 5px solid #ff802a;
  overflow: hidden;
  float: left;
  position: relative;
}
#stimmen .voice .voice-img img {
  height: 100%;
  width: initial;
  max-width: initial;
  object-fit: cover;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#stimmen .voice .voice-text {
  display: inline-block;
  width: calc(100% - 400px);
  box-sizing: border-box;
  margin-left: 50px;
  padding: 25px;
  float: left;
  background: #ededed;
  position: relative;
}
@media only screen and (max-width: 1000px) {
  #stimmen .voice .voice-text {
    width: calc(100% - 310px);
  }
}
#stimmen .voice .voice-text p:last-child {
  margin-bottom: 0;
}
#stimmen .voice .voice-text:after {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  background: #ededed;
  z-index: -1;
  left: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
#stimmen .voice:nth-child(even) {
  flex-direction: row-reverse;
}
#stimmen .voice:nth-child(even) .voice-img {
  float: right;
}
#stimmen .voice:nth-child(even) .voice-text {
  text-align: right;
  margin-left: 0;
  margin-right: 50px;
}
#stimmen .voice:nth-child(even) .voice-text:after {
  left: unset;
  right: 0;
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(50%) translateY(-50%) rotate(45deg);
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
}
@media only screen and (max-width: 682px) {
  #stimmen .voice {
    text-align: center;
    margin-top: 0;
  }
  #stimmen .voice .voice-img {
    width: 150px;
    height: 150px;
  }
  #stimmen .voice .voice-text {
    width: 100%;
    margin: 25px 0 0 0;
  }
  #stimmen .voice .voice-text:after {
    width: 25px;
    height: 25px;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  #stimmen .voice:nth-child(even) {
    flex-direction: column;
  }
  #stimmen .voice:nth-child(even) .voice-img {
    float: left;
  }
  #stimmen .voice:nth-child(even) .voice-text {
    margin-right: 0;
    text-align: center;
  }
  #stimmen .voice:nth-child(even) .voice-text:after {
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
}
.teachingportal-teaser {
  background: #384c65;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  margin-bottom: 25px;
  display: inline-block;
}
.teachingportal-teaser img {
  width: 30%;
  float: left;
  margin: 0 20px 0 0;
}
.teachingportal-teaser h2 {
  color: #ff802a;
  margin-top: 20px;
}
.newsflash {
  background: #ededed;
  border-top: 5px solid #809ab6;
  box-sizing: border-box;
  padding: 25px;
}
.newsflash .news-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #809ab6;
}
.newsflash .news-item p a:not(.txtbtn) {
  text-decoration: underline;
  color: #4d6a90;
}
.newsflash .news-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0 none;
}
.project-teaser {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px;
}
.project-teaser span.runtime {
  display: block;
  margin-bottom: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #809ab6;
  color: #809ab6;
}
.project-teaser .img {
  width: 30%;
  float: left;
  box-sizing: border-box;
  padding: 5px 15px 15px 15px;
}
.project-teaser .img img {
  display: block;
  max-width: 180px;
  width: 100%;
}
.project-teaser .desc {
  width: 70%;
  float: left;
  box-sizing: border-box;
  padding-left: 15px;
}
.project-teaser .desc p {
  margin-bottom: 0;
}
main#project aside ul li:last-child {
  margin-bottom: 25px;
}
main#project aside ul li a {
  color: #4d6a90;
}
main#project aside ul li a:hover {
  color: #011b2e;
}
main#project aside img {
  margin-bottom: 25px;
}
main#project aside a:not(.txtbtn) {
  font-weight: 400;
  color: #809ab6;
}
main#project aside a:not(.txtbtn):hover {
  color: #011b2e;
}
.split-two {
  display: flex;
  flex-wrap: wrap;
}
.split-two .project-teaser {
  box-sizing: border-box;
  flex: 0 0 48%;
  padding: 10px 10px 20px 10px;
  margin: 0.5%;
  background: #fffffe;
}
@media only screen and (max-width: 950px) {
  .split-two {
    display: inline-block;
  }
}
section#groups-block {
  display: flex;
  overflow: visible;
}
section#groups-block .half {
  width: 50%;
  float: left;
}
section#groups-block .half.desc {
  position: relative;
}
section#groups-block .half.desc .desc-inner {
  width: 75%;
  float: right;
  position: absolute;
  bottom: 0;
  right: 20px;
}
@media only screen and (max-width: 1100px) {
  section#groups-block .half.desc .desc-inner {
    width: 90%;
  }
}
section#groups-block .half.desc .desc-inner:before {
  content: "5";
  position: absolute;
  top: -160px;
  right: 0;
  font-size: 380px;
  font-size: 38rem;
  font-weight: 700;
  color: #809ab6;
}
@media only screen and (max-width: 1100px) {
  section#groups-block .half.desc .desc-inner:before {
    font-size: 300px;
    font-size: 30rem;
  }
}
section#groups-block .half.list {
  box-sizing: border-box;
  padding: 50px;
  background: url("../../images/forschung/forschungsgruppen-bg.jpg") no-repeat center center;
  background-size: cover;
  color: #fffffe;
}
section#groups-block .half.list h3 {
  margin-bottom: 0;
}
@media only screen and (max-width: 682px) {
  section#groups-block {
    display: block;
    overflow: hidden;
  }
  section#groups-block .half {
    width: 90%;
    margin: 5%;
  }
  section#groups-block .half.desc .desc-inner {
    position: relative;
    width: 80%;
    margin: 0 10%;
  }
  section#groups-block .half.desc .desc-inner:before {
    color: #e6ebf0;
    top: 100px;
    width: 100%;
    text-align: center;
    z-index: -1;
    font-size: 500px;
    font-size: 50rem;
  }
}
span.bigfive {
  color: #809ab6;
  font-size: 280px;
  font-size: 28rem;
  font-weight: 700;
  line-height: 220px;
}
@media only screen and (max-width: 682px) {
  span.bigfive {
    display: none;
  }
}
#groups-boxes {
  color: #fffffe;
  background: url("../../images/forschung/forschungsgruppen-bg-big.jpg") no-repeat center center;
  background-size: cover;
}
#groups-boxes .groups-container {
  display: flex;
  flex-wrap: wrap;
}
#groups-boxes .groups-container .group-box {
  display: flex;
  width: 31%;
  float: left;
  box-sizing: border-box;
  padding: 25px;
  border: 2px solid #fffffe;
  margin: 1%;
  flex: 1 0 31%;
  flex-flow: column nowrap;
}
#groups-boxes .groups-container .group-box a {
  margin-top: auto;
  width: 150px;
}
@media only screen and (max-width: 1000px) {
  #groups-boxes .groups-container .group-box {
    flex: 1 0 48%;
  }
}
@media only screen and (max-width: 682px) {
  #groups-boxes .groups-container .group-box {
    width: 98%;
    flex: 1 0 98%;
  }
  #groups-boxes .groups-container .group-box a {
    width: 130px;
  }
}
.group-keywords-box {
  box-sizing: border-box;
  padding: 15px;
  color: #809ab6;
  border-bottom: 2px solid #809ab6;
  border-top: 2px solid #809ab6;
}
.funding-imgs {
  display: inline-block;
}
.funding-imgs .funding-img {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 15px;
}
@media only screen and (max-width: 900px) {
  .funding-imgs .funding-img {
    width: 100%;
  }
}
@media only screen and (max-width: 682px) {
  .funding-imgs .funding-img {
    width: 50%;
  }
}
.blog-teaser {
  padding: 20px 20px;
  border-bottom: 1px solid #ededed;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
}
.blog-teaser:hover {
  background: #f2f5f8;
}
.blog-teaser.active {
  background: #c0cddb;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#b3c2d3 0, EndColorstr=#f2f5f8 70%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#b3c2d3 0, EndColorstr=#f2f5f8 70%);
  background: -webkit-gradient(linear, left top, left bottom, from(#b3c2d3 0), to(#f2f5f8 70%));
  background: -webkit-linear-gradient(left, #b3c2d3 0, #f2f5f8 70%);
  background: -ms-linear-gradient(left, #b3c2d3 0, #f2f5f8 70%);
  background: -moz-linear-gradient(left, #b3c2d3 0, #f2f5f8 70%);
  background: -o-linear-gradient(left, #b3c2d3 0, #f2f5f8 70%);
  background: linear-gradient(left, #b3c2d3 0, #f2f5f8 70%);
  background-color: #b3c2d3;
  background-image: -webkit-linear-gradient(left, #b3c2d3 0, #f2f5f8 70%);
  background-image: -moz-linear-gradient(left, #b3c2d3 0, #f2f5f8 70%);
  background-image: -ms-linear-gradient(left, #b3c2d3 0, #f2f5f8 70%);
  background-image: -o-linear-gradient(left, #b3c2d3 0, #f2f5f8 70%);
  background-image: background: linear-gradient(left, #b3c2d3 0, #f2f5f8 70%);;
}
.blog-teaser .date,
.blog-teaser .category {
  background: #c0c0c0;
  color: #fffffe;
  padding: 3px 10px;
  margin-right: 10px;
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.blog-teaser .author {
  color: #809ab6;
}
.blog-teaser .author a.author-link:hover {
  text-decoration: underline;
}
.blog-teaser h3 {
  margin-top: 5px;
  margin-bottom: 0;
}
.sl-blog-teasers .blog-teaser {
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #fffffe;
}
.sl-blog-teasers .blog-teaser .date {
  background: #ff802a;
}
.sl-blog-teasers .blog-teaser:before {
  content: "";
  position: absolute;
  width: 1px;
  background: #ff802a;
  height: 100%;
  left: -10px;
  top: 20px;
}
.sl-blog-teasers .blog-teaser:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 20px;
  top: 20px;
  left: -10px;
  background: #ff802a;
}
.sl-blog-teasers .blog-teaser:last-child:before {
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#fffffe 20%, EndColorstr=#ff802a 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#fffffe 20%, EndColorstr=#ff802a 100%);
  background: -webkit-gradient(linear, bottom top, bottom bottom, from(#fffffe 20%), to(#ff802a 100%));
  background: -webkit-linear-gradient(bottom, #fffffe 20%, #ff802a 100%);
  background: -ms-linear-gradient(bottom, #fffffe 20%, #ff802a 100%);
  background: -moz-linear-gradient(bottom, #fffffe 20%, #ff802a 100%);
  background: -o-linear-gradient(bottom, #fffffe 20%, #ff802a 100%);
  background: linear-gradient(bottom, #fffffe 20%, #ff802a 100%);
  background-color: #fffffe;
  background-image: -webkit-linear-gradient(bottom, #fffffe 20%, #ff802a 100%);
  background-image: -moz-linear-gradient(bottom, #fffffe 20%, #ff802a 100%);
  background-image: -ms-linear-gradient(bottom, #fffffe 20%, #ff802a 100%);
  background-image: -o-linear-gradient(bottom, #fffffe 20%, #ff802a 100%);
  background-image: background: linear-gradient(bottom, #fffffe 20%, #ff802a 100%);;
}
#project-logo {
  width: 50%;
}
@-webkit-keyframes xpulsate {
  0% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
@-webkit-keyframes shadowpulse {
  0% {
    box-shadow: 0 0 25px #011b2e;
    -o-box-shadow: 0 0 25px #011b2e;
    -moz-box-shadow: 0 0 25px #011b2e;
    -webkit-box-shadow: 0 0 25px #011b2e;
  }
  50% {
    box-shadow: 0 0 25px #fffffe;
    -o-box-shadow: 0 0 25px #fffffe;
    -moz-box-shadow: 0 0 25px #fffffe;
    -webkit-box-shadow: 0 0 25px #fffffe;
  }
  100% {
    box-shadow: 0 0 25px #011b2e;
    -o-box-shadow: 0 0 25px #011b2e;
    -moz-box-shadow: 0 0 25px #011b2e;
    -webkit-box-shadow: 0 0 25px #011b2e;
  }
}
#cooperations-map {
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#4d6a90 0, EndColorstr=#011b2e 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#4d6a90 0, EndColorstr=#011b2e 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#4d6a90 0), to(#011b2e 100%));
  background: -webkit-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background: -ms-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background: -moz-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background: -o-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background: linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background-color: #4d6a90;
  background-image: -webkit-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background-image: -moz-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background-image: -ms-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background-image: -o-linear-gradient(left, #4d6a90 0, #011b2e 100%);
  background-image: background: linear-gradient(left, #4d6a90 0, #011b2e 100%);;
}
#cooperations-map h2 {
  color: #ff802a;
}
#cooperations-map h3 {
  color: #809ab6;
}
#cooperations-map p {
  color: #fffffe;
}
#cooperations-map #worldwide-cooperations {
  width: 80%;
  margin: 0 10% 50px 10%;
}
#cooperations-map #worldwide-cooperations #map {
  background: right;
  position: relative;
  width: 100%;
}
#cooperations-map #worldwide-cooperations #map img {
  width: 100%;
}
@media only screen and (max-width: 682px) {
  #cooperations-map #worldwide-cooperations #map {
    width: 100%;
    margin: 0;
  }
}
#cooperations-map #worldwide-cooperations #map .ww-partner {
  position: absolute;
  width: 74px;
  height: 74px;
  text-align: left;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  animation: pulsate 2s ease-out;
  animation-iteration-count: infinite;
}
#cooperations-map #worldwide-cooperations #map .ww-partner:before {
  animation: shadowpulse 2s ease-out;
  animation-iteration-count: infinite;
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
  border-radius: 999px;
  -o-border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  background-color: #ededed;
  border: 2px solid #fffffe;
}
#cooperations-map #worldwide-cooperations #map .ww-partner .ww-partner-info {
  background: #011b2e;
  position: absolute;
  top: 0;
  left: 70px;
  height: 74px;
  padding: 15px 10px 10px 10px;
  box-sizing: border-box;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  width: 230px;
  transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition-delay: 0.1s;
  overflow: hidden;
  border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}
#cooperations-map #worldwide-cooperations #map .ww-partner .ww-partner-info p {
  font-size: 12px;
  font-size: 1.2rem;
}
#cooperations-map #worldwide-cooperations #map .ww-partner:hover,
#cooperations-map #worldwide-cooperations #map .ww-partner.hover {
  background: #809ab6;
  cursor: pointer;
  border-radius: 999px 0 0 999px;
  -o-border-radius: 999px 0 0 999px;
  -moz-border-radius: 999px 0 0 999px;
  -webkit-border-radius: 999px 0 0 999px;
  transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
  z-index: 2;
}
#cooperations-map #worldwide-cooperations #map .ww-partner:hover:before,
#cooperations-map #worldwide-cooperations #map .ww-partner.hover:before {
  box-shadow: 0 0 10px #fffffe;
  -o-box-shadow: 0 0 10px #fffffe;
  -moz-box-shadow: 0 0 10px #fffffe;
  -webkit-box-shadow: 0 0 10px #fffffe;
}
#cooperations-map #worldwide-cooperations #map .ww-partner:hover .ww-partner-info,
#cooperations-map #worldwide-cooperations #map .ww-partner.hover .ww-partner-info {
  left: 73px;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
#cooperations-map #worldwide-cooperations #map .ww-partner:hover .ww-partner-info a:hover,
#cooperations-map #worldwide-cooperations #map .ww-partner.hover .ww-partner-info a:hover {
  color: #ff802a;
}
#cooperations-map #worldwide-cooperations #map .ww-partner.flag-left .ww-partner-info {
  left: initial;
  right: 70px;
  text-align: right;
  border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
}
#cooperations-map #worldwide-cooperations #map .ww-partner.flag-left:hover,
#cooperations-map #worldwide-cooperations #map .ww-partner.flag-left.hover {
  border-radius: 0 999px 999px 0;
  -o-border-radius: 0 999px 999px 0;
  -moz-border-radius: 0 999px 999px 0;
  -webkit-border-radius: 0 999px 999px 0;
}
#cooperations-map #worldwide-cooperations #map .ww-partner#california {
  left: 8%;
  top: 18%;
}
@media only screen and (max-width: 2000px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#california {
    left: 7%;
  }
}
@media only screen and (max-width: 1030px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#california {
    left: 6%;
    top: 15%;
  }
}
@media only screen and (max-width: 850px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#california {
    left: 4%;
  }
}
@media only screen and (max-width: 682px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#california {
    left: 6.5%;
    top: 19%;
    margin-left: -7.5px;
    margin-top: -7.5px;
  }
}
#cooperations-map #worldwide-cooperations #map .ww-partner#california:before {
  background-image: url("../../images/worldwide/The_University_of_California_Davis.svg");
}
#cooperations-map #worldwide-cooperations #map .ww-partner#telaviv {
  left: 52%;
  top: 28%;
}
@media only screen and (max-width: 682px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#telaviv {
    left: 52%;
    top: 28%;
    margin-left: -7.5px;
    margin-top: -7.5px;
  }
}
#cooperations-map #worldwide-cooperations #map .ww-partner#telaviv:before {
  background-image: url("../../images/worldwide/tau-logo.png");
}
#cooperations-map #worldwide-cooperations #map .ww-partner#lswi {
  left: 46%;
  top: 14%;
}
@media only screen and (max-width: 2000px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#lswi {
    left: 44.5%;
    top: 13%;
  }
}
@media only screen and (max-width: 1030px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#lswi {
    left: 44%;
    top: 10%;
  }
}
@media only screen and (max-width: 850px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#lswi {
    left: 42%;
    top: 9%;
  }
}
@media only screen and (max-width: 682px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#lswi {
    left: 44.5%;
    top: 12.5%;
    margin-left: -7.5px;
    margin-top: -7.5px;
  }
}
@media only screen and (max-width: 480px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#lswi {
    left: 43%;
    top: 10%;
  }
}
#cooperations-map #worldwide-cooperations #map .ww-partner#lswi:before {
  background-image: url("../../images/worldwide/lswi-trade.svg");
  background-color: #4d6a90;
  box-shadow: 0 0 20px #fffffe;
  -o-box-shadow: 0 0 20px #fffffe;
  -moz-box-shadow: 0 0 20px #fffffe;
  -webkit-box-shadow: 0 0 20px #fffffe;
}
#cooperations-map #worldwide-cooperations #map .ww-partner#stellenbosch {
  left: 48%;
  top: 76%;
}
@media only screen and (max-width: 2000px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#stellenbosch {
    left: 47%;
    top: 75%;
  }
}
@media only screen and (max-width: 1030px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#stellenbosch {
    left: 45%;
    top: 72%;
  }
}
@media only screen and (max-width: 850px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#stellenbosch {
    left: 43%;
  }
}
@media only screen and (max-width: 682px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#stellenbosch {
    left: 47%;
    top: 75%;
    margin-left: -7.5px;
    margin-top: -7.5px;
  }
}
@media only screen and (max-width: 480px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#stellenbosch {
    left: 44%;
  }
}
#cooperations-map #worldwide-cooperations #map .ww-partner#stellenbosch:before {
  background-image: url("../../images/worldwide/Stellenbosch-University-Logo.svg");
}
#cooperations-map #worldwide-cooperations #map .ww-partner#pretoria {
  left: 53%;
  top: 67%;
}
@media only screen and (max-width: 2000px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#pretoria {
    lef: 52%;
    top: 67%;
  }
}
@media only screen and (max-width: 1030px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#pretoria {
    left: 52%;
    top: 62%;
  }
}
@media only screen and (max-width: 850px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#pretoria {
    left: 52%;
  }
}
@media only screen and (max-width: 682px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#pretoria {
    left: 54%;
    top: 65%;
    margin-left: -7.5px;
    margin-top: -7.5px;
  }
}
@media only screen and (max-width: 480px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#pretoria {
    left: 56%;
    top: 51%;
  }
}
#cooperations-map #worldwide-cooperations #map .ww-partner#pretoria:before {
  background-image: url("../../images/worldwide/University_of_Pretoria_FC_logo.svg");
}
#cooperations-map #worldwide-cooperations #map .ww-partner#hongkong {
  left: 80%;
  top: 34%;
}
@media only screen and (max-width: 1030px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#hongkong {
    left: 78.5%;
    top: 29%;
  }
}
@media only screen and (max-width: 682px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#hongkong {
    left: 80%;
    top: 34%;
    margin-left: -7.5px;
    margin-top: -7.5px;
  }
}
@media only screen and (max-width: 480px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner#hongkong {
    top: 30%;
  }
}
#cooperations-map #worldwide-cooperations #map .ww-partner#hongkong:before {
  background-image: url("../../images/worldwide/Hong_Kong_Polytechnic_University.svg");
}
@media only screen and (max-width: 682px) {
  #cooperations-map #worldwide-cooperations #map .ww-partner {
    height: 50px;
    width: 50px;
    transition: none ease-in-out;
    -o-transition: none ease-in-out;
    -moz-transition: none ease-in-out;
    -webkit-transition: none ease-in-out;
  }
  #cooperations-map #worldwide-cooperations #map .ww-partner:before {
    background-size: 18px;
    animation: none;
    box-shadow: 0 0 15px #011b2e;
    -o-box-shadow: 0 0 15px #011b2e;
    -moz-box-shadow: 0 0 15px #011b2e;
    -webkit-box-shadow: 0 0 15px #011b2e;
    left: 10px;
    top: 10px;
    width: 28px;
    height: 28px;
    border: 1px solid #fffffe;
  }
  #cooperations-map #worldwide-cooperations #map .ww-partner .ww-partner-info {
    left: 20px;
    height: 50px;
    padding: 5px;
    width: 0;
    transition: none ease-in-out;
    -o-transition: none ease-in-out;
    -moz-transition: none ease-in-out;
    -webkit-transition: none ease-in-out;
  }
  #cooperations-map #worldwide-cooperations #map .ww-partner .ww-partner-info p {
    font-size: 10px;
    font-size: 1rem;
    line-height: 13px;
    margin-bottom: 0;
  }
  #cooperations-map #worldwide-cooperations #map .ww-partner .ww-partner-info p a {
    font-size: 12px;
    font-size: 1.2rem;
    padding-top: 3px;
    display: block;
  }
  #cooperations-map #worldwide-cooperations #map .ww-partner:hover .ww-partner-info,
  #cooperations-map #worldwide-cooperations #map .ww-partner.hover .ww-partner-info {
    width: 160px;
    left: 50px;
  }
  #cooperations-map #worldwide-cooperations #map .ww-partner.flag-left .ww-partner-info {
    left: initial;
    right: 50px;
  }
}
#researchgate-profile {
  box-sizing: border-box;
  width: 100%;
  background: #ededed;
}
#researchgate-profile #rg-head {
  text-align: center;
  padding: 15px;
  background: #0cb;
}
#researchgate-profile #rg-body {
  padding: 25px;
}
#researchgate-profile #rg-body #rg-person {
  width: 100%;
  display: inline-block;
}
@media only screen and (max-width: 682px) {
  #researchgate-profile #rg-body #rg-person {
    text-align: center;
  }
}
#researchgate-profile #rg-body #rg-person img {
  border-radius: 999px;
  -o-border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  margin: 0 25px 0 0;
  float: left;
}
@media only screen and (max-width: 682px) {
  #researchgate-profile #rg-body #rg-person img {
    float: none;
  }
}
#researchgate-profile #rg-body #rg-person #rg-personal {
  display: inline-block;
  width: 40%;
  padding-top: 18px;
}
#researchgate-profile #rg-body #rg-person #rg-personal p {
  margin-bottom: 0;
}
#researchgate-profile #rg-body #rg-person #rg-personal p#rg-name {
  font-size: 30px;
  font-size: 3rem;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}
#researchgate-profile #rg-body #rg-person #rg-personal p #rg-chart {
  width: 2px;
  height: 8px;
  background: #808080;
  display: inline-block;
  position: relative;
  margin: 0 10px 0 5px;
}
#researchgate-profile #rg-body #rg-person #rg-personal p #rg-chart:before {
  content: "";
  width: 2px;
  height: 4px;
  background: #808080;
  position: absolute;
  left: -5px;
  bottom: 0;
}
#researchgate-profile #rg-body #rg-person #rg-personal p #rg-chart:after {
  content: "";
  width: 2px;
  height: 12px;
  background: #808080;
  position: absolute;
  right: -5px;
  bottom: 0;
}
@media only screen and (max-width: 850px) {
  #researchgate-profile #rg-body #rg-person #rg-personal {
    width: 100%;
    display: block;
  }
}
#researchgate-profile #rg-body #rg-link {
  width: calc(60% - 160px);
  float: right;
  box-sizing: border-box;
  text-align: center;
  margin-top: 45px;
}
@media only screen and (max-width: 850px) {
  #researchgate-profile #rg-body #rg-link {
    width: 100%;
    display: block;
    margin-top: 20px;
  }
}
#researchgate-profile #rg-body #rg-scores {
  margin-top: 25px;
  background: #fffffe;
  display: inline-block;
  width: 100%;
  box-shadow: 0 0px 2px rgba(0,0,0,0.18), 0 1px 3px rgba(0,0,0,0.12);
  -o-box-shadow: 0 0px 2px rgba(0,0,0,0.18), 0 1px 3px rgba(0,0,0,0.12);
  -moz-box-shadow: 0 0px 2px rgba(0,0,0,0.18), 0 1px 3px rgba(0,0,0,0.12);
  -webkit-box-shadow: 0 0px 2px rgba(0,0,0,0.18), 0 1px 3px rgba(0,0,0,0.12);
  box-sizing: border-box;
  padding: 15px;
}
@media only screen and (max-width: 682px) {
  #researchgate-profile #rg-body #rg-scores {
    padding: 15px 2px;
  }
}
#researchgate-profile #rg-body #rg-scores .rg-score {
  width: 33%;
  float: left;
  height: 43px;
  font-size: 23px;
  font-size: 2.3rem;
  position: relative;
  box-sizing: border-box;
}
@media only screen and (max-width: 682px) {
  #researchgate-profile #rg-body #rg-scores .rg-score {
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
  }
}
#researchgate-profile #rg-body #rg-scores .rg-score:after {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
#researchgate-profile #rg-body #rg-scores .rg-score:nth-child(1):after {
  content: "Research items";
}
#researchgate-profile #rg-body #rg-scores .rg-score:nth-child(2):after {
  content: "Reads";
}
#researchgate-profile #rg-body #rg-scores .rg-score:nth-child(3):after {
  content: "Citations";
}
article#publikation span.date,
article#publikation span.category {
  background: #b3c2d3;
  color: #fffffe;
  padding: 3px 10px;
  margin-bottom: 5px;
  display: inline-block;
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
article#publikation span.category {
  background: #c0c0c0;
}
article#publikation .autoren {
  margin-top: 10px;
}
article#publikation .autoren a:hover {
  text-decoration: underline;
}
aside #pub-cover {
  border: 1px solid #809ab6;
}
aside #pub-dl {
  margin-bottom: 20px;
}
.pub-teaser {
  padding: 20px 20px;
  border-bottom: 1px solid #ededed;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
}
.pub-teaser:hover {
  background: #f2f5f8;
}
.pub-teaser .date,
.pub-teaser .category {
  background: #c0c0c0;
  color: #fffffe;
  padding: 3px 10px;
  margin-right: 10px;
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.pub-teaser .author {
  color: #809ab6;
}
.pub-teaser .author a.author-link:hover {
  text-decoration: underline;
}
.pub-teaser h3 {
  margin-top: 5px;
  margin-bottom: 0;
}
table#publikation-details {
  width: 100%;
}
table#publikation-details tbody tr:nth-child(even) {
  background: #d9e1e9;
}
table#publikation-details tbody tr td:first-child {
  font-weight: 700;
}
table#publikation-details tbody tr td code#bibtex {
  margin-top: 5px;
  display: block;
  box-sizing: border-box;
  padding: 10px;
  background: #fffffe;
  border: 1px solid #809ab6;
  font-size: 9px;
  font-size: 0.9rem;
}
.pub-profile-teaser {
  display: inline-block;
  background: #ededed;
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
}
.pub-profile-teaser h2 {
  margin-bottom: 0;
}
.pub-profile-teaser div.img {
  float: left;
  margin-right: 20px;
}
.pub-profile-teaser div.img img {
  display: block;
}
.pub-sidebar .pub-item {
  display: none;
}
.cover-dummy {
  width: 280px;
  height: 370px;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#384c65 0, EndColorstr=#809ab6 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#384c65 0, EndColorstr=#809ab6 100%);
  background: -webkit-gradient(linear, top top, top bottom, from(#384c65 0), to(#809ab6 100%));
  background: -webkit-linear-gradient(top, #384c65 0, #809ab6 100%);
  background: -ms-linear-gradient(top, #384c65 0, #809ab6 100%);
  background: -moz-linear-gradient(top, #384c65 0, #809ab6 100%);
  background: -o-linear-gradient(top, #384c65 0, #809ab6 100%);
  background: linear-gradient(top, #384c65 0, #809ab6 100%);
  background-color: #384c65;
  background-image: -webkit-linear-gradient(top, #384c65 0, #809ab6 100%);
  background-image: -moz-linear-gradient(top, #384c65 0, #809ab6 100%);
  background-image: -ms-linear-gradient(top, #384c65 0, #809ab6 100%);
  background-image: -o-linear-gradient(top, #384c65 0, #809ab6 100%);
  background-image: background: linear-gradient(top, #384c65 0, #809ab6 100%);;
  border: 1px solid #ff802a;
  margin-bottom: 20px;
}
.cover-dummy .title {
  color: #ededed;
  text-align: center;
  width: 90%;
  margin: 100px 5% 0 5%;
  box-sizing: border-box;
  display: block;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  position: relative;
}
.cover-dummy .title:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-20px);
  -o-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
  width: 40px;
  height: 3px;
  background: #809ab6;
}
.cover-dummy .authors {
  color: #809ab6;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
}
@media only screen and (max-width: 1000px) {
  .cover-dummy {
    width: 197px;
    height: 260px;
  }
  .cover-dummy .title {
    margin-top: 60px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 15px;
  }
  .cover-dummy .authors {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
#cookies-notification {
  background: #011b2e;
  padding: 50px;
  width: 600px;
  margin-top: 25px;
  margin-left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  position: fixed;
  z-index: 999;
  color: #fffffe;
  box-sizing: border-box;
  box-shadow: 0 0 50px #fffffe;
  -o-box-shadow: 0 0 50px #fffffe;
  -moz-box-shadow: 0 0 50px #fffffe;
  -webkit-box-shadow: 0 0 50px #fffffe;
}
#cookies-notification span {
  display: block;
  padding: 10px;
  margin-top: 25px;
  background: #ff802a;
  color: #fffffe;
  width: 50%;
  text-align: center;
}
#cookies-notification span:hover {
  cursor: pointer;
  background: #d05400;
}
@media only screen and (max-width: 682px) {
  #cookies-notification {
    width: 90%;
    margin: 0 5% 0 5%;
    padding: 25px;
    transform: translateX(0);
    -o-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
#cookies-notification a {
  margin-top: 15px;
  display: block;
  color: #808080;
}
section#tool {
  padding: 50px 0 100px 0;
  overflow: unset;
}
section#tool .tabber-tabs {
  position: -webkit-sticky /* Safari */;
  position: sticky;
  background: #fffffe;
  top: 80px;
  padding-top: 20px;
  z-index: 1;
}
section#tool .tabber-tabs:after {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -22px;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(255,255,254,0) 0, EndColorstr=#fffffe 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(255,255,254,0) 0, EndColorstr=#fffffe 100%);
  background: -webkit-gradient(linear, bottom top, bottom bottom, from(rgba(255,255,254,0) 0), to(#fffffe 100%));
  background: -webkit-linear-gradient(bottom, rgba(255,255,254,0) 0, #fffffe 100%);
  background: -ms-linear-gradient(bottom, rgba(255,255,254,0) 0, #fffffe 100%);
  background: -moz-linear-gradient(bottom, rgba(255,255,254,0) 0, #fffffe 100%);
  background: -o-linear-gradient(bottom, rgba(255,255,254,0) 0, #fffffe 100%);
  background: linear-gradient(bottom, rgba(255,255,254,0) 0, #fffffe 100%);
  background-color: rgba(255,255,254,0);
  background-image: -webkit-linear-gradient(bottom, rgba(255,255,254,0) 0, #fffffe 100%);
  background-image: -moz-linear-gradient(bottom, rgba(255,255,254,0) 0, #fffffe 100%);
  background-image: -ms-linear-gradient(bottom, rgba(255,255,254,0) 0, #fffffe 100%);
  background-image: -o-linear-gradient(bottom, rgba(255,255,254,0) 0, #fffffe 100%);
  background-image: background: linear-gradient(bottom, rgba(255,255,254,0) 0, #fffffe 100%);;
}
@media only screen and (max-width: 682px) {
  section#tool .tabber-tabs {
    position: initial;
  }
  section#tool .tabber-tabs:after {
    display: none;
  }
}
section#tool main {
  margin-top: 15px;
}
section#tool main article a.txtbtn {
  padding: 5px 10px;
}
section#tool main article h2 {
  margin-top: 40px;
  xborder-bottom: 1px solid #ff802a;
  color: #ff802a;
}
section#tool main article h2:first-child {
  margin-top: 0;
}
section#tool main article h3,
section#tool main article h4,
section#tool main article h5,
section#tool main article h6 {
  margin-bottom: 5px;
  color: #4d6a90;
}
section#tool main article span.legend-circle {
  width: 25px;
  height: 25px;
  background: #000001;
  color: #fffffe;
  margin-right: 5px;
  border-radius: 999px;
  -o-border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
}
@media only screen and (max-width: 750px) {
  section#tool .tool-summary {
    margin: 50px;
  }
  section#tool .tabber-tabs {
    border-bottom: 2px solid #ff802a;
  }
  section#tool .tabber-tabs .tab {
    display: inline-block;
  }
}
#keyvisual.tool {
  height: unset;
}
#keyvisual.tool:before {
  height: 140px;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(0,0,1,0) 0, EndColorstr=#000001 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(0,0,1,0) 0, EndColorstr=#000001 100%);
  background: -webkit-gradient(linear, top top, top bottom, from(rgba(0,0,1,0) 0), to(#000001 100%));
  background: -webkit-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background: -ms-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background: -moz-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background: -o-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background: linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background-color: rgba(0,0,1,0);
  background-image: -webkit-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background-image: -moz-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background-image: -ms-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background-image: -o-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background-image: background: linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);;
}
#keyvisual.tool:after {
  background: rgba(53,78,101,0.75);
}
@media only screen and (max-width: 1200px) {
  #keyvisual.tool img#keyvisual-img {
    max-width: unset;
    height: unset;
    width: auto;
  }
}
@media only screen and (max-width: 682px) {
  #keyvisual.tool #tool-logo {
    margin-bottom: 0;
  }
  #keyvisual.tool #tool-logo img {
    float: left;
    height: 70px;
    width: 70px;
    margin: 0 15px 5px 0;
  }
}
#keyvisual.tool .tool-summary {
  margin-top: 100px;
  position: relative;
  z-index: 1;
  margin-bottom: 80px;
}
#keyvisual.tool .tool-summary .tool-info h1 {
  color: #fffffe;
}
#keyvisual.tool .tool-summary .tool-info p {
  color: #fffffe;
}
#keyvisual.tool .tabber-tabs {
  z-index: 2;
  position: relative;
  margin-bottom: 0;
  border-bottom: 0;
}
#keyvisual.tool .tabber-tabs .tab {
  background: #809ab6;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#809ab6 70%, EndColorstr=#384c65 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#809ab6 70%, EndColorstr=#384c65 100%);
  background: -webkit-gradient(linear, top top, top bottom, from(#809ab6 70%), to(#384c65 100%));
  background: -webkit-linear-gradient(top, #809ab6 70%, #384c65 100%);
  background: -ms-linear-gradient(top, #809ab6 70%, #384c65 100%);
  background: -moz-linear-gradient(top, #809ab6 70%, #384c65 100%);
  background: -o-linear-gradient(top, #809ab6 70%, #384c65 100%);
  background: linear-gradient(top, #809ab6 70%, #384c65 100%);
  background-color: #809ab6;
  background-image: -webkit-linear-gradient(top, #809ab6 70%, #384c65 100%);
  background-image: -moz-linear-gradient(top, #809ab6 70%, #384c65 100%);
  background-image: -ms-linear-gradient(top, #809ab6 70%, #384c65 100%);
  background-image: -o-linear-gradient(top, #809ab6 70%, #384c65 100%);
  background-image: background: linear-gradient(top, #809ab6 70%, #384c65 100%);;
  padding: 10px 15px 8px 15px;
}
#keyvisual.tool .tabber-tabs .tab p {
  color: #fffffe;
}
#keyvisual.tool .tabber-tabs .tab.active {
  background: #fff;
  padding: 10px 15px 8px 15px;
}
#keyvisual.tool .tabber-tabs .tab.active p {
  color: #011b2e;
}
@media only screen and (max-width: 750px) {
  #keyvisual.tool .tool-summary {
    margin: 50px;
  }
  #keyvisual.tool .tabber-tabs .tab {
    display: inline-block;
  }
}
#keyvisual.tool #tool-downloads {
  display: none;
  position: relative;
  width: 90%;
}
#keyvisual.tool #tool-downloads span {
  background: #ff802a;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: 1;
  text-align: center;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 35px;
  padding: 0;
  margin: 0;
  border-radius: 999px;
  -o-border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  color: #fffffe;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#keyvisual.tool #tool-downloads span:hover {
  cursor: pointer;
  background: #d05400;
}
#keyvisual.tool #tool-downloads table {
  width: 100%;
  position: relative;
}
#keyvisual.tool #tool-downloads table tbody {
  color: #fffffe;
}
#keyvisual.tool #tool-downloads table tbody tr {
  background: rgba(1,27,46,0.6);
}
#keyvisual.tool #tool-downloads table tbody tr:nth-child(2n) {
  background: rgba(1,27,46,0.8);
}
#keyvisual.tool #tool-downloads table tbody tr td {
  padding: 5px 10px;
}
#keyvisual.tool #tool-downloads table tbody tr td a {
  color: #ff802a;
  text-decoration: underline;
}
.tool-sidebar {
  box-sizing: border-box;
  padding: 15px;
  position: -webkit-sticky /* Safari */;
  position: sticky;
  top: 155px;
}
@media only screen and (max-height: 800px) and (orientation: landscape) {
  .tool-sidebar {
    position: relative;
    top: 0;
  }
}
@media only screen and (max-width: 682px) {
  .tool-sidebar {
    position: relative;
    top: 0;
  }
}
.tool-sidebar .tocDiv ul.newList {
  list-style-type: none;
  padding-left: 0;
  color: #809ab6;
}
.tool-sidebar .tocDiv ul.newList *.active {
  color: #011b2e;
}
.tool-sidebar .tocDiv ul.newList * a:hover {
  color: #011b2e;
}
.tool-sidebar .tocDiv ul.newList ul {
  list-style-type: none;
  padding-left: 0;
  transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
}
.tool-sidebar .tocDiv ul.newList ul li {
  border-bottom: 1px solid #809ab6;
  padding: 3px 2px;
}
.tool-sidebar .tocDiv ul.newList ul li .sub-trigger {
  width: 17px;
  height: 17px;
  border-radius: 999px;
  -o-border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  background: #ff802a;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  margin-right: 5px;
  cursor: pointer;
  color: #fffffe;
  position: relative;
  top: 3px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.tool-sidebar .tocDiv ul.newList ul li .sub-trigger:before,
.tool-sidebar .tocDiv ul.newList ul li .sub-trigger:after {
  content: "";
  width: 7px;
  height: 1px;
  position: absolute;
  top: 8px;
  left: 5px;
  background: #fffffe;
}
.tool-sidebar .tocDiv ul.newList ul li .sub-trigger:after {
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.tool-sidebar .tocDiv ul.newList ul li .sub-trigger:hover {
  background: #384c65;
}
.tool-sidebar .tocDiv ul.newList ul li .sub-trigger.open {
  background: #384c65;
}
.tool-sidebar .tocDiv ul.newList ul li .sub-trigger.open:after {
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.tool-sidebar .tocDiv ul.newList ul ul {
  padding-left: 20px;
  xbackground: #008000;
  transform: translateX(0);
  -o-transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  display: none;
}
.tool-sidebar .tocDiv ul.newList ul ul li {
  border-bottom: 1px solid #fffffe;
}
.tool-sidebar .tocDiv ul.newList ul.open {
  background: #f6f6f6;
  margin-bottom: 5px;
}
.tool-sidebar .tocDiv ul.newList ul.open ul {
  display: block;
}
.make-sidebar,
.article,
article {
  margin-top: 15px;
}
.make-sidebar figure,
.article figure,
article figure {
  width: 100%;
  margin: 0;
  padding: 0;
}
.make-sidebar figure iframe,
.article figure iframe,
article figure iframe {
  margin: 0;
}
.make-sidebar img,
.article img,
article img {
  width: 100%;
  box-shadow: 0 0 25px #a0a0a0;
  -o-box-shadow: 0 0 25px #a0a0a0;
  -moz-box-shadow: 0 0 25px #a0a0a0;
  -webkit-box-shadow: 0 0 25px #a0a0a0;
}
.make-sidebar .img-100,
.article .img-100,
article .img-100 {
  width: 100%;
}
.make-sidebar .img-75,
.article .img-75,
article .img-75 {
  width: 75%;
}
@media only screen and (max-width: 1200px) {
  .make-sidebar .img-75,
  .article .img-75,
  article .img-75 {
    width: 100%;
  }
}
.make-sidebar .img-50,
.article .img-50,
article .img-50 {
  width: 50%;
}
@media only screen and (max-width: 1200px) {
  .make-sidebar .img-50,
  .article .img-50,
  article .img-50 {
    width: 75%;
  }
}
.make-sidebar .img-25,
.article .img-25,
article .img-25 {
  width: 25%;
}
@media only screen and (max-width: 1200px) {
  .make-sidebar .img-25,
  .article .img-25,
  article .img-25 {
    width: 50%;
  }
}
.make-sidebar .img-left-to-text,
.article .img-left-to-text,
article .img-left-to-text {
  float: left;
  margin-right: 15px;
}
.make-sidebar .img-right-to-text,
.article .img-right-to-text,
article .img-right-to-text {
  float: right;
  margin-left: 15px;
}
span.tool-slogan {
  font-size: 25px;
  font-size: 2.5rem;
}
@media only screen and (max-width: 682px) {
  span.tool-slogan {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
section#keyvisual.labor {
  height: 500px;
  min-height: 480px;
  max-height: 650px;
}
section#keyvisual video {
  width: 100%;
}
section#keyvisual #kv-slogan {
  width: 100%;
  display: block;
  position: absolute;
  top: 100px;
  left: 0;
}
section#keyvisual #kv-slogan #full-heading {
  position: relative;
  top: 0;
  z-index: 2;
  max-width: unset;
  width: 100%;
}
section#keyvisual #kv-slogan #kv-bar {
  width: 1px;
  height: 50vh;
  background: #ff802a;
  position: relative;
  z-index: 1;
  margin-left: 59.5%;
  margin-top: -10px;
}
section#keyvisual #kv-intro {
  position: absolute;
  top: 30%;
  width: 30%;
  text-align: right;
  left: 28%;
  z-index: 2;
  color: #fffffe;
}
section#keyvisual #success-intro-kv #success-intro-kv-wrapper {
  display: inline-flex;
}
section#keyvisual #success-intro-kv #success-intro-kv-wrapper #success-arrow-kv {
  position: relative;
  z-index: 1;
}
section#keyvisual #success-intro-kv #success-intro-kv-wrapper #success-title-kv {
  margin-top: 20px;
}
#zi-opener-intro {
  width: 60%;
  margin: 0 auto;
}
@media only screen and (max-width: 682px) {
  #zi-opener-intro {
    width: 100%;
  }
}
#zi-selections {
  background: rgba(128,154,182,0.2);
  box-sizing: border-box;
  border: 2px solid #fffffe;
  padding: 40px;
  margin-top: 50px;
  margin-bottom: 150px;
}
#zi-selections #zi-selections-desc {
  box-sizing: border-box;
  padding-right: 100px;
  background: url("../../images/main/bg-arrow-w.svg") no-repeat center right;
}
#zi-selections #zi-selections-desc h2 {
  color: #ff802a;
}
#zi-selections #zi-selections-target-group a {
  margin-top: 3px;
  color: #fffffe;
  background: #ff802a;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#809ab6 0, EndColorstr=#384c65 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#809ab6 0, EndColorstr=#384c65 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#809ab6 0), to(#384c65 100%));
  background: -webkit-linear-gradient(left, #809ab6 0, #384c65 100%);
  background: -ms-linear-gradient(left, #809ab6 0, #384c65 100%);
  background: -moz-linear-gradient(left, #809ab6 0, #384c65 100%);
  background: -o-linear-gradient(left, #809ab6 0, #384c65 100%);
  background: linear-gradient(left, #809ab6 0, #384c65 100%);
  background-color: #809ab6;
  background-image: -webkit-linear-gradient(left, #809ab6 0, #384c65 100%);
  background-image: -moz-linear-gradient(left, #809ab6 0, #384c65 100%);
  background-image: -ms-linear-gradient(left, #809ab6 0, #384c65 100%);
  background-image: -o-linear-gradient(left, #809ab6 0, #384c65 100%);
  background-image: background: linear-gradient(left, #809ab6 0, #384c65 100%);;
  padding: 10px;
  display: block;
  position: relative;
  border-radius: 99px;
  -o-border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#zi-selections #zi-selections-target-group a h4 {
  margin: 0;
  position: relative;
  padding-left: 35px;
  font-size: 16px;
  font-size: 1.6rem;
}
#zi-selections #zi-selections-target-group a h4:before {
  content: ">";
  width: 25px;
  height: 25px;
  text-align: center;
  top: 0;
  left: 0;
  position: absolute;
  background: #ff802a;
  color: #fffffe;
  border-radius: 99px;
  -o-border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#zi-selections #zi-selections-target-group a:hover {
  color: #384c65;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#ff802a 0, EndColorstr=#ff812b 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#ff802a 0, EndColorstr=#ff812b 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff802a 0), to(#ff812b 100%));
  background: -webkit-linear-gradient(left, #ff802a 0, #ff812b 100%);
  background: -ms-linear-gradient(left, #ff802a 0, #ff812b 100%);
  background: -moz-linear-gradient(left, #ff802a 0, #ff812b 100%);
  background: -o-linear-gradient(left, #ff802a 0, #ff812b 100%);
  background: linear-gradient(left, #ff802a 0, #ff812b 100%);
  background-color: #ff802a;
  background-image: -webkit-linear-gradient(left, #ff802a 0, #ff812b 100%);
  background-image: -moz-linear-gradient(left, #ff802a 0, #ff812b 100%);
  background-image: -ms-linear-gradient(left, #ff802a 0, #ff812b 100%);
  background-image: -o-linear-gradient(left, #ff802a 0, #ff812b 100%);
  background-image: background: linear-gradient(left, #ff802a 0, #ff812b 100%);;
}
#zi-selections #zi-selections-target-group a:hover h4:before {
  background: #fffffe;
  color: #ff802a;
}
#zi-teasers-intro {
  position: relative;
  z-index: 1;
}
#zi-teasers-intro h3 {
  padding-top: 25px;
}
section#zi-teasers {
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#011b2e 0), to(#4d6a90 100%));
  background: -webkit-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -ms-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -moz-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -o-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-color: #011b2e;
  background-image: -webkit-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -moz-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -ms-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -o-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: background: linear-gradient(left, #011b2e 0, #4d6a90 100%);;
  color: #fffffe;
  position: relative;
  overflow: visible;
  padding-top: 0;
}
section#zi-teasers:before {
  content: "";
  position: absolute;
  top: -200px;
  width: 100%;
  height: 200px;
  z-index: 0;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#011b2e 0), to(#4d6a90 100%));
  background: -webkit-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -ms-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -moz-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -o-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-color: #011b2e;
  background-image: -webkit-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -moz-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -ms-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -o-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: background: linear-gradient(left, #011b2e 0, #4d6a90 100%);;
}
section#zi-teasers h2 {
  color: #ff802a;
}
section#zi-nl {
  padding: 0;
}
section#zi-nl:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#011b2e 0), to(#4d6a90 100%));
  background: -webkit-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -ms-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -moz-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -o-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-color: #011b2e;
  background-image: -webkit-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -moz-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -ms-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -o-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: background: linear-gradient(left, #011b2e 0, #4d6a90 100%);;
  z-index: 0;
}
.nl-signup-box {
  box-sizing: border-box;
  padding: 25px;
  background: #ff802a;
  color: #fffffe;
  position: relative;
  z-index: 1;
}
.nl-signup-box p {
  margin-bottom: 0;
}
.nl-signup-box #nlsignup {
  padding-top: 20px;
}
.nl-signup-box #nlsignup input {
  width: 60%;
  margin-right: 3%;
}
.nl-signup-box #nlsignup input[type="submit"] {
  width: 30%;
  margin: 0;
  background: #011b2e;
}
.nl-signup-box #nlsignup input[type="submit"]:hover {
  background: #384c65;
}
#worldmap-legend a {
  color: #fffffe;
  display: block;
  margin-bottom: 5px;
}
#worldmap-legend a span {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  -o-border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  display: inline-block;
  margin-right: 5px;
  transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
#worldmap-legend a p {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 0;
  position: relative;
  top: -3px;
}
#worldmap-legend a:hover,
#worldmap-legend a.active {
  color: #ff802a;
}
#worldmap-legend a:hover span,
#worldmap-legend a.active span {
  transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
#worldmap-map {
  position: relative;
  width: 100%;
}
#worldmap-map .marker {
  position: absolute;
  width: 1.5vh;
  height: 1.5vh;
  border-radius: 999px;
  -o-border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  animation: shadowpulse 2s;
  animation-iteration-count: infinite;
}
#worldmap-map .marker.active {
  transform: scale(2);
  -o-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  box-shadow: 0 0 10px #fffffe;
  -o-box-shadow: 0 0 10px #fffffe;
  -moz-box-shadow: 0 0 10px #fffffe;
  -webkit-box-shadow: 0 0 10px #fffffe;
}
#worldmap-legend a span,
#worldmap-map .marker {
  border: 1px solid #fffffe;
}
#worldmap-legend a span.green,
#worldmap-map .marker.green {
  background: #00de4f;
}
#worldmap-legend a span.yellow,
#worldmap-map .marker.yellow {
  background: #bcde00;
}
#worldmap-legend a span.red,
#worldmap-map .marker.red {
  background: #ec0202;
}
#worldmap-legend a span.blue,
#worldmap-map .marker.blue {
  background: #02c1ec;
}
#zi-article-navsection {
  padding: 50px 0;
  overflow: visible;
}
#zi-article-navsection ul.sidenav {
  margin-bottom: 0;
}
#zi-article-navsection ul.sidenav li a {
  font-weight: 700;
  color: #4d6a90;
}
#zi-article-navsection ul.sidenav li a:hover {
  color: #ff802a;
}
#zi-article-navsection ul.sidenav li.active a {
  color: #ff802a;
}
#zi-article-navsection .row:first-child {
  position: relative;
}
#zi-article-navsection .row:first-child:before {
  content: "";
  width: 1px;
  height: 60vh;
  top: 0;
  left: -30px;
  position: absolute;
  background: #ff802a;
  z-index: 3;
}
.z-article-author .z-article-author-img {
  width: 175px;
  height: 175px;
  border-radius: 999px;
  -o-border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  overflow: hidden;
  float: left;
  margin-right: 25px;
}
.z-article-author .z-article-author-img img {
  height: 100%;
  width: auto;
  min-width: unset;
  max-width: unset;
  transform: translateX(-25%);
  -o-transform: translateX(-25%);
  -moz-transform: translateX(-25%);
  -webkit-transform: translateX(-25%);
}
.z-article-author .z-article-author-img img.square {
  transform: translateX(0);
  -o-transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
}
.z-article-author .z-article-author-details {
  color: #4d6a90;
}
.z-article-author .z-article-author-details a:hover {
  color: #ff802a;
}
.z-article-author .z-article-author-details h3 {
  min-height: 50px;
}
@media only screen and (max-width: 682px) {
  .z-article-author .z-article-author-details h3 {
    min-height: 0;
  }
}
.z-article-author .z-article-author-details p {
  margin-bottom: 0;
}
.z-article-author .z-article-author-details p.z-article-author-role {
  margin-bottom: 10px;
  min-height: 40px;
}
@media only screen and (max-width: 682px) {
  .z-article-author .z-article-author-details p.z-article-author-role {
    min-height: 0;
  }
}
.z-article-author.in-overview .z-article-author-img {
  margin-bottom: 10px;
  border: 4px solid #ff802a;
  float: none;
}
.z-article-author.in-overview .z-article-author-details h3,
.z-article-author.in-overview .z-article-author-details a h3 {
  margin-bottom: 5px;
}
#kv-floating-box {
  position: absolute;
  top: 20vh;
  left: 25%;
  width: 50%;
  z-index: 3;
  background: rgba(255,128,42,0.8);
  text-align: center;
  padding: 40px;
  box-sizing: border-box;
  border: 1px solid #fffffe;
  color: #fff;
}
@media only screen and (max-width: 682px) {
  #kv-floating-box {
    left: 5%;
    width: 90%;
    top: 100px;
  }
}
main#products {
  width: calc(100% - 10%);
  margin: 0 0 0 10%;
}
main#products .zi-br-row {
  width: 100%;
  display: inline-block;
  max-width: 1250px;
}
@media only screen and (max-width: 682px) {
  main#products .zi-br-row {
    margin: 0 5%;
    width: 90%;
    margin-bottom: 20px;
  }
}
main#products .zi-prod-intro-row {
  width: 90%;
  margin: 0 auto 0 30px;
  max-width: 1200px;
}
main#products .zi-prod-intro-row #zi-prod-category-nav {
  box-sizing: border-box;
  padding: 15px;
  width: 70%;
  border: 1px solid #ff802a;
  position: relative;
  margin-left: 0;
  margin-top: 100px;
}
main#products .zi-prod-intro-row #zi-prod-category-nav:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 500px;
  background: #ff802a;
  top: 0;
  left: -1px;
}
main#products .zi-prod-intro-row #zi-prod-category-nav ul li a {
  color: #4d6a90;
  font-weight: 700;
}
main#products .zi-prod-intro-row #zi-prod-category-nav ul li a:hover {
  color: #ff802a;
}
main#products .zi-prod-intro-row #zi-prod-category-nav ul li.active a {
  color: #ff802a;
}
main#products .zi-product-entry {
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#011b2e 0, EndColorstr=#4d6a90 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#011b2e 0), to(#4d6a90 100%));
  background: -webkit-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -ms-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -moz-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: -o-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background: linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-color: #011b2e;
  background-image: -webkit-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -moz-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -ms-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: -o-linear-gradient(left, #011b2e 0, #4d6a90 100%);
  background-image: background: linear-gradient(left, #011b2e 0, #4d6a90 100%);;
  box-sizing: border-box;
  padding-left: 60px;
  position: relative;
}
main#products .zi-product-entry:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  height: 100%;
  width: 1px;
  background: #ff802a;
}
main#products .zi-product-entry:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #ff802a;
  top: 50%;
  margin-top: -10px;
  left: 28px;
  margin-left: -10px;
  border-radius: 99px;
  -o-border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
}
main#products .zi-product-entry .zi-prod-row {
  width: 90%;
  margin: 0 auto 0 50px;
  max-width: 1200px;
}
main#products .zi-product-entry h3.zi-product-entry-heading {
  color: #ff802a;
}
main#products .zi-product-entry .zi-product-entry-content {
  color: #fffffe;
}
main#products .zi-product-entry .tabber-content {
  margin-top: 20px;
}
main#products .zi-product-entry:last-child:before {
  height: 50%;
}
@media only screen and (max-width: 682px) {
  main#products {
    width: 100%;
    margin: 0;
  }
  main#products .zi-product-entry .zi-prod-row {
    width: 95%;
    margin: 0;
  }
}
.zi-infopage-teaser {
  box-sizing: border-box;
  padding: 25px;
  background: #d9e1e9;
  margin-bottom: 25px;
}
.zi-infopage-teaser .article-author {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #fffffe;
}
.zi-infopage-teaser .article-author .article-author-img {
  width: 50px;
  height: 50px;
  border-radius: 999px;
  -o-border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  overflow: hidden;
  float: left;
  margin-right: 25px;
}
.zi-infopage-teaser .article-author .article-author-img img {
  height: 100%;
  width: auto;
  min-width: unset;
  max-width: unset;
  transform: translateX(-25%);
  -o-transform: translateX(-25%);
  -moz-transform: translateX(-25%);
  -webkit-transform: translateX(-25%);
}
.zi-infopage-teaser .article-author .article-author-details {
  color: #4d6a90;
}
.zi-infopage-teaser .article-author .article-author-details a h3 {
  margin-bottom: 0;
}
.zi-infopage-teaser .article-author .article-author-details a:hover {
  color: #ff802a;
}
.zi-infopage-teaser .article-author .article-author-details p {
  margin-bottom: 0;
}
#zi-next-article {
  box-sizing: border-box;
  padding: 15px;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#ededed 0, EndColorstr=#fffffe 80%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#ededed 0, EndColorstr=#fffffe 80%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed 0), to(#fffffe 80%));
  background: -webkit-linear-gradient(left, #ededed 0, #fffffe 80%);
  background: -ms-linear-gradient(left, #ededed 0, #fffffe 80%);
  background: -moz-linear-gradient(left, #ededed 0, #fffffe 80%);
  background: -o-linear-gradient(left, #ededed 0, #fffffe 80%);
  background: linear-gradient(left, #ededed 0, #fffffe 80%);
  background-color: #ededed;
  background-image: -webkit-linear-gradient(left, #ededed 0, #fffffe 80%);
  background-image: -moz-linear-gradient(left, #ededed 0, #fffffe 80%);
  background-image: -ms-linear-gradient(left, #ededed 0, #fffffe 80%);
  background-image: -o-linear-gradient(left, #ededed 0, #fffffe 80%);
  background-image: background: linear-gradient(left, #ededed 0, #fffffe 80%);;
}
#zi-next-article h3 {
  color: #4d6a90;
}
#zi-prod-more-categories {
  margin-top: 150px;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#ededed 0, EndColorstr=#fffffe 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#ededed 0, EndColorstr=#fffffe 100%);
  background: -webkit-gradient(linear, top top, top bottom, from(#ededed 0), to(#fffffe 100%));
  background: -webkit-linear-gradient(top, #ededed 0, #fffffe 100%);
  background: -ms-linear-gradient(top, #ededed 0, #fffffe 100%);
  background: -moz-linear-gradient(top, #ededed 0, #fffffe 100%);
  background: -o-linear-gradient(top, #ededed 0, #fffffe 100%);
  background: linear-gradient(top, #ededed 0, #fffffe 100%);
  background-color: #ededed;
  background-image: -webkit-linear-gradient(top, #ededed 0, #fffffe 100%);
  background-image: -moz-linear-gradient(top, #ededed 0, #fffffe 100%);
  background-image: -ms-linear-gradient(top, #ededed 0, #fffffe 100%);
  background-image: -o-linear-gradient(top, #ededed 0, #fffffe 100%);
  background-image: background: linear-gradient(top, #ededed 0, #fffffe 100%);;
}
#zi-prod-more-categories h2 {
  color: #809ab6;
}
#zi-prod-more-categories .zi-prod-more-categories-items {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
}
#zi-prod-more-categories .zi-prod-more-categories-items h3 {
  color: #ff802a;
}
#zi-prod-more-categories .zi-prod-more-categories-items .prod-category-teaser {
  display: flex;
  flex-flow: column nowrap;
}
#zi-prod-more-categories .zi-prod-more-categories-items .prod-category-teaser ul {
  margin-bottom: 25px;
}
#zi-prod-more-categories .zi-prod-more-categories-items .prod-category-teaser a {
  margin-top: auto;
  display: block;
  width: 135px;
  text-align: center;
}
@media only screen and (max-width: 682px) {
  #zi-prod-more-categories .zi-prod-more-categories-items {
    display: block;
  }
}
.zi40-team-members {
  display: flex;
  flex-wrap: wrap;
}
.zi40-team-members .zi40-team-member {
  width: 25%;
  box-sizing: border-box;
  padding: 25px;
  border-right: 1px solid #ededed;
  xborder-bottom: 1px solid #ededed;
  float: left;
}
.zi40-team-members .zi40-team-member:nth-child(4n) {
  border-right: 0 none;
}
.zi40-team-members .zi40-team-member.fg-team-member {
  width: 33%;
}
@media only screen and (max-width: 1000px) {
  .zi40-team-members .zi40-team-member {
    width: 33%;
  }
  .zi40-team-members .zi40-team-member:nth-child(4n) {
    border-right: 1px solid #ededed;
  }
  .zi40-team-members .zi40-team-member:nth-child(3n) {
    border-right: 0 none;
  }
}
@media only screen and (max-width: 790px) {
  .zi40-team-members .zi40-team-member {
    width: 50%;
  }
  .zi40-team-members .zi40-team-member.fg-team-member {
    width: 50%;
  }
  .zi40-team-members .zi40-team-member:nth-child(3n) {
    border-right: 1px solid #ededed;
  }
  .zi40-team-members .zi40-team-member:nth-child(2n) {
    border-right: 0 none;
  }
  .zi40-team-members .zi40-team-member p.zi40-team-member-quote {
    clear: both;
  }
  .zi40-team-members .zi40-team-member .z-article-author-img {
    width: 100px;
    height: 100px;
    float: left;
    margin: 0 15px 5px 0;
  }
}
@media only screen and (max-width: 682px) {
  .zi40-team-members .zi40-team-member {
    width: 100%;
    border-right: 0 none;
  }
  .zi40-team-members .zi40-team-member.fg-team-member {
    width: 100%;
  }
  .zi40-team-members .zi40-team-member:nth-child(3n) {
    border-right: 0 none;
  }
  .zi40-team-members .zi40-team-member .z-article-author-img {
    width: 100px;
    height: 100px;
    float: left;
    margin: 0 15px 5px 0;
  }
  .zi40-team-members .zi40-team-member p.zi40-team-member-quote {
    clear: none;
  }
}
.zi40-success-overview-teaser {
  box-sizing: border-box;
  padding: 25px;
  background: #e6ebf0;
  border: 1px solid #ededed;
  margin-bottom: 25px;
}
#blogpost .sl-blog-posts .blog-teaser {
  overflow: auto;
}
#blogpost .sl-blog-posts .blog-teaser .sl-blog-teaser-thumb {
  width: 100px;
  float: left;
  margin: 0 10px 5px 0;
}
.blogroll-home {
  background: #4d6a90;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#4d6a90 0, EndColorstr=#011b2e 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=#4d6a90 0, EndColorstr=#011b2e 100%);
  background: -webkit-gradient(linear, top top, top bottom, from(#4d6a90 0), to(#011b2e 100%));
  background: -webkit-linear-gradient(top, #4d6a90 0, #011b2e 100%);
  background: -ms-linear-gradient(top, #4d6a90 0, #011b2e 100%);
  background: -moz-linear-gradient(top, #4d6a90 0, #011b2e 100%);
  background: -o-linear-gradient(top, #4d6a90 0, #011b2e 100%);
  background: linear-gradient(top, #4d6a90 0, #011b2e 100%);
  background-color: #4d6a90;
  background-image: -webkit-linear-gradient(top, #4d6a90 0, #011b2e 100%);
  background-image: -moz-linear-gradient(top, #4d6a90 0, #011b2e 100%);
  background-image: -ms-linear-gradient(top, #4d6a90 0, #011b2e 100%);
  background-image: -o-linear-gradient(top, #4d6a90 0, #011b2e 100%);
  background-image: background: linear-gradient(top, #4d6a90 0, #011b2e 100%);;
  display: inline-block;
  width: 100%;
}
.blogroll-home h2 {
  margin-bottom: 0;
}
.blogroll-home .blogposts {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
}
.blogroll-home .blogposts .blog-teaser-card {
  display: flex;
  flex-flow: column nowrap;
  width: 50%;
  padding: 25px;
}
.blogroll-home .blogposts .blog-teaser-card .blog-teaser-card-thumb {
  width: 100%;
}
.blogroll-home .blogposts .blog-teaser-card img {
  width: 100%;
  min-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
}
.blogroll-home .blogposts .blog-teaser-card h3 {
  margin-bottom: 10px;
  padding-left: 0;
}
.blogroll-home .blogposts .blog-teaser-card .lastinfo {
  margin-top: auto;
  color: #fffffe;
}
.blogroll-home .blogposts .blog-teaser-card .lastinfo a {
  text-align: center;
}
@media only screen and (max-width: 1035px) {
  .blogroll-home .blogposts .blog-teaser-card {
    padding: 15px;
  }
}
@media only screen and (max-width: 950px) {
  .blogroll-home .blogposts .blog-teaser-card h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 800px) {
  .blogroll-home .blogposts {
    display: block;
  }
  .blogroll-home .blogposts .blog-teaser-card {
    width: 100%;
  }
}
.blogroll h2 {
  padding: 15px 15px 0 15px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  color: #ff802a;
}
.blogroll h3 {
  color: #ff802a;
  padding: 15px 15px 0 15px;
  margin-bottom: 0;
}
.blogroll .blog-teaser-card {
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  float: left;
}
.blogroll .blog-teaser-card .blog-teaser-card-thumb {
  margin-bottom: 10px;
  float: left;
}
.blogroll .blog-teaser-card .blog-teaser-card-thumb img {
  height: auto;
  min-width: 300px;
  max-width: unset;
}
.blogroll .blog-teaser-card .blog-teaser-card-details .date {
  background: #809ab6;
  color: #fffffe;
  padding: 3px 10px;
  margin-right: 10px;
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 10px;
  display: inline-block;
}
.blogroll .blog-teaser-card .blog-teaser-card-details .author {
  display: none;
}
.blogroll .blog-teaser-card .blog-teaser-card-details h3 {
  padding: 0;
  margin-bottom: 5px;
  color: #809ab6;
}
.blogroll .blog-teaser-card .blog-teaser-card-details p {
  color: #ededed;
}
.blogroll .blog-teaser-card .blog-teaser-card-details a.txtbtn {
  margin-top: auto;
}
@media only screen and (max-width: 1150px) {
  .blogroll .blog-teaser-card .blog-teaser-card-thumb {
    height: 150px;
    width: 200px;
  }
}
@media only screen and (max-width: 900px) {
  .blogroll .blog-teaser-card .blog-teaser-card-thumb {
    height: 150px;
    width: 100%;
    margin-bottom: 15px;
  }
  .blogroll .blog-teaser-card .blog-teaser-card-thumb img {
    width: 100%;
    height: unset;
  }
}
#blog-overview #blog-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#blog-overview #blog-items-wrapper .blog-teaser-card {
  display: flex;
  flex-flow: column nowrap;
  box-sizing: border-box;
  margin: 0 0 45px 2%;
  flex-grow: 1;
  width: calc(100% * (1 / 4) - 10px - 1px);
  border: 1px solid #ededed;
  padding: 15px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#blog-overview #blog-items-wrapper .blog-teaser-card:hover {
  background: #ededed;
}
#blog-overview #blog-items-wrapper:after {
  content: "";
  flex: auto;
  width: 100%;
}
#blog-overview #blog-items-wrapper .blog-teaser-card-thumb .date {
  padding: 5px;
  background: #809ab6;
  border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
}
#blog-overview #blog-items-wrapper .blog-teaser-card-thumb img {
  display: block;
  margin: 10px 0;
}
#blog-overview #blog-items-wrapper a.txtbtn {
  margin-top: auto;
  width: 140px;
  text-align: center;
}
#blog-overview.blog-overview-half {
  background: #094467;
  position: relative;
}
#blog-overview.blog-overview-half:after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 260px;
  background: #fffffe;
  z-index: 0;
}
#blog-overview.blog-overview-half:before {
  z-index: 1;
}
#blog-overview.blog-overview-half #blog-items-wrapper {
  position: relative;
  z-index: 2;
}
#blog-overview.blog-overview-half #blog-items-wrapper .blog-teaser-card {
  background: #fffffe;
}
#blog-overview.blog-overview-half #blog-items-wrapper .blog-teaser-card:hover {
  background: #ededed;
}
#blog-overview.blog-overview-half.fg {
  background: url("../../images/keyvisuals/20171011_SCIL_2_xl.jpg") no-repeat center center;
  background-size: cover;
}
#blog-overview.blog-overview-half.fg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(1,27,46,0.7);
  z-index: 0;
}
.two-col-images {
  column-count: 2;
  column-gap: 10px;
}
.two-col-images .lightbox-thumb.full-width {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.two-col-images .lightbox-thumb.full-width img {
  display: block;
  border: 1px solid #ededed;
  box-sizing: border-box;
}
.two-col-images span.desc {
  display: block;
  background: #fffffe;
  padding: 5px 0 15px 0;
}
.press-pdfs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.press-pdfs .press-pdf {
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #ededed;
  box-sizing: border-box;
  background: rgba(128,154,182,0.3);
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  width: 33%;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.press-pdfs .press-pdf img {
  xdisplay: block;
  margin-bottom: 10px;
  border: 1px solid #ededed;
}
.press-pdfs .press-pdf h3 {
  margin-bottom: 5px;
}
.press-pdfs .press-pdf p {
  margin-bottom: 0;
}
.press-pdfs .press-pdf:hover {
  background: rgba(128,154,182,0.4);
}
@media only screen and (max-width: 1000px) {
  .press-pdfs .press-pdf {
    width: 50%;
  }
}
#lpo-dashboard {
  min-height: calc(100vh - 333px);
  height: 100%;
  width: 100%;
  background: url("../../images/einrichtungen/LUPO_03.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
  z-index: -1;
  padding: 50px;
  box-sizing: border-box;
}
#lpo-dashboard:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255,128,42,0.8);
  z-index: 0;
}
#lpo-dashboard #lpo-widgets {
  position: relative;
  z-index: 1;
  display: grid;
  grid-gap: 25px;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  padding: 50px;
  border-radius: 25px;
  -o-border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 2fr 1fr;
}
#lpo-dashboard #lpo-widgets .lpo-widget {
  background: rgba(255,255,254,0.7);
  height: 200px;
  border-radius: 25px;
  -o-border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  padding: 15px;
  box-sizing: border-box;
}
#lpo-dashboard #lpo-widgets .lpo-widget#lpo-date {
  color: #000001;
}
#keyvisual.lv-intro {
  padding-bottom: 100px;
  height: unset;
}
#keyvisual.lv-intro:before {
  height: 140px;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(0,0,1,0) 0, EndColorstr=#000001 100%);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr=rgba(0,0,1,0) 0, EndColorstr=#000001 100%);
  background: -webkit-gradient(linear, top top, top bottom, from(rgba(0,0,1,0) 0), to(#000001 100%));
  background: -webkit-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background: -ms-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background: -moz-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background: -o-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background: linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background-color: rgba(0,0,1,0);
  background-image: -webkit-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background-image: -moz-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background-image: -ms-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background-image: -o-linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);
  background-image: background: linear-gradient(top, rgba(0,0,1,0) 0, #000001 100%);;
}
#keyvisual.lv-intro:after {
  background: rgba(1,27,46,0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#keyvisual.lv-intro.single {
  padding-bottom: 0;
}
#keyvisual.lv-intro.single h1 {
  color: #fffffe;
}
#keyvisual.lv-intro .lv-details {
  margin-top: 100px;
  position: relative;
  z-index: 1;
  margin-bottom: 80px;
}
#keyvisual.lv-intro .lv-details .lv-subject {
  text-align: center;
}
#keyvisual.lv-intro .lv-details .lv-subject h1 {
  color: #fffffe;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 25px;
}
#keyvisual.lv-intro .lv-details .lv-subject h1:after {
  content: "";
  width: 100px;
  height: 5px;
  background: #fff;
  left: 0;
  margin-left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: 0;
}
#keyvisual.lv-intro .lv-details .lv-subject h2 {
  color: #ff802a;
  font-weight: 400;
  margin-bottom: 50px;
}
#keyvisual.lv-intro .lv-details .lv-subject.ab-subject h1 {
  margin-bottom: 0;
}
#keyvisual.lv-intro .lv-details .lv-subject.ab-subject h1:after {
  content: none;
}
#keyvisual.lv-intro .lv-details .lv-subject p {
  color: #fffffe;
}
#keyvisual.lv-intro .lv-details .lv-subject #lv-summary {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: left;
  color: #fffffe;
}
#keyvisual.lv-intro .lv-details .lv-subject #lv-summary.two-cols {
  grid-template-columns: 1fr 1fr;
  width: 60%;
  margin: 0 20%;
}
#keyvisual.lv-intro .lv-details .lv-subject #lv-summary .lv-access.de .access-item {
  padding-left: 30px;
  font-weight: 700;
  position: relative;
}
#keyvisual.lv-intro .lv-details .lv-subject #lv-summary .lv-access.de .access-item:before {
  content: "Zugang für ";
  font-weight: 300;
  color: #809ab6;
}
#keyvisual.lv-intro .lv-details .lv-subject #lv-summary .lv-access.de .access-item:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../../images/main/check-green.svg") no-repeat center center;
  background-size: cover;
}
#keyvisual.lv-intro .lv-details .lv-subject #lv-summary .item {
  text-align: left;
}
#keyvisual.lv-intro .lv-details .lv-subject #lv-summary .item p {
  margin-bottom: 0;
}
#keyvisual.lv-intro .lv-details .lv-subject #lv-summary .item p.legend {
  color: #809ab6;
}
#keyvisual.lv-intro .lv-details .lv-subject #lv-summary .item p.value {
  color: #fffffe;
  font-weight: 700;
}
#keyvisual.lv-intro #lv-newsflash {
  position: relative;
  background: rgba(255,255,254,0.2);
  box-sizing: border-box;
  padding: 25px 25px 5px 25px;
  color: #ff802a;
  z-index: 2;
}
section#lv-info {
  padding-top: 0;
  position: relative;
  overflow: visible;
  margin-bottom: 0;
  padding-bottom: 0;
}
section#lv-info #lv-info-main {
  box-sizing: border-box;
  position: relative;
  top: -100px;
  background: #fffffe;
  z-index: 2;
  box-shadow: 0 0 50px #808080;
  -o-box-shadow: 0 0 50px #808080;
  -moz-box-shadow: 0 0 50px #808080;
  -webkit-box-shadow: 0 0 50px #808080;
}
section#lv-info #lv-info-main #lv-info-main-infos {
  padding: 25px;
  box-sizing: border-box;
}
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date {
  margin-bottom: 15px;
}
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date a.zoom-link {
  white-space: nowrap;
  background-color: #ff802a;
  padding: 1px 8px;
  color: #fffffe;
  border-radius: 99px;
  -o-border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  background-image: url("../../images/main/icon-camera-w.svg");
  background-repeat: no-repeat;
  background-position: 7px center;
  background-size: 15px;
  transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out;
  padding-left: 27px;
}
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date a.zoom-link:hover {
  background-color: #4d6a90;
}
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date p {
  margin-bottom: 0;
  display: inline;
  margin-right: 2px;
}
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date p.title {
  display: block;
  font-weight: 700;
}
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date p.title .start {
  font-weight: 300;
  font-style: italic;
}
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date p .zoom-link {
  background: #ff802a;
  padding: 4px;
  color: #000001;
  border-radius: 99px;
  -o-border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
}
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date .day,
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date .time,
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date .room {
  padding-left: 19px;
}
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date .day {
  background: url("../../images/main/icon-calendar.svg") no-repeat left center;
  background-size: 15px;
}
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date .time {
  background: url("../../images/main/icon-clock.svg") no-repeat left center;
  background-size: 15px;
}
section#lv-info #lv-info-main #lv-info-main-infos #lv-dates .date .room {
  background: url("../../images/main/icon-place.svg") no-repeat left center;
  background-size: 12px;
  padding-left: 16px;
}
section#lv-tabbedcontent {
  padding-top: 0px;
  padding-bottom: 0;
}
section#lv-tabbedcontent .tabber-tabs a {
  color: #fffffe;
}
section#lv-tabbedcontent .tabber-content {
  box-sizing: border-box;
  padding: 40px 25px 0 25px;
}
section#lv-tabbedcontent .tabber-content figure.video-container {
  width: 50%;
  padding-top: 28.125%;
  margin-left: 0;
}
section#lv-contactperson .lv-contactperson-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}
section#lv-contactperson .lv-contactperson-list .z-article-author .z-article-author-img {
  max-width: 85px;
  max-height: 85px;
}
section#lv-contactperson .lv-contactperson-list .z-article-author .z-article-author-details h3 {
  min-height: 0;
  margin-bottom: 5px;
  margin-top: 10px;
}
@media only screen and (max-width: 682px) {
  section#lv-contactperson .lv-contactperson-list {
    grid-template-columns: 1fr;
  }
  section#lv-contactperson .lv-contactperson-list .z-article-author .z-article-author-img {
    max-width: 80px;
    max-height: 80px;
  }
  section#lv-contactperson .lv-contactperson-list .z-article-author .z-article-author-details h3 {
    margin-top: 0;
  }
}
section#lv-folien {
  padding-top: 0;
}
section#lv-folien #lv-folien-items {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 50px 120px auto auto;
}
@media only screen and (max-width: 682px) {
  section#lv-folien #lv-folien-items {
    grid-template-columns: 1fr;
  }
}
section#lv-folien #lv-folien-items span {
  padding: 4px;
  margin-top: 1px;
  color: #384c65;
}
@media only screen and (max-width: 682px) {
  section#lv-folien #lv-folien-items span {
    margin-top: 0;
  }
}
@media only screen and (max-width: 682px) {
  section#lv-folien #lv-folien-items span.lv-folien-downloads {
    margin-bottom: 5px;
    padding-bottom: 10px;
  }
}
section#lv-folien #lv-folien-items span.lv-folien-downloads a {
  background: #ff802a;
  transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  padding: 2px 8px;
  border-radius: 99px;
  -o-border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  color: #fffffe;
}
section#lv-folien #lv-folien-items span.lv-folien-downloads a:hover {
  background: #4d6a90;
}
section#lv-folien #lv-folien-items span:nth-child(8n+1) {
  background: #e6ebf0;
}
section#lv-folien #lv-folien-items span:nth-child(8n+2) {
  background: #e6ebf0;
}
section#lv-folien #lv-folien-items span:nth-child(8n+3) {
  background: #e6ebf0;
}
section#lv-folien #lv-folien-items span:nth-child(8n+4) {
  background: #e6ebf0;
}
section#lv-folien #lv-folien-items span.head {
  background: #809ab6;
  color: #fffffe;
  font-weight: 700;
}
@media only screen and (max-width: 682px) {
  section#lv-folien #lv-folien-items span.head {
    display: none;
  }
}
#lv-overview {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 120px auto 50px 50px 50px 50px auto;
}
@media only screen and (max-width: 682px) {
  #lv-overview {
    grid-template-columns: 1fr;
  }
}
#lv-overview span {
  padding: 4px;
  margin-top: 1px;
  color: #384c65;
}
#lv-overview span:nth-child(14n+1) {
  background: #e6ebf0;
}
#lv-overview span:nth-child(14n+2) {
  background: #e6ebf0;
}
#lv-overview span:nth-child(14n+3) {
  background: #e6ebf0;
}
#lv-overview span:nth-child(14n+4) {
  background: #e6ebf0;
}
#lv-overview span:nth-child(14n+5) {
  background: #e6ebf0;
}
#lv-overview span:nth-child(14n+6) {
  background: #e6ebf0;
}
#lv-overview span:nth-child(14n+7) {
  background: #e6ebf0;
}
#lv-overview span.title a {
  font-weight: 700;
}
#lv-overview span.title a:hover {
  color: #ff802a;
}
#lv-overview span.head {
  background: #809ab6;
  color: #fffffe;
  font-weight: 700;
}
@media only screen and (max-width: 682px) {
  #lv-overview span.head {
    display: none;
  }
}
@media only screen and (max-width: 682px) {
  #lv-overview span {
    margin-top: 0;
  }
  #lv-overview span.semester {
    margin-top: 20px;
    padding-top: 10px;
    font-style: italic;
  }
  #lv-overview span.title {
    font-size: 15px;
    font-size: 1.5rem;
  }
  #lv-overview span.zugang img {
    height: 10px;
  }
  #lv-overview span.bsc:after {
    content: "Zugang für B.Sc.";
    padding-left: 2px;
  }
  #lv-overview span.msc:after {
    content: "Zugang für M.Sc.";
    padding-left: 2px;
  }
  #lv-overview span.phd:after {
    content: "Zugang für Phd.";
    padding-left: 2px;
  }
  #lv-overview span.sws:before {
    content: "SWS:";
    padding-right: 5px;
  }
  #lv-overview span.art:before {
    content: "Art der Veranstaltung:";
    padding-right: 5px;
  }
  #lv-overview span.track:before {
    content: "Track:";
    padding-right: 5px;
  }
}
.filtering {
  width: 100%;
  box-sizing: border-box;
  background: #ededed;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 25px;
  padding: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
}
.filtering .filtergroup {
  box-sizing: border-box;
  padding: 15px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  border: 1px solid #fffffe;
}
.filtering .filtergroup span {
  font-weight: 700;
  float: left;
  margin-right: 10px;
}
.filtering .filtergroup button {
  background: #ff802a;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 10px 5px 30px;
  border: none;
  position: relative;
}
.filtering .filtergroup button:before,
.filtering .filtergroup button:after {
  content: "";
  position: absolute;
  background: #008000;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.filtering .filtergroup button:before {
  left: 17px;
  top: 5px;
  width: 2px;
  height: 15px;
  transform: rotate(40deg);
  -o-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
}
.filtering .filtergroup button:after {
  left: 10px;
  top: 10px;
  width: 2px;
  height: 10px;
  transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
}
.filtering .filtergroup button:hover {
  cursor: pointer;
  background: #011b2e;
  color: #f00;
}
.filtering .filtergroup button:hover:before,
.filtering .filtergroup button:hover:after {
  background: #f00;
}
.filtering .filtergroup button:hover:before {
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 15px;
}
.filtering .filtergroup button:hover:after {
  transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  height: 15px;
  left: 15px;
  top: 5px;
}
.filtering .filtergroup button.inactive {
  background: #011b2e;
  color: #f00;
}
.filtering .filtergroup button.inactive:before,
.filtering .filtergroup button.inactive:after {
  background: #f00;
}
.filtering .filtergroup button.inactive:before {
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 15px;
}
.filtering .filtergroup button.inactive:after {
  transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  height: 15px;
  left: 15px;
  top: 5px;
}
.filtering .filtergroup button.inactive:hover {
  cursor: pointer;
}
#ab-overview {
  width: 100%;
  box-sizing: border-box;
}
#ab-overview .ab-overview-item {
  display: grid;
  grid-template-columns: 0.5fr 2.5fr 1fr;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
#ab-overview .ab-overview-item.hide,
#ab-overview .ab-overview-item.Bachelorarbeit-hide,
#ab-overview .ab-overview-item.Masterarbeit-hide,
#ab-overview .ab-overview-item.Seminararbeit-hide,
#ab-overview .ab-overview-item.Main-hide,
#ab-overview .ab-overview-item.Prototype-hide,
#ab-overview .ab-overview-item.Industry-hide,
#ab-overview .ab-overview-item.Research-hide {
  transform: scale(0);
  -o-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  height: 0;
}
@media only screen and (max-width: 682px) {
  #ab-overview .ab-overview-item {
    grid-template-columns: 1fr;
  }
}
#ab-overview .ab-overview-item:nth-child(odd) {
  background: #e6ebf0;
}
#ab-overview .ab-overview-item.head {
  background: #809ab6;
  color: #fffffe;
}
#ab-overview .ab-overview-item.head span {
  font-weight: 700;
}
#ab-overview .ab-overview-item span {
  padding: 5px 5px 5px 10px;
}
#ab-overview .ab-overview-item span.title a {
  font-weight: 700;
}
#ab-overview .ab-overview-item span.title a:hover {
  color: #ff802a;
}
figure.video-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  padding-top: 56.25%;
  margin-bottom: 25px;
}
figure.video-container iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#share-icons {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
  padding-right: 10px;
  text-align: right;
}
#share-icons .share-icon {
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-left: 10px;
  transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#share-icons .share-icon:hover {
  transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
#share-icons .share-icon img {
  box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
}