@charset "UTF-8";
/*******
*
*	main.scss
*
********/
/*******
*
*	Vendor-Files, imported from bower => call "bower install"
*
********/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** 1. Remove the bottom border in Chrome 57- and Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

/*******
*
*	Use Bootstrap as Grid-System, add and remove to your needs
*
********/
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 10px; -webkit-tap-highlight-color: transparent; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #333333; background-color: #fff; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #337ab7; text-decoration: none; }

a:hover, a:focus { color: #23527c; text-decoration: underline; }

a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 6px; }

.img-thumbnail { padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

[role="button"] { cursor: pointer; }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container:before, .container:after { content: " "; display: table; }

.container:after { clear: both; }

@media (min-width: 768px) { .container { width: 750px; } }

@media (min-width: 992px) { .container { width: 970px; } }

@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container-fluid:before, .container-fluid:after { content: " "; display: table; }

.container-fluid:after { clear: both; }

.row { margin-left: -15px; margin-right: -15px; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.33333%; }

.col-xs-2 { width: 16.66667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33333%; }

.col-xs-5 { width: 41.66667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.33333%; }

.col-xs-8 { width: 66.66667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.33333%; }

.col-xs-11 { width: 91.66667%; }

.col-xs-12 { width: 100%; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.33333%; }

.col-xs-pull-2 { right: 16.66667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.33333%; }

.col-xs-pull-5 { right: 41.66667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.33333%; }

.col-xs-pull-8 { right: 66.66667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.33333%; }

.col-xs-pull-11 { right: 91.66667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.33333%; }

.col-xs-push-2 { left: 16.66667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.33333%; }

.col-xs-push-5 { left: 41.66667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.33333%; }

.col-xs-push-8 { left: 66.66667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.33333%; }

.col-xs-push-11 { left: 91.66667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.33333%; }

.col-xs-offset-2 { margin-left: 16.66667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333%; }

.col-xs-offset-5 { margin-left: 41.66667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333%; }

.col-xs-offset-8 { margin-left: 66.66667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333%; }

.col-xs-offset-11 { margin-left: 91.66667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.33333%; }
  .col-sm-2 { width: 16.66667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.33333%; }
  .col-sm-5 { width: 41.66667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.33333%; }
  .col-sm-8 { width: 66.66667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.33333%; }
  .col-sm-11 { width: 91.66667%; }
  .col-sm-12 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333%; }
  .col-sm-pull-2 { right: 16.66667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333%; }
  .col-sm-pull-5 { right: 41.66667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.33333%; }
  .col-sm-pull-8 { right: 66.66667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333%; }
  .col-sm-pull-11 { right: 91.66667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333%; }
  .col-sm-push-2 { left: 16.66667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333%; }
  .col-sm-push-5 { left: 41.66667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.33333%; }
  .col-sm-push-8 { left: 66.66667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333%; }
  .col-sm-push-11 { left: 91.66667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.33333%; }
  .col-sm-offset-2 { margin-left: 16.66667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333%; }
  .col-sm-offset-5 { margin-left: 41.66667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333%; }
  .col-sm-offset-8 { margin-left: 66.66667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333%; }
  .col-sm-offset-11 { margin-left: 91.66667%; }
  .col-sm-offset-12 { margin-left: 100%; } }

@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.33333%; }
  .col-md-2 { width: 16.66667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333%; }
  .col-md-5 { width: 41.66667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333%; }
  .col-md-8 { width: 66.66667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333%; }
  .col-md-11 { width: 91.66667%; }
  .col-md-12 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333%; }
  .col-md-pull-2 { right: 16.66667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333%; }
  .col-md-pull-5 { right: 41.66667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.33333%; }
  .col-md-pull-8 { right: 66.66667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333%; }
  .col-md-pull-11 { right: 91.66667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333%; }
  .col-md-push-2 { left: 16.66667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333%; }
  .col-md-push-5 { left: 41.66667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.33333%; }
  .col-md-push-8 { left: 66.66667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333%; }
  .col-md-push-11 { left: 91.66667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.33333%; }
  .col-md-offset-2 { margin-left: 16.66667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333%; }
  .col-md-offset-5 { margin-left: 41.66667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333%; }
  .col-md-offset-8 { margin-left: 66.66667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333%; }
  .col-md-offset-11 { margin-left: 91.66667%; }
  .col-md-offset-12 { margin-left: 100%; } }

@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.33333%; }
  .col-lg-2 { width: 16.66667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.33333%; }
  .col-lg-5 { width: 41.66667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.33333%; }
  .col-lg-8 { width: 66.66667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.33333%; }
  .col-lg-11 { width: 91.66667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333%; }
  .col-lg-pull-2 { right: 16.66667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.33333%; }
  .col-lg-pull-5 { right: 41.66667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.33333%; }
  .col-lg-pull-8 { right: 66.66667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.33333%; }
  .col-lg-pull-11 { right: 91.66667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333%; }
  .col-lg-push-2 { left: 16.66667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.33333%; }
  .col-lg-push-5 { left: 41.66667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.33333%; }
  .col-lg-push-8 { left: 66.66667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.33333%; }
  .col-lg-push-11 { left: 91.66667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.33333%; }
  .col-lg-offset-2 { margin-left: 16.66667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333%; }
  .col-lg-offset-5 { margin-left: 41.66667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333%; }
  .col-lg-offset-8 { margin-left: 66.66667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333%; }
  .col-lg-offset-11 { margin-left: 91.66667%; }
  .col-lg-offset-12 { margin-left: 100%; } }

fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }

label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }

input[type="search"] { -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555555; }

.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }

.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-control::-moz-placeholder { color: #999; opacity: 1; }

.form-control:-ms-input-placeholder { color: #999; }

.form-control::-webkit-input-placeholder { color: #999; }

.form-control::-ms-expand { border: 0; background-color: transparent; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; }

.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

textarea.form-control { height: auto; }

input[type="search"] { -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] { line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] { line-height: 46px; } }

.form-group { margin-bottom: 15px; }

.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }

.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }

.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }

.radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; }

.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; }

.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; }

.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; }

.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.form-group-sm select.form-control { height: 30px; line-height: 30px; }

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; }

.form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }

.input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; }

.form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }

.form-group-lg select.form-control { height: 46px; line-height: 46px; }

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; }

.form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; }

.has-feedback { position: relative; }

.has-feedback .form-control { padding-right: 42.5px; }

.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; }

.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; }

.has-success .form-control-feedback { color: #3c763d; }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; }

.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; }

.has-warning .form-control-feedback { color: #8a6d3b; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; }

.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; }

.has-error .form-control-feedback { color: #a94442; }

.has-feedback label ~ .form-control-feedback { top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

@media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-static { display: inline-block; }
  .form-inline .input-group { display: inline-table; vertical-align: middle; }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
  .form-inline .input-group > .form-control { width: 100%; }
  .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback { top: 0; } }

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; }

.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; }

.form-horizontal .form-group { margin-left: -15px; margin-right: -15px; }

.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; }

.form-horizontal .form-group:after { clear: both; }

@media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback { right: 15px; }

@media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } }

@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } }

.input-group { position: relative; display: table; border-collapse: separate; }

.input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; }

.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; }

.input-group .form-control:focus { z-index: 3; }

.input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; }

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }

.input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }

.input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; }

.input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; }

.input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; }

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; }

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.input-group-addon:first-child { border-right: 0; }

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.input-group-addon:last-child { border-left: 0; }

.input-group-btn { position: relative; font-size: 0; white-space: nowrap; }

.input-group-btn > .btn { position: relative; }

.input-group-btn > .btn + .btn { margin-left: -1px; }

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; }

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; }

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; }

.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; }

.embed-responsive-16by9 { padding-bottom: 56.25%; }

.embed-responsive-4by3 { padding-bottom: 75%; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; }

.affix { position: fixed; }

@-ms-viewport { width: device-width; }

.visible-xs { display: none !important; }

.visible-sm { display: none !important; }

.visible-md { display: none !important; }

.visible-lg { display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) { .visible-xs { display: block !important; }
  table.visible-xs { display: table !important; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; } }

@media (max-width: 767px) { .visible-xs-block { display: block !important; } }

@media (max-width: 767px) { .visible-xs-inline { display: inline !important; } }

@media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; }
  table.visible-sm { display: table !important; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; }
  table.visible-md { display: table !important; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } }

@media (min-width: 1200px) { .visible-lg { display: block !important; }
  table.visible-lg { display: table !important; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; } }

@media (min-width: 1200px) { .visible-lg-block { display: block !important; } }

@media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } }

@media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } }

@media (max-width: 767px) { .hidden-xs { display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } }

@media (min-width: 1200px) { .hidden-lg { display: none !important; } }

.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table !important; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; } }

.visible-print-block { display: none !important; }

@media print { .visible-print-block { display: block !important; } }

.visible-print-inline { display: none !important; }

@media print { .visible-print-inline { display: inline !important; } }

.visible-print-inline-block { display: none !important; }

@media print { .visible-print-inline-block { display: inline-block !important; } }

@media print { .hidden-print { display: none !important; } }

