/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=351f0024-043c-4512-b671-ca9a79d92020");
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

@font-face { font-family: 'icomoon'; src: url("../icons/icomoon.eot?-ce8ufk"); src: url("../icons/icomoon.eot?#iefix-ce8ufk") format("embedded-opentype"), url("../icons/icomoon.woff?-ce8ufk") format("woff"), url("../icons/icomoon.ttf?-ce8ufk") format("truetype"), url("../icons/icomoon.svg?-ce8ufk#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before { content: "\f09a"; }

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

.icon-search:before { content: "\e600"; }

.icon-file-download:before { content: "\e607"; }

.icon-chevron-left:before { content: "\e603"; }

.icon-chevron-right:before { content: "\e604"; }

.icon-close:before { content: "\e601"; }

.icon-expand-less:before { content: "\e605"; }

.icon-expand-more:before { content: "\e606"; }

.icon-menu:before { content: "\e602"; }

@font-face { font-family: "Myriad W01 Lt"; src: url("../fonts/b3e9f984-f8ca-4650-90c3-d6f0aca0a27d.eot?#iefix"); src: url("../fonts/b3e9f984-f8ca-4650-90c3-d6f0aca0a27d.eot?#iefix") format("eot"), url("../fonts/e7e30ff2-3a95-49b0-bbf9-024f40ead426.woff2") format("woff2"), url("../fonts/b984f4e8-e37d-4502-bead-ffd991e64d1f.woff") format("woff"), url("../fonts/82d18baa-8811-4aa8-9338-9bafa08350d0.ttf") format("truetype"), url("../fonts/20e14bb9-6aec-47a9-8ef8-5613bf1d6eae.svg#20e14bb9-6aec-47a9-8ef8-5613bf1d6eae") format("svg"); }
@font-face { font-family: "Myriad W01 Lt It"; src: url("../fonts/7f8bf145-43b4-4e18-8ab6-38552ac83b70.eot?#iefix"); src: url("../fonts/7f8bf145-43b4-4e18-8ab6-38552ac83b70.eot?#iefix") format("eot"), url("../fonts/6ad65c4a-999a-4b06-92ad-075dd9a6c0a7.woff2") format("woff2"), url("../fonts/3efa8eef-d81a-4a5b-ba15-94c5afa463cf.woff") format("woff"), url("../fonts/0ac3a8d1-ea58-4bc8-b995-cd7fce51290e.ttf") format("truetype"), url("../fonts/f360572f-8d74-4e11-b63c-91a55e17c82d.svg#f360572f-8d74-4e11-b63c-91a55e17c82d") format("svg"); }
@font-face { font-family: "Myriad W01 Regular"; src: url("../fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix"); src: url("../fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix") format("eot"), url("../fonts/3b0f1c67-c2e4-4df6-976f-49d52e45aba1.woff2") format("woff2"), url("../fonts/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff"), url("../fonts/ba1ff8f6-0c27-4e7b-8be5-818b6c3dd801.ttf") format("truetype"), url("../fonts/a379413e-a0b8-44dc-b250-1e000e4092a4.svg#a379413e-a0b8-44dc-b250-1e000e4092a4") format("svg"); }
@font-face { font-family: "Myriad W01 It"; src: url("../fonts/b7dea71a-f8e7-42e0-b03b-ae1b0b6eb0cd.eot?#iefix"); src: url("../fonts/b7dea71a-f8e7-42e0-b03b-ae1b0b6eb0cd.eot?#iefix") format("eot"), url("../fonts/a56f9fd5-b438-4696-ae62-d273eb2e4c1b.woff2") format("woff2"), url("../fonts/7becdf28-cd45-4f8a-bcab-d8c861a8ebc5.woff") format("woff"), url("../fonts/b90a1a2e-a700-4528-aa00-535c93ecf8a9.ttf") format("truetype"), url("../fonts/85c745b1-d826-4e09-988f-82cd152fb0db.svg#85c745b1-d826-4e09-988f-82cd152fb0db") format("svg"); }
@font-face { font-family: "Myriad W01 SmBd"; src: url("../fonts/f71415c0-f68d-42cd-a948-05af81548ea5.eot?#iefix"); src: url("../fonts/f71415c0-f68d-42cd-a948-05af81548ea5.eot?#iefix") format("eot"), url("../fonts/0b6110f9-6072-46b9-98af-7d09f7c895b8.woff2") format("woff2"), url("../fonts/c22866d7-ca67-4170-a113-cae280eea669.woff") format("woff"), url("../fonts/19ce9ea9-076e-4dcd-91a1-454f4830f120.ttf") format("truetype"), url("../fonts/18915124-98e4-4245-9e10-b921e09a6704.svg#18915124-98e4-4245-9e10-b921e09a6704") format("svg"); }
@font-face { font-family: "Myriad W01 SmBd It"; src: url("../fonts/e3c5d5a6-3f08-4d0c-a4af-3d90f6fa03ee.eot?#iefix"); src: url("../fonts/e3c5d5a6-3f08-4d0c-a4af-3d90f6fa03ee.eot?#iefix") format("eot"), url("../fonts/2cc3ff2f-19fe-458d-99da-2fb1acb43d81.woff2") format("woff2"), url("../fonts/f83744dc-5c76-4309-bea0-03c18f58997f.woff") format("woff"), url("../fonts/dc5e0550-21b2-4664-a54a-248791c96660.ttf") format("truetype"), url("../fonts/f1682532-45c5-4c1b-a058-a65e600e0100.svg#f1682532-45c5-4c1b-a058-a65e600e0100") format("svg"); }
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }
@keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes wobble { 0% { -webkit-transform: none; transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% { -webkit-transform: none; transform: none; } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; transform: none; } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
@keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
@keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  100% { -webkit-transform: none; transform: none; opacity: 1; } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
  100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
@keyframes lightSpeedOut { 0% { opacity: 1; }
  100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
@keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; } }
@keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } }
@keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } }
@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } }
@keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } }
@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type=text], input[type=password], input[type=submit], textarea, button { -webkit-border-radius: 0; -webkit-appearance: none; }

html { height: 101%; }

html, body { overflow-x: hidden; }

