/* cmsms stylesheet: normalize modified: 24.04.2017 11:03:07 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
 *    specificity and defer to the .w-button selector
 */
button,
html input[type="button"],
input[type="reset"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* cmsms stylesheet: webflow modified: 25.05.2022 14:34:35 */
@font-face {
  font-family: 'webflow-icons';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
  font-weight: normal;
  font-style: normal;
}
[class^="w-icon-"],
[class*=" w-icon-"] {
  font-family: 'webflow-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.w-icon-slider-right:before {
  content: "\e600";
}
.w-icon-slider-left:before {
  content: "\e601";
}
.w-icon-nav-menu:before {
  content: "\e602";
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
  content: "\e603";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
html.w-mod-touch * {
  background-attachment: scroll !important;
}
.w-block {
  display: block;
}
.w-inline-block {
  max-width: 100%;
  display: inline-block;
}
.w-clearfix:before,
.w-clearfix:after {
  content: " ";
  display: table;
}
.w-clearfix:after {
  clear: both;
}
.w-preserve-3d {
  transform-style: preserve-3d;
}
.w-hidden {
  display: none;
}
.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}
input.w-button {
  -webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
  color: transparent !important;
}
.w-webflow-badge,
.w-webflow-badge * {
  position: static;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  display: block;
  visibility: visible;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  float: none;
  clear: none;
  border: 0 none transparent;
  border-radius: 0;
  background: none;
  background-image: none;
  background-position: 0% 0%;
  background-size: auto auto;
  background-repeat: repeat;
  background-origin: padding-box;
  background-clip: border-box;
  background-attachment: scroll;
  background-color: transparent;
  box-shadow: none;
  opacity: 1.0;
  transform: none;
  transition: none;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  list-style-type: disc;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
}
.w-webflow-badge {
  position: fixed !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  top: auto !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  color: #AAADB0 !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  padding: 6px 8px 6px 6px !important;
  font-size: 12px !important;
  opacity: 1.0 !important;
  line-height: 14px !important;
  text-decoration: none !important;
  transform: none !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  white-space: nowrap;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.w-webflow-badge > img {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
h1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
h2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
h5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
h6 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
}
a:focus {
  outline: 0;
}
blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px;
}
figure {
  margin: 0;
  margin-bottom: 10px;
}
figcaption {
  margin-top: 5px;
  text-align: center;
}
ul,
ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}
.w-embed:before,
.w-embed:after {
  content: " ";
  display: table;
}
.w-embed:after {
  clear: both;
}
.w-video {
  width: 100%;
  position: relative;
  padding: 0;
}
.w-video iframe,
.w-video object,
.w-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}
.w-form {
  margin: 0 0 15px;
}
.w-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #dddddd;
}
.w-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede;
}
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.w-input,
.w-select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
  color: #999;
}
.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.w-input:-ms-input-placeholder,
.w-select:-ms-input-placeholder {
  color: #999;
}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
  color: #999;
}
.w-input:focus,
.w-select:focus {
  border-color: #3898EC;
  outline: 0;
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.w-input,
textarea.w-select {
  height: auto;
}
.w-select {
  background-image: -webkit-linear-gradient(white 0%, #f3f3f3 100%);
  background-image: linear-gradient(white 0%, #f3f3f3 100%);
}
.w-select[multiple] {
  height: auto;
}
.w-form-label {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 0px;
}
.w-checkbox,
.w-radio {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}
.w-checkbox:before,
.w-radio:before,
.w-checkbox:after,
.w-radio:after {
  content: " ";
  display: table;
}
.w-checkbox:after,
.w-radio:after {
  clear: both;
}
.w-checkbox-input,
.w-radio-input {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
  float: left;
  margin-left: -20px;
}
.w-radio-input {
  margin-top: 3px;
}
.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}
.w-container:before,
.w-container:after {
  content: " ";
  display: table;
}
.w-container:after {
  clear: both;
}
.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}
.w-row:before,
.w-row:after {
  content: " ";
  display: table;
}
.w-row:after {
  clear: both;
}
.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}
.w-col {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}
.w-col-1 {
  width: 8.33333333%;
}
.w-col-2 {
  width: 16.66666667%;
}
.w-col-3 {
  width: 25%;
}
.w-col-4 {
  width: 33.33333333%;
}
.w-col-5 {
  width: 41.66666667%;
}
.w-col-6 {
  width: 50%;
}
.w-col-7 {
  width: 58.33333333%;
}
.w-col-8 {
  width: 66.66666667%;
}
.w-col-9 {
  width: 75%;
}
.w-col-10 {
  width: 83.33333333%;
}
.w-col-11 {
  width: 91.66666667%;
}
.w-col-12 {
  width: 100%;
}
.w-hidden-main {
  display: none !important;
}
@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }
  .w-hidden-main {
    display: inherit !important;
  }
  .w-hidden-medium {
    display: none !important;
  }
  .w-col-medium-1 {
    width: 8.33333333%;
  }
  .w-col-medium-2 {
    width: 16.66666667%;
  }
  .w-col-medium-3 {
    width: 25%;
  }
  .w-col-medium-4 {
    width: 33.33333333%;
  }
  .w-col-medium-5 {
    width: 41.66666667%;
  }
  .w-col-medium-6 {
    width: 50%;
  }
  .w-col-medium-7 {
    width: 58.33333333%;
  }
  .w-col-medium-8 {
    width: 66.66666667%;
  }
  .w-col-medium-9 {
    width: 75%;
  }
  .w-col-medium-10 {
    width: 83.33333333%;
  }
  .w-col-medium-11 {
    width: 91.66666667%;
  }
  .w-col-medium-12 {
    width: 100%;
  }
  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}
@media screen and (max-width: 767px) {
  .w-hidden-main {
    display: inherit !important;
  }
  .w-hidden-medium {
    display: inherit !important;
  }
  .w-hidden-small {
    display: none !important;
  }
  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }
  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }
  .w-col-small-1 {
    width: 8.33333333%;
  }
  .w-col-small-2 {
    width: 16.66666667%;
  }
  .w-col-small-3 {
    width: 25%;
  }
  .w-col-small-4 {
    width: 33.33333333%;
  }
  .w-col-small-5 {
    width: 41.66666667%;
  }
  .w-col-small-6 {
    width: 50%;
  }
  .w-col-small-7 {
    width: 58.33333333%;
  }
  .w-col-small-8 {
    width: 66.66666667%;
  }
  .w-col-small-9 {
    width: 75%;
  }
  .w-col-small-10 {
    width: 83.33333333%;
  }
  .w-col-small-11 {
    width: 91.66666667%;
  }
  .w-col-small-12 {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }
  .w-hidden-main {
    display: inherit !important;
  }
  .w-hidden-medium {
    display: inherit !important;
  }
  .w-hidden-small {
    display: inherit !important;
  }
  .w-hidden-tiny {
    display: none !important;
  }
  .w-col {
    width: 100%;
  }
  .w-col-tiny-1 {
    width: 8.33333333%;
  }
  .w-col-tiny-2 {
    width: 16.66666667%;
  }
  .w-col-tiny-3 {
    width: 25%;
  }
  .w-col-tiny-4 {
    width: 33.33333333%;
  }
  .w-col-tiny-5 {
    width: 41.66666667%;
  }
  .w-col-tiny-6 {
    width: 50%;
  }
  .w-col-tiny-7 {
    width: 58.33333333%;
  }
  .w-col-tiny-8 {
    width: 66.66666667%;
  }
  .w-col-tiny-9 {
    width: 75%;
  }
  .w-col-tiny-10 {
    width: 83.33333333%;
  }
  .w-col-tiny-11 {
    width: 91.66666667%;
  }
  .w-col-tiny-12 {
    width: 100%;
  }
}
.w-widget {
  position: relative;
}
.w-widget-map {
  width: 100%;
  height: 400px;
}
.w-widget-map label {
  width: auto;
  display: inline;
}
.w-widget-map img {
  max-width: inherit;
}
.w-widget-map .gm-style-iw {
  width: 90% !important;
  height: auto !important;
  top: 7px !important;
  left: 6% !important;
  display: inline;
  text-align: center;
  overflow: hidden;
}
.w-widget-map .gm-style-iw + div {
  display: none;
}
.w-widget-twitter {
  overflow: hidden;
}
.w-widget-twitter-count-shim {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 28px;
  height: 20px;
  text-align: center;
  background: white;
  border: #758696 solid 1px;
  border-radius: 3px;
}
.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  position: relative;
  font-size: 15px;
  line-height: 12px;
  text-align: center;
  color: #999;
  font-family: serif;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  position: relative;
  display: block;
}
.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
  margin-left: 7px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
  top: 50%;
  left: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-color: rgba(117, 134, 150, 0);
  border-right-color: #5d6c7b;
  border-width: 4px;
  margin-left: -9px;
  margin-top: -4px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-left: -10px;
  margin-top: -5px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: white;
  border-width: 4px;
  margin-left: -8px;
  margin-top: -4px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-left: -9px;
  margin-top: -5px;
}
.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.w-widget-twitter-count-shim.w--vertical:before {
  border-color: rgba(117, 134, 150, 0);
  border-top-color: #5d6c7b;
  border-width: 5px;
  margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: white;
  border-width: 4px;
  margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}
.w-widget-gplus {
  overflow: hidden;
}
.w-background-video {
  position: relative;
  overflow: hidden;
  height: 500px;
  color: white;
}
.w-background-video > video {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: -100%;
  bottom: -100%;
  top: -100%;
  left: -100%;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  z-index: -100;
}
.w-slider {
  position: relative;
  height: 300px;
  text-align: center;
  background: #dddddd;
  clear: both;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
.w-slider-mask {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  left: 0;
  right: 0;
  height: 100%;
  white-space: nowrap;
}
.w-slide {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: left;
}
.w-slider-nav {
  position: absolute;
  z-index: 2;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding-top: 10px;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
.w-slider-nav.w-round > div {
  border-radius: 100%;
}
.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  padding: 0.2em 0.5em;
  font-size: inherit;
  line-height: inherit;
}
.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
}
.w-slider-nav-invert {
  color: #fff;
}
.w-slider-nav-invert > div {
  background-color: rgba(34, 34, 34, 0.4);
}
.w-slider-nav-invert > div.w-active {
  background-color: #222;
}
.w-slider-dot {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  /*background-color: rgba(255, 255, 255, 0.4);*/
  background-color: rgba(256, 256, 256, 0.4) !important;
  cursor: pointer;
  margin: 0 3px 0.5em;
  transition: background-color 100ms, color 100ms;
}
.w-slider-dot.w-active {
  background-color: #fff !important;
}
.w-slider-arrow-left,
.w-slider-arrow-right {
  position: absolute;
  width: 80px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  overflow: hidden;
  color: white;
  font-size: 40px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}
.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}
.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1em;
  height: 1em;
}
.w-dropdown {
  display: inline-block;
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 900;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  position: relative;
  vertical-align: top;
  text-decoration: none;
  color: #222222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}
.w-dropdown-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  cursor: pointer;
  padding-right: 40px;
}
.w-dropdown-toggle:focus {
  outline: 0;
}
.w-icon-dropdown-toggle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin-right: 20px;
  width: 1em;
  height: 1em;
}
.w-dropdown-list {
  position: absolute;
  background: #dddddd;
  display: none;
  min-width: 100%;
}
.w-dropdown-list.w--open {
  display: block;
}
.w-dropdown-link {
  padding: 10px 20px;
  display: block;
  color: #222222;
}
.w-dropdown-link.w--current {
  color: #0082f3;
}
.w-nav[data-collapse="all"] .w-dropdown,
.w-nav[data-collapse="all"] .w-dropdown-toggle {
  display: block;
}
.w-nav[data-collapse="all"] .w-dropdown-list {
  position: static;
}
@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-dropdown,
  .w-nav[data-collapse="medium"] .w-dropdown-toggle {
    display: block;
  }
  .w-nav[data-collapse="medium"] .w-dropdown-list {
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-dropdown,
  .w-nav[data-collapse="small"] .w-dropdown-toggle {
    display: block;
  }
  .w-nav[data-collapse="small"] .w-dropdown-list {
    position: static;
  }
  .w-nav-brand {
    padding-left: 10px;
  }
}
@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-dropdown,
  .w-nav[data-collapse="tiny"] .w-dropdown-toggle {
    display: block;
  }
  .w-nav[data-collapse="tiny"] .w-dropdown-list {
    position: static;
  }
}
/**
 * ## Note
 * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well.
 * For example percentage units do not work on descendants of elements that
 * have any dimensions expressed in viewport units. It also doesn’t handle them at
 * all in `calc()`.
 */
/**
 * Wrapper around all lightbox elements
 *
 * 1. Since the lightbox can receive focus, IE also gives it an outline.
 * 2. Fixes flickering on Chrome when a transition is in progress
 *    underneath the lightbox.
 */
.w-lightbox-backdrop {
  color: #000;
  cursor: auto;
  font-family: serif;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  list-style: disc;
  text-align: start;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 300;
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  z-index: 2000;
  outline: 0;
  /* 1 */
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translate(0, 0);
  /* 2 */
}
/**
 * Neat trick to bind the rubberband effect to our canvas instead of the whole
 * document on iOS. It also prevents a bug that causes the document underneath to scroll.
 */
.w-lightbox-backdrop,
.w-lightbox-container {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.w-lightbox-content {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.w-lightbox-view {
  position: absolute;
  width: 100vw;
  height: 100vh;
  opacity: 0;
}
.w-lightbox-view:before {
  content: "";
  height: 100vh;
}
/* .w-lightbox-content */
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before {
  display: inline-block;
  vertical-align: middle;
}
/*
 * 1. Remove default margin set by user-agent on the <figure> element.
 */
.w-lightbox-figure {
  position: relative;
  margin: 0;
  /* 1 */
}
.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}
/**
 * IE adds image dimensions as width and height attributes on the IMG tag,
 * but we need both width and height to be set to auto to enable scaling.
 */
.w-lightbox-img {
  width: auto;
  height: auto;
  max-width: none;
}
/**
 * 1. Reset if style is set by user on "All Images"
 */
.w-lightbox-image {
  display: block;
  float: none;
  /* 1 */
  max-width: 100vw;
  max-height: 100vh;
}
.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}
.w-lightbox-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: .5em 1em;
  background: rgba(0, 0, 0, 0.4);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.w-lightbox-embed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.w-lightbox-control {
  position: absolute;
  top: 0;
  width: 4em;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.w-lightbox-left {
  display: none;
  bottom: 0;
  left: 0;
  /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0 0h5v23h23v5h-28z" opacity=".4"/><path d="m1 1h3v23h23v3h-26z" fill="#fff"/></g></svg> */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
}
.w-lightbox-right {
  display: none;
  right: 0;
  bottom: 0;
  /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0-0h28v28h-5v-23h-23z" opacity=".4"/><path d="m1 1h26v26h-3v-23h-23z" fill="#fff"/></g></svg> */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
}
/*
 * Without specifying the with and height inside the SVG, all versions of IE render the icon too small.
 * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows.
 * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer)
 */
.w-lightbox-close {
  right: 0;
  height: 2.6em;
  /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 18 17" width="18" height="17"><g transform="rotate(45)"><path d="m0 0h7v-7h5v7h7v5h-7v7h-5v-7h-7z" opacity=".4"/><path d="m1 1h7v-7h3v7h7v3h-7v7h-3v-7h-7z" fill="#fff"/></g></svg> */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
}
/**
 * 1. All IE versions add extra space at the bottom without this.
 */
.w-lightbox-strip {
  padding: 0 1vh;
  line-height: 0;
  /* 1 */
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
/*
 * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)`
 *    which doesn’t work in Safari anyway.
 * 2. Chrome renders images pixelated when switching to GPU. Making sure
 *    the parent is also rendered on the GPU (by setting translate3d for
 *    example) fixes this behavior.
 */
.w-lightbox-item {
  display: inline-block;
  width: 10vh;
  padding: 2vh 1vh;
  box-sizing: content-box;
  /* 1 */
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  /* 2 */
}
.w-lightbox-active {
  opacity: .3;
}
.w-lightbox-thumbnail {
  position: relative;
  height: 10vh;
  background: #222;
  overflow: hidden;
}
.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
  top: 50%;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/*
 * Spinner
 *
 * Absolute pixel values are used to avoid rounding errors that would cause
 * the white spinning element to be misaligned with the track.
 */
.w-lightbox-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  border: 5px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  -webkit-animation: spin .8s infinite linear;
  animation: spin .8s infinite linear;
}
.w-lightbox-spinner:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border: 3px solid transparent;
  border-bottom-color: #fff;
  border-radius: 50%;
}
/*
 * Utility classes
 */
