/* CSS Document */
/*! normalize.css v8.0.1 | 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 iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

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

/** Render the `main` element consistently in IE. */
main { 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 ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { 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 ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

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

/** 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 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 ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 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; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** 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 { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

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

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { 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 in Chrome and Safari on macOS. */
[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 Edge, IE 10+, and Firefox. */
details { display: block; }

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

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

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

/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/* What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html { color: #222; font-size: 1em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: https://twitter.com/miketaylr/status/12228805301  Vendor-prefixed and regular ::selection selectors cannot be combined: https://stackoverflow.com/a/16982510/7133471  Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers: https://github.com/h5bp/html5-boilerplate/issues/440 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Author's custom styles ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
/* Hide visually and from screen readers */
.hidden, [hidden] { display: none !important; }

/* Hide only visually, but have it available for screen readers: https://snook.ca/archives/html_and_css/hiding-content-for-accessibility  1. For long content, line feeds are not interpreted as spaces and small width causes content to wrap 1 word per line: https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */
.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; /* 1 */ }

/* Extends the .sr-only class to allow the element to be focusable when navigated to via the keyboard: https://www.drupal.org/node/897638 */
.sr-only.focusable:active, .sr-only.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto; }

/* Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix::before, .clearfix::after { content: " "; display: table; }

.clearfix::after { clear: both; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }
/* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: https://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */
@media print { *, *::before, *::after { background: #fff !important; color: #000 !important; /* Black prints faster */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]::after { content: " (" attr(href) ")"; }
  abbr[title]::after { content: " (" attr(title) ")"; }
  /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */
  a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
  pre { white-space: pre-wrap !important; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  /* Printing Tables: https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables */
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
/*!
 *  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-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/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; }

.fa-lg { font-size: 1.33333333em; line-height: .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.28571429em; text-align: center; }

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

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

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

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

.fa-border { padding: .2em .25em .15em; border: solid .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; }

.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); -ms-transform: rotate(90deg); transform: rotate(90deg); }

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

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

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-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); -ms-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 { 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; }

.fa-glass:before { content: "\f000"; }

.fa-music:before { content: "\f001"; }

.fa-search:before { content: "\f002"; }

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

.fa-heart:before { content: "\f004"; }

.fa-star:before { content: "\f005"; }

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

.fa-user:before { content: "\f007"; }

.fa-film:before { content: "\f008"; }

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

.fa-th:before { content: "\f00a"; }

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

.fa-check:before { content: "\f00c"; }

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

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

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

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

.fa-signal:before { content: "\f012"; }

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

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

.fa-home:before { content: "\f015"; }

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

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

.fa-road:before { content: "\f018"; }

.fa-download:before { content: "\f019"; }

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

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

.fa-inbox:before { content: "\f01c"; }

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

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

.fa-refresh:before { content: "\f021"; }

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

.fa-lock:before { content: "\f023"; }

.fa-flag:before { content: "\f024"; }

.fa-headphones:before { content: "\f025"; }

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

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

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

.fa-qrcode:before { content: "\f029"; }

.fa-barcode:before { content: "\f02a"; }

.fa-tag:before { content: "\f02b"; }

.fa-tags:before { content: "\f02c"; }

.fa-book:before { content: "\f02d"; }

.fa-bookmark:before { content: "\f02e"; }

.fa-print:before { content: "\f02f"; }

.fa-camera:before { content: "\f030"; }

.fa-font:before { content: "\f031"; }

.fa-bold:before { content: "\f032"; }

.fa-italic:before { content: "\f033"; }

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

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

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

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

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

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

.fa-list:before { content: "\f03a"; }

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

.fa-indent:before { content: "\f03c"; }

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

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

.fa-pencil:before { content: "\f040"; }

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

.fa-adjust:before { content: "\f042"; }

.fa-tint:before { content: "\f043"; }

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

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

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

.fa-arrows:before { content: "\f047"; }

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

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

.fa-backward:before { content: "\f04a"; }

.fa-play:before { content: "\f04b"; }

.fa-pause:before { content: "\f04c"; }

.fa-stop:before { content: "\f04d"; }

.fa-forward:before { content: "\f04e"; }

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

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

.fa-eject:before { content: "\f052"; }

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

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

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

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

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

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

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

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

.fa-crosshairs:before { content: "\f05b"; }

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

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

.fa-ban:before { content: "\f05e"; }

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

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

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

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

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

.fa-expand:before { content: "\f065"; }

.fa-compress:before { content: "\f066"; }

.fa-plus:before { content: "\f067"; }

.fa-minus:before { content: "\f068"; }

.fa-asterisk:before { content: "\f069"; }

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

.fa-gift:before { content: "\f06b"; }

.fa-leaf:before { content: "\f06c"; }

.fa-fire:before { content: "\f06d"; }

.fa-eye:before { content: "\f06e"; }

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

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

.fa-plane:before { content: "\f072"; }

.fa-calendar:before { content: "\f073"; }

.fa-random:before { content: "\f074"; }

.fa-comment:before { content: "\f075"; }

.fa-magnet:before { content: "\f076"; }

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

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

.fa-retweet:before { content: "\f079"; }

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

.fa-folder:before { content: "\f07b"; }

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

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

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

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

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

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

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

.fa-key:before { content: "\f084"; }

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

.fa-comments:before { content: "\f086"; }

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

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

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

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

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

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

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

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

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

.fa-trophy:before { content: "\f091"; }

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

.fa-upload:before { content: "\f093"; }

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

.fa-phone:before { content: "\f095"; }

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

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

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

.fa-twitter:before { content: "\f099"; }

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

.fa-github:before { content: "\f09b"; }

.fa-unlock:before { content: "\f09c"; }

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

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

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

.fa-bullhorn:before { content: "\f0a1"; }

.fa-bell:before { content: "\f0f3"; }

.fa-certificate:before { content: "\f0a3"; }

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

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

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

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

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

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

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

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

.fa-globe:before { content: "\f0ac"; }

.fa-wrench:before { content: "\f0ad"; }

.fa-tasks:before { content: "\f0ae"; }

.fa-filter:before { content: "\f0b0"; }

.fa-briefcase:before { content: "\f0b1"; }

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

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

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

.fa-cloud:before { content: "\f0c2"; }

.fa-flask:before { content: "\f0c3"; }

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

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

.fa-paperclip:before { content: "\f0c6"; }

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

.fa-square:before { content: "\f0c8"; }

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

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

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

.fa-strikethrough:before { content: "\f0cc"; }

.fa-underline:before { content: "\f0cd"; }

.fa-table:before { content: "\f0ce"; }

.fa-magic:before { content: "\f0d0"; }

.fa-truck:before { content: "\f0d1"; }

.fa-pinterest:before { content: "\f0d2"; }

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

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

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

.fa-money:before { content: "\f0d6"; }

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

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

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

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

.fa-columns:before { content: "\f0db"; }

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

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

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

.fa-envelope:before { content: "\f0e0"; }

.fa-linkedin:before { content: "\f0e1"; }

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

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

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

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

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

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

.fa-sitemap:before { content: "\f0e8"; }

.fa-umbrella:before { content: "\f0e9"; }

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

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

.fa-exchange:before { content: "\f0ec"; }

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

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

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

.fa-stethoscope:before { content: "\f0f1"; }

.fa-suitcase:before { content: "\f0f2"; }

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

.fa-coffee:before { content: "\f0f4"; }

.fa-cutlery:before { content: "\f0f5"; }

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

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

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

.fa-ambulance:before { content: "\f0f9"; }

.fa-medkit:before { content: "\f0fa"; }

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

.fa-beer:before { content: "\f0fc"; }

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

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

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

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

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

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

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

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

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

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

.fa-desktop:before { content: "\f108"; }

.fa-laptop:before { content: "\f109"; }

.fa-tablet:before { content: "\f10a"; }

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

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

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

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

.fa-spinner:before { content: "\f110"; }

.fa-circle:before { content: "\f111"; }

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

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

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

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

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

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

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

.fa-gamepad:before { content: "\f11b"; }

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

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

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

.fa-terminal:before { content: "\f120"; }

.fa-code:before { content: "\f121"; }

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

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

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

.fa-crop:before { content: "\f125"; }

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

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

.fa-question:before { content: "\f128"; }

.fa-info:before { content: "\f129"; }

.fa-exclamation:before { content: "\f12a"; }

.fa-superscript:before { content: "\f12b"; }

.fa-subscript:before { content: "\f12c"; }

.fa-eraser:before { content: "\f12d"; }

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

.fa-microphone:before { content: "\f130"; }

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

.fa-shield:before { content: "\f132"; }

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

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

.fa-rocket:before { content: "\f135"; }

.fa-maxcdn:before { content: "\f136"; }

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

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

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

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

.fa-html5:before { content: "\f13b"; }

.fa-css3:before { content: "\f13c"; }

.fa-anchor:before { content: "\f13d"; }

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

.fa-bullseye:before { content: "\f140"; }

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

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

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

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

.fa-ticket:before { content: "\f145"; }

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

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

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

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

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

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

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

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

.fa-compass:before { content: "\f14e"; }

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

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

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

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

.fa-gbp:before { content: "\f154"; }

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

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

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

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

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

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

.fa-file:before { content: "\f15b"; }

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

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

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

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

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

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

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

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

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

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

.fa-youtube:before { content: "\f167"; }

.fa-xing:before { content: "\f168"; }

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

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

.fa-dropbox:before { content: "\f16b"; }

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

.fa-instagram:before { content: "\f16d"; }

.fa-flickr:before { content: "\f16e"; }

.fa-adn:before { content: "\f170"; }

.fa-bitbucket:before { content: "\f171"; }

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

.fa-tumblr:before { content: "\f173"; }

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

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

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

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

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

.fa-apple:before { content: "\f179"; }

.fa-windows:before { content: "\f17a"; }

.fa-android:before { content: "\f17b"; }

.fa-linux:before { content: "\f17c"; }

.fa-dribbble:before { content: "\f17d"; }

.fa-skype:before { content: "\f17e"; }

.fa-foursquare:before { content: "\f180"; }

.fa-trello:before { content: "\f181"; }

.fa-female:before { content: "\f182"; }

.fa-male:before { content: "\f183"; }

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

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

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

.fa-archive:before { content: "\f187"; }

.fa-bug:before { content: "\f188"; }

.fa-vk:before { content: "\f189"; }

.fa-weibo:before { content: "\f18a"; }

.fa-renren:before { content: "\f18b"; }

.fa-pagelines:before { content: "\f18c"; }

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

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

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

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

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

.fa-wheelchair:before { content: "\f193"; }

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

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

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

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

.fa-slack:before { content: "\f198"; }

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

.fa-wordpress:before { content: "\f19a"; }

.fa-openid:before { content: "\f19b"; }

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

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

.fa-yahoo:before { content: "\f19e"; }

.fa-google:before { content: "\f1a0"; }

.fa-reddit:before { content: "\f1a1"; }

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

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

.fa-stumbleupon:before { content: "\f1a4"; }

.fa-delicious:before { content: "\f1a5"; }

.fa-digg:before { content: "\f1a6"; }

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

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

.fa-drupal:before { content: "\f1a9"; }

.fa-joomla:before { content: "\f1aa"; }

.fa-language:before { content: "\f1ab"; }

.fa-fax:before { content: "\f1ac"; }

.fa-building:before { content: "\f1ad"; }

.fa-child:before { content: "\f1ae"; }

.fa-paw:before { content: "\f1b0"; }

.fa-spoon:before { content: "\f1b1"; }

.fa-cube:before { content: "\f1b2"; }

.fa-cubes:before { content: "\f1b3"; }

.fa-behance:before { content: "\f1b4"; }

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

.fa-steam:before { content: "\f1b6"; }

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

.fa-recycle:before { content: "\f1b8"; }

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

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

.fa-tree:before { content: "\f1bb"; }

.fa-spotify:before { content: "\f1bc"; }

.fa-deviantart:before { content: "\f1bd"; }

.fa-soundcloud:before { content: "\f1be"; }

.fa-database:before { content: "\f1c0"; }

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

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

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

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

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

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

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

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

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

.fa-vine:before { content: "\f1ca"; }

.fa-codepen:before { content: "\f1cb"; }

.fa-jsfiddle:before { content: "\f1cc"; }

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

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

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

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

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

.fa-git:before { content: "\f1d3"; }

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

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

.fa-qq:before { content: "\f1d6"; }

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

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

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

.fa-history:before { content: "\f1da"; }

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

.fa-header:before { content: "\f1dc"; }

.fa-paragraph:before { content: "\f1dd"; }

.fa-sliders:before { content: "\f1de"; }

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

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

.fa-bomb:before { content: "\f1e2"; }

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

.fa-tty:before { content: "\f1e4"; }

.fa-binoculars:before { content: "\f1e5"; }

.fa-plug:before { content: "\f1e6"; }

.fa-slideshare:before { content: "\f1e7"; }

.fa-twitch:before { content: "\f1e8"; }

.fa-yelp:before { content: "\f1e9"; }

.fa-newspaper-o:before { content: "\f1ea"; }

.fa-wifi:before { content: "\f1eb"; }

.fa-calculator:before { content: "\f1ec"; }

.fa-paypal:before { content: "\f1ed"; }

.fa-google-wallet:before { content: "\f1ee"; }

.fa-cc-visa:before { content: "\f1f0"; }

.fa-cc-mastercard:before { content: "\f1f1"; }

.fa-cc-discover:before { content: "\f1f2"; }

.fa-cc-amex:before { content: "\f1f3"; }

.fa-cc-paypal:before { content: "\f1f4"; }

.fa-cc-stripe:before { content: "\f1f5"; }

.fa-bell-slash:before { content: "\f1f6"; }

.fa-bell-slash-o:before { content: "\f1f7"; }

.fa-trash:before { content: "\f1f8"; }

.fa-copyright:before { content: "\f1f9"; }

.fa-at:before { content: "\f1fa"; }

.fa-eyedropper:before { content: "\f1fb"; }

.fa-paint-brush:before { content: "\f1fc"; }

.fa-birthday-cake:before { content: "\f1fd"; }

.fa-area-chart:before { content: "\f1fe"; }

.fa-pie-chart:before { content: "\f200"; }

.fa-line-chart:before { content: "\f201"; }

.fa-lastfm:before { content: "\f202"; }

.fa-lastfm-square:before { content: "\f203"; }

.fa-toggle-off:before { content: "\f204"; }

.fa-toggle-on:before { content: "\f205"; }

.fa-bicycle:before { content: "\f206"; }

.fa-bus:before { content: "\f207"; }

.fa-ioxhost:before { content: "\f208"; }

.fa-angellist:before { content: "\f209"; }

.fa-cc:before { content: "\f20a"; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; }

.fa-meanpath:before { content: "\f20c"; }

.fa-buysellads:before { content: "\f20d"; }

.fa-connectdevelop:before { content: "\f20e"; }

.fa-dashcube:before { content: "\f210"; }

.fa-forumbee:before { content: "\f211"; }

.fa-leanpub:before { content: "\f212"; }

.fa-sellsy:before { content: "\f213"; }

.fa-shirtsinbulk:before { content: "\f214"; }

.fa-simplybuilt:before { content: "\f215"; }

.fa-skyatlas:before { content: "\f216"; }

.fa-cart-plus:before { content: "\f217"; }

.fa-cart-arrow-down:before { content: "\f218"; }

.fa-diamond:before { content: "\f219"; }

.fa-ship:before { content: "\f21a"; }

.fa-user-secret:before { content: "\f21b"; }

.fa-motorcycle:before { content: "\f21c"; }

.fa-street-view:before { content: "\f21d"; }

.fa-heartbeat:before { content: "\f21e"; }

.fa-venus:before { content: "\f221"; }

.fa-mars:before { content: "\f222"; }

.fa-mercury:before { content: "\f223"; }

.fa-intersex:before, .fa-transgender:before { content: "\f224"; }

.fa-transgender-alt:before { content: "\f225"; }

.fa-venus-double:before { content: "\f226"; }

.fa-mars-double:before { content: "\f227"; }

.fa-venus-mars:before { content: "\f228"; }

.fa-mars-stroke:before { content: "\f229"; }

.fa-mars-stroke-v:before { content: "\f22a"; }

.fa-mars-stroke-h:before { content: "\f22b"; }

.fa-neuter:before { content: "\f22c"; }

.fa-genderless:before { content: "\f22d"; }

.fa-facebook-official:before { content: "\f230"; }

.fa-pinterest-p:before { content: "\f231"; }

.fa-whatsapp:before { content: "\f232"; }

.fa-server:before { content: "\f233"; }

.fa-user-plus:before { content: "\f234"; }

.fa-user-times:before { content: "\f235"; }

.fa-hotel:before, .fa-bed:before { content: "\f236"; }

.fa-viacoin:before { content: "\f237"; }

.fa-train:before { content: "\f238"; }

.fa-subway:before { content: "\f239"; }

.fa-medium:before { content: "\f23a"; }

.fa-yc:before, .fa-y-combinator:before { content: "\f23b"; }

.fa-optin-monster:before { content: "\f23c"; }

.fa-opencart:before { content: "\f23d"; }

.fa-expeditedssl:before { content: "\f23e"; }

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; }

.fa-battery-2:before, .fa-battery-half:before { content: "\f242"; }

.fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; }

.fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; }

.fa-mouse-pointer:before { content: "\f245"; }

.fa-i-cursor:before { content: "\f246"; }

.fa-object-group:before { content: "\f247"; }

.fa-object-ungroup:before { content: "\f248"; }

.fa-sticky-note:before { content: "\f249"; }

.fa-sticky-note-o:before { content: "\f24a"; }

.fa-cc-jcb:before { content: "\f24b"; }

.fa-cc-diners-club:before { content: "\f24c"; }

.fa-clone:before { content: "\f24d"; }

.fa-balance-scale:before { content: "\f24e"; }

.fa-hourglass-o:before { content: "\f250"; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; }

.fa-hourglass:before { content: "\f254"; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; }

.fa-hand-scissors-o:before { content: "\f257"; }

.fa-hand-lizard-o:before { content: "\f258"; }

.fa-hand-spock-o:before { content: "\f259"; }

.fa-hand-pointer-o:before { content: "\f25a"; }

.fa-hand-peace-o:before { content: "\f25b"; }

.fa-trademark:before { content: "\f25c"; }

.fa-registered:before { content: "\f25d"; }

.fa-creative-commons:before { content: "\f25e"; }

.fa-gg:before { content: "\f260"; }

.fa-gg-circle:before { content: "\f261"; }

.fa-tripadvisor:before { content: "\f262"; }

.fa-odnoklassniki:before { content: "\f263"; }

.fa-odnoklassniki-square:before { content: "\f264"; }

.fa-get-pocket:before { content: "\f265"; }

.fa-wikipedia-w:before { content: "\f266"; }

.fa-safari:before { content: "\f267"; }

.fa-chrome:before { content: "\f268"; }

.fa-firefox:before { content: "\f269"; }

.fa-opera:before { content: "\f26a"; }

.fa-internet-explorer:before { content: "\f26b"; }

.fa-tv:before, .fa-television:before { content: "\f26c"; }

.fa-contao:before { content: "\f26d"; }

.fa-500px:before { content: "\f26e"; }

.fa-amazon:before { content: "\f270"; }

.fa-calendar-plus-o:before { content: "\f271"; }

.fa-calendar-minus-o:before { content: "\f272"; }

.fa-calendar-times-o:before { content: "\f273"; }

.fa-calendar-check-o:before { content: "\f274"; }

.fa-industry:before { content: "\f275"; }

.fa-map-pin:before { content: "\f276"; }

.fa-map-signs:before { content: "\f277"; }

.fa-map-o:before { content: "\f278"; }

.fa-map:before { content: "\f279"; }

.fa-commenting:before { content: "\f27a"; }

.fa-commenting-o:before { content: "\f27b"; }

.fa-houzz:before { content: "\f27c"; }

.fa-vimeo:before { content: "\f27d"; }

.fa-black-tie:before { content: "\f27e"; }

.fa-fonticons:before { content: "\f280"; }

.fa-reddit-alien:before { content: "\f281"; }

.fa-edge:before { content: "\f282"; }

.fa-credit-card-alt:before { content: "\f283"; }

.fa-codiepie:before { content: "\f284"; }

.fa-modx:before { content: "\f285"; }

.fa-fort-awesome:before { content: "\f286"; }

.fa-usb:before { content: "\f287"; }

.fa-product-hunt:before { content: "\f288"; }

.fa-mixcloud:before { content: "\f289"; }

.fa-scribd:before { content: "\f28a"; }

.fa-pause-circle:before { content: "\f28b"; }

.fa-pause-circle-o:before { content: "\f28c"; }

.fa-stop-circle:before { content: "\f28d"; }

.fa-stop-circle-o:before { content: "\f28e"; }

.fa-shopping-bag:before { content: "\f290"; }

.fa-shopping-basket:before { content: "\f291"; }

.fa-hashtag:before { content: "\f292"; }

.fa-bluetooth:before { content: "\f293"; }

.fa-bluetooth-b:before { content: "\f294"; }

.fa-percent:before { content: "\f295"; }

.fa-gitlab:before { content: "\f296"; }

.fa-wpbeginner:before { content: "\f297"; }

.fa-wpforms:before { content: "\f298"; }

.fa-envira:before { content: "\f299"; }

.fa-universal-access:before { content: "\f29a"; }

.fa-wheelchair-alt:before { content: "\f29b"; }

.fa-question-circle-o:before { content: "\f29c"; }

.fa-blind:before { content: "\f29d"; }

.fa-audio-description:before { content: "\f29e"; }

.fa-volume-control-phone:before { content: "\f2a0"; }

.fa-braille:before { content: "\f2a1"; }

.fa-assistive-listening-systems:before { content: "\f2a2"; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; }

.fa-glide:before { content: "\f2a5"; }

.fa-glide-g:before { content: "\f2a6"; }

.fa-signing:before, .fa-sign-language:before { content: "\f2a7"; }

.fa-low-vision:before { content: "\f2a8"; }

.fa-viadeo:before { content: "\f2a9"; }

.fa-viadeo-square:before { content: "\f2aa"; }

.fa-snapchat:before { content: "\f2ab"; }

.fa-snapchat-ghost:before { content: "\f2ac"; }

.fa-snapchat-square:before { content: "\f2ad"; }

.fa-pied-piper:before { content: "\f2ae"; }

.fa-first-order:before { content: "\f2b0"; }

.fa-yoast:before { content: "\f2b1"; }

.fa-themeisle:before { content: "\f2b2"; }

.fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; }

.fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; }

.fa-handshake-o:before { content: "\f2b5"; }

.fa-envelope-open:before { content: "\f2b6"; }

.fa-envelope-open-o:before { content: "\f2b7"; }

.fa-linode:before { content: "\f2b8"; }

.fa-address-book:before { content: "\f2b9"; }

.fa-address-book-o:before { content: "\f2ba"; }

.fa-vcard:before, .fa-address-card:before { content: "\f2bb"; }

.fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; }

.fa-user-circle:before { content: "\f2bd"; }

.fa-user-circle-o:before { content: "\f2be"; }

.fa-user-o:before { content: "\f2c0"; }

.fa-id-badge:before { content: "\f2c1"; }

.fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; }

.fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; }

.fa-quora:before { content: "\f2c4"; }

.fa-free-code-camp:before { content: "\f2c5"; }

.fa-telegram:before { content: "\f2c6"; }

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; }

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; }

.fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; }

.fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; }

.fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; }

.fa-shower:before { content: "\f2cc"; }

.fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; }

.fa-podcast:before { content: "\f2ce"; }

.fa-window-maximize:before { content: "\f2d0"; }

.fa-window-minimize:before { content: "\f2d1"; }

.fa-window-restore:before { content: "\f2d2"; }

.fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; }

.fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; }

.fa-bandcamp:before { content: "\f2d5"; }

.fa-grav:before { content: "\f2d6"; }

.fa-etsy:before { content: "\f2d7"; }

.fa-imdb:before { content: "\f2d8"; }

.fa-ravelry:before { content: "\f2d9"; }

.fa-eercast:before { content: "\f2da"; }

.fa-microchip:before { content: "\f2db"; }

.fa-snowflake-o:before { content: "\f2dc"; }

.fa-superpowers:before { content: "\f2dd"; }

.fa-wpexplorer:before { content: "\f2de"; }

.fa-meetup:before { content: "\f2e0"; }

.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; }

/* Breakpoints */
:root { --paddingSmall: 20px; --paddingMedium: 40px; --paddingBig: 60px; --marginSmall: 20px; --marginMedium: 40px; --marginBig: 60px; --pagePadding: 20px; }

.primary { color: #cc1726; }

.primary-background-color { background-color: #cc1726; color: white; }
.primary-background-color h1, .primary-background-color h2, .primary-background-color a { color: white; }

.secondary-background-color { background-color: #4e4d4d; color: white; }
.secondary-background-color h1, .secondary-background-color h2 { color: white; }

.primary-color { color: #cc1726; }

.secondary-color { color: #4e4d4d; }

* { box-sizing: border-box; }

:root { --primary: #cc1726; }

a:active, a:focus { outline: none; }

a { color: black; text-decoration: none; }

.webseiteSize { max-width: 1370px; margin-left: auto; margin-right: auto; }

html { scroll-behavior: smooth; font-family: 'Roboto'; font-weight: 300; font-size: 21px; color: #000; }

strong, b { font-weight: 800; }

body { overflow-x: hidden; }

button { cursor: pointer; }

.fullWidth { width: 100%; height: auto; align-self: flex-start; }

@media only screen and (max-width: 850px) { h1, h2, h3, h4 { hyphens: auto; }
  body { font-size: 18px; } }
.pt-0 { padding-top: 0 !important; }

.pt-1 { padding-top: var(--paddingSmall) !important; }

.pt-2 { padding-top: var(--paddingMedium) !important; }

.pt-3 { padding-top: var(--paddingBig) !important; }

.pb-0 { padding-bottom: 0 !important; }

.pb-1 { padding-bottom: var(--paddingSmall) !important; }

.pb-2 { padding-bottom: var(--paddingMedium) !important; }

.pb-3 { padding-bottom: var(--paddingBig) !important; }

.pl-0 { padding-left: 0 !important; }

.pl-1 { padding-left: var(--paddingSmall) !important; }

.pl-2 { padding-left: var(--paddingMedium) !important; }

.pl-3 { padding-left: var(--paddingBig) !important; }

.pr-0 { padding-right: 0 !important; }

.pr-1 { padding-right: var(--paddingSmall) !important; }

.pr-2 { padding-right: var(--paddingMedium) !important; }

.pr-3 { padding-right: var(--paddingBig) !important; }

.mt-0 { margin-top: 0 !important; }

.mt-1 { margin-top: var(--marginSmall) !important; }

.mt-2 { margin-top: var(--marginMedium) !important; }

.mt-3 { margin-top: var(--marginBig) !important; }

.mb-0 { margin-bottom: 0 !important; }

.mb-1 { margin-bottom: var(--marginSmall) !important; }

.mb-2 { margin-bottom: var(--marginMedium) !important; }

.mb-3 { margin-bottom: var(--marginBig) !important; }

.kontaktformWapper .shapeRecchts { width: 102px; height: 468px; background-color: #6AA1C1; margin-left: 50%; }

.shape12 { position: absolute; top: 10px; left: 0px; width: 40%; height: auto; }

.kkshape { z-index: 0; }

.shape9 { position: absolute; width: 100%; height: auto; margin-left: -30%; }

.shape10 { width: 100%; height: auto; margin-left: -10%; position: absolute; top: -20%; left: 0px; }

.shape8 { width: 180%; height: auto; }

.shape5 { width: 160%; height: auto; margin-left: -40%; margin-top: 60%; }

.shape6 { width: 50%; margin-left: 25%; }

.kk_row { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1708px; margin-left: auto; margin-right: auto; }
.kk_row .kkcol1-7 { width: 212px; margin-left: 16px; margin-right: 16px; }
.kk_row .kk_col1, .kk_row .kk_col2, .kk_row .kk_col3, .kk_row .kk_col4, .kk_row .kk_col5, .kk_row .kk_col6, .kk_row .kk_col7 { margin-left: 0.94%; margin-right: 0.94%; position: relative; }
.kk_row .kk_col1 { width: 12.41%; margin-left: 0.94%; margin-right: 0.94%; }
.kk_row .kk_col2 { width: 26.70%; }
.kk_row .kk_col3 { width: 40.99%; }
.kk_row .kk_col4 { width: 55.28%; }
.kk_row .kk_col5 { width: 69.56%; }
.kk_row .kk_col6 { width: 83.83%; }
.kk_row .kk_col7 { width: 100%; }

.kk_mt-1 { margin-top: 50px; }

.kk_mb-1 { margin-bottom: 42px; }

.kk_mt-3 { margin-top: 220px; }

.kk_mb-3 { margin-bottom: 263px; }

.kk_row.kk_mb-2 { margin-bottom: 106px; }

.planungW .kk_row { align-items: center; }
.planungW .bgLayer { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; background-color: #DE6421; margin-left: -32px; margin-top: 32px; z-index: 2; }

.imgWrapper img { z-index: 3; position: relative; }

.formRow { display: grid; grid-template-columns: 49% 49%; justify-content: space-between; align-items: flex-start; }

form input, form textarea { border: none; width: 100%; padding: 0px; }

form { position: relative; }
form .custom-checkbox { width: 50px; height: 50px; position: relative; display: inline-block; }
form .custom-checkbox input[type="checkbox"] { opacity: 0; width: 50px; height: 50px; position: absolute; left: 0; top: 0; margin: 0; cursor: pointer; }
form .custom-checkbox .checkmark { width: 50px; height: 50px; border: 4px solid #027F5D; position: absolute; left: 0; top: 0; display: inline-block; background-color: #fff; }
form .custom-checkbox input[type="checkbox"]:checked + .checkmark { background-color: #027F5D; }
form .custom-checkbox .checkmark:after { content: ""; position: absolute; display: none; left: 18px; top: 10px; width: 10px; height: 20px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); }
form .custom-checkbox input[type="checkbox"]:checked + .checkmark:after { display: block; }
form a { color: black; text-decoration: underline; }
form input.name { border-bottom: 3px solid #68B135; }
form input.email { border-bottom: 3px solid #027F5D; }
form textarea { border-bottom: 3px solid #DE6421; min-height: 330px; margin-top: 44px; }
form .row2 { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: center; }
form .row2 .checkbox { display: grid; align-items: center; grid-template-columns: 60px 1fr; }
form .row2 .checkbox .checkInner { width: 50px; height: 50px; border: 4px solid #027F5D; }

.konzeptW .shape { width: 117%; height: auto; position: absolute; left: 50%; top: 0px; }
.konzeptW .content { width: 80%; }
.konzeptW .kk_col3 { margin-top: 200px; }
.konzeptW .imgWrapper img { z-index: 3; position: relative; }
.konzeptW .bgLayer { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; background-color: #590047; margin-left: -32px; margin-top: 32px; z-index: 2; }

.btn { font-size: 16px; padding: 14px 30px; border: 4px solid #000; font-weight: 700; color: black; margin-top: 1em; margin-bottom: 1em; display: inline-block; text-decoration: none; position: relative; z-index: 1; transition: 0.5s; }
.btn span { z-index: 1; position: relative; }

.btn-primary { border-color: #027F5D; color: #027F5D; }
.btn-primary::before { content: ''; position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background-color: #027F5D; transition: 0.5s; z-index: 0; }

.btn-primary:hover { color: white !important; }
.btn-primary:hover::before { width: 100%; z-index: 0; }

.btn-secondary { border: 0px; border-bottom: 4px solid #68B135; border-top: 4px solid white; border-left: 4px solid white; border-right: 4px solid white; color: #68B135; transition: 0.5s; }
.btn-secondary:hover { border-top: 4px solid #68B135; border-left: 4px solid #68B135; border-right: 4px solid #68B135; }

.container { max-width: 1370px; margin-left: auto; margin-right: auto; }

.container-fluid { width: 100%; }

section#content { min-height: 70vh; }

.onScreen { opacity: 0; }

.imgWrapper img { width: 100%; height: auto; align-self: flex-start; }

.block { position: relative; }

button.slick-arrow { position: absolute; z-index: 10; width: 43px; height: 64px; border: none; font-size: 0px; background-size: 100% 100%; cursor: pointer; background-color: transparent; margin-top: -30px; }

button.slick-next { top: 50%; right: -25px; background-image: url(../img/nextArrow.svg); }

button.slick-prev { top: 50%; left: -25px; background-image: url(../img/prevArrow.svg); }

.kh_buehne { color: white; position: relative; }
.kh_buehne .slickSlider1 { width: 100vw; }
.kh_buehne .slickSlider1 img { width: 100%; height: auto; }
.kh_buehne .textBox { position: absolute; bottom: 30%; width: 100%; display: grid; grid-template-columns: 1fr var(--hWidth) 1fr; }
.kh_buehne .textBox .e1 { max-width: 500px; padding-top: 42px; padding-bottom: 42px; padding-right: 90px; padding-left: 20px; }
.kh_buehne .shape { position: absolute; width: 707px; height: auto; bottom: -50px; left: 50%; }

@media only screen and (max-width: 850px) { .kk_row .kk_col100 { width: 100% !important; }
  .formRow { grid-template-columns: 100%; }
  .formRow input { margin-bottom: 24px; line-height: 38px; }
  form .row2 { display: block; }
  .gestaltW .f1 { width: 35%; }
  .gestaltW .f2 { width: 20%; }
  .gestaltW .f5 { width: 36%; } }
@media only screen and (max-width: 850px) { .noMarg { margin-left: 0px; margin-right: 0px; }
  .o2 { order: 2; }
  .planungW .mcontent { order: 0; width: 100%; }
  .planungW .w7 { width: 90%; margin-left: 10%; } }
@media only screen and (max-width: 850px) { .kk_mb-3 { margin-bottom: 137px; }
  .kk_row.kk_mb-2 { margin-bottom: 47px; }
  .konzeptW .kk_row .kk_col3 { margin-top: 46px; }
  .konzeptW .kk_row .kk_col3.f1 { width: 100%; margin-top: 120px; margin-left: 0px; margin-right: 0px; }
  .konzeptW .shape { left: -18px; }
  .konzeptW .fl2 { width: 90%; } }
@media only screen and (max-width: 1300px) { .kh_buehne .textBox { bottom: 10%; } }
@media only screen and (max-width: 850px) { .mh { display: none !important; }
  .kh_buehne .textBox { position: relative; bottom: 0%; margin-top: -50px; width: 92%; }
  .kh_buehne .textBox .e1 { padding-right: 20px; max-width: 92vw; }
  .kh_buehne .shape { width: 222px; left: inherit; right: 0px; bottom: -14px; }
  .kk_row { flex-wrap: wrap; margin-left: 29px; margin-right: 29px; }
  .kk_row .kk_m_col6 { width: 83% !important; } }
.overlayText { padding: 5px; padding-top: 5px; padding-bottom: 5px; background-color: rgba(171, 208, 102, 0.9); text-align: center; font-size: 1.0em; margin-left: 10%; margin-right: 10%; padding-top: 40px; padding-bottom: 40px; color: #000; }

#overlayMap { width: 100%; height: 100%; background-image: url(/fileadmin/overlaymap.jpg); background-size: cover; background-position: center center; position: relative; display: flex; justify-content: center; align-items: center; align-content: center; }

/* CSS Document */
h1, h2, h3, h4, .fakeHl { font-weight: 700; line-height: 1em; margin: 0px; margin-bottom: 0.2em; font-family: 'Roboto Slab'; }

h1, .fakeH1 { font-size: 80px; }

h2, .primaryH1, .fakeH2 { font-size: 40px; margin-bottom: 47px; hyphens: auto; }

.primaryH1 { color: #cc1726; }

h3 { font-size: 1.4em; margin-bottom: 0.1em; font-weight: bold; }

h4 { font-size: 1.2px; }

.headlineIcon { margin-bottom: 1em; }

@media only screen and (max-width: 850px) { h2, .primaryH1, .fakeH2 { font-size: 35px; margin-top: 0.4em; }
  h3 { font-size: 1.3em; }
  h1, h2, h3, h4 { hyphens: auto; } }
/* roboto-300 - latin */
@font-face { font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url("../fonts/roboto-v30-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-regular - latin */
@font-face { font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url("../fonts/roboto-v30-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-700 - latin */
@font-face { font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url("../fonts/roboto-v30-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* roboto-slab-700 - latin */
@font-face { font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: url("../fonts/roboto-slab-v34-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
:root { --headerHeight: 135px; --smallerHeaderHeight: 135px; --hWidth: 1200px; --rowWidth: 1400px; }

header#mainHeader { position: fixed; top: 0px; left: 0px; width: 100%; height: var(--headerHeight); z-index: 999999; transition: 0.5s; background-color: white; }
header#mainHeader .hContainer { max-width: var(--hWidth); margin-left: auto; margin-right: auto; padding-left: var(--pagePadding); padding-right: var(--pagePadding); display: grid; grid-template-columns: 347px 1fr; justify-content: space-between; align-items: center; height: 100%; }
header#mainHeader .hContainer #kpLogo { margin-right: 75px; }

.spacer { height: var(--headerHeight); }

header#mainHeader.smallerHeader { height: var(--smallerHeaderHeight); }

@media only screen and (max-width: 850px) { :root { --headerHeight: 77px; --smallerHeaderHeight: 77px; }
  header#mainHeader .hContainer { grid-template-columns: 200px 1fr; padding-left: 29px; }
  header#mainHeader .hContainer #kpLogo { margin-right: 75px; width: 100%; height: auto; } }
/* NAVIGATION DESKTOP START */
.offCanvasWrapper { display: none; position: absolute; min-height: 100vh; width: 100%; top: 0px; right: 0px; background-color: #68B135; z-index: 1999998; }
.offCanvasWrapper .sm_mobile { font-weight: 400; width: 270px; margin-left: auto; margin-right: auto; }
.offCanvasWrapper .sm_mobile a { display: flex; justify-content: flex-start; align-self: center; color: white; font-size: 18px; margin-bottom: 12px; }
.offCanvasWrapper .sm_mobile a img { margin-right: 18px; }
.offCanvasWrapper .movNavSub { border-top: 2vh #fff solid; height: 2vh; display: flex; }
.offCanvasWrapper .movNavSub img { width: 100%; height: 2vh; }

.offCanvas { padding-top: 20px; width: 100%; min-height: 96vh; background-size: 100% 100%; text-align: left; padding-left: 40px; padding-right: 20px; padding-left: 27px; padding-right: 27px; }

#mobileNav ul { padding: 0px; display: block; margin-top: 125px; width: 270px; margin-left: auto; margin-right: auto; list-style: none; font-size: 29px; font-weight: 400; padding-bottom: 95px; margin-bottom: 59px; border-bottom: 2px solid white; }

#mobileNav ul li { margin-top: 30px; margin-bottom: 30px; }

#mobileNav ul li a { color: white; }

#mobileNav ul li ul { display: none; }

#mobileNav ul li ul { font-size: 21px; margin-bottom: 60px; }

nav#mainNav { margin-top: 3px; transition: 0.5s; align-items: center; display: flex; justify-content: center; z-index: 9999999; }

nav#mainNav ul { display: flex; flex-wrap: nowrap; justify-content: space-between; list-style: none; margin: 0px; padding: 0px; height: 100%; font-size: 18px; width: 100%; }

nav#mainNav ul li { height: 100%; width: auto; position: relative; }

nav#mainNav ul li a { display: flex; align-items: center; color: #000; text-decoration: none; white-space: nowrap; font-weight: 300; height: 100%; justify-content: center; border-bottom: 3px solid white; }

nav#mainNav ul li:nth-of-type(1):hover > a, nav#mainNav ul li:nth-of-type(1).active > a { border-bottom: 3px solid #6aa1c1; }

nav#mainNav ul li:nth-of-type(2):hover > a, nav#mainNav ul li:nth-of-type(2).active > a { border-bottom: 3px solid #68B135; }

nav#mainNav ul li:nth-of-type(3):hover > a, nav#mainNav ul li:nth-of-type(3).active > a { border-bottom: 3px solid #DE6421; }

nav#mainNav ul li:nth-of-type(4):hover > a, nav#mainNav ul li:nth-of-type(4).active > a { border-bottom: 3px solid #590047; }

nav#mainNav ul li ul { width: 100%; padding: 0px; background-color: #cc1726; padding-top: 20px; padding-bottom: 10px; position: absolute; display: none; align-items: left; justify-content: center; color: black; left: 0px; top: 60px; margin-top: -20px; height: auto; z-index: 9999; transition: 0.5s; flex-wrap: wrap; border-radius: 10px; }

nav#mainNav ul li ul li { padding-left: 0px; padding-right: 0px; margin: 0px; margin-left: 0%; margin-right: 0%; height: auto; margin-bottom: 0.3em; text-align: center; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; text-align: center; width: 100%; }

nav#mainNav ul li ul li a { display: block; background-position: top center; background-repeat: no-repeat; background-size: 100% auto; text-align: center; padding-left: 10px; padding-right: 10px; color: white; font-size: 20px; text-transform: none; width: 100%; white-space: normal; }

nav#mainNav ul li ul li a.rex-active, nav#mainNav ul li ul li a.rex-current { color: black !important; }

nav#mainNav ul li ul li a:hover { color: black; }

/* Burger-Item */
#burgerButton { position: fixed; right: 20px; top: 16px; line-height: 30px; cursor: pointer; font-size: 1.4em; float: left; width: 65px; padding: 8px; background-color: transparent; z-index: 1999999; transition: 0.5s; display: none; }

#nav-icon { display: inline-block; vertical-align: middle; width: 45px; height: 30px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-right: 20px; }

#nav-icon span { display: block; position: absolute; height: 4px; width: 100%; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background-color: #4e4d4d; }

#nav-icon span:nth-child(1) { background-color: #DE6421; }

#nav-icon span:nth-child(3) { background-color: #027F5D; }

#nav-icon span:nth-child(4) { background-color: #6AA1C1; }

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 11px; }

#nav-icon span:nth-child(4) { top: 23px; }

#nav-icon.open span:nth-child(1) { top: 11px; width: 0%; left: 50%; }

#nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: white; }

#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background-color: white; }

#nav-icon.open span:nth-child(4) { top: 10px; width: 0%; left: 50%; }

@media only screen and (max-width: 1250px) { nav#mainNav ul li { width: auto; flex-grow: 1; font-size: 0.9em; } }
@media only screen and (max-width: 850px) { nav#mainNav { display: none; }
  #burgerButton { display: block; } }
footer#siteFooter { border-top: 38px solid #DE6421; line-height: 33px; font-size: 21px; height: 290px; height: auto; background-color: #68B135; display: grid; grid-template-columns: 20% 20% 20% 20% 20%; grid-template-columns: auto auto auto auto auto; align-items: flex-end; color: white; font-weight: 400; line-height: 33px; }
footer#siteFooter > div { padding-top: 40px; padding-bottom: 40px; }
footer#siteFooter a { color: white; }
footer#siteFooter .bS { background-color: #027F5D; align-self: stretch; }
footer#siteFooter .footerLogo { width: 282px; display: flex; flex-wrap: wrap; font-size: 14px; line-height: 1em; }
footer#siteFooter .flWrap { display: flex; justify-content: center; align-items: center; }
footer#siteFooter #kpLogoNegativ { margin-bottom: 21px; }
footer#siteFooter .epW { display: flex; align-items: center; }
footer#siteFooter .epW span { margin-right: 15px; }
footer#siteFooter .smW { text-align: center; font-weight: bold; }
footer#siteFooter .smW img { margin-left: 4px; margin-right: 4px; margin-top: 13px; }

@media only screen and (max-width: 1040px) { footer#siteFooter { font-size: 18px; line-height: 25px; } }
@media only screen and (max-width: 850px) { footer#siteFooter { padding-bottom: 150px; border-top: 14px solid #DE6421; background-color: #68B135; display: grid; grid-template-columns: 100%; }
  footer#siteFooter > div { width: 250px; padding-top: 0px; padding-bottom: 0px; text-align: left !important; margin-left: auto; margin-right: auto; margin-bottom: 51px; }
  footer#siteFooter #kpLogoNegativ { width: 90%; margin-bottom: 51px; }
  footer#siteFooter #nlgLogo { width: 250px; height: 100%; } }
.buehne_small { margin-bottom: 80px !important; position: relative; height: 14vw; min-height: 140px; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 61px; }
.buehne_small .kk_col1 { min-height: 140px; height: 14vw; }
.buehne_small .kk_col5 { display: flex; align-items: center; height: 14vw; min-height: 140px; }
.buehne_small h1 { color: white; margin-top: 0px; margin-bottom: 0px; z-index: 9; }
.buehne_small .shape { position: absolute; }
.buehne_small .shape1 { width: 119px; height: auto; top: -25%; right: 0px; }
.buehne_small .shape2 { width: 135px; height: auto; bottom: -12%; right: 195%; }
.buehne_small .shape12 { position: absolute; width: 274px; height: auto; top: 10%; left: -350%; }
.buehne_small .shape13 { position: absolute; width: 64px; height: auto; bottom: -70%; left: 0%; }
.buehne_small .shape14 { position: absolute; width: 57px; height: auto; top: 5%; left: -680%; }
.buehne_small .shape22 { position: absolute; width: 205px; height: auto; top: 0%; left: -326%; }
.buehne_small .shape23 { position: absolute; width: 119px; height: auto; top: 3%; right: 0px; }
.buehne_small .shape42 { position: absolute; width: 180px; height: auto; top: 3%; right: 190%; }
.buehne_small .shape43 { position: absolute; width: 130px; height: auto; bottom: -20%; right: 10%; }
.buehne_small .shape44 { position: absolute; width: 58px; height: auto; top: 0%; left: -404%; }

@media only screen and (max-width: 850px) { .buehne_small .shape12 { width: 150px; }
  .buehne_small .shape13 { width: 18px; bottom: -11%; }
  .buehne_small .shape14 { display: none; }
  .buehne_small .shape42 { width: 40px; height: auto; top: 3%; right: 190%; }
  .buehne_small .shape43 { position: absolute; width: 30px; height: auto; bottom: -20%; right: 10%; }
  .buehne_small .shape44 { position: absolute; width: 18px; height: auto; top: 0%; left: -404%; } }
.bildergalW .kk_col5 { padding-left: 10%; }
.bildergalW .imgWrapper { margin-bottom: 10px; }

.planungTextW .shape1 { position: absolute; width: 260px; height: auto; left: 20%; top: 140px; }
.planungTextW .shape2 { width: 85px; height: auto; }

.mitarbeiteLW { margin-bottom: 346px !important; }
.mitarbeiteLW h2:first-child { margin-bottom: 57px; }

.imgWrapper { position: relative; }
.imgWrapper .imgUnterlay { position: absolute; z-index: 0; width: 100%; height: 100%; background-color: #ff00ff; transform: translateX(-20%); top: 0px; left: 0px; }

.kk_ma_list { display: grid; grid-template-columns: 30% 30% 30%; align-content: flex-start; justify-content: space-around; }
.kk_ma_list .imgWrapper { margin-bottom: 57px; }
.kk_ma_list .mitarbeiterW:nth-child(1) .imgUnterlay { background-color: #027F5D; transform: translate(-10%, -10%); }
.kk_ma_list .mitarbeiterW:nth-child(2) .imgUnterlay { background-color: #DE6421; transform: translate(-5%, -5%); }
.kk_ma_list .mitarbeiterW:nth-child(3) .imgUnterlay { background-color: #68B135; transform: translate(5%, -5%); }

.karteW .imgUnterlay { background-color: #027F5D; transform: translate(0%, 5%); margin-left: -5%; }
.karteW .shape1 { position: absolute; width: 243px; height: auto; top: -120%; right: -50%; }
.karteW .shape2 { position: absolute; width: 99px; height: auto; top: 0%; left: 0%; }

h1, h2 p { z-index: 99; position: relative; }

@media only screen and (max-width: 1120px) { h1 { font-size: 55px; } }
@media only screen and (max-width: 850px) { .karteW .shape1 { display: none; }
  .buehne_small .shape1, .buehne_small .shape2 { width: 50%; }
  .buehne_small .shape2 { bottom: inherit; top: 100px; }
  .bildergalW { margin-top: 90px; }
  .bildergalW .slick-dots { display: none !important; }
  .bildergalW .kk_col5 { padding-left: 0%; }
  .bildergalW .kk_row.baguetteBox { flex-wrap: wrap; }
  .bildergalW .kk_col5.kk_m_col6 { width: 100% !important; }
  .bildergalW .kk_col1 { width: 100% !important; display: flex; }
  .bildergalW .kk_col1 .imgWrapper { margin-right: 5px; margin-left: 5px; }
  .mitarbeiteLW { margin-bottom: 90px !important; }
  .mitarbeiterW { margin-top: 90px !important; }
  .kk_ma_list { grid-template-columns: 100%; } }
.txt2W .shape1 { width: 200px; height: auto; position: absolute; left: -50%; top: -140px; }

.tubW .imgUnterlay { background-color: #DE6421; width: 50%; height: 50%; left: 70%; top: -10%; }

.hImgW .shape1 { position: absolute; width: 64px; height: auto; top: 250%; left: 50%; }
.hImgW .shape2 { position: absolute; width: 260px; height: auto; margin-top: 50%; left: 10%; }

@media only screen and (max-width: 850px) { .txt2W .shape1 { width: 80px; left: -140%; top: -60px; }
  .hImgW .shape1 { width: 20px; left: -50%; }
  .hImgW .shape2 { position: absolute; width: 60px; height: auto; margin-top: 50%; left: 10%; } }
.accordW .shape1 { position: absolute; width: 150%; height: auto; margin-top: -60%; }
.accordW .shape2 { position: absolute; width: 100%; height: auto; margin-top: -60%; left: 40%; }

.accordionWrapper h3 { cursor: pointer; font-family: 'Roboto'; font-size: 1em; font-weight: bold; line-height: 33px; position: relative; padding-bottom: 15px; padding-top: 3px; }
.accordionWrapper h3::after { content: ''; background-image: url(/typo3conf/ext/kk_kp/Resources/Public/img/pfeil.png); width: 20px; height: 30px; background-size: 100% auto; background-position: center; position: absolute; right: 0px; transition: 0.5s; top: 0px; }
.accordionWrapper .autklappEl { border-bottom: 3px solid #027F5D; }
.accordionWrapper .autklappEl.open h3 { color: #027F5D; }
.accordionWrapper .autklappEl.open h3::after { transform: rotate(90deg); }

.xImg img { position: absolute; }

.aufzaehlungsItem { display: flex; align-items: center; }
.aufzaehlungsItem .ii { margin-right: 26px; border: 1px solid #979797; opacity: 1; background-color: #d8d8d8; width: 56px; height: 56px; border-radius: 56px; }
.aufzaehlungsItem .imgWrapper { width: 56px; height: 56px; margin-right: 26px; }

.aufzIW hr { height: 0px; margin-left: 13%; margin-right: 13%; height: 3px; background-color: #68B135; border: 1px solid #68B135; }

.bilder3W .shape1 { position: absolute; z-index: 0; width: 70px; width: 20%; height: auto; margin-left: -10%; }
.bilder3W .shape2 { position: absolute; z-index: 0; width: 100%; height: auto; margin-left: -95%; margin-top: -10%; z-index: 0; }
.bilder3W .shape3 { position: absolute; z-index: 0; width: 75px; width: 50%; height: auto; margin-left: 10%; margin-top: -20%; z-index: 0; }

.bildersWrapper { display: grid; grid-template-columns: 20% 20% 20% 20%; justify-content: space-between; align-items: flex-start; }
.bildersWrapper .imgWrapper .imgUnterlay { transform: none; }
.bildersWrapper .imgWrapper:nth-child(1) .imgUnterlay { background-color: #590047; left: -5%; top: -5%; }
.bildersWrapper .imgWrapper:nth-child(2) .imgUnterlay { display: none; }
.bildersWrapper .imgWrapper:nth-child(3) .imgUnterlay { background-color: #6AA1C1; left: -5%; top: 5%; }
.bildersWrapper .imgWrapper:nth-child(4) .imgUnterlay { background-color: #DE6421; left: 5%; top: -5%; }

@media only screen and (max-width: 850px) { .bildersWrapper { grid-template-columns: 45% 45%; }
  .bildersWrapper .imgWrapper { margin-bottom: 40px; } }
.imgCols2, .imgCols3 { display: grid; justify-content: space-between; align-items: flex-end; }

.imgCols2 { grid-template-columns: 48% 48%; }

.imgCols3 { grid-template-columns: 32% 32% 32%; }

.imgColsGallery { display: flex; flex-wrap: wrap; justify-content: space-between; }
.imgColsGallery .imgWrapper:first-child { width: 100%; margin-bottom: 16px; }
.imgColsGallery .imgWrapper { margin-right: 1%; width: 19%; }

.imgsThumbs { margin-top: 16px; display: flex; }
.imgsThumbs .imgWrapper { width: auto; margin-left: 12px; }
.imgsThumbs .imgWrapper:first-child { margin-left: 0px; }

.kk_einfr { color: white; background-color: #6AA1C1; }

.kk_heckenart { color: white; background-color: #68B135; }
.kk_heckenart a { color: white; }

.kk_einfr > div, .kk_heckenart > div { margin-top: 28px; margin-bottom: 28px; }

.bildHlW .shape1 { position: absolute; width: 700%; height: auto; margin-left: 85%; }
.bildHlW .shape2 { position: absolute; width: 100%; height: auto; margin-top: 130%; margin-left: -40%; }

.tubW .shape1 { position: absolute; width: 30%; height: auto; margin-left: -5%; left: 0px; top: 0px; }
.tubW .shape2 { position: absolute; width: 14%; height: auto; margin-left: -2%; left: 0px; top: 50px; }
.tubW .shape3 { position: absolute; width: 14%; height: auto; margin-left: 2%; right: -17%; top: 150px; }
.tubW .shape4 { position: absolute; width: 30%; height: auto; margin-left: -2%; right: 120%; top: 50px; z-index: 0; }
.tubW .shape5 { position: absolute; width: 70%; height: auto; left: 40%; bottom: -150px; z-index: 0; }
.tubW .shape6 { position: absolute; width: 40%; height: auto; left: 0%; bottom: -250px; z-index: 0; }
.tubW .shape7 { position: absolute; width: 20%; height: auto; left: 80%; bottom: -50px; z-index: 0; }
.tubW .shape8 { position: absolute; width: 50%; height: auto; left: 50%; bottom: -50px; z-index: 0; }
.tubW .shape9 { position: absolute; width: 20%; height: auto; left: 80%; bottom: -50px; z-index: 0; }
.tubW .shape10 { position: absolute; width: 20%; height: auto; left: 70%; bottom: -50px; z-index: 0; }
.tubW .shape12 { position: absolute; width: 30%; height: auto; left: 80%; bottom: -50px; z-index: 0; }

.sslider2 h3 { margin-left: 72px; }

.slick-dots { position: absolute; z-index: 999; left: 30%; bottom: -50px; display: flex; }
.slick-dots li { list-style: none; }
.slick-dots li button:last-child { display: none; }
.slick-dots li button { font-size: 0px; background-color: #4e4d4d; border: none; width: 20px; height: 20px; margin-right: 10px; }
.slick-dots li.slick-active button { background-color: #027F5D; }