body { font: 300 1em/1.4em "Myriad W01 Lt", Arial, sans-serif; color: #525252; background-color: #f1f1f2; }

::-moz-selection { background: #000; text-shadow: none; color: #fff; }

::selection { background: #000; text-shadow: none; color: #fff; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

strong, b { font-family: "Myriad W01 SmBd", sans-serif; font-weight: normal; }
strong em, strong i, b em, b i { font-family: "Myriad W01 SmBd It", sans-serif; }

em, i { font-family: "Myriad W01 It", sans-serif; font-weight: 400; font-style: normal; }

img { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.browsehappy { margin: 0; padding: 0.4em 0; background: #ba2a0a; font-size: 13px; color: #fff; text-align: center; }
.browsehappy a { color: #fff !important; }

a { color: #387dca; text-decoration: underline; }
a:hover { color: #15304d; }

.btn, .c203 .powermail_fieldset .powermail_submit, .c370 .powermail_fieldset .powermail_submit, .nBack a, .powermail_submit, .fe_submit { padding: 8px 14px; background: none; text-decoration: none; color: #4987c1; display: inline-block; cursor: pointer; transition: all 0.3s; position: relative; border: 3px solid #4987c1; }
.btn.blank, .c203 .powermail_fieldset .blank.powermail_submit, .c370 .powermail_fieldset .blank.powermail_submit, .nBack a.blank, .powermail_submit.blank, .fe_submit.blank { border: none; }
.btn.bio, .c203 .powermail_fieldset .bio.powermail_submit, .c370 .powermail_fieldset .bio.powermail_submit, .nBack a.bio, .powermail_submit.bio, .fe_submit.bio { color: #62906b; border: 3px solid #62906b; }
.btn.bio:after, .c203 .powermail_fieldset .bio.powermail_submit:after, .c370 .powermail_fieldset .bio.powermail_submit:after, .nBack a.bio:after, .powermail_submit.bio:after, .fe_submit.bio:after { background: #62906b; }
.btn.baby, .c203 .powermail_fieldset .baby.powermail_submit, .c370 .powermail_fieldset .baby.powermail_submit, .nBack a.baby, .powermail_submit.baby, .fe_submit.baby { color: #c5919d; border: 3px solid #c5919d; }
.btn.baby:after, .c203 .powermail_fieldset .baby.powermail_submit:after, .c370 .powermail_fieldset .baby.powermail_submit:after, .nBack a.baby:after, .powermail_submit.baby:after, .fe_submit.baby:after { background: #c5919d; }
.btn:hover, .c203 .powermail_fieldset .powermail_submit:hover, .c370 .powermail_fieldset .powermail_submit:hover, .nBack a:hover, .powermail_submit:hover, .fe_submit:hover { color: #fff; background-color: #4987c1; }
.btn.blue, .c203 .powermail_fieldset .blue.powermail_submit, .c370 .powermail_fieldset .blue.powermail_submit, .nBack a.blue, .powermail_submit.blue, .fe_submit.blue { background-color: #fff; color: #034d8e; }
.btn.green, .c203 .powermail_fieldset .green.powermail_submit, .c370 .powermail_fieldset .green.powermail_submit, .nBack a.green, .powermail_submit.green, .fe_submit.green { background-color: #fff; color: #62906b; }
.btn.orange, .c203 .powermail_fieldset .orange.powermail_submit, .c370 .powermail_fieldset .orange.powermail_submit, .nBack a.orange, .powermail_submit.orange, .fe_submit.orange { background-color: #fff; color: #e95818; }
.btn.red, .c203 .powermail_fieldset .red.powermail_submit, .c370 .powermail_fieldset .red.powermail_submit, .nBack a.red, .powermail_submit.red, .fe_submit.red { background-color: #fff; color: #ce2326; }
.btn.violett, .c203 .powermail_fieldset .violett.powermail_submit, .c370 .powermail_fieldset .violett.powermail_submit, .nBack a.violett, .powermail_submit.violett, .fe_submit.violett { background-color: #fff; color: #854d96; }
.btn.rose, .c203 .powermail_fieldset .rose.powermail_submit, .c370 .powermail_fieldset .rose.powermail_submit, .nBack a.rose, .powermail_submit.rose, .fe_submit.rose { background-color: #fff; color: #c5919d; }

.btn-simple, .hero .presenting .herotext .btn-simple { border: 1px solid #525252; padding: 8px 12px; display: inline-block; cursor: pointer; text-decoration: none; border-radius: 4px; }
.btn-simple:hover, .hero .presenting .herotext .btn-simple:hover { background-color: #525252; color: #fff; }

p { margin: 0 0 1.2em 0; }

.align-center { text-align: center; }

.align-left { text-align: left; }

.align-right { text-align: right; }

.site { width: 100%; }

.inner { width: 100%; max-width: 1200px; padding: 0 10px; margin: 0 auto; }

.blanklist, .mobileSubNav ul, .nav, .prdSlide .prdSlideText ul.fillsizes, .prdSlide .prdSlideText ul.prd_additional, .prdSlide .prdSlideText .addInfo.zutaten ul, .prdSlide .prdSlideImages, #uid78 .fiftyWrap .inner ul, #uid301 .fiftyWrap .inner ul, .downloadList .dlbox ul, .c196 ul, .c213 ul, .newslist ul, .foot .item ul { margin: 0; padding: 0; list-style-type: none; }

.imicon, .nav li.id17 a:before, .nav li.id17 a.active:before, .productTeaser p a:after, .prdSlide .prdSlideText ul.fillsizes li a.active:before, .foot a:hover:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.pageIntro { text-align: center; margin-top: 90px; padding: 80px 0 50px; }
.pageIntro h2 { margin: 0 0 10px 0; }
.pageIntro p { width: 100%; max-width: 670px; margin-left: auto; margin-right: auto; font-size: 18px; font-weight: 400; }

#uid2 .pageIntro { padding-top: 30px; }

.allcont { margin-top: 115px; }
.allcont .item { padding: 90px 0 70px; }
.allcont .item .inner { position: relative; }
.allcont .item .inner::after { clear: both; content: ""; display: table; }
.allcont .item .csc-textpic-image { margin-bottom: 0; }
.allcont .item.centered .inner { max-width: 760px; }
.allcont .item.white { background-color: #fff; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
.allcont .item.greengradient { background-color: #62906b; background-color: #62906b; background-image: -webkit-linear-gradient(-380deg, #62906b 0%, white 35%, #fff 50%, white 65%, #62906b 100%); background-image: linear-gradient(110deg,#62906b 0%, white 35%, #fff 50%, white 65%, #62906b 100%); }
.allcont .item.bluegradient { background-color: #034d8e; background-color: #034d8e; background-image: -webkit-linear-gradient(-380deg, #034d8e 0%, #deeffe 35%, #fff 50%, #deeffe 65%, #034d8e 100%); background-image: linear-gradient(110deg,#034d8e 0%, #deeffe 35%, #fff 50%, #deeffe 65%, #034d8e 100%); }
.allcont .item.specialImg img { position: absolute; bottom: -70px; left: 0; z-index: 3; }
.allcont .item.specialImg.right img { left: auto; right: 0; }
.allcont .item.c232 { background: url("../../files/teutoburger_wald_bg.png") no-repeat center bottom; background-size: cover; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); }

.fiftyWrap .inner { font-size: 0; }
.fiftyWrap .inner .inner { margin: 0; }
.fiftyWrap .inner .cLeft, .fiftyWrap .inner .cRight, .fiftyWrap .inner .cCenter { font-size: 16px; width: 50%; display: inline-block; vertical-align: top; padding: 0 10px; }
.fiftyWrap .inner h2, .fiftyWrap .inner h3, .fiftyWrap .inner h4 { margin-top: 0; }
.fiftyWrap .inner img { width: 100%; height: auto; }
.fiftyWrap .inner div.csc-textpic-center .csc-textpic-center-outer, .fiftyWrap .inner div.csc-textpic-center .csc-textpic-center-inner { position: static; margin: 0; float: none; width: 100%; }

.bel8 .fiftyWrap { background-color: #fff; }

.oval, .hero { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border: 2px solid #fff; border-top: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; }

h1 { line-height: 1.2em; }

h2 { font-size: 40px; line-height: 1.15em; }

h3 { font-size: 25px; line-height: 1.4em; }

h4 { font-size: 16px; }

.item h1, .item h2, .item h3, .item h4 { margin-top: 0; }

.blueheadline { background: #0b1a29 url("../img/gradient.png") repeat-y center top; padding: 20px 0 !important; text-align: center; font-size: 25px; color: #fff; }
.blueheadline h1, .blueheadline h2, .blueheadline h3, .blueheadline h4, .blueheadline h5 { margin: 0; padding: 0; font-size: 25px; }

blockquote { font-family: "Myriad W01 It", Arial, sans-serif; font-size: 26px; font-style: italic; line-height: 1.2em; max-width: 820px; margin: 0 auto; padding: 0 20px; }

span.blue { color: #62906b; }

span.green { color: #62906b; }

span.violett { color: #854d96; }

span.red { color: #ce2326; }

span.orange { color: #e95818; }

span.rose { color: #c5919d; }

@media all and (max-width: 1260px) { .csc-textpic-intext-right-nowrap .csc-textpic-text, .csc-textpic-intext-left-nowrap .csc-textpic-text, .csc-textpic-intext-left .csc-textpic-text, .csc-textpic-intext-right .csc-textpic-text { padding: 0 5%; }
  .csc-textpic-intext-left-nowrap .csc-textpic-text { padding: 0 5%; }
  .item.specialImg.left .csc-textpic-text { padding-right: 40px; }
  .item.specialImg.right .csc-textpic-text { padding-left: 40px; } }
@media all and (max-width: 1020px) { div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, .csc-textpic-intext-left .csc-textpic-imagewrap, .csc-textpic-intext-right .csc-textpic-imagewrap { float: none; width: 100%; padding: 0; margin: 0; text-align: center; }
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img, .csc-textpic-intext-left .csc-textpic-imagewrap img, .csc-textpic-intext-right .csc-textpic-imagewrap img { max-width: 100%; height: auto; margin: 0 auto; }
  .csc-textpic-intext-right-nowrap .csc-textpic-text, .csc-textpic-intext-left-nowrap .csc-textpic-text, .csc-textpic-intext-left .csc-textpic-text, .csc-textpic-intext-right .csc-textpic-text { width: 100%; margin: 0 !important; }
  .item.specialImg.left .csc-textpic-text { padding-right: 40px; }
  .item.specialImg.right .csc-textpic-text { padding-left: 40px; }
  .item.specialImg.left .csc-textpic-imagewrap, .item.specialImg.right .csc-textpic-imagewrap { float: none; }
  .item.specialImg.left .csc-textpic-text, .item.specialImg.right .csc-textpic-text { margin: 0; padding: 15px; border-top: 1px solid #f5f5f5; }
  .item.specialImg.left img, .item.specialImg.right img { position: static; max-width: 40%; height: auto; margin: 0 auto 20px; } }
@media all and (max-width: 780px) { h2 { text-align: left; font-size: 30px; margin: 0.35em 0 0.75em; }
  .pageIntro { text-align: left; } }
@media all and (max-width: 650px) { .fiftyWrap .inner .cLeft, .fiftyWrap .inner .cRight { width: 100%; display: block; }
  .fiftyWrap .inner .cRight { margin-top: 40px; }
  #uid79 .tx-powermail .powermail_fieldwrap .powermail_input, #uid79 .tx-felogin-pi1 .fe_row .fe_field { width: 100% !important; } }
/* --- EASYDROPDOWN DEFAULT THEME --- */
/* PREFIXED CSS */
.dropdown, .dropdown div, .dropdown li, .dropdown div::after { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

.dropdown .selected::after, .dropdown.scrollable div::after { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; }

/* WRAPPER */
.dropdown { position: relative; width: 160px; border: 1px solid #ccc; cursor: pointer; background: #fff; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.dropdown.open { z-index: 2; }

/* CARAT */
.dropdown .carat { position: absolute; right: 12px; top: 50%; margin-top: -4px; border: 6px solid transparent; border-top: 8px solid #000; }

.dropdown.open .carat { margin-top: -10px; border-top: 6px solid transparent; border-bottom: 8px solid #000; }

.dropdown.disabled .carat { border-top-color: #999; }

/* OLD SELECT (HIDDEN) */
.dropdown .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; }

.dropdown select { position: absolute; left: 0px; top: 0px; }

.dropdown.touch .old { width: 100%; height: 100%; }

.dropdown.touch select { width: 100%; height: 100%; opacity: 0; }

/* SELECTED FEEDBACK ITEM */
.dropdown .selected, .dropdown li { display: block; font-size: 18px; line-height: 1; color: #000; padding: 9px 12px; overflow: hidden; white-space: nowrap; }

.dropdown.disabled .selected { color: #999; }

.dropdown .selected::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; }

/* DROP DOWN WRAPPER */
.dropdown div { position: absolute; height: 0; left: -1px; right: -1px; top: 100%; margin-top: -1px; background: #fff; border: 1px solid #ccc; border-top: 1px solid #eee; overflow: hidden; opacity: 0; }

/* Height is adjusted by JS on open */
.dropdown.open div { opacity: 1; z-index: 2; }

/* FADE OVERLAY FOR SCROLLING LISTS */
.dropdown.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; }

.dropdown.scrollable.bottom div::after { opacity: 0; }

/* DROP DOWN LIST */
.dropdown ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden; }

.dropdown.scrollable.open ul { overflow-y: auto; }

/* DROP DOWN LIST ITEMS */
.dropdown li { list-style: none; padding: 8px 12px; }

/* .focus class is also added on hover */
.dropdown li.focus { background: #4987c1; position: relative; z-index: 3; color: #fff; }

.dropdown li.active { font-weight: 700; }

.allcont .accordion { padding: 0; margin: 0 0 1px 0; }
.allcont .accordion h2 { margin: -1px 0 0 0; padding: 15px; font-weight: 400; font-size: 18px; background: #fff; border: 1px solid #eaeef4; cursor: pointer; color: #034d8e; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; }
.allcont .accordion h2 .fa { float: right; font-size: 22px; }
.allcont .accordion h2:hover, .allcont .accordion h2.active { background: #045ba7; color: #fff; }
.allcont .accordion .accContent { display: none; padding: 15px; max-width: 750px; }
.allcont .accordion img { max-width: 100%; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fancybox_sprite.png"); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url("../img/fancybox_loading.gif") center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../img/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../img/fancybox_overlay.png"); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { background-image: url("../img/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }
.head { background: #0b1a29 url("../img/gradient.png") repeat-y center top; position: fixed; width: 100%; height: 115px; z-index: 99; }
.head .inner { position: relative; }
.head .searchbox { display: none; position: absolute; bottom: -40px; right: 75px; height: 40px; }
.head .searchbox .searchinput { border: 0; background-color: #fff; width: 200px; height: 30px; padding: 0 35px 0 10px; font-size: 13px; font-weight: 400; outline: none; height: 40px; }
.head .searchbox .btn-search { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background-color: #de9727; background-image: url("../img/iconSearch.png"); background-position: center center; background-repeat: no-repeat; display: block; border: 0; outline: none; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .head .searchbox .btn-search { background-image: url("../img/iconSearch_2x.png"); background-size: 30px 30px; } }

.claim { position: fixed; top: 75px; left: 0; width: 100%; background-color: #fff; text-align: center; color: #034d8e; z-index: 98; height: 40px; }
.claim p { margin: 0; padding: 0; line-height: 40px; font-weight: 400; }

.mobileNav { display: none; float: right; margin: 25px 40px 0 0; }
.mobileNav a { color: #fff; font-size: 57px; text-decoration: none; }

.mobileSubNav { display: none; position: relative; top: 115px; text-align: center; z-index: 9; }
.mobileSubNav .snavTrigger { display: block; padding: 10px 0; text-decoration: none; background-color: #fff; }
.mobileSubNav ul { display: none; position: absolute; top: 42px; left: 0; width: 100%; background-color: #4987c1; }
.mobileSubNav ul li { border-bottom: 1px solid #679bcb; }
.mobileSubNav ul li.navSep { display: none; }
.mobileSubNav ul li a { display: block; color: #fff; padding: 10px 0; text-decoration: none; }
.mobileSubNav ul li.act a, .mobileSubNav ul li.cur a { background-color: #034d8e; }

.logo { position: absolute; top: 50%; left: 50%; margin-left: -163px; margin-top: -109px; width: 338px; height: 218px; z-index: 111; display: none; }
.logo a { display: block; background-image: url("../img/logointro.png"); background-repeat: no-repeat; background-position: center center; width: 338px; height: 218px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .logo a { background-image: url("../img/logointro_2x.png"); background-size: 338px 218px; } }
.logo a span { display: none; }

.logox { position: absolute; top: 50%; left: 50%; margin-left: -75px; margin-top: -40px; width: 150px; height: 80px; z-index: 99; }
.logox a { display: block; background-image: url("../img/logo.png"); background-repeat: no-repeat; background-position: center center; width: 150px; height: 80px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .logox a { background-image: url("../img/logo_2x.png"); background-size: 150px 80px; } }
.logox a span { display: none; }

.banner_fb { position: absolute; top: 0; right: 80px; background-image: url("../img/banner_facebook.png"); background-position: 0 0; background-repeat: no-repeat; width: 169px; height: 26px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .banner_fb { background-image: url("../img/banner_facebook_2x.png"); background-size: 169px 26px; } }
.banner_fb a { display: block; width: 169px; height: 26px; }
.banner_fb span { display: none; }

#uid2 .head { position: fixed; top: -115px; opacity: 0; }

#uid2 .logo { display: block; }

#uid2 .logox { opacity: 0; }

#uid2 .claim { opacity: 0; }

.nav { padding-top: 75px; font-size: 0; text-align: center; margin-left: -50px; }
.nav li { font-size: 16px; display: inline-block; text-transform: uppercase; margin: 0 30px; padding-bottom: 16px; position: relative; }
.nav li a { color: #fff; text-decoration: none; }
.nav li a:hover { padding-bottom: 3px; border-bottom: 2px solid #4987c1; }
.nav li.first { margin: 0 30px 0 0; }
.nav li.id81 { width: 200px; height: 1em; margin: 0; font-size: 0; visibility: hidden; }
.nav li.id17 { margin-right: 0; top: 2px; }
.nav li.id17 span { display: none; }
.nav li.id17 a:hover { border-bottom: 0; position: static; padding-bottom: 0; }
.nav li.id17 a:before { font-size: 20px; content: "\e600"; }
.nav li.id17 a.active:before { font-size: 20px; content: "\e601"; }
.nav li.act > a, .nav li.cur > a { padding-bottom: 3px; border-bottom: 2px solid #4987c1; }
.nav li:hover .subnav { display: block; }
.nav li.navSep { height: 1px; background-color: #fff; background-color: rgba(255, 255, 255, 0.3); font-size: 0; }
.nav .subnav { display: none; position: absolute; top: 38px; left: -15px; padding: 0; width: 220px; background-color: #20387c; background-image: -webkit-linear-gradient(left, #20387c, #3d70ae); background-image: linear-gradient(to right,#20387c, #3d70ae); text-align: left; }
.nav .subnav li { display: block; margin: 0; padding: 0; font-size: 15px; text-transform: none; }
.nav .subnav li a { display: block; padding: 10px 15px; }
.nav .subnav li a:hover { border-bottom: 0; background-color: #3d70ae; }
.nav .subnav li.act > a, .nav .subnav li.cur > a { border-bottom: none; background-color: #20387c; }

@media all and (max-width: 1200px) { .head .inner { padding: 0; }
  .head .searchbox { top: 174px; right: auto; left: 0; width: 100%; height: 40px; }
  .head .searchbox .searchinput { width: 100%; }
  .logox { margin-top: -10px; }
  .nav { position: relative; top: 115px; margin-left: 0; padding-top: 0; background-color: #034d8e; background-image: -webkit-linear-gradient(#034d8e, #023766); background-image: linear-gradient(#034d8e, #023766); }
  .nav li { padding: 15px 0 20px 0; text-align: center; }
  .nav li.id81 { display: none; }
  .nav .subnav { top: 57px; }
  .nav .subnav li { text-align: left; } }
@media all and (max-width: 960px) { .nav li { margin: 0 15px; } }
@media all and (max-width: 790px) { .logox { left: 25px; margin-top: 15px; margin-left: 0; }
  .head .searchbox { top: 115px; }
  .nav { position: absolute; top: 155px; display: none; background-color: #fff; width: 100%; }
  .nav li { display: block; background-color: #034d8e; background-image: -webkit-linear-gradient(#034d8e, #023766); background-image: linear-gradient(#034d8e, #023766); margin: 0 !important; padding: 0 !important; }
  .nav li a { display: block; padding: 20px 0 !important; border-bottom: 0 !important; }
  .nav li a:hover { border-bottom: 0; }
  .nav .subnav { display: none !important; }
  .mobileNav, .mobileSubNav { display: block; }
  .claim { display: none !important; }
  .nav li.id17 a { display: none; }
  .banner_fb { display: none; } }
.hero { height: 330px; background-color: #f5f5f5; position: relative; top: 115px; overflow: hidden; background: radial-gradient(circle, #fff, #6e99d1); width: 120%; margin-left: -10%; z-index: 1; }
.hero img.heroimg { width: 100%; height: auto; }
.hero .bottom { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 12; }
.hero .bottom img { width: 100%; height: auto; }
.hero .csc-firstHeader { color: #525252; margin: 0 auto; display: block; line-height: 1em; font-size: 50px; text-align: center; display: table; width: 100%; height: 100%; z-index: 97; position: relative; }
.hero .csc-firstHeader span { display: table-cell; vertical-align: middle; }
.hero .csc-firstHeader.blue { color: #034d8e; }
.hero .csc-firstHeader.orange { color: #e95818; }
.hero .csc-firstHeader.green { color: #62906b; }
.hero .csc-firstHeader.red { color: #ce2326; }
.hero .csc-firstHeader.violett { color: #854d96; }
.hero .csc-firstHeader.rose { color: #c5919d; }
.hero #bgCanvas, .hero .sprinkle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 60; overflow: hidden; }
.hero .presenting { position: relative; top: 175px; z-index: 70; height: 100%; }
.hero .presenting .inner { height: 100%; }
.hero .presenting img.bottle { position: absolute; top: -10px; left: 50%; margin-left: -150px; opacity: 0; }
.hero .presenting .herotext { float: right; width: 660px; position: relative; opacity: 0; top: 150px; font-size: 18px; font-weight: 400; }
.hero .presenting .herotext h2 { margin: 0 0 15px 0; font-size: 40px; line-height: 1.15em; text-align: left; }
.hero .presenting .herotext h2, .hero .presenting .herotext p { max-width: 500px; }
.hero .presenting .herotext .btn-simple { color: #525252; }
.hero .presenting .teaserBoxes { margin-left: -10px; }
.hero .presenting .teaserBoxes .item { opacity: 0; width: 50%; padding: 10px; }
.hero .presenting div.csc-textpic-center .csc-textpic-center-outer, .hero .presenting div.csc-textpic-center .csc-textpic-center-inner { position: static; float: none; margin: 0; padding: 0; right: auto; left: auto; }
.hero .presenting div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin: 0; }
.hero .presenting .item { opacity: 0; width: 50%; margin-top: 50px !important; margin-left: -10px; padding: 10px; display: inline-block; font-size: 16px; }
.hero .presenting .item.over { cursor: pointer; }
.hero .presenting .item.over .inner { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }
.hero .presenting .item .inner { border: 1px solid #fff; position: relative; margin: 0; padding: 0; }
.hero .presenting .item img { width: 100%; height: auto; }
.hero .presenting .item p { margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; width: 96%; border-top-right-radius: 5px; color: #fff; background-color: #4884be; background-image: -webkit-linear-gradient(left, #4884be, #0b1a2a); background-image: linear-gradient(to right,#4884be, #0b1a2a); }
.hero .presenting .item p img { width: auto; max-width: 100%; position: absolute; bottom: 0; right: 20px; }
.hero .presenting .item p a { display: block; text-decoration: none; color: #fff; padding: 10px 0 10px 15px; font-size: 14px; }

#uid2 .hero, #uid302 .hero { top: 0; height: 860px; overflow: visible; z-index: auto; }
#uid2 .hero .btn-simple, #uid302 .hero .btn-simple { background-color: #525252; color: #fff; }

.particle { position: absolute; visibility: hidden; }

.particle_1 { background: url("../../files/bubbles/bubble_1.png") no-repeat center center; display: block; width: 50px; height: 50px; }

.particle_2 { background: url("../../files/bubbles/bubble_3.png") no-repeat center center; display: block; width: 30px; height: 30px; }

.particle_3 { background: url("../../files/bubbles/bubble_2.png") no-repeat center center; display: block; width: 50px; height: 50px; }

.particle_4 { background: url("../../files/bubbles/bubble_4.png") no-repeat center center; display: block; width: 50px; height: 50px; }

.intro { background: #95aac7; background: radial-gradient(circle, #fff, #6e99d1); width: 100%; height: 100%; position: absolute; overflow: hidden; z-index: 3; }
.intro .bubbles1 { background: url("../img/bub0.png") center no-repeat; background-size: contain; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.intro .bubbles2 { background: url("../img/bub1.png") center no-repeat; background-size: contain; width: 100%; height: 100%; position: absolute; top: 120%; left: 0; }
.intro .single1 { width: 150px; height: 135px; position: absolute; bottom: -200px; left: 50%; z-index: 500; margin-left: -250px; margin-top: -30px; background: url("../img/single01.png") center no-repeat; background-size: cover; }
.intro .single2 { width: 60px; height: 54px; position: absolute; bottom: -200px; left: 50%; z-index: 500; margin-left: -90px; background: url("../img/single02.png") center no-repeat; background-size: cover; margin-top: 120px; }
.intro .single3 { width: 74px; height: 75px; position: absolute; bottom: -200px; left: 50%; z-index: 500; margin-left: 200px; background: url("../img/single03.png") center no-repeat; background-size: cover; }

@media all and (max-width: 1190px) { .hero { top: 170px; }
  .bel6 .hero { height: 420px; }
  .intro, #uid2 .logo { display: none; }
  #uid2 .head { top: 0; opacity: 1; }
  #uid2 .logox { opacity: 1; }
  .hero .presenting { top: 270px; }
  .hero .presenting .inner { padding: 0 5%; }
  .hero .presenting .item { opacity: 1; margin: 25px 0 30px !important; }
  .hero .presenting .item p { text-align: left !important; }
  .hero .presenting .herotext h2 { text-align: center; }
  .hero .presenting .inner { text-align: center; }
  #uid2 .hero { height: 650px; }
  .hero .presenting .herotext { display: inline-block; position: static; float: none; width: 820px; }
  .hero .presenting .herotext h2, .hero .presenting .herotext p { max-width: none; }
  .hero .presenting .herotext { opacity: 1; }
  .hero .presenting img.bottle { display: none; } }
@media all and (max-width: 850px) { .hero { height: 250px; }
  .pageIntro { background-image: none; padding: 80px 20px 0 20px !important; margin-top: 0; }
  #uid2 .hero { margin-left: 0; top: 175px; padding: 0 !important; width: 100%; height: auto; background: #fff; border: 0 none; padding: 10px 10px 50px 10px !important; border-radius: 0; border: 0 none; }
  #uid2 .hero #bgCanvas { display: none; }
  .hero .presenting { position: relative !important; top: 40px !important; }
  .hero .presenting .inner { padding: 0 10px; }
  .hero .presenting img.bottle { display: none; }
  .hero .presenting .herotext { position: static; left: 0; top: 0; float: none; width: 100%; opacity: 1; display: block; }
  .hero .presenting .herotext .btn-simple { width: 100%; font-size: 16px; }
  .hero .presenting { position: static; }
  .hero .presenting .teaserBoxes { margin: 0; }
  .hero .teaserBoxes { margin: 0; padding: 0; }
  .hero .presenting .teaserBoxes .item { opacity: 1; padding: 0 10px; text-align: left; } }
@media all and (max-width: 790px) { .hero { top: 115px; }
  .hero .csc-firstHeader { font-size: 35px; padding: 0 55px; }
  #uid2 .hero { top: 115px; }
  .hero .presenting .herotext h2 { text-align: left; padding: 0; }
  .hero .presenting .item { margin-bottom: 0 !important; } }
@media all and (max-width: 480px) { .oval, .hero, .hero { border-bottom-left-radius: 30%; border-bottom-right-radius: 30%; } }
@media all and (max-height: 800px) and (min-width: 1190px) { #uid2 .hero { height: 700px; }
  #uid2 .hero .presenting .teaserBoxes { display: none !important; }
  #uid2 .hero .presenting img.bottle { height: 550px; width: auto; left: 56%; }
  #uid2 .hero .presenting .herotext { top: 140px !important; } }
.teaserBoxes { font-size: 0; padding: 50px 0 0; }
.teaserBoxes div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; }
.teaserBoxes .item { display: inline-block; width: 33.33%; font-size: 16px; padding: 10px 10px 130px 10px; }
.teaserBoxes .item .inside { border: 1px solid #fff; position: relative; }
.teaserBoxes .item img { width: 100%; height: auto; }
.teaserBoxes .item p { margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; width: 96%; border-top-right-radius: 5px; color: #fff; padding: 10px 0 10px 15px; background-color: #4884be; background-image: -webkit-linear-gradient(left, #4884be, #0b1a2a); background-image: linear-gradient(to right,#4884be, #0b1a2a); text-align: left; }
.teaserBoxes .item p img { width: auto; max-width: 100%; position: absolute; bottom: 0; right: 20px; }
.teaserBoxes .item p a { display: block; text-decoration: none; color: #fff; }
.teaserBoxes .item.over { cursor: pointer; }
.teaserBoxes .item.over .inside { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }
.teaserBoxes .item.c299 { display: block; width: 100%; padding: 0 0 40px 0; }
.teaserBoxes .item.c299 p { margin: 0; padding: 0; position: static; width: 100%; border-top-right-radius: 0px; color: #fff; background-image: none; background-color: #c2ccdc; height: 49px; line-height: 49px; color: #3a5899; font-weight: 400; }
.teaserBoxes .item.c299 img { width: auto; max-width: 100%; }

.c327 p { width: 100% !important; background: #cd0e0e !important; background: rgba(205, 14, 14, 0.8) !important; color: #fff; text-align: center; padding: 10px !important; border-radius: 0 !important; font-size: 13px; }

.c328 { padding-bottom: 0 !important; }
.c328 .inner { max-width: 450px; padding: 20px 20px 5px 20px; border: 3px solid #fff; }
.c328 .inner .csc-textpic-imagewrap, .c328 .inner .csc-textpic-text { display: block; vertical-align: middle; }

@media all and (min-width: 600px) { .c328 .inner { max-width: 630px !important; padding: 10px !important; padding-bottom: 0px !important; }
  .c328 .inner .csc-textpic-imagewrap { width: 200px !important; float: left !important; margin-right: 21px !important; }
  .c328 .inner .csc-textpic-imagewrap img { width: 100%; height: auto  !important; }
  .c328 .inner .csc-textpic-text a { font-size: 14px; } }
@media all and (max-width: 1300px) { .hero .presenting .herotext { left: -90px; } }
@media all and (max-width: 1190px) { .pageIntro { padding-bottom: 50px !important; }
  .hero .presenting img.bottle { position: static; margin: 0; left: auto; }
  .teaserBoxes { padding-top: 0; }
  .teaserBoxes .item { padding: 20px; }
  .teaserBoxes .item p img { height: 120px; width: auto; right: 20px; } }
@media all and (max-width: 1000px) { .teaserBoxes { padding-bottom: 10px; }
  .teaserBoxes .item { width: 50%; padding: 10px; }
  .teaserBoxes div.csc-textpic-center .csc-textpic-center-outer, .teaserBoxes div.csc-textpic-center .csc-textpic-center-inner { float: none; margin: 0; width: 100%; position: static; } }
@media all and (max-width: 640px) { .teaserBoxes { padding-bottom: 0; }
  .teaserBoxes .item { width: 100%; padding: 10px 10px 30px 10px; }
  .teaserBoxes .item p img { height: 180px; width: auto; right: 20px; }
  .hero .presenting .item { width: 100%; padding: 10px 0px 20px 0px; }
  .hero .presenting .item p img { height: 180px; width: auto; right: 20px; } }
/*  	Core Owl Carousel CSS File 	v1.3.3 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; z-index: 10; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing { cursor: url(../img/grabbing.png) 8 8, move; }

/* fix */
.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 Demo Theme 
*	v1.3.3
*/
.owl-theme .owl-controls { text-align: center; position: relative; bottom: 30px; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons::after { clear: both; content: ""; display: table; }

.owl-theme .owl-controls .owl-buttons div { color: #4987c1; display: block; font-size: 70px; position: relative; z-index: 11; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls .owl-buttons div.owl-prev { float: left; }

.owl-theme .owl-controls .owl-buttons div.owl-next { float: right; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 0 3px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; border: 1px solid #dedede; }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #004b8d; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../img/AjaxLoader.gif) no-repeat center center; }

/*  Owl Carousel CSS3 Transitions  v1.3.2 */
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }

/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }

.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }

.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }

.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty { 0% { opacity: 1; } }
@-moz-keyframes empty { 0% { opacity: 1; } }
@keyframes empty { 0% { opacity: 1; } }
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } }
@-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } }
@-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } }
@keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } }
@-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } }
@-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } }
@keyframes goDown { from { transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } }
@keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } }
@keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }
.productgroups { font-size: 0; padding: 230px 0 0; }
.productgroups .item { display: inline-block; width: 33.33%; font-size: 16px; padding: 10px 10px 220px 10px; }
.productgroups .item .inside { text-align: center; background: #fff; height: 260px; background-image: radial-gradient(80% 10%, circle, #BF7667, transparent); position: relative; }
.productgroups .item .inside img { position: absolute; bottom: 50px; left: 50%; margin-left: -125px; transition: all 0.2s ease-in-out; }
.productgroups .item .inside p { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; }
.productgroups .item.hide { display: none; }
.productgroups .item.over { cursor: pointer; }
.productgroups .item.over .inside img { bottom: 58px; }
.productgroups .item.blue .inside { background-color: #034d8e; background-image: -webkit-linear-gradient(-380deg, #034d8e 0%, #deeffe 35%, #fff 50%, #deeffe 65%, #034d8e 100%); background-image: linear-gradient(110deg,#034d8e 0%, #deeffe 35%, #fff 50%, #deeffe 65%, #034d8e 100%); }
.productgroups .item.green .inside { background-color: #62906b; background-image: -webkit-linear-gradient(-380deg, #62906b 0%, white 35%, #fff 50%, white 65%, #62906b 100%); background-image: linear-gradient(110deg,#62906b 0%, white 35%, #fff 50%, white 65%, #62906b 100%); }
.productgroups .item.orange .inside { background-color: #e95818; background-image: -webkit-linear-gradient(-380deg, #e95818 0%, white 35%, #fff 50%, white 65%, #e95818 100%); background-image: linear-gradient(110deg,#e95818 0%, white 35%, #fff 50%, white 65%, #e95818 100%); }
.productgroups .item.red .inside { background-color: #ce2326; background-image: -webkit-linear-gradient(-380deg, #ce2326 0%, white 35%, #fff 50%, white 65%, #ce2326 100%); background-image: linear-gradient(110deg,#ce2326 0%, white 35%, #fff 50%, white 65%, #ce2326 100%); }
.productgroups .item.violett .inside { background-color: #854d96; background-image: -webkit-linear-gradient(-380deg, #854d96 0%, white 35%, #fff 50%, white 65%, #854d96 100%); background-image: linear-gradient(110deg,#854d96 0%, white 35%, #fff 50%, white 65%, #854d96 100%); }
.productgroups .item.rose .inside { background-color: #c5919d; background-image: -webkit-linear-gradient(-380deg, #c5919d 0%, white 35%, #fff 50%, white 65%, #c5919d 100%); background-image: linear-gradient(110deg,#c5919d 0%, white 35%, #fff 50%, white 65%, #c5919d 100%); }
.productgroups .item .btn, .productgroups .item .c203 .powermail_fieldset .powermail_submit, .c203 .powermail_fieldset .productgroups .item .powermail_submit, .productgroups .item .c370 .powermail_fieldset .powermail_submit, .c370 .powermail_fieldset .productgroups .item .powermail_submit { display: block; text-align: center; padding: 15px 0; font-weight: 400; font-size: 18px; }

.productTeaser { border-top: 1px solid #f5f5f5; text-align: center; padding: 40px 0 !important; }
.productTeaser img { display: inline-block; height: 100px; width: auto; }
.productTeaser p { display: inline-block; position: relative; top: 10px; margin: 0; padding: 0; font-weight: 400; font-size: 20px; text-align: left; padding-left: 20px; }
.productTeaser p a { display: block; color: #525252; font-size: 16px; margin-top: 4px; text-decoration: none; }
.productTeaser p a:after { content: "\e604"; position: relative; top: 1px; }

@media all and (max-width: 800px) { .productgroups .item { width: 50%; } }
@media all and (max-width: 550px) { .productgroups .item { width: 100%; } }
.toOverview { margin-bottom: 30px; }
.toOverview a { display: inline-block; border-radius: 6px; background-color: #fff; background-color: rgba(0, 0, 0, 0.1); text-decoration: none; font-size: 0; color: #111; box-shadow: 0 1px 0 #fff; font-weight: 400; transition: all 0.2s ease-in-out; height: 30px; }
.toOverview a strong, .toOverview a span { font-size: 14px; display: inline-block; padding: 4px 10px 3px; height: 30px; }
.toOverview a strong { border-top-left-radius: 3px; border-bottom-left-radius: 3px; color: #fff; font-weight: 400; }
.toOverview a strong em { font-size: 16px; position: relative; top: 2px; }
.toOverview.blue a strong { background-color: #034d8e; }
.toOverview.green a strong { background-color: #62906b; }
.toOverview.violett a strong { background-color: #854d96; }
.toOverview.red a strong { background-color: #ce2326; }
.toOverview.orange a strong { background-color: #e95818; }
.toOverview.rose a strong { background-color: #c5919d; }
.toOverview.blue a:hover { background-color: #0460b1; color: #fff; }
.toOverview.green a:hover { background-color: #75a17d; color: #fff; }
.toOverview.violett a:hover { background-color: #995cab; color: #fff; }
.toOverview.red a:hover { background-color: #dd383a; color: #fff; }
.toOverview.orange a:hover { background-color: #ec7039; color: #fff; }
.toOverview.green a:hover { background-color: #75a17d; color: #fff; }

.products_teaser { font-size: 0; padding-bottom: 50px !important; }
.products_teaser .box { display: inline-block; font-size: 16px; width: 33.33%; padding: 20px; text-align: center; vertical-align: top; }
.products_teaser .box .inside { background-color: #fff; padding: 20px; transition: all 0.2s ease-in-out; border: 1px solid #f2f2f2; border: 1px solid rgba(0, 0, 0, 0.3); }
.products_teaser .box .inside:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); border: 0 none; }
.products_teaser .box h2 { font-size: 18px; margin: 0; padding: 0; }
.products_teaser .box .imgWrap { overflow: hidden; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; width: 100%; height: 470px; display: table; text-align: center; }
.products_teaser .box .imgWrap .centr { display: table-cell; vertical-align: bottom; height: 100%; width: 100%; }
.products_teaser .box .imgWrap .centr p { margin: 0; padding: 15px 0 0; font-size: 12px; color: #909090; }
.products_teaser .box .imgWrap img { height: 450px; width: auto; margin: 0 auto; position: relative; z-index: 1; }
.products_teaser a { display: block; text-decoration: none; color: #525252; position: relative; }
.products_teaser a.blue:hover { color: #034d8e; }
.products_teaser a.orange:hover { color: #e95818; }
.products_teaser a.green:hover { color: #62906b; }
.products_teaser a.red:hover { color: #ce2326; }
.products_teaser a.violett:hover { color: #854d96; }
.products_teaser a.rose:hover { color: #c5919d; }
.products_teaser .shadowBottle { position: absolute; top: 90px; left: 10px; opacity: 0.3; }
.products_teaser .shadowBottle.b3 { left: auto; right: 10px; }

.allcont .item.prdSlide { padding-bottom: 0; }

.prdSlide { position: relative; }
.prdSlide::after { clear: both; content: ""; display: table; }
.prdSlide.blue { background-color: #034d8e; background-image: -webkit-linear-gradient(-380deg, #034d8e 0%, #deeffe 35%, #fff 50%, #deeffe 65%, #034d8e 100%); background-image: linear-gradient(110deg,#034d8e 0%, #deeffe 35%, #fff 50%, #deeffe 65%, #034d8e 100%); margin-top: -120px; padding-top: 180px; }
.prdSlide.orange { background-color: #e95818; background-image: -webkit-linear-gradient(-380deg, #e95818 0%, white 35%, #fff 50%, white 65%, #e95818 100%); background-image: linear-gradient(110deg,#e95818 0%, white 35%, #fff 50%, white 65%, #e95818 100%); margin-top: -120px; padding-top: 180px; }
.prdSlide.green { background-color: #62906b; background-image: -webkit-linear-gradient(-380deg, #62906b 0%, white 35%, #fff 50%, white 65%, #62906b 100%); background-image: linear-gradient(110deg,#62906b 0%, white 35%, #fff 50%, white 65%, #62906b 100%); margin-top: -120px; padding-top: 180px; }
.prdSlide.red { background-color: #ce2326; background-image: -webkit-linear-gradient(-380deg, #ce2326 0%, white 35%, #fff 50%, white 65%, #ce2326 100%); background-image: linear-gradient(110deg,#ce2326 0%, white 35%, #fff 50%, white 65%, #ce2326 100%); margin-top: -120px; padding-top: 180px; }
.prdSlide.violett { background-color: #854d96; background-image: -webkit-linear-gradient(-380deg, #854d96 0%, white 35%, #fff 50%, white 65%, #854d96 100%); background-image: linear-gradient(110deg,#854d96 0%, white 35%, #fff 50%, white 65%, #854d96 100%); margin-top: -120px; padding-top: 180px; }
.prdSlide.rose { background-color: #c5919d; background-image: -webkit-linear-gradient(-380deg, #c5919d 0%, white 35%, #fff 50%, white 65%, #c5919d 100%); background-image: linear-gradient(110deg,#c5919d 0%, white 35%, #fff 50%, white 65%, #c5919d 100%); margin-top: -120px; padding-top: 180px; }
.prdSlide .pagin { position: absolute; top: 50%; z-index: 10; width: 100%; margin-top: -26px; z-index: 1; }
.prdSlide .pagin a { text-decoration: none; color: #000; color: rgba(0, 0, 0, 0.35); font-size: 55px; }
.prdSlide .pagin a:hover { color: #000; }
.prdSlide .pagin_prev { float: left; margin-left: -80px; }
.prdSlide .pagin_next { float: right; margin-right: -80px; }
.prdSlide .prdSlideText { float: right; width: 60%; position: relative; z-index: 2; padding-bottom: 50px; }
.prdSlide .prdSlideText table { display: none; }
.prdSlide .prdSlideText .mob_gebinde { display: none; }
.prdSlide .prdSlideText .slidetext { display: none; }
.prdSlide .prdSlideText .slidetext:first-child { display: block; }
.prdSlide .prdSlideText ul.fillsizes { margin-top: 45px; font-size: 0; }
.prdSlide .prdSlideText ul.fillsizes li { display: inline-block; width: 50%; padding-right: 20px; font-size: 16px; }
.prdSlide .prdSlideText ul.fillsizes li a { color: #525252; display: block; text-decoration: none; padding-bottom: 2px; border-bottom: 1px solid #dedede; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.prdSlide .prdSlideText ul.fillsizes li a.active:before { content: "\e604"; position: relative; top: 2px; left: -2px; }
.prdSlide .prdSlideText ul.prd_additional { padding-top: 20px; border-bottom: 1px solid #dedede; border-bottom: 1px solid rgba(0, 0, 0, 0.15); max-width: 690px; }
.prdSlide .prdSlideText ul.prd_additional li { display: inline-block; }
.prdSlide .prdSlideText ul.prd_additional a { background-color: #fff; padding: 5px 8px; display: block; color: #525252; text-decoration: none; }
.prdSlide .prdSlideText ul.prd_additional a.blue { background-color: #034d8e; color: #fff; }
.prdSlide .prdSlideText ul.prd_additional a.green { background-color: #62906b; color: #fff; }
.prdSlide .prdSlideText ul.prd_additional a.violett { background-color: #854d96; color: #fff; }
.prdSlide .prdSlideText ul.prd_additional a.red { background-color: #ce2326; color: #fff; }
.prdSlide .prdSlideText ul.prd_additional a.orange { background-color: #e95818; color: #fff; }
.prdSlide .prdSlideText ul.prd_additional a.rose { background-color: #c5919d; color: #fff; }
.prdSlide .prdSlideText .addInfo { display: none; padding-top: 15px; }
.prdSlide .prdSlideText .addInfo ul { margin-top: 0; padding-top: 0; list-style: disc; list-style-position: inside; }
.prdSlide .prdSlideImages { float: left; width: 420px; height: 560px; overflow: hidden; position: absolute; bottom: 0; }
.prdSlide .prdSlideImages li { margin: 0 60px 0 0; }
.prdSlide .prdSlideImages img { -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); transform: rotate(12deg); position: relative; bottom: -50px; left: 50%; margin-left: -75px; height: 560px; width: auto; }
.prdSlide .prdSlideImages .owl-controls { z-index: 10; }
.prdSlide .owl-theme .owl-controls { bottom: 65px; }

@media all and (max-width: 1200px) { .prdSlide.firstItem .inner { padding-top: 60px; }
  .prdSlide .prdSlideText ul li { width: 50%; }
  .prdSlide .prdSlideText ul.prd_additional { width: 100%; margin: 0 auto; font-size: 0; }
  .prdSlide .prdSlideText ul.prd_additional li { width: 50%; font-size: 16px; text-align: center; } }
@media all and (max-width: 900px) { .prdSlide .prdSlideImages { float: right; width: 200px; height: 200px; overflow: visible; text-align: center; position: relative; bottom: auto; z-index: 3; }
  .prdSlide .prdSlideImages::after { clear: both; content: ""; display: table; }
  .prdSlide .prdSlideImages li { display: inline-block; width: 200px; height: 200px; border-radius: 50%; border: 1px solid #dedede; background-color: #fff; overflow: hidden; }
  .prdSlide .prdSlideImages img { width: auto; height: 92%; bottom: -8px; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-left: 0; }
  .prdSlide .prdSlideText { float: none; width: 100%; padding: 0 230px 40px 40px; }
  .owl-theme .owl-controls { top: 0; }
  .prdSlide .pagin { display: none; }
  .products_teaser .box { width: 50%; }
  .prdSlide .prdSlideImages { float: none; margin: 0 auto 25px; width: 300px; height: 270px; }
  .prdSlide .prdSlideImages li { width: 300px; height: 270px; border-radius: 0; border: 0 none; overflow: hidden; background-color: transparent; }
  .prdSlide .prdSlideImages li img { width: auto; height: 320px; bottom: auto; top: 0; transform: rotate(18deg); }
  .prdSlide .prdSlideText { text-align: center; padding: 20px; }
  .prdSlide .prdSlideText h2 { text-align: center; margin-bottom: 0; }
  .prdSlide .prdSlideText .mob_gebinde { display: block; margin-bottom: 20px; font-weight: 600; border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; }
  .prdSlide .prdSlideText ul { width: 320px; margin: 0 auto 25px; text-align: left; padding-left: 0; }
  .prdSlide .prdSlideText ul li { width: 100%; }
  .prdSlide .prdSlideText ul.fillsizes { display: none; } }
@media all and (max-width: 580px) { .prdSlide .prdSlideText ul li { width: 100%; padding: 0; }
  .prdSlideText h2 { text-align: left; }
  .productTeaser img { display: block; margin: 0 auto 20px; }
  .productTeaser p { display: block; padding: 0 20px; text-align: center; }
  .products_teaser .box { width: 100%; display: block; }
  .products_teaser .box .inside { transition: none; }
  .products_teaser .box .inside:hover { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; box-shadow: none; border: 1px solid #f2f2f2; border: 1px solid rgba(0, 0, 0, 0.05); }
  .products_teaser .box h2 { text-align: center; } }
.c290 .inner { font-size: 16px; }

.dl_logos { font-size: 0; margin: 0 -5px; }
.dl_logos .inner { padding: 0; }
.dl_logos .item { display: inline-block; vertical-align: top; width: 50%; padding: 25px 5px 5px; }
.dl_logos .item .csc-textpic { position: relative; }
.dl_logos .item p { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 10px; background-color: #fff; color: red; font-size: 12px; border: 1px solid #eaeef4; text-align: center; }

#uid78 .fiftyWrap .inner .cLeft, #uid78 .fiftyWrap .inner .cRight, #uid78 .fiftyWrap .inner .cCenter, #uid301 .fiftyWrap .inner .cLeft, #uid301 .fiftyWrap .inner .cRight, #uid301 .fiftyWrap .inner .cCenter { width: 33.33%; }
#uid78 .fiftyWrap .inner img, #uid301 .fiftyWrap .inner img { border: 1px solid #eaeef4; }
#uid78 .fiftyWrap .inner ul, #uid301 .fiftyWrap .inner ul { display: table; width: 100%; }
#uid78 .fiftyWrap .inner ul li, #uid301 .fiftyWrap .inner ul li { display: table-cell; text-align: center; }
#uid78 .fiftyWrap .inner ul li:first-child, #uid301 .fiftyWrap .inner ul li:first-child { border-right: 1px solid #fff; }
#uid78 .fiftyWrap .inner ul a, #uid301 .fiftyWrap .inner ul a { display: block; background-color: #eaeef4; padding: 10px; text-decoration: none; color: #525252; font-size: 13px; }
#uid78 .fiftyWrap .inner ul a:hover, #uid301 .fiftyWrap .inner ul a:hover { background-color: #d9e0eb; }

#uid78 .fiftyWrap { margin-top: -170px; padding-top: 240px; }

#uid79 .tx-powermail h3, #uid79 .tx-powermail legend, #uid79 .tx-felogin-pi1 h3, #uid79 .tx-felogin-pi1 legend { display: none; }
#uid79 .tx-powermail ul.parsley-errors-list, #uid79 .tx-felogin-pi1 ul.parsley-errors-list { display: none !important; }
#uid79 .tx-powermail .powermail_fieldwrap, #uid79 .tx-powermail .fe_row, #uid79 .tx-felogin-pi1 .powermail_fieldwrap, #uid79 .tx-felogin-pi1 .fe_row { margin-bottom: 10px; }
#uid79 .tx-powermail .powermail_fieldwrap label, #uid79 .tx-powermail .fe_row label, #uid79 .tx-felogin-pi1 .powermail_fieldwrap label, #uid79 .tx-felogin-pi1 .fe_row label { display: block; margin-bottom: 2px; cursor: pointer; }
#uid79 .tx-powermail .powermail_fieldwrap .powermail_input, #uid79 .tx-powermail .powermail_fieldwrap .fe_field, #uid79 .tx-powermail .fe_row .powermail_input, #uid79 .tx-powermail .fe_row .fe_field, #uid79 .tx-felogin-pi1 .powermail_fieldwrap .powermail_input, #uid79 .tx-felogin-pi1 .powermail_fieldwrap .fe_field, #uid79 .tx-felogin-pi1 .fe_row .powermail_input, #uid79 .tx-felogin-pi1 .fe_row .fe_field { width: 92%; padding: 12px; border: 1px solid #c9d3e2; outline: none; }
#uid79 .tx-powermail .powermail_fieldwrap .powermail_input:focus, #uid79 .tx-powermail .powermail_fieldwrap .fe_field:focus, #uid79 .tx-powermail .fe_row .powermail_input:focus, #uid79 .tx-powermail .fe_row .fe_field:focus, #uid79 .tx-felogin-pi1 .powermail_fieldwrap .powermail_input:focus, #uid79 .tx-felogin-pi1 .powermail_fieldwrap .fe_field:focus, #uid79 .tx-felogin-pi1 .fe_row .powermail_input:focus, #uid79 .tx-felogin-pi1 .fe_row .fe_field:focus { border-color: #4987c1; }
#uid79 .tx-powermail .powermail_fieldwrap .powermail_input.parsley-error, #uid79 .tx-powermail .powermail_fieldwrap .fe_field.parsley-error, #uid79 .tx-powermail .fe_row .powermail_input.parsley-error, #uid79 .tx-powermail .fe_row .fe_field.parsley-error, #uid79 .tx-felogin-pi1 .powermail_fieldwrap .powermail_input.parsley-error, #uid79 .tx-felogin-pi1 .powermail_fieldwrap .fe_field.parsley-error, #uid79 .tx-felogin-pi1 .fe_row .powermail_input.parsley-error, #uid79 .tx-felogin-pi1 .fe_row .fe_field.parsley-error { border-color: red; }
#uid79 .tx-powermail .powermail_fieldwrap .powermail_submit, #uid79 .tx-powermail .powermail_fieldwrap .fe_submit, #uid79 .tx-powermail .fe_row .powermail_submit, #uid79 .tx-powermail .fe_row .fe_submit, #uid79 .tx-felogin-pi1 .powermail_fieldwrap .powermail_submit, #uid79 .tx-felogin-pi1 .powermail_fieldwrap .fe_submit, #uid79 .tx-felogin-pi1 .fe_row .powermail_submit, #uid79 .tx-felogin-pi1 .fe_row .fe_submit { width: auto; }
#uid79 .tx-powermail .powermail_fieldwrap .powermail_submit:hover, #uid79 .tx-powermail .fe_row .powermail_submit:hover, #uid79 .tx-felogin-pi1 .powermail_fieldwrap .powermail_submit:hover, #uid79 .tx-felogin-pi1 .fe_row .powermail_submit:hover { background-color: #4987c1; }
#uid79 .tx-powermail .fe_submit:hover, #uid79 .tx-felogin-pi1 .fe_submit:hover { background-color: #4987c1; }

.mobile_trigger_filter { display: none; width: 90%; margin: 0 auto 5px; text-align: center; }
.mobile_trigger_filter a { display: block; }

.downloadList { border-bottom: 1px solid #eaeef4; padding-bottom: 15px; margin-top: 45px; }
.downloadList .dl_heading { margin-bottom: 30px; }
.downloadList .dl_heading h3 { display: inline-block; margin: 0; }
.downloadList .dl_heading h3 span { display: block; font-size: 18px; color: #696969; margin-top: 6px; }
.downloadList .dl_heading .dl_size { display: inline-block; float: right; }
.downloadList .allDownloads { margin: 0 -5px; }
.downloadList .allDownloads::after { clear: both; content: ""; display: table; }
.downloadList .dlbox { float: left; width: 50%; padding: 5px; vertical-align: top; }
.downloadList .dlbox .inside { border: 1px solid #eaeef4; position: relative; border-radius: 5px; height: 130px; }
.downloadList .dlbox .dlimg { position: absolute; width: 130px; height: 129px; display: table; text-align: center; vertical-align: top; border-right: 1px solid #eaeef4; }
.downloadList .dlbox .dlimg .inImg { display: table-cell; vertical-align: middle; height: 100%; }
.downloadList .dlbox .dlimg img { margin: 0 auto; }
.downloadList .dlbox ul { width: 100%; padding-left: 130px; display: inline-block; }
.downloadList .dlbox ul li { font-size: 14px; font-weight: 400; border-bottom: 1px solid #eaeef4; }
.downloadList .dlbox ul li.last { border-bottom: none; }
.downloadList .dlbox ul li.dlbox_title { background-color: #eaeef4; border-top-right-radius: 3px; border-top: none; padding: 10px 15px; }
.downloadList .dlbox ul li span { padding-right: 8px; color: #000; font-size: 16px; position: relative; top: 2px; }
.downloadList .dlbox ul a { text-decoration: none; display: block; padding: 10px 15px; }
.downloadList .dlbox ul a:hover { background-color: #f5f5f5; }

.c196 { font-weight: 400; padding-bottom: 10px !important; position: relative; }
.c196 .inner { padding-bottom: 25px; }
.c196 .filtersearch { position: absolute; bottom: -30px; left: 50%; width: 460px; margin-left: -230px; display: block; }
.c196 .filtersearch label { display: none; }
.c196 .filtersearch input { outline: none; width: 100%; background-color: #fff; padding: 10px 14px; border: 1px solid #dedede; text-align: center; }
.c196 h4 { font-size: 24px; font-weight: 400; border-bottom: 1px solid #fff; padding-bottom: 10px; text-align: center; }
.c196 ul { font-size: 0; }
.c196 ul li { display: inline-block; text-align: left; width: 33.33%; font-size: 16px; margin-bottom: 10px; }
.c196 ul li label { display: block; margin-bottom: 3px; }
.c196 ul li select { width: 90%; }
.c196 ul ul { width: 100%; }
.c196 ul ul li { display: block; width: 100%; margin-bottom: 0; }
.c196 .dropdown { width: 95%; }
.c196 .filterReset { display: none; position: absolute; bottom: -10px; left: 10px; font-size: 12px; background-color: red; color: #fff; padding: 3px 8px 3px 5px; text-decoration: none; }
.c196 .filterReset span { font-size: 16px; position: relative; top: 3px; padding-right: 5px; }

.filter_none { color: #ce2326; text-align: center; padding-top: 40px; }

@media all and (max-width: 920px) { .fiftyWrap .inner h3 { font-size: 20px; } }
@media all and (max-width: 840px) { .downloadList .dlbox { float: none; width: 100%; }
  .fiftyWrap .inner h3 { font-size: 17px; } }
@media all and (max-width: 740px) { .dl_logos .item { width: 100%; }
  ul.filterlist { display: none; width: 90%; margin: 0 auto; }
  .mobile_trigger_filter { display: block; }
  .c196 .filtersearch { position: static; margin-left: 0; width: 90%; margin: 0 auto; }
  .c196 ul li { display: block; width: 100%; }
  .c196 ul li label { display: block; width: 100px; }
  .c196 ul li select { width: 100%; }
  .downloadList { margin-top: 0; margin-bottom: 40px; }
  .downloadList .dl_heading { text-align: center; }
  .downloadList .dl_heading h3 { display: block; line-height: 1.1em; }
  .downloadList .dl_heading .dl_size { display: block; float: none; margin-top: 20px; font-weight: 700; }
  .c196 { padding-top: 30px !important; } }
@media all and (max-width: 680px) { #uid78 .fiftyWrap .inner .cLeft, #uid78 .fiftyWrap .inner .cRight, #uid78 .fiftyWrap .inner .cCenter { display: block; width: 100%; margin-top: 15px; }
  #uid78 .fiftyWrap .inner .cLeft ul li, #uid78 .fiftyWrap .inner .cRight ul li, #uid78 .fiftyWrap .inner .cCenter ul li { display: block; margin-bottom: 1px; } }
@media all and (max-width: 540px) { .downloadList { margin-top: 0; margin-bottom: 40px; }
  .downloadList .dl_heading { text-align: center; }
  .downloadList .dl_heading h3 { display: block; line-height: 1.1em; }
  .downloadList .dl_heading .dl_size { display: block; float: none; margin-top: 20px; font-weight: 700; }
  .downloadList .dlbox .dlimg { position: static; width: 100%; }
  .downloadList .dlbox ul { display: block; padding-left: 0; }
  .downloadList .dlbox .inside { height: auto; } }
#mapwithpins { width: 100%; height: 450px; }

.c201 .inner, .c203 .inner, .bel7 .fiftyWrap .inner { max-width: 1000px; font-weight: 400; }

.fiftyWrap .inner { font-weight: 400; }

.c205 { text-align: center; color: #fff; background-color: #3B5998; padding: 0 !important; }
.c205 p { padding: 0; margin: 0; }
.c205 a { color: #fff; text-decoration: none; display: block; padding: 12px 0; }
.c205 a i { font-size: 18px; position: relative; top: 2px; }
.c205 a:hover { background-color: #2f4779; }

.c203 h2 { margin-top: 0; }
.c203 h3 { display: none; }
.c203 .powermail_fieldset { font-size: 0; color: #000; font-family: "Myriad W01 SmBd", sans-serif; }
.c203 .powermail_fieldset legend { display: none; }
.c203 .powermail_fieldset .powermail_fieldwrap { display: inline-block; width: 50%; padding: 10px; font-size: 16px; font-weight: 400; }
.c203 .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_submit { width: 100%; display: block; margin-top: 25px; text-align: center; }
.c203 .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_textarea { width: 100%; }
.c203 .powermail_fieldset label { display: block; margin-bottom: 3px; cursor: pointer; }
.c203 .powermail_fieldset .powermail_input, .c203 .powermail_fieldset .powermail_textarea { width: 100%; padding: 12px; border: 1px solid #c9d3e2; outline: none; }
.c203 .powermail_fieldset .powermail_input:focus, .c203 .powermail_fieldset .powermail_textarea:focus { border-color: #4987c1; }
.c203 .powermail_fieldset .powermail_input.parsley-error, .c203 .powermail_fieldset .powermail_textarea.parsley-error { border-color: red; }
.c203 .powermail_fieldset .powermail_submit { outline: none; }
.c203 .powermail_fieldset .powermail_submit:hover { background-color: #4987c1; }
.c203 ul.parsley-errors-list { display: none !important; }
.c203 .powermail_check_outer label { display: inline-block; }

@media all and (max-width: 520px) { .c203 .powermail_fieldset .powermail_fieldwrap { width: 100%; display: block; }
  .c205 a i { display: block; text-align: center; position: static; font-size: 30px; padding: 25px 0; } }
#uid73 { background-color: #cd8700; background-image: -webkit-linear-gradient(-380deg, #cd8700 0%, white 35%, #fff 50%, white 65%, #cd8700 100%); background-image: linear-gradient(110deg,#cd8700 0%, white 35%, #fff 50%, white 65%, #cd8700 100%); }

.c211 { background-color: #f2f2f2; }

.c213 { background: #f5f5f5 url("../img/bg_pattern_2.png") repeat 0 0; position: relative; height: 780px; }
.c213 ul { font-size: 0; padding-bottom: 40px; }
.c213 ul li { font-size: 16px; text-align: center; font-weight: 400; font-size: 20px; max-width: 500px; text-align: center; margin: 0 auto; line-height: 1.4em; }
.c213 ul strong, .c213 ul b { display: block; margin-bottom: 15px; font-size: 20px; }
.c213 .owl-theme .owl-controls { position: absolute; top: 50%; left: 0; text-align: center; width: 100%; margin-top: -75px; }
.c213 .owl-carousel .owl-wrapper-outer.autoHeight { height: 780px; }
.c213 ul.allHistoryDates { display: table; width: 100%; background-color: #fff; color: #525252; position: absolute; top: 0; left: 0; padding-bottom: 0; }
.c213 ul.allHistoryDates li { display: table-cell; text-align: center; font-size: 12px; padding: 6px 0; cursor: pointer; color: #525252; }
.c213 ul.allHistoryDates li:hover { color: #4987c1; }
.c213 ul.allHistoryDates li.highlight { color: #fff; background-color: #4987c1; }

@media all and (max-width: 720px) { .c213 ul.allHistoryDates { display: none !important; }
  .c213 .owl-theme .owl-controls { position: relative; margin: 0 auto; width: 250px; bottom: -30px; } }
#uid60 { background: #0b1a29 url("../img/gradient.png") repeat-y center top; }
#uid60 .c243 { color: #fff; }
#uid60 .c243 .csc-textpic-imagewrap { padding-bottom: 50px; }

.bel10 .hero { height: 690px; overflow: visible; }
.bel10 .accordion .inner { padding: 0; font-size: 16px; }

.allcont .item.white.c227 { border-bottom: 0 none; }

.allcont .item.white.c238 { border-top: 0 none; }
.allcont .item.white.c238 ul { list-style: none; }
.allcont .item.white.c238 ul li { background-image: url("../img/list_waterdrop.png"); background-repeat: no-repeat; background-position: left 3px; padding-left: 20px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .allcont .item.white.c238 ul li { background-image: url("../img/list_waterdrop_2x.png"); background-size: 12px 17px; } }

.no-touch .btnnotouch { display: none; }

.touch .btntouch { display: none; }

@media all and (max-height: 1000px) { #uid66 .hero { height: 60vh; } }
#uid67 .hero { height: 690px; overflow: visible; }

.c280 { background-image: url("../../files/produktwelt/baby_kinder/babywasser_mutter_kind.jpg"); background-repeat: no-repeat; background-position: center center; height: 750px; padding: 0 !important; }
.c280 .inner { display: table; height: 100%; }
.c280 .inner blockquote { display: table-cell; vertical-align: middle; height: 100%; }
.c280 .inner blockquote p { margin-top: 0; padding: 20px 0; font: 400 1em/1.4em "myriad-pro-n3", "myriad-pro", 'Helvetica Neue', Arial, sans-serif; font-style: normal; background-color: rgba(255, 255, 255, 0.75); border-radius: 10px; }

.c285 { background-image: url("../../files/produktwelt/baby_kinder/kinder_pause_neu.jpg"); background-repeat: no-repeat; background-position: center top; height: 400px; padding: 0 !important; }
.c285 .inner { display: table; height: 100%; }
.c285 .inner blockquote { display: table-cell; vertical-align: middle; height: 100%; }
.c285 .inner blockquote p { margin-top: 0; padding: 20px 0; font: 400 1em/1.4em "myriad-pro-n3", "myriad-pro", 'Helvetica Neue', Arial, sans-serif; font-style: normal; background-color: rgba(255, 255, 255, 0.75); border-radius: 10px; }

@media all and (max-height: 1000px) { #uid67 .hero { height: 60vh; } }
#uid68 .hero { height: 690px; overflow: visible; }

.c282 { padding: 0 !important; }
.c282 .inner { background-image: url("../../files/produktwelt/mineralwasser/mineralwasser_sorten.png"); background-repeat: no-repeat; background-position: left center; padding: 80px 0; }
.c282 .inner p { padding-left: 520px; }

.c283 { background-image: url("../../files/produktwelt/mineralwasser/mineralwasser_quelle.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover; height: 400px; padding: 0 !important; }
.c283 .inner { display: table; height: 100%; }
.c283 .inner blockquote { display: table-cell; vertical-align: middle; height: 100%; }
.c283 .inner blockquote p { margin-top: 0; padding: 20px 0; font: 400 1em/1.4em "myriad-pro-n3", "myriad-pro", 'Helvetica Neue', Arial, sans-serif; font-style: normal; background-color: rgba(255, 255, 255, 0.75); border-radius: 10px; }

@media all and (max-height: 1000px) { #uid68 .hero { height: 60vh; } }
#uid69 .hero { height: 690px; overflow: visible; }

.c284 { background-image: url("../../files/produktwelt/gastronomie/bio_flaschen.jpg"); background-repeat: no-repeat; background-position: center top; padding-top: 380px !important; }

@media all and (max-height: 1000px) { #uid69 .hero { height: 60vh; } }
#uid70 .hero { height: 690px; overflow: visible; }

.c303 { background-image: url("../../files/produktwelt/convenience/wandern_2.jpg"); background-repeat: no-repeat; background-position: center 0; background-size: cover; height: 400px; padding: 0 !important; }

@media all and (max-height: 1000px) { #uid70 .hero { height: 60vh; } }
@media all and (max-width: 1000px) { .c303 { height: 300px; } }
@media all and (max-width: 670px) { .c303 { height: 170px; } }
.sortimentnav { background: #fff; padding: 260px 0 70px; }
.sortimentnav .inner { text-align: center; }
.sortimentnav.blue { background-color: #034d8e; background-image: -webkit-linear-gradient(-380deg, #034d8e 0%, #deeffe 35%, #fff 50%, #deeffe 65%, #034d8e 100%); background-image: linear-gradient(110deg,#034d8e 0%, #deeffe 35%, #fff 50%, #deeffe 65%, #034d8e 100%); }
.sortimentnav.green { background-color: #62906b; background-image: -webkit-linear-gradient(-380deg, #62906b 0%, white 35%, #fff 50%, white 65%, #62906b 100%); background-image: linear-gradient(110deg,#62906b 0%, white 35%, #fff 50%, white 65%, #62906b 100%); }
.sortimentnav.orange { background-color: #e95818; background-image: -webkit-linear-gradient(-380deg, #e95818 0%, white 35%, #fff 50%, white 65%, #e95818 100%); background-image: linear-gradient(110deg,#e95818 0%, white 35%, #fff 50%, white 65%, #e95818 100%); }
.sortimentnav.red { background-color: #ce2326; background-image: -webkit-linear-gradient(-380deg, #ce2326 0%, white 35%, #fff 50%, white 65%, #ce2326 100%); background-image: linear-gradient(110deg,#ce2326 0%, white 35%, #fff 50%, white 65%, #ce2326 100%); }
.sortimentnav.violett { background-color: #854d96; background-image: -webkit-linear-gradient(-380deg, #854d96 0%, white 35%, #fff 50%, white 65%, #854d96 100%); background-image: linear-gradient(110deg,#854d96 0%, white 35%, #fff 50%, white 65%, #854d96 100%); }
.sortimentnav.rose { background-color: #c5919d; background-image: -webkit-linear-gradient(-380deg, #c5919d 0%, white 35%, #fff 50%, white 65%, #c5919d 100%); background-image: linear-gradient(110deg,#c5919d 0%, white 35%, #fff 50%, white 65%, #c5919d 100%); }
.sortimentnav .sortTeaserWrap { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); height: 150px; position: relative; }
.sortimentnav .sortTeaserWrap .inside { display: table; width: 100%; height: 100%; }
.sortimentnav .sortTeaserWrap img { position: absolute; bottom: 0; left: 0; }
.sortimentnav p { display: block; text-align: center; font-size: 20px; margin: 0; padding-left: 220px; display: table; width: 100%; height: 100%; vertical-align: middle; }
.sortimentnav .btn, .sortimentnav .c203 .powermail_fieldset .powermail_submit, .c203 .powermail_fieldset .sortimentnav .powermail_submit, .sortimentnav .c370 .powermail_fieldset .powermail_submit, .c370 .powermail_fieldset .sortimentnav .powermail_submit { background: transparent; display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.sortimentnav .btn span, .sortimentnav .c203 .powermail_fieldset .powermail_submit span, .c203 .powermail_fieldset .sortimentnav .powermail_submit span, .sortimentnav .c370 .powermail_fieldset .powermail_submit span, .c370 .powermail_fieldset .sortimentnav .powermail_submit span { position: relative; top: 2px; }
.sortimentnav .btn:hover span, .sortimentnav .c203 .powermail_fieldset .powermail_submit:hover span, .c203 .powermail_fieldset .sortimentnav .powermail_submit:hover span, .sortimentnav .c370 .powermail_fieldset .powermail_submit:hover span, .c370 .powermail_fieldset .sortimentnav .powermail_submit:hover span { left: 4px; }

@media all and (max-width: 900px) { .sortimentnav { padding: 30px 0; }
  .sortimentnav .sortTeaserWrap { height: auto; background-color: transparent; }
  .sortimentnav .sortTeaserWrap img { position: static; display: block; margin: 0 auto; }
  .sortimentnav p { padding-left: 0; } }
.c287 { background: #30471d url("../../files/bg_wasser_resource.jpg"); background-repeat: no-repeat; background-position: left center; background-size: cover; margin-top: -170px; padding-top: 270px !important; }
.c287 .inner { color: #fff; }

#uid71 { background-color: #fff; }
#uid71 .hero { height: 690px; overflow: visible; }
#uid71 .allcont .item { background-color: #f1f1f2; }
#uid71 .allcont .item.white { border-top: 0; background-color: #fff; }
#uid71 .c312 .csc-textpic-caption { font-size: 14px; line-height: 1.4em; font-style: italic; width: 80%; }
#uid71 .c313 { padding-top: 0; }
#uid71 .c315 { padding: 35px 0 20px; background: #00b7ea !important; color: #fff; }
#uid71 .c316 .tx-powermail { font-size: 0; position: relative; }
#uid71 .c316 .tx-powermail h3, #uid71 .c316 .tx-powermail legend { display: none; }
#uid71 .c316 .tx-powermail .powermail_fieldwrap { display: inline-block; width: 50%; padding: 10px; font-size: 16px; font-weight: 400; }
#uid71 .c316 .tx-powermail .powermail_fieldwrap label { display: block; margin-bottom: 3px; cursor: pointer; }
#uid71 .c316 .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_26 { width: 100%; }
#uid71 .c316 .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_26 label { display: inline-block; }
#uid71 .c316 .tx-powermail .powermail_fieldwrap .powermail_input { width: 100%; padding: 12px; border: 1px solid #c9d3e2; outline: none; }
#uid71 .c316 .tx-powermail .powermail_fieldwrap .powermail_input:focus { border-color: #034d8e; }
#uid71 .c316 .tx-powermail .powermail_fieldwrap .powermail_check_outer.parsley-error { color: red; }
#uid71 .c316 .tx-powermail .parsley-errors-list { display: none !important; }
#uid71 .c316 .tx-powermail .powermail_create { font-size: 16px; background-color: #dff2d7; border: 1px solid #d0e4c8; color: #7a8f73; padding: 25px 20px 5px 20px; text-align: center; }
#uid71 .c320 { padding: 45px 0 20px; background-color: #dfebf7 !important; }
#uid71 .c325 { background-color: #dfebf7 !important; }
#uid71 .c319 { padding: 0; position: relative; top: -55px; background: transparent !important; z-index: 11; }
#uid71 .c324 { background-color: #ffe200 !important; padding: 0 !important; }
#uid71 .c324 .inner { max-width: none; }
#uid71 .c324 img { max-width: 100%; height: auto; }

@media all and (max-width: 1020px) { .c311 .csc-textpic-imagewrap { display: none; }
  .item.c311.specialImg.left .csc-textpic-text { border-top: 0 none; }
  .c312 table { width: 100%; text-align: center; }
  .c312 .csc-textpic-imagewrap { margin-bottom: 30px; }
  #uid71 .c312 .csc-textpic-caption { text-align: center; width: 100%; padding: 0 20%; }
  .c314 img, .c319 img, .c321 img, .c322 img, .c323 img { max-width: 100%; height: auto; } }
@media all and (max-width: 620px) { #uid71 .c316 .tx-powermail .powermail_fieldwrap { display: block; width: 100%; } }
@media all and (max-height: 1000px) { #uid71 .hero { height: 60vh; } }
#uid307 .hero { height: 690px; overflow: visible; }

.c351, .c352, .c353, .c354 { padding: 0 !important; background-color: #fff; margin-bottom: -100px !important; }

.c352 { margin-bottom: -80px !important; }

.c353 { margin-top: -30px !important; margin-bottom: -10px !important; }

.c339 { border-bottom: 0 !important; }

.c354 { margin: -160px 0 0 0 !important; border-top: 0 !important; }

@media all and (max-height: 1000px) { #uid307 .hero { height: 60vh; } }
#uid80 { background: #fff !important; }

#uid80 .item.newsdetail p.align-center img { float: left; width: 30%; height: auto; margin-right: 20px; }

.newslist .inner, .newsdetail .inner { max-width: 800px; }

.pageIntro.c235 { background-color: #034d8e; background-image: -webkit-linear-gradient(-380deg, #034d8e 0%, #deeffe 35%, #fff 50%, #deeffe 65%, #034d8e 100%); background-image: linear-gradient(110deg,#034d8e 0%, #deeffe 35%, #fff 50%, #deeffe 65%, #034d8e 100%); margin-top: -120px; padding-top: 210px; }

.newslist dd { margin: 0; padding: 0; }
.newslist .news-list-browse { text-align: center; }
.newslist .news-list-browse .showResultsWrap { display: none; }
.newslist .news-list-browse .browseLinksWrap { padding-top: 25px; }
.newslist .news-list-browse .browseLinksWrap .disabledLinkWrap { display: none; }
.newslist .news-list-browse .browseLinksWrap .activeLinkWrap, .newslist .news-list-browse .browseLinksWrap a { padding: 4px 7px 5px; background-color: #eaeef4; text-decoration: none; color: #232323; font-size: 13px; font-weight: 400; }
.newslist .news-list-browse .browseLinksWrap .activeLinkWrap { background-color: #4987c1; color: #fff; }
.newslist .news-list-browse .browseLinksWrap a:hover { background-color: #d9e0eb; }
.newslist ul li { border: 1px solid #eaeef4; padding: 15px; margin-bottom: 15px; font-size: 0; }
.newslist ul li h3 { font-size: 22px; margin-bottom: 3px; display: inline-block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.newslist ul li h3 a { text-decoration: none; }
.newslist ul li p { margin-bottom: 3px; }
.newslist ul li .imageHolder, .newslist ul li .newsTease { display: inline-block; vertical-align: top; }
.newslist ul li .imageHolder { width: 20%; text-align: center; padding-right: 20px; }
.newslist ul li .imageHolder img { max-width: 100%; height: auto; margin: 0 auto; }
.newslist ul li .newsTease { font-size: 16px; width: 80%; }

.newsdetail .inner { max-width: 800px; }
.newsdetail .nBack { text-align: center; margin-top: 45px; }
.newsdetail .nHead { border-bottom: 1px solid #eaeef4; margin-bottom: 25px; padding-bottom: 10px; }
.newsdetail h2 { font-size: 22px; }
.newsdetail .news-single-img { float: right; margin-left: 50px; margin-bottom: 25px; border: 1px solid #eaeef4; padding: 1px; }
.newsdetail .news-single-img .news-single-imgcaption { padding: 14px 10px 1px 10px; font-size: 12px; color: #686868; line-height: 1.4em; }

@media all and (max-width: 850px) { .pageIntro.c235 { padding-top: 240px !important; } }
@media all and (max-width: 790px) { .pageIntro.c235 { padding-top: 200px !important; text-align: center; }
  .newsdetail .news-single-img { float: none; margin-left: 0; }
  .newsdetail .news-single-img img { display: block; padding-top: 9px; margin: 0 auto; max-width: 100%; height: auto; }
  .newsdetail .news-single-img .news-single-imgcaption { width: 100% !important; } }
#kesearch_results .result-list-item { border-bottom: 1px solid #f2f2f2; padding-bottom: 15px; margin-bottom: 15px; }

#kesearch_pagebrowser_bottom .pages_total { font-size: 16px; }
#kesearch_pagebrowser_bottom .pages_total a { display: inline-block; border: 1px solid #034d8e; padding: 3px 0; width: 30px; text-align: center; text-decoration: none; }
#kesearch_pagebrowser_bottom .pages_total a.current { background-color: #034d8e; color: #fff; font-weight: 400; }

.imprint_row::after { clear: both; content: ""; display: table; }
.imprint_row .right { float: left; }
.imprint_row .left { float: left; width: 180px; }
.imprint_row .left p { margin: 0; padding: 0; }
.imprint_row label { display: inline-block; width: 60px; cursor: default; }
.imprint_row .islogo { text-align: right; margin-left: 15px; }
.imprint_row .islogo img { width: 80%; height: auto; margin-top: 15px; }
.imprint_row.w3c img { float: left; margin: 0 10px 5px 0; }

.ka-panel { margin-top: -1px; border: 1px solid #eaeef4; }
.ka-panel.open h2.ka-handler { background: #525252; color: #fff; }
.ka-panel:hover h2 { color: #525252; }
.ka-panel h2.ka-handler { font-size: 16px; margin: 0; padding: 12px; cursor: pointer; }
.ka-panel .imprint_row { padding: 12px; }

.foot { background: #0b1a29 url("../img/gradient.png") repeat-y center top; color: #fff; font-size: 14px; padding: 30px 0 25px; }
.foot .inner::after { clear: both; content: ""; display: table; }
.foot .item { width: 20%; float: left; }
.foot h4 { margin-top: 0; margin-bottom: 1.5em; }
.foot a { color: #fff; text-decoration: none; }
.foot a:hover { padding-right: 5px; }
.foot a:hover:after { content: "\e604"; position: relative; top: 2px; }

@media all and (max-width: 1000px) { .foot .item { width: 100%; }
  .foot .item ul, .foot .item .pWrap { display: none; padding: 15px; margin-bottom: 15px; }
  .foot .item h4 { cursor: pointer; margin: 0 0 1px 0; padding: 8px; background-color: #4987c1; background-color: rgba(255, 255, 255, 0.2); position: relative; }
  .foot .item h4:after { position: absolute; right: 10px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e606"; font-size: 22px; }
  .foot .item h4.active:after { content: "\e605"; } }
.no-csstransforms3d .intro { background: #d1dae6 !important; }

.no-cssgradients .hero { background: #d4dde8 url("../img/gradient_fallback.jpg") repeat-y center top; }

.lt-ie9 #uid2 .logo { display: none; }

#uid312 .hero { height: 690px; overflow: visible; }

.c364 { background-image: url("../../files/betriebsfuehrung_big.jpg"); background-repeat: no-repeat; background-position: center center; height: 750px; padding: 0 !important; }

.c366 img { top: -160px; }

.c369 { background-color: #FFF; }
.c369 .contenttable { width: 100%; max-width: 586px; margin: 0 auto; }

.c370 { padding-bottom: 120px !important; }
.c370 h2 { margin-top: 0; }
.c370 .powermail_fieldset { font-size: 0; color: #000; font-family: "Myriad W01 SmBd", sans-serif; }
.c370 .powermail_fieldset legend { display: none; }
.c370 .powermail_fieldset .powermail_fieldwrap { display: inline-block; width: 50%; padding: 10px; font-size: 16px; font-weight: 400; }
.c370 .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_submit { width: 100%; display: block; margin-top: 25px; text-align: center; }
.c370 .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_textarea { width: 100%; }
.c370 .powermail_fieldset label { display: block; margin-bottom: 3px; cursor: pointer; }
.c370 .powermail_fieldset .powermail_input, .c370 .powermail_fieldset .powermail_textarea { width: 100%; padding: 12px; border: 1px solid #c9d3e2; outline: none; }
.c370 .powermail_fieldset .powermail_input:focus, .c370 .powermail_fieldset .powermail_textarea:focus { border-color: #4987c1; }
.c370 .powermail_fieldset .powermail_input.parsley-error, .c370 .powermail_fieldset .powermail_textarea.parsley-error { border-color: red; }
.c370 .powermail_fieldset .powermail_submit { outline: none; }
.c370 .powermail_fieldset .powermail_submit:hover { background-color: #4987c1; }
.c370 ul.parsley-errors-list { display: none !important; }

.c371 { padding-top: 0 !important; }
.c371 .inner { max-width: 450px !important; }
.c371 .inner img { position: absolute; top: -65px; }

#uid312 .contenttable tr { height: 50px; font-size: 22px; font-weight: bold; line-height: 1.3; }
#uid312 .contenttable td { padding: 15px; }

@media all and (max-width: 1030px) { .c371 .inner img { position: relative !important; top: 0; } }
@media all and (max-height: 1000px) { #uid312 .hero { height: 60vh; } }
@media all and (max-width: 600px) { #uid312 .contenttable td { display: block; max-width: 460px; } }
@media all and (max-width: 520px) { #uid312 .contenttable td { display: block; max-width: 460px; text-align: center; }
  .c370 .powermail_fieldset .powermail_fieldwrap { width: 100%; display: block; }
  .c370 a i { display: block; text-align: center; position: static; font-size: 30px; padding: 25px 0; } }