.w-lightbox-hide {
  display: none;
}
.w-lightbox-noscroll {
  overflow: hidden;
}
@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }
  .w-lightbox-view,
  .w-lightbox-view:before {
    height: 96vh;
  }
  /* .w-lightbox-content */
  .w-lightbox-group,
  .w-lightbox-group .w-lightbox-view,
  .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }
  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }
  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }
  .w-lightbox-left,
  .w-lightbox-right {
    display: block;
    opacity: .5;
  }
  .w-lightbox-close {
    opacity: .8;
  }
  .w-lightbox-control:hover {
    opacity: 1;
  }
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
  opacity: 0;
}
.w-richtext:before,
.w-richtext:after {
  content: " ";
  display: table;
}
.w-richtext:after {
  clear: both;
}
.w-richtext ol,
.w-richtext ul {
  overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before,
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before {
  outline: 2px solid #2895f7;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:before,
.w-richtext figure[data-rt-type="video"] > div:before {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.w-richtext figure {
  position: relative;
  max-width: 60%;
}
.w-richtext figure > div:before,
.w-richtext figure img {
  cursor: default!important;
}
.w-richtext figure img {
  width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: 0.6;
}
.w-richtext figure div {
  /* fix incorrectly sized selection border in the data manager */
  font-size: 0px;
  color: transparent;
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
  display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div,
.w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type="image"] > figcaption {
  display: table-caption;
  caption-side: bottom;
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.w-richtext figure.w-richtext-figure-type-video > div,
.w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}
.w-richtext figure.w-richtext-align-center {
  margin-right: auto;
  margin-left: auto;
  clear: both;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
  clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
  display: inline-block;
  /* padding-bottom is used for aspect ratios in video figures
      we want the div to inherit that so hover/selection borders in the designer-canvas
      fit right*/
  padding-bottom: inherit;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  margin-right: 15px;
  clear: none;
}
.w-richtext figure.w-richtext-align-floatright {
  float: right;
  margin-left: 15px;
  clear: none;
}
.w-nav {
  position: relative;
  background: #dddddd;
  z-index: 1000;
}
.w-nav:before,
.w-nav:after {
  content: " ";
  display: table;
}
.w-nav:after {
  clear: both;
}
.w-nav-brand {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333333;
}
.w-nav-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: #222222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.w-nav-menu {
  position: relative;
  float: right;
}
.w--nav-menu-open {
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #C8C8C8;
  text-align: center;
  overflow: visible;
  min-width: 200px;
}
.w--nav-link-open {
  display: block;
  position: relative;
}
.w-nav-overlay {
  position: absolute;
  overflow: hidden;
  display: none;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
}
.w-nav-overlay .w--nav-menu-open {
  top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] .w--nav-menu-open {
  right: auto;
  z-index: 1;
  top: 0;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] .w--nav-menu-open {
  left: auto;
  z-index: 1;
  top: 0;
}
.w-nav-button {
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.w-nav-button.w--open {
  background-color: #C8C8C8;
  color: white;
}
.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}
.w-nav[data-collapse="all"] .w-nav-button {
  display: block;
}
@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }
  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }
  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }
  .w-nav-brand {
    padding-left: 10px;
  }
}
@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }
  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}