/*******
*
*	define own Variables & Mixins
*
********/
/* enthält Variablen und Hilfsklassen, auf die die basic-Styles zurückgreifen. Wir können diese hier überschreiben. */
/**************** Add XL Screensize */
/**************** Grid */
/**************** Typography */
/**************** Font Colors */
/* Standardfarben */
.black { color: #000; }

.white { color: #fff; }

.bg-black { background-color: #000; }

.bg-white { background-color: #fff; }

/*Hauptfarben*/
.primary-color-1 { color: #ff3300; }

.primary-color-2 { color: #f4f4f4; }

.primary-color-3 { color: #b3b3b3; }

.primary-color-4 { color: #434A54; }

.primary-color-5 { color: #333333; }

.bg-primary-color-1 { background-color: #ff3300; }

.bg-primary-color-2 { background-color: #f4f4f4; }

.bg-primary-color-3 { background-color: #b3b3b3; }

.bg-primary-color-4 { background-color: #434A54; }

.bg-primary-color-5 { background-color: #333333; }

/* Sekundärfarben */
.secondary-color-1 { color: #ff5c33; }

.secondary-color-2 { color: #f6f6f6; }

.secondary-color-3 { color: #c2c2c2; }

.bg-secondary-color-1 { background-color: #ff5c33; }

.bg-secondary-color-2 { background-color: #f6f6f6; }

.bg-secondary-color-3 { background-color: #c2c2c2; }

/* Textfarben */
.text-color { color: #434A54; }

.link-color { color: #ff3300; }

.action-color { color: #ff3300; }

.bg_base-font-color { background-color: #434A54; }

.bg_base-link-color { background-color: #ff3300; }

.bg_base-action-color { background-color: #ff3300; }

.bg-primary-color-1 { color: #fff; }

.bg-primary-color-1 p.button a:hover, .bg-primary-color-1 p.button a:focus, .bg-primary-color-1 a.button:hover, .bg-primary-color-1 a.button:focus { background-color: #e62e00; }

.bg-primary-color-2 p.button a, .bg-primary-color-2 a.button { color: #434A54; }

.bg-primary-color-2 p.button a:hover, .bg-primary-color-2 p.button a:focus, .bg-primary-color-2 a.button:hover, .bg-primary-color-2 a.button:focus { background-color: gainsboro; color: #434A54; }

.bg-primary-color-3 { color: #fff; }

.bg-primary-color-3 p.button a:hover, .bg-primary-color-3 p.button a:focus, .bg-primary-color-3 a.button:hover, .bg-primary-color-3 a.button:focus { background-color: #a1a1a1; }

/* Border Colors */
/* Background Colors */
/*Social Media Farben */
/**************** Image Sizes, gerechnet vom 12er Grid */
/**************** Forms */
/**************** Animations */
@-webkit-keyframes anchor-underline { 0%, 10% { left: 0;
    right: 100%; }
  40%, 60% { left: 0;
    right: 0; }
  90%, 100% { left: 100%;
    right: 0; } }
@keyframes anchor-underline { 0%, 10% { left: 0;
    right: 100%; }
  40%, 60% { left: 0;
    right: 0; }
  90%, 100% { left: 100%;
    right: 0; } }

@-webkit-keyframes pop-in { 0% { opacity: 0;
    -webkit-transform: translateY(-4rem) scale(0.8);
    transform: translateY(-4rem) scale(0.8); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes pop-in { 0% { opacity: 0;
    -webkit-transform: translateY(-4rem) scale(0.8);
    transform: translateY(-4rem) scale(0.8); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

/* @keyframes popout { 0% {transform: scale(0); opacity: .5} 80% {transform: scale(1.1); opacity: 1} 100% {transform: scale(1);} } @keyframes hovering { // currently unused 30% {transform: rotate(3deg);} 60% {transform: rotate(-3deg);} 80% {transform: scale(1.1);} 100% {transform: scale(1.15) rotate(0);} } */
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }

/********
*
*	Plugins
*
**********/
/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

/*******
*
*	Webfonts + Font-Awesome
*
********/
/**************** Fonts */
@font-face { font-family: 'latolight'; src: url("../Fonts/lato-light/lato-light-webfont.eot"); src: url("../Fonts/lato-light/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/lato-light/lato-light-webfont.woff2") format("woff2"), url("../Fonts/lato-light/lato-light-webfont.woff") format("woff"), url("../Fonts/lato-light/lato-light-webfont.ttf") format("truetype"), url("../Fonts/lato-light/lato-light-webfont.svg#latolight") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'latobold'; src: url("../Fonts/lato-bold/lato-bold-webfont.eot"); src: url("../Fonts/lato-bold/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/lato-bold/lato-bold-webfont.woff2") format("woff2"), url("../Fonts/lato-bold/lato-bold-webfont.woff") format("woff"), url("../Fonts/lato-bold/lato-bold-webfont.ttf") format("truetype"), url("../Fonts/lato-bold/lato-bold-webfont.svg#latobold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'latoregular'; src: url("../Fonts/lato-regular/lato-regular-webfont.eot"); src: url("../Fonts/lato-regular/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/lato-regular/lato-regular-webfont.woff2") format("woff2"), url("../Fonts/lato-regular/lato-regular-webfont.woff") format("woff"), url("../Fonts/lato-regular/lato-regular-webfont.ttf") format("truetype"), url("../Fonts/lato-regular/lato-regular-webfont.svg#latoregular") format("svg"); font-weight: normal; font-style: normal; }

/*! Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("../Fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0"); src: url("../Fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../Fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../Fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../Fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../Fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }

.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right { margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: ""; }

.fa-music:before { content: ""; }

.fa-search:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-heart:before { content: ""; }

.fa-star:before { content: ""; }

.fa-star-o:before { content: ""; }

.fa-user:before { content: ""; }

.fa-film:before { content: ""; }

.fa-th-large:before { content: ""; }

.fa-th:before { content: ""; }

.fa-th-list:before { content: ""; }

.fa-check:before { content: ""; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: ""; }

.fa-search-plus:before { content: ""; }

.fa-search-minus:before { content: ""; }

.fa-power-off:before { content: ""; }

.fa-signal:before { content: ""; }

.fa-gear:before, .fa-cog:before { content: ""; }

.fa-trash-o:before { content: ""; }

.fa-home:before { content: ""; }

.fa-file-o:before { content: ""; }

.fa-clock-o:before { content: ""; }

.fa-road:before { content: ""; }

.fa-download:before { content: ""; }

.fa-arrow-circle-o-down:before { content: ""; }

.fa-arrow-circle-o-up:before { content: ""; }

.fa-inbox:before { content: ""; }

.fa-play-circle-o:before { content: ""; }

.fa-rotate-right:before, .fa-repeat:before { content: ""; }

.fa-refresh:before { content: ""; }

.fa-list-alt:before { content: ""; }

.fa-lock:before { content: ""; }

.fa-flag:before { content: ""; }

.fa-headphones:before { content: ""; }

.fa-volume-off:before { content: ""; }

.fa-volume-down:before { content: ""; }

.fa-volume-up:before { content: ""; }

.fa-qrcode:before { content: ""; }

.fa-barcode:before { content: ""; }

.fa-tag:before { content: ""; }

.fa-tags:before { content: ""; }

.fa-book:before { content: ""; }

.fa-bookmark:before { content: ""; }

.fa-print:before { content: ""; }

.fa-camera:before { content: ""; }

.fa-font:before { content: ""; }

.fa-bold:before { content: ""; }

.fa-italic:before { content: ""; }

.fa-text-height:before { content: ""; }

.fa-text-width:before { content: ""; }

.fa-align-left:before { content: ""; }

.fa-align-center:before { content: ""; }

.fa-align-right:before { content: ""; }

.fa-align-justify:before { content: ""; }

.fa-list:before { content: ""; }

.fa-dedent:before, .fa-outdent:before { content: ""; }

.fa-indent:before { content: ""; }

.fa-video-camera:before { content: ""; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; }

.fa-pencil:before { content: ""; }

.fa-map-marker:before { content: ""; }

.fa-adjust:before { content: ""; }

.fa-tint:before { content: ""; }

.fa-edit:before, .fa-pencil-square-o:before { content: ""; }

.fa-share-square-o:before { content: ""; }

.fa-check-square-o:before { content: ""; }

.fa-arrows:before { content: ""; }

.fa-step-backward:before { content: ""; }

.fa-fast-backward:before { content: ""; }

.fa-backward:before { content: ""; }

.fa-play:before { content: ""; }

.fa-pause:before { content: ""; }

.fa-stop:before { content: ""; }

.fa-forward:before { content: ""; }

.fa-fast-forward:before { content: ""; }

.fa-step-forward:before { content: ""; }

.fa-eject:before { content: ""; }

.fa-chevron-left:before { content: ""; }

.fa-chevron-right:before { content: ""; }

.fa-plus-circle:before { content: ""; }

.fa-minus-circle:before { content: ""; }

.fa-times-circle:before { content: ""; }

.fa-check-circle:before { content: ""; }

.fa-question-circle:before { content: ""; }

.fa-info-circle:before { content: ""; }

.fa-crosshairs:before { content: ""; }

.fa-times-circle-o:before { content: ""; }

.fa-check-circle-o:before { content: ""; }

.fa-ban:before { content: ""; }

.fa-arrow-left:before { content: ""; }

.fa-arrow-right:before { content: ""; }

.fa-arrow-up:before { content: ""; }

.fa-arrow-down:before { content: ""; }

.fa-mail-forward:before, .fa-share:before { content: ""; }

.fa-expand:before { content: ""; }

.fa-compress:before { content: ""; }

.fa-plus:before { content: ""; }

.fa-minus:before { content: ""; }

.fa-asterisk:before { content: ""; }

.fa-exclamation-circle:before { content: ""; }

.fa-gift:before { content: ""; }

.fa-leaf:before { content: ""; }

.fa-fire:before { content: ""; }

.fa-eye:before { content: ""; }

.fa-eye-slash:before { content: ""; }

.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }

.fa-plane:before { content: ""; }

.fa-calendar:before { content: ""; }

.fa-random:before { content: ""; }

.fa-comment:before { content: ""; }

.fa-magnet:before { content: ""; }

.fa-chevron-up:before { content: ""; }

.fa-chevron-down:before { content: ""; }

.fa-retweet:before { content: ""; }

.fa-shopping-cart:before { content: ""; }

.fa-folder:before { content: ""; }

.fa-folder-open:before { content: ""; }

.fa-arrows-v:before { content: ""; }

.fa-arrows-h:before { content: ""; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; }

.fa-twitter-square:before { content: ""; }

.fa-facebook-square:before { content: ""; }

.fa-camera-retro:before { content: ""; }

.fa-key:before { content: ""; }

.fa-gears:before, .fa-cogs:before { content: ""; }

.fa-comments:before { content: ""; }

.fa-thumbs-o-up:before { content: ""; }

.fa-thumbs-o-down:before { content: ""; }

.fa-star-half:before { content: ""; }

.fa-heart-o:before { content: ""; }

.fa-sign-out:before { content: ""; }

.fa-linkedin-square:before { content: ""; }

.fa-thumb-tack:before { content: ""; }

.fa-external-link:before { content: ""; }

.fa-sign-in:before { content: ""; }

.fa-trophy:before { content: ""; }

.fa-github-square:before { content: ""; }

.fa-upload:before { content: ""; }

.fa-lemon-o:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-square-o:before { content: ""; }

.fa-bookmark-o:before { content: ""; }

.fa-phone-square:before { content: ""; }

.fa-twitter:before { content: ""; }

.fa-facebook-f:before, .fa-facebook:before { content: ""; }

.fa-github:before { content: ""; }

.fa-unlock:before { content: ""; }

.fa-credit-card:before { content: ""; }

.fa-feed:before, .fa-rss:before { content: ""; }

.fa-hdd-o:before { content: ""; }

.fa-bullhorn:before { content: ""; }

.fa-bell:before { content: ""; }

.fa-certificate:before { content: ""; }

.fa-hand-o-right:before { content: ""; }

.fa-hand-o-left:before { content: ""; }

.fa-hand-o-up:before { content: ""; }

.fa-hand-o-down:before { content: ""; }

.fa-arrow-circle-left:before { content: ""; }

.fa-arrow-circle-right:before { content: ""; }

.fa-arrow-circle-up:before { content: ""; }

.fa-arrow-circle-down:before { content: ""; }

.fa-globe:before { content: ""; }

.fa-wrench:before { content: ""; }

.fa-tasks:before { content: ""; }

.fa-filter:before { content: ""; }

.fa-briefcase:before { content: ""; }

.fa-arrows-alt:before { content: ""; }

.fa-group:before, .fa-users:before { content: ""; }

.fa-chain:before, .fa-link:before { content: ""; }

.fa-cloud:before { content: ""; }

.fa-flask:before { content: ""; }

.fa-cut:before, .fa-scissors:before { content: ""; }

.fa-copy:before, .fa-files-o:before { content: ""; }

.fa-paperclip:before { content: ""; }

.fa-save:before, .fa-floppy-o:before { content: ""; }

.fa-square:before { content: ""; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; }

.fa-list-ul:before { content: ""; }

.fa-list-ol:before { content: ""; }

.fa-strikethrough:before { content: ""; }

.fa-underline:before { content: ""; }

.fa-table:before { content: ""; }

.fa-magic:before { content: ""; }

.fa-truck:before { content: ""; }

.fa-pinterest:before { content: ""; }

.fa-pinterest-square:before { content: ""; }

.fa-google-plus-square:before { content: ""; }

.fa-google-plus:before { content: ""; }

.fa-money:before { content: ""; }

.fa-caret-down:before { content: ""; }

.fa-caret-up:before { content: ""; }

.fa-caret-left:before { content: ""; }

.fa-caret-right:before { content: ""; }

.fa-columns:before { content: ""; }

.fa-unsorted:before, .fa-sort:before { content: ""; }

.fa-sort-down:before, .fa-sort-desc:before { content: ""; }

.fa-sort-up:before, .fa-sort-asc:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-linkedin:before { content: ""; }

.fa-rotate-left:before, .fa-undo:before { content: ""; }

.fa-legal:before, .fa-gavel:before { content: ""; }

.fa-dashboard:before, .fa-tachometer:before { content: ""; }

.fa-comment-o:before { content: ""; }

.fa-comments-o:before { content: ""; }

.fa-flash:before, .fa-bolt:before { content: ""; }

.fa-sitemap:before { content: ""; }

.fa-umbrella:before { content: ""; }

.fa-paste:before, .fa-clipboard:before { content: ""; }

.fa-lightbulb-o:before { content: ""; }

.fa-exchange:before { content: ""; }

.fa-cloud-download:before { content: ""; }

.fa-cloud-upload:before { content: ""; }

.fa-user-md:before { content: ""; }

.fa-stethoscope:before { content: ""; }

.fa-suitcase:before { content: ""; }

.fa-bell-o:before { content: ""; }

.fa-coffee:before { content: ""; }

.fa-cutlery:before { content: ""; }

.fa-file-text-o:before { content: ""; }

.fa-building-o:before { content: ""; }

.fa-hospital-o:before { content: ""; }

.fa-ambulance:before { content: ""; }

.fa-medkit:before { content: ""; }

.fa-fighter-jet:before { content: ""; }

.fa-beer:before { content: ""; }

.fa-h-square:before { content: ""; }

.fa-plus-square:before { content: ""; }

.fa-angle-double-left:before { content: ""; }

.fa-angle-double-right:before { content: ""; }

.fa-angle-double-up:before { content: ""; }

.fa-angle-double-down:before { content: ""; }

.fa-angle-left:before { content: ""; }

.fa-angle-right:before { content: ""; }

.fa-angle-up:before { content: ""; }

.fa-angle-down:before { content: ""; }

.fa-desktop:before { content: ""; }

.fa-laptop:before { content: ""; }

.fa-tablet:before { content: ""; }

.fa-mobile-phone:before, .fa-mobile:before { content: ""; }

.fa-circle-o:before { content: ""; }

.fa-quote-left:before { content: ""; }

.fa-quote-right:before { content: ""; }

.fa-spinner:before { content: ""; }

.fa-circle:before { content: ""; }

.fa-mail-reply:before, .fa-reply:before { content: ""; }

.fa-github-alt:before { content: ""; }

.fa-folder-o:before { content: ""; }

.fa-folder-open-o:before { content: ""; }

.fa-smile-o:before { content: ""; }

.fa-frown-o:before { content: ""; }

.fa-meh-o:before { content: ""; }

.fa-gamepad:before { content: ""; }

.fa-keyboard-o:before { content: ""; }

.fa-flag-o:before { content: ""; }

.fa-flag-checkered:before { content: ""; }

.fa-terminal:before { content: ""; }

.fa-code:before { content: ""; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: ""; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }

.fa-location-arrow:before { content: ""; }

.fa-crop:before { content: ""; }

.fa-code-fork:before { content: ""; }

.fa-unlink:before, .fa-chain-broken:before { content: ""; }

.fa-question:before { content: ""; }

.fa-info:before { content: ""; }

.fa-exclamation:before { content: ""; }

.fa-superscript:before { content: ""; }

.fa-subscript:before { content: ""; }

.fa-eraser:before { content: ""; }

.fa-puzzle-piece:before { content: ""; }

.fa-microphone:before { content: ""; }

.fa-microphone-slash:before { content: ""; }

.fa-shield:before { content: ""; }

.fa-calendar-o:before { content: ""; }

.fa-fire-extinguisher:before { content: ""; }

.fa-rocket:before { content: ""; }

.fa-maxcdn:before { content: ""; }

.fa-chevron-circle-left:before { content: ""; }

.fa-chevron-circle-right:before { content: ""; }

.fa-chevron-circle-up:before { content: ""; }

.fa-chevron-circle-down:before { content: ""; }

.fa-html5:before { content: ""; }

.fa-css3:before { content: ""; }

.fa-anchor:before { content: ""; }

.fa-unlock-alt:before { content: ""; }

.fa-bullseye:before { content: ""; }

.fa-ellipsis-h:before { content: ""; }

.fa-ellipsis-v:before { content: ""; }

.fa-rss-square:before { content: ""; }

.fa-play-circle:before { content: ""; }

.fa-ticket:before { content: ""; }

.fa-minus-square:before { content: ""; }

.fa-minus-square-o:before { content: ""; }

.fa-level-up:before { content: ""; }

.fa-level-down:before { content: ""; }

.fa-check-square:before { content: ""; }

.fa-pencil-square:before { content: ""; }

.fa-external-link-square:before { content: ""; }

.fa-share-square:before { content: ""; }

.fa-compass:before { content: ""; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }

.fa-euro:before, .fa-eur:before { content: ""; }

.fa-gbp:before { content: ""; }

.fa-dollar:before, .fa-usd:before { content: ""; }

.fa-rupee:before, .fa-inr:before { content: ""; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }

.fa-won:before, .fa-krw:before { content: ""; }

.fa-bitcoin:before, .fa-btc:before { content: ""; }

.fa-file:before { content: ""; }

.fa-file-text:before { content: ""; }

.fa-sort-alpha-asc:before { content: ""; }

.fa-sort-alpha-desc:before { content: ""; }

.fa-sort-amount-asc:before { content: ""; }

.fa-sort-amount-desc:before { content: ""; }

.fa-sort-numeric-asc:before { content: ""; }

.fa-sort-numeric-desc:before { content: ""; }

.fa-thumbs-up:before { content: ""; }

.fa-thumbs-down:before { content: ""; }

.fa-youtube-square:before { content: ""; }

.fa-youtube:before { content: ""; }

.fa-xing:before { content: ""; }

.fa-xing-square:before { content: ""; }

.fa-youtube-play:before { content: ""; }

.fa-dropbox:before { content: ""; }

.fa-stack-overflow:before { content: ""; }

.fa-instagram:before { content: ""; }

.fa-flickr:before { content: ""; }

.fa-adn:before { content: ""; }

.fa-bitbucket:before { content: ""; }

.fa-bitbucket-square:before { content: ""; }

.fa-tumblr:before { content: ""; }

.fa-tumblr-square:before { content: ""; }

.fa-long-arrow-down:before { content: ""; }

.fa-long-arrow-up:before { content: ""; }

.fa-long-arrow-left:before { content: ""; }

.fa-long-arrow-right:before { content: ""; }

.fa-apple:before { content: ""; }

.fa-windows:before { content: ""; }

.fa-android:before { content: ""; }

.fa-linux:before { content: ""; }

.fa-dribbble:before { content: ""; }

.fa-skype:before { content: ""; }

.fa-foursquare:before { content: ""; }

.fa-trello:before { content: ""; }

.fa-female:before { content: ""; }

.fa-male:before { content: ""; }

.fa-gittip:before, .fa-gratipay:before { content: ""; }

.fa-sun-o:before { content: ""; }

.fa-moon-o:before { content: ""; }

.fa-archive:before { content: ""; }

.fa-bug:before { content: ""; }

.fa-vk:before { content: ""; }

.fa-weibo:before { content: ""; }

.fa-renren:before { content: ""; }

.fa-pagelines:before { content: ""; }

.fa-stack-exchange:before { content: ""; }

.fa-arrow-circle-o-right:before { content: ""; }

.fa-arrow-circle-o-left:before { content: ""; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }

.fa-dot-circle-o:before { content: ""; }

.fa-wheelchair:before { content: ""; }

.fa-vimeo-square:before { content: ""; }

.fa-turkish-lira:before, .fa-try:before { content: ""; }

.fa-plus-square-o:before { content: ""; }

.fa-space-shuttle:before { content: ""; }

.fa-slack:before { content: ""; }

.fa-envelope-square:before { content: ""; }

.fa-wordpress:before { content: ""; }

.fa-openid:before { content: ""; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }

.fa-yahoo:before { content: ""; }

.fa-google:before { content: ""; }

.fa-reddit:before { content: ""; }

.fa-reddit-square:before { content: ""; }

.fa-stumbleupon-circle:before { content: ""; }

.fa-stumbleupon:before { content: ""; }

.fa-delicious:before { content: ""; }

.fa-digg:before { content: ""; }

.fa-pied-piper-pp:before { content: ""; }

.fa-pied-piper-alt:before { content: ""; }

.fa-drupal:before { content: ""; }

.fa-joomla:before { content: ""; }

.fa-language:before { content: ""; }

.fa-fax:before { content: ""; }

.fa-building:before { content: ""; }

.fa-child:before { content: ""; }

.fa-paw:before { content: ""; }

.fa-spoon:before { content: ""; }

.fa-cube:before { content: ""; }

.fa-cubes:before { content: ""; }

.fa-behance:before { content: ""; }

.fa-behance-square:before { content: ""; }

.fa-steam:before { content: ""; }

.fa-steam-square:before { content: ""; }

.fa-recycle:before { content: ""; }

.fa-automobile:before, .fa-car:before { content: ""; }

.fa-cab:before, .fa-taxi:before { content: ""; }

.fa-tree:before { content: ""; }

.fa-spotify:before { content: ""; }

.fa-deviantart:before { content: ""; }

.fa-soundcloud:before { content: ""; }

.fa-database:before { content: ""; }

.fa-file-pdf-o:before { content: ""; }

.fa-file-word-o:before { content: ""; }

.fa-file-excel-o:before { content: ""; }

.fa-file-powerpoint-o:before { content: ""; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }

.fa-file-code-o:before { content: ""; }

.fa-vine:before { content: ""; }

.fa-codepen:before { content: ""; }

.fa-jsfiddle:before { content: ""; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }

.fa-circle-o-notch:before { content: ""; }

.fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

.fa-git-square:before { content: ""; }

.fa-git:before { content: ""; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; }

.fa-tencent-weibo:before { content: ""; }

.fa-qq:before { content: ""; }

.fa-wechat:before, .fa-weixin:before { content: ""; }

.fa-send:before, .fa-paper-plane:before { content: ""; }

.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }

.fa-history:before { content: ""; }

.fa-circle-thin:before { content: ""; }

.fa-header:before { content: ""; }

.fa-paragraph:before { content: ""; }

.fa-sliders:before { content: ""; }

.fa-share-alt:before { content: ""; }

.fa-share-alt-square:before { content: ""; }

.fa-bomb:before { content: ""; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; }

.fa-tty:before { content: ""; }

.fa-binoculars:before { content: ""; }

.fa-plug:before { content: ""; }

.fa-slideshare:before { content: ""; }

.fa-twitch:before { content: ""; }

.fa-yelp:before { content: ""; }

.fa-newspaper-o:before { content: ""; }

.fa-wifi:before { content: ""; }

.fa-calculator:before { content: ""; }

.fa-paypal:before { content: ""; }

.fa-google-wallet:before { content: ""; }

.fa-cc-visa:before { content: ""; }

.fa-cc-mastercard:before { content: ""; }

.fa-cc-discover:before { content: ""; }

.fa-cc-amex:before { content: ""; }

.fa-cc-paypal:before { content: ""; }

.fa-cc-stripe:before { content: ""; }

.fa-bell-slash:before { content: ""; }

.fa-bell-slash-o:before { content: ""; }

.fa-trash:before { content: ""; }

.fa-copyright:before { content: ""; }

.fa-at:before { content: ""; }

.fa-eyedropper:before { content: ""; }

.fa-paint-brush:before { content: ""; }

.fa-birthday-cake:before { content: ""; }

.fa-area-chart:before { content: ""; }

.fa-pie-chart:before { content: ""; }

.fa-line-chart:before { content: ""; }

.fa-lastfm:before { content: ""; }

.fa-lastfm-square:before { content: ""; }

.fa-toggle-off:before { content: ""; }

.fa-toggle-on:before { content: ""; }

.fa-bicycle:before { content: ""; }

.fa-bus:before { content: ""; }

.fa-ioxhost:before { content: ""; }

.fa-angellist:before { content: ""; }

.fa-cc:before { content: ""; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; }

.fa-meanpath:before { content: ""; }

.fa-buysellads:before { content: ""; }

.fa-connectdevelop:before { content: ""; }

.fa-dashcube:before { content: ""; }

.fa-forumbee:before { content: ""; }

.fa-leanpub:before { content: ""; }

.fa-sellsy:before { content: ""; }

.fa-shirtsinbulk:before { content: ""; }

.fa-simplybuilt:before { content: ""; }

.fa-skyatlas:before { content: ""; }

.fa-cart-plus:before { content: ""; }

.fa-cart-arrow-down:before { content: ""; }

.fa-diamond:before { content: ""; }

.fa-ship:before { content: ""; }

.fa-user-secret:before { content: ""; }

.fa-motorcycle:before { content: ""; }

.fa-street-view:before { content: ""; }

.fa-heartbeat:before { content: ""; }

.fa-venus:before { content: ""; }

.fa-mars:before { content: ""; }

.fa-mercury:before { content: ""; }

.fa-intersex:before, .fa-transgender:before { content: ""; }

.fa-transgender-alt:before { content: ""; }

.fa-venus-double:before { content: ""; }

.fa-mars-double:before { content: ""; }

.fa-venus-mars:before { content: ""; }

.fa-mars-stroke:before { content: ""; }

.fa-mars-stroke-v:before { content: ""; }

.fa-mars-stroke-h:before { content: ""; }

.fa-neuter:before { content: ""; }

.fa-genderless:before { content: ""; }

.fa-facebook-official:before { content: ""; }

.fa-pinterest-p:before { content: ""; }

.fa-whatsapp:before { content: ""; }

.fa-server:before { content: ""; }

.fa-user-plus:before { content: ""; }

.fa-user-times:before { content: ""; }

.fa-hotel:before, .fa-bed:before { content: ""; }

.fa-viacoin:before { content: ""; }

.fa-train:before { content: ""; }

.fa-subway:before { content: ""; }

.fa-medium:before { content: ""; }

.fa-yc:before, .fa-y-combinator:before { content: ""; }

.fa-optin-monster:before { content: ""; }

.fa-opencart:before { content: ""; }

.fa-expeditedssl:before { content: ""; }

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; }

.fa-battery-2:before, .fa-battery-half:before { content: ""; }

.fa-battery-1:before, .fa-battery-quarter:before { content: ""; }

.fa-battery-0:before, .fa-battery-empty:before { content: ""; }

.fa-mouse-pointer:before { content: ""; }

.fa-i-cursor:before { content: ""; }

.fa-object-group:before { content: ""; }

.fa-object-ungroup:before { content: ""; }

.fa-sticky-note:before { content: ""; }

.fa-sticky-note-o:before { content: ""; }

.fa-cc-jcb:before { content: ""; }

.fa-cc-diners-club:before { content: ""; }

.fa-clone:before { content: ""; }

.fa-balance-scale:before { content: ""; }

.fa-hourglass-o:before { content: ""; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; }

.fa-hourglass:before { content: ""; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; }

.fa-hand-scissors-o:before { content: ""; }

.fa-hand-lizard-o:before { content: ""; }

.fa-hand-spock-o:before { content: ""; }

.fa-hand-pointer-o:before { content: ""; }

.fa-hand-peace-o:before { content: ""; }

.fa-trademark:before { content: ""; }

.fa-registered:before { content: ""; }

.fa-creative-commons:before { content: ""; }

.fa-gg:before { content: ""; }

.fa-gg-circle:before { content: ""; }

.fa-tripadvisor:before { content: ""; }

.fa-odnoklassniki:before { content: ""; }

.fa-odnoklassniki-square:before { content: ""; }

.fa-get-pocket:before { content: ""; }

.fa-wikipedia-w:before { content: ""; }

.fa-safari:before { content: ""; }

.fa-chrome:before { content: ""; }

.fa-firefox:before { content: ""; }

.fa-opera:before { content: ""; }

.fa-internet-explorer:before { content: ""; }

.fa-tv:before, .fa-television:before { content: ""; }

.fa-contao:before { content: ""; }

.fa-500px:before { content: ""; }

.fa-amazon:before { content: ""; }

.fa-calendar-plus-o:before { content: ""; }

.fa-calendar-minus-o:before { content: ""; }

.fa-calendar-times-o:before { content: ""; }

.fa-calendar-check-o:before { content: ""; }

.fa-industry:before { content: ""; }

.fa-map-pin:before { content: ""; }

.fa-map-signs:before { content: ""; }

.fa-map-o:before { content: ""; }

.fa-map:before { content: ""; }

.fa-commenting:before { content: ""; }

.fa-commenting-o:before { content: ""; }

.fa-houzz:before { content: ""; }

.fa-vimeo:before { content: ""; }

.fa-black-tie:before { content: ""; }

.fa-fonticons:before { content: ""; }

.fa-reddit-alien:before { content: ""; }

.fa-edge:before { content: ""; }

.fa-credit-card-alt:before { content: ""; }

.fa-codiepie:before { content: ""; }

.fa-modx:before { content: ""; }

.fa-fort-awesome:before { content: ""; }

.fa-usb:before { content: ""; }

.fa-product-hunt:before { content: ""; }

.fa-mixcloud:before { content: ""; }

.fa-scribd:before { content: ""; }

.fa-pause-circle:before { content: ""; }

.fa-pause-circle-o:before { content: ""; }

.fa-stop-circle:before { content: ""; }

.fa-stop-circle-o:before { content: ""; }

.fa-shopping-bag:before { content: ""; }

.fa-shopping-basket:before { content: ""; }

.fa-hashtag:before { content: ""; }

.fa-bluetooth:before { content: ""; }

.fa-bluetooth-b:before { content: ""; }

.fa-percent:before { content: ""; }

.fa-gitlab:before { content: ""; }

.fa-wpbeginner:before { content: ""; }

.fa-wpforms:before { content: ""; }

.fa-envira:before { content: ""; }

.fa-universal-access:before { content: ""; }

.fa-wheelchair-alt:before { content: ""; }

.fa-question-circle-o:before { content: ""; }

.fa-blind:before { content: ""; }

.fa-audio-description:before { content: ""; }

.fa-volume-control-phone:before { content: ""; }

.fa-braille:before { content: ""; }

.fa-assistive-listening-systems:before { content: ""; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; }

.fa-glide:before { content: ""; }

.fa-glide-g:before { content: ""; }

.fa-signing:before, .fa-sign-language:before { content: ""; }

.fa-low-vision:before { content: ""; }

.fa-viadeo:before { content: ""; }

.fa-viadeo-square:before { content: ""; }

.fa-snapchat:before { content: ""; }

.fa-snapchat-ghost:before { content: ""; }

.fa-snapchat-square:before { content: ""; }

.fa-pied-piper:before { content: ""; }

.fa-first-order:before { content: ""; }

.fa-yoast:before { content: ""; }

.fa-themeisle:before { content: ""; }

.fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; }

.fa-fa:before, .fa-font-awesome:before { content: ""; }

.fa-handshake-o:before { content: ""; }

.fa-envelope-open:before { content: ""; }

.fa-envelope-open-o:before { content: ""; }

.fa-linode:before { content: ""; }

.fa-address-book:before { content: ""; }

.fa-address-book-o:before { content: ""; }

.fa-vcard:before, .fa-address-card:before { content: ""; }

.fa-vcard-o:before, .fa-address-card-o:before { content: ""; }

.fa-user-circle:before { content: ""; }

.fa-user-circle-o:before { content: ""; }

.fa-user-o:before { content: ""; }

.fa-id-badge:before { content: ""; }

.fa-drivers-license:before, .fa-id-card:before { content: ""; }

.fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; }

.fa-quora:before { content: ""; }

.fa-free-code-camp:before { content: ""; }

.fa-telegram:before { content: ""; }

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; }

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; }

.fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; }

.fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; }

.fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; }

.fa-shower:before { content: ""; }

.fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; }

.fa-podcast:before { content: ""; }

.fa-window-maximize:before { content: ""; }

.fa-window-minimize:before { content: ""; }

.fa-window-restore:before { content: ""; }

.fa-times-rectangle:before, .fa-window-close:before { content: ""; }

.fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; }

.fa-bandcamp:before { content: ""; }

.fa-grav:before { content: ""; }

.fa-etsy:before { content: ""; }

.fa-imdb:before { content: ""; }

.fa-ravelry:before { content: ""; }

.fa-eercast:before { content: ""; }

.fa-microchip:before { content: ""; }

.fa-snowflake-o:before { content: ""; }

.fa-superpowers:before { content: ""; }

.fa-wpexplorer:before { content: ""; }

.fa-meetup:before { content: ""; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

[class^="fa-"], [class*=" fa-"] { /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*******
*
*	import and override basic styles for your own need (fonts, buttons, texts etc...)
*
********/
html { font-size: 62.5%; }

body { font-size: 20px; line-height: 30px; font-size: 2rem; line-height: 3rem; font-family: "latolight"; }

h1, h2, h3, h4, h5, h6 { font-family: "latoregular"; font-size: 2; line-height: 1.2; text-transform: uppercase; margin: 0; }

h1 { font-size: 60px; line-height: 90px; font-size: 6rem; line-height: 9rem; font-family: "latolight"; letter-spacing: 0.2rem; }

@media (max-width: 767px) { h1 { font-size: 35px; line-height: 52.5px; font-size: 3.5rem; line-height: 5.25rem; } }

h1.home { margin-bottom: 1em; font-size: 3.2rem; text-align: center; line-height: 1.15em; font-family: "latolight"; margin-bottom: 4rem; }

@media (max-width: 480px) { h1.home { font-size: 4.5vw; } }

@media (min-width: 481px) and (max-width: 768px) { h1.home { font-size: 4vw; } }

@media (min-width: 769px) and (max-width: 992px) { h1.home { font-size: 3.5vw; } }

h1.home span { display: block; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

h2 { font-size: 32px; line-height: 48px; font-size: 3.2rem; line-height: 4.8rem; font-family: "latolight"; margin-top: 1rem; }

@media (max-width: 767px) { h2 { font-size: 28px; line-height: 42px; font-size: 2.8rem; line-height: 4.2rem; } }

h3 { font-size: 26px; line-height: 39px; font-size: 2.6rem; line-height: 3.9rem; font-family: "latolight"; margin-top: 2rem; margin-bottom: 0.375rem; }

@media (max-width: 767px) { h3 { font-size: 24px; line-height: 36px; font-size: 2.4rem; line-height: 3.6rem; } }

h4 { font-size: 20px; line-height: 30px; font-size: 2rem; line-height: 3rem; font-family: "latobold"; }

h5 { font-size: 14px; line-height: 21px; font-size: 1.4rem; line-height: 2.1rem; font-family: "latolight"; }

h6 { font-size: 14px; line-height: 21px; font-size: 1.4rem; line-height: 2.1rem; font-family: "latolight"; }

p { margin: 0 0 0.75rem; }

.intro, p.intro, p.lead { font-size: 24px; line-height: 36px; font-size: 2.4rem; line-height: 3.6rem; letter-spacing: 0.1rem; }

@media (max-width: 767px) { .intro, p.intro, p.lead { font-size: 18px; line-height: 27px; font-size: 1.8rem; line-height: 2.7rem; } }

p.small { font-size: 14px; line-height: 21px; font-size: 1.4rem; line-height: 2.1rem; }

a { color: #ff3300; text-decoration: none; -webkit-transition: color 150ms ease; transition: color 150ms ease; }

a:active, a:focus, a:hover { color: #ff5c33; text-decoration: none; }

strong { font-family: "latoregular"; }

address { font-style: normal; }

.button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 1px solid #ff3300; border-radius: 0px; color: #434A54; cursor: pointer; display: inline-block; font-family: "latolight"; font-size: 2; -webkit-font-smoothing: antialiased; line-height: 1; padding: 0.75rem 1.5rem; text-decoration: none; -webkit-transition: background-color 150ms ease; transition: background-color 150ms ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.15rem; }

.button:hover, .button:focus { background-color: #ff3300; color: #fff; }

.button:disabled { cursor: not-allowed; opacity: 0.5; }

.button:disabled:hover { background-color: #ff3300; }

.button.button-big { font-size: 20px; line-height: 33px; font-size: 2rem; line-height: 3.3rem; padding: 1.5rem 1.5rem; }

@media (max-width: 991px) { .button.button-big { font-size: 18px; line-height: 25px; font-size: 1.8rem; line-height: 2.5rem; text-align: center; white-space: normal; } }

.button.button-small { font-size: 16px; line-height: 5px; font-size: 1.6rem; line-height: 0.5rem; }

.button.button-black { color: #434A54; border: 1px solid #000; }

.button.button-black:hover, .button.button-black:hover { background-color: #000; color: #fff !important; }

.button.button-red { color: #ff3300; border: 1px solid #ff3300; background-color: #fff; }

.button.button-red:hover, .button.button-red:hover { background-color: #ff3300; color: #fff; }

.button.button-icon { padding: 0; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; position: relative; }

.button.button-icon span { display: block; text-align: center; height: 3.5rem; }

.button.button-icon span:before { display: block; font-size: 2.1rem; display: block; width: 3.5rem; position: absolute; top: 0.70rem; left: 0px; }

/*******
*
*	Hamburger Menu, look here: https://github.com/jonsuh/hamburgers
*
********/
.hamburger { padding: 0px 0px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }

.hamburger:hover { opacity: 0.8; }

.hamburger-box { width: 38px; height: 20px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -1px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 38px; height: 2px; background-color: #ff3300; border-radius: 3px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -9px; }

.hamburger-inner::after { bottom: -9px; }

/* Spring */
.hamburger--spring .hamburger-inner { top: 1px; -webkit-transition: background-color 0s 0.13s linear; transition: background-color 0s 0.13s linear; }

.hamburger--spring .hamburger-inner::before { top: 9px; -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring .hamburger-inner::after { top: 18px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner { -webkit-transition-delay: 0.22s; transition-delay: 0.22s; background-color: transparent; }

.hamburger--spring.is-active .hamburger-inner::before { top: 0; -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 9px, 0) rotate(45deg); transform: translate3d(0, 9px, 0) rotate(45deg); }

.hamburger--spring.is-active .hamburger-inner::after { top: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 9px, 0) rotate(-45deg); transform: translate3d(0, 9px, 0) rotate(-45deg); }

/*******
*
*	Setup the Layout
*
********/
html, body { height: 100%; min-height: 100%; min-width: 100%; color: #333333; }

body { -webkit-font-smoothing: antialiased; }

body.overflow-hidden { overflow: hidden; }

body.no-scrollbar { overflow-x: hidden; }

main { padding-top: 50px; min-width: 12em; }

@media (max-width: 767px) { main { padding-top: 100px; } }

@media (min-width: 1480px) { main { padding-top: 75px; } }

main .flex-fill-screen { height: 100vh; margin-top: -50px; padding-top: 50px; }

@media (min-width: 1480px) { main .flex-fill-screen { margin-top: -70px; padding-top: 70px; } }

@media (min-height: 960px) and (max-height: 960px) and (min-width: 600px) and (max-width: 600px) { main .flex-fill-screen { height: 900px; } }

@media (min-height: 1024px) and (max-height: 1024px) and (min-width: 768px) and (max-width: 768px) { main .flex-fill-screen { height: 964px; } }

@media (min-height: 1280px) and (max-height: 1280px) and (min-width: 800px) and (max-width: 800px) { main .flex-fill-screen { height: 1220px; } }

@media (min-height: 1366px) and (max-height: 1366px) and (min-width: 1024px) and (max-width: 1024px) { main .flex-fill-screen { height: 1306px; } }

body.start main { padding-top: 50px; }

@media (max-width: 767px) { body.start main { padding-top: 75px; } }

@media (max-width: 767px) { body.cases main { padding-top: 0px; } }

/* outer container with max-width*/
.module-wrapper { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; position: relative; }

.module-wrapper:before, .module-wrapper:after { content: " "; display: table; }

.module-wrapper:after { clear: both; }

@media (min-width: 768px) { .module-wrapper { width: 750px; } }

@media (min-width: 992px) { .module-wrapper { width: 970px; } }

@media (min-width: 1200px) { .module-wrapper { width: 1170px; } }

@media (min-width: 1480px) { .module-wrapper { width: 1470px; } }

/* outer container fluid */
.module-wrapper-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.module-wrapper-fluid:before, .module-wrapper-fluid:after { content: " "; display: table; }

.module-wrapper-fluid:after { clear: both; }

/* content wrapper for centered text */
.content-wrapper-center { margin-left: -15px; margin-right: -15px; }

.content-wrapper-center:before, .content-wrapper-center:after { content: " "; display: table; }

.content-wrapper-center:after { clear: both; }

.content-wrapper-center .content { text-align: center; position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-left: 8.33333%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 992px) { .content-wrapper-center .content { float: left; width: 66.66667%; } }

@media (min-width: 992px) { .content-wrapper-center .content { margin-left: 16.66667%; } }

@media (min-width: 1200px) { .content-wrapper-center .content { float: left; width: 58.33333%; } }

@media (min-width: 1200px) { .content-wrapper-center .content { margin-left: 20.83333%; } }

.content-wrapper-center .content p:last-child { margin-bottom: 0; }

/* content wrapper for full width text */
.content-wrapper-full { margin-left: -15px; margin-right: -15px; }

.content-wrapper-full:before, .content-wrapper-full:after { content: " "; display: table; }

.content-wrapper-full:after { clear: both; }

.content-wrapper-full .content { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.content-wrapper-full .content p:last-child { margin-bottom: 0; }

/* content wrapper for double text */
.content-wrapper-doubletext { margin-left: -15px; margin-right: -15px; margin: 3rem 0; }

.content-wrapper-doubletext:before, .content-wrapper-doubletext:after { content: " "; display: table; }

.content-wrapper-doubletext:after { clear: both; }

.content-wrapper-doubletext .content-right, .content-wrapper-doubletext .content-left { position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .content-wrapper-doubletext .content-right, .content-wrapper-doubletext .content-left { float: left; width: 41.66667%; } }

@media (min-width: 992px) { .content-wrapper-doubletext .content-right, .content-wrapper-doubletext .content-left { float: left; width: 41.66667%; } }

@media (min-width: 1200px) { .content-wrapper-doubletext .content-right, .content-wrapper-doubletext .content-left { float: left; width: 37.5%; } }

.content-wrapper-doubletext .content-right p:last-child, .content-wrapper-doubletext .content-left p:last-child { margin-bottom: 0; }

.content-wrapper-doubletext .content-left { margin-left: 8.33333%; }

@media (min-width: 768px) { .content-wrapper-doubletext .content-left { margin-left: 8.33333%; } }

@media (min-width: 992px) { .content-wrapper-doubletext .content-left { margin-left: 8.33333%; } }

@media (min-width: 1200px) { .content-wrapper-doubletext .content-left { margin-left: 12.5%; } }

.content-wrapper-doubletext .content-right { margin-left: 8.33333%; }

@media (min-width: 768px) { .content-wrapper-doubletext .content-right { margin-left: 0%; } }

@media (min-width: 992px) { .content-wrapper-doubletext .content-right { margin-left: 0%; } }

@media (max-width: 767px) { .content-wrapper-doubletext .content-right { margin-top: 3rem; } }

.content-wrapper-doubletext-with-image { margin-left: -15px; margin-right: -15px; margin: 3rem 0; }

.content-wrapper-doubletext-with-image:before, .content-wrapper-doubletext-with-image:after { content: " "; display: table; }

.content-wrapper-doubletext-with-image:after { clear: both; }

.content-wrapper-doubletext-with-image .content-right, .content-wrapper-doubletext-with-image .content-left { position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .content-wrapper-doubletext-with-image .content-right, .content-wrapper-doubletext-with-image .content-left { float: left; width: 41.66667%; } }

@media (min-width: 992px) { .content-wrapper-doubletext-with-image .content-right, .content-wrapper-doubletext-with-image .content-left { float: left; width: 41.66667%; } }

@media (min-width: 1200px) { .content-wrapper-doubletext-with-image .content-right, .content-wrapper-doubletext-with-image .content-left { float: left; width: 41.66667%; } }

.content-wrapper-doubletext-with-image .content-right p:last-child, .content-wrapper-doubletext-with-image .content-left p:last-child { margin-bottom: 0; }

.content-wrapper-doubletext-with-image .content-left { margin-left: 8.33333%; }

@media (min-width: 768px) { .content-wrapper-doubletext-with-image .content-left { margin-left: 6.25%; } }

.content-wrapper-doubletext-with-image .content-right { margin-left: 8.33333%; }

@media (min-width: 768px) { .content-wrapper-doubletext-with-image .content-right { margin-left: 4.16667%; } }

@media (max-width: 767px) { .content-wrapper-doubletext-with-image .content-right { margin-top: 3rem; } }

/* quadratisches responsives rechteck */
.quadrat-outer-wrapper { position: relative; width: 100%; max-width: 100%; display: block; }

.quadrat-outer-wrapper:before { content: ""; display: block; padding-top: 100%; }

.quadrat-outer-wrapper .quadrat-content { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

/* zentrierter Inhalt horizontal + vertical */
.table-outer-wrapper { display: table; width: 100%; height: 100%; }

.table-outer-wrapper .table-content { display: table-cell; vertical-align: middle; }

.h1-redline-wrapper { position: relative; text-align: center; margin-bottom: 100px; }

@media (max-width: 767px) { .h1-redline-wrapper { padding: 0 4rem; } }

.h1-redline-wrapper h1 { line-height: 1; }

.h1-redline-wrapper p { margin-bottom: 0rem; max-width: 450px; margin-left: auto; margin-right: auto; }

.h1-redline-wrapper::after { content: ''; width: 1px; height: 55px; position: absolute; background-color: #ff3300; bottom: -70px; left: 50%; }

@media (max-width: 991px) { .h1-redline-wrapper { padding: 0 25%; } }

@media (max-width: 767px) { .h1-redline-wrapper { padding: 0 10%; } }

.h2-redline-wrapper { position: relative; text-align: center; padding: 0 1.5rem; margin-top: 100px; margin-bottom: 3rem; }

.h2-redline-wrapper h2 { line-height: 1; }

.h2-redline-wrapper::before { content: ''; width: 1px; height: 55px; position: absolute; background-color: #ff3300; top: -70px; left: 50%; }

.img-responsive { width: 100%; height: auto; }

.lazy-icon, img.lazy, img.owl-lazy { background-image: url("../Images/Spinner.svg"); background-repeat: no-repeat; background-position: 50% 50%; }

img.blur { -webkit-filter: blur(5px); filter: blur(5px); }

figcaption { font-size: 11px; line-height: 16.5px; font-size: 1.1rem; line-height: 1.65rem; text-align: right; color: #333333; }

.header { height: 140px; position: absolute; width: 100%; background: transparent; -webkit-transition: background-color 150ms ease; transition: background-color 150ms ease; z-index: 101; }

@media (min-width: 1480px) { .header { height: 200px; }
  .header .module-wrapper { width: auto; }
  .header .module-wrapper .logo { left: 10rem; top: 5rem; }
  .header .module-wrapper .menu-toggle { right: 11rem; top: 5rem; } }

.header .logo { display: inline-block; position: relative; z-index: 120 !important; overflow: hidden; width: 100px; height: auto; top: 2rem; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; }

.header .logo img { width: 100px; height: auto; }

.header .logo.easteregg { -webkit-transform: scaleY(-1); transform: scaleY(-1); }

.header .menu-toggle { position: absolute; right: 1rem; top: 3rem; outline: 0; z-index: 120; }

.header.is-fixed { position: fixed; top: -140px; background-color: rgba(255, 255, 255, 0.95); -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; width: 100%; }

@media (min-width: 1480px) { .header.is-fixed { top: -200px; } }

@media (max-width: 767px) { .header.is-fixed { top: -75px; } }

.header.is-visible { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

@media (max-width: 767px) { .header { height: 75px; }
  .header .module-wrapper .logo { width: 50px; height: 51px; left: 1rem; top: 1rem; }
  .header .module-wrapper .logo img { width: 50px; height: 51px; }
  .header .module-wrapper .menu-toggle { right: 2rem; top: 2.5rem; } }

.nav-overlay-wrapper { width: 100vw; height: 100vh; min-height: 32em; position: fixed; z-index: 100; left: 0; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; background-color: #f6f6f6; text-align: center; }

.nav-overlay-wrapper.is-visible { -webkit-transform: translateY(0); transform: translateY(0); }

.nav-overlay-wrapper.is-visible .meta-navi address { opacity: 1; }

.nav-overlay-wrapper .main-navi { display: table; height: 80%; width: 100%; z-index: 102; }

@media (max-width: 767px) { .nav-overlay-wrapper .main-navi { height: 67%; } }

.nav-overlay-wrapper .main-navi > ul { list-style: none; margin: 0; padding: 0; display: table-cell; vertical-align: middle; padding-top: 5rem; }

@media (max-width: 767px) { .nav-overlay-wrapper .main-navi > ul { padding-top: 0; } }

.nav-overlay-wrapper .main-navi > ul > li { font-size: 32px; line-height: 48px; font-size: 3.2rem; line-height: 4.8rem; font-family: "latoregular"; text-transform: uppercase; margin-bottom: 0.85rem; }

@media (max-width: 767px) { .nav-overlay-wrapper .main-navi > ul > li { font-size: 20px; line-height: 30px; font-size: 2rem; line-height: 3rem; } }

.nav-overlay-wrapper .main-navi > ul > li > a { color: #434A54; }

.nav-overlay-wrapper .main-navi > ul > li > a:hover, .nav-overlay-wrapper .main-navi > ul > li > a.is-active { color: #ff3300; }

.nav-overlay-wrapper .main-navi > ul > li > ul { list-style: none; margin: 0; padding: 0; }

.nav-overlay-wrapper .main-navi > ul > li > ul > li { font-size: 20px; line-height: 30px; font-size: 2rem; line-height: 3rem; font-family: "latolight"; margin-bottom: 0.5rem; }

@media (max-width: 767px) { .nav-overlay-wrapper .main-navi > ul > li > ul > li { font-size: 18px; line-height: 27px; font-size: 1.8rem; line-height: 2.7rem; } }

.nav-overlay-wrapper .main-navi > ul > li > ul > li > a { color: #434A54; }

.nav-overlay-wrapper .main-navi > ul > li > ul > li > a.is-active, .nav-overlay-wrapper .main-navi > ul > li > ul > li > a:hover { color: #ff3300; }

.nav-overlay-wrapper .meta-navi { display: table; height: 20%; width: 100%; }

@media (max-width: 767px) { .nav-overlay-wrapper .meta-navi { height: 32%; } }

.nav-overlay-wrapper .meta-navi address { margin-top: 2rem; font-size: 12px; line-height: 18px; font-size: 1.2rem; line-height: 1.8rem; opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; }

#page-footer { background-color: #f6f6f6; padding: 3rem 0; margin-left: -15px; margin-right: -15px; }

#page-footer:before, #page-footer:after { content: " "; display: table; }

#page-footer:after { clear: both; }

#page-footer .module-wrapper { font-size: 14px; line-height: 23px; font-size: 1.4rem; line-height: 2.3rem; text-transform: uppercase; }

#page-footer .module-wrapper .page-footer-box { margin-bottom: 0.75rem; }

#page-footer .module-wrapper .page-footer-box:nth-child(1) { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { #page-footer .module-wrapper .page-footer-box:nth-child(1) { float: left; width: 16.66667%; } }

@media (min-width: 992px) { #page-footer .module-wrapper .page-footer-box:nth-child(1) { float: left; width: 12.5%; } }

@media (min-width: 992px) { #page-footer .module-wrapper .page-footer-box:nth-child(1) { margin-left: 4.16667%; } }

@media (min-width: 1200px) { #page-footer .module-wrapper .page-footer-box:nth-child(1) { margin-left: 12.5%; } }

#page-footer .module-wrapper .page-footer-box:nth-child(2) { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { #page-footer .module-wrapper .page-footer-box:nth-child(2) { float: left; width: 16.66667%; } }

@media (min-width: 992px) { #page-footer .module-wrapper .page-footer-box:nth-child(2) { float: left; width: 12.5%; } }

#page-footer .module-wrapper .page-footer-box:nth-child(3) { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { #page-footer .module-wrapper .page-footer-box:nth-child(3) { float: left; width: 37.5%; } }

@media (min-width: 768px) { #page-footer .module-wrapper .page-footer-box:nth-child(3) { margin-left: 4.16667%; } }

@media (min-width: 992px) { #page-footer .module-wrapper .page-footer-box:nth-child(3) { float: left; width: 33.33333%; } }

@media (min-width: 992px) { #page-footer .module-wrapper .page-footer-box:nth-child(3) { margin-left: 16.66667%; } }

@media (min-width: 1200px) { #page-footer .module-wrapper .page-footer-box:nth-child(3) { float: left; width: 25%; } }

@media (min-width: 1200px) { #page-footer .module-wrapper .page-footer-box:nth-child(3) { margin-left: 12.5%; } }

#page-footer .module-wrapper .page-footer-box:nth-child(4) { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { #page-footer .module-wrapper .page-footer-box:nth-child(4) { float: left; width: 25%; } }

@media (min-width: 992px) { #page-footer .module-wrapper .page-footer-box:nth-child(4) { float: left; width: 16.66667%; } }

@media (min-width: 1200px) { #page-footer .module-wrapper .page-footer-box:nth-child(4) { float: left; width: 12.5%; } }

#page-footer .module-wrapper a { color: #434A54; }

#page-footer .module-wrapper a:hover { color: #ff5c33; }

#page-footer .module-wrapper p { margin-bottom: 0; }

#page-footer .module-wrapper h5 { font-size: 14px; line-height: 23px; font-size: 1.4rem; line-height: 2.3rem; font-family: "latoregular"; }

#page-footer .module-wrapper ul { list-style: none; margin: 0; padding: 0; }

#page-footer #box-wedo { text-transform: none; }

#page-footer #box-wedo img { width: 5rem; margin-bottom: 1rem; }

#page-footer #box-social { text-transform: none; }

#page-footer #box-social address { margin: 1.5rem 0; }

/*******
*
*	Setup Module
*
********/
/* Stage (text boxes) */
#stage { max-width: 2000px; margin-left: auto; margin-right: auto; height: 80vh; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#stage .carousel { border: 1px solid #888; margin: 0; padding: 2rem; line-height: 1em; font-family: "latobold"; font-weight: bold; text-transform: uppercase; background-color: #fff; color: #888; cursor: pointer; }

@media (min-width: 480px) { #stage .carousel { padding: 3rem; } }

#stage .carousel a { color: inherit; }

@media (max-width: 600px) { #stage .carousel { text-align: center; width: 50%; min-width: 10em; max-width: 14em; margin: .5em auto; } }

@media (min-width: 601px) { #stage .carousel { position: absolute; -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; }
  #stage .carousel:hover { border-color: #ff3300; -webkit-transform: scale(1.2); transform: scale(1.2); }
  #stage .carousel#komp1 { bottom: 50%; right: calc(50% - 2rem); max-width: 5.25em; z-index: 7; font-size: 3.5rem; }
  #stage .carousel#komp2 { bottom: calc(50% - 2.5rem); left: calc(50% + .5rem); z-index: 5; font-size: 2.5em; }
  #stage .carousel#komp3 { top: calc(50% + 1rem); right: calc(50% - 2rem); z-index: 4; font-size: 2em; }
  #stage .carousel#komp4 { top: calc(50% + 3.5rem); left: 50%; z-index: 3; font-size: 2em; } }

#circleContainer { position: absolute; top: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 100%; max-width: 145vmin; min-width: 100vmin; max-height: 145vmin; margin: auto; overflow: hidden; }

#circleContainer > div.circleArea { position: absolute; z-index: 2; top: 0; left: 0; height: 100vh; width: 100%; background-color: transparent; will-change: transform; }

#circleContainer > div.circleArea.spinning { -webkit-animation-name: spinning; animation-name: spinning; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

#circleContainer > div.circleArea.highlight { z-index: 4; }

#circleContainer > div.circleArea#komp1Circles.spinning { -webkit-animation-duration: 190s; animation-duration: 190s; -webkit-animation-direction: reverse; animation-direction: reverse; }

#circleContainer > div.circleArea#komp2Circles.spinning { -webkit-animation-duration: 230s; animation-duration: 230s; -webkit-animation-direction: normal; animation-direction: normal; }

#circleContainer > div.circleArea#komp3Circles.spinning { -webkit-animation-duration: 150s; animation-duration: 150s; -webkit-animation-direction: normal; animation-direction: normal; }

#circleContainer > div.circleArea#komp4Circles.spinning { -webkit-animation-duration: 270s; animation-duration: 270s; -webkit-animation-direction: reverse; animation-direction: reverse; }

#circleContainer > div.circleArea > .circle { position: absolute; display: inline-block; padding: 0; background-image: url("../Images/circles/circles.svg"); background-repeat: no-repeat; color: transparent; }

/*********************/
/* Circles and Lines */
/*********************/
@-webkit-keyframes spinning { 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spinning { 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

body.circles .flex-fill-screen { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

body.circles .flex-fill-screen > .module-wrapper .arrow { width: 70px; height: 30px; margin-left: auto; margin-right: auto; display: block; background: url("../Images/arrow-down.svg") transparent no-repeat center bottom; cursor: pointer; }

body.circles .flex-fill-screen > .module-wrapper .arrow.animated { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }

body.circles .flex-fill-screen + .module-wrapper { margin-top: 3em; }

body.circles .flex-fill-screen ~ .module-wrapper { background-color: #fff; }

body.circles .lines { position: absolute; top: 0; left: 0; width: 100%; height: calc(100vh - 20px); }

body.circles .lines svg { position: absolute; z-index: -1; top: 0; left: 0; stroke-width: 1; stroke: #ff3300; }

body.circles .descriptions { display: none; }

body.circles .descriptions .descr { position: absolute; z-index: 4; line-height: 1.25em; height: 1.25em; display: inline-block; font-family: latoregular; font-size: medium; text-align: center; color: #888; text-shadow: 1px 1px 0 #fff; }

#l11 { width: 50px; height: 50px; left: 35%; top: 74vh; background-size: 200px 100px; background-position-x: 0px; background-position-y: 0; }

.highlight > #l11 { background-position-y: -50px; }

@media (max-width: 480px) { #l11 { width: 33.33333px; height: 33.33333px; background-size: 133.33333px 66.66667px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l11 { background-position-y: -33.33333px; } }

@media (max-width: 380px) { #l11 { width: 25px; height: 25px; background-size: 100px 50px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l11 { background-position-y: -25px; } }

#l12 { width: 26px; height: 26px; left: 73%; top: 32vh; background-size: 104px 52px; background-position-x: 0px; background-position-y: 0; }

.highlight > #l12 { background-position-y: -26px; }

@media (max-width: 480px) { #l12 { width: 17.33333px; height: 17.33333px; background-size: 69.33333px 34.66667px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l12 { background-position-y: -17.33333px; } }

@media (max-width: 380px) { #l12 { width: 13px; height: 13px; background-size: 52px 26px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l12 { background-position-y: -13px; } }

#l13 { width: 28px; height: 28px; left: 67%; top: 53vh; background-size: 112px 56px; background-position-x: 0px; background-position-y: 0; }

.highlight > #l13 { background-position-y: -28px; }

@media (max-width: 480px) { #l13 { width: 18.66667px; height: 18.66667px; background-size: 74.66667px 37.33333px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l13 { background-position-y: -18.66667px; } }

@media (max-width: 380px) { #l13 { width: 14px; height: 14px; background-size: 56px 28px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l13 { background-position-y: -14px; } }

#l14 { width: 60px; height: 60px; left: 21%; top: 8vh; background-size: 240px 120px; background-position-x: 0px; background-position-y: 0; }

.highlight > #l14 { background-position-y: -60px; }

@media (max-width: 480px) { #l14 { width: 40px; height: 40px; background-size: 160px 80px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l14 { background-position-y: -40px; } }

@media (max-width: 380px) { #l14 { width: 30px; height: 30px; background-size: 120px 60px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l14 { background-position-y: -30px; } }

#l15 { width: 44px; height: 44px; left: 58%; top: 5vh; background-size: 176px 88px; background-position-x: 0px; background-position-y: 0; }

.highlight > #l15 { background-position-y: -44px; }

@media (max-width: 480px) { #l15 { width: 29.33333px; height: 29.33333px; background-size: 117.33333px 58.66667px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l15 { background-position-y: -29.33333px; } }

@media (max-width: 380px) { #l15 { width: 22px; height: 22px; background-size: 88px 44px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l15 { background-position-y: -22px; } }

#l16 { width: 36px; height: 36px; left: 24%; top: 55vh; background-size: 144px 72px; background-position-x: 0px; background-position-y: 0; }

.highlight > #l16 { background-position-y: -36px; }

@media (max-width: 480px) { #l16 { width: 24px; height: 24px; background-size: 96px 48px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l16 { background-position-y: -24px; } }

@media (max-width: 380px) { #l16 { width: 18px; height: 18px; background-size: 72px 36px; background-position-x: 0px; background-position-y: 0; }
  .highlight > #l16 { background-position-y: -18px; } }

#l21 { width: 32px; height: 32px; left: 63%; top: 79vh; background-size: 128px 64px; background-position-x: -32px; background-position-y: 0; }

.highlight > #l21 { background-position-y: -32px; }

@media (max-width: 480px) { #l21 { width: 21.33333px; height: 21.33333px; background-size: 85.33333px 42.66667px; background-position-x: -21.33333px; background-position-y: 0; }
  .highlight > #l21 { background-position-y: -21.33333px; } }

@media (max-width: 380px) { #l21 { width: 16px; height: 16px; background-size: 64px 32px; background-position-x: -16px; background-position-y: 0; }
  .highlight > #l21 { background-position-y: -16px; } }

#l22 { width: 34px; height: 34px; left: 80%; top: 34vh; background-size: 136px 68px; background-position-x: -34px; background-position-y: 0; }

.highlight > #l22 { background-position-y: -34px; }

@media (max-width: 480px) { #l22 { width: 22.66667px; height: 22.66667px; background-size: 90.66667px 45.33333px; background-position-x: -22.66667px; background-position-y: 0; }
  .highlight > #l22 { background-position-y: -22.66667px; } }

@media (max-width: 380px) { #l22 { width: 17px; height: 17px; background-size: 68px 34px; background-position-x: -17px; background-position-y: 0; }
  .highlight > #l22 { background-position-y: -17px; } }

#l23 { width: 28px; height: 28px; left: 24%; top: 31vh; background-size: 112px 56px; background-position-x: -28px; background-position-y: 0; }

.highlight > #l23 { background-position-y: -28px; }

@media (max-width: 480px) { #l23 { width: 18.66667px; height: 18.66667px; background-size: 74.66667px 37.33333px; background-position-x: -18.66667px; background-position-y: 0; }
  .highlight > #l23 { background-position-y: -18.66667px; } }

@media (max-width: 380px) { #l23 { width: 14px; height: 14px; background-size: 56px 28px; background-position-x: -14px; background-position-y: 0; }
  .highlight > #l23 { background-position-y: -14px; } }

#l24 { width: 54px; height: 54px; left: 34%; top: 59vh; background-size: 216px 108px; background-position-x: -54px; background-position-y: 0; }

.highlight > #l24 { background-position-y: -54px; }

@media (max-width: 480px) { #l24 { width: 36px; height: 36px; background-size: 144px 72px; background-position-x: -36px; background-position-y: 0; }
  .highlight > #l24 { background-position-y: -36px; } }

@media (max-width: 380px) { #l24 { width: 27px; height: 27px; background-size: 108px 54px; background-position-x: -27px; background-position-y: 0; }
  .highlight > #l24 { background-position-y: -27px; } }

#l25 { width: 34px; height: 34px; left: 62%; top: 2vh; background-size: 136px 68px; background-position-x: -34px; background-position-y: 0; }

.highlight > #l25 { background-position-y: -34px; }

@media (max-width: 480px) { #l25 { width: 22.66667px; height: 22.66667px; background-size: 90.66667px 45.33333px; background-position-x: -22.66667px; background-position-y: 0; }
  .highlight > #l25 { background-position-y: -22.66667px; } }

@media (max-width: 380px) { #l25 { width: 17px; height: 17px; background-size: 68px 34px; background-position-x: -17px; background-position-y: 0; }
  .highlight > #l25 { background-position-y: -17px; } }

#l26 { width: 44px; height: 44px; left: 31%; top: 6vh; background-size: 176px 88px; background-position-x: -44px; background-position-y: 0; }

.highlight > #l26 { background-position-y: -44px; }

@media (max-width: 480px) { #l26 { width: 29.33333px; height: 29.33333px; background-size: 117.33333px 58.66667px; background-position-x: -29.33333px; background-position-y: 0; }
  .highlight > #l26 { background-position-y: -29.33333px; } }

@media (max-width: 380px) { #l26 { width: 22px; height: 22px; background-size: 88px 44px; background-position-x: -22px; background-position-y: 0; }
  .highlight > #l26 { background-position-y: -22px; } }

#l31 { width: 60px; height: 60px; left: 40%; top: 11vhh; background-size: 240px 120px; background-position-x: -120px; background-position-y: 0; }

.highlight > #l31 { background-position-y: -60px; }

@media (max-width: 480px) { #l31 { width: 40px; height: 40px; background-size: 160px 80px; background-position-x: -80px; background-position-y: 0; }
  .highlight > #l31 { background-position-y: -40px; } }

@media (max-width: 380px) { #l31 { width: 30px; height: 30px; background-size: 120px 60px; background-position-x: -60px; background-position-y: 0; }
  .highlight > #l31 { background-position-y: -30px; } }

#l32 { width: 40px; height: 40px; left: 16%; top: 35vh; background-size: 160px 80px; background-position-x: -80px; background-position-y: 0; }

.highlight > #l32 { background-position-y: -40px; }

@media (max-width: 480px) { #l32 { width: 26.66667px; height: 26.66667px; background-size: 106.66667px 53.33333px; background-position-x: -53.33333px; background-position-y: 0; }
  .highlight > #l32 { background-position-y: -26.66667px; } }

@media (max-width: 380px) { #l32 { width: 20px; height: 20px; background-size: 80px 40px; background-position-x: -40px; background-position-y: 0; }
  .highlight > #l32 { background-position-y: -20px; } }

#l33 { width: 70px; height: 70px; left: 65%; top: 32vh; background-size: 280px 140px; background-position-x: -140px; background-position-y: 0; }

.highlight > #l33 { background-position-y: -70px; }

@media (max-width: 480px) { #l33 { width: 46.66667px; height: 46.66667px; background-size: 186.66667px 93.33333px; background-position-x: -93.33333px; background-position-y: 0; }
  .highlight > #l33 { background-position-y: -46.66667px; } }

@media (max-width: 380px) { #l33 { width: 35px; height: 35px; background-size: 140px 70px; background-position-x: -70px; background-position-y: 0; }
  .highlight > #l33 { background-position-y: -35px; } }

#l34 { width: 36px; height: 36px; left: 20%; top: 72vh; background-size: 144px 72px; background-position-x: -72px; background-position-y: 0; }

.highlight > #l34 { background-position-y: -36px; }

@media (max-width: 480px) { #l34 { width: 24px; height: 24px; background-size: 96px 48px; background-position-x: -48px; background-position-y: 0; }
  .highlight > #l34 { background-position-y: -24px; } }

@media (max-width: 380px) { #l34 { width: 18px; height: 18px; background-size: 72px 36px; background-position-x: -36px; background-position-y: 0; }
  .highlight > #l34 { background-position-y: -18px; } }

#l35 { width: 60px; height: 60px; left: 49%; top: 75vh; background-size: 240px 120px; background-position-x: -120px; background-position-y: 0; }

.highlight > #l35 { background-position-y: -60px; }

@media (max-width: 480px) { #l35 { width: 40px; height: 40px; background-size: 160px 80px; background-position-x: -80px; background-position-y: 0; }
  .highlight > #l35 { background-position-y: -40px; } }

@media (max-width: 380px) { #l35 { width: 30px; height: 30px; background-size: 120px 60px; background-position-x: -60px; background-position-y: 0; }
  .highlight > #l35 { background-position-y: -30px; } }

#l36 { width: 44px; height: 44px; left: 61%; top: 62vh; background-size: 176px 88px; background-position-x: -88px; background-position-y: 0; }

.highlight > #l36 { background-position-y: -44px; }

@media (max-width: 480px) { #l36 { width: 29.33333px; height: 29.33333px; background-size: 117.33333px 58.66667px; background-position-x: -58.66667px; background-position-y: 0; }
  .highlight > #l36 { background-position-y: -29.33333px; } }

@media (max-width: 380px) { #l36 { width: 22px; height: 22px; background-size: 88px 44px; background-position-x: -44px; background-position-y: 0; }
  .highlight > #l36 { background-position-y: -22px; } }

#l41 { width: 48px; height: 48px; left: 80%; top: 66vh; background-size: 192px 96px; background-position-x: -144px; background-position-y: 0; }

.highlight > #l41 { background-position-y: -48px; }

@media (max-width: 480px) { #l41 { width: 32px; height: 32px; background-size: 128px 64px; background-position-x: -96px; background-position-y: 0; }
  .highlight > #l41 { background-position-y: -32px; } }

@media (max-width: 380px) { #l41 { width: 24px; height: 24px; background-size: 96px 48px; background-position-x: -72px; background-position-y: 0; }
  .highlight > #l41 { background-position-y: -24px; } }

#l42 { width: 38px; height: 38px; left: 78%; top: 24vh; background-size: 152px 76px; background-position-x: -114px; background-position-y: 0; }

.highlight > #l42 { background-position-y: -38px; }

@media (max-width: 480px) { #l42 { width: 25.33333px; height: 25.33333px; background-size: 101.33333px 50.66667px; background-position-x: -76px; background-position-y: 0; }
  .highlight > #l42 { background-position-y: -25.33333px; } }

@media (max-width: 380px) { #l42 { width: 19px; height: 19px; background-size: 76px 38px; background-position-x: -57px; background-position-y: 0; }
  .highlight > #l42 { background-position-y: -19px; } }

#l43 { width: 60px; height: 60px; left: 47%; top: 12vh; background-size: 240px 120px; background-position-x: -180px; background-position-y: 0; }

.highlight > #l43 { background-position-y: -60px; }

@media (max-width: 480px) { #l43 { width: 40px; height: 40px; background-size: 160px 80px; background-position-x: -120px; background-position-y: 0; }
  .highlight > #l43 { background-position-y: -40px; } }

@media (max-width: 380px) { #l43 { width: 30px; height: 30px; background-size: 120px 60px; background-position-x: -90px; background-position-y: 0; }
  .highlight > #l43 { background-position-y: -30px; } }

#l44 { width: 42px; height: 42px; left: 39%; top: 77vh; background-size: 168px 84px; background-position-x: -126px; background-position-y: 0; }

.highlight > #l44 { background-position-y: -42px; }

@media (max-width: 480px) { #l44 { width: 28px; height: 28px; background-size: 112px 56px; background-position-x: -84px; background-position-y: 0; }
  .highlight > #l44 { background-position-y: -28px; } }

@media (max-width: 380px) { #l44 { width: 21px; height: 21px; background-size: 84px 42px; background-position-x: -63px; background-position-y: 0; }
  .highlight > #l44 { background-position-y: -21px; } }

#l45 { width: 52px; height: 52px; left: 27%; top: 37vh; background-size: 208px 104px; background-position-x: -156px; background-position-y: 0; }

.highlight > #l45 { background-position-y: -52px; }

@media (max-width: 480px) { #l45 { width: 34.66667px; height: 34.66667px; background-size: 138.66667px 69.33333px; background-position-x: -104px; background-position-y: 0; }
  .highlight > #l45 { background-position-y: -34.66667px; } }

@media (max-width: 380px) { #l45 { width: 26px; height: 26px; background-size: 104px 52px; background-position-x: -78px; background-position-y: 0; }
  .highlight > #l45 { background-position-y: -26px; } }

#l46 { width: 26px; height: 26px; left: 73%; top: 37vh; background-size: 104px 52px; background-position-x: -78px; background-position-y: 0; }

.highlight > #l46 { background-position-y: -26px; }

@media (max-width: 480px) { #l46 { width: 17.33333px; height: 17.33333px; background-size: 69.33333px 34.66667px; background-position-x: -52px; background-position-y: 0; }
  .highlight > #l46 { background-position-y: -17.33333px; } }

@media (max-width: 380px) { #l46 { width: 13px; height: 13px; background-size: 52px 26px; background-position-x: -39px; background-position-y: 0; }
  .highlight > #l46 { background-position-y: -13px; } }

.module-wrapper .social-icon-nav { margin: 3rem 0; }

.social-icon-nav ul { list-style: none; margin: 0; padding: 0; }

.social-icon-nav ul li { display: inline-block; margin-right: 0.5rem; }

#page-footer .module-wrapper .social-icon-nav { margin: 0; }

.list-wrapper-full { text-align: center; margin: 3rem 0; margin-left: -15px; margin-right: -15px; }

.list-wrapper-full:before, .list-wrapper-full:after { content: " "; display: table; }

.list-wrapper-full:after { clear: both; }

.list-wrapper-full ul { list-style: none; margin: 0; padding: 0; }

.list-wrapper-full ul li { margin-bottom: 1.5rem; position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-left: 8.33333%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 1200px) { .list-wrapper-full ul li { float: left; width: 66.66667%; } }

@media (min-width: 1200px) { .list-wrapper-full ul li { margin-left: 16.66667%; } }

.list-wrapper-full ul li a { display: block; white-space: normal; }

.list-wrapper-double { text-align: center; margin: 3rem 0; margin-left: -15px; margin-right: -15px; }

.list-wrapper-double:before, .list-wrapper-double:after { content: " "; display: table; }

.list-wrapper-double:after { clear: both; }

.list-wrapper-double ul { list-style: none; margin: 0; padding: 0; }

.list-wrapper-double ul li { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .list-wrapper-double ul li { float: left; width: 41.66667%; } }

@media (min-width: 768px) { .list-wrapper-double ul li { margin-left: 4.16667%; } }

@media (min-width: 768px) { .list-wrapper-double ul li:nth-child(2) { margin-left: 8.33333%; } }

@media (max-width: 767px) { .list-wrapper-double ul li:nth-child(2) { margin-top: 1.5rem; } }

.list-wrapper-double ul li a { display: block; white-space: normal; }

@-webkit-keyframes slideInFromLeft { 0% { -webkit-transform: translateY(-200px); transform: translateY(-200px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes slideInFromLeft { 0% { -webkit-transform: translateY(-200px); transform: translateY(-200px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

ul.list-extralinks { list-style: none; margin: 0; padding: 0; position: absolute; top: 50vh; right: 0px; display: block; -webkit-transform: rotate(90deg) translateY(-8rem); transform: rotate(90deg) translateY(-8rem); }

ul.list-extralinks li { text-transform: uppercase; display: inline-block; margin: 0 2rem; text-align: center; -webkit-animation: 1s ease-out 0s 1 slideInFromLeft; animation: 1s ease-out 0s 1 slideInFromLeft; }

ul.list-extralinks li a { color: #434A54; display: block; }

ul.list-extralinks li a::before { font-size: 1.5rem; content: ''; background: transparent url("../Images/oben.svg") center center no-repeat; background-size: 3rem auto; width: 100%; height: 18px; display: block; text-align: center; -webkit-transition: all 150ms ease; transition: all 150ms ease; }

ul.list-extralinks li a:hover::before { background-position: top center; }

@media (max-width: 767px) { ul.list-extralinks { display: none; } }

.cta { text-align: center; background: #000; background-size: cover; position: relative; height: 130px; overflow: hidden; margin-top: 1rem; margin-left: -15px; margin-right: -15px; }

.cta:before, .cta:after { content: " "; display: table; }

.cta:after { clear: both; }

.cta .cta-content-wrapper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.cta .cta-content-wrapper .cta-content > p { position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-left: 8.33333%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-bottom: 1.5rem; color: #fff; text-shadow: 1px 1px 1px #434A54; }

@media (min-width: 768px) { .cta .cta-content-wrapper .cta-content > p { float: left; width: 66.66667%; } }

@media (min-width: 768px) { .cta .cta-content-wrapper .cta-content > p { margin-left: 16.66667%; } }

@media (min-width: 992px) { .cta .cta-content-wrapper .cta-content > p { float: left; width: 50%; } }

@media (min-width: 992px) { .cta .cta-content-wrapper .cta-content > p { margin-left: 25%; } }

.cta .cta-content-wrapper .cta-content > .button { position: relative; float: left; width: 66.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-left: 16.66667%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .cta .cta-content-wrapper .cta-content > .button { float: left; width: 50%; } }

@media (min-width: 768px) { .cta .cta-content-wrapper .cta-content > .button { margin-left: 25%; } }

@media (min-width: 992px) { .cta .cta-content-wrapper .cta-content > .button { float: left; width: 33.33333%; } }

@media (min-width: 992px) { .cta .cta-content-wrapper .cta-content > .button { margin-left: 33.33333%; } }

.cta .button { background-color: #fff; }

.cta.cta-corner::before { width: 0; height: 0; border-style: solid; border-width: 0 100vw 35px 0; border-color: transparent #fff transparent transparent; position: absolute; right: 0; top: 0; content: ''; }

.cta.cta-big { height: 370px; }

.cta.cta-big.cta-corner::before { border-width: 0 100vw 80px 0; }

#map { background: #f4f4f4; height: 400px; margin-left: -15px; margin-right: -15px; text-align: center; }

#map:before, #map:after { content: " "; display: table; }

#map:after { clear: both; }

.personal-contact { background-color: #f4f4f4; margin: 6rem 0 1.5rem; margin-left: -15px; margin-right: -15px; }

.personal-contact:before, .personal-contact:after { content: " "; display: table; }

.personal-contact:after { clear: both; }

.personal-contact .personal-contact-wrapper .personal-contact-name { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; height: 120px; }

@media (min-width: 768px) { .personal-contact .personal-contact-wrapper .personal-contact-name { float: left; width: 58.33333%; } }

@media (min-width: 992px) { .personal-contact .personal-contact-wrapper .personal-contact-name { float: left; width: 58.33333%; } }

@media (min-width: 1200px) { .personal-contact .personal-contact-wrapper .personal-contact-name { float: left; width: 50%; } }

@media (max-width: 767px) { .personal-contact .personal-contact-wrapper .personal-contact-name { height: 110px; } }

.personal-contact .personal-contact-wrapper .personal-contact-name img { position: absolute; left: 0; bottom: 0; width: 150px; height: 150px; }

@media (max-width: 767px) { .personal-contact .personal-contact-wrapper .personal-contact-name img { width: 100px; height: 100px; } }

.personal-contact .personal-contact-wrapper .personal-contact-name p { padding-top: 1.5rem; float: right; width: 100%; padding-left: 170px; }

@media (max-width: 767px) { .personal-contact .personal-contact-wrapper .personal-contact-name p { padding-left: 110px; } }

.personal-contact .personal-contact-wrapper .personal-contact-number { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; }

@media (min-width: 768px) { .personal-contact .personal-contact-wrapper .personal-contact-number { float: left; width: 41.66667%; } }

@media (min-width: 992px) { .personal-contact .personal-contact-wrapper .personal-contact-number { float: left; width: 41.66667%; } }

@media (min-width: 1200px) { .personal-contact .personal-contact-wrapper .personal-contact-number { float: left; width: 50%; } }

.personal-contact .personal-contact-wrapper .personal-contact-number p { font-size: 26px; line-height: 39px; font-size: 2.6rem; line-height: 3.9rem; position: relative; display: inline-block; padding-top: 3.75rem; }

@media (max-width: 767px) { .personal-contact .personal-contact-wrapper .personal-contact-number p { width: 100%; padding: 4.95rem 0 1.5rem; margin-top: 40px; } }

.personal-contact .personal-contact-wrapper .personal-contact-number p span { color: #b3b3b3; left: -40px; top: 3.75rem; position: absolute; }

.personal-contact .personal-contact-wrapper .personal-contact-number p span:before { font-size: 5rem; }

@media (max-width: 767px) { .personal-contact .personal-contact-wrapper .personal-contact-number p span { left: 50%; margin-left: -2.5rem; top: 0; } }

.personal-contact .personal-contact-wrapper .personal-contact-number p a { color: #434A54; }

.client-list-wrapper { text-align: center; margin: 3rem 0; margin-left: -15px; margin-right: -15px; }

.client-list-wrapper:before, .client-list-wrapper:after { content: " "; display: table; }

.client-list-wrapper:after { clear: both; }

.client-list-wrapper ul { list-style: none; margin: 0; padding: 0; }

.client-list-wrapper ul li { margin-bottom: 6rem; position: relative; float: left; width: 33.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .client-list-wrapper ul li { float: left; width: 25%; } }

@media (min-width: 992px) { .client-list-wrapper ul li { float: left; width: 16.66667%; } }

@media (min-width: 1200px) { .client-list-wrapper ul li { float: left; width: 13.33333%; } }

@media (max-width: 767px) { .client-list-wrapper ul li { position: relative; float: left; width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; } }

@media (min-width: 992px) and (min-width: 1200px) { .client-list-wrapper ul li { margin-left: 1%; } }

@media (min-width: 992px) and (min-width: 1200px) { .client-list-wrapper ul li:nth-child(7n+1) { margin-left: 0%; } }

.client-list-wrapper ul li .client-logo-wrapper { max-height: 100px; }

.client-list-wrapper ul li .client-logo-wrapper .single-logo-wrapper .helper { display: table; width: 100%; height: 100%; }

.client-list-wrapper ul li .client-logo-wrapper .single-logo-wrapper .helper .single-logo { display: table-cell; vertical-align: middle; }

.client-list-wrapper ul li .client-logo-wrapper .single-logo-wrapper .helper .single-logo img { width: auto; width: 100%; height: 55px; background: none; }

.clients-homepage-list-wrapper { margin-left: -15px; margin-right: -15px; margin: 4.5rem 0; }

.clients-homepage-list-wrapper:before, .clients-homepage-list-wrapper:after { content: " "; display: table; }

.clients-homepage-list-wrapper:after { clear: both; }

.clients-homepage-list-wrapper > ul { list-style: none; margin: 0; padding: 0; }

.clients-homepage-list-wrapper > ul > li { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer; }

@media (min-width: 768px) { .clients-homepage-list-wrapper > ul > li { float: left; width: 41.66667%; } }

@media (min-width: 992px) { .clients-homepage-list-wrapper > ul > li { float: left; width: 25%; } }

@media (max-width: 991px) and (min-width: 768px) { .clients-homepage-list-wrapper > ul > li:nth-child(2n+1) { margin-left: 8.33333%; } }

@media (min-width: 992px) { .clients-homepage-list-wrapper > ul > li:nth-child(3n+1) { margin-left: 12.5%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .clients-homepage-list-wrapper > ul > li { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (min-width: 992px) { .clients-homepage-list-wrapper > ul > li { float: left; width: 41.66667%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (min-width: 992px) { .clients-homepage-list-wrapper > ul > li:nth-child(3n+1) { margin-left: 0%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (min-width: 992px) { .clients-homepage-list-wrapper > ul > li:nth-child(2n+1) { margin-left: 8.33333%; } }

.clients-homepage-list-wrapper > ul > li .table-content { text-align: center; }

.clients-homepage-list-wrapper > ul > li .table-content img { -webkit-filter: grayscale(100%); filter: grayscale(100%); width: 100%; max-width: 16rem; max-height: 80px; }

.clients-homepage-list-wrapper > ul > li:hover, .clients-homepage-list-wrapper > ul > li.is-active { background-color: #f8f8f8; }

.clients-homepage-list-wrapper > ul > li:hover .table-content img, .clients-homepage-list-wrapper > ul > li.is-active .table-content img { -webkit-filter: none; filter: none; }

.clients-homepage-list-wrapper > ul > li.is-in-active { opacity: 0.05; z-index: 10; }

.clients-homepage-list-wrapper > ul > li .client-info-overlay { position: absolute; right: 50%; margin-right: -50%; top: 50%; margin-top: -50%; width: 100%; height: 100%; -webkit-transition: all 300ms ease; transition: all 300ms ease; }

@media (max-width: 767px) { .clients-homepage-list-wrapper > ul > li .client-info-overlay { width: 100%; height: auto; margin: 0; left: auto; right: auto; top: 0; } }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content { text-align: center; opacity: 1; }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul { list-style: none; margin: 0; padding: 0; margin-top: 4rem; }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul:before, .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul:after { content: " "; display: table; }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul:after { clear: both; }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li { width: 50%; padding-right: 120px; float: left; text-transform: uppercase; text-align: right; margin-top: 3rem; opacity: 0; font-size: 15px; line-height: 22.5px; font-size: 1.5rem; line-height: 2.25rem; height: 60px; }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(even) { float: right; text-align: left; padding-left: 120px; padding-right: 0; }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(even):before, .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(even):after { content: " "; display: table; }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(even):after { clear: both; }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li span { color: #ff3300; display: block; font-size: 21px; line-height: 14px; font-size: 2.1rem; line-height: 1.4rem; }

@media (max-width: 991px) { .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li { width: 100%; text-align: center; padding: 0; margin-top: 0; }
  .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(even) { text-align: center; padding: 0; } }

@media (max-width: 767px) { .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(even), .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(odd) { width: 100%; float: none; margin: 0; margin-bottom: 1rem; text-align: center; }
  .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(even):before, .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(even):after, .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(odd):before, .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(odd):after { content: " "; display: table; }
  .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(even):after, .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul li:nth-child(odd):after { clear: both; } }

@media (max-width: 767px) { .clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content ul { margin-top: 6rem; } }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .overlay-content a { opacity: 0; display: none; }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .cross-wrapper { display: inline-block; width: 3rem; height: 3rem; position: absolute; right: 1.5rem; top: 1.5rem; -webkit-transition: all 300ms ease; transition: all 300ms ease; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .clients-homepage-list-wrapper > ul > li .client-info-overlay .cross-wrapper { top: 3rem; } }

@media (max-width: 767px) { .clients-homepage-list-wrapper > ul > li .client-info-overlay .cross-wrapper { left: 50%; margin-left: -1.5rem; } }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .cross-wrapper .cross-box { display: block; position: relative; width: 100%; height: 100%; }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .cross-wrapper .cross-box .cross-box-inner::before, .clients-homepage-list-wrapper > ul > li .client-info-overlay .cross-wrapper .cross-box .cross-box-inner::after { content: ""; display: block; width: 1px; height: 3rem; background-color: red; position: absolute; top: 0; left: calc(3rem / 2); }

.clients-homepage-list-wrapper > ul > li .client-info-overlay .cross-wrapper .cross-box .cross-box-inner::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.clients-homepage-list-wrapper > ul > li:hover .client-info-overlay .cross-wrapper { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .cross-wrapper { -webkit-transform: rotate(225deg); transform: rotate(225deg); }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay { height: 40rem; width: 60rem; top: 50%; margin-top: -20rem; right: 50%; margin-right: -30rem; z-index: 20; }

@media (max-width: 991px) { .clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay { right: 50%; margin-right: -50%; top: 50%; margin-top: -50%; width: 100%; height: 50rem; background-color: #f8f8f8; } }

@media (max-width: 767px) { .clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay { width: 100%; height: auto; margin: 0; left: auto; right: auto; top: 0; background-color: #fff; } }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content { opacity: 1; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content ul li { -webkit-animation: pop-in 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards; animation: pop-in 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content ul li:nth-child(1) { -webkit-animation-delay: 0.24s; animation-delay: 0.24s; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content ul li:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content ul li:nth-child(3) { -webkit-animation-delay: 0.36s; animation-delay: 0.36s; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content ul li:nth-child(4) { -webkit-animation-delay: 0.42s; animation-delay: 0.42s; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content ul li:nth-child(5) { -webkit-animation-delay: 0.48s; animation-delay: 0.48s; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content ul li:nth-child(6) { -webkit-animation-delay: 0.54s; animation-delay: 0.54s; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content a { -webkit-animation: pop-in 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards; animation: pop-in 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; display: inline-block; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content a:nth-child(1) { -webkit-animation-delay: 0.64s; animation-delay: 0.64s; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content a:nth-child(2) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content a:nth-child(3) { -webkit-animation-delay: 0.76s; animation-delay: 0.76s; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content a:nth-child(4) { -webkit-animation-delay: 0.82s; animation-delay: 0.82s; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content a:nth-child(5) { -webkit-animation-delay: 0.88s; animation-delay: 0.88s; }

.clients-homepage-list-wrapper > ul > li.is-active .client-info-overlay .overlay-content a:nth-child(6) { -webkit-animation-delay: 0.94s; animation-delay: 0.94s; }

.team-list-wrapper { margin-left: -15px; margin-right: -15px; }

.team-list-wrapper:before, .team-list-wrapper:after { content: " "; display: table; }

.team-list-wrapper:after { clear: both; }

.team-list-wrapper ul { list-style: none; margin: 0; padding: 0; }

.team-list-wrapper ul li { -webkit-transition: all 150ms ease; transition: all 150ms ease; position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-bottom: 2rem; }

@media (min-width: 768px) { .team-list-wrapper ul li { float: left; width: 41.66667%; } }

@media (min-width: 992px) { .team-list-wrapper ul li { float: left; width: 29.16667%; } }

@media (min-width: 992px) { .team-list-wrapper ul li:nth-child(3n+1) { margin-left: 6.25%; } }

@media (max-width: 767px) { .team-list-wrapper ul li { margin-left: 8.33333%; } }

@media (max-width: 991px) and (min-width: 992px) { .team-list-wrapper ul li { margin-left: 0%; } }

@media (max-width: 991px) and (min-width: 768px) { .team-list-wrapper ul li:nth-child(2n+1) { margin-left: 8.33333%; } }

.team-image-wrapper figure { border: 1px solid #f6f6f6; overflow: hidden; }

.team-image-wrapper figure figcaption { display: block; background-color: rgba(255, 255, 255, 0.9); position: absolute; bottom: 0px; width: 100%; padding: 0.75rem 0; z-index: 20; -webkit-transition: bottom 150ms ease; transition: bottom 150ms ease; text-align: left; font-size: 11px; line-height: 16.5px; font-size: 1.1rem; line-height: 1.65rem; }

.team-image-wrapper figure figcaption span { white-space: nowrap; position: relative; float: left; width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.team-image-wrapper figure figcaption span p { margin: 0; }

.team-image-wrapper figure figcaption span.fact { text-align: right; }

@media (max-width: 1199px) { .team-image-wrapper figure figcaption span { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; }
  .team-image-wrapper figure figcaption span:nth-child(2) { text-align: center; } }

@media (max-width: 480px) { .team-image-wrapper figure figcaption { font-size: 9px; line-height: 13.5px; font-size: 0.9rem; line-height: 1.35rem; }
  .team-image-wrapper figure figcaption span:nth-child(2) { display: none; } }

@media (min-width: 992px) { .team-image-wrapper figure figcaption { bottom: -100px; } }

@media (max-width: 768px) { .slick-slide .team-image-wrapper figure figcaption { display: none; } }

.team-image-wrapper figure .animated-overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; opacity: 0; }

.team-image-wrapper figure .animated-overlay img { -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; max-width: 100%; max-height: 100%; }

.team-image-wrapper figure:hover .animated-overlay { opacity: 1; }

.team-image-wrapper figure:hover figcaption { bottom: 0; }

.team-image-wrapper .team-join-wrapper .helper { display: table; width: 100%; height: 100%; }

.team-image-wrapper .team-join-wrapper a { display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #ff3300; color: #434A54; font-size: 6rem; }

.team-image-wrapper .team-join-wrapper a:hover { background-color: #ff3300; color: #fff; text-decoration: none; }

.team-history-wrapper { margin-left: -15px; margin-right: -15px; }

.team-history-wrapper:before, .team-history-wrapper:after { content: " "; display: table; }

.team-history-wrapper:after { clear: both; }

.team-history-wrapper ul { list-style: none; margin: 0; padding: 0; }

.team-history-wrapper ul li { position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-left: 8.33333%; display: table; }

.team-history-wrapper ul li:before, .team-history-wrapper ul li:after { content: " "; display: table; }

.team-history-wrapper ul li:after { clear: both; }

.team-history-wrapper ul li time { font-family: 'latobold'; margin-right: 2rem; display: table-cell; width: 10%; margin-bottom: 1rem; }

.team-history-wrapper ul li .summary { display: table-cell; width: 90%; }

@media (max-width: 991px) { .team-history-wrapper ul li time, .team-history-wrapper ul li .summary { text-align: center; display: block; width: 100%; } }

.instagram-image-wrapper a figure { overflow: hidden; position: relative; width: 100%; height: 100%; }

.instagram-image-wrapper a figure img { position: absolute; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto; min-height: 100%; min-width: 100%; }

.instagram-image-wrapper a i { z-index: 12; position: absolute; top: 10px; left: 10px; color: #fff; opacity: 0.5; -webkit-transition: all 300ms ease; transition: all 300ms ease; }

.instagram-image-wrapper a i::before { font-size: 3rem; }

.instagram-image-wrapper a:hover i { opacity: 1; color: #ff3300; }

.work-list-wrapper { margin-left: -15px; margin-right: -15px; }

.work-list-wrapper:before, .work-list-wrapper:after { content: " "; display: table; }

.work-list-wrapper:after { clear: both; }

.work-list-wrapper ul { list-style: none; margin: 0; padding: 0; }

.work-list-wrapper ul li { -webkit-transition: all 150ms ease; transition: all 150ms ease; position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; height: 500px; margin: 2rem 0; }

@media (min-width: 768px) { .work-list-wrapper ul li { float: left; width: 41.66667%; } }

@media (min-width: 992px) { .work-list-wrapper ul li { float: left; width: 29.16667%; } }

@media (min-width: 992px) { .work-list-wrapper ul li { margin-left: 6.25%; } }

@media (min-width: 992px) { .work-list-wrapper ul li:nth-child(3n+1) { margin-left: 0%; } }

@media (max-width: 1480px) { .work-list-wrapper ul li { height: 420px; } }

@media (max-width: 1200px) { .work-list-wrapper ul li { height: 370px; } }

@media (max-width: 992px) { .work-list-wrapper ul li { height: 410px; } }

@media (max-width: 768px) { .work-list-wrapper ul li { height: auto; } }

@media (max-width: 767px) { .work-list-wrapper ul li { margin-left: 8.33333%; } }

@media (max-width: 991px) and (min-width: 992px) { .work-list-wrapper ul li { margin-left: 0%; } }

@media (max-width: 991px) and (min-width: 768px) { .work-list-wrapper ul li:nth-child(2n+1) { margin-left: 8.33333%; } }

.single-work .image-area { position: relative; }

.single-work .image-area svg { position: absolute; z-index: -1; -webkit-transition: all 150ms ease; transition: all 150ms ease; fill: #ff3300; height: 100%; width: 100%; }

.single-work .image-area a { display: block; }

.single-work .image-area:hover svg { -webkit-transform: rotate(15deg); transform: rotate(15deg); }

.single-work p.small { margin-bottom: 1.5rem; text-transform: uppercase; margin-bottom: 0; }

.form { background: #f4f4f4; position: relative; padding: 4.5rem 0; padding-top: 80px; margin-left: -15px; margin-right: -15px; }

.form h3 { margin: 1.5rem 0; }

.form:before, .form:after { content: " "; display: table; }

.form:after { clear: both; }

.form:before, .form:after { content: " "; display: table; }

.form:after { clear: both; }

.form input, .form textarea, .form select, .form option, .form button, .form .input-group-addon { text-transform: none; border-radius: 0; border-color: #434A54; }

.form button { float: right; }

.form .form-content-wrapper { position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-left: 8.33333%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .form .form-content-wrapper { float: left; width: 50%; } }

@media (min-width: 768px) { .form .form-content-wrapper { margin-left: 25%; } }

.form.form-corner::before { width: 0; height: 0; border-style: solid; border-width: 80px 100vw 0 0; border-color: #fff transparent transparent transparent; position: absolute; right: 0; top: 0; content: ''; }

/* validaton styles */
.form .input-group-addon { background-color: #434A54; color: #fff; border: 0; font-size: 20px; min-width: 5rem; }

.form .has-error .form-control { border-color: #ff5c33; -webkit-box-shadow: none; box-shadow: none; border-left: 0; }

.form .has-error .input-group-addon { background-color: #ff5c33; color: white; }

.form .has-error .help-block { color: #ff5c33; }

.form .has-error .form-control-feedback { color: #ff5c33; top: 15px; right: 10px; }

.form .has-success .form-control { -webkit-box-shadow: none; box-shadow: none; }

.form .has-success .input-group-addon { background-color: #434A54; color: white; }

.form .has-success input { border-color: #434A54; }

.form .has-success .form-control-feedback { color: #434A54; top: 15px; right: 10px; }

.kompetenz-list-wrapper { margin: 6rem 0; margin-left: -15px; margin-right: -15px; }

.kompetenz-list-wrapper:before, .kompetenz-list-wrapper:after { content: " "; display: table; }

.kompetenz-list-wrapper:after { clear: both; }

.kompetenz-list-wrapper ul { list-style: none; margin: 0; padding: 0; }

.kompetenz-list-wrapper ul li { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-bottom: 6rem; }

.kompetenz-list-wrapper ul li .single-kompetenz-item { margin-left: -15px; margin-right: -15px; }

.kompetenz-list-wrapper ul li .single-kompetenz-item:before, .kompetenz-list-wrapper ul li .single-kompetenz-item:after { content: " "; display: table; }

.kompetenz-list-wrapper ul li .single-kompetenz-item:after { clear: both; }

.kompetenz-list-wrapper ul li .single-kompetenz-item .kompetenz-bild { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-bottom: 1.5rem; }

@media (min-width: 768px) { .kompetenz-list-wrapper ul li .single-kompetenz-item .kompetenz-bild { float: left; width: 50%; } }

@media (min-width: 992px) { .kompetenz-list-wrapper ul li .single-kompetenz-item .kompetenz-bild { float: left; width: 58.33333%; } }

.kompetenz-list-wrapper ul li .single-kompetenz-item .kompetenz-beschreibung { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .kompetenz-list-wrapper ul li .single-kompetenz-item .kompetenz-beschreibung { float: left; width: 50%; } }

@media (min-width: 992px) { .kompetenz-list-wrapper ul li .single-kompetenz-item .kompetenz-beschreibung { float: left; width: 41.66667%; } }

.kompetenz-list-wrapper ul li .single-kompetenz-item .kompetenz-beschreibung p.small { text-transform: uppercase; margin-bottom: 0; }

.kompetenz-list-wrapper ul li .single-kompetenz-item .kompetenz-beschreibung h4 { margin-bottom: 1.5rem; }

@media (min-width: 768px) { .kompetenz-list-wrapper ul li .single-kompetenz-item.right .kompetenz-bild { left: 50%; } }

@media (min-width: 992px) { .kompetenz-list-wrapper ul li .single-kompetenz-item.right .kompetenz-bild { left: 41.66667%; } }

@media (min-width: 768px) { .kompetenz-list-wrapper ul li .single-kompetenz-item.right .kompetenz-beschreibung { right: 50%; } }

@media (min-width: 992px) { .kompetenz-list-wrapper ul li .single-kompetenz-item.right .kompetenz-beschreibung { right: 58.33333%; } }

.slider-wrapper .owl-carousel { margin: 1rem 0 0; margin-left: -15px; margin-right: -15px; z-index: 10; }

.slider-wrapper .owl-carousel:before, .slider-wrapper .owl-carousel:after { content: " "; display: table; }

.slider-wrapper .owl-carousel:after { clear: both; }

.slider-wrapper .owl-carousel > div:not(.owl-dots) { float: left; }

.slider-wrapper .owl-carousel:before, .slider-wrapper .owl-carousel:after { content: " "; display: table; }

.slider-wrapper .owl-carousel:after { clear: both; }

.slider-wrapper nav span.scroll { display: block; width: 130px; height: 100%; position: absolute; top: 0; left: 0; z-index: 11; cursor: w-resize; }

.slider-wrapper nav span.scroll i { position: absolute; top: 50%; width: 60px; height: 60px; color: #ff5c33; margin-top: -25px; left: 0; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; opacity: 0; }

.slider-wrapper nav span.scroll i::before { font-size: 2.5rem; content: ''; background: transparent url("../Images/links.svg") center center no-repeat; background-size: auto 6rem; width: 60px; height: 60px; display: block; }

.slider-wrapper nav span.scroll.scroll-next { left: auto; right: 0; cursor: e-resize; }

.slider-wrapper nav span.scroll.scroll-next i { left: auto; right: 0; }

.slider-wrapper nav span.scroll.scroll-next i::before { content: ''; background: transparent url("../Images/rechts.svg") center center no-repeat; background-size: auto 6rem; }

.slider-wrapper nav span.scroll:hover i { opacity: 1; }

@media (max-width: 991px) { .slider-wrapper nav { display: none; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .slider-wrapper nav { display: none; } }

.slider-wrapper:hover nav span i { opacity: 0.5; }

.list-logo-wrapper { margin: 3rem 0; }

.list-logo-wrapper:before, .list-logo-wrapper:after { content: " "; display: table; }

.list-logo-wrapper:after { clear: both; }

.list-logo-wrapper .list-wrapper { text-align: center; margin: 3rem 0 0; }

.list-logo-wrapper .list-wrapper h5 { margin-bottom: 2rem; }

.list-logo-wrapper .list-wrapper ul { list-style: none; margin: 0; padding: 0; text-align: center; }

.list-logo-wrapper .list-wrapper ul li { display: inline; margin: 1.5rem 1rem; }

.list-logo-wrapper .list-wrapper ul li img { width: 100%; height: 100%; max-width: 11rem; max-height: 5rem; }

@media (max-width: 991px) { .list-logo-wrapper .list-wrapper ul li { display: block; margin-bottom: 2.5rem; } }

/* global case modules setup */
.case-module { margin-left: -15px; margin-right: -15px; position: relative; padding: 8rem 0; }

.case-module:before, .case-module:after { content: " "; display: table; }

.case-module:after { clear: both; }

.case-module .case-module-wrapper .case-module-content { position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-left: 8.33333%; z-index: 10; min-height: 200px; padding-bottom: 1em; }

.case-module .case-module-wrapper p:last-child { margin-bottom: 0; }

.case-module.case-corner { background-color: #f4f4f4; }

.case-module.case-corner.corner-top-left { padding-top: calc(8rem + 8rem); }

.case-module.case-corner.corner-top-left::before { content: ''; display: block; width: 0; height: 0; border-style: solid; position: absolute; right: 0; top: 0; border-width: 0 100vw 8rem 0; border-color: transparent #fff transparent transparent; }

.case-module.case-corner.corner-top-right { padding-top: calc(8rem + 8rem); }

.case-module.case-corner.corner-top-right::before { content: ''; display: block; width: 0; height: 0; border-style: solid; position: absolute; right: 0; top: 0; border-width: 8rem 100vw 0 0; border-color: #fff transparent transparent transparent; }

.case-module.case-corner.corner-bottom-right { padding-bottom: calc(8rem + 8rem); }

.case-module.case-corner.corner-bottom-right::after { content: ''; width: 0; height: 0; border-style: solid; position: absolute; right: 0; bottom: 0; border-width: 0 0 8rem 100vw; border-color: transparent transparent #fff transparent; }

.case-module.case-corner.corner-bottom-left { padding-bottom: calc(8rem + 8rem); }

.case-module.case-corner.corner-bottom-left::after { content: ''; width: 0; height: 0; border-style: solid; position: absolute; right: 0; bottom: 0; border-width: 8rem 0 0 100vw; border-color: transparent transparent transparent #fff; }

.module-wrapper-fluid { position: relative; overflow-x: hidden; /* Special Modules */ }

.module-wrapper-fluid.case-module-header > .case-module { text-align: center; background: #f4f4f4 url("../Images/Raum.jpg") center center no-repeat; background-size: cover; position: relative; height: 350px; overflow: hidden; margin-top: 100px; margin-bottom: 4.5rem; }

@media (min-width: 1480px) { .module-wrapper-fluid.case-module-header > .case-module { margin-top: 150px; } }

.module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; background-color: transparent; }

.module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content { background-color: #fff; position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-left: 8.33333%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding-bottom: 0; }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content { float: left; width: 58.33333%; } }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content { margin-left: 20.83333%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content { float: left; width: 41.66667%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content { margin-left: 29.16667%; } }

@media (min-width: 1200px) { .module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content { float: left; width: 33.33333%; } }

@media (min-width: 1200px) { .module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content { margin-left: 33.33333%; } }

.module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content header { padding: 4.5rem 0; }

.module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content header img { width: auto; width: 100%; height: 85px; }

@media (max-width: 767px) { .module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content header img { height: 65px; } }

.module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content header h1 { font-family: "latolight"; font-size: 20px; line-height: 30px; font-size: 2rem; line-height: 3rem; margin-top: 1.5rem; }

@media (max-width: 767px) { .module-wrapper-fluid.case-module-header > .case-module .case-module-wrapper .case-module-content header h1 { font-size: 18px; line-height: 27px; font-size: 1.8rem; line-height: 2.7rem; } }

.module-wrapper-fluid.case-module-intro > .case-module .case-module-content { padding-bottom: 0; text-align: center; position: relative; float: left; width: 83.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-left: 8.33333%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-intro > .case-module .case-module-content { float: left; width: 83.33333%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-intro > .case-module .case-module-content { margin-left: 8.33333%; } }

@media (min-width: 1200px) { .module-wrapper-fluid.case-module-intro > .case-module .case-module-content { float: left; width: 83.33333%; } }

@media (min-width: 1200px) { .module-wrapper-fluid.case-module-intro > .case-module .case-module-content { margin-left: 8.33333%; } }

.module-wrapper-fluid.case-module-intro > .case-module .case-module-content .case-intro-wrapper { margin: 0 10%; background-color: #fff; }

@media (max-width: 767px) { .module-wrapper-fluid.case-module-intro > .case-module .case-module-content .case-intro-wrapper { margin: 0 5%; } }

.module-wrapper-fluid.case-module-intro > .case-module .case-module-content .case-intro-wrapper p { padding: 1rem; }

.module-wrapper-fluid.case-module-video > .case-module .case-module-content .image-area, .module-wrapper-fluid.case-module-image > .case-module .case-module-content .image-area { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-video > .case-module .case-module-content .image-area, .module-wrapper-fluid.case-module-image > .case-module .case-module-content .image-area { float: left; width: 58.33333%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-video > .case-module .case-module-content .image-area, .module-wrapper-fluid.case-module-image > .case-module .case-module-content .image-area { float: left; width: 66.66667%; } }

.module-wrapper-fluid.case-module-video > .case-module .case-module-content .text-area, .module-wrapper-fluid.case-module-image > .case-module .case-module-content .text-area { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-video > .case-module .case-module-content .text-area, .module-wrapper-fluid.case-module-image > .case-module .case-module-content .text-area { float: left; width: 41.66667%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-video > .case-module .case-module-content .text-area, .module-wrapper-fluid.case-module-image > .case-module .case-module-content .text-area { float: left; width: 33.33333%; } }

@media (max-width: 767px) { .module-wrapper-fluid.case-module-video > .case-module .case-module-content .text-area, .module-wrapper-fluid.case-module-image > .case-module .case-module-content .text-area { margin-top: 3rem; } }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-video > .case-module .case-module-content.right .image-area, .module-wrapper-fluid.case-module-image > .case-module .case-module-content.right .image-area { left: 41.66667%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-video > .case-module .case-module-content.right .image-area, .module-wrapper-fluid.case-module-image > .case-module .case-module-content.right .image-area { left: 33.33333%; } }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-video > .case-module .case-module-content.right .text-area, .module-wrapper-fluid.case-module-image > .case-module .case-module-content.right .text-area { right: 58.33333%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-video > .case-module .case-module-content.right .text-area, .module-wrapper-fluid.case-module-image > .case-module .case-module-content.right .text-area { right: 66.66667%; } }

.module-wrapper-fluid.case-module-album > .case-module .case-module-content .image-area { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-album > .case-module .case-module-content .image-area { float: left; width: 100%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-album > .case-module .case-module-content .image-area { float: left; width: 66.66667%; } }

.module-wrapper-fluid.case-module-album > .case-module .case-module-content .text-area { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-album > .case-module .case-module-content .text-area { float: left; width: 100%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-album > .case-module .case-module-content .text-area { float: left; width: 33.33333%; } }

@media (max-width: 991px) { .module-wrapper-fluid.case-module-album > .case-module .case-module-content .text-area { margin-top: 3rem; } }

.module-wrapper-fluid.case-module-album > .case-module .case-module-content .row { margin-bottom: 0.75rem; }

.module-wrapper-fluid.case-module-album > .case-module .case-module-content .row > figure { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin: 1.5rem 0; }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-album > .case-module .case-module-content .row > figure { float: left; width: 50%; } }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-album > .case-module .case-module-content .row > figure { float: left; width: 50%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-album > .case-module .case-module-content .row > figure { float: left; width: 33.33333%; } }

.module-wrapper-fluid.case-module-devices > .case-module .case-module-content .text-area { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-bottom: 3rem; }

.module-wrapper-fluid.case-module-devices > .case-module .case-module-content .row > figure { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin: 1.5rem 0; }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-devices > .case-module .case-module-content .row > figure { float: left; width: 50%; } }

@media (min-width: 768px) { .module-wrapper-fluid.case-module-devices > .case-module .case-module-content .row > figure { float: left; width: 50%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-devices > .case-module .case-module-content .row > figure { float: left; width: 29.16667%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-devices > .case-module .case-module-content .row > figure { margin-left: 6.25%; } }

@media (min-width: 992px) { .module-wrapper-fluid.case-module-devices > .case-module .case-module-content .row > figure:nth-child(3n+1) { margin-left: 0%; } }

@media (max-width: 991px) and (min-width: 768px) { .module-wrapper-fluid.case-module-devices > .case-module .case-module-content .row > figure:nth-child(3) { margin-left: 25%; } }

.module-wrapper-fluid.case-module-results > .case-module { position: relative; padding-bottom: 2.66667rem; }

.module-wrapper-fluid.case-module-results > .case-module .case-module-content { width: 100%; margin-left: 0; padding: 0; }

.module-wrapper-fluid.case-module-results > .case-module img { width: 100%; height: 100%; max-width: 20rem; max-height: 10rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 991px) { .module-wrapper-fluid.case-module-results > .case-module img { max-width: 15rem; } }

.module-wrapper-fluid.case-module-results > .case-module ul { list-style: none; margin: 0; padding: 0; min-height: 28rem; }

.module-wrapper-fluid.case-module-results > .case-module ul:before, .module-wrapper-fluid.case-module-results > .case-module ul:after { content: " "; display: table; }

.module-wrapper-fluid.case-module-results > .case-module ul:after { clear: both; }

.module-wrapper-fluid.case-module-results > .case-module ul li { width: 35%; margin: 2.25rem 0; opacity: 0; font-size: 15px; line-height: 20px; font-size: 1.5rem; line-height: 2rem; text-transform: uppercase; }

.module-wrapper-fluid.case-module-results > .case-module ul li.pop { overflow: hidden; height: 60px; overflow: visible; }

.module-wrapper-fluid.case-module-results > .case-module ul li.pop-in { -webkit-animation: pop-in 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards; animation: pop-in 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

.module-wrapper-fluid.case-module-results > .case-module ul li.pop-in:nth-child(1) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.module-wrapper-fluid.case-module-results > .case-module ul li.pop-in:nth-child(2) { -webkit-animation-delay: 0.36s; animation-delay: 0.36s; }

.module-wrapper-fluid.case-module-results > .case-module ul li.pop-in:nth-child(3) { -webkit-animation-delay: 0.42s; animation-delay: 0.42s; }

.module-wrapper-fluid.case-module-results > .case-module ul li.pop-in:nth-child(4) { -webkit-animation-delay: 0.48s; animation-delay: 0.48s; }

.module-wrapper-fluid.case-module-results > .case-module ul li.pop-in:nth-child(5) { -webkit-animation-delay: 0.54s; animation-delay: 0.54s; }

.module-wrapper-fluid.case-module-results > .case-module ul li.pop-in:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.module-wrapper-fluid.case-module-results > .case-module ul li:nth-child(odd) { float: left; margin-right: 15%; text-align: right; }

.module-wrapper-fluid.case-module-results > .case-module ul li:nth-child(even) { float: right; margin-left: 15%; text-align: left; }

.module-wrapper-fluid.case-module-results > .case-module ul li strong { display: block; font-family: "latolight"; font-size: 25px; line-height: 25px; font-size: 2.5rem; line-height: 2.5rem; color: #b3b3b3; }

@media (max-width: 767px) { .module-wrapper-fluid.case-module-results > .case-module .case-module-content { padding: 3rem 0; text-align: center; }
  .module-wrapper-fluid.case-module-results > .case-module .case-module-content img { width: 100%; max-width: 20rem; max-height: 15rem; position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; }
  .module-wrapper-fluid.case-module-results > .case-module .case-module-content ul { margin-top: 2rem; min-height: calc(6*6.5rem); }
  .module-wrapper-fluid.case-module-results > .case-module .case-module-content ul li { float: none; text-align: center; margin: 0 auto 2rem auto; width: 100%; } }

.case-image-wrapper a { color: #434A54; }

.case-image-wrapper a figure { overflow: hidden; position: relative; width: 100%; height: 100%; }

.case-image-wrapper a figure img { position: absolute; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto; min-height: 100%; min-width: 100%; }

.case-image-wrapper a figure figcaption { display: block; background-color: rgba(255, 255, 255, 0.9); position: absolute; bottom: -70px; width: 100%; padding: 0.75rem 0; z-index: 20; -webkit-transition: bottom 150ms ease; transition: bottom 150ms ease; font-size: 10px; line-height: 15px; font-size: 1rem; line-height: 1.5rem; }

.case-image-wrapper a figure figcaption span { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.case-image-wrapper a figure figcaption span p { margin: 0; }

.case-image-wrapper a:hover figcaption { bottom: 0; }

#zigzag { z-index: 0; position: relative; }

@-webkit-keyframes linedraw { 100% { stroke-dashoffset: 0; } }

@keyframes linedraw { 100% { stroke-dashoffset: 0; } }

#zigzag h3, #zigzag .svgHeading { position: absolute; z-index: 30; height: calc(1.2em + 4px); line-height: 1.2em; overflow: hidden; font-size: 1em; font-weight: bold; text-transform: uppercase; background-color: #fff; }

#zigzag .svgHeading { padding: 4px 8px; }

#zigzag .svgHeading tspan { font-family: latolight; }

#zigzag h3 { top: -.9em; }

.zigzagline { position: absolute; z-index: 5; }

.zigzagline .base { -webkit-animation: linedraw 1000ms ease-in-out 0ms forwards; animation: linedraw 1000ms ease-in-out 0ms forwards; stroke: #c5c6c8; stroke-width: 5; fill: none; }

.zigzagline .fill { stroke: #ff3300; stroke-width: 5; fill: none; }

#landscapeModeHint { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; text-align: center; color: #fff; line-height: 100vh; background: #333333; z-index: 2500; opacity: 0.9; display: none; }

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