.w-tabs {
  position: relative;
}
.w-tabs:before,
.w-tabs:after {
  content: " ";
  display: table;
}
.w-tabs:after {
  clear: both;
}
.w-tab-menu {
  position: relative;
}
.w-tab-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 9px 30px;
  text-align: left;
  cursor: pointer;
  color: #222222;
  background-color: #dddddd;
}
.w-tab-link.w--current {
  background-color: #C8C8C8;
}
.w-tab-content {
  position: relative;
  display: block;
  overflow: hidden;
}
.w-tab-pane {
  position: relative;
  display: none;
}
.w--tab-active {
  display: block;
}
@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}
.w-ix-emptyfix:after {
  content: "";
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.w-dyn-empty {
  padding: 10px;
  background-color: #dddddd;
}
.w-dyn-bind-empty {
  display: none !important;
}
.w-condition-invisible {
  display: none !important;
}
/* cmsms stylesheet: KHB modified: 14.10.2025 13:24:44 */
body {
  font-family: Roboto, sans-serif;
  color: #333;
  font-size: 15px;
  line-height: 20px;
}
.w-input.textfield.error {
    border: 1px solid #ee7f00;
    background-image: -webkit-linear-gradient(270deg, #fff, #fff 85%, #ee7f00 86%);
    background-image: linear-gradient(180deg, #fff, #fff 85%, #ee7f00 86%);
}
.error .promoted-checkbox label:before {
    border-color: #ee7e02;
    border-bottom: 5px solid #ee7e02;
}
.success {
    display: none;
    opacity:0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #028f4a;
    padding: 1em;
    padding-left: 6em;
    z-index: 100;
    color: #ffffff;
    box-shadow: 0 4px 18px -5px rgba(0, 0, 0, .66);
    border-radius: 5px;
    
}
.success-next + .success{
    display:block;
	animation: fadeInLeft ease-in-out  3s;	
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #fff;
  fill: none;
  animation: stroke .3s ease-in-out forwards;
}

.checkmark {
    left: 1em;
    position: absolute;
    top: 50%;
    margin-top: -28px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    /* margin: 10% auto; */
    box-shadow: inset 0px 0px 0px #028f4a;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke .3s ease-in-out .8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px ease-in-out;
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    display:block;
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
 10% {
     opacity: 1;
 }
 50% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  90% {
     opacity: 1;
 }
 100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
}

@keyframes fadeInLeft {
  0% {
    display:block;
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
 10% {
     opacity: 1;
 }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
   90% {
     opacity: 1;
 }
   100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
}

.hidden-email {
    display: none;
    max-width: 722px;
    position: relative;
}
.datenschutz-w {
    float:left;
    position: relative;
    padding: 1em 0;
    padding-right: 0;
}
.datenschutz-w label{
    position: relative;
}
.submitbutton {
    float:right;
}
*, *:before, *:after {
  box-sizing: border-box;
}
/* HTML5 Boilerplate accessible hidden styles */
.promoted-input-checkbox {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.promoted-checkbox input:checked + label > svg {
  height: 26px;
  animation: draw-checkbox ease-in-out 0.2s forwards;
}
.promoted-checkbox input:checked + label:before  {
  background-color: #ee7e02;
  border-color: #ee7e02;
}
.promoted-checkbox label:before {
    content: "";
    height: 26px;
    width: 26px;    
    min-width: 26px;
    margin-right: 9px;
    float: left;
    /*background-color: #ee7e02;*/
    border: 1px solid #cccccc;
    /* border-radius: 3px; */
    transition: 0.15s all ease-out;
}
.promoted-checkbox svg {
    stroke: #ffffff;
    stroke-width: 4px;
    height: 0;
    width: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    stroke-dasharray: 33;
    margin: 0px 4.5px;
    transform: translateY(-50%);
}

input#datenschutz.fieldError + label::before {
    /*content: '';
    position: absolute;
    left: -10px;
    right: 0;
    bottom: 0;
    top: -14px;
    border: solid 2px #ee7e02;
    border-bottom: solid 10px #ee7e02;
    width: 200px;
    height: 1px;
    z-index: 9999999;
    width: calc(100% + 2em);
    height: calc(100% + 31px);*/
    /* padding: 0 1em; */
    border-color:  #ee7e02;
    border-bottom:  5px solid #ee7e02;
}
.datenschutz-w input, .datenschutz-w label {
    display: inline-block;
    color: #515151;
    font-size: 1em;
    font-weight: 300;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.promoted-checkbox p{
    margin-bottom: 0;
}
.download-list {
        border-bottom: 1px solid #02518f;
    background-image: url(https://www.khb-personal.de/uploads/images/downloads.svg);
    background-position: 23px 30px;
    background-size: 1em;
    padding-left: 5em;
    position: relative;
}

.download-list h4 {
    margin-bottom: 0;
    color: #02518f;
}

.download-list h4 a {
    color: #02518f;
}

.textfield {
    margin-bottom: 2em;
}

.link-block {
    position: relative;
    display: inline-block;
    height: 2.333em;
    margin-top: 1em;
    padding: .5em 1em;
    border: 1px solid white;
    color: white;
    background-color: #02518f;
    font-size: 1em;
    text-decoration: none;
}

.size {
    font-size: 0.8em;
    margin-top: 0.5em;
    color: #cccccc;
}

.download-list::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    border: dashed 1px #02518f;
    left: 8px;
    top: 20px;
    border-radius: 50%;
}

.show {
    display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

ul.subnav-w .sub-li.menuactive a { border-bottom-color: #ee7f00; }

.special-h5 {
    margin-bottom: 2px;
}

.special-h3 { color: #02518f; }

span.details { margin-bottom: 5px; display: inline-block;     font-weight: 300; }
span.details a { color: #333; text-decoration: none; display: inline-block; padding-bottom: 0.2em; padding-top: 0.2em;
    padding-left: 1.1em;
    background-image: url(http://cmsms.khb-personalmanagement.de/uploads/images/next.svg);
    background-position: 0 50%;
    background-size: auto 1em;
    background-repeat: no-repeat;}

h1 {
        hyphens: none;
  margin-top: 0px;
  margin-bottom: 0.5em;
  font-family: 'Roboto Slab', sans-serif;
  color: #1b3b53;
  font-size: 2.5em;
  line-height: 1.3em;
  font-weight: 700;
}

h2 {
        hyphens: none;
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #1b3b53;
  font-size: 1.8em;
  line-height: 36px;
  font-weight: 300;
}

h3 {
        hyphens: none;
  margin-top: 20px;
  margin-bottom: 0.8em;
  font-size: 1.3em;
  line-height: 1.2em;
  font-weight: 400;
}

p {
  margin-bottom: 1.5em;
  color: #515151;
  font-size: 1em;
  line-height: 1.8em;
  font-weight: 300;
}

a {
  color: #ee7f00;
  text-decoration: underline;
}

ul {
 /* margin-top: 1em;*/
 margin-top: 0;
  margin-bottom: 2em;
  padding-left: 2px;
}

li {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 2em;
  /** background-image: url('https://www.khb-personal.de/uploads/images/next.png');**/
  background-image: url('https://www.khb-personal.de/uploads/images/Bulletpoint-Stellenanzeigen.png');
  /** background-position: 0px 50%; **/
  background-position: 0px 10px;
  background-size: auto 1em;
  background-repeat: no-repeat;
}

summary{
    background-color: #ee7f00;
    margin-top: 20px;
    padding: 5px 0;
    text-align: center;
    color: #fff;
}

summary:hover {
	 box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2), 0 5px 20px 0 rgba(0, 0, 0, .4);
}

.brand {
  width: 10em;
  height: 6em;
  background-image: url('https://www.khb-personal.de/uploads/images/KHB.png');
  background-position: 50% 50%;
  background-size: 90%;
  background-repeat: no-repeat;
  -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out;
  transition: width 300ms ease-in-out, height 300ms ease-in-out;
}

.navbar {
  position: absolute;
  width: 100%;
  float: left;
  background-color: #02518f;
  background-color: transparent;
  
}
.navbar::before {
    content:'';
    display: block;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    height: 15em;
    background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.nav-menu {
  position: absolute;
  right: 0px;
  bottom: 0px;
  float: none;
}

.navlink {
  padding: 1.5em 1.5em 1.6em;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: .8em;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
}

.navlink:hover {
  color: #fff;
}

.nav-container {
  position: relative;
  display: block;
  width: 100%;
  max-width: 78em;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2em;
  padding-left: 2em;
}

.hidden-email {
    display: none;
    position: relative;
    max-width: 722px;
}

.show {
    display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
    from {margin-top: -36px;}
    to {margin-top: 0;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
    from {margin-top: -36px;}
    to {margin-top: 0;}
}

.section-w {
  width: 100%;
  float: left;
}

.section-w.top-container {
  background-color: #063c69;
}

.section-w.blue {
  background-color: #02518f;
}
.section-w.blue p{
hyphens: none;
}
.topbar {
  display: block;
  width: 100%;
  max-width: 78em;
  margin-right: auto;
  margin-left: auto;
}

.number {
    font-size: .8em;
  position: absolute;
      top: .5em;
    right: 4.5em;
  padding: 1em 3.5em 1em 0em;
  float: left;
  background-image: url('https://www.khb-personal.de/uploads/images/smartphone.svg');
  background-position: 86% 50%;
  background-size: auto 2em;
  background-repeat: no-repeat;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease;
  transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease;
  transition: opacity 300ms ease-in-out, transform 300ms ease;
  transition: opacity 300ms ease-in-out, transform 300ms ease, -webkit-transform 300ms ease;
  color: #fff;
  text-decoration: none;
}


.hero-section-w {
  position: relative;
  overflow: hidden;
  width: 100%;
  /*margin-top: 5em;*/
  float: left;
}

.hero-parallax {
  position: absolute;
  left: 0px;
  top: 0%;
  right: 0px;
  bottom: 0%;
  z-index: 0;
  background-image: url('https://www.khb-personal.de/uploads/images/hero4.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.hero-parallax.worker {
  background-image: url('https://www.khb-personal.de/uploads/images/worker_1.jpg');
  background-position: 100% 50%;
  background-size: cover;
}

.hero-parallax.smal-hero {
  background-image: url('../images/hero-smal.jpg');
  background-size: cover;
}

.hero-inner {
  position: relative;
  z-index: 99;
  display: block;
  width: 100%;
  height: 28em;
  /**height: 100vh;**/
  max-width: 78em;
  margin-right: auto;
  margin-left: auto;
  font-size: 1em;
}

.hero-inner.small {
  height: 30em;
}

.hero-title {
  position: absolute;
  top: 35%;
  z-index: 1;
  width: 100%;
  /*margin-top: 0px;*/
  padding-right: 0.56em;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #02518f;
  font-size: 3.2em;
  line-height: 1.2em;
  font-weight: 700;
  text-align: right;
}

.hero-title.heading1 {
  top: 36%;
  font-family: Timmana, sans-serif;
  font-size: 4.2em;
  line-height: 1em;
  font-style: normal;
  font-weight: 700;
}

.hero-title.headline2 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
  font-size: 3.9em;
  text-align: left;
  line-height: 1em;
  font-weight: 700;
}

@media (min-width: 998px){
    hero-title.headline2 {
        margin-top: 1em;
    }
}



.hero-title.headline3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}

.new-jobs-w {
  position: absolute;
  left: 0px;
  top: 35%;
  right: auto;
  z-index: 2;
  padding-left: 2em;
  color: #02518f;
  text-align: left;
}

.new-job.blue-color {
    color: #02518f; 
}

.job-slider-w {
  width: 100%;
  height: 8em;
  max-width: 35em;
  background-color: transparent;
}

.slide {
  text-align: left;
}

.new-job-w {
  position: relative;
  display: inline-block;
  float: left;
  text-align: left;
}

.new-job {
  position: relative;
  z-index: 2;
  margin-top: 0px;
  color: #fff;
  font-size: 1.6em;
  line-height: 1em;
  font-weight: 700;
  text-align: left;
  letter-spacing: -0.5px;
  text-decoration: none;
}

.new-job._2 {
  margin-top: 6px;
  padding: 0.3em 0.5em;
  border-radius: 2px;
  background-color: #ee7f00;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .2);
  color: #fff;
}

.new-job._3 {
  border-top: 2px solid #ee7f00;
  border-bottom: 2px solid #ee7f00;
  color: #ee7f00;
  font-weight: 400;
  text-decoration: none;
}

.slider-nav {
  padding-top: 0px;
  text-align: left;
}

.note {
  margin-bottom: 0.5em;
  color: #1b3b53;
  font-size: 0.8em;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}

.gradient {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  height: 30em;
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent);
}

.jobs-title {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #fff;
  font-size: 1.2em;
  text-align: left;
  /*text-shadow: 1px 1px 6px #fff;*/
}

.button {
  padding: 1em 2em;
  border-radius: 2px;
  background-color: #ee7f00;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
  -webkit-transition: box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out;
  text-transform: none;
}

.button:hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2), 0 5px 20px 0 rgba(0, 0, 0, .4);
}

.button:active {
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .4);
}

.button.cta {
  padding-left: 3em;
  background-image: url('https://www.khb-personal.de/uploads/images/draw.svg');
  background-position: 0px 50%;
  background-size: 4em 1em;
  background-repeat: no-repeat;
  font-size: 1.5em;
  font-weight: 300;
}

.button.list-icon {
  padding-left: 3em;
  background-image: url('https://www.khb-personal.de/uploads/images/interface.svg');
  background-position: 0px 50%;
  background-size: 4em 1em;
  background-repeat: no-repeat;
}



.section {
  display: block;
  width: 100%;
  max-width: 78em;
  margin-right: auto;
  margin-left: auto;
  padding: 4em 2em;
}

.section.parallax {
  position: relative;
  z-index: 99;
}

.col50-block {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.parallax-section-w {
  position: relative;
  overflow: hidden;
  width: 100%;
  float: left;
}

.parallax-inner {
  position: absolute;
  left: 0px;
  top: -20%;
  right: 0px;
  bottom: -20%;
  z-index: 0;
  background-image: url('https://www.khb-personal.de/uploads/images/worker.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.cta-content {
  position: relative;
  max-width: 30em;
  color: #fff;
}

.footer-w {
  width: 100%;
  float: left;
  border-top: 1px solid #e8ebf3;
}

.footer {
  display: block;
  width: 100%;
  max-width: 78em;
  margin-right: auto;
  margin-left: auto;
  padding: 2em;
  color: #8f9cbb;
  font-weight: 300;
  text-align: center;
}

.row {
  margin-right: -1em;
  margin-left: -1em;
}

.row.form {
  margin-right: -0.5em;
  margin-left: -0.5em;
}

.col50 {
  width: 50%;
  padding-right: 0.5em;
  padding-left: 0.5em;
  float: left;
}

.cta-btn-w {
  float: right;
  text-align: center;
}

.btn-subline {
  margin-top: 1em;
  color: #fff;
  font-weight: 300;
}

ul li { list-style-type: none; }

.directional {
  position: absolute;
  left: 21em;
  top: -0.5em;
  width: 20em;
}

.trigger {
  position: absolute;
  left: 0px;
  top: 41em;
  right: 0px;
}

.mobile-cta-w {
  display: none;
}

.tile-w {
  margin-right: -2em;
  margin-left: -2em;
}

.tile {
  position: relative;
  width: 33.333%;
  padding: 1em 2em;
  float: left;
}

.tile.offer {
  display: inline-block;
  width: 49.5%;
  float: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.tile-img {
  width: 100%;
}

.tile-name {
  position: absolute;
  left: 0.5em;
  bottom: 1.5em;
  z-index: 10;
  padding: 0.5em 1em;
  background-color: #02518f;
  font-family: 'Roboto Slab', sans-serif;
  color: #fff;
  font-size: 1.3em;
}

.col25 {
  width: 25%;
  padding-right: 1em;
  padding-left: 1em;
  float: left;
}

.col75 {
  width: 75%;
  padding-right: 1em;
  padding-left: 1em;
  float: right;
}

.link {
  display: block;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #c7cedf;
  -webkit-transition: border-color 200ms ease;
  transition: border-color 200ms ease;
  color: rgba(2, 81, 143, .7);
  text-decoration: none;
  text-transform: uppercase;
}

.link:hover {
  border-bottom-color: #ee7f00;
}

.unordered-list {
  padding-left: 0px;
  list-style-type: none;
}

.list-item {
  padding-top: 1em;
  padding-bottom: 1em;
  color: #1b3b53;
  font-weight: 400;
}

.subnav-w {
  margin-top: 0em;
  margin-bottom: 2em;
  padding-left: 0px;
}

.sub-li {
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 0em;
  background-image: none;
}

.job-teaser-w {
  position: relative;
  width: 100%;
  padding-bottom: 1em;
  float: left;
  border-bottom: 2px solid #c7cedf;
  text-decoration: none;
}

.heading {
  font-size: 1.3em;
}

.txt-field {
  height: auto;
  margin-bottom: 1em;
  padding: 0.7em 1em;
}

.txt-field:focus {
  border: 1px solid #ee7f00;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff 85%, #ee7f00 86%);
  background-image: linear-gradient(180deg, #fff, #fff 85%, #ee7f00 86%);
}

.select {
  margin-bottom: 1em;
}

.paragraph-2 {
  margin-bottom: 1em;
}

.txt-area {
  min-height: 200px;
  margin-bottom: 1em;
}

.txt-area:focus {
  border: 1px solid #ee7f00;
  background-image: -webkit-linear-gradient(270deg, #fff 95%, #ee7f00 0);
  background-image: linear-gradient(180deg, #fff 95%, #ee7f00 0);
}

.heading1 {
  font-family: Timmana, sans-serif;
  color: #02518f;
  font-size: 3.5em;
  font-style: normal;
  font-weight: 700;
}

.headline2 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #02518f;
  font-size: 3em;
}

.headline3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}

.heading-4 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #02518f;
}
.menuactive { color: #fff; }
.subnav-w .menuactive { color: #ee7f00; }

@media (max-width: 991px) {
  .datenschutz-w{
        max-width:60%;
        padding: 0;
  }
  p {
    font-size: 1.2em;
  }
  li {
    font-size: 1.2em;
  }
  .brand {
    width: 10em;
    height: 7em;
    padding-bottom: 0px;
  }
  .nav-menu {
    background-color: rgba(0, 0, 0, .2);
  }
  .navlink {
    background-color: #02518f;
    font-size: 1.5em;
    text-align: center;
  }
  .nav-container {
    padding-right: 0em;
    padding-left: 1em;
  }
  .number {
    top: 2.25em;
    right: 9.5em;
    font-size: 13px;
  }
  .number > span {
      display: none;
  }
  .fb {
    margin-right: 1em !important;
    display: block;
    top: 1.25em !important;
    margin-top: 4px;
  }
  
  .hero-parallax.worker {
    background-position: 50% 50%;
     min-height: 350px;
  }
  .hero-inner {
    height: 28em; /* War 46em */
  }
  .hero-inner.small {
    height: 24em;
    padding-top: 10em;
      
  }
  .hero-title {
    position: static;
    margin-top: 4em;
    padding-right: 1em;
    padding-left: 1em;
    text-align: center;
  }
  .new-jobs-w {
    position: static;
    top: auto;
    bottom: 0px;
    padding-right: 1em;
    padding-left: 1em;
    text-align: center;
  }
  .job-slider-w {
    max-width: 100%;
    margin-bottom: 5em;
  }
  .slide {
    text-align: center;
  }
  .new-job-w {
    width: auto;
    float: none;
    text-align: center;
  }
  .new-job {
    text-align: center;
  }
  .slider-nav {
    padding-top: 1.2em;
    text-align: center;
  }
  .note {
    font-size: 1em;
    text-align: center;
  }
  .jobs-title {
    text-align: center;
  }
  .button.list-icon.ripplelink {
    font-size: 1.5em;
  }
  .hero-siegel {
    bottom: 2em;
  }
  .footer-w {
    margin-bottom: 5em;
  }
  .directional {
    top: -2em;
  }
  .menu-button {
    margin-top: 0em;
    padding: 1.3em 1em;
    color: #fff;
    margin-right: 0;
  }
  
  .menu-button.w--open {
    background-color: #02518f;
  }
  .mobile-cta-w {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 101;
    display: block;
    background-color: #ee7f00;
  }
  .mobile-number {
    width: 50%;
    height: 5em;
    float: left;
    background-image: url('https://www.khb-personal.de/uploads/images/smartphone.svg');
    background-position: 50% 50%;
    background-size: auto 3em;
    background-repeat: no-repeat;
  }
  .mobile-contact {
    width: 50%;
    height: 5em;
    float: right;
    background-image: url('https://www.khb-personal.de/uploads/images/envelope.svg');
    background-position: 50% 50%;
    background-size: 3em;
    background-repeat: no-repeat;
  }
  .tile {
    width: 50%;
  }
  .tile.offer {
    width: 100%;
  }
  .paragraph-3 {
    font-size: 1.2em;
  }
  .list-item-2 {
    font-size: 1.2em;
  }
}

@media (max-width: 767px) {
    .menu-button {
        padding: 1.15em 1em;
    }
    .number {
        top: 2em;
        right: 8.5em;
        font-size: 13px;
  }
}

@media (max-width: 767px) {
    input#datenschutz.fieldError + label::after {
    left: 0px;
    width: 100%;
    }
  .datenschutz-w{
        max-width:100%;
        margin-left: 0;
        padding-left: 0;
        padding: 1em 0;
  }
  .promoted-checkbox label{
    padding: 0;
    margin-bottom: 2em;
  }
  .promoted-checkbox svg{
    /*left: 1em;*/
  }
  h1 {
    text-align: center;
  }
  h2 {
    text-align: center;
  }
  .hero-inner {
    font-size: 0.9em;
  }
  .button {
    width: 100%;
    font-size: 1.5em;
  }
  .col50-block {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .cta-content {
    max-width: 100%;
    text-align: center;
  }
  .col50 {
    width: 100%;
  }
  .cta-btn-w {
    width: 100%;
  }
  .directional {
    display: none;
  }
  .tile.offer {
    width: 100%;
  }
  .col25 {
    width: 100%;
  }
  .col75 {
    width: 100%;
  }
  .link {
    text-align: center;
  }
  .paragraph-3 {
    font-size: 1.4em;
  }
  .heading-2 {
    text-align: center;
  }
  .heading-3 {
    text-align: center;
  }
}

@media (max-width: 479px) {
  p {
    font-size: 1.3em;
  }
  li {
    font-size: 1.3em;
  }
  .tile {
    width: 100%;
  }
  .tile-name {
    font-size: 2em;
  }
  .paragraph {
    font-size: 1.2em;
  }
  .hero-title.headline2 {
      font-size: 3.2em;
  }
  .heading-4 {
      font-size: 2.4em;
  }
  .left-column {
      clear: both !important;
      width: 100% !important;
  }
  .right-column {
      float: none !important;
      width: 100% !important;
  }
}
/*
.down .nav-menu {
    margin-right: 60px;
}

.down .navlink {
    padding-bottom: 1.65em;
}
*/
@media (min-width: 990px) {
.navlink:last-child {
    padding-right: 0;
}
}

.fb {
    font-size: .8em;
  position: absolute;
  top: .5em;
  right: 0px;
  padding: 1em 3.5em 1em 0em;
  float: left;
  background-image: url('https://www.khb-personal.de/uploads/images/facebook-icon-03.svg');
  background-position: 86% 50%;
  background-size: auto 2em;
  background-repeat: no-repeat;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease;
  transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease;
  transition: opacity 300ms ease-in-out, transform 300ms ease;
  transition: opacity 300ms ease-in-out, transform 300ms ease, -webkit-transform 300ms ease;
  color: #fff;
  text-decoration: none;
  z-index: 99999999;
}
@media (max-width: 991px) {
    .fb {
        font-size: 1em;
        right: 4.5em;
    }
}
@media (max-width: 767px) {
    .fb {
        right: 5em;
    }
}
.videoContainer {
    background: #0a63a9;
    padding-bottom: 10px;
}

.videoContainer h3{
    color: white;
    margin-top: 0;
    margin-bottom: 0px;
    
}

.videoContainer p {
    color: white;
}

.videoContainer .Videooverflow {
   border-radius: 4px;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    padding-bottom: 56.5%;
    height: 0;
    z-index: 999;
    transition:300ms all;
}
.videoContainer .Videooverflow:hover {
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2), 0 5px 20px 0 rgba(0, 0, 0, .4);
}

.videoContainer .Videooverflow iframe {
    position: absolute;
    top: -.5%;
    border: 0;
    left: -.5%;
    width: 101%;
    height: 101%;
    z-index: 9999999;
}

.VideoPlay {
    padding:0;
    position:relative;
    transform:translateY(-10%);
    perspective: 500px;
    transition:300ms all;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.VideoPlay .bigImg {
    width: 100%;   
}

.svgPlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%, -50%) ;
    transition:300ms all;
    max-width: 150px;
    
}
.svgPlay2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%, -50%) scale(2);
    transition:300ms all;
    opacity:0;
   max-width: 150px;
    
}

.VideoPlay:hover .svgPlay {
       transform:translate(-50%, -50%) scale(1) ;
       opacity:.3;
 
}

.VideoPlay:hover .svgPlay2 {
       transform:translate(-50%, -50%) scale(.9) ;
       opacity:1;
       max-width: 150px;
 
}

.dropzone {
    position: relative;
    border: 2px solid #02518f !important;
    color: #02518f !important;
}

.dropzone .dz-message {
    margin: 3.5em 0 !important;
}

.tooltip {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    outline: none;
    right: 10px;
    background: url(https://www.khb-personal.de/uploads/images/info.svg) no-repeat left top;
    text-indent: -9000px;
    border: none !important;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    vertical-align: top;
    top: 11px;
    margin: 0 3px 0 0;
    display: inline-block;
    border-bottom: 1px dotted #02518f;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 14em;
  background-color: white;
  color: black;
  text-align: center;
  padding: 0 1em;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -7em;
  text-indent: 0px;
  border: 1px solid lightgrey;
  font-size: .8rem;
  border-radius: 3px;
  line-height: initial;

}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: lightgrey transparent transparent transparent;
}

.tooltip_text_list {
    padding: 10px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.dropzone.dz-clickable {
    margin-bottom: 50px;
}

.firstBox {
    width: 100%;
    padding: 1em 2em;
    display: flex;
    flex-wrap: wrap;
}

.firstBox p {
    margin-bottom: 0;
    
}

.firstBox .new-job {
    width: 100%;
    text-align: left;
    line-height: 24px;
    color: white;
    margin-bottom: 0;
    letter-spacing: 0;
}

.firstBox .headline {
    font-weight: 600;
    font-size: 20px;
    color: #02518f;
    margin-bottom: 15px;
  text-align: center;
}



.firstBox .tile.offer {
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
    color: white;
    position: relative
}

@media (min-width: 768px) {
        .firstBox .tile.offer {
    width: 49%;
    padding: 0 5px 0 0;}
    
    .firstBox .headline{
        width: 100%;
    }
}

@media (min-width: 998px) {
    .firstBox .tile.offer {
    width: 33%;
    padding: 0 5px 0 0;}
    
    .firstBox .headline{
        width: 100%;
    }
}


.firstBox .tile.offer:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    right: 50px;
    top: 0;
    opacity: .2;
    background: white;
}

.firstBox .tile.offer p {
    color: white;
    line-height: 24px;
}

.firstBox .job-teaser-w {
    display: flex;
    flex-wrap: wrap;
    height: 200px;
    border-radius: 20px;
    background: linear-gradient(to bottom, #678aa3, #025189);
    color: white;
    border:none;
    padding: 30px;
   /** padding-right: 60px; **/
    transition: 400ms all;
}

@media (min-width: 768px){
   .firstBox .job-teaser-w {
       height: 400px;
      
   }
}

.firstBox .job-teaser-w:hover {
    transform: scale(1.01);
    box-shadow: 0px 10px 30px rgba(0,0,0,.2)
}

.firstBox .job-teaser-w:hover:before, .firstBox .job-teaser-w:hover:after {
    background: white;
    color: white;
}

.firstBox .job-teaser-w::before, .firstBox .job-teaser-w::after {
    position: absolute;
    top:50%;
    right: 20px;
    transform: translateY(-50%);
}

.firstBox .note {
    margin: 0;
}

.firstBox .job-teaser-w::after {
    position: absolute;
    top: auto;
    bottom: 27px;
    right: 20px;
    transform: translateY(-50%);
    background: white;
}

.firstBox .job-teaser-w::before {
    position: absolute;
    top: auto;
    bottom: 15px;
    right: 26px;
    transform: translateY(-50%);
    background: white;
}

@media (min-width: 768px) {
    .firstBox .headline {
      text-align: left;
    }
}

@media (min-width: 1200px) {
 
   
    .firstBox .new-job { 
        line-height:30px;   
        font-size: 21px;
    }
}

.badgeContainer {
   position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3em;
    width: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}

.hero-siegel, .hero-siegel-second {
    max-width: unset;
    max-height: 100px;
    width: auto;
    margin: 0 15px;
}


@media (min-width: 768px) { /* War 998px */
    
    .hero-siegel, .hero-siegel-second {
        margin: 0 15px;
        max-height: 150px;
    }
        
    .badgeContainer {
        left: auto;
        bottom: 5.5em;
        width: auto;
        display: flex;
        right: 20px;
        transform:none;
    }
}

@media (min-width: 1200px) {
    
   .hero-siegel, .hero-siegel-second {
       
    }
}

.btnAdvertise {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: white;
    text-decoration: none;
    background: none;
    box-shadow: 0px 10px 15px rgba(0,0,0,.1);
    text-align: left;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1.2;
    z-index: 99999;
    transition: 300ms all;
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    overflow: hidden;
    border-radius: 0;
}

.btnAdvertise.slide-out {
    transform: translateY(0) translateX(calc(-100% + 40px));
}

.btnAdvertise:hover {
    box-shadow: 0px 10px 30px rgba(0,0,0,.5);
    padding-right: 50px;
    transform: translateY(0) translateX(0) !important;
}

@media (min-width: 768px) {
    .btnAdvertise {
        border-radius: 3px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        left: 0;
        top: 50%;
        width: 250px;
        bottom: auto;
        font-size: 18px;
        padding: 15px 20px;
        transform: translateY(-50%) translateX(0);
    }
    
    .btnAdvertise.slide-out {
        transform: translateY(-50%) translateX(calc(-100% + 40px));
    }
    
    .btnAdvertise:hover {
        box-shadow: 0px 10px 30px rgba(0,0,0,.5);
        padding-right: 50px;
        transform: translateY(-50%) translateX(0) !important;
    }

}



.btnAdvertise:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    transition: 300ms all;
    background: #d97502;
    z-index: 5;
}

.btnAdvertise:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom:0;
    width: 100%;
    height: 100%;
    background: #ee7f00;
    z-index: -1;
    border-left:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
}

.btnAdvertise:hover:before {
    top: 0;
    left: 0;
}

.btnAdvertise span {
    display: block;
}

.btnAdvertise .svgBag {
    width: 30px;
    height: auto;
}

.btnAdvertise .nextArr {
    position: absolute;
    right: 5px;
    width: 20px;
    transition:400ms all;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}


#stars {
  width: 2px;
  position: absolute;
  z-index: 99;
  height: 2px;
  background: transparent;
  box-shadow: 1535px 1385px #FFF , 1951px 571px #FFF , 1141px 656px #FFF , 1031px 573px #FFF , 509px 651px #FFF , 839px 346px #FFF , 1724px 1336px #FFF , 1561px 1088px #FFF , 1243px 291px #FFF , 986px 146px #FFF , 989px 238px #FFF , 1205px 114px #FFF , 388px 1655px #FFF , 121px 626px #FFF , 809px 1865px #FFF , 1206px 1405px #FFF , 1919px 31px #FFF , 880px 167px #FFF , 1544px 1538px #FFF , 612px 90px #FFF , 1659px 419px #FFF , 1609px 1467px #FFF , 127px 438px #FFF , 1285px 1266px #FFF , 764px 735px #FFF , 504px 720px #FFF , 1204px 1365px #FFF , 454px 1198px #FFF , 439px 1611px #FFF , 772px 1535px #FFF , 1942px 841px #FFF , 1273px 805px #FFF , 951px 1338px #FFF , 691px 1550px #FFF , 1630px 1736px #FFF , 1825px 1838px #FFF , 948px 1934px #FFF , 1580px 1718px #FFF , 1685px 287px #FFF , 1775px 122px #FFF , 1892px 1826px #FFF , 680px 34px #FFF , 836px 1795px #FFF , 828px 1837px #FFF , 1373px 1336px #FFF , 229px 1742px #FFF , 762px 1915px #FFF , 657px 293px #FFF , 587px 1030px #FFF , 670px 1383px #FFF , 1358px 1052px #FFF , 1765px 1594px #FFF , 425px 305px #FFF , 741px 1486px #FFF , 765px 1567px #FFF , 908px 297px #FFF , 670px 1012px #FFF , 1343px 690px #FFF , 1796px 1263px #FFF , 876px 1716px #FFF , 209px 107px #FFF , 1785px 1314px #FFF , 1695px 1525px #FFF , 1529px 1449px #FFF , 1877px 490px #FFF , 1060px 511px #FFF , 1226px 951px #FFF , 194px 916px #FFF , 1452px 1091px #FFF , 787px 1854px #FFF , 152px 1993px #FFF , 1383px 1291px #FFF , 1244px 1687px #FFF , 614px 268px #FFF , 1902px 1056px #FFF , 1322px 304px #FFF , 893px 1874px #FFF , 1783px 708px #FFF , 410px 1050px #FFF , 1433px 1486px #FFF , 1671px 1149px #FFF , 282px 1307px #FFF , 1551px 106px #FFF , 19px 177px #FFF , 447px 389px #FFF , 1863px 1202px #FFF , 164px 200px #FFF , 450px 848px #FFF , 1245px 1392px #FFF , 728px 148px #FFF , 1109px 500px #FFF , 265px 1530px #FFF , 1670px 1733px #FFF , 777px 1125px #FFF , 547px 100px #FFF , 931px 1440px #FFF , 1743px 1875px #FFF , 1610px 1853px #FFF , 570px 1501px #FFF , 527px 1427px #FFF , 1914px 1848px #FFF , 1222px 967px #FFF , 1894px 1417px #FFF , 529px 115px #FFF , 874px 187px #FFF , 305px 235px #FFF , 141px 759px #FFF , 1254px 1348px #FFF , 815px 1321px #FFF , 309px 574px #FFF , 1782px 787px #FFF , 945px 828px #FFF , 1368px 451px #FFF , 1314px 1855px #FFF , 1784px 664px #FFF , 1861px 1475px #FFF , 1223px 1710px #FFF , 1832px 85px #FFF , 183px 1884px #FFF , 96px 723px #FFF , 1524px 1401px #FFF , 770px 530px #FFF , 1715px 1852px #FFF , 1424px 989px #FFF , 55px 1765px #FFF , 314px 1828px #FFF , 824px 717px #FFF , 1258px 1514px #FFF , 1363px 414px #FFF , 281px 220px #FFF , 1185px 1123px #FFF , 43px 1919px #FFF , 1928px 883px #FFF , 1517px 1273px #FFF , 313px 1325px #FFF , 1474px 525px #FFF , 761px 947px #FFF , 273px 258px #FFF , 1702px 28px #FFF , 1730px 543px #FFF , 1129px 371px #FFF , 71px 886px #FFF , 314px 647px #FFF , 1254px 1103px #FFF , 1019px 752px #FFF , 1659px 197px #FFF , 1546px 1862px #FFF , 143px 229px #FFF , 1244px 194px #FFF , 1716px 1216px #FFF , 1814px 506px #FFF , 231px 1294px #FFF , 523px 359px #FFF , 1235px 1392px #FFF , 690px 485px #FFF , 1231px 1139px #FFF , 124px 351px #FFF , 111px 1925px #FFF , 1044px 1003px #FFF , 405px 1012px #FFF , 1599px 1309px #FFF , 1746px 1805px #FFF , 9px 84px #FFF , 1208px 370px #FFF , 1914px 213px #FFF , 596px 866px #FFF , 154px 1509px #FFF , 329px 1356px #FFF , 1577px 977px #FFF , 1672px 1955px #FFF , 1337px 9px #FFF , 323px 194px #FFF , 1935px 1806px #FFF , 1931px 1006px #FFF , 877px 1935px #FFF , 1720px 367px #FFF , 1506px 1891px #FFF , 519px 1790px #FFF , 53px 1064px #FFF , 1862px 314px #FFF , 651px 1958px #FFF , 855px 1099px #FFF , 274px 1829px #FFF , 161px 1754px #FFF , 1844px 1720px #FFF , 1596px 318px #FFF , 433px 652px #FFF , 584px 843px #FFF , 840px 590px #FFF , 1364px 1901px #FFF , 879px 1140px #FFF , 1451px 961px #FFF , 1545px 198px #FFF , 1494px 189px #FFF , 474px 1559px #FFF , 1673px 1576px #FFF , 1122px 192px #FFF , 659px 1993px #FFF , 900px 1229px #FFF , 1850px 1820px #FFF , 1717px 17px #FFF , 319px 1729px #FFF , 506px 172px #FFF , 989px 985px #FFF , 990px 387px #FFF , 1013px 1762px #FFF , 634px 1683px #FFF , 1609px 1023px #FFF , 225px 1483px #FFF , 1639px 16px #FFF , 545px 856px #FFF , 1866px 1480px #FFF , 168px 1329px #FFF , 1366px 180px #FFF , 1652px 1349px #FFF , 252px 992px #FFF , 1431px 1368px #FFF , 1035px 275px #FFF , 1985px 1360px #FFF , 276px 143px #FFF , 1981px 1932px #FFF , 275px 1560px #FFF , 112px 1746px #FFF , 632px 1578px #FFF , 1217px 1602px #FFF , 1794px 1331px #FFF , 1769px 1972px #FFF , 848px 209px #FFF , 125px 1113px #FFF , 1014px 340px #FFF , 1128px 129px #FFF , 1736px 664px #FFF , 313px 1829px #FFF , 1803px 792px #FFF , 1573px 1837px #FFF , 204px 1208px #FFF , 62px 1693px #FFF , 1396px 955px #FFF , 468px 481px #FFF , 1163px 839px #FFF , 662px 305px #FFF , 1995px 766px #FFF , 1288px 869px #FFF , 1476px 1708px #FFF , 258px 659px #FFF , 1261px 658px #FFF , 922px 638px #FFF , 1267px 1309px #FFF , 96px 511px #FFF , 1340px 996px #FFF , 1011px 1881px #FFF , 560px 1009px #FFF , 86px 1164px #FFF , 1674px 760px #FFF , 1873px 200px #FFF , 105px 1654px #FFF , 1248px 1947px #FFF , 1223px 1900px #FFF , 1256px 1150px #FFF , 718px 195px #FFF , 1603px 1048px #FFF , 1728px 1298px #FFF , 506px 566px #FFF , 1942px 755px #FFF , 898px 741px #FFF , 336px 935px #FFF , 831px 1625px #FFF , 363px 1551px #FFF , 371px 1790px #FFF , 1988px 723px #FFF , 759px 1679px #FFF , 112px 651px #FFF , 1119px 110px #FFF , 1722px 661px #FFF , 637px 403px #FFF , 1681px 1186px #FFF , 539px 1781px #FFF , 1931px 720px #FFF , 1949px 763px #FFF , 971px 1215px #FFF , 1587px 369px #FFF , 436px 387px #FFF , 1387px 1666px #FFF , 1796px 219px #FFF , 799px 1013px #FFF , 202px 1768px #FFF , 845px 656px #FFF , 91px 991px #FFF , 706px 1602px #FFF , 1268px 1650px #FFF , 67px 1186px #FFF , 1262px 303px #FFF , 678px 1900px #FFF , 1209px 1823px #FFF , 1506px 1933px #FFF , 842px 1165px #FFF , 416px 1332px #FFF , 1097px 686px #FFF , 472px 883px #FFF , 1604px 1125px #FFF , 259px 679px #FFF , 1060px 908px #FFF , 1144px 1633px #FFF , 74px 828px #FFF , 1413px 1772px #FFF , 1773px 1464px #FFF , 800px 182px #FFF , 1067px 1245px #FFF , 1878px 478px #FFF , 922px 697px #FFF , 1311px 1660px #FFF , 1473px 1929px #FFF , 1729px 1859px #FFF , 1859px 722px #FFF , 1984px 1857px #FFF , 431px 729px #FFF , 385px 1319px #FFF , 1948px 740px #FFF , 560px 1795px #FFF , 1733px 735px #FFF , 495px 849px #FFF , 1167px 888px #FFF , 368px 1877px #FFF , 1586px 681px #FFF , 512px 25px #FFF , 1790px 1428px #FFF , 67px 591px #FFF , 976px 1258px #FFF , 1163px 1710px #FFF , 520px 1035px #FFF , 714px 347px #FFF , 547px 21px #FFF , 358px 1378px #FFF , 933px 113px #FFF , 1460px 1938px #FFF , 1915px 1756px #FFF , 573px 429px #FFF , 727px 1472px #FFF , 615px 1480px #FFF , 946px 1677px #FFF , 849px 98px #FFF , 668px 565px #FFF , 1728px 1925px #FFF , 1362px 1347px #FFF , 445px 1539px #FFF , 243px 853px #FFF , 933px 1384px #FFF , 1727px 115px #FFF , 1341px 1625px #FFF , 895px 978px #FFF , 936px 1420px #FFF , 628px 1068px #FFF , 38px 1652px #FFF , 776px 228px #FFF , 868px 1055px #FFF , 1471px 1186px #FFF , 1471px 1171px #FFF , 1472px 807px #FFF , 317px 336px #FFF , 1199px 1233px #FFF , 88px 1402px #FFF , 468px 1207px #FFF , 1929px 1569px #FFF , 1484px 1091px #FFF , 1413px 393px #FFF , 1582px 1233px #FFF , 962px 1648px #FFF , 1225px 160px #FFF , 444px 701px #FFF , 365px 1792px #FFF , 1518px 1798px #FFF , 653px 1229px #FFF , 1922px 1891px #FFF , 155px 879px #FFF , 1423px 645px #FFF , 37px 846px #FFF , 477px 983px #FFF , 805px 1751px #FFF , 1534px 371px #FFF , 513px 1877px #FFF , 1345px 606px #FFF , 1319px 856px #FFF , 342px 1853px #FFF , 495px 1606px #FFF , 845px 1419px #FFF , 1728px 1156px #FFF , 841px 208px #FFF , 308px 1879px #FFF , 1152px 1764px #FFF , 426px 1824px #FFF , 971px 33px #FFF , 337px 1787px #FFF , 522px 985px #FFF , 153px 1646px #FFF , 654px 1733px #FFF , 1763px 1375px #FFF , 1974px 709px #FFF , 1041px 94px #FFF , 1324px 636px #FFF , 788px 1867px #FFF , 1088px 1310px #FFF , 1394px 336px #FFF , 320px 1032px #FFF , 786px 1166px #FFF , 1789px 824px #FFF , 1724px 1745px #FFF , 1289px 740px #FFF , 193px 221px #FFF , 331px 253px #FFF , 365px 795px #FFF , 522px 209px #FFF , 134px 938px #FFF , 125px 1335px #FFF , 1410px 1270px #FFF , 125px 832px #FFF , 1439px 572px #FFF , 765px 1800px #FFF , 572px 1783px #FFF , 1879px 1241px #FFF , 1230px 430px #FFF , 315px 117px #FFF , 1381px 906px #FFF , 1004px 672px #FFF , 352px 1007px #FFF , 748px 1000px #FFF , 574px 1569px #FFF , 1570px 1524px #FFF , 1951px 1665px #FFF , 852px 597px #FFF , 1631px 714px #FFF , 1153px 1595px #FFF , 1025px 158px #FFF , 488px 1403px #FFF , 1868px 1965px #FFF , 1257px 1361px #FFF , 1854px 486px #FFF , 972px 600px #FFF , 1054px 1374px #FFF , 487px 895px #FFF , 7px 1304px #FFF , 1519px 1921px #FFF , 1847px 962px #FFF , 45px 242px #FFF , 333px 788px #FFF , 594px 1018px #FFF , 969px 1473px #FFF , 101px 1242px #FFF , 489px 442px #FFF , 745px 1065px #FFF , 630px 1924px #FFF , 1264px 1406px #FFF , 1394px 595px #FFF , 1837px 1882px #FFF , 527px 62px #FFF , 1976px 230px #FFF , 863px 735px #FFF , 190px 1893px #FFF , 1475px 79px #FFF , 1824px 1492px #FFF , 962px 1988px #FFF , 9px 1999px #FFF , 1312px 167px #FFF , 1441px 957px #FFF , 376px 1119px #FFF , 1840px 1506px #FFF , 944px 1665px #FFF , 2px 1948px #FFF , 1852px 1475px #FFF , 1499px 535px #FFF , 1242px 813px #FFF , 1760px 1833px #FFF , 579px 1861px #FFF , 361px 1191px #FFF , 651px 735px #FFF , 1688px 1838px #FFF , 269px 774px #FFF , 113px 50px #FFF , 1458px 503px #FFF , 1573px 113px #FFF , 958px 612px #FFF , 228px 287px #FFF , 1037px 872px #FFF , 1857px 314px #FFF , 804px 468px #FFF , 43px 1265px #FFF , 1846px 1067px #FFF , 1366px 1297px #FFF , 1631px 1006px #FFF , 1455px 1062px #FFF , 1565px 941px #FFF , 337px 1389px #FFF , 1140px 1335px #FFF , 481px 329px #FFF , 865px 1444px #FFF , 1852px 114px #FFF , 478px 1206px #FFF , 1368px 1846px #FFF , 424px 1835px #FFF , 1852px 396px #FFF , 882px 1480px #FFF , 290px 945px #FFF , 1336px 1067px #FFF , 1537px 800px #FFF , 952px 1216px #FFF , 1176px 1571px #FFF , 639px 1493px #FFF , 1409px 1354px #FFF , 1759px 539px #FFF , 858px 520px #FFF , 494px 1113px #FFF , 855px 1480px #FFF , 456px 584px #FFF , 450px 1590px #FFF , 878px 1155px #FFF , 77px 399px #FFF , 1581px 394px #FFF , 248px 386px #FFF , 1919px 399px #FFF , 1755px 1627px #FFF , 4px 744px #FFF , 1286px 1769px #FFF , 1376px 1222px #FFF , 838px 1750px #FFF , 1439px 5px #FFF , 354px 1253px #FFF , 686px 830px #FFF , 707px 632px #FFF , 59px 1007px #FFF , 1796px 442px #FFF , 415px 89px #FFF , 1040px 1833px #FFF , 826px 1769px #FFF , 1609px 1355px #FFF , 1637px 149px #FFF , 223px 1245px #FFF , 1185px 651px #FFF , 317px 1840px #FFF , 1948px 791px #FFF , 632px 66px #FFF , 1740px 1756px #FFF , 993px 1487px #FFF , 1114px 270px #FFF , 889px 718px #FFF , 1605px 59px #FFF , 1468px 947px #FFF , 947px 601px #FFF , 986px 1131px #FFF , 821px 646px #FFF , 964px 286px #FFF , 1755px 1531px #FFF , 400px 850px #FFF , 93px 437px #FFF , 1778px 609px #FFF , 1663px 1342px #FFF , 1921px 977px #FFF , 581px 742px #FFF , 1867px 1985px #FFF , 962px 820px #FFF , 184px 1285px #FFF , 558px 765px #FFF , 853px 1798px #FFF , 1526px 18px #FFF , 1468px 1009px #FFF , 836px 1948px #FFF , 956px 1594px #FFF , 483px 1545px #FFF , 1402px 1774px #FFF , 1702px 1702px #FFF , 302px 1806px #FFF , 566px 211px #FFF , 1141px 944px #FFF , 1801px 534px #FFF , 1237px 461px #FFF , 657px 1880px #FFF , 79px 1062px #FFF , 1883px 1794px #FFF , 378px 1435px #FFF , 276px 1490px #FFF , 1050px 1072px #FFF , 1308px 266px #FFF , 1936px 1066px #FFF , 1787px 300px #FFF , 1861px 93px #FFF , 651px 664px #FFF , 644px 1801px #FFF , 574px 921px #FFF , 548px 761px #FFF , 124px 894px #FFF , 655px 220px #FFF , 1296px 1460px #FFF , 238px 325px #FFF , 1663px 1081px #FFF , 1506px 1567px #FFF , 99px 1890px #FFF , 1410px 1491px #FFF , 1904px 1472px #FFF , 1569px 938px #FFF , 550px 1382px #FFF , 1582px 1485px #FFF , 442px 1177px #FFF , 1074px 494px #FFF , 1761px 1615px #FFF , 421px 1541px #FFF , 357px 172px #FFF , 1834px 1027px #FFF , 35px 1572px #FFF , 1293px 288px #FFF , 893px 1938px #FFF , 1458px 1585px #FFF , 159px 618px #FFF , 1374px 607px #FFF , 1333px 1275px #FFF , 31px 1661px #FFF , 1705px 489px #FFF , 921px 310px #FFF , 685px 1316px #FFF , 1668px 640px #FFF , 1334px 1570px #FFF , 1250px 1809px #FFF , 733px 1235px #FFF , 424px 597px #FFF , 859px 1346px #FFF , 1392px 1684px #FFF , 50px 1094px #FFF , 1168px 1174px #FFF , 1729px 1328px #FFF , 801px 1021px #FFF , 457px 976px #FFF , 437px 129px #FFF , 1487px 92px #FFF , 1722px 922px #FFF , 326px 597px #FFF , 1276px 742px #FFF , 549px 1894px #FFF , 478px 1627px #FFF , 161px 958px #FFF , 1206px 1948px #FFF , 317px 1397px #FFF , 1864px 1410px #FFF , 836px 639px #FFF , 854px 659px #FFF , 1747px 207px #FFF , 749px 1229px #FFF , 122px 934px #FFF , 970px 1543px #FFF , 1709px 589px #FFF , 1025px 1858px #FFF , 1785px 886px #FFF , 247px 279px #FFF , 1870px 1651px #FFF , 1742px 554px #FFF , 361px 679px #FFF , 574px 1953px #FFF , 833px 1237px #FFF , 1442px 744px #FFF , 1752px 183px #FFF , 537px 494px #FFF , 944px 1713px #FFF , 1624px 366px #FFF , 216px 723px #FFF , 37px 567px #FFF , 272px 1053px #FFF , 1166px 1106px #FFF , 485px 1489px #FFF , 542px 68px #FFF , 1481px 297px #FFF , 1748px 1686px #FFF , 1162px 991px #FFF , 1579px 1753px #FFF , 1159px 136px #FFF , 1427px 1480px #FFF , 1207px 1456px #FFF , 1606px 1714px #FFF , 531px 1143px #FFF , 1368px 647px #FFF , 1070px 338px #FFF , 22px 340px #FFF , 753px 988px #FFF , 572px 588px #FFF , 1559px 1502px #FFF , 391px 19px #FFF , 1418px 1818px #FFF , 185px 842px #FFF , 1123px 1347px #FFF , 212px 1330px #FFF , 1082px 380px #FFF , 1740px 1584px #FFF , 1793px 1113px #FFF , 1444px 1982px #FFF , 889px 680px #FFF , 168px 624px #FFF , 1722px 1928px #FFF , 997px 1120px #FFF , 885px 933px #FFF , 1720px 1042px #FFF , 122px 978px #FFF , 1786px 693px #FFF , 38px 246px #FFF , 991px 1629px #FFF , 874px 590px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1535px 1385px #FFF , 1951px 571px #FFF , 1141px 656px #FFF , 1031px 573px #FFF , 509px 651px #FFF , 839px 346px #FFF , 1724px 1336px #FFF , 1561px 1088px #FFF , 1243px 291px #FFF , 986px 146px #FFF , 989px 238px #FFF , 1205px 114px #FFF , 388px 1655px #FFF , 121px 626px #FFF , 809px 1865px #FFF , 1206px 1405px #FFF , 1919px 31px #FFF , 880px 167px #FFF , 1544px 1538px #FFF , 612px 90px #FFF , 1659px 419px #FFF , 1609px 1467px #FFF , 127px 438px #FFF , 1285px 1266px #FFF , 764px 735px #FFF , 504px 720px #FFF , 1204px 1365px #FFF , 454px 1198px #FFF , 439px 1611px #FFF , 772px 1535px #FFF , 1942px 841px #FFF , 1273px 805px #FFF , 951px 1338px #FFF , 691px 1550px #FFF , 1630px 1736px #FFF , 1825px 1838px #FFF , 948px 1934px #FFF , 1580px 1718px #FFF , 1685px 287px #FFF , 1775px 122px #FFF , 1892px 1826px #FFF , 680px 34px #FFF , 836px 1795px #FFF , 828px 1837px #FFF , 1373px 1336px #FFF , 229px 1742px #FFF , 762px 1915px #FFF , 657px 293px #FFF , 587px 1030px #FFF , 670px 1383px #FFF , 1358px 1052px #FFF , 1765px 1594px #FFF , 425px 305px #FFF , 741px 1486px #FFF , 765px 1567px #FFF , 908px 297px #FFF , 670px 1012px #FFF , 1343px 690px #FFF , 1796px 1263px #FFF , 876px 1716px #FFF , 209px 107px #FFF , 1785px 1314px #FFF , 1695px 1525px #FFF , 1529px 1449px #FFF , 1877px 490px #FFF , 1060px 511px #FFF , 1226px 951px #FFF , 194px 916px #FFF , 1452px 1091px #FFF , 787px 1854px #FFF , 152px 1993px #FFF , 1383px 1291px #FFF , 1244px 1687px #FFF , 614px 268px #FFF , 1902px 1056px #FFF , 1322px 304px #FFF , 893px 1874px #FFF , 1783px 708px #FFF , 410px 1050px #FFF , 1433px 1486px #FFF , 1671px 1149px #FFF , 282px 1307px #FFF , 1551px 106px #FFF , 19px 177px #FFF , 447px 389px #FFF , 1863px 1202px #FFF , 164px 200px #FFF , 450px 848px #FFF , 1245px 1392px #FFF , 728px 148px #FFF , 1109px 500px #FFF , 265px 1530px #FFF , 1670px 1733px #FFF , 777px 1125px #FFF , 547px 100px #FFF , 931px 1440px #FFF , 1743px 1875px #FFF , 1610px 1853px #FFF , 570px 1501px #FFF , 527px 1427px #FFF , 1914px 1848px #FFF , 1222px 967px #FFF , 1894px 1417px #FFF , 529px 115px #FFF , 874px 187px #FFF , 305px 235px #FFF , 141px 759px #FFF , 1254px 1348px #FFF , 815px 1321px #FFF , 309px 574px #FFF , 1782px 787px #FFF , 945px 828px #FFF , 1368px 451px #FFF , 1314px 1855px #FFF , 1784px 664px #FFF , 1861px 1475px #FFF , 1223px 1710px #FFF , 1832px 85px #FFF , 183px 1884px #FFF , 96px 723px #FFF , 1524px 1401px #FFF , 770px 530px #FFF , 1715px 1852px #FFF , 1424px 989px #FFF , 55px 1765px #FFF , 314px 1828px #FFF , 824px 717px #FFF , 1258px 1514px #FFF , 1363px 414px #FFF , 281px 220px #FFF , 1185px 1123px #FFF , 43px 1919px #FFF , 1928px 883px #FFF , 1517px 1273px #FFF , 313px 1325px #FFF , 1474px 525px #FFF , 761px 947px #FFF , 273px 258px #FFF , 1702px 28px #FFF , 1730px 543px #FFF , 1129px 371px #FFF , 71px 886px #FFF , 314px 647px #FFF , 1254px 1103px #FFF , 1019px 752px #FFF , 1659px 197px #FFF , 1546px 1862px #FFF , 143px 229px #FFF , 1244px 194px #FFF , 1716px 1216px #FFF , 1814px 506px #FFF , 231px 1294px #FFF , 523px 359px #FFF , 1235px 1392px #FFF , 690px 485px #FFF , 1231px 1139px #FFF , 124px 351px #FFF , 111px 1925px #FFF , 1044px 1003px #FFF , 405px 1012px #FFF , 1599px 1309px #FFF , 1746px 1805px #FFF , 9px 84px #FFF , 1208px 370px #FFF , 1914px 213px #FFF , 596px 866px #FFF , 154px 1509px #FFF , 329px 1356px #FFF , 1577px 977px #FFF , 1672px 1955px #FFF , 1337px 9px #FFF , 323px 194px #FFF , 1935px 1806px #FFF , 1931px 1006px #FFF , 877px 1935px #FFF , 1720px 367px #FFF , 1506px 1891px #FFF , 519px 1790px #FFF , 53px 1064px #FFF , 1862px 314px #FFF , 651px 1958px #FFF , 855px 1099px #FFF , 274px 1829px #FFF , 161px 1754px #FFF , 1844px 1720px #FFF , 1596px 318px #FFF , 433px 652px #FFF , 584px 843px #FFF , 840px 590px #FFF , 1364px 1901px #FFF , 879px 1140px #FFF , 1451px 961px #FFF , 1545px 198px #FFF , 1494px 189px #FFF , 474px 1559px #FFF , 1673px 1576px #FFF , 1122px 192px #FFF , 659px 1993px #FFF , 900px 1229px #FFF , 1850px 1820px #FFF , 1717px 17px #FFF , 319px 1729px #FFF , 506px 172px #FFF , 989px 985px #FFF , 990px 387px #FFF , 1013px 1762px #FFF , 634px 1683px #FFF , 1609px 1023px #FFF , 225px 1483px #FFF , 1639px 16px #FFF , 545px 856px #FFF , 1866px 1480px #FFF , 168px 1329px #FFF , 1366px 180px #FFF , 1652px 1349px #FFF , 252px 992px #FFF , 1431px 1368px #FFF , 1035px 275px #FFF , 1985px 1360px #FFF , 276px 143px #FFF , 1981px 1932px #FFF , 275px 1560px #FFF , 112px 1746px #FFF , 632px 1578px #FFF , 1217px 1602px #FFF , 1794px 1331px #FFF , 1769px 1972px #FFF , 848px 209px #FFF , 125px 1113px #FFF , 1014px 340px #FFF , 1128px 129px #FFF , 1736px 664px #FFF , 313px 1829px #FFF , 1803px 792px #FFF , 1573px 1837px #FFF , 204px 1208px #FFF , 62px 1693px #FFF , 1396px 955px #FFF , 468px 481px #FFF , 1163px 839px #FFF , 662px 305px #FFF , 1995px 766px #FFF , 1288px 869px #FFF , 1476px 1708px #FFF , 258px 659px #FFF , 1261px 658px #FFF , 922px 638px #FFF , 1267px 1309px #FFF , 96px 511px #FFF , 1340px 996px #FFF , 1011px 1881px #FFF , 560px 1009px #FFF , 86px 1164px #FFF , 1674px 760px #FFF , 1873px 200px #FFF , 105px 1654px #FFF , 1248px 1947px #FFF , 1223px 1900px #FFF , 1256px 1150px #FFF , 718px 195px #FFF , 1603px 1048px #FFF , 1728px 1298px #FFF , 506px 566px #FFF , 1942px 755px #FFF , 898px 741px #FFF , 336px 935px #FFF , 831px 1625px #FFF , 363px 1551px #FFF , 371px 1790px #FFF , 1988px 723px #FFF , 759px 1679px #FFF , 112px 651px #FFF , 1119px 110px #FFF , 1722px 661px #FFF , 637px 403px #FFF , 1681px 1186px #FFF , 539px 1781px #FFF , 1931px 720px #FFF , 1949px 763px #FFF , 971px 1215px #FFF , 1587px 369px #FFF , 436px 387px #FFF , 1387px 1666px #FFF , 1796px 219px #FFF , 799px 1013px #FFF , 202px 1768px #FFF , 845px 656px #FFF , 91px 991px #FFF , 706px 1602px #FFF , 1268px 1650px #FFF , 67px 1186px #FFF , 1262px 303px #FFF , 678px 1900px #FFF , 1209px 1823px #FFF , 1506px 1933px #FFF , 842px 1165px #FFF , 416px 1332px #FFF , 1097px 686px #FFF , 472px 883px #FFF , 1604px 1125px #FFF , 259px 679px #FFF , 1060px 908px #FFF , 1144px 1633px #FFF , 74px 828px #FFF , 1413px 1772px #FFF , 1773px 1464px #FFF , 800px 182px #FFF , 1067px 1245px #FFF , 1878px 478px #FFF , 922px 697px #FFF , 1311px 1660px #FFF , 1473px 1929px #FFF , 1729px 1859px #FFF , 1859px 722px #FFF , 1984px 1857px #FFF , 431px 729px #FFF , 385px 1319px #FFF , 1948px 740px #FFF , 560px 1795px #FFF , 1733px 735px #FFF , 495px 849px #FFF , 1167px 888px #FFF , 368px 1877px #FFF , 1586px 681px #FFF , 512px 25px #FFF , 1790px 1428px #FFF , 67px 591px #FFF , 976px 1258px #FFF , 1163px 1710px #FFF , 520px 1035px #FFF , 714px 347px #FFF , 547px 21px #FFF , 358px 1378px #FFF , 933px 113px #FFF , 1460px 1938px #FFF , 1915px 1756px #FFF , 573px 429px #FFF , 727px 1472px #FFF , 615px 1480px #FFF , 946px 1677px #FFF , 849px 98px #FFF , 668px 565px #FFF , 1728px 1925px #FFF , 1362px 1347px #FFF , 445px 1539px #FFF , 243px 853px #FFF , 933px 1384px #FFF , 1727px 115px #FFF , 1341px 1625px #FFF , 895px 978px #FFF , 936px 1420px #FFF , 628px 1068px #FFF , 38px 1652px #FFF , 776px 228px #FFF , 868px 1055px #FFF , 1471px 1186px #FFF , 1471px 1171px #FFF , 1472px 807px #FFF , 317px 336px #FFF , 1199px 1233px #FFF , 88px 1402px #FFF , 468px 1207px #FFF , 1929px 1569px #FFF , 1484px 1091px #FFF , 1413px 393px #FFF , 1582px 1233px #FFF , 962px 1648px #FFF , 1225px 160px #FFF , 444px 701px #FFF , 365px 1792px #FFF , 1518px 1798px #FFF , 653px 1229px #FFF , 1922px 1891px #FFF , 155px 879px #FFF , 1423px 645px #FFF , 37px 846px #FFF , 477px 983px #FFF , 805px 1751px #FFF , 1534px 371px #FFF , 513px 1877px #FFF , 1345px 606px #FFF , 1319px 856px #FFF , 342px 1853px #FFF , 495px 1606px #FFF , 845px 1419px #FFF , 1728px 1156px #FFF , 841px 208px #FFF , 308px 1879px #FFF , 1152px 1764px #FFF , 426px 1824px #FFF , 971px 33px #FFF , 337px 1787px #FFF , 522px 985px #FFF , 153px 1646px #FFF , 654px 1733px #FFF , 1763px 1375px #FFF , 1974px 709px #FFF , 1041px 94px #FFF , 1324px 636px #FFF , 788px 1867px #FFF , 1088px 1310px #FFF , 1394px 336px #FFF , 320px 1032px #FFF , 786px 1166px #FFF , 1789px 824px #FFF , 1724px 1745px #FFF , 1289px 740px #FFF , 193px 221px #FFF , 331px 253px #FFF , 365px 795px #FFF , 522px 209px #FFF , 134px 938px #FFF , 125px 1335px #FFF , 1410px 1270px #FFF , 125px 832px #FFF , 1439px 572px #FFF , 765px 1800px #FFF , 572px 1783px #FFF , 1879px 1241px #FFF , 1230px 430px #FFF , 315px 117px #FFF , 1381px 906px #FFF , 1004px 672px #FFF , 352px 1007px #FFF , 748px 1000px #FFF , 574px 1569px #FFF , 1570px 1524px #FFF , 1951px 1665px #FFF , 852px 597px #FFF , 1631px 714px #FFF , 1153px 1595px #FFF , 1025px 158px #FFF , 488px 1403px #FFF , 1868px 1965px #FFF , 1257px 1361px #FFF , 1854px 486px #FFF , 972px 600px #FFF , 1054px 1374px #FFF , 487px 895px #FFF , 7px 1304px #FFF , 1519px 1921px #FFF , 1847px 962px #FFF , 45px 242px #FFF , 333px 788px #FFF , 594px 1018px #FFF , 969px 1473px #FFF , 101px 1242px #FFF , 489px 442px #FFF , 745px 1065px #FFF , 630px 1924px #FFF , 1264px 1406px #FFF , 1394px 595px #FFF , 1837px 1882px #FFF , 527px 62px #FFF , 1976px 230px #FFF , 863px 735px #FFF , 190px 1893px #FFF , 1475px 79px #FFF , 1824px 1492px #FFF , 962px 1988px #FFF , 9px 1999px #FFF , 1312px 167px #FFF , 1441px 957px #FFF , 376px 1119px #FFF , 1840px 1506px #FFF , 944px 1665px #FFF , 2px 1948px #FFF , 1852px 1475px #FFF , 1499px 535px #FFF , 1242px 813px #FFF , 1760px 1833px #FFF , 579px 1861px #FFF , 361px 1191px #FFF , 651px 735px #FFF , 1688px 1838px #FFF , 269px 774px #FFF , 113px 50px #FFF , 1458px 503px #FFF , 1573px 113px #FFF , 958px 612px #FFF , 228px 287px #FFF , 1037px 872px #FFF , 1857px 314px #FFF , 804px 468px #FFF , 43px 1265px #FFF , 1846px 1067px #FFF , 1366px 1297px #FFF , 1631px 1006px #FFF , 1455px 1062px #FFF , 1565px 941px #FFF , 337px 1389px #FFF , 1140px 1335px #FFF , 481px 329px #FFF , 865px 1444px #FFF , 1852px 114px #FFF , 478px 1206px #FFF , 1368px 1846px #FFF , 424px 1835px #FFF , 1852px 396px #FFF , 882px 1480px #FFF , 290px 945px #FFF , 1336px 1067px #FFF , 1537px 800px #FFF , 952px 1216px #FFF , 1176px 1571px #FFF , 639px 1493px #FFF , 1409px 1354px #FFF , 1759px 539px #FFF , 858px 520px #FFF , 494px 1113px #FFF , 855px 1480px #FFF , 456px 584px #FFF , 450px 1590px #FFF , 878px 1155px #FFF , 77px 399px #FFF , 1581px 394px #FFF , 248px 386px #FFF , 1919px 399px #FFF , 1755px 1627px #FFF , 4px 744px #FFF , 1286px 1769px #FFF , 1376px 1222px #FFF , 838px 1750px #FFF , 1439px 5px #FFF , 354px 1253px #FFF , 686px 830px #FFF , 707px 632px #FFF , 59px 1007px #FFF , 1796px 442px #FFF , 415px 89px #FFF , 1040px 1833px #FFF , 826px 1769px #FFF , 1609px 1355px #FFF , 1637px 149px #FFF , 223px 1245px #FFF , 1185px 651px #FFF , 317px 1840px #FFF , 1948px 791px #FFF , 632px 66px #FFF , 1740px 1756px #FFF , 993px 1487px #FFF , 1114px 270px #FFF , 889px 718px #FFF , 1605px 59px #FFF , 1468px 947px #FFF , 947px 601px #FFF , 986px 1131px #FFF , 821px 646px #FFF , 964px 286px #FFF , 1755px 1531px #FFF , 400px 850px #FFF , 93px 437px #FFF , 1778px 609px #FFF , 1663px 1342px #FFF , 1921px 977px #FFF , 581px 742px #FFF , 1867px 1985px #FFF , 962px 820px #FFF , 184px 1285px #FFF , 558px 765px #FFF , 853px 1798px #FFF , 1526px 18px #FFF , 1468px 1009px #FFF , 836px 1948px #FFF , 956px 1594px #FFF , 483px 1545px #FFF , 1402px 1774px #FFF , 1702px 1702px #FFF , 302px 1806px #FFF , 566px 211px #FFF , 1141px 944px #FFF , 1801px 534px #FFF , 1237px 461px #FFF , 657px 1880px #FFF , 79px 1062px #FFF , 1883px 1794px #FFF , 378px 1435px #FFF , 276px 1490px #FFF , 1050px 1072px #FFF , 1308px 266px #FFF , 1936px 1066px #FFF , 1787px 300px #FFF , 1861px 93px #FFF , 651px 664px #FFF , 644px 1801px #FFF , 574px 921px #FFF , 548px 761px #FFF , 124px 894px #FFF , 655px 220px #FFF , 1296px 1460px #FFF , 238px 325px #FFF , 1663px 1081px #FFF , 1506px 1567px #FFF , 99px 1890px #FFF , 1410px 1491px #FFF , 1904px 1472px #FFF , 1569px 938px #FFF , 550px 1382px #FFF , 1582px 1485px #FFF , 442px 1177px #FFF , 1074px 494px #FFF , 1761px 1615px #FFF , 421px 1541px #FFF , 357px 172px #FFF , 1834px 1027px #FFF , 35px 1572px #FFF , 1293px 288px #FFF , 893px 1938px #FFF , 1458px 1585px #FFF , 159px 618px #FFF , 1374px 607px #FFF , 1333px 1275px #FFF , 31px 1661px #FFF , 1705px 489px #FFF , 921px 310px #FFF , 685px 1316px #FFF , 1668px 640px #FFF , 1334px 1570px #FFF , 1250px 1809px #FFF , 733px 1235px #FFF , 424px 597px #FFF , 859px 1346px #FFF , 1392px 1684px #FFF , 50px 1094px #FFF , 1168px 1174px #FFF , 1729px 1328px #FFF , 801px 1021px #FFF , 457px 976px #FFF , 437px 129px #FFF , 1487px 92px #FFF , 1722px 922px #FFF , 326px 597px #FFF , 1276px 742px #FFF , 549px 1894px #FFF , 478px 1627px #FFF , 161px 958px #FFF , 1206px 1948px #FFF , 317px 1397px #FFF , 1864px 1410px #FFF , 836px 639px #FFF , 854px 659px #FFF , 1747px 207px #FFF , 749px 1229px #FFF , 122px 934px #FFF , 970px 1543px #FFF , 1709px 589px #FFF , 1025px 1858px #FFF , 1785px 886px #FFF , 247px 279px #FFF , 1870px 1651px #FFF , 1742px 554px #FFF , 361px 679px #FFF , 574px 1953px #FFF , 833px 1237px #FFF , 1442px 744px #FFF , 1752px 183px #FFF , 537px 494px #FFF , 944px 1713px #FFF , 1624px 366px #FFF , 216px 723px #FFF , 37px 567px #FFF , 272px 1053px #FFF , 1166px 1106px #FFF , 485px 1489px #FFF , 542px 68px #FFF , 1481px 297px #FFF , 1748px 1686px #FFF , 1162px 991px #FFF , 1579px 1753px #FFF , 1159px 136px #FFF , 1427px 1480px #FFF , 1207px 1456px #FFF , 1606px 1714px #FFF , 531px 1143px #FFF , 1368px 647px #FFF , 1070px 338px #FFF , 22px 340px #FFF , 753px 988px #FFF , 572px 588px #FFF , 1559px 1502px #FFF , 391px 19px #FFF , 1418px 1818px #FFF , 185px 842px #FFF , 1123px 1347px #FFF , 212px 1330px #FFF , 1082px 380px #FFF , 1740px 1584px #FFF , 1793px 1113px #FFF , 1444px 1982px #FFF , 889px 680px #FFF , 168px 624px #FFF , 1722px 1928px #FFF , 997px 1120px #FFF , 885px 933px #FFF , 1720px 1042px #FFF , 122px 978px #FFF , 1786px 693px #FFF , 38px 246px #FFF , 991px 1629px #FFF , 874px 590px #FFF;
}

#stars2 {
  width: 1px;
  height: 1px;
  position: absolute;
  z-index: 99;
  background: transparent;
  box-shadow: 141px 1796px #FFF , 74px 1780px #FFF , 1424px 1535px #FFF , 1261px 229px #FFF , 118px 987px #FFF , 1329px 1286px #FFF , 811px 507px #FFF , 53px 519px #FFF , 539px 1187px #FFF , 633px 997px #FFF , 404px 1214px #FFF , 965px 267px #FFF , 512px 1332px #FFF , 1px 1560px #FFF , 298px 82px #FFF , 162px 1555px #FFF , 1271px 76px #FFF , 1312px 263px #FFF , 699px 302px #FFF , 1567px 798px #FFF , 442px 1411px #FFF , 1739px 649px #FFF , 348px 1101px #FFF , 1407px 1306px #FFF , 1745px 320px #FFF , 1104px 214px #FFF , 1493px 13px #FFF , 660px 942px #FFF , 171px 1819px #FFF , 1005px 1993px #FFF , 1567px 1323px #FFF , 1140px 1001px #FFF , 811px 1121px #FFF , 1357px 1644px #FFF , 1901px 1802px #FFF , 1619px 936px #FFF , 1353px 681px #FFF , 523px 1449px #FFF , 1772px 82px #FFF , 623px 1092px #FFF , 501px 834px #FFF , 714px 522px #FFF , 1727px 1234px #FFF , 489px 568px #FFF , 1121px 1592px #FFF , 1258px 1891px #FFF , 1874px 1707px #FFF , 1985px 760px #FFF , 1505px 1250px #FFF , 217px 256px #FFF , 1559px 17px #FFF , 145px 996px #FFF , 619px 536px #FFF , 819px 337px #FFF , 1041px 1060px #FFF , 1722px 1039px #FFF , 921px 988px #FFF , 617px 1330px #FFF , 832px 405px #FFF , 1812px 1899px #FFF , 341px 30px #FFF , 87px 732px #FFF , 252px 119px #FFF , 1726px 1731px #FFF , 662px 110px #FFF , 878px 1577px #FFF , 1576px 1615px #FFF , 637px 1473px #FFF , 850px 1447px #FFF , 889px 820px #FFF , 1167px 1388px #FFF , 931px 1803px #FFF , 1727px 53px #FFF , 1796px 402px #FFF , 328px 1012px #FFF , 1907px 228px #FFF , 1892px 1984px #FFF , 577px 334px #FFF , 655px 1432px #FFF , 487px 1408px #FFF , 35px 371px #FFF , 79px 1736px #FFF , 1703px 362px #FFF , 1840px 1295px #FFF , 544px 681px #FFF , 1980px 1396px #FFF , 1254px 699px #FFF , 90px 1198px #FFF , 233px 879px #FFF , 1043px 469px #FFF , 415px 1913px #FFF , 1182px 869px #FFF , 1148px 1193px #FFF , 843px 938px #FFF , 843px 1581px #FFF , 761px 488px #FFF , 990px 1100px #FFF , 1156px 346px #FFF , 957px 859px #FFF , 138px 850px #FFF , 617px 1678px #FFF , 1587px 2px #FFF , 293px 1230px #FFF , 1469px 1720px #FFF , 499px 790px #FFF , 1054px 738px #FFF , 1042px 1804px #FFF , 122px 1672px #FFF , 577px 573px #FFF , 1657px 645px #FFF , 1783px 647px #FFF , 1908px 468px #FFF , 613px 1770px #FFF , 158px 624px #FFF , 1599px 50px #FFF , 464px 897px #FFF , 649px 436px #FFF , 1841px 690px #FFF , 519px 1762px #FFF , 511px 1625px #FFF , 483px 1821px #FFF , 1587px 633px #FFF , 538px 785px #FFF , 1791px 1069px #FFF , 880px 221px #FFF , 565px 1192px #FFF , 1003px 465px #FFF , 277px 1361px #FFF , 404px 1173px #FFF , 1273px 1890px #FFF , 1090px 140px #FFF , 1662px 1871px #FFF , 878px 1487px #FFF , 1329px 415px #FFF , 1379px 1523px #FFF , 1717px 36px #FFF , 1121px 533px #FFF , 1245px 801px #FFF , 599px 381px #FFF , 431px 1034px #FFF , 302px 1706px #FFF , 1945px 131px #FFF , 1189px 175px #FFF , 1853px 1944px #FFF , 1483px 1407px #FFF , 725px 653px #FFF , 192px 752px #FFF , 1786px 244px #FFF , 1726px 1332px #FFF , 88px 1439px #FFF , 206px 1490px #FFF , 1239px 89px #FFF , 748px 86px #FFF , 1265px 1914px #FFF , 1919px 863px #FFF , 597px 1336px #FFF , 837px 1791px #FFF , 377px 913px #FFF , 1638px 1174px #FFF , 1096px 230px #FFF , 1585px 634px #FFF , 883px 1350px #FFF , 875px 416px #FFF , 146px 1375px #FFF , 1675px 380px #FFF , 1676px 1308px #FFF , 139px 605px #FFF , 1104px 711px #FFF , 1540px 1035px #FFF , 554px 168px #FFF , 1221px 1452px #FFF , 195px 636px #FFF , 1526px 383px #FFF , 110px 1846px #FFF , 909px 1772px #FFF , 74px 1338px #FFF , 1425px 1082px #FFF , 1119px 1457px #FFF , 140px 688px #FFF , 851px 822px #FFF , 259px 1408px #FFF , 608px 1494px #FFF , 1741px 1556px #FFF , 40px 1359px #FFF , 1368px 1881px #FFF , 33px 1746px #FFF , 1425px 716px #FFF , 1382px 1790px #FFF , 1640px 307px #FFF , 994px 845px #FFF , 1315px 535px #FFF , 409px 1404px #FFF , 33px 719px #FFF , 457px 1px #FFF , 4px 392px #FFF , 1894px 1061px #FFF , 881px 1391px #FFF , 567px 1987px #FFF , 465px 923px #FFF , 1600px 1980px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 141px 1796px #FFF , 74px 1780px #FFF , 1424px 1535px #FFF , 1261px 229px #FFF , 118px 987px #FFF , 1329px 1286px #FFF , 811px 507px #FFF , 53px 519px #FFF , 539px 1187px #FFF , 633px 997px #FFF , 404px 1214px #FFF , 965px 267px #FFF , 512px 1332px #FFF , 1px 1560px #FFF , 298px 82px #FFF , 162px 1555px #FFF , 1271px 76px #FFF , 1312px 263px #FFF , 699px 302px #FFF , 1567px 798px #FFF , 442px 1411px #FFF , 1739px 649px #FFF , 348px 1101px #FFF , 1407px 1306px #FFF , 1745px 320px #FFF , 1104px 214px #FFF , 1493px 13px #FFF , 660px 942px #FFF , 171px 1819px #FFF , 1005px 1993px #FFF , 1567px 1323px #FFF , 1140px 1001px #FFF , 811px 1121px #FFF , 1357px 1644px #FFF , 1901px 1802px #FFF , 1619px 936px #FFF , 1353px 681px #FFF , 523px 1449px #FFF , 1772px 82px #FFF , 623px 1092px #FFF , 501px 834px #FFF , 714px 522px #FFF , 1727px 1234px #FFF , 489px 568px #FFF , 1121px 1592px #FFF , 1258px 1891px #FFF , 1874px 1707px #FFF , 1985px 760px #FFF , 1505px 1250px #FFF , 217px 256px #FFF , 1559px 17px #FFF , 145px 996px #FFF , 619px 536px #FFF , 819px 337px #FFF , 1041px 1060px #FFF , 1722px 1039px #FFF , 921px 988px #FFF , 617px 1330px #FFF , 832px 405px #FFF , 1812px 1899px #FFF , 341px 30px #FFF , 87px 732px #FFF , 252px 119px #FFF , 1726px 1731px #FFF , 662px 110px #FFF , 878px 1577px #FFF , 1576px 1615px #FFF , 637px 1473px #FFF , 850px 1447px #FFF , 889px 820px #FFF , 1167px 1388px #FFF , 931px 1803px #FFF , 1727px 53px #FFF , 1796px 402px #FFF , 328px 1012px #FFF , 1907px 228px #FFF , 1892px 1984px #FFF , 577px 334px #FFF , 655px 1432px #FFF , 487px 1408px #FFF , 35px 371px #FFF , 79px 1736px #FFF , 1703px 362px #FFF , 1840px 1295px #FFF , 544px 681px #FFF , 1980px 1396px #FFF , 1254px 699px #FFF , 90px 1198px #FFF , 233px 879px #FFF , 1043px 469px #FFF , 415px 1913px #FFF , 1182px 869px #FFF , 1148px 1193px #FFF , 843px 938px #FFF , 843px 1581px #FFF , 761px 488px #FFF , 990px 1100px #FFF , 1156px 346px #FFF , 957px 859px #FFF , 138px 850px #FFF , 617px 1678px #FFF , 1587px 2px #FFF , 293px 1230px #FFF , 1469px 1720px #FFF , 499px 790px #FFF , 1054px 738px #FFF , 1042px 1804px #FFF , 122px 1672px #FFF , 577px 573px #FFF , 1657px 645px #FFF , 1783px 647px #FFF , 1908px 468px #FFF , 613px 1770px #FFF , 158px 624px #FFF , 1599px 50px #FFF , 464px 897px #FFF , 649px 436px #FFF , 1841px 690px #FFF , 519px 1762px #FFF , 511px 1625px #FFF , 483px 1821px #FFF , 1587px 633px #FFF , 538px 785px #FFF , 1791px 1069px #FFF , 880px 221px #FFF , 565px 1192px #FFF , 1003px 465px #FFF , 277px 1361px #FFF , 404px 1173px #FFF , 1273px 1890px #FFF , 1090px 140px #FFF , 1662px 1871px #FFF , 878px 1487px #FFF , 1329px 415px #FFF , 1379px 1523px #FFF , 1717px 36px #FFF , 1121px 533px #FFF , 1245px 801px #FFF , 599px 381px #FFF , 431px 1034px #FFF , 302px 1706px #FFF , 1945px 131px #FFF , 1189px 175px #FFF , 1853px 1944px #FFF , 1483px 1407px #FFF , 725px 653px #FFF , 192px 752px #FFF , 1786px 244px #FFF , 1726px 1332px #FFF , 88px 1439px #FFF , 206px 1490px #FFF , 1239px 89px #FFF , 748px 86px #FFF , 1265px 1914px #FFF , 1919px 863px #FFF , 597px 1336px #FFF , 837px 1791px #FFF , 377px 913px #FFF , 1638px 1174px #FFF , 1096px 230px #FFF , 1585px 634px #FFF , 883px 1350px #FFF , 875px 416px #FFF , 146px 1375px #FFF , 1675px 380px #FFF , 1676px 1308px #FFF , 139px 605px #FFF , 1104px 711px #FFF , 1540px 1035px #FFF , 554px 168px #FFF , 1221px 1452px #FFF , 195px 636px #FFF , 1526px 383px #FFF , 110px 1846px #FFF , 909px 1772px #FFF , 74px 1338px #FFF , 1425px 1082px #FFF , 1119px 1457px #FFF , 140px 688px #FFF , 851px 822px #FFF , 259px 1408px #FFF , 608px 1494px #FFF , 1741px 1556px #FFF , 40px 1359px #FFF , 1368px 1881px #FFF , 33px 1746px #FFF , 1425px 716px #FFF , 1382px 1790px #FFF , 1640px 307px #FFF , 994px 845px #FFF , 1315px 535px #FFF , 409px 1404px #FFF , 33px 719px #FFF , 457px 1px #FFF , 4px 392px #FFF , 1894px 1061px #FFF , 881px 1391px #FFF , 567px 1987px #FFF , 465px 923px #FFF , 1600px 1980px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1056px 1476px #FFF , 845px 746px #FFF , 1521px 1911px #FFF , 1953px 468px #FFF , 1385px 345px #FFF , 134px 304px #FFF , 525px 826px #FFF , 1563px 341px #FFF , 282px 1196px #FFF , 758px 464px #FFF , 752px 635px #FFF , 1026px 1999px #FFF , 1056px 518px #FFF , 653px 1273px #FFF , 1779px 35px #FFF , 1874px 1308px #FFF , 1921px 606px #FFF , 1371px 1845px #FFF , 632px 700px #FFF , 773px 1132px #FFF , 1279px 1226px #FFF , 634px 1241px #FFF , 1130px 571px #FFF , 1385px 1892px #FFF , 1625px 1748px #FFF , 44px 680px #FFF , 948px 858px #FFF , 765px 1350px #FFF , 334px 393px #FFF , 1598px 726px #FFF , 1206px 1528px #FFF , 1994px 264px #FFF , 1504px 832px #FFF , 1755px 480px #FFF , 434px 87px #FFF , 316px 1857px #FFF , 687px 387px #FFF , 27px 1851px #FFF , 951px 1755px #FFF , 783px 463px #FFF , 173px 1742px #FFF , 661px 221px #FFF , 1131px 799px #FFF , 1809px 175px #FFF , 267px 723px #FFF , 1719px 1208px #FFF , 148px 707px #FFF , 330px 337px #FFF , 1691px 1012px #FFF , 175px 632px #FFF , 587px 1879px #FFF , 805px 673px #FFF , 579px 1492px #FFF , 518px 496px #FFF , 1757px 1097px #FFF , 1407px 62px #FFF , 303px 1132px #FFF , 909px 62px #FFF , 641px 42px #FFF , 1159px 1790px #FFF , 453px 18px #FFF , 357px 1407px #FFF , 1641px 1753px #FFF , 1724px 27px #FFF , 739px 1707px #FFF , 612px 954px #FFF , 709px 1770px #FFF , 1286px 524px #FFF , 1819px 383px #FFF , 1893px 1809px #FFF , 265px 1213px #FFF , 142px 1713px #FFF , 837px 241px #FFF , 1802px 1230px #FFF , 1616px 345px #FFF , 903px 1447px #FFF , 1572px 173px #FFF , 1767px 1154px #FFF , 1697px 1731px #FFF , 1934px 1105px #FFF , 813px 159px #FFF , 659px 1190px #FFF , 1420px 1370px #FFF , 862px 1313px #FFF , 786px 1489px #FFF , 1494px 1291px #FFF , 129px 773px #FFF , 177px 352px #FFF , 1195px 652px #FFF , 347px 1694px #FFF , 827px 1894px #FFF , 214px 1391px #FFF , 830px 616px #FFF , 811px 1907px #FFF , 462px 728px #FFF , 24px 989px #FFF , 541px 975px #FFF , 312px 485px #FFF , 302px 1787px #FFF , 1118px 787px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1056px 1476px #FFF , 845px 746px #FFF , 1521px 1911px #FFF , 1953px 468px #FFF , 1385px 345px #FFF , 134px 304px #FFF , 525px 826px #FFF , 1563px 341px #FFF , 282px 1196px #FFF , 758px 464px #FFF , 752px 635px #FFF , 1026px 1999px #FFF , 1056px 518px #FFF , 653px 1273px #FFF , 1779px 35px #FFF , 1874px 1308px #FFF , 1921px 606px #FFF , 1371px 1845px #FFF , 632px 700px #FFF , 773px 1132px #FFF , 1279px 1226px #FFF , 634px 1241px #FFF , 1130px 571px #FFF , 1385px 1892px #FFF , 1625px 1748px #FFF , 44px 680px #FFF , 948px 858px #FFF , 765px 1350px #FFF , 334px 393px #FFF , 1598px 726px #FFF , 1206px 1528px #FFF , 1994px 264px #FFF , 1504px 832px #FFF , 1755px 480px #FFF , 434px 87px #FFF , 316px 1857px #FFF , 687px 387px #FFF , 27px 1851px #FFF , 951px 1755px #FFF , 783px 463px #FFF , 173px 1742px #FFF , 661px 221px #FFF , 1131px 799px #FFF , 1809px 175px #FFF , 267px 723px #FFF , 1719px 1208px #FFF , 148px 707px #FFF , 330px 337px #FFF , 1691px 1012px #FFF , 175px 632px #FFF , 587px 1879px #FFF , 805px 673px #FFF , 579px 1492px #FFF , 518px 496px #FFF , 1757px 1097px #FFF , 1407px 62px #FFF , 303px 1132px #FFF , 909px 62px #FFF , 641px 42px #FFF , 1159px 1790px #FFF , 453px 18px #FFF , 357px 1407px #FFF , 1641px 1753px #FFF , 1724px 27px #FFF , 739px 1707px #FFF , 612px 954px #FFF , 709px 1770px #FFF , 1286px 524px #FFF , 1819px 383px #FFF , 1893px 1809px #FFF , 265px 1213px #FFF , 142px 1713px #FFF , 837px 241px #FFF , 1802px 1230px #FFF , 1616px 345px #FFF , 903px 1447px #FFF , 1572px 173px #FFF , 1767px 1154px #FFF , 1697px 1731px #FFF , 1934px 1105px #FFF , 813px 159px #FFF , 659px 1190px #FFF , 1420px 1370px #FFF , 862px 1313px #FFF , 786px 1489px #FFF , 1494px 1291px #FFF , 129px 773px #FFF , 177px 352px #FFF , 1195px 652px #FFF , 347px 1694px #FFF , 827px 1894px #FFF , 214px 1391px #FFF , 830px 616px #FFF , 811px 1907px #FFF , 462px 728px #FFF , 24px 989px #FFF , 541px 975px #FFF , 312px 485px #FFF , 302px 1787px #FFF , 1118px 787px #FFF;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

.hero-title {
    transform: translateY(-150px);
    opacity: 0;
    animation:fadeInTitle 500ms 1s forwards ease;
}

.new-jobs-w {
    transform: translateX(-150px);
    opacity: 0;
    animation:fadeInTitle 500ms 1.5s forwards ease;
}

.badgeContainer {
    margin-top:-100px;
    opacity: 0;
    animation:fadeInTitleSecond 500ms 1.2s forwards ease;
}

@keyframes fadeInTitleSecond {
    100% {
        margin-top:0;
        opacity:1;
    }
}

@keyframes fadeInTitle {
    100% {
        transform:none;
        opacity:1;
    }
}

div.glowEffect {
  position: absolute;
  top: 0;
  left:-100px;
  width: 1px;
  height: 1px;
  z-index: 60;
  border-radius: 50%;
  background-color: #fff;
  box-shadow:
    0 0 60px 30px #fff,
    0 0 100px 60px #02518f,
    0 0 140px 90px #02518f;
    opacity: 0;
    animation:glowEffect 10s 1.2s infinite ease;
}


div.glowEffectRight {
  position: absolute;
  bottom: 0;
  right:-100px;
  width: 1px;
  height: 1px;
  z-index: 60;
  border-radius: 50%;
  background-color: #fff;
  box-shadow:
    0 0 60px 30px #fff,
    0 0 100px 60px #02518f,
    0 0 140px 90px #02518f;
    opacity: 0;
    animation:glowEffectSecond 12s 1.2s infinite ease;
}

@keyframes glowEffectSecond {
    60% {
        opacity:.2;
        transform:scale(2) skew(30deg);
    }
}


@keyframes glowEffect {
    60% {
        opacity:.2;
        transform:scale(2) skew(50deg);
    }
}

@media (min-width:998px) {
    @keyframes glowEffectSecond {
    60% {
        opacity:.2;
        transform:scale(4) skew(30deg);
    }
}


@keyframes glowEffect {
    60% {
        opacity:.2;
        transform:scale(5) skew(50deg);
    }
}
}

@media (max-width: 991px) {
    .nav-container {
    z-index: 1;
    }
    .w-nav-overlay {
        top: 0;
        z-index: 0;
    }
    .nav-menu {
        background-color: #02518f;
        padding-top: 7em;
    }
}

.section a {
     -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

a.whatsapp {
    position: absolute;
    top: .5em;
    right: 17em;
    color: white;
    text-decoration: none;
    font-size: .8em;
    padding: 1em 3.5em 1em 0em;
    background-position: 86% 50%;
    background-size: auto 2em;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='whatsapp' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-whatsapp fa-w-14 fa-2x'%3E%3Cpath fill='%23ffffff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z' class=''%3E%3C/path%3E%3C/svg%3E");
}

@media (max-width: 991px) {
    a.whatsapp {
        background-size: 3em;
        height: 3em;
        top: 2.75em;
        right: 17em;
    }
    a.whatsapp span {
        display: none;
    }
}

@media (max-width: 767px) {
    a.whatsapp {
        background-size: 3em;
        height: 3em;
        top: 3em;
        right: 17em;
    }
}

details[open] > summary {
    visibility: hidden;
    display: none;
}

.menudepth1 {
    padding:0 30px;
}

@media (min-width: 767px) {
    .menudepth1 {
    padding: 0 0 0 30px;
}
}

.shortpoints ul {
    padding: 0 0 0 13px;
}

.shortpoints ul li:nth-child(1) {
    padding: 0.5em 0 0 0;
    background-image: url(https://www.khb-personalmanagement.de/uploads/images/location-dot-regular.png);
    background-position: 0px 10px;
    background-repeat: no-repeat;
    background-size: auto 1em;
    padding-left: 2em;
}

.shortpoints ul li:nth-child(2) {
    padding: 0.5em 0 0 0;
    background-image: url(https://www.khb-personalmanagement.de/uploads/images/sack-regular.png);
    background-position: 0px 10px;
    background-repeat: no-repeat;
    background-size: auto 1em;
    padding-left: 2em;
}

.shortpoints ul li:nth-child(3) {
    padding: 0.5em 0 0 0;
    background-image: url(https://www.khb-personalmanagement.de/uploads/images/clock-regular.png);
    background-position: 0px 10px;
    background-repeat: no-repeat;
    background-size: auto 1em;
    padding-left: 2em;
}

.shortpoints ul li:nth-child(4) {
    padding: 0.5em 0 0 0;
    background-image: url(https://www.khb-personalmanagement.de/uploads/images/user-regular.png);
    background-position: 0px 10px;
    background-repeat: no-repeat;
    background-size: auto 1em;
    padding-left: 2em;
}

.hero-parallax .bx-viewport {
    height: 100vh!important;
    width: auto;
}

.hero-parallax img {
      height: 100vh;
    width: 100%;
    object-fit: cover;
}

.hero-parallax .bx-wrapper{
    width: auto;
    height: 100%;
    border: none;
}

.hero-parallax .bx-wrapper:before {
    background-color: #000;
    opacity: 0.4;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50;
}
    
.hero-parallax .bx-wrapper .bx-controls{
    content-visibility: hidden;
}

.btnAdvertise-Whatsapp {
    position: fixed;
    width: 250px;
    right: 0;
    top: 40%;
    transform: translateY(calc(-50% + 122px)) translateX(150%);
    color: white;
    text-decoration: none;
    background: none;
    box-shadow: 0px 10px 15px rgba(0,0,0,.1);
    text-align: left;
    padding: 15px 20px;
    font-size: 18px;
    border-radius: 3px;
    z-index: 99999;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 70px;
    transition:300ms all;
    display: none;
    animation:fadeInButton 600ms 2.5s forwards ease-in-out;
}

.index.btnAdvertise-Whatsapp {
    transform: translateY(calc(-50% + 135px)) translateX(150%);
    animation:fadeInButtonIndex 600ms 1s forwards ease-in-out;
}

@keyframes fadeInButton {
    100% {
        transform: translateY(calc(-50% + 122px));
    }
}

@keyframes fadeInButtonIndex {
    100% {
        transform: translateY(calc(-50% + 135px));
    }
}

.btnAdvertise-Whatsapp:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 0;
    right: 0;
    width: 105%;
    height: 100%;
    transition:300ms all;
    background: #d97502;
    z-index: -2;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btnAdvertise-Whatsapp:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom:0;
    width: 100%;
    height: 100%;
    background: #ee7f00;
    z-index: -1;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
}

.btnAdvertise-Whatsapp:hover:before {
    top: 0;
    left: 0;
}

@media (min-width: 998px) {
    .btnAdvertise-Whatsapp {
        display:block;
    }
}

.btnAdvertise-Whatsapp:hover {
    box-shadow: 0px 10px 30px rgba(0,0,0,.5);
    padding-right: 50px;
}

.btnAdvertise-Whatsapp span {
    display: block;
}

.btnAdvertise-Whatsapp .svgBag {
    position: absolute;
    width: 38px;
    left: 17px;
}

.btnAdvertise-Whatsapp .nextArr {
    position: absolute;
    right: 10px;
    width: 20px;
    transition:400ms all;
    top: 50%;
    transform: translateY(-50%) translateX(50px);
}

.btnAdvertise-Whatsapp:hover .nextArr {
    transform: translateY(-50%) ;
}

h3.new-job {
    hyphens: auto;
}
/* cmsms stylesheet: inline-khb modified: 09.05.2017 13:24:02 */
.job-teaser-w::after {
    	content: '';
        position: absolute;
        right: 0;
        bottom: 22px;
        height: 3px;
        width: 15px;
        background-color: #02518f;
        	-webkit-transition: background-color 300ms ease;
    	transition: background-color 300ms ease;
    }
    .job-teaser-w::before {
        content: '';
        position: absolute;
        right: 6px;
        bottom: 16px;
        height: 15px;
        width: 3px;
        background-color: #02518f;
      	-webkit-transition: background-color 300ms ease;
    	transition: background-color 300ms ease;
    }
    .job-teaser-w:hover::after, .job-teaser-w:hover::before {
      background-color: #ee7f00;
      }
    .tile.offer {
      display: inline-flex;
      }
    .wrapper {
           font-size: calc( 11px + ( 16 - 11 ) * ( 100vw - 400px ) / ( 1660 - 400 ) );
    }
      .new-job-w::after {
        content:'';
        position: absolute;
        width: 100%;
        height: 0.3em;
        left: 0;
        right: 0;
        bottom: -0.2em;
        background-color:#ffa53e;
        z-index:1;
      }
      .w-slider-dot {
        background-color: rgba(2, 81, 143, 0.63);
      }
      .w-slider-dot.w-active {
        background-color: #02518f;
    }
      .section-w.blue h2 { margin-top: 0; }
      .section-w.blue p, .section-w.blue h2 {
        color: #fff;
      }
      .btn-subline a { text-decoration: underline; }
     /* Paper-Ripple */
    .ripplelink {
      text-decoration:none;
      position:relative;
      overflow:hidden;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      z-index:0;
    }
    .ink {
      z-index: 1;
      display: block;
      position: absolute;
      background:rgba(255, 255, 255, 0.5);
      border-radius: 100%;
      -webkit-transform:scale(0);
         -moz-transform:scale(0);
           -o-transform:scale(0);
              transform:scale(0);
    }
    .animate {
    	-webkit-animation:ripple 0.65s linear;
       -moz-animation:ripple 0.65s linear;
        -ms-animation:ripple 0.65s linear;
         -o-animation:ripple 0.65s linear;
            animation:ripple 0.65s linear;
    }
    @-webkit-keyframes ripple {
        100% {opacity: 0; -webkit-transform: scale(2.5);}
    }
    @-moz-keyframes ripple {
        100% {opacity: 0; -moz-transform: scale(2.5);}
    }
    @-o-keyframes ripple {
        100% {opacity: 0; -o-transform: scale(2.5);}
    }
    @keyframes ripple {
        100% {opacity: 0; transform: scale(2.5);}
    }
    /* End-Paper-Ripple */
    .map-gradient-r {
        background-image: linear-gradient(90deg,transparent,#fff);
    }
    /* Navigation Animation */
    @media (min-width: 991px) {
    .navbar.down .brand {
        width: 7em;
        height: 5em;
      }
    .navbar.down .number {
      opacity: 0;
      -webkit-transform: translate(0, -1em);
    -moz-transform: translate(0, -1em);
    -ms-transform: translate(0, -1em);
    -o-transform: translate(0, -1em);
    transform: translate(0, -1em);
      }
      }
    @media (max-width: 991px) {
    .navbar {
      -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
      -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
      }
    .navbar.down {
      /*-webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;*/
      }
    .mobile-cta-w.down  {
      -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
      -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
      }
    .mobile-cta-w {
      -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
      }
      }
    @media (max-width: 991px) {
    .navbar.down .menu-button {
        margin-top: 0em;
    }   
    }
/* cmsms stylesheet: Cookiebot modified: 04.08.2021 13:28:06 */
.cookiebot-dec .col-inner {
	 padding-top: 0;
}
 #CybotCookiebotDialog p, #CybotCookiebotDialog span, #CybotCookiebotDialog a {
	 font-size: 16px;
	 font-family: Roboto, sans-serif !important;
	 line-height: 1.5 !important;
}
 #CybotCookiebotDialogPoweredbyLink {
	 display: none;
}
 #CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
	 padding: 15px;
	 display: inline-block !important;
	 margin-bottom: 1em;
}
 #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
	 border: none;
	 padding: 0 !important;
	 background: transparent;
	 color: #000;
	 width: auto !important;
	 order: 3;
}
 #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
	 width: 100%;
	 display: flex !important;
	 flex-wrap: wrap;
	 justify-content: flex-end;
}
 #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
	 order: 1;
	 font-size: 1.5em !important;
	 height: auto !important;
	 border-radius: 2em;
}
 #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
	 order: 2;
	 font-size: 1.5em !important;
	 height: auto !important;
	 border-radius: 2em;
}
 #CybotCookiebotDialogBodyContent {
	 font-size: 1rem !important;
	 line-height: 1.7em !important;
	 padding: 0px !important;
	 margin-left: 6px;
}
 #CybotCookiebotDialogBodyLevelButtons {
	 margin-left: 0 !important;
}
 #CybotCookiebotDialogBodyLevelButtonsTable {
	 width: 100% !important;
}
 #CybotCookiebotDialogBodyContentTitle {
	 font-size: 1.5em !important;
	 margin-bottom: 0.75em !important;
	 margin-top: 1em !important;
}
 #CybotCookiebotDialog br, #CybotCookiebotDialog div, #CybotCookiebotDialog td {
	 line-height: 1.5em !important;
}
 #CybotCookiebotDialogBody {
	 max-width: 767px !important;
}
 #CybotCookiebotDialogBodyLevelButtonsRow {
	 font-size: 18px !important;
}
 #CybotCookiebotDialog {
	 box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
}
 #CybotCookiebotDialogBodyLevelDetailsWrapper {
	 max-width: 5em !important;
	 border-radius: 0 1em 1em 0 !important;
}
 #CybotCookiebotDialogBodyLevelButtonsSelectPane {
	 border-radius: 1em 0 0 1em !important;
}
 #CybotCookiebotDialogBodyLevelButtons {
	 margin-left: 12px !important;
	 width: calc(100% - 12px);
}
 #CybotCookiebotDialogBodyLevelDetailsButton {
	 background-position-y: center !important;
}
 .rendered-form [type=checkbox] {
	 display: block !important;
	 opacity: 0;
}
 .cookiebot-dec {
	 padding-top: 0;
}
 .cookiebot-dec:before {
	 display: none;
}
 #CybotCookiebotDialogBodyButtons {
	 padding-left: 0px !important;
}
 #CybotCookiebotDialogBodyButtonDecline {
	 padding: 0 !important;
	 background: transparent !important;
	 color: #212529 !important;
	 border: none !important;
	 font-weight: 300;
	 font-size: 1em !important;
	 width: 100% !important;
	 text-align: left;
}
 #CybotCookiebotDialogBodyContentText {
	 color: #212529 !important;
	 font-weight: 500;
	 font-size: 1em !important;
}
 #CybotCookiebotDialogBodyContentText p {
	 font-size: 1em !important;
	 line-height: 1.3em;
}
 #CybotCookiebotDialog div {
	 font-size: 1rem;
}
 #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyLink {
	 font-weight: 300;
	 font-size: 1em !important;
}
 #CybotCookiebotDialogBody {
	 max-width: 100% !important;
}
 #CybotCookiebotDialogBodyContentTitle {
	 font-size: 1.2em;
	 font-weight: 600;
	 line-height: 1.1em;
	 color: #ee7f00;
	 margin-top: 0 !important;
}
 @media (min-width: 768px) {
	 #CybotCookiebotDialogBodyContentTitle {
		 font-size: 2.5em;
	}
}
 #CybotCookiebotDialogBodyButtonAccept {
	 width: 50% !important;
	 margin-top: 0 !important;
	 margin-bottom: 0 !important;
	 background-color: #ee7f00 !important;
	 border: none !important;
	 border-radius: 0em;
}
 #CybotCookiebotDialogBodyButtonDetails {
	 font-weight: 500;
	 font-size: 1rem !important;
	 padding: 0 !important;
	 background-image: none !important;
	 margin: 0 !important;
}
 #CybotCookiebotDialogBodyButtons {
	 display: flex !important;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 align-items: center;
}
 #CybotCookiebotDialog {
	 border-color: #fff;
}
 #CybotCookiebotDialog {
	 padding: 20px !important;
	 box-shadow: none !important;
	 position: fixed !important;
	 width: 90% !important;
	 max-width: 900px !important;
	 left: 50% !important;
	 transform: translateX(-50%) !important;
	 overflow: hidden !important;
	 bottom: 0 !important;
	 top: auto !important;
	 box-shadow: 0 15px 350px #000 !important;
	 max-height: 70vh;
	 border-radius: 0 !important;
	 overflow-y: scroll !important;
	 border: 0 !important;
	 margin: 0 !important;
}
 @media (min-width: 992px) {
	 #CybotCookiebotDialog {
		 overflow: hidden !important;
		 padding: 50px !important;
		 bottom: auto !important;
		 top: 50% !important;
		 transform: translate(-50%, -50%) !important;
		 box-shadow: 0 55px 100px rgba(0, 0, 0, .2) !important;
	}
}
 #CybotCookiebotDialogBodyContentText {
	 margin-bottom: 0 !important;
}
 #CybotCookiebotDialogBodyButtonDecline {
	 margin-top: 0 !important;
	 margin-bottom: 2em !important;
	 font-size: 16px !important;
}
 .CybotCookiebotDialogBodyButton {
	 font-size: 1em !important;
}
 body.impressum, body.datenschutz {
	 overflow: scroll !important;
}
 body.impressum #CybotCookiebotDialog, body.datenschutz #CybotCookiebotDialog {
	 text-rendering: geometricPrecision;
	 position: relative !important;
	 transform: none !important;
	 overflow: visible !important;
	 left: 0 !important;
	 top: 0 !important;
	 margin: 0 auto !important;
	 max-width: 100% !important;
	 box-shadow: none !important;
}
 body.impressum #CybotCookiebotDialogBodyUnderlay, body.datenschutz #CybotCookiebotDialogBodyUnderlay {
	 display: none !important;
}
 @media (max-width: 767px) {
	 #CybotCookiebotDialogBodyButtons {
		 margin: 0 !important;
	}
	 #CybotCookiebotDialogBodyContent {
		 padding: 0 !important;
		 margin-left: -6px !important;
	}
}
 #CybotCookiebotDialogBody {
	 max-width: 990px !important;
	 margin: 0 auto;
}
#more_info_text {
    margin-bottom: 0;
}
div#CybotCookiebotDialogBodyContent > * {
    margin-left: 18px;
}
@media (max-width: 600px) {
div#CybotCookiebotDialogBodyContent > * {
    margin-left: 10px;
}
}
#CybotCookiebotDialogDetailBody {
    max-width: 990px !important;
    padding: 0 17px !important;
    margin: 0 auto;
}
