@charset "UTF-8";
/*Usage

.selector {
  @include prefix((
    column-count: 3,
    column-gap: 1.5em,
    column-rule: 2px solid hotpink
  ), webkit moz);
}

END */
/* Usage
 @include font-size(14px)
*/
/*Usage
 @include bp-small {
    width: 100%;
    float: none;
    margin: 0;
  }
*/
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

figcaption,
figure,
footer,
main,
nav,
section {
  display: block; }

video {
  display: inline-block;
  vertical-align: baseline; }

template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

b,
strong {
  font-weight: bold; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

textarea {
  overflow: auto; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  a.wilo-explore-button > .caret, .dropup > a.wilo-explore-button > .caret {
    border-top-color: #000 !important; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }
    

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

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

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

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

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

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

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

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

h1, h2, h3, h4, h5 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1, h2, h3 {
  margin-top: 22px;
  margin-bottom: 11px; }

h4, h5 {
  margin-top: 11px;
  margin-bottom: 11px; }

h1 {
  font-size: 41px; }

h2 {
  font-size: 34px; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

p {
  margin: 0 0 11px; }

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

.page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 11px; }
  ul ul {
    margin-bottom: 0; }

address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.42857; }

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .container:before, .container:after {
    display: table;
    content: " "; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.row {
  margin-right: -15px;
  margin-left: -15px; }
  .row:before, .row:after {
    display: table;
    content: " "; }
  .row:after {
    clear: both; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

table {
  background-color: transparent; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px; }
  .table > thead > tr > th,
  .table > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > thead:first-child > tr:first-child > th {
    border-top: 0; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > tbody > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th {
    border-bottom-width: 2px; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table-responsive {
  min-height: .01%;
  overflow-x: auto; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 16.5px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > tbody > tr > td {
          white-space: nowrap; } }

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

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

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

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

select[size] {
  height: auto; }

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

.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control[disabled], fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

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

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio.disabled label,
  fieldset[disabled] .radio label,
  .checkbox.disabled label,
  fieldset[disabled]
  .checkbox label {
    cursor: not-allowed; }
  .radio label,
  .checkbox label {
    min-height: 22px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer; }

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

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }
  fieldset[disabled] .radio-inline,
  fieldset[disabled]
  .checkbox-inline {
    cursor: not-allowed; }
  .input-group-lg > .input-group-btn > a.form-control-static.wilo-explore-button, .input-group-sm > .input-group-btn > a.form-control-static.wilo-explore-button {
    padding-right: 0;
    padding-left: 0; }

.input-group-sm > .input-group-btn > a.wilo-explore-button {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

.input-group-lg > .input-group-btn > a.wilo-explore-button {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px; }

.input-group-lg > .input-group-btn > a.wilo-explore-button + .form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px; }

.input-group-sm > .input-group-btn > a.wilo-explore-button + .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; } }

.btn, a.wilo-explore-button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, a.wilo-explore-button:focus, a.focus.wilo-explore-button, .btn:active:focus, a.wilo-explore-button:active:focus, a.wilo-explore-button:active.focus, .btn.active:focus, a.active.wilo-explore-button:focus, .btn.active.focus, a.active.focus.wilo-explore-button {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, a.wilo-explore-button:hover, .btn:focus, a.wilo-explore-button:focus, a.focus.wilo-explore-button {
    color: #333;
    text-decoration: none; }
  .btn:active, a.wilo-explore-button:active, .btn.active, a.active.wilo-explore-button {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  a.disabled.wilo-explore-button, a.wilo-explore-button[disabled], fieldset[disabled] .btn, fieldset[disabled] a.wilo-explore-button {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none; }

a.disabled.wilo-explore-button, fieldset[disabled] a.btn, fieldset[disabled] a.wilo-explore-button {
  pointer-events: none; }

.btn-default, a.wilo-explore-button {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, a.wilo-explore-button:focus, a.focus.wilo-explore-button {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover, a.wilo-explore-button:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, a.wilo-explore-button:active, .btn-default.active, a.active.wilo-explore-button, .open > a.dropdown-toggle.wilo-explore-button {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad; }
    .btn-default:active:hover, a.wilo-explore-button:active:hover, .btn-default:active:focus, a.wilo-explore-button:active:focus, a.wilo-explore-button:active.focus, .btn-default.active:hover, a.active.wilo-explore-button:hover, .btn-default.active:focus, a.active.wilo-explore-button:focus, .btn-default.active.focus, a.active.focus.wilo-explore-button, .open > a.dropdown-toggle.wilo-explore-button:hover, .open > a.dropdown-toggle.wilo-explore-button:focus, .open > a.dropdown-toggle.focus.wilo-explore-button {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  a.disabled.wilo-explore-button:hover, a.disabled.wilo-explore-button:focus, a.disabled.focus.wilo-explore-button, a.wilo-explore-button[disabled]:hover, a.wilo-explore-button[disabled]:focus, a.wilo-explore-button[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] a.wilo-explore-button:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] a.wilo-explore-button:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] a.focus.wilo-explore-button {
    background-color: #fff;
    border-color: #ccc; }
  a.wilo-explore-button .badge {
    color: #fff;
    background-color: #333; }
  .btn-primary.active {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74; }
    .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-success.active {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439; }
    .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-info.active {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc; }
    .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-warning.active {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512; }
    .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-danger.active {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925; }
    .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-link.active, fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-group-lg > a.wilo-explore-button {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-group-sm > a.wilo-explore-button {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-group-xs > a.wilo-explore-button {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

input[type="submit"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }

.dropdown {
  position: relative; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 16px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .dropdown-menu .divider {
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
      color: #262626;
      text-decoration: none;
      background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }
  .btn-group > a.wilo-explore-button, .btn-group-vertical > a.wilo-explore-button {
    position: relative;
    float: left; }
    .btn-group > a.wilo-explore-button:hover, .btn-group > a.wilo-explore-button:focus, .btn-group > a.wilo-explore-button:active, .btn-group > .btn.active, .btn-group > a.active.wilo-explore-button, .btn-group-vertical > a.wilo-explore-button:hover, .btn-group-vertical > a.wilo-explore-button:focus, .btn-group-vertical > a.wilo-explore-button:active, .btn-group-vertical > .btn.active, .btn-group-vertical > a.active.wilo-explore-button {
      z-index: 2; }

.btn-group a.wilo-explore-button + .btn, .btn-group .btn + a.wilo-explore-button, .btn-group a.wilo-explore-button + a.wilo-explore-button, .btn-group a.wilo-explore-button + .btn-group, .btn-group .btn-group + a.wilo-explore-button {
  margin-left: -1px; }
  .btn-toolbar a.wilo-explore-button {
    float: left; }
  .btn-toolbar > a.wilo-explore-button {
    margin-left: 5px; }

.btn-group > a.wilo-explore-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > a.wilo-explore-button:first-child {
  margin-left: 0; }
  .btn-group > a.wilo-explore-button:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

.btn-group > a.wilo-explore-button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > a.wilo-explore-button {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > a.wilo-explore-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > a.wilo-explore-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group > a.wilo-explore-button + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px; }

.btn-group-lg.btn-group > a.wilo-explore-button + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px; }

a.wilo-explore-button .caret {
  margin-left: 0; }

.btn-group-lg > a.wilo-explore-button .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-group-lg > a.wilo-explore-button .caret {
  border-width: 0 5px 5px; }


.btn-group-vertical > a.wilo-explore-button,
.btn-group-vertical > .btn-group > a.wilo-explore-button {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }


.btn-group-vertical > .btn-group > a.wilo-explore-button {
  float: none; }

.btn-group-vertical > a.wilo-explore-button + .btn, .btn-group-vertical > .btn + a.wilo-explore-button, .btn-group-vertical > a.wilo-explore-button + a.wilo-explore-button, .btn-group-vertical > a.wilo-explore-button + .btn-group, .btn-group-vertical > .btn-group + a.wilo-explore-button {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > a.wilo-explore-button:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > a.wilo-explore-button:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > a.wilo-explore-button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > a.wilo-explore-button {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > a.wilo-explore-button:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > a.wilo-explore-button:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  .btn-group-justified > a.wilo-explore-button {
    display: table-cell;
    float: none;
    width: 1%; }
  .btn-group-justified > .btn-group a.wilo-explore-button {
    width: 100%; }

[data-toggle="buttons"] > a.wilo-explore-button input[type="radio"], [data-toggle="buttons"] > a.wilo-explore-button input[type="checkbox"], [data-toggle="buttons"] > .btn-group > a.wilo-explore-button input[type="radio"], [data-toggle="buttons"] > .btn-group > a.wilo-explore-button input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group .form-control {
  display: table-cell; }
  .input-group-sm > .input-group-btn > a.input-group-addon.wilo-explore-button {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 3px; }
  .input-group-lg > .input-group-btn > a.input-group-addon.wilo-explore-button {
    padding: 10px 16px;
    font-size: 20px;
    border-radius: 6px; }

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

.input-group-btn:last-child > a.wilo-explore-button,
.input-group-btn:last-child > .btn-group > a.wilo-explore-button,
.input-group-btn:first-child > a.wilo-explore-button:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > a.wilo-explore-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
  .input-group-btn > a.wilo-explore-button {
    position: relative; }
    .input-group-btn > a.wilo-explore-button + .btn, .input-group-btn > .btn + a.wilo-explore-button, .input-group-btn > a.wilo-explore-button + a.wilo-explore-button {
      margin-left: -1px; }
    .input-group-btn > a.wilo-explore-button:hover, .input-group-btn > a.wilo-explore-button:focus, .input-group-btn > a.wilo-explore-button:active {
      z-index: 2; }
  
  .input-group-btn:first-child > a.wilo-explore-button {
    margin-right: -1px; }
  
  .input-group-btn:last-child > a.wilo-explore-button {
    z-index: 2;
    margin-left: -1px; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .nav:before, .nav:after {
    display: table;
    content: " "; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      cursor: default;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 22px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    display: table;
    content: " "; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7px -15px; }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; } }
  .btn-group-sm > a.navbar-btn.wilo-explore-button {
    margin-top: 8.5px;
    margin-bottom: 8.5px; }
  .btn-group-xs > a.navbar-btn.wilo-explore-button {
    margin-top: 14px;
    margin-bottom: 14px; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; } }
    fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; } }
    fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 22px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      padding: 0 5px;
      color: #ccc;
      content: "/ "; }
  .breadcrumb > .active {
    color: #777777; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7; }
  a.wilo-explore-button .label {
    position: relative;
    top: -1px; }
  a.wilo-explore-button .badge {
    position: relative;
    top: -1px; }
  .btn-group-xs > a.wilo-explore-button .badge, .btn-group-xs > a.wilo-explore-button .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }

a.thumbnail.active {
  border-color: #337ab7; }

.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert-dismissible {
  padding-right: 35px; }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }
  .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > .small,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > .small {
      color: inherit; }
    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
      color: #c7ddef; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

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

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

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

.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2; }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none; }
  .modal-footer a.wilo-explore-button + .btn, .modal-footer .btn + a.wilo-explore-button, .modal-footer a.wilo-explore-button + a.wilo-explore-button {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-footer .btn-group a.wilo-explore-button + .btn, .modal-footer .btn-group .btn + a.wilo-explore-button, .modal-footer .btn-group a.wilo-explore-button + a.wilo-explore-button {
    margin-left: -1px; }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  filter: alpha(opacity=0);
  opacity: 0; }
  .tooltip.in {
    filter: alpha(opacity=90);
    opacity: 0.9; }
  .tooltip.top {
    padding: 5px 0;
    margin-top: -3px; }
  .tooltip.right {
    padding: 0 5px;
    margin-left: 3px; }
  .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px; }
  .tooltip.left {
    padding: 0 5px;
    margin-left: -3px; }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000; }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000; }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }
    @media all and (transform-3d), (-webkit-transform-3d) {
        .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff; }
  .carousel-caption a.wilo-explore-button {
    text-shadow: none; }

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

.clearfix:after {
  clear: both; }

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

.hidden {
  display: none !important; }

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

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

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

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

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

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

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


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'wilo-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-space:before {
  content: '\e800'; }

/* '' */
.icon-glyph1:before {
  content: '\e801'; }

/* '' */
.icon-glyph1-1:before {
  content: '\e802'; }

/* '' */
.icon-uni0001:before {
  content: '\e803'; }

/* '' */
.icon-alldownloads:before {
  content: '\e900'; }

/* '' */
.icon-arrow-bottom:before {
  content: '\e901'; }

/* '' */
.icon-arrow-left:before {
  content: '\e902'; }

/* '' */
.icon-arrow-right:before {
  content: '\e903'; }

/* '' */
.icon-arrow-top:before {
  content: '\e904'; }

/* '' */
.icon-brochure:before {
  content: '\e905'; }

/* '' */
.icon-chat:before {
  content: '\e906'; }

/* '' */
.icon-close:before {
  content: '\e907'; }

/* '' */
.icon-envelope:before {
  content: '\e908'; }

/* '' */
.icon-info-i:before {
  content: '\e909'; }

/* '' */
.icon-list:before {
  content: '\e90a'; }

/* '' */
.icon-mywilo:before {
  content: '\e90b'; }

/* '' */
.icon-newsletter:before {
  content: '\e90c'; }

/* '' */
.icon-pumpcontrol:before {
  content: '\e90d'; }

/* '' */
.icon-rangeguide:before {
  content: '\e90e'; }

/* '' */
.icon-search:before {
  content: '\e90f'; }

/* '' */
.icon-tick:before {
  content: '\e910'; }

/* '' */
.icon-logo:before {
  content: '\e911'; }

/* '' */
.icon-renewal:before {
  content: '\e912'; }

/* '' */
.icon-telephone:before {
  content: '\e913'; }

/* '' */
.icon-world:before {
  content: '\e914'; }

/* '' */
.icon-wishlist-notchecked:before {
  content: '\e915'; }

/* '' */
.icon-wishlist:before {
  content: '\e916'; }

/* '' */
.icon-360 .path1:before {
  content: '\e917'; }

/* '' */
.icon-360 .path2:before {
  content: '\e918'; }

/* '' */
.icon-360 .path3:before {
  content: '\e919'; }

/* '' */
.icon-360 .path4:before {
  content: '\e91a'; }

/* '' */
.icon-turnleft:before {
  content: '\e91b'; }

/* '' */
.icon-turnright:before {
  content: '\e91c'; }

/* '' */
.icon-application:before {
  content: '\e91d'; }

/* '' */
.icon-wilosolutionfinder:before {
  content: '\e91e'; }

/* '' */
.icon-IconTicket:before {
  content: '\e91f'; }

/* '' */
.icon-demo:before {
  content: '\e920'; }

/* '' */
.icon-diagram-arrow:before {
  content: '\e921'; }

/* '' */
.icon-research:before {
  content: '\e922'; }

/* '' */
.icon-sales:before {
  content: '\e923'; }

/* '' */
.icon-globe:before {
  content: '\e924'; }

/* '' */
.icon-pin-twocolored .path1:before {
  content: '\e925'; }

/* '' */
.icon-pin-twocolored .path2:before {
  content: '\e926'; }

/* '' */
.icon-quote-end:before {
  content: '\e927'; }

/* '' */
.icon-quote-start:before {
  content: '\e928'; }

/* '' */
.icon-world2:before {
  content: '\e929'; }

/* '' */
.icon-playbutton:before {
  content: '\e92a'; }

/* '' */
.icon-baum:before {
  content: '\e92b'; }

/* '' */
.icon-building:before {
  content: '\e92c'; }

/* '' */
.icon-circle-diagram:before {
  content: '\e92d'; }

/* '' */
.icon-pdf:before {
  content: '\e92e'; }

/* '' */
.icon-goto-download:before {
  content: '\e92f'; }

/* '' */
.icon-circle-house:before {
  content: '\e930'; }

/* '' */
.icon-cloud-house:before {
  content: '\e931'; }

/* '' */
.icon-cold:before {
  content: '\e932'; }

/* '' */
.icon-drain:before {
  content: '\e933'; }

/* '' */
.icon-pump-cloud:before {
  content: '\e934'; }

/* '' */
.icon-shower-rain:before {
  content: '\e935'; }

/* '' */
.icon-snow-points:before {
  content: '\e936'; }

/* '' */
.icon-sprinkler:before {
  content: '\e937'; }

/* '' */
.icon-sun-heating:before {
  content: '\e938'; }

/* '' */
.icon-waterdown:before {
  content: '\e939'; }

/* '' */
.icon-watertab:before {
  content: '\e93a'; }

/* '' */
.icon-factory-water:before {
  content: '\e93b'; }

/* '' */
.icon-factory:before {
  content: '\e93c'; }

/* '' */
.icon-flame-snow:before {
  content: '\e93d'; }

/* '' */
.icon-heat-helix:before {
  content: '\e93e'; }

/* '' */
.icon-heating:before {
  content: '\e93f'; }

/* '' */
.icon-hot-water:before {
  content: '\e940'; }

/* '' */
.icon-powerwater:before {
  content: '\e941'; }

/* '' */
.icon-settings:before {
  content: '\e942'; }

/* '' */
.icon-plus:before {
  content: '\e943'; }

/* '' */
.icon-double-arrow-left:before {
  content: '\e944'; }

/* '' */
.icon-double-arrow-right:before {
  content: '\e945'; }

/* '' */
.icon-bag:before {
  content: '\e946'; }

/* '' */
.icon-clock:before {
  content: '\e947'; }

/* '' */
.icon-marker:before {
  content: '\e948'; }

/* '' */
.icon-alert:before {
  content: '\e949'; }

/* '' */
.icon-calendar:before {
  content: '\e94a'; }

/* '' */
.icon-excel:before {
  content: '\e94b'; }

/* '' */
.icon-hint:before {
  content: '\e94c'; }

/* '' */
.icon-photocamera:before {
  content: '\e94d'; }

/* '' */
.icon-upload:before {
  content: '\e94e'; }

/* '' */
.icon-eye:before {
  content: '\e94f'; }

/* '' */
.icon-pen:before {
  content: '\e950'; }

/* '' */
.icon-matrix-view:before {
  content: '\e951'; }

/* '' */
.icon-teaser-view:before {
  content: '\e952'; }

/* '' */
.icon-list-view:before {
  content: '\e953'; }

/* '' */
.icon-cooling-climate:before {
  content: '\e954'; }

/* '' */
.icon-solar-geothermal:before {
  content: '\e955'; }

/* '' */
.icon-picture:before {
  content: '\e956'; }

/* '' */
.icon-circle-cross:before {
  content: '\e957'; }

/* '' */
.icon-circle-tick:before {
  content: '\e958'; }

/* '' */
.icon-word:before {
  content: '\e959'; }

/* '' */
.icon-zip:before {
  content: '\e95a'; }

/* '' */
.icon-disk:before {
  content: '\e95b'; }

/* '' */
.icon-wifi:before {
  content: '\e95c'; }

/* '' */
.icon-filter:before {
  content: '\e95d'; }

/* '' */
.icon-flipscreen .path1:before {
  content: '\e95e'; }

/* '' */
.icon-flipscreen .path2:before {
  content: '\e95f'; }

/* '' */
.icon-flipscreen .path3:before {
  content: '\e960'; }

/* '' */
.icon-reset:before {
  content: '\e961'; }

/* '' */
.icon-world3:before {
  content: '\e962'; }

/* '' */
.icon-trash-bin:before {
  content: '\e963'; }

/* '' */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 20px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0px; }

.hamburger-box {
  width: 30px;
  height: 29px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2.5px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 5px;
    background-color: #ffffff;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -12px; }
  .hamburger-inner::after {
    bottom: -12px; }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat; }



/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
body {
  -webkit-backface-visibility: hidden; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .animated.infinite {
    animation-iteration-count: infinite; }
  .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  .animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s; }
  .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.95); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 0;
    transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

.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: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.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;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(20px); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-20px); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(20px); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-20px); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

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

@keyframes zoomIn {
  0% {
    opacity: 0;
    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);
    -webkit-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);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

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

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

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    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); }
  100% {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    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);
    -webkit-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);
    -webkit-transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    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); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    transform: scale3d(0.1) translate3d(-2000px, 0, 0);
    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); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    transform: scale3d(0.1) translate3d(2000px, 0, 0);
    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);
    -webkit-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);
    -webkit-transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

/* Margin 0 */

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

/* Margin 1 */

.mt--1 {
  margin-top: 7.5px; }

.mb--1 {
  margin-bottom: 7.5px; }

/* Margin 2 */
.mt--2 {
  margin-top: 15px; }

.mb--2 {
  margin-bottom: 15px; }

/* Margin 4 */

.mb--4 {
  margin-bottom: 30px; }

@media (min-width: 768px) {
  .mb--md0 {
    margin-bottom: 0; }
  .mr--md2 {
    margin-right: 15px; } }

/* Padding 0 */
.p--0 {
  padding: 0; }

/* Padding 1 */

/* Padding 2 */

/* Padding 4 */
.pt--4 {
  padding-top: 30px; }

.pb--4 {
  padding-bottom: 30px; }

/* WILO KOREA FONT */
.wilo-lang-ko {
  font-family: 'NotoSansKrRegular', sans-serif !important; }
  .wilo-lang-ko a,
  .wilo-lang-ko p,
  .wilo-lang-ko span,
  .wilo-lang-ko h1,
  .wilo-lang-ko h2,
  .wilo-lang-ko h3,
  .wilo-lang-ko h4,
  .wilo-lang-ko h5,
  .wilo-lang-ko h6 {
    font-family: 'NotoSansKrRegular', sans-serif; }
  .wilo-lang-ko h2 {
    font-family: 'NotoSansKrBold', sans-serif; }
  .wilo-lang-ko h3 {
    font-family: 'NotoSansKrBold', sans-serif; }
  .wilo-lang-ko .section-headline {
    font-family: 'NotoSansKrBold', sans-serif; }
  .wilo-lang-ko .page-headline {
    font-family: 'NotoSansKrBold', sans-serif; }
  .wilo-lang-ko .nav-level1-element-text {
    font-family: 'NotoSansKrBold', sans-serif; }
  .wilo-lang-ko a,
  .wilo-lang-ko p,
  .wilo-lang-ko span,
  .wilo-lang-ko article,
  .wilo-lang-ko b,
  .wilo-lang-ko i,
  .wilo-lang-ko strong,
  .wilo-lang-ko h1,
  .wilo-lang-ko h2,
  .wilo-lang-ko h3,
  .wilo-lang-ko h4,
  .wilo-lang-ko h5,
  .wilo-lang-ko h6,
  .wilo-lang-ko blockquote,
  .wilo-lang-ko pre,
  .wilo-lang-ko figure,
  .wilo-lang-ko figcaption,
  .wilo-lang-ko ol,
  .wilo-lang-ko ul,
  .wilo-lang-ko li,
  .wilo-lang-ko dl,
  .wilo-lang-ko dt,
  .wilo-lang-ko dd,
  .wilo-lang-ko div,
  .wilo-lang-ko thead,
  .wilo-lang-ko tbody,
  .wilo-lang-ko table,
  .wilo-lang-ko td,
  .wilo-lang-ko tr {
    font-family: 'NotoSansKrRegular', sans-serif !important; }

*:focus,
* {
  outline: none !important;
  /* Blue border fix*/ }

label {
  font-weight: normal; }

textarea {
  resize: none; }

html {
  -ms-overflow-style: scrollbar;
  font-size: 16px;
  /* font-size: calculateRem($size); */
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

.transition-all {
  transition: all 0.5s; }

body {
  overflow-x: hidden;
  font-family: NotoSansRegular;
  max-width: 100vw; }
  body:before {
    display: none; }
    @media (max-width: 767px) {
      body:before {
        content: 'small'; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body:before {
        content: 'medium'; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      body:before {
        content: 'large'; } }
    @media (min-width: 1200px) {
      body:before {
        content: 'xlarge'; } }

img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

a,
p,
span,
h1,
h2,
h3,
h4,
h5 {
  font-family: NotoSansRegular; }

h1 {
  font-size: 24px;
  /* font-size: calculateRem($size); */
  font-family: NotoSansBold; }

h2 {
  margin: 0 0 15px 0;
  font-family: NotoSansBold;
  font-size: 18px;
  /* font-size: calculateRem($size); */
  color: #363640; }
  h2.wilo-green-text {
    color: #009a8b; }

h3 {
  margin: 0 0 10px 0;
  font-family: NotoSansBold;
  font-size: 14px;
  /* font-size: calculateRem($size); */
  color: #363640; }

strong,
b {
  font-family: NotoSansBold; }

.container h1 {
  margin-bottom: 30px;
  margin-top: 0; }

a {
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }
  a:hover, a:focus, a:active, a:visited, a:link {
    text-decoration: none !important;
    border: none; }
  a.icon-link {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #505050; }
    a.icon-link:hover, a.icon-link:focus {
      opacity: 0.8; }

.push-content-wrapper {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.clearfix {
  clear: both; }

.fixed {
  position: fixed !important;
  top: 0; }

span.wilo-icon {
  font-family: wilo-icons; }

.section-headline {
  font-family: NotoSansBold; }

.page-headline {
  font-family: NotoSansBold;
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 22px;
  /* font-size: calculateRem($size); */ }

.nav-level1-element-text {
  font-size: 18px;
  /* font-size: calculateRem($size); */
  font-family: NotoSansBold;
  margin: 0; }
  .nav-level1-element-text .wilo-icon {
    font-size: 14px;
    /* font-size: calculateRem($size); */ }

img {
  width: 100%; }

select::-ms-expand {
  display: none; }

.form-control,
input {
  border-radius: 0;
  height: 38px; }

.left {
  float: left; }

.right {
  float: right; }

.fixed {
  position: fixed !important; }

.page-push-right {
  transform: translateX(calc(-1 * calc(100vw - 60px))) !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

@media (min-width: 500px) {
  .page-push-right {
    transform: translateX(calc(-1 * 440px)) !important; } }

.page-fade-out {
  opacity: 0 !important;
  -webkit-transition: all 0.5s !important;
  -moz-transition: all 0.5s !important;
  transition: all 0.5s !important; }

.page-stop-scrolling {
  height: 100vh;
  overflow: hidden; }

body.frontofpage .section-divide {
  border-top: 1px solid #dddddd;
  width: 100%;
  content: '';
  display: block;
  margin: 0;
  padding-bottom: 30px;
  background-color: #ffffff; }

body.frontofpage .container > .news-section,
body.frontofpage .container > .product-slider-section,
body.frontofpage .container > .multi-col-section,
body.frontofpage .container > .download-items-wrapper,
body.frontofpage .container > .newsletter-box-section,
body.frontofpage .container > .world-explorer-section {
  background-color: #ffffff; }

body.frontofpage .container > .multi-col-section,
body.frontofpage .container > .world-explorer-section,
body.frontofpage .container > .news-section,
body.frontofpage .container > .newsletter-box-section {
  margin-bottom: 0;
  padding-bottom: 30px;
  position: relative;
  z-index: 20; }

body.frontofpage .stage-header,
body.frontofpage .product-slider-section,
body.frontofpage .section-divide,
body.frontofpage .download-section,
body.frontofpage footer {
  position: relative;
  z-index: 20; }

body.frontofpage footer .section-divide {
  background-color: transparent;
  border: 0 solid transparent; }
  @media (max-width: 767px) {
    body.frontofpage footer .section-divide {
      border-top: 1px solid rgba(255, 255, 255, 0.3);
      padding-bottom: 20px; } }

.section-front {
  padding-bottom: 30px; }

.slider-arrow {
  cursor: pointer;
  opacity: 0.4; }

.slider-arrow.slider-arrow-dark-grey {
  opacity: 1;
  background: rgba(54, 54, 64, 0.9);
  width: 50px;
  height: 54px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center; }
  .slider-arrow.slider-arrow-dark-grey .icon-arrow-left,
  .slider-arrow.slider-arrow-dark-grey .icon-arrow-right {
    line-height: 54px;
    color: #fff;
    font-size: 26px;
    /* font-size: calculateRem($size); */ }
  @media (max-width: 767px) {
    .slider-arrow.slider-arrow-dark-grey {
      width: 35px;
      height: 39px; }
      .slider-arrow.slider-arrow-dark-grey .icon-arrow-left,
      .slider-arrow.slider-arrow-dark-grey .icon-arrow-right {
        font-size: 16px;
        /* font-size: calculateRem($size); */
        line-height: 39px; } }

.slick-dots-big .slick-dots li {
  margin: 0; }
  .slick-dots-big .slick-dots li button:before {
    height: 20px;
    width: 25px;
    line-height: 25px;
    font-size: 11px;
    /* font-size: calculateRem($size); */ }

.col-half-offset {
  margin-left: 4.166666667%; }

.rotate-half {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.project-overview {
  margin-top: 30px !important; }
  .project-overview .wilo-spacer {
    margin-top: 30px; }

.valign-me {
  display: inline-block;
  vertical-align: middle;
  float: none; }

footer .footer-section-header {
  font-size: 18px;
  /* font-size: calculateRem($size); */ }

body.mywilo-logged-in .mywilo-show-logged-out {
  display: none !important; }

body.mywilo-logged-out .mywilo-show-logged-in {
  display: none !important; }

/* WILO KOREA FONT */
.wilo-lang-ko {
  font-family: 'NotoSansKrRegular', sans-serif !important; }
  .wilo-lang-ko a,
  .wilo-lang-ko p,
  .wilo-lang-ko span,
  .wilo-lang-ko h1,
  .wilo-lang-ko h2,
  .wilo-lang-ko h3,
  .wilo-lang-ko h4,
  .wilo-lang-ko h5,
  .wilo-lang-ko h6 {
    font-family: 'NotoSansKrRegular', sans-serif; }
  .wilo-lang-ko h2 {
    font-family: 'NotoSansKrBold', sans-serif; }
  .wilo-lang-ko h3 {
    font-family: 'NotoSansKrBold', sans-serif; }
  .wilo-lang-ko .section-headline {
    font-family: 'NotoSansKrBold', sans-serif; }
  .wilo-lang-ko .page-headline {
    font-family: 'NotoSansKrBold', sans-serif; }
  .wilo-lang-ko .nav-level1-element-text {
    font-family: 'NotoSansKrBold', sans-serif; }
  .wilo-lang-ko a,
  .wilo-lang-ko p,
  .wilo-lang-ko span,
  .wilo-lang-ko article,
  .wilo-lang-ko b,
  .wilo-lang-ko i,
  .wilo-lang-ko strong,
  .wilo-lang-ko h1,
  .wilo-lang-ko h2,
  .wilo-lang-ko h3,
  .wilo-lang-ko h4,
  .wilo-lang-ko h5,
  .wilo-lang-ko h6,
  .wilo-lang-ko blockquote,
  .wilo-lang-ko pre,
  .wilo-lang-ko figure,
  .wilo-lang-ko figcaption,
  .wilo-lang-ko ol,
  .wilo-lang-ko ul,
  .wilo-lang-ko li,
  .wilo-lang-ko dl,
  .wilo-lang-ko dt,
  .wilo-lang-ko dd,
  .wilo-lang-ko div,
  .wilo-lang-ko thead,
  .wilo-lang-ko tbody,
  .wilo-lang-ko table,
  .wilo-lang-ko td,
  .wilo-lang-ko tr {
    font-family: 'NotoSansKrRegular', sans-serif !important; }
  .wilo-lang-ko i:before {
    font-family: 'wilo-icons' !important; }

/* WILO CHINA FONT */
.wilo-lang-zh {
  font-family: Verdana, Arial, sans-serif !important; }
  .wilo-lang-zh a,
  .wilo-lang-zh p,
  .wilo-lang-zh span,
  .wilo-lang-zh h1,
  .wilo-lang-zh h2,
  .wilo-lang-zh h3,
  .wilo-lang-zh h4,
  .wilo-lang-zh h5,
  .wilo-lang-zh h6 {
    font-family: Verdana, Arial, sans-serif !important; }
  .wilo-lang-zh h2 {
    font-family: Verdana, Arial, sans-serif !important;
    font-weight: 400; }
  .wilo-lang-zh h3 {
    font-family: Verdana, Arial, sans-serif !important;
    font-weight: 400; }
  .wilo-lang-zh .section-headline {
    font-family: Verdana, Arial, sans-serif !important;
    font-weight: 400; }
  .wilo-lang-zh .page-headline {
    font-family: Verdana, Arial, sans-serif !important;
    font-weight: 400; }
  .wilo-lang-zh .nav-level1-element-text {
    font-family: Verdana, Arial, sans-serif !important;
    font-weight: 400; }
  .wilo-lang-zh a,
  .wilo-lang-zh p,
  .wilo-lang-zh span,
  .wilo-lang-zh article,
  .wilo-lang-zh b,
  .wilo-lang-zh i,
  .wilo-lang-zh strong,
  .wilo-lang-zh h1,
  .wilo-lang-zh h2,
  .wilo-lang-zh h3,
  .wilo-lang-zh h4,
  .wilo-lang-zh h5,
  .wilo-lang-zh h6,
  .wilo-lang-zh blockquote,
  .wilo-lang-zh pre,
  .wilo-lang-zh figure,
  .wilo-lang-zh figcaption,
  .wilo-lang-zh ol,
  .wilo-lang-zh ul,
  .wilo-lang-zh li,
  .wilo-lang-zh dl,
  .wilo-lang-zh dt,
  .wilo-lang-zh dd,
  .wilo-lang-zh div,
  .wilo-lang-zh thead,
  .wilo-lang-zh tbody,
  .wilo-lang-zh table,
  .wilo-lang-zh td,
  .wilo-lang-zh tr {
    font-family: Verdana, Arial, sans-serif !important; }
  .wilo-lang-zh i:before {
    font-family: 'wilo-icons' !important; }

/* Font Sizes */

.hl--md {
  font-size: 16px; }

.fs--lg, .hl--lg {
  font-size: 20px; }

.fs--xl, .hl--xl {
  font-size: 24px; }

/* Font Weights */
.fw--r {
  font-family: NotoSansRegular; }

.fw--b, .hl--md, .hl--lg, .hl--xl {
  font-family: NotoSansBold; }

/* Headlines */
/* Font Color */
.glossary-wrapper {
  margin: 0 0 30px 0; }
  .glossary-wrapper .alphabetic-filter-header {
    display: inline-block;
    border-bottom: 1px solid #dddddd;
    width: 100%;
    padding-bottom: 15px; }
    .glossary-wrapper .alphabetic-filter-header .alphabet-letters {
      width: 100%; }
      .glossary-wrapper .alphabetic-filter-header .alphabet-letters .active {
        color: #000000; }
  .glossary-wrapper .glossary-letter-wrap > span,
  .glossary-wrapper .glossary-headline {
    font-size: 18px;
    font-family: NotoSansBold;
    color: #363640;
    margin-bottom: 15px;
    display: inline-block; }
  .glossary-wrapper .glossary-letter-wrap > span {
    font-size: 28px; }
  .glossary-wrapper ul.glossary-list {
    padding: 0;
    list-style-type: none; }
    .glossary-wrapper ul.glossary-list li {
      border-bottom: 1px solid #dddddd;
      margin-bottom: 20px;
      padding-bottom: 10px; }
      .glossary-wrapper ul.glossary-list li a {
        color: #009c82; }

.alphabet-letters {
  padding-left: 0; }
  @media (max-width: 767px) {
    .alphabet-letters {
      padding: 0 35px; } }

.alphabet-letters,
.list-pages {
  float: left;
  list-style: none;
  padding: 0; }
  .alphabet-letters .alphabet-letter,
  .alphabet-letters .list-page,
  .list-pages .alphabet-letter,
  .list-pages .list-page {
    font-size: 16px;
    /* font-size: calculateRem($size); */
    display: inline-block;
    color: #bcbcbc;
    cursor: pointer;
    margin-right: 17px; }
    .alphabet-letters .alphabet-letter:last-child,
    .alphabet-letters .list-page:last-child,
    .list-pages .alphabet-letter:last-child,
    .list-pages .list-page:last-child {
      margin-right: 0; }
    .alphabet-letters .alphabet-letter:hover, .alphabet-letters .alphabet-letter:active, .alphabet-letters .list-page:hover, .alphabet-letters .list-page:active, .list-pages .alphabet-letter:hover, .list-pages .alphabet-letter:active, .list-pages .list-page:hover, .list-pages .list-page:active {
      color: #000000; }

.alphabet-letter.no-content {
  opacity: 0.3; }
  .alphabet-letter.no-content:hover, .alphabet-letter.no-content.active {
    color: inherit;
    font-family: inherit;
    cursor: default;
    opacity: 0.125; }

.content .alphabet-letters .wilo-icon {
  font-size: 12px; }

@media screen and (max-width: 1199px) {
  .content .alphabet-letters {
    float: none;
    text-align: left; }
    .content .alphabet-letters .alphabet-letter {
      margin: 15px; } }

.paging-list {
  color: #505050;
  margin: 0 auto;
  display: table; }
  .paging-list > * {
    margin-right: 20px; }
    .paging-list > *:last-child {
      margin-right: 0; }
  .paging-list .list-pages {
    float: none;
    display: inline;
    margin-right: 0px; }
    .paging-list .list-pages .list-page {
      margin-right: 20px; }
      .paging-list .list-pages .list-page.active,
      .paging-list-item .list-pages .list-page.active {
        font-family: NotoSansBold;
        color: #363640; }
        .paging-list .list-pages .list-page.active a,
        .paging-list-item .list-pages .list-page.active a {
          color: inherit;
          font-family: inherit; }
  .paging-list span {
    font-size: 12px;
    /* font-size: calculateRem($size); */
    color: #787878;
    cursor: pointer; }

.demo-nav {
  overflow: hidden; }
  .demo-nav .demo-content {
    position: fixed;
    line-height: 50px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #757575;
    color: #FFFFFF;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1000; }
    .demo-nav .demo-content .icon-demo {
      font-size: 35px;
      line-height: 53px; }
    .demo-nav .demo-content .inner {
      font-family: NotoSansRegular, Verdana, Arial, Helvetica, sans-serif;
      font-size: 20px; }
    .demo-nav .demo-content a.controll-forw, .demo-nav .demo-content a.controll-back {
      border: 1px solid white;
      background: transparent;
      line-height: 30px;
      margin: 8px 0;
      color: white; }
      .demo-nav .demo-content a.controll-forw span.icon-arrow-left, .demo-nav .demo-content a.controll-forw span.icon-arrow-right, .demo-nav .demo-content a.controll-back span.icon-arrow-left, .demo-nav .demo-content a.controll-back span.icon-arrow-right {
        background: white;
        padding: 10px;
        display: inline-block;
        color: grey; }
        .demo-nav .demo-content a.controll-forw span.icon-arrow-left.icon-arrow-left, .demo-nav .demo-content a.controll-forw span.icon-arrow-right.icon-arrow-left, .demo-nav .demo-content a.controll-back span.icon-arrow-left.icon-arrow-left, .demo-nav .demo-content a.controll-back span.icon-arrow-right.icon-arrow-left {
          margin: 0px 0 0 6px; }
        .demo-nav .demo-content a.controll-forw span.icon-arrow-left.icon-arrow-right, .demo-nav .demo-content a.controll-forw span.icon-arrow-right.icon-arrow-right, .demo-nav .demo-content a.controll-back span.icon-arrow-left.icon-arrow-right, .demo-nav .demo-content a.controll-back span.icon-arrow-right.icon-arrow-right {
          margin: 0px 6px 0 0px; }
        @media (max-width: 767px) {
          .demo-nav .demo-content a.controll-forw span.icon-arrow-left, .demo-nav .demo-content a.controll-forw span.icon-arrow-right, .demo-nav .demo-content a.controll-back span.icon-arrow-left, .demo-nav .demo-content a.controll-back span.icon-arrow-right {
            margin: 0 !important; } }
      .demo-nav .demo-content a.controll-forw:hover, .demo-nav .demo-content a.controll-back:hover {
        background: white;
        color: #757575; }
    .demo-nav .demo-content a.controll-forw {
      padding: 0px 10px 0 0; }
      @media (max-width: 767px) {
        .demo-nav .demo-content a.controll-forw {
          padding: 0; } }
    .demo-nav .demo-content a.controll-back {
      padding: 0px 0 0 10px; }
      @media (max-width: 767px) {
        .demo-nav .demo-content a.controll-back {
          padding: 0; } }
  .demo-nav .demo-opener {
    position: fixed;
    background: #757575;
    color: #FFFFFF;
    border: 1px #757575;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 999; }
    .demo-nav .demo-opener span {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .demo-nav .demo-opener:hover {
      background: #252525;
      color: #009c82; }
  .demo-nav .demo-open {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .demo-nav .demo-close {
    cursor: pointer;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    line-height: 17px; }

.select2-container--default .select2-selection--single {
  background: #787878;
  color: #ffffff;
  border-radius: 0;
  font-size: 16px;
  /* font-size: calculateRem($size); */
  font-family: NotoSansBold;
  height: 38px; }
  .select2-container--default .select2-selection--single:hover, .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single:active {
    background-color: #009c82;
    border-color: #009c82; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit;
    font-family: inherit;
    padding-top: 4px;
    padding-left: 17px;
    padding-right: 15px; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 37px;
    background: url("../img/select2-dropdown-arrow.png") no-repeat center;
    width: 12px;
    right: 15px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      display: none; }

.select2-dropdown {
  border: 1px solid #009a8b;
  border-radius: 0; }
  .select2-dropdown.select2-dropdown--above {
    box-shadow: 0 0 0 #787878; }
  .select2-dropdown.select2-dropdown--below {
    box-shadow: 0 0 0 #787878; }

.select2-container--default .select2-results__option {
  color: #787878;
  padding: 10px 16px;
  font-size: 16px;
  /* font-size: calculateRem($size); */
  border-bottom: 1px #f1f1f1 solid; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #f1f1f1;
  color: #787878; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background: #f1f1f1; }

.wilo-btn, .mwf-upload-delete, .mwf-upload-upload {
  padding: 10px 20px 10px 10px;
  line-height: 16px;
  font-family: NotoSansBold;
  position: relative;
  cursor: pointer;
  border: none;
  font-size: 16px;
  /* font-size: calculateRem($size); */
  text-align: left;
  height: 38px;
  transition: 0.15s background-color ease-in-out;
  display: inline-block;
  margin: 0 5px 5px 0;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .wilo-btn:last-child, .mwf-upload-delete:last-child, .mwf-upload-upload:last-child {
    margin: 0; }
  .wilo-btn:disabled, .mwf-upload-delete:disabled, .mwf-upload-upload:disabled {
    font-style: normal; }
  .wilo-btn:before, .mwf-upload-delete:before, .mwf-upload-upload:before {
    font-family: 'wilo-icons';
    content: "\e903";
    margin: 0 5px 0 0;
    font-size: 12px;
    vertical-align: top; }
  .wilo-btn.wilo-button-upload[disabled], .wilo-button-upload.mwf-upload-delete[disabled], .wilo-button-upload.mwf-upload-upload[disabled], .wilo-btn.wilo-btn-primary[disabled], .wilo-btn-primary.mwf-upload-delete[disabled], .wilo-btn-primary.mwf-upload-upload[disabled], .wilo-btn.wilo-btn-secondary[disabled], .wilo-btn-secondary.mwf-upload-delete[disabled], .wilo-btn-secondary.mwf-upload-upload[disabled], .wilo-btn.wilo-btn-yellow[disabled], .wilo-btn-yellow.mwf-upload-delete[disabled], .wilo-btn-yellow.mwf-upload-upload[disabled], .wilo-btn.wilo-btn-inverted[disabled], .wilo-btn-inverted.mwf-upload-delete[disabled], .wilo-btn-inverted.mwf-upload-upload[disabled], .wilo-btn.wilo-btn-special[disabled], .wilo-btn-special.mwf-upload-delete[disabled], .wilo-btn-special.mwf-upload-upload[disabled], .wilo-btn.wilo-btn-shop[disabled], .wilo-btn-shop.mwf-upload-delete[disabled], .wilo-btn-shop.mwf-upload-upload[disabled] {
    cursor: default;
    background-color: #dddddd;
    color: #555555;
    font-style: italic;
    font-family: NotoSansRegular; }
    .wilo-btn.wilo-button-upload[disabled]:hover, .wilo-button-upload.mwf-upload-delete[disabled]:hover, .wilo-button-upload.mwf-upload-upload[disabled]:hover, .wilo-btn.wilo-btn-primary[disabled]:hover, .wilo-btn-primary.mwf-upload-delete[disabled]:hover, .wilo-btn-primary.mwf-upload-upload[disabled]:hover, .wilo-btn.wilo-btn-secondary[disabled]:hover, .wilo-btn-secondary.mwf-upload-delete[disabled]:hover, .wilo-btn-secondary.mwf-upload-upload[disabled]:hover, .wilo-btn.wilo-btn-yellow[disabled]:hover, .wilo-btn-yellow.mwf-upload-delete[disabled]:hover, .wilo-btn-yellow.mwf-upload-upload[disabled]:hover, .wilo-btn.wilo-btn-inverted[disabled]:hover, .wilo-btn-inverted.mwf-upload-delete[disabled]:hover, .wilo-btn-inverted.mwf-upload-upload[disabled]:hover, .wilo-btn.wilo-btn-special[disabled]:hover, .wilo-btn-special.mwf-upload-delete[disabled]:hover, .wilo-btn-special.mwf-upload-upload[disabled]:hover, .wilo-btn.wilo-btn-shop[disabled]:hover, .wilo-btn-shop.mwf-upload-delete[disabled]:hover, .wilo-btn-shop.mwf-upload-upload[disabled]:hover {
      background-color: #dddddd;
      color: #555555; }
  .wilo-btn.wilo-btn-back:before, .wilo-btn-back.mwf-upload-delete:before, .wilo-btn-back.mwf-upload-upload:before {
    content: "\e902"; }
  .wilo-btn.wilo-button-upload :before, .wilo-button-upload.mwf-upload-delete :before, .wilo-button-upload.mwf-upload-upload :before {
    content: "\e94e";
    margin: 0 7px 0 0;
    font-size: 13px; }
  .wilo-btn.wilo-btn-primary, .wilo-btn-primary.mwf-upload-delete, .wilo-btn-primary.mwf-upload-upload {
    color: #ffffff;
    background-color: #363640; }
    .wilo-btn.wilo-btn-primary:hover, .wilo-btn-primary.mwf-upload-delete:hover, .wilo-btn-primary.mwf-upload-upload:hover, .wilo-btn.wilo-btn-primary:focus, .wilo-btn-primary.mwf-upload-delete:focus, .wilo-btn-primary.mwf-upload-upload:focus, .wilo-btn.wilo-btn-primary:active, .wilo-btn-primary.mwf-upload-delete:active, .wilo-btn-primary.mwf-upload-upload:active {
      background-color: #009c82; }
  .wilo-btn.wilo-btn-secondary, .wilo-btn-secondary.mwf-upload-delete, .wilo-btn-secondary.mwf-upload-upload {
    color: #ffffff;
    background-color: #787878; }
    .wilo-btn.wilo-btn-secondary:hover, .wilo-btn-secondary.mwf-upload-delete:hover, .wilo-btn-secondary.mwf-upload-upload:hover, .wilo-btn.wilo-btn-secondary:focus, .wilo-btn-secondary.mwf-upload-delete:focus, .wilo-btn-secondary.mwf-upload-upload:focus, .wilo-btn.wilo-btn-secondary:active, .wilo-btn-secondary.mwf-upload-delete:active, .wilo-btn-secondary.mwf-upload-upload:active {
      background-color: #575757; }
  .wilo-btn.wilo-btn-yellow, .wilo-btn-yellow.mwf-upload-delete, .wilo-btn-yellow.mwf-upload-upload, .wilo-btn.wilo-btn-shop, .wilo-btn-shop.mwf-upload-delete, .wilo-btn-shop.mwf-upload-upload {
    color: #505050;
    background-color: #ffb400; }
    .wilo-btn.wilo-btn-yellow:hover, .wilo-btn-yellow.mwf-upload-delete:hover, .wilo-btn-yellow.mwf-upload-upload:hover, .wilo-btn.wilo-btn-yellow:focus, .wilo-btn-yellow.mwf-upload-delete:focus, .wilo-btn-yellow.mwf-upload-upload:focus, .wilo-btn.wilo-btn-yellow:active, .wilo-btn-yellow.mwf-upload-delete:active, .wilo-btn-yellow.mwf-upload-upload:active, .wilo-btn.wilo-btn-shop:hover, .wilo-btn-shop.mwf-upload-delete:hover, .wilo-btn-shop.mwf-upload-upload:hover, .wilo-btn.wilo-btn-shop:focus, .wilo-btn-shop.mwf-upload-delete:focus, .wilo-btn-shop.mwf-upload-upload:focus, .wilo-btn.wilo-btn-shop:active, .wilo-btn-shop.mwf-upload-delete:active, .wilo-btn-shop.mwf-upload-upload:active {
      background-color: #eba500; }
  .wilo-btn.wilo-btn-shop:before, .wilo-btn-shop.mwf-upload-delete:before, .wilo-btn-shop.mwf-upload-upload:before {
    content: "\e923";
    margin-right: 12px; }
  .wilo-btn.wilo-btn-inverted, .wilo-btn-inverted.mwf-upload-delete, .wilo-btn-inverted.mwf-upload-upload {
    color: #363640;
    background-color: #ffffff; }
    .wilo-btn.wilo-btn-inverted:hover, .wilo-btn-inverted.mwf-upload-delete:hover, .wilo-btn-inverted.mwf-upload-upload:hover, .wilo-btn.wilo-btn-inverted:focus, .wilo-btn-inverted.mwf-upload-delete:focus, .wilo-btn-inverted.mwf-upload-upload:focus, .wilo-btn.wilo-btn-inverted:active, .wilo-btn-inverted.mwf-upload-delete:active, .wilo-btn-inverted.mwf-upload-upload:active {
      background-color: #009c82;
      color: #ffffff; }
    .wilo-btn.wilo-btn-inverted.green-bg:hover, .wilo-btn-inverted.green-bg.mwf-upload-delete:hover, .wilo-btn-inverted.green-bg.mwf-upload-upload:hover, .wilo-btn.wilo-btn-inverted.green-bg:focus, .wilo-btn-inverted.green-bg.mwf-upload-delete:focus, .wilo-btn-inverted.green-bg.mwf-upload-upload:focus, .wilo-btn.wilo-btn-inverted.green-bg:active, .wilo-btn-inverted.green-bg.mwf-upload-delete:active, .wilo-btn-inverted.green-bg.mwf-upload-upload:active {
      background-color: #e6e6e6;
      color: #505050; }
  .wilo-btn.wilo-btn-special, .wilo-btn-special.mwf-upload-delete, .wilo-btn-special.mwf-upload-upload {
    color: #ffffff;
    background-color: #009c82; }
    .wilo-btn.wilo-btn-special:hover, .wilo-btn-special.mwf-upload-delete:hover, .wilo-btn-special.mwf-upload-upload:hover, .wilo-btn.wilo-btn-special:focus, .wilo-btn-special.mwf-upload-delete:focus, .wilo-btn-special.mwf-upload-upload:focus, .wilo-btn.wilo-btn-special:active, .wilo-btn-special.mwf-upload-delete:active, .wilo-btn-special.mwf-upload-upload:active {
      background-color: #01826c; }

.mwf-hidden {
  display: none; }

.mwf-next,
.mwf-cancel {
  float: right; }

.mwf-button {
  display: inline-block; }

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

.mwf-upload-delete,
.mwf-upload-upload {
  margin: 5px 10px 5px 0; }

.icon-hint {
  color: #787878;
  margin-left: 2px;
  font-size: 12px;
  /* font-size: calculateRem($size); */
  line-height: inherit; }

.tooltip.right .tooltip-arrow {
  border-right-color: #787878; }

.tooltip-inner {
  background-color: #787878;
  padding: 5px 15px;
  border-radius: 0; }

.validate-icon {
  position: relative;
  display: flex; }
  .validate-icon .wilo-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    /* font-size: calculateRem($size); */
    color: #009c82;
    display: none; }
  .validate-icon.error .icon-alert {
    display: block;
    color: #f76733; }
  .validate-icon.error input {
    border-color: #f76733;
    z-index: 0; }
  .validate-icon.success .icon-tick {
    font-size: 12px;
    display: block;
    color: #009c82; }

.form-row .input-group {
  display: flex;
  flex-flow: row wrap; }
  .form-row .input-group .validate-icon {
    flex: 1; }
  .form-row .input-group input {
    z-index: 0; }
    .form-row .input-group input:focus {
      z-index: 0; }
  .form-row .input-group .invalid-feedback {
    display: none; }
  .form-row .input-group .wilo-btn {
    margin-left: 15px;
    margin-right: 0; }
    @media (max-width: 479px) {
      .form-row .input-group .wilo-btn {
        margin: 15px 0 0 0;
        order: 3; } }
  @media (max-width: 479px) {
    .form-row .input-group {
      flex-direction: column; } }

.form-row.is-invalid .icon-alert,
.form-row.is-invalid .invalid-feedback {
  color: #f76733; }

.form-row.is-invalid .icon-alert {
  display: block; }

.form-row.is-invalid .invalid-feedback {
  margin-top: 5px;
  width: 100%;
  display: block; }

.form-row.is-invalid input {
  border-color: #f76733;
  padding-right: 30px; }

.mwf-field.error,
.mwf-field .error {
  color: red; }

.col-sm-6 .row p.error {
  padding-left: 15px; }

.mwf-text.form-control {
  margin-bottom: 10px; }

.wilo-image-chooser-wrapper {
  padding: 15px;
  border: 2px dashed #ddd;
  text-align: center; }
  .wilo-image-chooser-wrapper .wilo-image-chooser-text {
    padding: 0 20%; }
  .wilo-image-chooser-wrapper .no-image {
    font-family: NotoSansBold;
    font-size: 18px; }
  .wilo-image-chooser-wrapper .wilo-image-chooser {
    display: inline-block; }
  .wilo-image-chooser-wrapper .icon-photocamera {
    color: #787878;
    font-size: 56px;
    /* font-size: calculateRem($size); */ }

.wilo-image-chooser .wilo-image-chooser-button {
  text-align: center;
  float: left;
  margin: 5px;
  padding: 10px;
  background-color: #363640; }
  .wilo-image-chooser .wilo-image-chooser-button:hover {
    background-color: #009c82; }
  .wilo-image-chooser .wilo-image-chooser-button p,
  .wilo-image-chooser .wilo-image-chooser-button span {
    color: #ffffff;
    font-family: NotoSansBold;
    margin-bottom: 0; }
  .wilo-image-chooser .wilo-image-chooser-button span {
    font-size: 18px;
    /* font-size: calculateRem($size); */ }

.form-element {
  margin-bottom: 15px; }
  .form-element label {
    color: #787878; }

input[type="radio"][disabled],
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
fieldset[disabled] input[type="checkbox"] {
  cursor: default; }

input[type="text"]:disabled {
  cursor: default;
  background-color: #f1f1f1;
  box-shadow: none;
  border: 1px solid #f1f1f1;
  font-style: italic; }

input[type="text"]:focus,
input[type="password"]:focus {
  border: 1px solid #009c82;
  outline: none;
  box-shadow: none; }

.tab-content .checkbox-wrapper {
  margin: 10px 0; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

.tab-content .checkbox-wrapper {
  margin: 10px 0; }

.checkbox-wrapper,
.radio-wrapper {
  position: relative;
  margin-bottom: 10px;
  margin-right: 10px; }
  .checkbox-wrapper input,
  .radio-wrapper input {
    display: none; }
  .checkbox-wrapper p,
  .radio-wrapper p {
    font-size: 16px;
    /* font-size: calculateRem($size); */
    display: inline-block;
    position: relative;
    margin-left: 30px;
    cursor: pointer; }

.form-section {
  margin-bottom: 30px; }
  .form-section:last-child {
    margin-bottom: 0; }

.quantity-module {
  display: flex;
  justify-content: center; }
  .quantity-module label {
    color: #787878;
    margin: 0 10px 0 0;
    align-self: center; }
  .quantity-module .button {
    cursor: pointer;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    width: 40px;
    height: 38px;
    display: flex;
    transition: 0.15s all ease-in-out; }
    .quantity-module .button:hover, .quantity-module .button:focus, .quantity-module .button:active {
      background-color: #009c82;
      border-color: #009c82;
      color: #ffffff; }
      .quantity-module .button:hover p, .quantity-module .button:focus p, .quantity-module .button:active p {
        color: #ffffff; }
    .quantity-module .button p {
      margin: auto;
      align-self: center; }
    @media (max-width: 767px) {
      .quantity-module .button {
        display: none; } }
  .quantity-module input {
    width: 60px;
    border: 1px solid #dddddd;
    text-align: center; }

.wilo-select:after {
  content: "X";
  display: table;
  width: 10px;
  height: 10px; }

.form-inline label {
  display: block;
  width: 100%; }

.form-inline .form-group select {
  display: inline-block; }

button:disabled:before {
  font-style: normal; }

button.btn.btn-default, .btn.btn-dark-grey, a.btn-dark-grey.wilo-explore-button, .btn.btn-default, a.wilo-explore-button {
  padding: 10px 20px 10px 10px;
  font-family: NotoSansBold;
  position: relative;
  outline: 0;
  vertical-align: top;
  cursor: pointer;
  border: none;
  border-radius: 0;
  font-size: 14px;
  /* font-size: calculateRem($size); */
  text-align: left;
  margin-bottom: 5px;
  height: 38px; }

.btn.btn-dark-grey, a.btn-dark-grey.wilo-explore-button {
  background-color: #363640;
  color: #ffffff;
  padding: 10px 30px 10px 10px;
  margin-bottom: 0;
  padding-left: 27px;
  text-transform: none; }
  .btn.btn-dark-grey::before, a.btn-dark-grey.wilo-explore-button::before {
    font-family: 'wilo-icons';
    content: "\e903";
    padding-right: 5px;
    font-size: 14px;
    /* font-size: calculateRem($size); */
    position: absolute;
    left: 8px;
    top: 12px; }
  a.btn-dark-grey.no-icon.wilo-explore-button {
    padding-left: 10px; }
    a.btn-dark-grey.no-icon.wilo-explore-button::before {
      content: "";
      display: none; }

.btn.btn-white, a.btn-white.wilo-explore-button {
  padding: 11px 11px 11px 34px;
  font-family: NotoSansBold;
  position: relative;
  outline: 0;
  vertical-align: top;
  line-height: initial;
  cursor: pointer;
  border: none;
  border-radius: 0;
  font-size: 14px;
  /* font-size: calculateRem($size); */
  text-align: left;
  margin-bottom: 5px;
  min-height: 38px;
  color: #2b2b33;
  background: url(../img/btn-white-arrow.png) no-repeat white 12px 49.5%; }

.button-row {
  margin-bottom: 30px; }
  .button-row .wilo-btn:first-child {
    margin-right: 15px; }
  @media (max-width: 479px) {
    .button-row .wilo-btn {
      display: block; }
      .button-row .wilo-btn:first-child {
        margin: 0 0 5px 0; } }

.wilo-button-inner {
  float: left;
  display: table; }
  .wilo-button-inner > .wilo-icon {
    width: auto;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px; }

a.white-button.white-button-profile.wilo-explore-button {
  color: #363640;
  margin-left: 10px;
  padding: 10px 20px 5px 10px;
  cursor: pointer;
  min-width: 150px;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    a.white-button.white-button-profile.wilo-explore-button {
      margin-left: 0;
      margin-top: 10px; } }

.wilo-button-inner-text {
  margin: 0 5px 0;
  font-family: NotoSansBold; }

.wilo-textarea {
  background-color: #f1f1f1;
  resize: none;
  border: none;
  box-shadow: none; }

input[type=checkbox] ~ label,
input[type=radio] ~ label {
  height: 20px;
  width: 100%;
  display: inline-block;
  padding: 0 0 0 0;
  margin: 0 10px 0 0;
  cursor: pointer; }
  input[type=checkbox] ~ label:before,
  input[type=radio] ~ label:before {
    position: absolute;
    display: inline-block;
    background-size: cover;
    content: " ";
    width: 20px;
    height: 20px; }

input[type=radio] ~ label:before {
  background-image: url(../img/radio_default.png); }

input[type=radio]:checked ~ label:before {
  background-image: url(../img/radio_selected.png); }

input[type=radio]:disabled ~ label:before {
  background-image: url(../img/radio_disabled.png);
  cursor: default; }

input[type=radio]:checked:disabled ~ label:before {
  background-image: url(../img/radio_selected_disabled.png);
  cursor: default; }

input[type=checkbox] ~ label:before {
  background-image: url(../img/checkbox.png); }

input[type=checkbox]:checked ~ label:before {
  background-image: url(../img/checkbox_active.png); }

input[type=checkbox]:disabled ~ label:before {
  background-image: url(../img/checkbox_disabled.png);
  cursor: default; }

input[type=checkbox]:checked:disabled ~ label:before {
  background-image: url(../img/checkbox_disabled_checked.png);
  cursor: default; }

.wilo-dark-blue:before,
.wilo-inverted:before,
.table-module table tr td a:before {
  font-family: 'wilo-icons';
  content: "\e903";
  margin: 0 5px 0 0;
  font-size: 10px;
  /* font-size: calculateRem($size); */ }

.form-intro .form-headline {
  font-size: 18px;
  /* font-size: calculateRem($size); */
  font-family: NotoSansBold;
  display: block;
  margin-bottom: 15px;
  color: #363640; }

.form-intro p {
  color: #787878; }

@media (max-width: 991px) {
  .styled-form.form-group {
    width: 100%; } }

textarea.form-control:focus {
  border: 1px solid #ccc;
  box-shadow: none; }

.form-inline {
  margin-bottom: 15px; }
  .form-inline:last-child {
    margin-bottom: 0; }

.custom-formgroup {
  width: 100%; }
  .custom-formgroup .select2-container {
    width: 70% !important;
    margin-right: 5px; }
  .custom-formgroup a.btn-dark-grey.wilo-explore-button {
    width: calc(30% - 9px); }
  .custom-formgroup:last-child {
    margin-bottom: 0; }

.select-module label {
  display: block;
  color: #787878; }

.mwf-back {
  cursor: pointer; }

.form-progress {
  vertical-align: middle; }
  .form-progress .progress-steps {
    display: flex;
    margin-bottom: 30px; }
    .form-progress .progress-steps .step {
      cursor: pointer;
      font-size: 14px;
      /* font-size: calculateRem($size); */
      text-align: center;
      color: #666;
      margin: 0 2px;
      padding: 10px 10px 10px 20px;
      float: left;
      position: relative;
      background-color: #dddddd;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      line-height: 20px;
      min-height: 40px; }
      .form-progress .progress-steps .step:after, .form-progress .progress-steps .step:before {
        content: " ";
        position: absolute;
        top: 0;
        right: -10px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 10px solid #dddddd;
        z-index: 2; }
      .form-progress .progress-steps .step:before {
        right: auto;
        left: 0;
        border-left: 10px solid #ffffff;
        z-index: 0; }
      .form-progress .progress-steps .step:first-child {
        margin-left: 0; }
        .form-progress .progress-steps .step:first-child:before {
          border: none; }
      .form-progress .progress-steps .step span {
        position: relative;
        font-family: NotoSansBold;
        display: inline-block; }
        .form-progress .progress-steps .step span:before {
          opacity: 0;
          position: absolute;
          top: -2px;
          left: -20px; }
      .form-progress .progress-steps .step.js-finished span:before {
        opacity: 1; }
      .form-progress .progress-steps .step.js-finished {
        color: #ffffff;
        background-color: #026756;
        padding-right: 10px; }
        .form-progress .progress-steps .step.js-finished:after {
          border-left: 10px solid #026756; }
      .form-progress .progress-steps .step.current {
        color: #ffffff;
        background-color: #026756;
        padding-right: 0;
        z-index: 1;
        flex: 5;
        display: flex; }
        .form-progress .progress-steps .step.current:after {
          border-left: 10px solid #009c82; }
          @media (max-width: 991px) {
            .form-progress .progress-steps .step.current:after {
              border-left: 10px solid #026756; } }
        @media (max-width: 767px) {
          .form-progress .progress-steps .step.current {
            padding: 10px 10px 10px 20px; } }
        .form-progress .progress-steps .step.current span:first-child {
          padding-right: 10px;
          padding-left: 5px;
          margin-left: 0; }
          @media (max-width: 767px) {
            .form-progress .progress-steps .step.current span:first-child {
              padding-right: initial;
              padding-left: initial;
              margin-left: initial; } }
          .form-progress .progress-steps .step.current span:first-child:after, .form-progress .progress-steps .step.current span:first-child:before {
            content: " ";
            position: absolute;
            top: -10px;
            right: -10px;
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-left: 10px solid #026756;
            z-index: 2; }
            @media (max-width: 767px) {
              .form-progress .progress-steps .step.current span:first-child:after, .form-progress .progress-steps .step.current span:first-child:before {
                display: none; } }
          .form-progress .progress-steps .step.current span:first-child:before {
            right: auto;
            left: 0;
            border-left: 10px solid #ffffff;
            z-index: 0; }
          .form-progress .progress-steps .step.current span:first-child:first-child:before {
            border: none; }
      .form-progress .progress-steps .step.current .desc-box {
        display: inline-block;
        flex: 5;
        text-align: left;
        margin-top: -10px;
        margin-bottom: -10px;
        background-color: #009c82;
        background: #009c82;
        padding: 11px 10px 11px 25px; }
        @media (max-width: 991px) {
          .form-progress .progress-steps .step.current .desc-box {
            display: none; } }
      .form-progress .progress-steps .step .desc-box {
        display: none; }
      .form-progress .progress-steps .step:last-child:after {
        border-left: 0; }

.form-section .tabs-module-wrapper .tab-content {
  padding-bottom: 10px;
  border-bottom: 2px solid #009c82; }

.form-response {
  color: #ffffff;
  text-align: center;
  width: 100%;
  height: auto;
  padding: 40px; }
  .form-response > span {
    display: inline-block; }
  .form-response .wilo-icon {
    font-size: 80px;
    /* font-size: calculateRem($size); */
    margin-bottom: 25px; }
    .form-response .wilo-icon.icon-tick {
      border-radius: 50%;
      border: 5px solid #ffffff;
      padding: 25px 15px 15px 15px;
      font-size: 30px;
      height: 80px;
      width: 80px; }
  .form-response span.headline {
    display: block;
    font-size: 18px;
    /* font-size: calculateRem($size); */
    font-family: NotoSansBold;
    margin-bottom: 0; }
  .form-response .btn, .form-response a.wilo-explore-button {
    margin-top: 10px;
    margin-right: 10px; }
    .form-response .btn:last-child, .form-response a.wilo-explore-button:last-child {
      margin-right: 0; }
  .form-response.success {
    background-color: #009c82; }
  .form-response.failure {
    background-color: #F56833; }

.form-pass .pass-confirm p,
.form-pass .pass-entry p {
  position: relative; }
  .form-pass .pass-confirm p input,
  .form-pass .pass-entry p input {
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .form-pass .pass-confirm p input.active + .wilo-icon,
    .form-pass .pass-entry p input.active + .wilo-icon {
      color: #009c82;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .form-pass .pass-confirm p .wilo-icon,
  .form-pass .pass-entry p .wilo-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 12px;
    /* font-size: calculateRem($size); */
    color: #009c82; }
    .form-pass .pass-confirm p .wilo-icon:hover, .form-pass .pass-confirm p .wilo-icon:active, .form-pass .pass-confirm p .wilo-icon:focus, .form-pass .pass-confirm p .wilo-icon.active, .form-pass .pass-entry p .wilo-icon:hover, .form-pass .pass-entry p .wilo-icon:active, .form-pass .pass-entry p .wilo-icon:focus, .form-pass .pass-entry p .wilo-icon.active {
      color: #009c82;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }

.form-pass .pass-strength {
  background: #f1f1f1;
  padding: 30px; }
  .form-pass .pass-strength .headline {
    display: block;
    font-size: 18px;
    /* font-size: calculateRem($size); */
    font-family: NotoSansBold;
    margin-bottom: 15px; }
  .form-pass .pass-strength .wilo-chars,
  .form-pass .pass-strength .wilo-addit,
  .form-pass .pass-strength .wilo-special {
    color: #787878; }
    .form-pass .pass-strength .wilo-chars span,
    .form-pass .pass-strength .wilo-addit span,
    .form-pass .pass-strength .wilo-special span {
      display: inline-block;
      margin-right: 8px;
      font-size: 10px;
      /* font-size: calculateRem($size); */ }
      .form-pass .pass-strength .wilo-chars span.wilo-icon,
      .form-pass .pass-strength .wilo-addit span.wilo-icon,
      .form-pass .pass-strength .wilo-special span.wilo-icon {
        width: 20px; }
      .form-pass .pass-strength .wilo-chars span.wilo-icon.wilo-fail,
      .form-pass .pass-strength .wilo-addit span.wilo-icon.wilo-fail,
      .form-pass .pass-strength .wilo-special span.wilo-icon.wilo-fail {
        color: #F56833;
        margin-right: 11px; }
      .form-pass .pass-strength .wilo-chars span.wilo-success,
      .form-pass .pass-strength .wilo-addit span.wilo-success,
      .form-pass .pass-strength .wilo-special span.wilo-success {
        color: #009c82; }
  .form-pass .pass-strength .strength-area {
    display: block;
    margin-top: 15px;
    border-top: 1px solid #dddddd;
    padding-top: 15px; }
    .form-pass .pass-strength .strength-area .strength-bars {
      margin-top: 15px;
      margin-left: -2px;
      margin-right: -2px; }
      .form-pass .pass-strength .strength-area .strength-bars .sb-wrap {
        padding-right: 2px;
        padding-left: 2px; }
        .form-pass .pass-strength .strength-area .strength-bars .sb-wrap .strength-bar {
          display: block;
          height: 2px;
          background-color: #dddddd; }
  .form-pass .pass-strength .strength-high {
    color: #009c82; }
  .form-pass .pass-strength .strength-okay {
    color: #ffb200; }
  .form-pass .pass-strength .strength-low {
    color: #F56833; }
  .form-pass .pass-strength.wilo-high .wilo-chars .wilo-fail,
  .form-pass .pass-strength.wilo-high .wilo-addit .wilo-fail {
    display: none; }
  .form-pass .pass-strength.wilo-high .strength-area .strength-okay,
  .form-pass .pass-strength.wilo-high .strength-area .strength-low {
    display: none; }
  .form-pass .pass-strength.wilo-high .strength-area .strength-bars .sb-wrap .strength-bar {
    background-color: #009c82; }
  .form-pass .pass-strength.wilo-low .wilo-chars .wilo-success,
  .form-pass .pass-strength.wilo-low .wilo-addit .wilo-success,
  .form-pass .pass-strength.wilo-low .wilo-special .wilo-success {
    display: none; }
  .form-pass .pass-strength.wilo-low .strength-area .strength-high,
  .form-pass .pass-strength.wilo-low .strength-area .strength-okay {
    display: none; }
  .form-pass .pass-strength.wilo-low .strength-area .strength-bars .sb-wrap .strength-bar.wilo-lowbar {
    background-color: #F56833; }
  .form-pass .pass-strength.wilo-low-chars .wilo-chars .wilo-success {
    display: none; }
  .form-pass .pass-strength.wilo-low-chars .wilo-addit .wilo-fail,
  .form-pass .pass-strength.wilo-low-chars .wilo-special .wilo-fail {
    display: none; }
  .form-pass .pass-strength.wilo-low-chars .strength-area .strength-high,
  .form-pass .pass-strength.wilo-low-chars .strength-area .strength-okay {
    display: none; }
  .form-pass .pass-strength.wilo-low-chars .strength-area .strength-bars .sb-wrap .strength-bar.wilo-lowbar {
    background-color: #F56833; }
  .form-pass .pass-strength.wilo-okay-chars .wilo-chars .wilo-fail {
    display: none; }
  .form-pass .pass-strength.wilo-okay-chars .wilo-addit .wilo-success {
    display: none; }
  .form-pass .pass-strength.wilo-okay-chars .strength-area .strength-high,
  .form-pass .pass-strength.wilo-okay-chars .strength-area .strength-low {
    display: none; }
  .form-pass .pass-strength.wilo-okay-chars .strength-area .strength-bars .sb-wrap .strength-bar.wilo-okay {
    background-color: #ffb200; }
  .form-pass .pass-strength.wilo-okay-addit .wilo-chars .wilo-success {
    display: none; }
  .form-pass .pass-strength.wilo-okay-addit .wilo-addit .wilo-fail {
    display: none; }
  .form-pass .pass-strength.wilo-okay-addit .strength-area .strength-high,
  .form-pass .pass-strength.wilo-okay-addit .strength-area .strength-okay {
    display: none; }
  .form-pass .pass-strength.wilo-okay-addit .strength-area .strength-bars .sb-wrap .strength-bar.wilo-lowbar {
    background-color: #F56833; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  cursor: default;
  background-color: #dddddd;
  color: #555555;
  font-style: italic;
  font-family: NotoSansRegular;
  border: 1px solid #dddddd; }
  .select2-container--default.select2-container--disabled .select2-selection--single:hover {
    background-color: #dddddd;
    color: #555555; }

.expandable-content-list-module .expandable-content-list-module-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd; }
  .expandable-content-list-module .expandable-content-list-module-wrapper:first-child {
    padding-top: 5px; }
  .expandable-content-list-module .expandable-content-list-module-wrapper .expandable-content-list-module-toggle {
    font-size: 18px;
    /* font-size: calculateRem($size); */
    font-family: NotoSansBold;
    color: #363640; }
    .expandable-content-list-module .expandable-content-list-module-wrapper .expandable-content-list-module-toggle span {
      margin-right: 15px;
      display: inline-block;
      font-size: 14px;
      /* font-size: calculateRem($size); */
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
  .expandable-content-list-module .expandable-content-list-module-wrapper .expandable-content-list:last-child {
    margin: 0; }
  .expandable-content-list-module .expandable-content-list-module-wrapper .expandable-content-list .download-tile-module {
    margin-bottom: 0;
    margin-top: 15px; }
  .expandable-content-list-module .expandable-content-list-module-wrapper .expandable-content-list-module-content {
    display: none; }

.expandable-content-list-module:first-child .expandable-content-list-module-content {
  display: block; }

.expandable-content-list-module .download-tile-image-wrapper {
  margin-bottom: 15px; }

/* Uploader */

div.uploader.active span.action {
  background-position: right -465px; }

div.uploader.focus.active span.action,
div.uploader:focus.active span.action {
  background-position: right -493px; }

/* PRESENTATION */
/* Select */
div.uniform-select span {
  padding: 0 25px 0 2px;
  cursor: pointer; }

div.uniform-select span {
  width: 100%;
  text-shadow: 0 1px 0 #fff; }

div.uniform-select.disabled span {
  color: #bbb; }

/* Checker */
div.uniform-checkbox {
  margin-right: 10px; }

/* Radio */
div.uniform-radio {
  margin-right: 10px; }

/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/
.uniform-select select:focus,
.uniform-radio input:focus,
.uniform-checkbox input:focus {
  outline: 0; }

/* Select */
div.uniform-select {
  position: relative;
  padding-left: 10px;
  overflow: hidden; }

div.uniform-select span {
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

div.uniform-select select {
  position: absolute;
  opacity: 0;
  border: none;
  background: none; }

/* Checker */
div.uniform-checkbox {
  position: relative;
  float: left; }

div.uniform-checkbox span {
  display: block;
  float: left;
  text-align: center; }

div.uniform-checkbox input {
  opacity: 0;
  display: inline-block;
  background: none; }

/* Radio */
div.uniform-radio {
  position: relative; }

div.uniform-radio span {
  display: block;
  float: left;
  text-align: center; }

div.uniform-radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
  background: none; }

#my-wilo-content table {
  border-collapse: separate; }

.table.table-grey > thead > tr > th {
  color: #03998a; }
  .table.table-grey > thead > tr > th:first-child {
    padding-left: 0; }

.table.table-grey > tbody > tr > td {
  background: #f1f1f1;
  border-color: white;
  padding: 18px 22px;
  color: #777777; }

.table.table-grey > tbody > tr:first-child td {
  position: relative;
  border-top: 3px solid #ffffff; }
  .table.table-grey > tbody > tr:first-child td:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    background: #009c82;
    height: 3px; }

.table.table-grey > tbody > tr > td.td-dark-grey {
  background: #363640;
  color: white;
  transition: 0.15s all ease-in-out;
  cursor: pointer;
  padding: 0; }
  .table.table-grey > tbody > tr > td.td-dark-grey a {
    color: white;
    padding: 18px 22px;
    display: block; }
  .table.table-grey > tbody > tr > td.td-dark-grey:hover {
    background: #009c82;
    cursor: pointer; }

.table.table-grey > tbody > tr > td.td-white {
  background: white; }

.table.table-grey.table-bordered {
  border: 0; }
  .table.table-grey.table-bordered .no-border-left {
    border-left: 0; }
  .table.table-grey.table-bordered .no-border-right {
    border-right: 0; }
  .table.table-grey.table-bordered > thead > tr > th,
  .table.table-grey.table-bordered > tbody > tr > td {
    border-width: 3px;
    border-color: white; }
  .table.table-grey.table-bordered > thead > tr:last-child > th {
    border-bottom: 0 solid transparent; }

.mfp-iframe-scaler .mfp-title {
  position: absolute;
  font-size: 16px; }

.lightbox-white .mfp-content > div, .lightbox-grey .mfp-content > div {
  position: relative;
  background: white;
  padding: 26px;
  width: auto;
  max-width: 600px;
  margin: 5px 0;
  border: 1px #787878 solid; }
  .lightbox-white .mfp-content > div .lightbox-title, .lightbox-grey .mfp-content > div .lightbox-title, .lightbox-white .mfp-content > div h5, .lightbox-white .lightbox-grey .mfp-content > div h5, .lightbox-grey .lightbox-white .mfp-content > div h5, .lightbox-grey .mfp-content > div h5 {
    margin-top: 0;
    font-size: 18px;
    font-family: NotoSansBold;
    margin-bottom: 25px; }
    .lightbox-white .mfp-content > div .lightbox-title.with-subtitle, .lightbox-grey .mfp-content > div .lightbox-title.with-subtitle, .lightbox-white .mfp-content > div h5.with-subtitle, .lightbox-white .lightbox-grey .mfp-content > div h5.with-subtitle, .lightbox-grey .lightbox-white .mfp-content > div h5.with-subtitle, .lightbox-grey .mfp-content > div h5.with-subtitle {
      margin-bottom: 0; }
  .lightbox-white .mfp-content > div .lightbox-subtitle, .lightbox-grey .mfp-content > div .lightbox-subtitle {
    margin-top: 0; }
  .lightbox-white .mfp-content > div button.mfp-close, .lightbox-grey .mfp-content > div button.mfp-close {
    color: #373741;
    font-size: 46px;
    text-align: right;
    padding-right: 5px; }
  .lightbox-white .mfp-content > div .actions-footer, .lightbox-grey .mfp-content > div .actions-footer {
    border-top: 1px #ddd solid;
    padding-top: 28px;
    margin-top: 28px; }
    .lightbox-white .mfp-content > div .actions-footer h5, .lightbox-grey .mfp-content > div .actions-footer h5 {
      margin-bottom: 0; }
  .lightbox-white .mfp-content > div .arrow-list, .lightbox-grey .mfp-content > div .arrow-list {
    margin-bottom: 15px; }

.lightbox-white.mfp-wrap, .mfp-wrap.lightbox-grey {
  z-index: 999; }

.lightbox-white.mfp-bg, .mfp-bg.lightbox-grey {
  z-index: 998;
  background: none; }

.lightbox-white .bordered-checkbox-list > .checkbox, .lightbox-grey .bordered-checkbox-list > .checkbox {
  border-bottom: 1px #ddd solid;
  margin-bottom: 15px;
  padding-bottom: 15px; }
  .lightbox-white .bordered-checkbox-list > .checkbox:first-child, .lightbox-grey .bordered-checkbox-list > .checkbox:first-child {
    margin-top: 15px;
    padding-top: 15px; }
  .lightbox-white .bordered-checkbox-list > .checkbox:last-child, .lightbox-grey .bordered-checkbox-list > .checkbox:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  .lightbox-white .bordered-checkbox-list > .checkbox > label, .lightbox-grey .bordered-checkbox-list > .checkbox > label {
    font-family: WiloPlusFMBold;
    color: #777777; }
    .lightbox-white .bordered-checkbox-list > .checkbox > label .suffix, .lightbox-grey .bordered-checkbox-list > .checkbox > label .suffix {
      font-family: NotoSansRegular; }

.lightbox-grey .mfp-content > div {
  background: #363640;
  color: white;
  border-color: #777978; }
  .lightbox-grey .mfp-content > div .actions-footer {
    border-color: #78797e; }
  .lightbox-grey .mfp-content > div button.mfp-close {
    opacity: 1;
    color: #ffffff; }
  .video-link > .wilo-icons {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #009c82;
    transition: all 1s;
    text-align: center;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .video-link > .wilo-icons::before {
      font-size: 48px;
      position: relative;
      top: calc(50% - 24px); }

.mfp-modal-video {
  background: #ffffff none repeat scroll 0 0;
  margin: 10px auto;
  max-width: 80%;
  padding: 20px 30px;
  position: relative;
  text-align: center;
  float: none; }
  .mfp-modal-video video {
    width: 100%;
    max-width: 100%; }

.btn-default.wilo-yellow, a.wilo-yellow.wilo-explore-button {
  color: #ffffff;
  background-color: #ffb200;
  border: 0 solid #ffb200 !important;
  padding: 10px; }
  .btn-default.wilo-yellow:hover, a.wilo-yellow.wilo-explore-button:hover {
    color: #ffffff;
    background-color: #E6A000; }

.btn-default.wilo-dark-blue, a.wilo-dark-blue.wilo-explore-button, .btn.btn-default.wilo-dark-blue, a.wilo-dark-blue.wilo-explore-button {
  color: #ffffff;
  background-color: #363640;
  border: 0 solid #363640 !important; }
  .btn-default.wilo-dark-blue:hover, a.wilo-dark-blue.wilo-explore-button:hover, .btn.btn-default.wilo-dark-blue:hover, a.wilo-dark-blue.wilo-explore-button:hover {
    background-color: #009c82;
    border: 0 solid #009a8b !important; }

.btn-default.wilo-green, a.wilo-green.wilo-explore-button {
  color: #ffffff;
  background-color: #009c82;
  border: 0 solid #009c82 !important; }
  .btn-default.wilo-green:hover, a.wilo-green.wilo-explore-button:hover {
    background-color: #363640;
    border: 0 solid #363640 !important; }

.wilo-green-text {
  color: #009a8b; }

.wilo-yellow-text {
  color: #ffb200; }

.wilo-dark-blue-text {
  color: #363640; }

.wilo-red-text {
  color: #f24100; }

#language_switcher {
  display: none; }
    #language_switcher .container .icon-search {
      position: absolute;
      right: 15px;
      bottom: 10px;
      font-size: 20px;
      cursor: pointer;
      color: #009c82; }
    #language_switcher .container .search-input {
      background-color: #ffffff;
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid #dddddd;
      box-shadow: none;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      #language_switcher .container .search-input:hover, #language_switcher .container .search-input:active, #language_switcher .container .search-input:focus {
        border-color: #009c82; }

@media (max-width: 991px) {
  #language_switcher {
    display: block; } }

#language_switcher:active {
  color: #363640; }

@media (max-width: 991px) {
  .language-switcher .wilo-icon {
    transition: all 0.3s ease-in-out; }
    .language-switcher .wilo-icon.rotateQuarter {
      transform: rotate(-90deg); }
  .language-switcher .current-language {
    font-size: 20px;
    font-family: NotoSansBold; }
  .language-switcher .language-list {
    display: none;
    list-style-type: none;
    padding-left: 24px; }
    .language-switcher .language-list li {
      font-size: 20px; }
      .language-switcher .language-list li a {
        color: #009c82;
        font-family: NotoSansBold; } }

.super-navigation {
  margin-left: auto; }
  .super-navigation .language-switcher .language-list {
    display: none;
    position: absolute;
    top: 22px;
    z-index: 103;
    padding: 0;
    background-color: #009c82;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35); }
    .super-navigation .language-switcher .language-list li {
      display: block;
      padding: 5px 7px;
      cursor: pointer;
      transition: all 0.2s ease-in-out; }
      .super-navigation .language-switcher .language-list li:hover {
        background-color: #363640; }
  .super-navigation .language-switcher .current-language:after {
    font-family: 'wilo-icons';
    content: '\e901';
    margin-left: 5px;
    font-size: 8px; }

.quicklinks-wrapper .quicklinks-inner-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .quicklinks-wrapper .quicklinks-inner-wrapper .mega-menu-teaser {
    width: 300px;
    background-color: #f1f1f1;
    margin-bottom: 15px; }
    @media (max-width: 991px) {
      .quicklinks-wrapper .quicklinks-inner-wrapper .mega-menu-teaser {
        display: none; } }
    .quicklinks-wrapper .quicklinks-inner-wrapper .mega-menu-teaser .mega-menu-teaser-img {
      width: auto;
      height: auto; }

.main-navigation {
  display: flex;
  flex-wrap: wrap; }

.wilo-icon.icon-logo:before, .wilo-icon.icon-close:before {
  color: #ffffff; }

.navigation-wrapper {
  width: 100%; }

nav.navbar {
  margin: 0;
  border: 0;
  z-index: 1000;
  background-color: #009c82;
  border-radius: 0; }

nav a,
nav a:active,
nav a:focus {
  color: #ffffff;
  text-decoration: none; }

nav a:hover,
.super-navigation-item:hover {
  color: #ffffff; }

nav a.active {
  color: #ffffff; }

.nav-element {
  margin: 0px;
  padding: 0 12px 20px; }
  @media (max-width: 1199px) {
    .nav-element {
      padding: 0 12px 20px 12px; } }
  .nav-element:first-child {
    padding-left: 0; }
  .nav-element:last-child {
    padding: 0 0 20px 12px; }
  .nav-element.is-active .nav-level1-element-text a {
    color: #00493d; }
  @media (min-width: 992px) {
    .nav-element:first-child.is-active:after {
      left: calc(50% - 14px); }
    .nav-element:last-child.is-active:after {
      left: calc(50% - 4px); }
    .nav-element.is-active:after {
      position: absolute;
      bottom: -9px;
      left: calc(50% - 9px);
      width: 18px;
      content: '';
      border-top: 9px solid #009c82;
      border-right: 9px solid transparent;
      border-left: 9px solid transparent; } }

.nav-level1-element-text a {
  font-family: NotoSansBold;
  transition: none; }

.sub-menu-inner > ul > li > ul > li:last-child:not(.divider) {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
  padding-bottom: 10px; }

.navbar-slogan {
  position: relative;
    top: 27px;
    line-height: 1;
    float: right;
    font-size: 24px;
  /* font-size: calculateRem($size); */
  font-family: NotoSansBold;
  color: #ffffff;
  margin-top: 20px;
  min-height: 24px; }

.super-navigation {
  margin-top: 25px;
  float: right;
  width: auto;
  position: relative; }

.super-navigation-item {
  font-size: 14px;
  /* font-size: calculateRem($size); */
  margin-left: 15px;
  font-family: NotoSansRegular;
  color: #ffffff; }

.nav-level1-element-text span,
.sub-menu-title span {
  font-size: 14px;
  /* font-size: calculateRem($size); */
  margin-right: 20px; }

.sub-menu-title {
  cursor: pointer; }

.nav-level1-element-text span {
  display: none; }

#mobile-menu {
  display: flex;
  align-items: flex-end;
  position: relative;
  pointer-events: none; }
  #mobile-menu * {
    pointer-events: auto; }
  @media (max-width: 991px) {
    #mobile-menu {
      width: auto;
      padding: 0; } }

#storage-nav {
  margin: 25px 0 0 auto;
  padding: 0 0 20px 15px;
  transition: transform 0.5s; }
  #storage-nav li {
   /* border-left: 1px solid #fff;*/
    display: inline-block;
    padding: 5px 15px 0;
    font-size: 24px;
    flex-grow: 1;
    text-align: center; }
    #storage-nav li:first-child {
      border-left: 0;
      padding-left: 0; }
    #storage-nav li a {
      transition: none; }
      #storage-nav li a p {
        margin: 0;
        display: none; }
        @media (min-width: 768px) and (max-width: 991px) {
          #storage-nav li a p {
            display: block;
            margin-left: 15px; } }
      #storage-nav li a .nav-badge-wrapper {
        position: relative; }
      #storage-nav li a .nav-badge {
        width: 16px;
        line-height: 100%;
        position: absolute;
        top: -10px;
        z-index: 100;
        right: -7px; }
      #storage-nav li a .nav-badge-inner {
        width: 100%;
        height: 0;
        display: flex;
        justify-content: center;
        padding-bottom: 100%;
        font-size: 9px;
        border-radius: 50%;
        box-shadow: -2px 2px 2px #009c82;
        overflow: hidden;
        font-family: NotoSansBold;
        background: #ffffff;
        color: #000; }
        @media (max-width: 991px) {
          #storage-nav li a .nav-badge-inner {
            box-shadow: none;
            background-color: #009c82;
            color: #fff; } }
  @media (max-width: 991px) {
    #storage-nav {
      width: 100vw;
      background-color: #f1f1f1;
      padding: 0;
      margin: 0;
      display: flex; }
      #storage-nav li {
        margin: 0;
        padding: 0;
        height: 50px;
        border: 0;
        padding: 5px 0; }
        #storage-nav li:first-child {
          margin: 0; }
          #storage-nav li:first-child a {
            border: 0; }
        #storage-nav li a {
          border-left: 0px solid #ccc;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
        #storage-nav li a,
        #storage-nav li a span:before {
          color: #555; } }

#storage-nav .logout-storagenav {
  display: none; }
  @media (max-width: 991px) {
    #storage-nav .logout-storagenav {
      display: block; } }

.brand-header {
  margin-right: 35px;
  line-height: 0;
  margin-top: 50px;
  float: left;
  width: auto;
  transition: transform 0.5s;
  font-size: 57px;
  /* font-size: calculateRem($size); */
  color: #ffffff; }
  @media (min-width: 992px) {
    .brand-header {
      min-width: 100px; } }
  .brand-header .brand-logo-header {
    width: auto; }
    @media (max-width: 991px) {
      .brand-header .brand-logo-header {
        width: 80px;
        margin-top: -5px; } }
  .brand-header:hover {
    color: #ffffff; }
  .brand-header span {
    color: #ffffff; }

.hamburger-box .hamburger-inner,
.hamburger-box .hamburger-inner::before,
.hamburger-box .hamburger-inner::after {
  height: 3px; }

.hamburger-box .hamburger-inner::before {
  top: -10px; }

.hamburger-box .hamburger-inner::after {
  bottom: -10px; }

li#nav-mywilo {
  position: relative;
  border: 0;
  padding: 0;
  margin-right: 10px; }

.nav-mywilo-overview {
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f1f1f1;
  width: 130px;
  padding: 20px 0 10px 0;
  display: none; }
  .nav-mywilo-overview a {
    display: block;
    padding-bottom: 10px;
    color: #333333; }
    .nav-mywilo-overview a:hover {
      color: #009c82; }
    .nav-mywilo-overview a:focus {
      color: #009c82; }
    .nav-mywilo-overview a:active {
      color: #009c82; }

.nav-mywilo-overview::before {
  width: 18px;
  content: '';
  border-bottom: 9px solid #f1f1f1;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10; }

.main-navigation .nav__search-wrapper {
  position: relative; }

.main-navigation .nav__search {
  margin-right: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  -webkit-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  z-index: 100; }

.main-navigation .nav__search--hidden {
  width: 0;
  display: block; }

.main-navigation .nav__search-icon {
  bottom: 40px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  position: absolute;
  right: 15px;
  display: none; }

.main-navigation .nav__search-input {
  background-color: #009c82;
  border: 0;
  border-bottom: 1px solid #fff;
  box-shadow: none;
  color: #fff;
  margin-bottom: 25px;
  padding-right: 50px;
  height: auto; }
  .main-navigation .nav__search-input:hover, .main-navigation .nav__search-input:active, .main-navigation .nav__search-input:focus {
    border: 0;
    border-bottom: 1px solid #fff; }

.main-navigation .nav__search-form {
  overflow: hidden; }

@media (min-width: 992px) {
  #nav-searchbar a {
    position: relative;
    z-index: 102; }
  .searchbar-results-wrapper,
  .quicklinks-wrapper {
    top: -25px; }
  .nav__search-form {
    padding-top: 15px;
    background-color: #009c82; }
  .nav__search-input::-webkit-input-placeholder {
    color: #fff; }
  .nav__search-input::-moz-placeholder {
    color: #fff; }
  .nav__search-input:-ms-input-placeholder {
    color: #fff; }
  .nav__search-input:-moz-placeholder {
    color: #fff; }
  .nav__search {
    max-width: calc(100% - 30px); } }

@media (max-width: 991px) {
  .main-navigation .nav__search-wrapper {
    position: static; }
  .main-navigation .nav__search {
    bottom: -93px;
    width: 100%;
    left: 0;
    padding: 30px 15px;
    background-color: #fff;
    overflow: visible; }
  .main-navigation .nav__search--hidden {
    display: none; }
  .main-navigation .nav__search-input {
    margin: 0;
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
    color: #009c82; }
    .main-navigation .nav__search-input:hover, .main-navigation .nav__search-input:active, .main-navigation .nav__search-input:focus {
      border-top: none;
      border-left: none;
      border-right: none;
      border-color: #009c82; }
  .main-navigation .nav__search-icon {
    display: block;
    color: #009c82; } }

.search-form {
  position: relative;
  margin-bottom: 30px; }
  .search-form.searchbar-flyout {
    width: 100%;
    position: absolute;
    bottom: -98px;
    left: 0;
    background-color: #ffffff;
    padding: 30px 0;
    display: none;
    margin: inherit; }
  .search-form .search-input {
    background-color: #ffffff;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #dddddd;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .search-form .search-input:hover, .search-form .search-input:active, .search-form .search-input:focus {
      border-top: none;
      border-left: none;
      border-right: none;
      border-color: #009c82; }
  .search-form > .container {
    position: relative; }
  .search-form span.wilo-icon.icon-search {
    position: absolute;
    right: 15px;
    bottom: 10px;
    font-size: 20px;
    cursor: pointer;
    color: #009c82; }
  .search-form form {
    margin-bottom: 0; }

/* ===============
    Searchbar
    =============== */

.searchbar-result {
  overflow: auto; }

.searchbar-content {
  position: relative; }

.searchbar-results-wrapper,
.quicklinks-wrapper {
  padding-top: 10px;
  display: none;
  flex-direction: column;
  width: 100%;
  overflow: auto;
  background-color: #ffffff;
  color: #787878;
  position: absolute;
  z-index: 1000;
  padding: 15px 15px 5px 15px; }

.searchbar-results-wrapper p {
  font-family: NotoSansRegular; }

.searchbar-result-title {
  float: left; }

.searchbar-result-items {
  float: right; }

.searchbar-quicklinks-title {
  margin-bottom: 5px;
  font-size: 16px;
  /* font-size: calculateRem($size); */
  color: #000000; }

.quicklinks {
  list-style: none;
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
  list-style-type: none;
  margin: 0;
  padding: 0; }

.quicklink {
  color: #666;
  transition: color 0.2s ease-in-out;
  margin-bottom: 10px;
  display: block; }
  .quicklink:hover {
    color: #009c82; }

.sub-menu {
  display: none; }
  @media (max-width: 991px) {
    .sub-menu {
      display: block; }
      .sub-menu > .mega-dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
        height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        width: 340px !important;
        display: block; } }

.sub-menu-inner ul {
  list-style: none;
  padding: 0; }

.mega-dropdown-menu.row {
  border-radius: 0;
  background-color: #f1f1f1;
  display: block;
  border: 0;
  margin: 0;
  padding: 30px 0;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.4) 0 3px 6px 0; }

.mega-dropdown-menu-arrow {
  width: 18px;
  content: "";
  border-bottom: 9px solid #f1f1f1;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  position: absolute;
  bottom: 0;
  left: 500px;
  z-index: 10; }

.sub-menu-link {
  list-style: none;
  font-family: NotoSansRegular;
  color: #505050;
  font-size: 16px;
  /* font-size: calculateRem($size); */
  line-height: 1.3;
  display: block;
  padding: 5px 0;
  clear: both;
  white-space: normal; }

.sub-menu-title {
  display: none; }

.sub-menu-link:hover:before {
  font-family: 'wilo-icons';
  content: "\e903";
  margin-left: -17px;
  font-size: 12px;
  /* font-size: calculateRem($size); */
  padding-right: 5px;
  padding-top: 2px;
  position: absolute; }

.sub-menu-link:hover,
.sub-menu-link:before:hover {
  display: block; }

.mega-dropdown-menu a:hover {
  color: #009c82; }

.mega-dropdown-menu a:active,
.mega-dropdown-menu a:focus {
  color: #009c82;
  text-decoration: none; }

.container .mega-dropdown-menu .dropdown-header, .container .mega-dropdown-menu .dropdown-header a {
  font-family: NotoSansBold;
  color: #505050;
  font-size: 18px;
  /* font-size: calculateRem($size); */
  padding: 0 0;
  white-space: normal; }

.container .mega-dropdown-menu .dropdown-header a:hover {
  color: #009c82; }

.mega-menu-teaser {
  max-width: 385px;
  background-color: #ffffff; }
  .mega-menu-teaser p {
    max-width: 90%;
    margin: 0;
    color: #787878;
    font-size: 15px;
    /* font-size: calculateRem($size); */
    font-family: NotoSansRegular; }
    .mega-menu-teaser p.mega-menu-teaser-title {
      max-width: none;
      margin-bottom: 10px;
      font-family: NotoSansBold;
      color: #363640;
      font-size: 16px;
      /* font-size: calculateRem($size); */ }

.mega-menu-teaser-img {
  height: 115px; }

.mega-menu-teaser-text-area {
  position: relative;
  padding: 18px;
  height: auto; }

.mega-menu-teaser-arrow {
  font-size: 28px;
  position: absolute;
  bottom: 20px;
  right: 10px;
  color: #bcbcbc; }
  .mega-menu-teaser-arrow:hover {
    color: #bcbcbc; }

.stage-header {
  position: relative; }
  @media (max-width: 767px) {
    .stage-header .container {
      padding: 0; } }
  .stage-header .stage-images {
    margin-bottom: 0; }
    .stage-header .stage-images .slick-track {
      display: flex; }
      .stage-header .stage-images .slick-track .stage-image {
        display: flex; }
    @media (max-width: 991px) {
      .stage-header .stage-images .slider-arrow {
        top: 180px; } }
    @media (max-width: 767px) {
      .stage-header .stage-images .slider-arrow {
        top: 25vw; } }
    .stage-header .stage-images .stage-image {
      position: relative;
      flex-direction: column;
      display: none; }
      .stage-header .stage-images .stage-image:first-child {
        display: flex; }
      .stage-header .stage-images .stage-image > img {
        height: 570px; }
        @media (max-width: 1200px) {
          .stage-header .stage-images .stage-image > img {
            height: 470px; } }
        @media (max-width: 991px) {
          .stage-header .stage-images .stage-image > img {
            height: 360px; } }
        @media (max-width: 767px) {
          .stage-header .stage-images .stage-image > img {
            flex-shrink: 0;
            height: unset; } }
      @media (max-width: 767px) {
        .stage-header .stage-images .stage-image {
          background-color: #363640; } }
      .stage-header .stage-images .stage-image.slick-slide .inner-content {
        display: flex; }
      .stage-header .stage-images .stage-image .inner-content {
        display: none;
        position: absolute;
        bottom: 55px;
        left: 55px;
        max-width: 60%; }
        @media (max-width: 991px) {
          .stage-header .stage-images .stage-image .inner-content {
            position: static;
            max-width: 100%; } }
        .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper {
          padding: 30px;
          background-color: #363640;
          opacity: 0.95;
          min-height: 200px;
          flex-grow: 2; }
          @media (max-width: 991px) {
            .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper {
              opacity: 1; } }
          .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper.inverted {
            background-color: #ffffff; }
            .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper.inverted h1 {
              color: #363640; }
            .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper.inverted p {
              color: #505050; }
            @media (max-width: 991px) {
              .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper.inverted {
                background-color: #363640; }
                .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper.inverted h1 {
                  color: #ffffff; }
                .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper.inverted p {
                  color: #bcbcbc; }
                .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper.inverted .wilo-btn {
                  background-color: #ffffff;
                  color: #363640; } }
          .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper.no-image {
            width: 100%; }
          @media (max-width: 991px) {
            .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper {
              max-width: none;
              margin-right: 0; } }
          .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper h1,
          .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper h2 {
            color: #ffffff;
            font-family: NotoSansBold;
            font-size: 24px;
            /* font-size: calculateRem($size); */
            margin: 0;
            margin-bottom: 15px; }
          .stage-header .stage-images .stage-image .inner-content .stage-content-text-wrapper p {
            color: #bcbcbc;
            font-size: 16px;
            /* font-size: calculateRem($size); */
            margin-bottom: 15px; }
        .stage-header .stage-images .stage-image .inner-content .stage-content-image-wrapper {
          background-color: #ffffff;
          opacity: 0.95;
          padding: 30px;
          display: flex;
          flex-grow: 1; }
          @media (max-width: 991px) {
            .stage-header .stage-images .stage-image .inner-content .stage-content-image-wrapper {
              width: 30%;
              opacity: 1;
              background-color: #363640; } }
          @media (max-width: 767px) {
            .stage-header .stage-images .stage-image .inner-content .stage-content-image-wrapper {
              max-width: none;
              position: absolute;
              bottom: 50%;
              right: 50%;
              height: auto;
              float: none;
              transform: translateX(50%); } }
          @media (max-width: 479px) {
            .stage-header .stage-images .stage-image .inner-content .stage-content-image-wrapper {
              display: none; } }
          .stage-header .stage-images .stage-image .inner-content .stage-content-image-wrapper .stage-content-image {
            margin: auto;
            max-width: 140px;
            max-height: 140px; }
            @media (max-width: 991px) {
              .stage-header .stage-images .stage-image .inner-content .stage-content-image-wrapper .stage-content-image {
                background-color: #ffffff;
                padding: 15px;
                float: right; } }
      .stage-header .stage-images .stage-image:first-child .inner-content {
        display: flex; }
  .stage-header .stage-page {
    height: auto;
    position: static;
    background-size: cover;
    background-position: center center; }
    .stage-header .stage-page .stage-content-container {
      position: relative;
      height: 430px; }
      @media (max-width: 767px) {
        .stage-header .stage-page .stage-content-container {
          padding: 0;
          height: calc(50vh - 100px);
          min-height: 250px;
          max-height: 400px; } }
      .stage-header .stage-page .stage-content-container .stage-content-sub {
        position: absolute;
        bottom: 50px;
        height: auto;
        width: 100%; }
        @media (max-width: 767px) {
          .stage-header .stage-page .stage-content-container .stage-content-sub {
            bottom: 0; } }
        .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-text-wrapper {
          padding: 30px;
          background-color: #363640;
          float: left;
          margin-right: 0;
          height: 100%;
          opacity: 0.95; }
          .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-text-wrapper.inverted {
            opacity: 0.94;
            background-color: #ffffff; }
            .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-text-wrapper.inverted h1,
            .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-text-wrapper.inverted h2 {
              color: #363640; }
            .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-text-wrapper.inverted p {
              color: #505050; }
          @media (max-width: 767px) {
            .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-text-wrapper {
              max-width: none;
              width: 100%;
              position: static;
              bottom: 0;
              left: 0;
              margin: 0;
              height: auto; } }
          @media (max-width: 479px) {
            .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-text-wrapper {
              width: 100%;
              height: auto; } }
          .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-text-wrapper h1,
          .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-text-wrapper h2 {
            color: #ffffff;
            margin: 0; }
          .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-text-wrapper p {
            color: #bcbcbc;
            font-size: 14px;
            /* font-size: calculateRem($size); */
            margin-bottom: 15px; }
        .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-image-wrapper {
          float: left;
          background-color: #ffffff;
          height: 100%;
          padding: 30px;
          position: relative; }
          @media (max-width: 767px) {
            .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-image-wrapper {
              max-width: none;
              width: 30%;
              position: absolute;
              bottom: 50%;
              right: 50%;
              height: auto;
              float: none;
              transform: translate(50%, -90%); } }
          @media (max-width: 600px) {
            .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-image-wrapper {
              display: none; } }
          .stage-header .stage-page .stage-content-container .stage-content-sub .stage-content-image-wrapper .stage-content-image {
            max-width: 140px;
            max-height: 140px; }
  .stage-header.subpage .stage-page .stage-content-container .stage-content {
    height: auto; }
    .stage-header.subpage .stage-page .stage-content-container .stage-content .stage-content-text-wrapper {
      padding: 20px; }
      .stage-header.subpage .stage-page .stage-content-container .stage-content .stage-content-text-wrapper h1,
      .stage-header.subpage .stage-page .stage-content-container .stage-content .stage-content-text-wrapper h2 {
        margin-bottom: 0; }
  .stage-header .slick-dots {
    bottom: 10px; }
    @media (max-width: 991px) {
      .stage-header .slick-dots {
        bottom: 0;
        margin: 15px 0; } }
    @media (max-width: 767px) {
      .stage-header .slick-dots {
        position: static; } }
    .stage-header .slick-dots li button:before {
      font-size: 10px;
      color: #ffffff;
      opacity: 0.5; }
      @media (max-width: 991px) {
        .stage-header .slick-dots li button:before {
          color: #aaaaad; } }
    .stage-header .slick-dots li.slick-active button:before {
      color: #009c82;
      opacity: 1; }

.slick-slide {
  height: auto; }

.stage-content .slick-list > .slick-track {
  display: flex; }

div.dashboard-header {
  margin-top: 190px;
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  display: table; }
  div.dashboard-header.dashboard-header {
    height: 33vh; }
    @media (max-width: 767px) {
      div.dashboard-header.dashboard-header {
        height: 40vh; } }
  @media (max-width: 991px) {
    div.dashboard-header {
      margin-top: 0; } }
  div.dashboard-header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.3);*/
    z-index: 1; }
  div.dashboard-header .bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position-y: center;
    z-index: 9; }
  div.dashboard-header .profile-photo-wrapper {
    border: 2px solid #ffffff;
    border-radius: 50%;
    overflow: hidden;
    display: inline-table;
    margin: 0 5px;
    height: 40px;
    width: 40px; }

.image-text-wrapper.profile-header .image-text {
  padding: 20px;
  font-family: NotoSansBold; }

.profile-name {
  font-family: NotoSansBold;
  color: #bcbcbc;
  margin-right: 20px; }

.content {
  background-color: #ffffff;
  /*margin-top: 100vh;*/
  /*margin-top: 630px; */ }

.image-text-wrapper {
  padding: 30px 25px;
  color: #ffffff;
  position: relative;
  height: 550px; }
  .image-text-wrapper.profile-header {
    padding: 0; }
  .image-text-wrapper .image-text {
    padding: 20px 15px;
    background-color: #363640;
    color: #ffffff;
    font-size: 18px;
    /* font-size: calculateRem($size); */
    position: absolute;
    bottom: 50px; }
    .image-text-wrapper .image-text.dashboard-image-text {
      bottom: auto;
      top: 20vh;
      line-height: 36px; }

body.frontofpage .content {
  background-color: transparent; }

.promo-highlight-teaser {
  background: transparent;
  height: 70vh;
  position: relative;
  z-index: 5;
  width: 100%; }
  @media (max-width: 991px) {
    .promo-highlight-teaser {
      height: 50vh; } }
  .promo-highlight-teaser .promo-highlight-link {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999; }
    .promo-highlight-teaser .promo-highlight-link .promo-highlight-back {
      position: fixed !important;
      top: 50%;
      right: 0;
      bottom: 0;
      left: 0;
      transform: translateY(-50%);
      width: 72.5%;
      margin: 0 auto; }
      @media (min-width: 1200px) {
        .promo-highlight-teaser .promo-highlight-link .promo-highlight-back {
          width: 75%; } }
      @media all and (min-width: 1500px) {
        .promo-highlight-teaser .promo-highlight-link .promo-highlight-back {
          width: 50%; } }
      @media all and (min-width: 2200px) {
        .promo-highlight-teaser .promo-highlight-link .promo-highlight-back {
          width: 40%; } }

.stage-content-divider {
  display: block;
  background-color: white;
  height: 50px;
  width: 100%;
  z-index: 9;
  position: relative; }

.slider-arrow {
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 20px;
  /* font-size: calculateRem($size); */
  z-index: 9; }
  .slider-arrow.arrow-left {
    left: 0; }
  .slider-arrow.arrow-right {
    right: 0; }

.slider-description {
  float: right;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end; }
  .slider-description .wilo-btn, .slider-description .mwf-upload-delete, .slider-description .mwf-upload-upload {
    width: 100%;
    margin-bottom: 5px; }
    .slider-description .wilo-btn:last-child, .slider-description .mwf-upload-delete:last-child, .slider-description .mwf-upload-upload:last-child {
      margin-bottom: 0; }
    @media (max-width: 767px) {
      .slider-description .wilo-btn, .slider-description .mwf-upload-delete, .slider-description .mwf-upload-upload {
        min-width: 135px; } }
    @media (max-width: 991px) {
      .slider-description .wilo-btn, .slider-description .mwf-upload-delete, .slider-description .mwf-upload-upload {
        width: 100%; } }
  .slider-description span {
    width: 100%;
    display: block; }
  .slider-description .subline {
    color: #787878;
    margin-bottom: 20px; }

.product-slider-section .slider-arrow {
  opacity: 0.4; }

.product-slider-section .buy-online {
  position: absolute;
  bottom: 15px;
  background-color: #ffbb00;
  padding: 7px 10px;
  font-size: 14px;
  color: #363640;
  font-family: NotoSansBold;
  line-height: 1; }
  .product-slider-section .buy-online:after {
    content: " ";
    position: absolute;
    top: 0;
    right: -8px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 8px solid #ffbb00;
    z-index: 2; }

.item-slider .slick-track {
  display: flex; }

.item-slider .item-slide {
  display: flex;
  flex-wrap: wrap;
  width: 20%;
  float: left;
  padding: 0 10px;
  height: inherit; }
  .item-slider .item-slide .image-wrapper {
    height: 200px;
    display: flex;
    flex-direction: column; }
    .item-slider .item-slide .image-wrapper img {
      max-height: 200px;
      max-width: 100%;
      height: auto;
      width: auto;
      margin: auto;
      display: block;
      transform: scale(0.85);
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      align-self: center;
      flex-shrink: 0; }
  .item-slider .item-slide:hover .image-wrapper img {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  .item-slider .item-slide:nth-child(n+6) {
    display: none; }
  .item-slider .item-slide.slick-slide:nth-child(n+6) {
    display: flex; }
  @media (max-width: 1200px) {
    .item-slider .item-slide {
      width: 25%; }
      .item-slider .item-slide:nth-child(n+5) {
        display: none; }
      .item-slider .item-slide.slick-slide:nth-child(n+5) {
        display: flex; } }
  @media (max-width: 991px) {
    .item-slider .item-slide {
      width: 33.333%; }
      .item-slider .item-slide:nth-child(n+4) {
        display: none; }
      .item-slider .item-slide.slick-slide:nth-child(n+4) {
        display: flex; } }
  @media (max-width: 768px) {
    .item-slider .item-slide {
      width: 50%;
      padding-left: 35px;
      padding-right: 35px; }
      .item-slider .item-slide:nth-child(n+3) {
        display: none; }
      .item-slider .item-slide.slick-slide:nth-child(n+3) {
        display: flex; } }
  @media (max-width: 480px) {
    .item-slider .item-slide {
      width: 100%; }
      .item-slider .item-slide:nth-child(n+2) {
        display: none; }
      .item-slider .item-slide.slick-slide:nth-child(n+2) {
        display: flex; } }

/* Styles Product slider for cart overview page */
.cart-product-slider {
  color: #363640; }
  .cart-product-slider .slider-product-headline {
    margin-bottom: 5px; }
  .cart-product-slider .wilo-btn {
    margin: 0; }
  .cart-product-slider .price {
    font-family: NotoSansBold;
    font-size: 18px;
    margin-bottom: 15px; }

.side-slider-wrapper {
  z-index: 1029;
  position: fixed;
  width: 630px;
  right: -630px;
  top: 30%; }
  .side-slider-wrapper a.side-slider-chat {
    background: #363640;
    margin-top: 15px;
    height: 50px;
    width: 50px;
    color: #ffffff;
    display: flex;
    transition: 0.5s all ease-in-out;
    transform: translateX(-50px);
    align-items: center;
    justify-content: center; }
    .side-slider-wrapper a.side-slider-chat:hover, .side-slider-wrapper a.side-slider-chat:active, .side-slider-wrapper a.side-slider-chat:focus {
      background: #009c82; }
    .side-slider-wrapper a.side-slider-chat.hideit {
      transform: translateX(5px); }

.side-slider-container {
  transform: translateX(-50px); }
  .side-slider-container.side-slider-container-hidden, .side-slider-container.side-slider-wrapper-hidden {
    transform: translateX(5px); }
  .side-slider-container .icon, .side-slider-container .site-content {
    float: left;
    width: 310px; }
  .side-slider-container .nav-tabs > li a, .side-slider-container .nav-tabs > li a:hover {
    background-color: transparent;
    color: #505050 !important;
    border-bottom: 2px solid transparent;
    padding: 10px 15px; }
  .side-slider-container .nav-tabs > li.active a, .side-slider-container .nav-tabs > li.active a:hover, .side-slider-container .nav-tabs > li.active a:focus {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ffffff; }

.side-slider-container .site-content {
  text-align: left;
  font-size: 14px;
  /* font-size: calculateRem($size); */ }

.side-slider-container .site-content a {
  color: #505050; }
  .side-slider-container .site-content a:hover {
    color: #ffffff; }

.side-slider-container .icon {
  width: 50px; }

.hotline-tab {
  display: none; }

.hotline-tab-active {
  display: block; }

.off-icon {
  margin-left: -50px; }

.hotline-tab-number {
  font-size: 28px;
  /* font-size: calculateRem($size); */
  font-family: NotoSansRegular;
  letter-spacing: 1.1px;
  margin: 15px 0 0; }

.side-slider-title {
  padding: 5px 0 10px;
  font-family: NotoSansBold;
  font-size: 20px;
  /* font-size: calculateRem($size); */
  margin: 0; }

ul.sidenav-list {
  padding-left: 0;
  list-style: none; }
  ul.sidenav-list li:before {
    font-family: 'wilo-icons' !important;
    content: "\e903";
    margin-right: 5px;
    font-weight: 100;
    font-size: 10px; }

.sidenav-open {
  cursor: pointer; }

.side-slider-container {
  z-index: 1029;
  right: -375px;
  top: 30%;
  width: 375px;
  display: flex;
  background-color: #ffb400;
  color: #505050;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 3px 0;
  padding: 10px 0;
  transition: 0.5s transform ease-in-out; }
  .side-slider-container.open {
    transform: translateX(-375px); }

.site-slider span {
  font-size: 18px;
  /* font-size: calculateRem($size); */
  display: block;
  text-align: center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }
  .site-slider span:before {
    color: #505050; }
  .site-slider span.icon-arrow-left, .site-slider span.icon-renewal {
    font-size: 16px; }

.side-slider-container .icon {
  padding: 10px 0; }

span.snt-days {
  min-width: 70px; }

span.snt-days, span.snt-time {
  display: inline-block;
  font-size: 14px;
  /* font-size: calculateRem($size); */
  text-align: left; }

.slider-product-headline {
  font-size: 18px;
  /* font-size: calculateRem($size); */
  line-height: 1; }

@media (min-width: 992px) {
  .footer-section {
    width: 20%; } }

.site-content a strong {
  display: block;
  font-size: 16px;
  margin: 10px 0; }

.toolbar-section {
  background-color: #ffffff;
  font-family: NotoSansBold;
  padding-top: 30px; }
  @media (max-width: 767px) {
    .toolbar-section {
      padding-top: 30px; } }

@media (max-width: 767px) {
  .toolbar .section-divide {
    display: none; } }

.toolbar-row {
  color: #363640; }
  .toolbar-row .searchbar {
    z-index: 999; }
  .toolbar-row > div[class*="col-"] {
    height: 38px;
    position: relative;
    background-color: #ffffff;
    z-index: 9; }
  .toolbar-row > div[class*="searchbar"] {
    z-index: 999;
    padding: 0; }

.toolbar-spacer {
  width: 100%;
  height: 30px;
  background: white;
  position: relative;
  z-index: 9; }

.toolbar-item {
  overflow: hidden;
  font-size: 16px;
  /* font-size: calculateRem($size); */
  font-family: NotoSansBold;
  width: 113px;
  height: 113px;
  background-color: #009c82;
  color: #ffffff;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  position: relative; }
  @media (max-width: 991px) {
    .toolbar-item {
      width: 70%;
      display: inline-block; } }
  @media (max-width: 767px) {
    .toolbar-item {
      display: inline-block; } }

.toolbar-item-text {
  position: absolute;
  bottom: 10px;
  margin-bottom: 0;
  padding: 10px 10px 0 10px;
  width: 100%; }

.toolbar-item .inner {
  font-family: NotoSansBold;
  color: #363640;
  display: block;
  width: 100%;
  height: 59px;
  padding: 5px 10px 10px 10px;
  position: absolute;
  bottom: -59px;
  font-size: 14px;
  /* font-size: calculateRem($size); */ }

.toolbar-text {
  font-size: 18px;
  /* font-size: calculateRem($size); */
  line-height: 34px;
  cursor: pointer;
  font-family: NotoSansBold; }

.toolbar-toggle-icon {
  font-size: 16px;
  /* font-size: calculateRem($size); */
  margin-right: 5px;
  display: inline-block;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }

.toolbar {
  margin-bottom: 30px;
  height: 113px; }
  .toolbar a:hover,
  .toolbar a:focus,
  .toolbar a:link,
  .toolbar a:visited,
  .toolbar a:active {
    color: #ffffff; }
    .toolbar a:hover .toolbar-item,
    .toolbar a:focus .toolbar-item,
    .toolbar a:link .toolbar-item,
    .toolbar a:visited .toolbar-item,
    .toolbar a:active .toolbar-item {
      color: #ffffff; }

.toolbar .section-divide {
  margin-top: 28px !important; }

.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  transition: visibility, opacity 0.3s ease-in-out; }
  .overlay.active {
    visibility: visible;
    opacity: 1; }

.inner-addon .wilo-icon {
  position: absolute;
  padding: 11px;
  pointer-events: auto;
  background-color: #363640;
  color: #ffffff; }
  .inner-addon .wilo-icon.icon-search {
    cursor: pointer; }

.left-addon .wilo-icon {
  left: 0; }

.searchbar-wrapper form {
  margin-bottom: 0; }

.right-addon .wilo-icon {
  right: 0; }

/* ===============
       Wishlist
    =============== */

.news-item p {
  color: #bcbcbc; }

.news-section .publish-information {
  color: #000; }

@media (max-width: 767px) {
  .news-section .news-item {
    margin-bottom: 30px; } }

.news-section .news-item:hover img {
  -webkit-transform: scale(1.15);
  transform: scale(1.15); }

.news-section .news-item img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

@media (max-width: 767px) {
  .news-section .col-sm-4:last-child .news-item {
    margin-bottom: 0; } }

a.news-button.wilo-explore-button, a.teaser-button.wilo-explore-button {
  font-size: 14px;
  /* font-size: calculateRem($size); */ }


a.teaser-button.wilo-explore-button {
  background-color: #363640; }

.wilo-submit {
  text-align: left;
  width: auto; }

.wilo-submit:before {
  font-family: 'wilo-icons';
  content: "\e903";
  margin: 0 5px 0 0;
  font-size: 14px;
  /* font-size: calculateRem($size); */ }

.news-image-container {
  height: 200px;
  overflow: hidden;
  margin-bottom: 15px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .news-image-container {
      height: 120px; } }
  @media (max-width: 767px) {
    .news-image-container {
      height: auto;
      width: 100%; } }

.news-image,
.teaser-image {
  height: auto;
  width: 100%; }

.newsletter-box {
  background-color: #ffb400;
  color: #505050;
  font-size: 20px;
  /* font-size: calculateRem($size); */
  padding: 30px;
  line-height: 28px; }
  .newsletter-box button.btn {
    color: #505050;
    height: 38px; }
  .newsletter-box input, .newsletter-box input:hover {
    color: #505050;
    background-color: #eba500;
    box-shadow: none;
    border: none; }
  .newsletter-box input {
    box-shadow: none !important;
    -webkit-appearance: none;
    height: 38px; }
    .newsletter-box input.input-text {
      font-size: 14px;
      /* font-size: calculateRem($size); */
      line-height: initial;
      min-width: 220px;
      padding: 10px; }
    @media (max-width: 447px) {
      .newsletter-box input {
        margin-bottom: 10px; } }
  .newsletter-box .icon-newsletter {
    font-size: 30px;
    /* font-size: calculateRem($size); */
    margin-right: 15px;
    color: #505050; }
  @media (max-width: 991px) {
    .newsletter-box .newsletter-desc {
      text-align: center; } }
  .newsletter-box .newsletter-form {
    text-align: right; }
    @media (max-width: 991px) {
      .newsletter-box .newsletter-form {
        text-align: center;
        margin-top: 10px; } }

.marginal-page-content .newsletter-box input.input-text {
  min-width: 200px; }

.marginal-page-content .newsletter-box .subtitle {
  display: block; }
  .marginal-page-content .newsletter-box .subtitle .subtitle-divider {
    display: none; }

.marginal-page-content .newsletter-box .icon-newsletter {
  font-size: 40px;
  float: left; }

.marginal-page-content .newsletter-box .newsletter-box-title {
  line-height: 1;
  display: block; }

.marginal-page-content .newsletter-box .newsletter-form {
  margin-top: 5px; }

::-webkit-input-placeholder {
  font-family: NotoSansRegular;
  color: #ffffff;
  font-size: 16px;
  /* font-size: calculateRem($size); */ }

:-moz-placeholder {
  font-family: NotoSansRegular;
  color: #ffffff;
  font-size: 16px;
  /* font-size: calculateRem($size); */ }

::-moz-placeholder {
  font-family: NotoSansRegular;
  color: #ffffff;
  font-size: 16px;
  /* font-size: calculateRem($size); */ }

:-ms-input-placeholder {
  font-family: NotoSansRegular;
  color: #ffffff;
  font-size: 16px;
  /* font-size: calculateRem($size); */ }

.events-item {
  font-family: NotoSansBold;
  margin-bottom: 10px;
  margin-left: 0; }
  .events-item:last-child {
    margin-bottom: 0; }
  .events-item img {
    width: 75px;
    height: 75px;
    float: left;
    margin-right: 15px; }
  .events-item p {
    color: #009a8b;
    font-size: 16px;
    /* font-size: calculateRem($size); */ }

.toolbar-wrapper {
  display: none; }

@media (max-width: 767px) {
  .full-button {
    width: 100%;
    margin-bottom: 5px; } }

.dashboard-tab .dashboard-tab-content-wrapper .btn.wilo-dark-blue, .dashboard-tab .dashboard-tab-content-wrapper a.wilo-dark-blue.wilo-explore-button {
  margin-bottom: 0; }

.icon-teaser {
  width: 100%;
  background-color: #f1f1f1;
  padding: 20px;
  display: block;
  font-size: 40px;
  text-align: center;
  color: #363640; }
  .icon-teaser:before {
    opacity: 0.7; }

.messenger-tab ul li {
  padding: 5px 0; }
  .messenger-tab ul li span {
    font-family: NotoSansBold, Verdana, Arial, Helvetica, sans-serif; }

.mywilo-service-adm-section th,
.mywilo-project-planning-section th {
  font-family: NotoSansBold, Verdana, Arial, Helvetica, sans-serif; }

.mywilo-bonus-section h5 {
  font-family: NotoSansBold, Verdana, Arial, Helvetica, sans-serif; }

.mywilo-bonus-section .bonus-teaser-box {
  background-color: #009c82;
  color: #FFFFFF;
  padding: 20px;
  text-align: center;
  display: block; }
  .mywilo-bonus-section .bonus-teaser-box span {
    font-size: 24px; }
  .mywilo-bonus-section .bonus-teaser-box p {
    font-size: 14px;
    color: #FFFFFF;
    font-family: NotoSansBold, Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 0; }

@media (max-width: 991px) {
  .dashboard-tab-content-wrapper {
    display: none; } }

a.white-button.wilo-explore-button {
  background-color: #ffffff;
  font-size: 14px;
  color: #ffb200; }

.dashboard-tab-content-wrapper {
  color: #787878; }

a.dashboard-tab-button.wilo-explore-button {
  font-size: 14px;
  text-align: left;
  transition: all 0.4s ease-in-out; }

.read-more-button:before {
  font-family: 'wilo-icons';
  content: "\e903";
  margin: 0 5px 0 0;
  font-size: 10px; }

.read-more-button {
  display: block;
  cursor: pointer; }
  .read-more-button:before {
    font-size: 8px; }

@media (max-width: 767px) {
  .mywilo-events-section .dashboard-tab-button {
    margin-top: 10px; } }

.mywilo-chatbox-section .chatbox-header,
.mywilo-chatbox-section .chatbox-textarea {
  resize: none;
  margin-bottom: 15px; }

.mywilo-chatbox-section .chat-box-availiability-text {
  margin: 10px 0 0; }

.mywilo-chatbox-section .chat-box-header {
  color: #000000; }

@media (max-width: 991px) {
  .mywilo-chatbox-section .chat-box-select-wrapper {
    margin-bottom: 10px; }
  .mywilo-chatbox-section .chatbox-header {
    margin-bottom: 0; }
  .mywilo-chatbox-section .chat-box-availiability-text {
    margin-bottom: 10px; } }

.mywilo-event-invitation-section .event-invitation-tab-tile {
  width: 100%;
  background-color: #009a8b;
  height: 200px;
  text-align: center;
  padding: 15px; }
  @media (max-width: 767px) {
    .mywilo-event-invitation-section .event-invitation-tab-tile {
      margin-top: 15px; } }
  .mywilo-event-invitation-section .event-invitation-tab-tile span,
  .mywilo-event-invitation-section .event-invitation-tab-tile a,
  .mywilo-event-invitation-section .event-invitation-tab-tile p {
    color: #ffffff; }
  .mywilo-event-invitation-section .event-invitation-tab-tile .icon-iconticket:before {
    content: "\e91f";
    font-size: 30px; }
  .mywilo-event-invitation-section .event-invitation-tab-tile .invitation-tab-header {
    margin-bottom: 15px; }
  .mywilo-event-invitation-section .event-invitation-tab-tile .invitation-tile-name {
    margin: 15px 0 0 0; }
  .mywilo-event-invitation-section .event-invitation-tab-tile .invitation-tile-date {
    margin-bottom: 0; }

.mywilo-wishlist-section .wish-list-configure-wrapper,
.mywilo-wishlist-section .wish-list-details-wrapper {
  padding-left: 0; }
  @media (max-width: 991px) {
    .mywilo-wishlist-section .wish-list-configure-wrapper,
    .mywilo-wishlist-section .wish-list-details-wrapper {
      padding-left: 15px;
      margin-top: 5px; } }
  .mywilo-wishlist-section .wish-list-configure-wrapper a.btn, .mywilo-wishlist-section .wish-list-configure-wrapper a.wilo-explore-button, .mywilo-wishlist-section .wish-list-details-wrapper a.btn, .mywilo-wishlist-section .wish-list-details-wrapper a.wilo-explore-button {
    width: 100%; }

.mywilo-wishlist-section .wishlist-see-all {
  margin-top: 10px; }

@media (max-width: 991px) {
  .mywilo-wishlist-section .wishlist-button > a {
    width: 100%;
    margin-top: 20px; } }

.mywilo-projekt-administration-section .grey-tabs > li.active > a,
.mywilo-projekt-administration-section .grey-tabs > li.active > a:hover,
.mywilo-projekt-administration-section .grey-tabs > li.active > a:focus {
  background-color: #bcbcbc; }

.mywilo-projekt-administration-section .grey-tabs {
  border-bottom-color: #bcbcbc;
  margin-bottom: 20px; }

.mywilo-projekt-administration-section .grey-tabs > li > a {
  background-color: #c3c3c6; }

.mywilo-projekt-administration-section .grey-tabs > li > a:hover {
  background-color: #bcbcbc; }

.mywilo-projekt-administration-section .projekt-administration-tab-tab-list {
  list-style: none;
  padding-left: 0; }

.mywilo-projekt-administration-section .projekt-administration-tab-tab-list-title {
  margin-bottom: 10px;
  color: #000000; }

.mywilo-projekt-administration-section .projekt-administration-tab-tab-box {
  background-color: #ffb200;
  padding: 10px 15px;
  margin-bottom: 10px; }
  .mywilo-projekt-administration-section .projekt-administration-tab-tab-box p {
    margin-bottom: 5px;
    color: #ffffff; }

.mywilo-projekt-administration-section .white-button {
  margin-top: 5px; }

.mywilo-product-news-section .dashboard-tab-button {
  margin-right: 10px; }
  @media (max-width: 767px) {
    .mywilo-product-news-section .dashboard-tab-button {
      margin-top: 10px; } }

.mywilo-service-administration-section .service-administration-select-wrapper {
  padding-right: 0; }
  @media (max-width: 767px) {
    .mywilo-service-administration-section .service-administration-select-wrapper {
      padding-right: 15px;
      margin-bottom: 10px; } }

.mywilo-campaign-material-section .campaign-material-headline {
  margin-bottom: 30px; }

.mywilo-campaign-material-section .campaign-button {
  margin-top: 30px;
  float: right;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .mywilo-campaign-material-section .campaign-button {
      margin-top: 0; } }

@media (max-width: 767px) {
  .mywilo-campaign-material-section .campaign-image-wrapper {
    margin-bottom: 30px; } }

.mywilo-training-offering-section .dashboard-tab-button {
  margin-right: 10px; }
  @media (max-width: 767px) {
    .mywilo-training-offering-section .dashboard-tab-button {
      margin-top: 10px; } }

.tab-headline,
.event-invitation-tab-event-headline,
.read-more-button,
.text-picutre-tab-text-headline,
.invitation-tile-name {
  font-family: NotoSansBold; }

.tab-headline {
  font-size: 20px;
  position: relative; }
  @media (max-width: 991px) {
    .tab-headline {
      cursor: pointer;
      margin-bottom: 10px; } }

.tab-headline-wrapper {
  position: relative; }

.event-invitation-tab-event-headline,
.text-picutre-tab-text-headline {
  color: #000000;
  margin-bottom: 5px; }

div[class*="mywilo-"] .toggle-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  transition: all 0.5s; }
  div[class*="mywilo-"] .toggle-icon.rotate-centered {
    transform: translateY(-50%) rotate(180deg); }

@media (max-width: 991px) {
  div[class*="mywilo-"]:first-of-type .dashboard-tab-content-wrapper {
    display: block; }
  div[class*="mywilo-"] .toggle-icon {
    display: block; } }

@media (max-width: 767px) {
  .join-wilo-box {
    margin: 30px 0 0; } }

.join-wilo-box a.btn.btn-default:before, .join-wilo-box a.wilo-explore-button:before {
  font-family: 'wilo-icons' !important;
  content: "\e903"; }

#welcome-popup {
  position: relative;
  background: #FFF;
  padding: 30px;
  width: 930px;
  max-width: 100%;
  margin: 20px auto; }
  #welcome-popup .top-modal-info {
    background: #f1f1f1;
    padding: 30px;
    font-size: 18px;
    line-height: 14px;
    color: #363640;
    display: table-cell; }
    #welcome-popup .top-modal-info .wilo-icon {
      vertical-align: middle;
      font-size: 22px;
      margin-right: 15px;
      font-weight: bold; }
    #welcome-popup .top-modal-info span {
      vertical-align: middle;
      margin: 5px 0 0 0;
      display: inline-block; }
  #welcome-popup .modal-video {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer; }
    #welcome-popup .modal-video .welcome-video-player {
      background: #FFFFFF;
      position: relative;
      min-height: 490px;
      color: #009c82; }
      @media (max-width: 767px) {
        #welcome-popup .modal-video .welcome-video-player {
          min-height: 350px; } }
      @media (max-width: 479px) {
        #welcome-popup .modal-video .welcome-video-player {
          min-height: 300px; } }
      #welcome-popup .modal-video .welcome-video-player .video-player-wrap video {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.2;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      #welcome-popup .modal-video .welcome-video-player .video-player-control {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 99;
        pointer-events: none; }
        #welcome-popup .modal-video .welcome-video-player .video-player-control .wilo-icon {
          font-size: 75px;
          margin-bottom: 20px; }
        #welcome-popup .modal-video .welcome-video-player .video-player-control span {
          display: block;
          font-size: 18px;
          font-family: 'NotoSansBold';
          padding-top: 15px; }
  #welcome-popup .modal-text span {
    font-family: 'NotoSansBold';
    font-size: 22px;
    color: #363640; }
  #welcome-popup .modal-text p {
    font-size: 18px;
    color: #787878; }

.video-player-module-wrapper .modal-video {
  padding: 0; }

.modal-video {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer; }
  .modal-video .video-player-module {
    background: #ffffff;
    position: relative;
    color: #009c82; }
    .modal-video .video-player-module .video-player-wrap {
      min-height: 100px; }
      .modal-video .video-player-module .video-player-wrap video,
      .modal-video .video-player-module .video-player-wrap img {
        width: 100%;
        opacity: 0.2;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
    .modal-video .video-player-module .video-player-control {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      z-index: 99;
      pointer-events: none; }
      .modal-video .video-player-module .video-player-control .wilo-icon {
        font-size: 75px;
        margin-bottom: 20px; }
      .modal-video .video-player-module .video-player-control span {
        display: block;
        font-size: 18px;
        font-family: 'NotoSansBold';
        padding-top: 15px; }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0; }

.open-welcome-popup {
  display: none; }

.world-explorer-image {
  max-height: 450px;
  min-height: 250px; }

.explore-it:hover .over-image-text, .explore-it:focus .over-image-text {
  background-color: #009c82;
  color: #ffffff; }

.explore-it:hover, .explore-it:focus, .explore-it:link, .explore-it:visited, .explore-it:active {
  color: #ffffff; }
  .explore-it:hover h4, .explore-it:focus h4, .explore-it:link h4, .explore-it:visited h4, .explore-it:active h4 {
    color: #ffffff; }

.explore-it .over-image-text {
  max-width: 40%;
  position: absolute;
  right: 40px;
  bottom: 40px;
  background-color: #363640;
  padding: 10px 50px 10px 20px;
  color: #aaaaad;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }
  .explore-it .over-image-text h4 {
    color: #ffffff; }
  @media (max-width: 767px) {
    .explore-it .over-image-text {
      max-width: 80%; } }
  .explore-it .over-image-text:after {
    font-family: 'wilo-icons' !important;
    content: "\e903";
    display: inline-block;
    margin-right: 5px;
    font-size: 24px;
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.explorer-image {
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 100%; }
  .explorer-image img {
    vertical-align: middle;
    width: initial;
    display: table-cell; }

.wilo-sf-gs-wrap {
  overflow: hidden;
  position: relative;
  height: 400px; }
  .wilo-sf-gs-wrap .wilo-sf-gs {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media (min-width: 1200px) {
      .wilo-sf-gs-wrap .wilo-sf-gs {
        width: 485px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .wilo-sf-gs-wrap .wilo-sf-gs {
        width: 485px; } }
    .wilo-sf-gs-wrap .wilo-sf-gs .wilo-sf-gs-heading {
      color: #ffffff;
      background-color: #009c82;
      padding: 15px 15px;
      width: 100%;
      font-size: 18px;
      /* font-size: calculateRem($size); */
      margin-bottom: 2px; }
    .wilo-sf-gs-wrap .wilo-sf-gs .wilo-sf-gs-content {
      background-color: #ffffff;
      padding: 15px; }
  .wilo-sf-gs-wrap select {
    min-width: 260px; }
  @media (max-width: 991px) {
    .wilo-sf-gs-wrap .wilo-submit,
    .wilo-sf-gs-wrap .wilo-select {
      width: 100%;
      margin-top: 10px; } }

.world-explorer-section .custom-formgroup .select2-container {
  width: 60% !important;
  margin-right: 5px; }

.world-explorer-section .custom-formgroup .wilo-btn {
  width: calc(40% - 9px); }
  @media (max-width: 991px) {
    .world-explorer-section .custom-formgroup .wilo-btn {
      width: 100%;
      margin-top: 10px; } }

.survey-teaser {
  width: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box; }
  .survey-teaser .survey-wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 200%;
    position: relative;
    display: flex; }
    .survey-teaser .survey-wrapper .survey {
      width: 50%;
      float: left;
      margin-bottom: 0; }
      .survey-teaser .survey-wrapper .survey.first {
        border-right: 1px solid #fff;
        box-sizing: content-box; }
      .survey-teaser .survey-wrapper .survey label {
        padding: 10px 16px;
        width: 100%;
        background-color: #ffb400;
        color: #505050;
        margin-bottom: 2px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer; }
        .survey-teaser .survey-wrapper .survey label span {
          display: none; }
        .survey-teaser .survey-wrapper .survey label:last-child {
          margin-bottom: 0; }
        .survey-teaser .survey-wrapper .survey label.active {
          background-color: #eba500; }
      .survey-teaser .survey-wrapper .survey.ending {
        background-color: #ffb400;
        padding: 20px;
        color: #505050; }
        .survey-teaser .survey-wrapper .survey.ending .wilo-icon {
          color: #505050;
          border-radius: 50%;
          border: 5px solid #505050;
          padding: 25px 15px 15px 15px;
          font-size: 30px;
          height: 80px;
          width: 80px;
          display: block;
          text-align: center;
          margin: 0 auto;
          margin-bottom: 15px; }

.js-selectedSurvey {
  background-color: #eba500; }
  .js-selectedSurvey .wilo-icon {
    display: inline-block;
    float: right; }

.js-second-step {
  transform: translateX(-50%); }

div.survey.first > label > input {
  visibility: hidden;
  display: none; }

div.survey.first label span {
  display: none; }

div.survey.first > label > input:checked + span {
  display: inline-block;
  float: right;
  line-height: 1.42857143;
  font-size: 13px;
  /* font-size: calculateRem($size); */ }

.survey-title {
  margin-bottom: 10px;
  font-family: NotoSansBold;
  font-size: 18px;
  /* font-size: calculateRem($size); */
  display: inline-block; }

.download-items-wrapper.download-section {
  margin-left: -0.25%;
  margin-right: -0.25%;
  margin-bottom: 0; }
  .download-items-wrapper.download-section .slick-dots {
    bottom: 10px; }

@media (max-width: 767px) {
  .slick-initialized .download-item-wrapper {
    padding-left: 35px;
    padding-right: 35px; } }

.download-item-wrapper {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px; }
  .download-item-wrapper > a:hover .wilo-icon,
  .download-item-wrapper a:focus .wilo-icon {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  .download-item-wrapper > a:hover,
  .download-item-wrapper a:focus,
  .download-item-wrapper a:link,
  .download-item-wrapper a:visited,
  .download-item-wrapper a:active {
    color: #000000; }
  @media (min-width: 992px) {
    .download-item-wrapper {
      width: 20%; } }

.slick-initialized .download-item {
  display: table;
  margin-bottom: 0; }

.download-item {
  margin-bottom: 15px;
  padding: 30px;
  background-color: #f1f1f1;
  min-height: 150px;
  width: 100%; }
  @media (max-width: 767px) {
    .download-item {
      max-height: 180px !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .download-item {
      min-height: 220px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .download-item {
      min-height: 200px; } }
  .download-item span {
    width: 100%;
    float: left;
    text-align: center; }
    .download-item span.wilo-icon {
      font-size: 25px;
      /* font-size: calculateRem($size); */
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s; }
  @media (min-width: 992px) {
    .download-item {
      display: table;
      margin-bottom: 0; } }

.slick-initialized .download-item-text {
  position: static;
  transform: translateX(0%); }

.download-item-text {
  display: table-row-group;
  vertical-align: bottom;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%); }
  .download-item-text span {
    color: #787878; }
  @media (min-width: 992px) {
    .download-item-text {
      position: static;
      transform: translateX(0%); } }

.download-text {
  margin: 15px 0 0 0; }

.download-items-wrapper .download-text {
  margin: 15px 0 0 0;
  min-height: 60px; }
  @media (max-width: 767px) {
    .download-items-wrapper .download-text {
      min-height: 0; } }

@media (max-width: 991px) {
  .download-items-wrapper {
    padding-left: 30px;
    padding-right: 30px; } }

@media (max-width: 991px) {
  .download-items-wrapper .download-item-wrapper {
    float: left;
    width: 33.33%; }
    .download-items-wrapper .download-item-wrapper:nth-child(n+4) {
      display: none; }
    .download-items-wrapper .download-item-wrapper.slick-slide:nth-child(n+4) {
      display: block; } }

@media (max-width: 768px) {
  .download-items-wrapper .download-item-wrapper {
    width: 50%; }
    .download-items-wrapper .download-item-wrapper:nth-child(n+3) {
      display: none; }
    .download-items-wrapper .download-item-wrapper.slick-slide:nth-child(n+3) {
      display: block; } }

@media (max-width: 600px) {
  .download-items-wrapper .download-item-wrapper {
    width: 100%; }
    .download-items-wrapper .download-item-wrapper:nth-child(n+2) {
      display: none; }
    .download-items-wrapper .download-item-wrapper.slick-slide:nth-child(n+2) {
      display: block; } }

span.trigger {
  height: auto; }
  span.trigger:before {
    /* TODO */
    font-family: 'wilo-icons' !important;
    content: "\e903";
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    /* font-size: calculateRem($size); */ }

.magazine-download {
  position: relative; }
  .magazine-download,
  .magazine-download .download-tile-module-wrapper,
  .magazine-download .inner-list-items {
    width: 100%; }
  .magazine-download .facts-content h5 {
    margin: 0;
    margin-bottom: 5px; }
  .magazine-download .facts-content ul.arrow-list, .page-module .text-module-wrapper .text-wrapper .magazine-download .facts-content ul {
    line-height: 1; }
  .magazine-download .facts-content h4 {
    margin-top: 0;
    margin-bottom: 10px; }
  .magazine-download .download-tile-module-wrapper .inner-list-items .download-tile-download-wrapper {
    float: right;
    margin: 0;
    padding: 0;
    width: auto !important; }
    .magazine-download .download-tile-module-wrapper .inner-list-items .download-tile-download-wrapper div {
      display: block; }
  @media (min-width: 992px) {
    .magazine-download .col-md-6 {
      width: 75%; } }

.sub-footer ul,
.super-navigation ul {
  list-style: none;
  float: right;
  color: #ffffff; }

.sub-footer ul li {
  font-family: NotoSansBold;
  margin-left: 25px; }
  .sub-footer ul li .section-divide {
    display: none;
    margin: 15px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .sub-footer ul li:first-child {
    margin-left: 0; }
  .sub-footer ul li:last-child .section-divide {
    border: none; }
  @media (max-width: 767px) {
    .sub-footer ul li.mobile-sub-footer-element {
      width: 100%;
      padding: 25px 15px;
      border-top: 1px solid rgba(255, 255, 255, 0.3); }
      .sub-footer ul li.mobile-sub-footer-element:first-child {
        border-top: 0; } }
  @media (max-width: 767px) {
    .sub-footer ul li {
      margin-left: 0px;
      font-size: 18px; }
      .sub-footer ul li .section-divide {
        display: block;
        margin: 15px 0 0 0; }
      .sub-footer ul li a {
        margin-bottom: 15px;
        color: #c3c3c6;
        cursor: pointer;
        font-family: NotoSansBold; } }

.sub-footer ul li,
.super-navigation ul li {
  display: inline-block; }

.sub-footer {
  margin: 40px 0 20px 0;
  align-items: center;
  text-align: center;
  flex-direction: column;
  display: flex; }
  @media (max-width: 767px) {
    .sub-footer {
      margin: 0px; }
      .sub-footer a {
        opacity: 1; } }
  @media (max-width: 767px) {
    .sub-footer {
      margin-top: 30px; } }
  @media (max-width: 1199px) {
    .sub-footer ul:first-child {
      margin-bottom: 30px; } }
  @media (min-width: 1200px) {
    .sub-footer {
      justify-content: center;
      flex-direction: row;
      text-align: left; } }

footer {
  font-family: NotoSansRegular;
  font-size: 14px;
  /* font-size: calculateRem($size); */
  background-color: #363640;
  width: 100%;
  color: #a3a3a6;
  margin-top: 60px; }
  footer ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  footer a {
    color: #c3c3c6;
    opacity: 0.7; }
    footer a:hover, footer a:focus {
      color: #ffffff;
      opacity: 1; }

.frontofpage footer {
  margin-top: 0px; }

.main-footer {
  padding: 55px 0px;
  border-bottom: 1px solid #73737A; }
  @media (max-width: 991px) {
    .main-footer .logo {
      width: 100%;
      align-items: center;
      display: flex;
      flex-direction: column; } }

.footer-icon {
  display: block;
  color: #73737A;
  font-size: 54px; }
  @media (max-width: 991px) {
    .footer-icon {
      font-size: 36px; } }

.footer-section {
  padding-right: 0px; }

.footer-section-header {
  color: #c3c3c6;
  font-family: NotoSansBold;
  cursor: pointer;
  overflow: hidden; }

.footer-links a {
  font-family: NotoSansRegular; }

.footer-links .footer-link {
  padding: 0px;
  margin-top: 2px; }

.akkorden-icon {
  display: none; }

nav {
  -webkit-transition: height 1.3s;
  -moz-transition: height 1.3s;
  -ms-transition: height 1.3s;
  -o-transition: height 1.3s;
  transition: height 1.3s; }

@media (max-width: 1199px) {
  .social-media-footer {
    margin: 0; } }

.social-media-footer .wilo-footer-social-icon {
  height: 30px;
  width: 30px; }
  @media (min-width: 768px) {
    .social-media-footer .wilo-footer-social-icon {
      height: 20px;
      width: 20px; } }

.social-media-footer .social-media-item {
  margin-left: 8px;
  margin-right: 8px; }
  .social-media-footer .social-media-item:last-child {
    margin-left: 8px; }
  @media (min-width: 768px) {
    .social-media-footer .social-media-item {
      margin-left: 2px;
      margin-right: 2px; }
      .social-media-footer .social-media-item:last-child {
        margin-left: 2px; } }
  @media (max-width: 1199px) {
    .social-media-footer .social-media-item:first-child {
      margin-left: 0; } }
  @media (min-width: 1200px) {
    .social-media-footer .social-media-item:first-child {
      margin-left: 50px; } }

.footer__slogan {
  font-size: 18px; }
  @media (max-width: 1199px) {
    .footer__slogan {
      font-size: 16px; } }
  @media (max-width: 991px) {
    .footer__slogan {
      display: none; } }

/*
nav.smaller .navbar-slogan,
nav.smaller .super-navigation {
    display: none;
}*/
/* Media */
.footer-section .section-divide {
  display: none; }

@media (max-width: 991px) {
  .footer-section-header {
    padding: 0 0 15px 0;
    margin: 0; }
  .side-slider-container {
    display: none; }
  .super-navigation {
    display: none !important; }
  .navbar-toggle {
    display: block; }
  .main-nav-header {
    height: 100px;
    padding: 35px 15px; }
  .brand-header {
    margin: 0 0 0 0;
    font-size: 30px; }
  .navbar-toggle {
    margin: 0;
    padding: 0; }
  .main-footer {
    padding: 0;
    margin: 0;
    border-bottom: none; }
  .footer-icon {
    float: left; }
  .footer-sections {
    width: 100%;
    float: left; }
  .footer-section > ul {
    margin-bottom: 15px;
    overflow: auto; }
  .footer-links {
    display: none; }
  .footer-links {
    margin-top: 0; }
    .footer-links li {
      margin-top: 3px;
      padding: 15px 0; }
  .footer-link {
    margin-bottom: 5px; }
  .footer-link:before {
    font-family: 'wilo-icons' !important;
    content: "\e903";
    display: inline-block;
    margin-right: 5px;
    font-size: 12px; }
  .akkorden-icon {
    color: #ffffff;
    font-size: 16px;
    /* font-size: calculateRem($size); */
    display: block;
    float: right;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  .footer-section {
    width: 100%;
    overflow: auto; }
    .footer-section .section-divide {
      display: block;
      margin-bottom: 15px;
      border-top: 1px solid rgba(255, 255, 255, 0.3); }
  footer .mobile-sub-footer-element .section-divide {
    margin: 15px 0 !important; }
  footer > .container {
    padding: 30px 0; }
  .navbar-nav > .nav-element,
  .sub-menu-title {
    float: none;
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #bcbcbc;
    margin-top: 0; }
  .nav-element:last-child {
    border-bottom: none; }
  .navbar-toggle.is-active {
    position: fixed;
    top: 35px;
    right: 15px;
    z-index: 1001; }
    .navbar-toggle.is-active .hamburger-inner,
    .navbar-toggle.is-active .hamburger-inner::before,
    .navbar-toggle.is-active .hamburger-inner::after {
      background-color: #363640; }
  .navbar-nav {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    height: 100%;
    background-color: #f1f1f1;
    margin: 0;
    left: 0;
    width: 100%;
    padding: 50px 15px 30px; }
    .navbar-nav.is-active {
      display: block; }
  nav a:hover {
    color: #009c82; }
  .nav-level1-element-text > a,
  .sub-menu-title {
    transition: none;
    font-size: 20px;
    color: #363640; }
  .nav-level1-element-text span {
    display: inline-block;
    margin-right: 10px; }
  .sub-menu-link,
  .mega-dropdown-menu .container .dropdown-header {
    color: #363640; }
  .mega-dropdown-menu-arrow {
    display: none; }
  .mega-dropdown-menu.row {
    padding: 50px 15px 30px;
    width: 100%;
    height: 100vh;
    overflow: auto;
    box-shadow: none; }
  .sub-menu-container {
    width: 100%; }
  .sub-menu-container > [class*='col-'],
  .sub-menu-inner [class*='col-'] {
    padding-left: 0;
    padding-right: 0; }
  .sub-menu-title {
    display: block;
    padding: 15px 0 15px 0;
    font-family: NotoSansBold; }
  .sub-menu-link:hover:before {
    display: none; }
  .sub-menu {
    top: 0;
    position: fixed;
    z-index: 1000;
    display: none;
    width: 100%;
    right: 0; }
    .sub-menu.is-active {
      display: block; }
    .sub-menu .mobile-container {
      width: 100%;
      padding: 0 20px;
      overflow-x: hidden;
      overflow-y: auto; }
    .sub-menu .sub-menu-inner .dropdown-header {
      color: #fff; } }

@media (max-width: 768px) {
  .main-nav-header {
    width: 100%;
    padding: 35px 15px; }
  .footer-sections {
    margin-top: 25px; }
    .footer-sections .footer-section {
      padding-left: 0; } }

.joy-of-img:hover figure img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15); }

.joy-of-img figure {
  position: relative;
  float: left;
  overflow: hidden;
  background: #ffffff;
  text-align: center;
  cursor: pointer; }
  @media (max-width: 767px) {
    .joy-of-img figure {
      display: inline-block;
      float: none;
      margin: 10px auto;
      width: 100%; } }
  .joy-of-img figure img {
    position: relative;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

.button-module.page-module div:last-child .wilo-btn {
  margin-bottom: 0; }

.button-module.page-module div .wilo-btn {
  margin-bottom: 5px; }

.joy-of-img {
  overflow: hidden; }
  .joy-of-img:hover img {
    transform: scale(1.15); }
  .joy-of-img img {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

.news-overview-headline,
.read-more-button,
.publish-information {
  font-family: NotoSansBold; }

.news-overview-page {
  margin-bottom: 30px; }
  .news-overview-page .tab-title-wrapper {
    margin-top: 15px; }
    .news-overview-page .tab-title-wrapper .tab-title {
      font-size: 18px;
      line-height: 34px;
      cursor: pointer;
      font-family: NotoSansBold;
      color: #363640; }
  .news-overview-page .products-per-page {
    margin-top: 15px; }
    @media screen and (max-width: 1200px) {
      .news-overview-page .products-per-page {
        float: right;
        margin-top: 15px; } }

.news-overview-tabs > li.active > a,
.news-overview-tabs > li.active > a:focus {
  background-color: #bcbcbc; }

.news-overviews {
  padding: 20px 0;
  list-style: none; }

.news-overviews > .news-overview {
  width: 100%;
  min-height: 125px;
  color: #a0a0a0;
  border-bottom: 1px solid #dddddd;
  padding: 30px 0; }
  .news-overviews > .news-overview a.wilo-explore-button {
    margin: 10px 0 0 0; }
  .news-overviews > .news-overview:last-child {
    border-bottom: 0 solid transparent;
    padding-bottom: 15px; }

.news-detail-page-content {
  padding: 15px 0; }

.news-overview-headline {
  font-size: 16px;
  /* font-size: calculateRem($size); */
  color: #787878;
  margin-bottom: 10px; }

.read-more-button {
  margin-bottom: 0; }

.read-more-button {
  color: #787878; }

.read-more-button {
  font-size: 14px;
  border-bottom: 1px solid #dddddd;
  display: inline-block;
  line-height: 1; }

.news-overview-image-wrapper {
  display: inline-block; }

.news-overview-image {
  float: left; }
  @media (max-width: 991px) {
    .news-overview-image {
      margin-bottom: 10px; } }

.grey-button {
  background-color: #787878;
  color: #ffffff; }

.span-button span {
  font-size: 12px;
  margin-right: 5px; }

.blog__filter.blog__filter--active {
  color: #009c82; }

.blog-content h2,
.blog-content h3,
.blog-content .text-module .text-module-wrapper .text-wrapper h3 {
  color: #009c82; }

.blog-content.page-module .blog-headline {
  color: #009c82;
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: 10px; }

.section-title,
.search-section-title,
.alphabetic-filter-content-pump-content-product-name {
  font-family: NotoSansBold; }

.introduction-content {
  color: #787878; }

/* .product-types-filter-wrapper,
.application-segments-wrapper,
.alphabetic-pumps-wrapper {
    display: none;
} */

.introduction-content {
  margin-bottom: 20px; }

.product-highlights-filter {
  padding: 35px 0 10px; }
  @media (max-width: 767px) {
    .product-highlights-filter {
      padding: 5px 0 10px; } }

.pump-finder-view {
  margin-bottom: 30px; }
      .pump-finder-view ul.viewer-choose li.active a {
        opacity: 1; }
        .pump-finder-view ul.viewer-choose li a.active {
          opacity: 1; }
        .pump-finder-view ul.viewer-choose li a span.wilo-icon {
          font-size: 18px;
          margin-right: 5px; }
          @media (max-width: 767px) {
            .pump-finder-view ul.viewer-choose li a span.wilo-icon {
              font-size: 22px; } }

@media (max-width: 767px) {
  .pumpfinder-filter-section select,
  .product-highlights-filter-section select {
    width: 100%;
    margin-bottom: 15px; } }

.ph-tabs-inner {
  margin-top: 35px; }

.product-highlights-filter-section {
  border-bottom: 1px solid #dddddd; }
  .product-highlights-filter-section .introduction-wrapper h2 {
    font-size: 18px;
    margin-bottom: 15px; }
  .product-highlights-filter-section .introduction-wrapper p {
    margin-bottom: 30px;
    color: #787878; }

.help-dropdown-section .form-group a.btn-dark-grey.wilo-explore-button {
  margin-top: 0px; }

@media (max-width: 767px) {
  .help-dropdown-section .select2-container {
    margin-bottom: 10px; } }

.form-inline .help-dropdown-section .form-group a.btn-dark-grey.wilo-explore-button {
  margin-top: 0px; }

.section-title {
  font-size: 18px; }

.filter-section {
  margin: 15px 0 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dddddd; }
  .filter-section .filter-option {
    margin-top: 15px; }

.filter-option filter.title {
  font-size: 18px; }
  @media (max-width: 991px) {
    .filter-option filter.title {
      margin-bottom: 5px; } }

.filter-option select {
  width: 100%; }
  @media (max-width: 991px) {
    .filter-option select {
      margin-bottom: 10px; } }

input.products-per-page-input,
input.filter-per-page-input {
  width: 100%;
  background-color: #eee;
  border-radius: 0px;
  height: 38px;
  text-align: left;
  margin-bottom: 10px;
  font-size: 14px;
  border: none;
  padding: 0px 14px; }
  input.products-per-page-input::-webkit-input-placeholder,
  input.filter-per-page-input::-webkit-input-placeholder {
    color: #787878;
    font-size: 14px;
    /* font-size: calculateRem($size); */
    font-family: NotoSansRegular; }
  input.products-per-page-input:-moz-placeholder,
  input.filter-per-page-input:-moz-placeholder {
    color: #787878;
    font-size: 14px;
    /* font-size: calculateRem($size); */
    font-family: NotoSansRegular; }
  input.products-per-page-input::-moz-placeholder,
  input.filter-per-page-input::-moz-placeholder {
    color: #787878;
    font-size: 14px;
    /* font-size: calculateRem($size); */
    font-family: NotoSansRegular; }
  input.products-per-page-input:-ms-input-placeholder,
  input.filter-per-page-input:-ms-input-placeholder {
    color: #787878;
    font-size: 14px;
    /* font-size: calculateRem($size); */
    font-family: NotoSansRegular; }

.search-section-wrapper .search-section-inner {
  padding: 30px;
  background-color: #f1f1f1; }
  @media (max-width: 767px) {
    .search-section-wrapper .search-section-inner .search-seaction-input {
      margin-bottom: 10px; } }

.search-section-wrapper .search-section-title {
  font-size: 18px; }

.search-section-wrapper select {
  margin-bottom: 5px;
  min-width: 0;
  width: 100%; }

@media (max-width: 767px) {
  .search-section-wrapper button {
    min-width: 100px;
    width: 100%; } }

.introduction-title {
  margin-bottom: 10px;
  display: block; }

.join-my-wilo-box-pump-finder {
  padding-left: 0px; }

.icon-mywilo.join-my-wilo-icon-pump-finder {
  padding: 0px;
  width: auto;
  text-align: left;
  font-size: 42px; }
      .application-segments-wrapper #product-results-list thead th .wilo-icon {
        font-size: 30px;
        float: left;
        margin-right: 6px;
        min-height: 30px; }
  .application-segments-wrapper a.wilo-explore-button {
    width: 100%;
    text-align: center; }

.alphabetic-filter-header {
  margin-bottom: 30px;
  width: 100%; }

.products-per-page {
  float: right; }

@media screen and (max-width: 1200px) {
  .products-per-page,
  .filter-per-page {
    float: left;
    margin-top: 15px; } }

.products-per-page .products-per-page-text,
.filter-per-page .products-per-page-text {
  float: left;
  margin-right: 10px;
  color: #787878;
  margin-bottom: 0px; }

.products-per-page .products-per-page-input,
.products-per-page .filter-per-page-input,
.filter-per-page .products-per-page-input,
.filter-per-page .filter-per-page-input {
  width: 60px;
  text-align: right;
  margin-right: 10px;
  margin-bottom: 0px;
  transform: translateY(-25%); }

.products-per-page .btn, .products-per-page a.wilo-explore-button, .filter-per-page .btn, .filter-per-page a.wilo-explore-button {
  transform: translateY(-25%); }

@media screen and (max-width: 768px) {
  .filter-sorter {
    margin-bottom: 20px; } }

.filter-sorter .styled-form {
  float: left;
  min-width: 200px;
  transform: translateY(-25%); }

@media (max-width: 991px) {
  .filter-per-page .filter-desc {
    margin-bottom: 20px; } }

.filter-per-page .wilo-select {
  transform: translateY(-25%);
  min-width: 200px;
  max-width: 80%; }

@media screen and (max-width: 1200px) {
  .filter-per-page {
    float: none; } }

.dropdown.dropdown-pf span.icon-arrow-bottom {
  position: absolute;
  right: 13px;
  top: 13px; }

.alphabetic-filter-content-pump-wrapper {
  padding: 30px;
  min-height: 238px;
  border: 1px solid #bcbcbc;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0.975);
  -moz-transform: scale(0.975);
  -o-transform: scale(0.975);
  transform: scale(0.975); }
  .alphabetic-filter-content-pump-wrapper:hover {
    border: 1px solid #009c82;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  @media (min-width: 768px) {
    .alphabetic-filter-content-pump-wrapper .pump-content-wrapper {
      min-height: 60px; } }
  @media (min-width: 992px) {
    .alphabetic-filter-content-pump-wrapper .pump-content-wrapper {
      min-height: 85px; } }

.alphabetic-filter-content-pumps {
  list-style-type: none;
  margin: 0px;
  padding: 0px; }
  .alphabetic-filter-content-pumps li {
    padding-bottom: 30px; }
    .alphabetic-filter-content-pumps li .alphabetic-filter-content-pump .alphabetic-filter-content-pump-content-product-name {
      font-size: 18px;
      margin-bottom: 0px;
      line-height: 1.2; }
    .alphabetic-filter-content-pumps li .alphabetic-filter-content-pump .alphabetic-filter-content-pump-content-promotional-name {
      color: #bcbcbc; }
    .alphabetic-filter-content-pumps li .alphabetic-filter-content-pump .btn, .alphabetic-filter-content-pumps li .alphabetic-filter-content-pump a.wilo-explore-button {
      width: 100%; }
      .alphabetic-filter-content-pumps li .alphabetic-filter-content-pump .btn:first-of-type, .alphabetic-filter-content-pumps li .alphabetic-filter-content-pump a.wilo-explore-button:first-of-type {
        margin-bottom: 10px; }
    .alphabetic-filter-content-pumps li .alphabetic-filter-content-pump .alphabetic-filter-content-pump-image {
      width: 100px;
      margin: 0 auto; }
    .alphabetic-filter-content-pumps li .alphabetic-filter-content-pump .alphabetic-filter-content-pump-image-wrapper {
      text-align: center; }
      .alphabetic-filter-content-pumps li .alphabetic-filter-content-pump .alphabetic-filter-content-pump-image-wrapper img {
        max-height: 175px;
        width: auto;
        max-width: 100%; }

.js-pumpfinder .pump-right {
  margin-right: -10px; }

.js-pumpfinder .pump-left {
  margin-left: -10px; }

.pump-finder-main-section .alphabetic-filter-content-pump-content a.btn.btn-default, .pump-finder-main-section .alphabetic-filter-content-pump-content a.wilo-explore-button {
  padding-left: 15px; }

.pump-finder-main-section .alphabetic-filter-content-pump-content a.btn.btn-default:before, .pump-finder-main-section .alphabetic-filter-content-pump-content a.wilo-explore-button:before {
  margin: 0; }

.wilo-clear-button {
  float: left; }
  @media (max-width: 767px) {
    .wilo-clear-button {
      float: left; } }
  .product-detail .product-header .product-header-actions a.wilo-explore-button {
    margin-left: 6px; }
    .product-detail .product-header .product-header-actions a.wilo-explore-button:first-child {
      margin-left: 0; }
    .product-detail .tab-type-gallery .gallery-thumbnails .thumb-img.slick-current {
      border: #363640 solid 3px; }
      .product-detail .tab-type-gallery .gallery-thumbnails .thumb-img.slick-current img {
        border-width: 0; }
  .product-detail .tab-type-gallery .gallery-thumbnails .slick-next.slick-arrow, .product-detail .tab-type-gallery .gallery-thumbnails .slick-prev.slick-arrow {
    background: url("../img/curve-thumbnails-button-right.png") transparent no-repeat;
    width: 16px;
    height: 27px; }
    .product-detail .tab-type-gallery .gallery-thumbnails .slick-next.slick-arrow:before, .product-detail .tab-type-gallery .gallery-thumbnails .slick-prev.slick-arrow:before {
      display: none; }
  .product-detail .tab-type-gallery .gallery-thumbnails .slick-prev.slick-arrow {
    background-image: url("../img/curve-thumbnails-button-left.png"); }

.product-detail .tab-type-gallery .gallery-image-big .gallery-subtitle {
  margin-bottom: 30px; }

.gallery-image-big .gallery-title {
  margin-top: 15px;
  font-weight: bold; }

.facts-content h3,
.facts-content h4,
.facts-content h5 {
  font-family: NotoSansBold;
  font-size: 18px;
  color: #363640;
  margin: 0 0 10px 0; }

.facts-content h4 {
  font-size: 16px;
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.facts-content ul.arrow-list li, .page-module .text-module-wrapper .text-wrapper .facts-content ul li {
  display: flex;
  text-indent: 0;
  margin-left: 0; }

.facts-content ul.prod_detail--datalist, .facts-content ul.prod_detail--list {
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  border-bottom: 2px solid #009c82;
  border-top: 2px solid #009c82; }
  .facts-content ul.prod_detail--datalist li, .facts-content ul.prod_detail--list li {
    display: flex;
    padding: 24px 15px;
    color: #333333; }
    .facts-content ul.prod_detail--datalist li:nth-child(2n+1), .facts-content ul.prod_detail--list li:nth-child(2n+1) {
      background-color: #f1f1f1; }
    .facts-content ul.prod_detail--list li > div p {
      margin: 0; }
    .facts-content ul.prod_detail--datalist li > div:first-child, .facts-content ul.prod_detail--list li > div:first-child {
      padding-left: 0;
      font-family: NotoSansBold; }
    .facts-content ul.prod_detail--datalist li > div:last-child, .facts-content ul.prod_detail--list li > div:last-child {
      padding-right: 0; }

.facts-content ul.prod_detail--list li {
  flex-direction: column; }
  .facts-content ul.prod_detail--list li ul {
    display: flex;
    flex-direction: column;
    border: 0;
    list-style-type: disc;
    margin-bottom: 0; }
    .facts-content ul.prod_detail--list li ul li {
      background-color: transparent;
      padding-bottom: 0; }
      .facts-content ul.prod_detail--list li ul li:nth-child(2n+1) {
        background-color: transparent;
        padding-bottom: 0; }
      .facts-content ul.prod_detail--list li ul li:before {
        width: 4px;
        height: 4px;
        background-color: black;
        display: block;
        border-radius: 50%;
        position: absolute;
        content: "";
        margin-left: -15px;
        margin-top: 8px; }
      .facts-content ul.prod_detail--list li ul li ul li:before {
        height: 1px;
        border-radius: 0; }

.product-detail-images {
  padding: 24px 0; }

.product-detail-image {
  display: flex;
  justify-content: center;
  align-items: center; }

.product-detail-thumbnails {
  display: flex;
  max-width: 434px;
  margin: auto;
  justify-content: center; }
  .product-detail-thumbnails .slick-list {
    width: 296px; }
  @media (max-width: 480px) {
    .product-detail-thumbnails {
      width: 214px; }
      .product-detail-thumbnails .slick-list {
        width: 74px; } }
  .product-detail-thumbnails .slick-arrow {
    cursor: pointer;
    background-color: #009c82;
    color: #fff;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 64px !important;
    height: 64px; }
    .product-detail-thumbnails .slick-arrow:first-child {
      margin-right: 10px; }

.thumbnails img {
  max-height: 100%;
  max-width: 100%; }

.product-detail-thumbnail {
  margin-right: 10px;
  padding: 4px;
  border: 1px solid #dddddd;
  width: 64px;
  height: 64px;
  display: flex !important;
  justify-content: center;
  align-items: center; }
  @media (max-width: 479px) {
    .product-detail-thumbnail {
      max-width: 64px; } }
  .product-detail-thumbnail.slick-current {
    border: 1px solid #009c82; }

@media (max-width: 991px) {
  .series-information > .row {
    display: flex;
    flex-direction: column; }
    .series-information > .row .data-sheet-slider {
      order: 0; }
    .series-information > .row .facts-content {
      order: 1; } }

@media (max-width: 480px) {
  .arrow-down + .highlighted-content a {
    position: relative;
    top: 0;
    width: 95%;
    margin: 0 auto; } }

.arrow-down {
  text-align: center; }
  .arrow-down > div {
    border-top: 10px solid #363640;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    width: 20px;
    display: inline-block;
    position: absolute; }
  .arrow-down + .highlighted-content {
    margin-top: 0;
    padding: 30px; }
    .arrow-down + .highlighted-content > div {
      width: 95%;
      position: relative; }
    .arrow-down + .highlighted-content h4 {
      margin: 0;
      font-size: 16px;
      /* font-size: calculateRem($size); */
      margin-bottom: 5px; }
    .arrow-down + .highlighted-content h4:before {
      font-family: 'wilo-icons' !important;
      content: "\e910";
      color: #15a295;
      margin-right: 10px;
      font-size: 12px; }
    .arrow-down + .highlighted-content p {
      margin-left: 33px; }
    .arrow-down + .highlighted-content a {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      color: #ffffff;
      background-color: #363640;
      font-weight: bold; }
  .product-margin-teaser .product-margin-teaser-subtitle {
    font-size: 19px;
    font-family: NotoSansBold;
    color: #000000;
    margin-top: 10px; }
  .product-margin-teaser .product-margin-teaser-subtitle {
    font-size: 14px; }

.series-families .tab-content {
  padding: 20px 0;
  border-bottom: 1px solid #ddd; }

.series-families .page-title {
  font-size: 18px;
  color: #3a3f4a;
  font-family: NotoSansBold;
  margin-bottom: 30px; }

.series-families a.btn.btn-default.load-more-results-button, .series-families a.load-more-results-button.wilo-explore-button {
  width: 100%;
  text-align: center;
  margin-top: -15px;
  margin-bottom: 30px; }

.series-families .series-families-list {
  list-style: none;
  padding: 0;
  margin: 0 -15px 0 -15px; }
  .series-families .series-families-list .series-families-list-item-wrapper .series-families-item {
    border: 1px solid #dddddd;
    margin-bottom: 30px;
    padding: 30px;
    min-height: 238px;
    transform: scale(0.975);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: flex; }
    .series-families .series-families-list .series-families-list-item-wrapper .series-families-item:hover {
      border: 1px solid #009c82;
      z-index: 1;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      transform: scale(1);
      transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease; }
    .series-families .series-families-list .series-families-list-item-wrapper .series-families-item .series-families-item-image-wrapper {
      padding: 0 15px;
      align-self: center;
      flex: 5; }
      .series-families .series-families-list .series-families-list-item-wrapper .series-families-item .series-families-item-image-wrapper img {
        max-height: 175px;
        width: auto;
        max-width: 100%;
        flex: 1 0 0; }
    .series-families .series-families-list .series-families-list-item-wrapper .series-families-item .series-families-item-information {
      flex: 7;
      padding: 0 15px; }
      .series-families .series-families-list .series-families-list-item-wrapper .series-families-item .series-families-item-information .series-families-item-promotional-title,
      .series-families .series-families-list .series-families-list-item-wrapper .series-families-item .series-families-item-information .series-families-item-title {
        font-family: NotoSansBold; }
      .series-families .series-families-list .series-families-list-item-wrapper .series-families-item .series-families-item-information .series-families-item-titles {
        height: 85px; }
        .series-families .series-families-list .series-families-list-item-wrapper .series-families-item .series-families-item-information .series-families-item-titles .series-families-item-title {
          font-size: 18px;
          color: #3a3f4a;
          margin-bottom: 0; }
        .series-families .series-families-list .series-families-list-item-wrapper .series-families-item .series-families-item-information .series-families-item-titles .series-families-item-promotional-title {
          color: #bcbcbc; }
      .series-families .series-families-list .series-families-list-item-wrapper .series-families-item .series-families-item-information .series-families-item-buttons a {
        width: 100%; }
        .series-families .series-families-list .series-families-list-item-wrapper .series-families-item .series-families-item-information .series-families-item-buttons a:first-child {
          margin-bottom: 10px; }

.wilo-profile-wrapper .wilo-profile-stage .wilo-profile-stage-image {
  background-image: url(../../img/dashboard-keyvisual.html);
  height: 350px;
  margin-bottom: 30px;
  position: relative; }
  .wilo-profile-wrapper .wilo-profile-stage .wilo-profile-stage-image .wilo-image-chooser {
    position: absolute;
    bottom: 30px;
    right: 30px; }

.wilo-profile-wrapper .multi-col-section .page-module {
  margin-bottom: 0; }

.wilo-profile-wrapper .wilo-profile-content-wrapper {
  transition: 0.2s all ease-in-out; }

.wilo-profile-wrapper .wilo-profile-element-header {
  overflow: auto; }
  .wilo-profile-wrapper .wilo-profile-element-header .wilo-profile-element-edit-header {
    overflow: auto; }
    .wilo-profile-wrapper .wilo-profile-element-header .wilo-profile-element-edit-header h2 {
      color: #363640;
      float: left; }
    .wilo-profile-wrapper .wilo-profile-element-header .wilo-profile-element-edit-header span,
    .wilo-profile-wrapper .wilo-profile-element-header .wilo-profile-element-edit-header .wilo-icon {
      float: right;
      font-size: 18px;
      cursor: pointer; }
    .wilo-profile-wrapper .wilo-profile-element-header .wilo-profile-element-edit-header .edit-mode-text {
      display: none;
      color: #787878;
      font-size: 14px; }

.wilo-profile-wrapper .wilo-profile-element-content {
  transition: 0.2s all ease-in-out;
  margin-bottom: 30px; }

.wilo-profile-wrapper .wilo-profile-checkboxes .checkbox-wrapper p {
  font-size: 14px; }

.wilo-profile-wrapper .edit-mode-buttons {
  display: none; }

.wilo-profile-wrapper .zip-code-city-form label {
  display: block; }

.wilo-profile-wrapper .zip-code-city-form .zip {
  width: calc(30% - 5px);
  margin-right: 5px;
  float: left; }

.wilo-profile-wrapper .zip-code-city-form .city {
  width: 70%;
  float: left; }

.wilo-profile-wrapper .wilo-edit-profile {
  padding: 15px;
  border: 1px solid #009c82;
  margin-bottom: 30px; }
  .wilo-profile-wrapper .wilo-edit-profile .wilo-profile-element-edit-header .wilo-icon {
    display: none; }
  .wilo-profile-wrapper .wilo-edit-profile .wilo-profile-element-edit-header .edit-mode-text {
    display: inline-block;
    cursor: default; }
  .wilo-profile-wrapper .wilo-edit-profile .wilo-profile-element-content {
    margin-bottom: 0; }
    .wilo-profile-wrapper .wilo-edit-profile .wilo-profile-element-content .edit-mode-buttons {
      display: block; }
      .wilo-profile-wrapper .wilo-edit-profile .wilo-profile-element-content .edit-mode-buttons button {
        float: right;
        margin-left: 10px;
        min-width: 100px; }

#em-exchangemirror-table {
  position: relative; }
  #em-exchangemirror-table .table-responsive.row {
    margin: 0;
    position: relative; }
  #em-exchangemirror-table span.icon-envelope {
    position: absolute;
    top: -5px;
    right: 0;
    color: #009c82;
    font-size: 25px; }
  #em-exchangemirror-table th:first-child {
    border: none;
    background-color: #fff; }

.em-container {
  margin-bottom: 15px;
  position: relative; }
  .em-container .wilo-btn, .em-container .mwf-upload-delete, .em-container .mwf-upload-upload {
    margin-bottom: 15px;
    height: auto; }

.wilo-emhidden,
.emhidden {
  display: none; }

.em-back-button {
  cursor: pointer;
  padding-left: 15px; }

.em-back-to-list {
  margin-bottom: 20px; }

.emGreyLight {
  background-color: #f1f1f1; }

.emProgrssLoader {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  display: block; }

@media (min-width: 992px) {
  #em-list-head .em-head-item {
    padding-left: 0;
    padding-right: 5px; }
    #em-list-head .em-head-item:first-child {
      padding-left: 15px; }
    #em-list-head .em-head-item:last-child {
      padding-right: 15px; }
    #em-list-head .em-head-item .em-head-inner {
      background-color: rgba(1, 96, 80, 0.2);
      color: #009c82;
      border-top: 2px solid #009c82;
      padding: 15px;
      font-family: NotoSansBold;
      text-align: left; } }

@media (min-width: 992px) {
  #em-pump-list .row:first-child, #em-pump-list .row:first-child:hover {
    cursor: auto; }
  #em-pump-list .row .pf-cell {
    padding-left: 0;
    padding-right: 5px; }
    #em-pump-list .row .pf-cell:first-child {
      padding-left: 15px; }
    #em-pump-list .row .pf-cell:last-child {
      padding-right: 15px; }
    #em-pump-list .row .pf-cell .pf-inner {
      background-color: #f1f1f1;
      color: #333333;
      padding: 15px;
      margin-top: 5px;
      min-height: 70px; }
      #em-pump-list .row .pf-cell .pf-inner .icon {
        padding-left: 5px; }
  #em-pump-list .row:hover {
    cursor: pointer; }
    #em-pump-list .row:hover .pf-cell .pf-inner {
      background-color: #009c82;
      color: #ffffff;
      padding: 15px;
      margin-top: 5px; }
      #em-pump-list .row:hover .pf-cell .pf-inner .icon {
        padding-left: 5px;
        color: #ffffff; } }

@media (max-width: 991px) {
  .table-module {
    border: 0 solid transparent; }
  #em-pump-list .row {
    margin: 2px 0 0 0;
    background-color: #f1f1f1;
    padding: 7px 0 0 0;
    box-sizing: border-box;
    cursor: pointer; }
    #em-pump-list .row:first-child, #em-pump-list .row:first-child:hover {
      cursor: auto;
      background-color: #009c82;
      color: #ffffff; }
    #em-pump-list .row:hover {
      background-color: #009c82;
      color: #ffffff; }
    #em-pump-list .row#em-list-head:after {
      content: ""; }
    #em-pump-list .row:after {
      content: "\e903";
      font-family: 'wilo-icons' !important;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 20px;
      margin-top: -40px;
      z-index: 99; }
    #em-pump-list .row.wilo-emhidden:after {
      opacity: 0; } }

#em-mail {
  margin-bottom: 30px; }
  #em-mail #wilo-formular {
    background-color: #f1f1f1;
    padding: 20px;
    margin: 0; }
    #em-mail #wilo-formular select,
    #em-mail #wilo-formular input {
      background-color: #fff; }

#em-error-msg {
  display: none; }

#progress-wrapper {
  width: 100%;
  padding: 20px 0;
  text-align: center;
  position: absolute;
  top: 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.wilo-search-box {
  background-color: #e9e9e9;
  padding: 20px;
  position: relative;
  margin-bottom: 20px; }
  .wilo-search-box input[type=text] {
    width: 95%;
    height: 40px;
    padding: 0 10px; }
  .wilo-search-box input[type=text]::-webkit-input-placeholder {
    color: #7b7b7b; }
  .wilo-search-box input[type=text]::-moz-placeholder {
    color: #7b7b7b; }
  .wilo-search-box input[type=text]:-ms-input-placeholder {
    color: #7b7b7b; }
  .wilo-search-box input[type=text]:-moz-placeholder {
    color: #7b7b7b; }
  .wilo-search-box input[type=text]::placeholder {
    color: #7b7b7b; }
  .wilo-search-box:before {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-family: "wilo-icons" !important;
    content: "\e90f";
    background: #363640;
    text-align: center;
    color: #fff; }
  .wilo-search-box button {
    top: 20px;
    position: absolute;
    right: 20px;
    height: 40px;
    width: 40px;
    opacity: 0; }

.cookie-box {
  display: none;
  background: green;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background-color: rgba(54, 54, 64, 0.85);
  color: #ffffff; }
  .cookie-box .cookie-box-inner {
    padding: 20px 0; }
    .cookie-box .cookie-box-inner a {
      color: #009c82; }

.st-wish-list .wish-list-row-img {
  width: auto; }

.st-wish-list .st-wish-list-content {
  margin-bottom: 30px; }

.st-wish-list .subsection-name {
  font-size: 18px;
  font-family: NotoSansBold; }

.st-wish-list .st-wishlist-category-section .st-wishlist-category-section-inner {
  padding-top: 20px;
  border-bottom: 1px #dddddd solid; }

.st-wish-list .st-wishlist-category-section .st-wishlist-category-section-inner.first-section {
  padding-top: 0; }

.st-wish-list .st-wishlist-category-subsection,
.st-wish-list .st-wishlist-notes-subsection {
  margin-bottom: 25px; }
  .st-wish-list .teaser-save-your-wishlist .wilo-icon,
  .st-wish-list .dark-box.teaser-save-your-wishlist .wilo-icon {
    padding-top: 10px; }
    @media (max-width: 767px) {
      .st-wish-list .teaser-save-your-wishlist .wilo-icon,
      .st-wish-list .dark-box.teaser-save-your-wishlist .wilo-icon {
        padding-top: 0;
        margin: 0; } }
  .st-wish-list .teaser-save-your-wishlist a.wilo-explore-button, .st-wish-list .dark-box.teaser-save-your-wishlist a.wilo-explore-button {
    min-width: 140px; }

.st-wish-list .st-wishlist-notes-subsection textarea {
  width: 100%;
  resize: vertical;
  background: #ffffff;
  color: #7f7f7f;
  padding: 10px;
  border: 1px #eaeaea solid; }

.st-wish-list .st-wishlist-notes-subsection .notes-body {
  background: #f1f1f1;
  color: #a9a9a9;
  padding: 15px;
  font-size: 14px;
  margin-bottom: 15px;
  min-height: 100px; }

.st-wish-list .st-wishlist-category-section .green-link {
  color: #009a8b;
  font-family: NotoSansBold; }

.st-wish-list .table.table-series > tbody > tr > td {
  padding-top: 3px;
  padding-bottom: 3px; }
  .st-wish-list .table.table-series > tbody > tr > td.td-product-image {
    padding-left: 3px;
    width: 66px;
    padding-right: 0; }

.st-wish-list .table.td-all-vertical-align-middle > tbody > tr > td {
  vertical-align: middle; }

.st-wish-list table > tbody > tr > td.td-configure-now a,
.st-wish-list table > tbody > tr > td.td-add-to-project a {
  font-family: NotoSansBold;
  white-space: nowrap; }

.st-wish-list table > tbody > tr > td.td-series-name, .st-wish-list table > tbody > tr > td.td-article-name {
  min-width: 200px; }

.st-wish-list table > tbody > tr > td.td-configure-now {
  width: 185px; }
  @media (max-width: 991px) {
    .st-wish-list table > tbody > tr > td.td-configure-now {
      width: 125px; } }

.st-wish-list table > tbody > tr > td.td-add-to-project {
  width: 175px; }
  @media (max-width: 991px) {
    .st-wish-list table > tbody > tr > td.td-add-to-project {
      width: 100px; } }

@media (max-width: 767px) {
  .st-wish-list table > tbody > tr > td.td-add-to-project, .st-wish-list table > tbody > tr > td.td-configure-now {
    text-align: center; } }

.st-wish-list table > tbody > tr > td.td-trash {
  width: 100px;
  text-align: center; }
  .st-wish-list .teaser-wish-list-recommendations .recommendation-col a.wilo-explore-button {
    margin-bottom: 10px; }

.mfp-content > .add-to-project-not-logged-in-lightbox .wilo-icon.icon-mywilo {
  padding-top: 40px; }

.mfp-content > .add-to-project-not-logged-in-lightbox .actions-footer .join-mywilo-title {
  margin-bottom: 15px; }

.mfp-content > .add-to-project-not-logged-in-lightbox .actions-footer .btn-register-now {
  margin-right: 10px; }

.wish-list-trash-button,
.wish-list-trash-button:active,
.wish-list-trash-button:focus {
  background: url(../img/wish-list-trash.png) no-repeat transparent center;
  border: 0;
  width: 42px;
  height: 20px; }

.st-wish-list-content .td-product-image {
  padding: 10px; }
  .st-wish-list-content .td-product-image img {
    max-height: 40px;
    width: auto;
    max-width: 100px;
    height: auto; }

.wilo-wl-textarea {
  width: 100%; }
  @media (max-width: 767px) {
    .wilo-wl-textarea {
      margin-bottom: 20px; } }

.error-page {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: space-between; }
  .error-page #animate-404 {
    height: 60vh;
    max-height: 80vw; }
  .error-page img {
    max-width: 100%;
    height: auto; }

.login-container .join-mywilo-box {
  padding: 20px; }
  .login-container .join-mywilo-box .join-mywilo-box-icon {
    align-self: center; }
    .login-container .join-mywilo-box .join-mywilo-box-icon span {
      font-size: 92px;
      /* font-size: calculateRem($size); */ }
  .login-container .join-mywilo-box .row {
    display: flex;
    flex-direction: column; }
  @media (min-width: 992px) {
    .login-container .join-mywilo-box {
      padding: 30px; }
      .login-container .join-mywilo-box .row {
        flex-direction: row; } }

.login-container .login-box, .login-container .join-mywilo-box {
  min-height: 317px; }
  @media (max-width: 991px) {
    .login-container .login-box, .login-container .join-mywilo-box {
      min-height: 435px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .login-container .login-box, .login-container .join-mywilo-box {
      min-height: 350px; } }

@media (max-width: 767px) {
  .login-container .page-module:first-child {
    margin-top: 0; } }

.box-icon .wilo-icon:before {
  color: #333333; }

.login-box {
  border: 1px solid #009c82;
  padding: 20px;
  overflow: auto;
  position: relative;
  display: flex;
  flex-direction: column; }
  .login-box .box-icon {
    text-align: center;
    margin-bottom: 15px; }
    .login-box .box-icon span {
      font-size: 92px;
      /* font-size: calculateRem($size); */ }
  @media (max-width: 767px) {
    .login-box.page-module:last-child {
      margin-bottom: 30px; } }
  @media (min-width: 992px) {
    .login-box {
      padding: 30px;
      flex-direction: row;
      justify-content: flex-end; }
      .login-box .box-icon {
        width: 25%;
        padding-right: 30px;
        text-align: center;
        align-self: center; } }
  .login-box .box-headline {
    font-size: 18px;
    /* font-size: calculateRem($size); */
    margin: 0 0 15px 0;
    display: inline-block; }
    @media (max-width: 767px) {
      .login-box .box-headline {
        margin-top: 15px; } }
  .login-box .wilo-btn {
    width: 100%; }
  .login-box .pass-entry {
    margin-bottom: 30px; }

.alert-off-canvas {
  padding: 10px 0;
  background-color: #4a4953;
  color: #ffffff;
  border-radius: 0;
  border: 0;
  margin-bottom: 0; }
  .alert-off-canvas .container {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: end; }
  @media (max-width: 767px) {
    .alert-off-canvas {
      padding: 15px 0; }
      .alert-off-canvas .container {
        justify-content: left; } }
  .alert-off-canvas .wilo-icon {
    font-size: 20px;
    /* font-size: calculateRem($size); */ }
    .alert-off-canvas .wilo-icon:before {
      color: #ffffff;
      margin-right: 12px; }
  .alert-off-canvas .off-canvas__close {
    cursor: pointer;
    position: absolute;
    right: 15px;
    font-size: 12px;
    top: 0; }

.off-canvas-alert-content {
  width: 100% !important; }

.off-canvas {
  z-index: 999;
  position: relative; }

/**
    Location Based Retargeting
*/
.locationRetargeting {
  background-color: #4a4953;
  align-items: flex-start;
  position: relative;
  z-index: 1; }
  .locationRetargeting__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex: 1; }
    @media (min-width: 768px) {
      .locationRetargeting__wrapper {
        flex-wrap: nowrap; } }
  .locationRetargeting__flag {
    height: 32px;
    width: 32px; }
  .locationRetargeting__overview, .locationRetargeting__link {
    background-color: #363640;
    color: #fff; }
    .locationRetargeting__overview:hover, .locationRetargeting__link:hover {
      color: #fff; }
  .locationRetargeting__overview {
    padding: 5px 10px 5px 5px;
    display: flex;
    align-items: center;
    margin-left: auto;
    min-width: 200px;
    width: 100%;
    margin-bottom: .75rem; }
    @media (min-width: 480px) {
      .locationRetargeting__overview {
        width: auto;
        margin-bottom: 0;
        margin-right: .5rem;
        flex-grow: 2; } }
    @media (min-width: 768px) {
      .locationRetargeting__overview {
        flex-grow: 0; } }
    @media (min-width: 992px) {
      .locationRetargeting__overview {
        min-width: 240px; } }
  .locationRetargeting__link {
    padding: 0 1rem;
    white-space: nowrap;
    width: 100%;
    min-height: 42px;
    line-height: 42px; }
    @media (min-width: 480px) {
      .locationRetargeting__link {
        width: auto;
        height: 42px;
        flex-grow: 1; } }
    @media (min-width: 768px) {
      .locationRetargeting__link {
        flex-grow: unset; } }
    .locationRetargeting__link::before {
      font-family: 'wilo-icons';
      content: "\e903";
      margin: 0 5px 0 0;
      font-size: 9px; }
  .locationRetargeting__country {
    margin: 0 0 0 .5rem;
    line-height: 1; }
  .locationRetargeting__text {
    margin: 0 0 .75rem 0;
    width: 100%; }
    @media (min-width: 768px) {
      .locationRetargeting__text {
        margin: 0 3rem 0 0;
        flex-grow: 1; } }
    @media (min-width: 992px) {
      .locationRetargeting__text {
        margin: 0 3rem 0 0; } }
    @media (min-width: 1200px) {
      .locationRetargeting__text {
        margin: 0 10rem 0 0; } }
  .locationRetargeting__close {
    font-size: 16px !important;
    margin: 16px auto auto 2rem; }
    .locationRetargeting__close::before {
      margin-right: 0 !important; }
    @media (min-width: 992px) {
      .locationRetargeting__close {
        margin: auto auto auto 2rem; } }

#offcanvas {
  display: none; }
  #offcanvas > * {
    display: none; }
    #offcanvas > *.active {
      display: block; }

.chat-container {
  position: fixed;
  bottom: calc(50% - 320px);
  right: -330px;
  display: flex;
  flex-direction: column;
  width: 320px;
  height: 645px;
  transform: translate(-330px, 0);
  transition: 0.5s transform ease-in-out;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 0 3px 6px 0;
  z-index: 9999; }
  @media (max-width: 768px) {
    .chat-container {
      right: -100%;
      width: 100%;
      height: 100%;
      bottom: 0;
      transform: translate(-100%, 0); } }
  .chat-container--closed {
    transform: translate(0, 0); }
  .chat-container--open {
    overflow: initial; }
    @media (max-width: 768px) {
      .chat-container--open {
        overflow: hidden; } }
  .chat-container__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    padding: 0 0.75rem;
    font-size: 14px;
    border-bottom: 1px solid #dddddd; }
    .chat-container__header p {
      margin: 0; }
  .chat-container__content {
    position: relative;
    flex-grow: 1;
    height: 575px; }
  .chat-container__close {
    color: #000; }

.order-and-download .article {
  margin-bottom: 30px; }

.order-and-download .article-content .article-title h3 {
  height: 60px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px !important;
  text-align: center;
  color: #787878;
  padding: 4px 20px; }

.order-and-download .article .article-content .amount {
  width: 164px;
  margin: 0 auto; }

.order-and-download .article .article-content .amount select {
  float: left;
  width: 100px;
  margin-right: 10px;
  border: 1px solid silver; }

.order-and-download .article .article-selection {
  background-color: #009c82;
  text-align: center;
  padding: 0 5px;
  color: #FFF; }

.order-and-download .article .inner {
  height: 444px;
  overflow: hidden;
  margin: 0;
  border: 1px solid #ececed;
  border-top-color: #ececed;
  border-right-color: #ececed;
  border-bottom-color: #ececed;
  border-left-color: #ececed;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.order-and-download .article .inner {
  border-color: #009c82;
  position: relative; }

.order-and-download .article .article-img {
  padding: 20px 0;
  text-align: center;
  height: 220px; }

.order-and-download .article .download a {
  background: #ececed;
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 4px 20px;
  text-align: center;
  color: #009c82; }

.article-selection-wrapper {
  bottom: 0;
  position: absolute;
  width: 100%; }

.article-selection-wrapper a {
  color: #fff;
  text-decoration: underline; }

.article-selection-wrapper p {
  margin: 0;
  padding: 5px 0; }

.downloads-cart {
  border-bottom: 1px solid #787878;
  margin-bottom: 50px; }

.grid-cart.dropdown {
  position: relative;
  display: none; }
  .grid-cart.dropdown .btn:before, .grid-cart.dropdown a.wilo-explore-button:before {
    margin: 0;
    content: ''; }

.grid-cart .wilo-icon.icon-sales {
  margin-right: 15px; }

.grid-articles .btn:before, .grid-articles a.wilo-explore-button:before {
  content: '';
  margin-right: 0; }

.grid-cart.dropdown .btn, .grid-cart.dropdown a.wilo-explore-button {
  color: #fff;
  border-color: #009c82;
  background-color: #009c82; }

.grid-cart-text.cart-count {
  background: #fff;
  background-color: white;
  color: #009c82;
  position: absolute;
  left: 29px;
  top: 5px;
  width: 16px;
  height: 16px;
  background-color: #FFF;
  border-radius: 16px;
  font-size: 12px;
  text-align: center;
  line-height: 18px; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  width: 300px;
  padding: 0;
  border: none;
  left: auto;
  right: 0; }

.grid-menu .grid-filter .dropdown-menu {
  width: 300px;
  padding: 0;
  border: none; }

.dropdown-menu .btn.btn-block.btn-order, .dropdown-menu a.btn-block.btn-order.wilo-explore-button {
  position: relative;
  padding-left: 20px;
  padding-right: 40px;
  text-align: left;
  width: 100%; }

.dropdown-menu li .article .unit {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-weight: normal; }

.dropdown-menu li .article {
  position: relative;
  padding: 10px 40px 10px 20px;
  border-bottom: 1px solid #ececed;
  font-weight: bold; }

#cart .article .article-remove {
  position: absolute;
  right: 0;
  top: 15px;
  width: 40px;
  height: 40px;
  cursor: pointer; }

#cart li.cart-article .article-remove {
  float: right;
  margin: 5px; }

@media (max-width: 991px) {
  .article-img {
    height: 100%;
    max-height: 100%;
    display: block; }
  .article-img img {
    display: block;
    width: auto;
    margin: 0 auto; }
  .order-and-download .article-content .article-title h3 {
    height: auto; }
  .order-and-download .article .inner {
    height: auto;
    min-height: 400px; } }

.marginal-paragraph {
  padding: 40px 0;
  border-bottom: 1px solid #dddddd; }
  .marginal-paragraph .text-image-teaser-text {
    color: #505050; }
  .marginal-paragraph.no-border {
    border-bottom: none;
    padding-bottom: 10px; }
  .marginal-paragraph:first-child {
    padding-top: 0; }
    @media (max-width: 767px) {
      .marginal-paragraph:first-child {
        margin-top: 30px;
        border-top: 1px solid #dddddd; } }
  .marginal-paragraph:last-child {
    border-bottom: none;
    padding-bottom: 10px; }
  @media (max-width: 767px) {
    .marginal-paragraph {
      padding: 15px 0; } }
  .marginal-paragraph .marginal-headline,
  .marginal-paragraph .marginal-text,
  .marginal-paragraph .marginal-sub-headline {
    margin-bottom: 15px; }
  .marginal-paragraph .marginal-headline,
  .marginal-paragraph .marginal-sub-headline {
    font-family: NotoSansBold;
    line-height: 1; }
  .marginal-paragraph .marginal-headline {
    font-size: 18px;
    color: #363640; }
  .marginal-paragraph .marginal-text,
  .marginal-paragraph .marginal-sub-headline {
    font-size: 16px;
    /* font-size: calculateRem($size); */
    color: #787878; }
  .marginal-paragraph .marginal-sub-headline {
    font-size: 16px;
    /* font-size: calculateRem($size); */ }
  .marginal-paragraph .link-list-item-text-wrapper {
    display: inline-table;
    width: 90%; }

.marginal-page-content .link-list-item-text-wrapper a {
  color: #009c82; }

.marginal-col .marginal-dark-box {
  background-color: #363640;
  color: #ffffff;
  padding: 35px 30px;
  margin-bottom: 30px; }

.marginal-col .marginal-header {
  font-family: WiloPlusFMBold;
  font-size: 18px;
  margin-bottom: 15px; }

.marginal-col .video-module-video {
  margin-bottom: 10px; }

.marginal-col .video-module .video-wrapper .video-playbutton {
  width: 70px;
  top: 40%; }

.marginal-col .video-module .video-wrapper .video-playtext {
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  width: auto;
  top: 60%;
  left: 50%;
  z-index: 20;
  cursor: pointer;
  color: #009c82;
  font-family: WiloPlusFMBold;
  font-size: 20px; }

.page-module .contact-marginal-wrapper ul li div p.marginal-text {
  color: #505050; }

.contact-marginal-wrapper {
  background-color: #ffb400;
  color: #ffffff;
  padding: 30px; }
  .contact-marginal-wrapper .text-list-marginal-headline, .contact-marginal-wrapper .contact-information {
    color: #ffffff; }
  .contact-marginal-wrapper ul {
    list-style-type: none;
    padding: 0; }
    .contact-marginal-wrapper ul:last-child {
      margin-bottom: 0; }
    .contact-marginal-wrapper ul li:last-child div p {
      margin-bottom: 0; }
    .contact-marginal-wrapper ul li div {
      display: inline-block; }
      .contact-marginal-wrapper ul li div:first-child.contact-inline-info {
        min-width: 100px; }
      .contact-marginal-wrapper ul li div p.marginal-text {
        display: inherit;
        margin-bottom: 5px;
        font-size: 16px;
        /* font-size: calculateRem($size); */
        color: #ffffff; }

.media-downloads-marginal-wrapper .media-downloads-list.link-list, .downloads-module .media-downloads-list.link-list {
  margin-bottom: 30px; }
  .media-downloads-marginal-wrapper .media-downloads-list.link-list:last-child, .downloads-module .media-downloads-list.link-list:last-child {
    margin-bottom: 0; }

.media-downloads-marginal-wrapper .media-downloads-list .link-list-item .link-list-item-text-wrapper, .downloads-module .media-downloads-list .link-list-item .link-list-item-text-wrapper {
  font-family: NotoSansRegular;
  display: inline;
  color: #2b2b33; }
  .media-downloads-marginal-wrapper .media-downloads-list .link-list-item .link-list-item-text-wrapper a, .downloads-module .media-downloads-list .link-list-item .link-list-item-text-wrapper a {
    color: #363640; }

.media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-text span, .downloads-module .media-downloads-list .link-list-item .download-text span {
  font-size: 16px;
  margin-right: 10px;
  float: left; }
  .media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-text span.wilo-icon, .downloads-module .media-downloads-list .link-list-item .download-text span.wilo-icon {
    color: #2b2b33; }

@media (min-width: 768px) and (max-width: 991px) {
  .media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-text, .downloads-module .media-downloads-list .link-list-item .download-text {
    width: 100%; } }

@media (max-width: 479px) {
  .media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-text, .downloads-module .media-downloads-list .link-list-item .download-text {
    width: 100%; } }

.media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-button {
  margin-top: 10px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-button {
      width: 100%; }
      .media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-button a.wilo-explore-button, .downloads-module .media-downloads-list .link-list-item .download-button a.wilo-explore-button {
        width: 100%; } }
  @media (max-width: 479px) {
    .media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-button {
      width: 100%; }
      .media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-button a.wilo-explore-button, .downloads-module .media-downloads-list .link-list-item .download-button a.wilo-explore-button {
        width: 100%; } }
  .media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-button a.wilo-explore-button, .downloads-module .media-downloads-list .link-list-item .download-button a.wilo-explore-button {
    float: right; }

.media-downloads-marginal-wrapper .media-downloads-list .link-list-item span, .downloads-module .media-downloads-list .link-list-item span {
  font-size: 16px;
  /* font-size: calculateRem($size); */ }
  .three-cols-section .media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-button a.wilo-explore-button {
    width: 100%; }
  .one-third-col .media-downloads-marginal-wrapper .media-downloads-list .link-list-item .download-button a.wilo-explore-button {
    width: 100%; }

.text-list-marginal-wrapper .link-list {
  margin: 15px 0 0 0; }
  .text-list-marginal-wrapper .link-list .link-list-item a {
    color: #009c82; }
  .text-list-marginal-wrapper .link-list .link-list-item:last-child {
    margin-bottom: 0; }

.page-module {
  margin-bottom: 30px;
  /* Headlines changed to H2 & H3, Backup Only*/ }
  @media (max-width: 767px) {
    .page-module:first-child {
      margin-top: 15px; } }
  @media (max-width: 767px) {
    .page-module:last-child {
      margin-bottom: 15px; } }
  .page-module.background-grey {
    background-color: #f1f1f1;
    padding: 30px; }
  .page-module p,
  .page-module a {
    color: #505050; }
  .page-module .media-downloads-list .download-text {
    margin: 0; }
    .page-module .media-downloads-list .download-text .wilo-icon {
      font-size: 32px; }
  .page-module .text-sub-headline {
    margin: 0 0 10px 0;
    font-family: NotoSansBold;
    font-size: 16px;
    /* font-size: calculateRem($size); */
    color: #363640; }
  .page-module .text-headline, .page-module h2 {
    margin: 0 0 10px 0;
    font-family: NotoSansBold;
    font-size: 20px;
    /* font-size: calculateRem($size); */
    color: #363640; }
    .page-module .text-headline.wilo-green-text, .page-module h2.wilo-green-text {
      color: #009c82; }
  .page-module ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 15px 0; }
    .page-module ul li:last-child div a {
      margin-bottom: 0; }
    .page-module ul li div:first-child.contact-inline-info {
      min-width: 80px; }
    .page-module ul li div p.marginal-text,
    .page-module ul li div a.marginal-text {
      display: inherit;
      margin-bottom: 0;
      font-size: 16px; }
  .page-module .background-grey {
    background-color: #f1f1f1;
    padding: 25px; }

.page-module:last-child {
  margin-bottom: 0; }

.multi-col-section .page-module {
  margin-bottom: 15px; }

.image-module .image-module-images-wrapper-inner .slick-dots, .image-caption-module .image-module-images-wrapper-inner .slick-dots {
  position: static;
  margin: 5px 0 0 0; }

.image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper, .image-caption-module .image-module-images-wrapper-inner .image-module-image-content-wrapper {
  position: relative; }
  .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-image, .image-caption-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-image {
    width: 100%; }
  .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper, .image-caption-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper {
    background-color: #363640;
    padding: 30px;
    position: absolute;
    width: 40%;
    opacity: 0.95; }
    .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper.top-left {
      top: 30px;
      left: 60px; }
    .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper.bottom-left, .image-caption-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper.bottom-left {
      bottom: 30px;
      left: 60px; }
    @media (max-width: 767px) {
      .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper, .image-caption-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper {
        width: 100%;
        position: static; } }
    .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper p, .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper a, .image-caption-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper p, .image-caption-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper a {
      color: #ffffff; }
    .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper .image-module-on-image-caption-title, .image-caption-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper .image-module-on-image-caption-title {
      font-size: 18px;
      line-height: 1;
      font-family: NotoSansBold;
      color: #ffffff; }
    .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper .image-module-on-image-caption-text {
      margin-bottom: 0; }

.image-module .image-module-caption-wrapper .image-module-caption, .image-caption-module .image-module-caption-wrapper .image-module-caption {
  font-style: italic;
  margin: 5px 0 0 0; }

@media (max-width: 991px) {
  .two-cols-section .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper {
    width: 100%;
    position: static; } }

.one-third-col .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper {
  width: 100%;
  position: static; }

.marginal-page-content .two-cols-section .image-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper {
  width: 100%;
  position: static; }

.image-caption-module .image-module-on-image-caption-wrapper .link-list-item-text-wrapper a {
  color: #ffffff; }

.image-caption-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper.bottom-left {
  left: 35px; }

.image-caption-module .image-module-images-wrapper-inner .image-module-image-content-wrapper .image-module-on-image-caption-wrapper .image-module-on-image-caption-title {
  font-size: 18px;
  line-height: 1;
  color: white;
  font-family: NotoSansBold; }

.text-module .text-module-wrapper .text-wrapper h3 {
  font-size: 16px;
  /* font-size: calculateRem($size); */
  color: #363640; }

.text-module .text-module-wrapper .text-wrapper *:last-child {
  margin-bottom: 0; }

.text-module .text-module-wrapper .text-wrapper .text-wrapper .wilo-btn {
  margin-right: 5px;
  margin-bottom: 5px; }

.text-module .text-module-wrapper .text-wrapper p a {
  color: #009c82;
  border-bottom: solid 1px transparent; }
  .text-module .text-module-wrapper .text-wrapper p a:hover {
    border-bottom: solid 1px #009c82; }

.text-module .wilo-btn {
  display: table;
  margin-bottom: 5px; }

ul.arrow-list, .page-module .text-module-wrapper .text-wrapper ul {
  padding: 0;
  margin-top: 2px;
  margin-bottom: 10px;
  line-height: 1.7;
  counter-reset: foo; }
  ul.arrow-list li, .page-module .text-module-wrapper .text-wrapper ul li {
    list-style: none;
    color: #505050;
    font-size: 16px;
    /* font-size: calculateRem($size); */ }
    ul.arrow-list li a, .page-module .text-module-wrapper .text-wrapper ul li a {
      color: #009c82;
      border-bottom: solid 1px transparent; }
      ul.arrow-list li a:hover, .page-module .text-module-wrapper .text-wrapper ul li a:hover {
        border-bottom: solid 1px #009c82; }
    @media (max-width: 767px) {
      ul.arrow-list li, .page-module .text-module-wrapper .text-wrapper ul li {
        padding-bottom: 5px;
        width: 100%; } }
    ul.arrow-list li p, .page-module .text-module-wrapper .text-wrapper ul li p {
      display: inline-block; }
    ul.arrow-list li div[class*="col-"]:first-child, .page-module .text-module-wrapper .text-wrapper ul li div[class*="col-"]:first-child {
      padding-left: 0; }
    ul.arrow-list li ul, .page-module .text-module-wrapper .text-wrapper ul li ul {
      width: 100%;
      display: block; }
      ul.arrow-list li ul li:before, .page-module .text-module-wrapper .text-wrapper ul li ul li:before {
        content: "-";
        font-family: unset;
        padding-top: 0; }
  ul.arrow-list li, .page-module .text-module-wrapper .text-wrapper ul li {
    text-indent: -28px;
    margin-left: 28px; }
    ul.arrow-list li:before, .page-module .text-module-wrapper .text-wrapper ul li:before {
      font-family: 'wilo-icons' !important;
      font-size: 12px;
      /* font-size: calculateRem($size); */
      padding-right: 15px;
      content: "\e92f";
      font-weight: bold;
      color: #009c82;
      padding-top: 3px; }

.link-list-item-text-wrapper {
  display: initial; }

.video-module .video-wrapper {
  position: relative; }
  .video-module .video-wrapper .video-module-video {
    width: 100%; }
  .video-module .video-wrapper .video-playbutton {
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    width: 150px;
    top: 50%;
    left: 50%;
    z-index: 20;
    cursor: pointer; }
    @media (max-width: 767px) {
      .video-module .video-wrapper .video-playbutton {
        width: 100px; } }
  .video-module .video-wrapper .transparent-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background-color: #ffffff;
    opacity: 0.6;
    top: 0;
    left: 0; }

.video-module .video-module-text-title {
  margin-top: 0;
  font-family: NotoSansBold;
  font-size: 18px; }

.table-module {
  width: 100%;
  overflow: auto; }
  .table-module table {
    display: table;
    width: 100%; }
    .table-module table tr td {
      padding: 15px;
      border: 3px solid #ffffff;
      text-align: center;
      min-width: 150px; }
      @media (max-width: 991px) {
        .table-module table tr td {
          min-width: 150px;
          width: auto;
          padding: 0px;
          height: 75px; } }
      .table-module table tr td a {
        font-family: NotoSansBold; }
      @media screen and (max-width: 498px) {
        .table-module table tr td {
          padding: 5px; } }
      .table-module table tr td.wilo-align-left {
        text-align: left; }
      .table-module table tr td.wilo-align-right {
        text-align: right; }
      .table-module table tr td.wilo-align-center {
        text-align: center; }
      .table-module table tr td.wilo-align-justify {
        text-align: justify; }
    .table-module table tbody tr td {
      background-color: #f1f1f1;
      border-top: 3px solid #009c82; }
      .table-module table tbody tr td a,
      .table-module table tbody tr td p {
        color: #009c82;
        margin: 10px; }
    .table-module table:first-child {
      padding-left: 0px; }
    .table-module table:last-child {
      padding-right: 0px; }
  .table-module thead th {
    border-bottom: none;
    padding: 0 15px 15px 15px;
    font-family: NotoSansBold;
    color: #009c82;
    text-align: center;
    text-align: center; }
    .table-module thead th.wilo-align-left {
      text-align: left; }
    .table-module thead th.wilo-align-right {
      text-align: right; }

.download-tile-module {
  display: flex; }
  .download-tile-module .download-tile-content {
    display: flex;
    width: 100%; }
    .download-tile-module .download-tile-content .download-tile-image {
      width: 25%;
      margin-right: 30px;
      min-width: 150px; }
    .download-tile-module .download-tile-content .download-tile-module-headline {
      font-size: 18px;
      line-height: 1;
      margin-bottom: 10px; }
    .download-tile-module .download-tile-content p {
      margin-bottom: 0; }
  .download-tile-module .download-information-text,
  .download-tile-module .download-tile-module-headline {
    font-family: NotoSansBold;
    color: #363640; }
  .download-tile-module .download-tile-text {
    margin-bottom: 0; }
  .download-tile-module .download-tile-button {
    margin: auto 0 0 30px; }
  @media (max-width: 767px) {
    .download-tile-module {
      flex-direction: column; }
      .download-tile-module .download-tile-button {
        margin: 15px 0 0; }
        .download-tile-module .download-tile-button a {
          width: 100%; } }
  @media (max-width: 600px) {
    .download-tile-module .download-tile-content {
      flex-direction: column; }
      .download-tile-module .download-tile-content .download-tile-image {
        width: 100%;
        margin-bottom: 15px; } }

@media (max-width: 991px) {
  .marginal-page-content .download-tile-module {
    flex-direction: column; }
    .marginal-page-content .download-tile-module .download-tile-button {
      margin: 15px 0 0; }
      .marginal-page-content .download-tile-module .download-tile-button a {
        width: 100%; } }

.nav-tabs > li > a {
  background-color: #ffb200;
  color: #252525 !important;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #009c82; }

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  opacity: 1;
  background-color: #ffb200;
  color: #ffffff;
  border-radius: 0;
  border-bottom: 1px solid #009c82; }

.nav-tabs.nav-tabs-green {
  border-bottom: 2px solid #009c82;
  margin-bottom: 30px; }
  .nav-tabs.nav-tabs-green > li.active > a,
  .nav-tabs.nav-tabs-green > li.active > a:hover,
  .nav-tabs.nav-tabs-green > li.active > a:focus {
    background-color: #009c82;
    color: #ffffff !important;
    border: none;
    border-bottom: 1px solid #009c82; }
  .nav-tabs.nav-tabs-green > li > a {
    background-color: #dddddd;
    color: #777 !important; }

.content select.tab-dropdown {
  min-width: auto;
  width: 100%;
  margin-bottom: 10px; }

.wilo-tab-headline {
  margin-top: 18px;
  font-size: 20px; }
  .form-inline .form-group .label:first {
    margin-top: 0; }

@media (max-width: 1199px) {
  .form-inline .form-group select,
  .form-inline .form-group .select2-container {
    width: 100% !important; } }

@media (max-width: 1199px) {
  .form-inline .form-group a.btn-dark-grey.wilo-explore-button, .form-inline .form-group a.wilo-explore-button {
    width: 100%;
    margin-top: 10px; } }

.floating-text-image-module .floating-text-image-paragraph-image-wrapper {
  display: inline-block; }
  @media (max-width: 991px) {
    .floating-text-image-module .floating-text-image-paragraph-image-wrapper {
      width: 100%;
      margin-bottom: 10px; } }

.wilo-half-width {
  width: 50%; }

.wilo-one-third-width {
  width: 33%; }

.wilo-two-thirds-width {
  width: 66%; }

.wilo-left-image {
  margin: 0 15px 0 0;
  float: left; }

.wilo-right-image {
  margin: 0 0 0 15px;
  float: right; }

.link-list {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  display: table; }

.link-list-item {
  margin-bottom: 5px;
  color: #009c82;
  font-family: NotoSansBold; }
  .link-list-item span {
    font-size: 12px;
    margin-right: 5px; }

.link-list-item-text-wrapper {
  display: table-row; }

.link-list-item-inner {
  display: table-cell; }

.dot-list {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  display: table; }

.dot-list-item {
  counter-increment: section;
  padding: 5px 0;
  display: table-row; }
  .dot-list-item:before {
    content: counter(section);
    margin-right: 10px;
    display: inline-block;
    background-color: #ffb400;
    color: #ffffff;
    font-weight: 700;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 1.7;
    text-align: center; }

.dot-list-item-inner {
  display: table-cell;
  padding-bottom: 10px; }

.survey-module .survey-module-question-container,
.survey-module .survey-module-success-message-container {
  background: #f1f1f1;
  padding: 30px;
  margin-bottom: 30px; }

.survey-module .question-counter, .survey-module .question-title {
  font-family: NotoSansBold;
  font-size: 18px;
  margin-bottom: 25px;
  margin-top: 0; }

.survey-module .question-title {
  margin-bottom: 20px;
  font-size: 16px;
  /* font-size: calculateRem($size); */ }
  @media (max-width: 767px) {
    .survey-module .question-title {
      margin-top: 20px; } }

@media (max-width: 767px) {
  .survey-module .form .submit-button {
    margin-top: 20px; } }

.survey-module .survey-module-success-message-container {
  padding: 90px 30px; }
  .survey-module .survey-module-success-message-container .success-message {
    background: url(../img/survey-module-success-icon.png) no-repeat top center;
    text-align: center;
    padding-top: 120px;
    font-family: NotoSansBold; }

.pump-finder-teaser-module {
  padding: 30px;
  background-color: #f1f1f1; }
  .pump-finder-teaser-module .pump-finder-teaser-module-header .pump-finder-teaser-title {
    font-size: 18px;
    /* font-size: calculateRem($size); */
    font-family: NotoSansBold;
    color: #363640;
    margin-bottom: 0; }
  .pump-finder-teaser-module .pump-finder-teaser-module-header .pump-finder-teaser-sub-title {
    font-size: 16px;
    /* font-size: calculateRem($size); */
    color: #363640; }
  .pump-finder-teaser-module .pump-finder-teaser-module-dropdown {
    margin-bottom: 10px; }
    .pump-finder-teaser-module .pump-finder-teaser-module-dropdown label {
      font-family: NotoSansBold;
      color: #787878;
      font-size: 16px;
      /* font-size: calculateRem($size); */ }
  .pump-finder-teaser-module .pump-finder-teaser-lists .pump-finder-teaser-module-dropdown {
    display: none; }
    .pump-finder-teaser-module .pump-finder-teaser-lists .pump-finder-teaser-module-dropdown:first-child {
      display: block; }
  .pump-finder-teaser-module a.btn-dark-grey.wilo-explore-button {
    margin-bottom: 0; }

.module-divider {
  border-top: 1px solid #ddd; }

.pump-replacement-teaser-module {
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1; }
  .pump-replacement-teaser-module .pump-replacement-teaser-header {
    padding: 30px 30px 0 30px; }
    .pump-replacement-teaser-module .pump-replacement-teaser-header .pump-replacement-teaser-title {
      font-size: 18px;
      /* font-size: calculateRem($size); */
      font-family: NotoSansBold;
      color: #363640;
      margin-bottom: 0; }
    .pump-replacement-teaser-module .pump-replacement-teaser-header .pump-replacement-teaser-sub-title {
      font-size: 16px;
      /* font-size: calculateRem($size); */
      color: #363640; }
  .pump-replacement-teaser-module .pump-replacement-teaser-search-wrapper {
    margin-bottom: 20px;
    padding: 0 30px; }
    .pump-replacement-teaser-module .pump-replacement-teaser-search-wrapper label {
      color: #787878; }
    .pump-replacement-teaser-module .pump-replacement-teaser-search-wrapper .pump-replacement-teaser-form form {
      display: flex; }
      @media (max-width: 479px) {
        .pump-replacement-teaser-module .pump-replacement-teaser-search-wrapper .pump-replacement-teaser-form form {
          flex-direction: column; } }
      .pump-replacement-teaser-module .pump-replacement-teaser-search-wrapper .pump-replacement-teaser-form form input.form-control {
        margin-right: 10px; }
        @media (max-width: 479px) {
          .pump-replacement-teaser-module .pump-replacement-teaser-search-wrapper .pump-replacement-teaser-form form input.form-control {
            width: 100%; } }
      @media (max-width: 479px) {
        .pump-replacement-teaser-module .pump-replacement-teaser-search-wrapper .pump-replacement-teaser-form form input.wilo-btn.wilo-btn-primary, .pump-replacement-teaser-module .pump-replacement-teaser-search-wrapper .pump-replacement-teaser-form form input.wilo-btn-primary.mwf-upload-delete, .pump-replacement-teaser-module .pump-replacement-teaser-search-wrapper .pump-replacement-teaser-form form input.wilo-btn-primary.mwf-upload-upload {
          width: 100%; } }
    @media (max-width: 991px) {
      .pump-replacement-teaser-module .pump-replacement-teaser-search-wrapper .pump-replacement-teaser-form {
        flex-direction: column; }
        .pump-replacement-teaser-module .pump-replacement-teaser-search-wrapper .pump-replacement-teaser-form input {
          margin-bottom: 10px; } }
  .pump-replacement-teaser-module .pump-replacement-teaser-steps {
    padding: 33px 30px;
    background-color: #ffffff; }

.wilo-webshop-teaser-module {
  border: 1px solid #f1f1f1; }
  .wilo-webshop-teaser-module .webshop-teaser-content {
    padding: 30px; }
    .wilo-webshop-teaser-module .webshop-teaser-content .pump-replacement-teaser-title {
      font-size: 18px;
      font-family: NotoSansBold;
      color: #363640; }
    .wilo-webshop-teaser-module .webshop-teaser-content .webshop-item-slider .price {
      font-family: NotoSansBold;
      color: #363640; }
    .wilo-webshop-teaser-module .webshop-teaser-content .webshop-item-slider img {
      max-height: 135px;
      width: auto;
      margin: 0 auto; }
  .wilo-webshop-teaser-module .webshop-enter {
    background-color: #f1f1f1;
    padding: 30px;
    text-align: right; }
    @media (max-width: 479px) {
      .wilo-webshop-teaser-module .webshop-enter .buttons {
        display: flex;
        flex-direction: column; }
        .wilo-webshop-teaser-module .webshop-enter .buttons .wilo-btn, .wilo-webshop-teaser-module .webshop-enter .buttons .mwf-upload-delete, .wilo-webshop-teaser-module .webshop-enter .buttons .mwf-upload-upload {
          margin: 5px 0 0;
          width: 100%; }
          .wilo-webshop-teaser-module .webshop-enter .buttons .wilo-btn:first-child, .wilo-webshop-teaser-module .webshop-enter .buttons .mwf-upload-delete:first-child, .wilo-webshop-teaser-module .webshop-enter .buttons .mwf-upload-upload:first-child {
            margin-top: 0; } }
    .wilo-webshop-teaser-module .webshop-enter .wilo-btn, .wilo-webshop-teaser-module .webshop-enter .mwf-upload-delete, .wilo-webshop-teaser-module .webshop-enter .mwf-upload-upload {
      margin-bottom: 0; }

.atcBox {
  background-color: #ffffff;
  border: 2px solid #009c82;
  display: flex;
  flex-direction: row;
  position: relative; }
  @media (max-width: 767px) {
    .atcBox {
      flex-direction: column; } }
  .atcBox .text-sub-headline,
  .atcBox .text-text {
    margin-bottom: 0; }
  .atcBox .add-to-cart-product,
  .atcBox .add-to-cart-price {
    display: flex;
    flex-grow: 2;
    flex-direction: column;
    justify-content: center;
    padding: 28px; }
    @media (max-width: 991px) {
      .atcBox .add-to-cart-product,
      .atcBox .add-to-cart-price {
        padding: 18px; } }
  .atcBox .add-to-cart-product {
    background-color: #009c82;
    position: relative;
    flex-grow: 10; }
    .atcBox .add-to-cart-product p {
      color: #ffffff; }
    .atcBox .add-to-cart-product .box-arrow {
      width: 0;
      height: 0;
      position: absolute; }
      @media (max-width: 767px) {
        .atcBox .add-to-cart-product .box-arrow {
          left: 48%;
          bottom: -10px;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 10px solid #009c82; } }
      @media (min-width: 768px) {
        .atcBox .add-to-cart-product .box-arrow {
          right: -10px;
          left: auto;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 10px solid #009c82;
          border-right: inherit; } }
  @media (min-width: 768px) {
    .atcBox .add-to-cart-price {
      padding-left: 40px; } }
  @media (min-width: 992px) {
    .atcBox .add-to-cart-price {
      padding-left: 60px; } }
  .atcBox .add-to-cart-price .text-sub-headline {
    font-size: 20px;
    /* font-size: calculateRem($size); */
    line-height: 1.2;
    margin: 0; }
  .atcBox .add-to-cart-price .text-text {
    color: #787878; }
  .atcBox .add-to-cart-container {
    display: flex;
    flex-direction: column;
    align-items: left;
    padding: 0 18px 18px 18px;
    flex-grow: 3; }
    @media (min-width: 480px) {
      .atcBox .add-to-cart-container {
        flex-direction: row;
        justify-content: space-between; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .atcBox .add-to-cart-container {
        flex-direction: column;
        padding-top: 18px; } }
    @media (min-width: 992px) {
      .atcBox .add-to-cart-container {
        align-items: center;
        padding: 28px; } }
  .atcBox .add-to-cart-counter {
    padding-bottom: 20px; }
    @media (min-width: 480px) {
      .atcBox .add-to-cart-counter {
        padding-bottom: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .atcBox .add-to-cart-counter {
        padding-bottom: 10px; } }
    .atcBox .add-to-cart-counter .quantity-module .button {
      display: flex; }
    .atcBox .add-to-cart-counter .quantity-module input {
      width: 50px; }
  @media (max-width: 479px) {
    .atcBox .add-to-cart-btn {
      width: 100%; } }
  @media (min-width: 480px) {
    .atcBox .add-to-cart-btn {
      width: auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .atcBox .add-to-cart-btn {
      width: 100%; } }
  @media (min-width: 992px) {
    .atcBox .add-to-cart-btn {
      width: auto; } }
  .atcBox .add-to-cart-btn a {
    display: block;
    width: 100%; }

.atcBox__load {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center; }

.atcBox__loadImg {
  height: 50px; }

.wilo-btn-check {
  position: relative; }
  .wilo-btn-check:after {
    background-color: #009c82;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'wilo-icons';
    content: "\e910";
    font-size: 14px;
    margin: 0; }

.join-mywilo-box {
  background-color: #009c82;
  padding: 30px;
  display: flex;
  color: #ffffff; }
  .join-mywilo-box .join-mywilo-box-icon {
    flex: 1;
    display: flex;
    align-items: center; }
    .join-mywilo-box .join-mywilo-box-icon span {
      margin: auto;
      font-size: 60px; }
  .join-mywilo-box .join-mywilo-box-content {
    flex: 3; }
    .join-mywilo-box .join-mywilo-box-content .section-headline {
      font-size: 18px; }
    .join-mywilo-box .join-mywilo-box-content ul li, .join-mywilo-box .join-mywilo-box-content ul li::before, .join-mywilo-box .join-mywilo-box-content .section-headline {
      color: #ffffff; }
    .join-mywilo-box .join-mywilo-box-content .buttons {
      display: flex; }
      .join-mywilo-box .join-mywilo-box-content .buttons a {
        flex: 1; }
      @media (max-width: 1199px) {
        .join-mywilo-box .join-mywilo-box-content .buttons {
          display: block;
          padding: 0 15px; }
          .join-mywilo-box .join-mywilo-box-content .buttons a {
            width: 100%;
            margin: 0 0 5px; }
            .join-mywilo-box .join-mywilo-box-content .buttons a:last-child {
              margin-bottom: 0; } }
  .join-mywilo-box.row > *, .join-mywilo-box .row > * {
    margin: 0 15px; }
  @media (max-width: 991px) {
    .join-mywilo-box {
      display: block; }
      .join-mywilo-box .join-mywilo-box-icon {
        margin-bottom: 15px; } }

.marginal-col .join-mywilo-box {
  display: block; }
  .marginal-col .join-mywilo-box .join-mywilo-box-icon {
    margin-bottom: 15px; }
  .marginal-col .join-mywilo-box .join-mywilo-box-content .buttons {
    display: block; }
    .marginal-col .join-mywilo-box .join-mywilo-box-content .buttons a {
      width: 100%;
      margin: 0 0 5px; }
      .marginal-col .join-mywilo-box .join-mywilo-box-content .buttons a:last-child {
        margin-bottom: 0; }

.cart-checkout-content .text-headline {
  margin-bottom: 20px; }

.cart-checkout-content .section-headline {
  color: #363640;
  font-size: 18px;
  /* font-size: calculateRem($size); */ }

.cart-checkout-content .to-login {
  margin-bottom: 0; }
  .cart-checkout-content .to-login a {
    margin-left: 15px; }

.cart-checkout-content .form-section {
  margin-bottom: 0; }

@media (max-width: 991px) {
  .cart-checkout-content .form-section {
    margin-bottom: 30px; } }

.cart-checkout-content .page-module.formpage-module .form-progress .progress-steps-content {
  min-height: auto; }

.cart-checkout-content .payment-selection .payment-item {
  padding: 30px 30px 15px;
  border: 1px solid #dddddd; }
  .cart-checkout-content .payment-selection .payment-item .payment-text {
    margin: 5px 0 15px 30px; }
  .cart-checkout-content .payment-selection .payment-item .payment-additional {
    margin: 0 0 15px 30px;
    border-top: 1px solid #dddddd; }
    .cart-checkout-content .payment-selection .payment-item .payment-additional .icon-hint {
      margin: 2px 0 0 0; }
    @media (max-width: 479px) {
      .cart-checkout-content .payment-selection .payment-item .payment-additional {
        margin-left: 0; } }

.cart-checkout-content .payment-selection .radio-logo-box {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px; }
  .cart-checkout-content .payment-selection .radio-logo-box .radio-wrapper {
    flex: 1 auto;
    align-self: center; }
  .cart-checkout-content .payment-selection .radio-logo-box .payment-logo {
    align-self: flex-end;
    width: 100px;
    margin-bottom: 2px; }

.cart-checkout-content .last-address .select2-container {
  margin-top: 20px;
  margin-bottom: 20px; }

.cart-checkout-content .checkout-buttons {
  padding-top: 40px;
  display: flex;
  justify-content: space-between; }
  .cart-checkout-content .checkout-buttons .next {
    margin: 0; }
  @media (max-width: 479px) {
    .cart-checkout-content .checkout-buttons {
      padding-top: 30px;
      flex-direction: column; }
      .cart-checkout-content .checkout-buttons .wilo-btn {
        width: 100%;
        margin-top: 15px; }
        .cart-checkout-content .checkout-buttons .wilo-btn:last-child {
          margin-top: 5px; } }

@media (max-width: 479px) {
  .cart-checkout-content table.product-overview .price {
    padding: 0; } }

.cart-checkout-content table.product-overview th:first-child p {
  padding-left: 10px; }

.cart-checkout-content table.product-overview .quantity label {
  display: none; }

@media (max-width: 767px) {
  .cart-checkout-content table.product-overview .quantity {
    flex: initial;
    margin: inherit; }
    .cart-checkout-content table.product-overview .quantity label {
      display: inline-block; } }

.customer-info .checkbox-module {
  margin-bottom: 15px; }

.edit-box {
  padding: 30px;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  position: relative;
  color: #505050; }
  @media (max-width: 991px) {
    .edit-box {
      padding: 20px; } }
  .edit-box address,
  .edit-box p,
  .edit-box.last-item {
    margin-bottom: 0; }
  .edit-box strong {
    margin-bottom: 5px;
    display: inline-block;
    color: #363640; }
  .edit-box .wilo-icon {
    position: absolute;
    right: 30px;
    top: 30px;
    color: #363640; }
    @media (max-width: 991px) {
      .edit-box .wilo-icon {
        right: 20px;
        top: 20px; } }

@media (max-width: 991px) {
  .checkout-overview {
    margin-bottom: 30px; } }

.checkout-overview .cart-cost {
  background-color: #f1f1f1;
  padding: 30px;
  color: #505050; }
  @media (max-width: 991px) {
    .checkout-overview .cart-cost {
      padding: 20px; } }
  .checkout-overview .cart-cost ul {
    padding: 0;
    list-style-type: none; }
    .checkout-overview .cart-cost ul li {
      display: flex;
      margin-top: 10px; }
      .checkout-overview .cart-cost ul li:first-child {
        margin-top: 0; }
    .checkout-overview .cart-cost ul .product-image {
      width: 65px;
      min-width: 65px;
      height: 65px;
      border: 1px solid #dddddd;
      margin-right: 10px;
      padding: 10px;
      display: flex;
      align-self: flex-start; }
      .checkout-overview .cart-cost ul .product-image img {
        margin: auto;
        max-width: 100%;
        max-height: 100%; }
      @media (max-width: 991px) {
        .checkout-overview .cart-cost ul .product-image {
          width: 80px; } }
    .checkout-overview .cart-cost ul span {
      margin-right: 10px;
      align-self: center; }
      .checkout-overview .cart-cost ul span:last-child {
        margin-right: 0;
        margin-left: auto; }
  .checkout-overview .cart-cost p.total {
    margin: 15px 0 0;
    color: #363640; }
  .checkout-overview .cart-cost p.title {
    font-size: 20px;
    font-family: NotoSansBold;
    line-height: 1;
    color: #363640; }
  .checkout-overview .cart-cost ul,
  .checkout-overview .cart-cost p.title {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd; }

.countrySelection {
  color: #363640; }

.cs__continentList,
.cs__countryList {
  list-style-type: none; }

.cs__countryItem {
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center; }

.cs__countryImage {
  width: 32px; }

.cs__countryTitle {
  line-height: 1; }

@media (max-width: 480px) {
  .cs__country {
    width: 100%; } }

@media (min-width: 768px) {
  .cs__countryItem {
    flex-direction: row;
    height: 32px; } }

.cart-overview-content .shipping-information {
  margin-bottom: 30px;
  padding-left: 20px; }
  @media (max-width: 479px) {
    .cart-overview-content .shipping-information {
      padding-left: 10px; } }

.cart-overview-content .empty-cart p {
  margin-bottom: 30px; }
  @media (max-width: 479px) {
    .cart-overview-content .empty-cart p {
      margin-bottom: 20px; } }

.cart-overview-content .cart-information {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .cart-overview-content .cart-information .cart-redeem {
      margin-bottom: 30px; } }
  @media (min-width: 768px) {
    .cart-overview-content .cart-information .cart-redeem, .cart-overview-content .cart-information .checkout-overview {
      min-height: 220px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .cart-overview-content .cart-information .cart-redeem, .cart-overview-content .cart-information .checkout-overview {
      min-height: 240px; } }
  .cart-overview-content .cart-information .checkout-overview, .cart-overview-content .cart-information .cart-redeem {
    display: flex;
    align-items: stretch; }
  .cart-overview-content .cart-information .checkout-overview {
    margin-bottom: 0; }
  .cart-overview-content .cart-information .cart-redeem-content {
    padding: 20px;
    border: 1px solid #dddddd;
    flex: 1; }
    .cart-overview-content .cart-information .cart-redeem-content form {
      border: 0;
      margin: 0;
      padding: 0; }
    .cart-overview-content .cart-information .cart-redeem-content .voucher-code {
      display: flex;
      justify-content: space-between;
      color: #009c82;
      margin: 20px 0; }
      .cart-overview-content .cart-information .cart-redeem-content .voucher-code .icon-link {
        color: #787878; }
        .cart-overview-content .cart-information .cart-redeem-content .voucher-code .icon-link:hover, .cart-overview-content .cart-information .cart-redeem-content .voucher-code .icon-link:active, .cart-overview-content .cart-information .cart-redeem-content .voucher-code .icon-link:focus {
          color: #009c82; }
  .cart-overview-content .cart-information .cart-cost {
    padding: 20px;
    min-height: 100%;
    flex: 1; }
    .cart-overview-content .cart-information .cart-cost .title, .cart-overview-content .cart-information .cart-cost ul {
      display: none; }

.cart-overview-content .cart-buttons {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between; }
  @media (max-width: 479px) {
    .cart-overview-content .cart-buttons {
      flex-direction: column; }
      .cart-overview-content .cart-buttons .wilo-btn {
        width: 100%;
        margin-top: 15px; }
        .cart-overview-content .cart-buttons .wilo-btn:last-child {
          margin-top: 5px; } }

.cart-redeem {
  color: #505050; }
  .cart-redeem p {
    margin-bottom: 5px; }
  .cart-redeem .title {
    font-family: NotoSansBold;
    color: #363640; }
  .cart-redeem form {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd; }

/* Diese Styles gelten für Cart Overview, Order Checkout und Webshop */
.cart-cost p {
  display: flex;
  margin-bottom: 5px; }
  .cart-cost p span {
    margin-left: auto; }
  .cart-cost p.voucher-amount span {
    color: #009c82; }
  .cart-cost p.total {
    border-top: 1px solid #dddddd;
    margin-top: 25px;
    padding-top: 15px;
    font-size: 18px; }
  .cart-cost p.total, .cart-cost p.total span {
    font-family: NotoSansBold; }

table.product-overview {
  width: 100%;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    table.product-overview thead {
      display: none; } }
  table.product-overview th {
    color: #009c82;
    padding-top: 10px;
    line-height: 1;
    text-align: center; }
    table.product-overview th:first-child {
      text-align: left; }
      table.product-overview th:first-child p {
        padding-left: 20px; }
    table.product-overview th p {
      color: #009c82;
      font-family: NotoSansBold;
      font-size: 18px;
      /* font-size: calculateRem($size); */
      margin-bottom: 10px; }
    table.product-overview th div {
      height: 2px;
      width: 100%;
      background-color: #009c82; }
    @media (min-width: 1200px) {
      table.product-overview th.quantity, table.product-overview th.buy {
        width: 20%; } }
  table.product-overview tbody tr:nth-child(odd) {
    background-color: #f1f1f1; }
  table.product-overview tbody tr:nth-child(even) {
    background-color: #ffffff; }
  table.product-overview tbody tr:after {
    line-height: 3px; }
  table.product-overview tbody tr td {
    text-align: center;
    padding: 20px; }
    table.product-overview tbody tr td:first-child {
      text-align: left; }
    table.product-overview tbody tr td p {
      margin-bottom: 0; }
  table.product-overview .product-information {
    display: flex;
    align-items: center; }
    table.product-overview .product-information .product-image {
      width: 65px;
      min-width: 65px;
      height: 65px;
      border: 1px solid #dddddd;
      margin-right: 20px;
      padding: 10px;
      display: flex;
      background-color: #fff; }
      table.product-overview .product-information .product-image img {
        margin: auto;
        max-width: 100%;
        max-height: 100%; }
    table.product-overview .product-information .product-description .product-name, table.product-overview .product-information .product-description .product-number {
      margin-bottom: 0; }
    table.product-overview .product-information .product-description .product-name {
      color: #009c82; }
    table.product-overview .product-information .product-description .product-number {
      font-size: 14px;
      /* font-size: calculateRem($size); */ }
  table.product-overview .product-name,
  table.product-overview .price,
  table.product-overview .price-gross,
  table.product-overview .price-total {
    font-family: NotoSansBold; }
  @media (max-width: 767px) {
    table.product-overview .price-total {
      display: none; } }
  table.product-overview .price-excl-vat {
    font-size: 14px;
    /* font-size: calculateRem($size); */ }
  @media (max-width: 991px) {
    table.product-overview .wilo-btn-shop {
      font-size: 0;
      padding: 5px 10px;
      height: auto;
      text-align: center; }
      table.product-overview .wilo-btn-shop:before {
        margin-right: 0;
        font-size: 20px; } }

@media (max-width: 479px) {
  table.product-overview .price {
    padding: 8px 0 5px 0; } }

@media (max-width: 767px) {
  table.product-overview tbody {
    display: flex;
    flex-direction: column;
    margin-bottom: 3px;
    width: 100%; }
    table.product-overview tbody tr {
      margin-bottom: 3px;
      padding: 10px;
      display: flex;
      flex-wrap: wrap; }
      table.product-overview tbody tr td {
        padding: 0;
        margin: auto 0; }
        table.product-overview tbody tr td:first-child {
          margin-bottom: 10px;
          width: 100%; }
  table.product-overview .price {
    width: 120px;
    margin-right: 20px;
    text-align: left; }
  table.product-overview .quantity {
    flex: 1; }
    table.product-overview .quantity .quantity-module {
      justify-content: left; }
      table.product-overview .quantity .quantity-module .button {
        display: inherit; }
  table.product-overview .product-information .product-image {
    width: 80px;
    height: 80px; } }

/* .webshop-wrapper {
  .stage-content-divider {
    display: none;
  }
} */
/*.info-boxes-container {
  background-color: $clr-crystal-white;
  margin-bottom: 30px;
  padding: 13px 0;
}*/
.webshop-series-overview {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
  list-style: none;
  padding: 0; }
  .webshop-series-overview .webshop-collapse-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    margin-bottom: 30px;
    display: none; }
    .webshop-series-overview .webshop-collapse-container .product-overview {
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .webshop-series-overview .webshop-collapse-container .product-overview .price {
          text-align: left;
          margin-right: 0;
          width: 100%;
          padding: 8px 0 5px 0; } }
      .webshop-series-overview .webshop-collapse-container .product-overview .add-to-cart-btn .wilo-btn {
        margin: 0; }
        @media (max-width: 991px) {
          .webshop-series-overview .webshop-collapse-container .product-overview .add-to-cart-btn .wilo-btn {
            width: 46px;
            height: 38px; } }
        @media (min-width: 992px) {
          .webshop-series-overview .webshop-collapse-container .product-overview .add-to-cart-btn .wilo-btn {
            width: 100%; } }
    .webshop-series-overview .webshop-collapse-container .close {
      font-size: 32px;
      color: #363640;
      opacity: 1;
      filter: alpha(opacity=100);
      transition: all 0.2s ease-in-out;
      cursor: pointer; }
      @media (max-width: 767px) {
        .webshop-series-overview .webshop-collapse-container .close {
          font-size: 22px; } }
      .webshop-series-overview .webshop-collapse-container .close:hover, .webshop-series-overview .webshop-collapse-container .close:focus {
        opacity: 0.7;
        filter: alpha(opacity=70); }
    .webshop-series-overview .webshop-collapse-container .collapse-container-inner {
      padding: 20px 30px 20px 30px;
      border: 3px solid #ffb400; }
      @media (max-width: 479px) {
        .webshop-series-overview .webshop-collapse-container .collapse-container-inner {
          padding: 20px; } }
    .webshop-series-overview .webshop-collapse-container .arrow {
      border-bottom: 12px solid #ffb400;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      height: 0;
      width: 0;
      position: absolute;
      top: -12px;
      left: 50%; }
    @media (min-width: 768px) and (max-width: 991px) {
      .webshop-series-overview .webshop-collapse-container.arrow-left:before {
        left: 25%;
        right: auto; }
      .webshop-series-overview .webshop-collapse-container.arrow-right:before {
        right: 25%;
        left: auto;
        margin-left: 0; } }
    @media (min-width: 992px) {
      .webshop-series-overview .webshop-collapse-container.arrow-left:before {
        left: 15%;
        margin-left: 10px; }
      .webshop-series-overview .webshop-collapse-container.arrow-right:before {
        right: 15%;
        left: auto;
        margin-left: -10px; } }
    .webshop-series-overview .webshop-collapse-container .content-wrapper {
      display: flex;
      margin-bottom: 10px; }
      @media (max-width: 479px) {
        .webshop-series-overview .webshop-collapse-container .content-wrapper {
          flex-direction: column; } }
      .webshop-series-overview .webshop-collapse-container .content-wrapper .series-image {
        margin-right: 20px; }
        .webshop-series-overview .webshop-collapse-container .content-wrapper .series-image img {
          max-height: 100px;
          max-width: 100%;
          width: auto; }
        @media (max-width: 479px) {
          .webshop-series-overview .webshop-collapse-container .content-wrapper .series-image {
            align-self: center;
            margin: 0 0 10px 0; } }
      .webshop-series-overview .webshop-collapse-container .content-wrapper .series-info {
        align-self: center; }
        @media (max-width: 479px) {
          .webshop-series-overview .webshop-collapse-container .content-wrapper .series-info {
            text-align: center; } }
        .webshop-series-overview .webshop-collapse-container .content-wrapper .series-info .series-title {
          margin-bottom: 0;
          font-size: 22px;
          /* font-size: calculateRem($size); */
          font-family: NotoSansBold; }

.webshop-series-item {
  width: 33.33333%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
  margin-bottom: 30px;
  transition: all 0.2s ease-in-out; }
  .webshop-series-item.js-disabled {
    pointer-events: none;
    opacity: 0.6;
    filter: alpha(opacity=60); }
  @media (max-width: 767px) {
    .webshop-series-item {
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .webshop-series-item {
      width: 50%; } }
  .webshop-series-item .webshop-series-item-inner {
    padding: 30px;
    border: 1px solid #dddddd;
    display: flex;
    width: 100%;
    flex-direction: row;
    min-height: 238px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    .webshop-series-item .webshop-series-item-inner:hover {
      border: 1px solid #009c82;
      z-index: 1;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
    @media (max-width: 479px) {
      .webshop-series-item .webshop-series-item-inner {
        padding: 20px;
        flex-direction: column; } }
  .webshop-series-item .series-image {
    padding-right: 20px;
    width: 40%;
    display: flex;
    align-items: center; }
    @media (max-width: 479px) {
      .webshop-series-item .series-image {
        padding-right: 0;
        margin-bottom: 10px;
        width: 60%;
        align-self: center; } }
  .webshop-series-item .series-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 60%; }
    @media (max-width: 479px) {
      .webshop-series-item .series-info {
        width: 100%; } }
    .webshop-series-item .series-info .series-title {
      margin-bottom: 0;
      font-size: 18px;
      /* font-size: calculateRem($size); */
      font-family: NotoSansBold; }
      @media (max-width: 479px) {
        .webshop-series-item .series-info .series-title {
          text-align: center;
          margin-bottom: 20px; } }
    .webshop-series-item .series-info .series-buttons a {
      width: 100%; }
      .webshop-series-item .series-info .series-buttons a:first-child {
        margin-bottom: 10px; }
  .webshop-series-item.active .webshop-series-item-inner {
    border: 1px solid #ffb400; }

.order-confirmation h1, .order-confirmation p {
  margin-bottom: 15px; }

.order-confirmation p span {
  display: block; }

.order-confirmation .wilo-btn {
  margin: 30px 0 0 0; }

.countdown-container {
  text-align: center;
  margin-top: 30px; }
  .countdown-container .countdown-circles {
    margin: 35px 0 15px 0; }
    .countdown-container .countdown-circles .circle {
      display: inline-block;
      margin-right: 12px;
      margin-left: 13px;
      margin-bottom: 15px; }
      .countdown-container .countdown-circles .circle:first-child {
        margin-left: 0; }
      .countdown-container .countdown-circles .circle:last-child {
        margin-right: 0; }
      @media (max-width: 381px) {
        .countdown-container .countdown-circles .circle.third {
          margin-right: 0; }
        .countdown-container .countdown-circles .circle:last-child {
          margin-left: 0; } }
      .countdown-container .countdown-circles .circle .circle-value {
        font-size: 28px;
        display: inline-block;
        width: 72px;
        height: 72px;
        padding-top: 17px;
        border-radius: 50%;
        box-shadow: 0 0 0 3px #009a8b;
        text-align: center;
        border: 3px #fff solid;
        color: #fff;
        padding-left: 1px;
        background: #009a8b;
        margin-bottom: 10px; }

.iframe-module iframe {
  width: 100%; }

.breadcrumb {
  background-color: #ffffff;
  padding: 0;
  margin: 0 0 30px 0; }
  .breadcrumb > li {
    display: inline-flex; }
  .breadcrumb .breadcrumb-item a {
    color: #bcbcbc; }
  .breadcrumb .breadcrumb-item.home-link a {
    font-style: italic;
    font-weight: 800;
    color: #9e9ea3; }
  .breadcrumb .breadcrumb-item.active {
    color: #bcbcbc; }
  @media (max-width: 991px) {
    .breadcrumb {
      display: none; } }

@media (min-width: 992px) {
  .wilo-service-image {
    margin-top: 15px;
    max-height: 200px; } }

.service-slider .service-slider-item .sub {
  color: #252525;
  font-family: NotoSansBold;
  margin-top: 10px; }

.service-slider .service-slider-item p {
  color: #73737A; }

.service-slider .slick-arrow {
  background-color: transparent;
  top: 50%;
  width: 35px;
  z-index: 10; }
  .service-slider .slick-arrow::before {
    border: 0;
    color: #252525;
    font: normal normal normal 20px/1 FontAwesome;
    height: 20px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: 20%;
    width: 18px; }
  .service-slider .slick-arrow.slick-prev {
    left: 0; }
  .service-slider .slick-arrow.slick-next, .service-slider .product-detail .tab-type-gallery .gallery-thumbnails .slick-prev.slick-arrow, .product-detail .tab-type-gallery .gallery-thumbnails .service-slider .slick-prev.slick-arrow {
    right: 0; }
  .service-slider .slick-arrow.slick-prev::before {
    content: '\f053';
    width: 20px; }
  .service-slider .slick-arrow.slick-next::before, .service-slider .product-detail .tab-type-gallery .gallery-thumbnails .slick-prev.slick-arrow::before, .product-detail .tab-type-gallery .gallery-thumbnails .service-slider .slick-prev.slick-arrow::before {
    content: '\f054';
    width: 20px; }

.slick-list {
  padding: 0 !important; }

.service-slider-item {
  width: 100%; }

@media (max-width: 767px) {
  .service-slider .slick-next:before {
    font-family: 'wilo-icons' !important;
    content: "\e903" !important; }
  .service-slider .slick-prev:before {
    font-family: 'wilo-icons' !important;
    content: "\e902" !important; } }

.wilo-config-box {
  background-color: #363640;
  color: #ffffff;
  padding: 30px;
  margin-bottom: 45px;
  font-size: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  .wilo-config-box .top-row {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .wilo-config-box .top-row i {
      font-size: 1.5em; }
    .wilo-config-box .top-row span {
      font-size: 18px;
      letter-spacing: 1px;
      margin: 0 15px; }
  .wilo-config-box .bot-row a.btn, .wilo-config-box .bot-row a.wilo-explore-button {
    margin-bottom: 0; }
    .wilo-config-box .bot-row a.btn:before, .wilo-config-box .bot-row a.wilo-explore-button:before {
      font-family: 'wilo-icons' !important;
      content: "\e903"; }
  @media (max-width: 768px) {
    .wilo-config-box {
      padding: 25px;
      flex-direction: column; }
      .wilo-config-box .top-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%; }
      .wilo-config-box .bot-row {
        width: 100%;
        margin-top: 15px;
        width: 100%; }
        .wilo-config-box .bot-row .btn, .wilo-config-box .bot-row a.wilo-explore-button {
          display: block; } }

@media (min-width: 993px) {
  .wilo-config-box-mobile {
    display: none; }
  .wilo-config-box-desktop {
    display: block; } }

@media (max-width: 991px) {
  .wilo-config-box-mobile {
    display: block; }
  .wilo-config-box-desktop {
    display: none; } }

/* @import "email/order_email.scss"; */

.product-series-page-wrapper .product-overview {
  margin-bottom: 45px;
  width: 100%; }
  .product-series-page-wrapper .product-overview .product-general {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .product-series-page-wrapper .product-overview .product-general .product-images {
      position: relative;
      margin-top: auto;
      margin-bottom: auto; }
      @media (max-width: 991px) {
        .product-series-page-wrapper .product-overview .product-general .product-images {
          margin: 30px 0; } }
      .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-images {
        overflow: hidden;
        height: auto !important; }
        @media (min-width: 768px) {
          .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-images {
            margin: 0 15px;
            z-index: 1;
            top: 50%;
            position: absolute;
            transform: translateY(-50%);
            width: 64px; }
            .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-images .slick-list {
              max-height: 296px;
              height: auto !important; }
            .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-images .slick-track {
              width: 64px !important; } }
        @media (max-width: 767px) {
          .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-images {
            margin: 0 auto;
            position: static;
            width: auto;
            max-width: 296px;
            display: flex;
            justify-content: center; }
            .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-images .slick-track {
              display: flex;
              justify-content: center;
              min-width: 296px !important;
              height: 64px !important; }
            .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-images .slick-list {
              height: 64px !important; } }
      .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-image {
        width: 64px !important;
        height: 64px;
        cursor: pointer;
        border: 1px solid #787878;
        margin: 0 0 10px;
        position: relative; }
        @media (max-width: 767px) {
          .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-image {
            margin: 0 10px 0 0; } }
        .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-image.slick-current {
          border: 2px solid #009c82; }
        .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-image img {
          max-width: 90%;
          max-height: 90%;
          position: absolute;
          left: 50%;
          top: 50%;
          width: auto;
          transform: translate(-50%, -50%); }
        .product-series-page-wrapper .product-overview .product-general .product-images .thumbnail-image.slick-slide {
          display: block; }
      .product-series-page-wrapper .product-overview .product-general .product-images .slider-images {
        width: 100%;
        padding-left: 94px; }
        @media (min-width: 992px) {
          .product-series-page-wrapper .product-overview .product-general .product-images .slider-images .slick-list {
            height: 320px; }
          .product-series-page-wrapper .product-overview .product-general .product-images .slider-images .slick-track {
            width: auto !important; } }
        @media (max-width: 767px) {
          .product-series-page-wrapper .product-overview .product-general .product-images .slider-images {
            padding-left: 0; } }
        .product-series-page-wrapper .product-overview .product-general .product-images .slider-images > div {
          display: none;
          position: relative; }
          .product-series-page-wrapper .product-overview .product-general .product-images .slider-images > div:first-child {
            display: flex; }
          .product-series-page-wrapper .product-overview .product-general .product-images .slider-images > div.slick-list {
            display: block; }
          .product-series-page-wrapper .product-overview .product-general .product-images .slider-images > div img {
            max-height: 275px;
            max-width: 100%;
            width: auto;
            margin: auto;
            left: 50%;
            top: 50%; }
            @media (min-width: 992px) {
              .product-series-page-wrapper .product-overview .product-general .product-images .slider-images > div img {
                max-height: 228px; } }
            @media (max-width: 767px) {
              .product-series-page-wrapper .product-overview .product-general .product-images .slider-images > div img {
                max-height: unset;
                max-width: 320px;
                max-height: 250px; } }
          .product-series-page-wrapper .product-overview .product-general .product-images .slider-images > div iframe {
            width: 100%;
            height: 100%; }
        .product-series-page-wrapper .product-overview .product-general .product-images .slider-images .slick-slide {
          height: 320px;
          display: flex;
          position: absolute !important;
          left: 0 !important;
          align-items: center;
          background-color: #fff; }
          @media (max-width: 767px) {
            .product-series-page-wrapper .product-overview .product-general .product-images .slider-images .slick-slide {
              height: 300px; } }

.product-series-page-wrapper .tab-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #f1f1f1;
  z-index: 100;
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1); }
  .product-series-page-wrapper .tab-wrapper .container {
    display: flex; }
    .product-series-page-wrapper .tab-wrapper .container .series-tabs {
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap; }
      .product-series-page-wrapper .tab-wrapper .container .series-tabs li {
        display: inline-block; }
        .product-series-page-wrapper .tab-wrapper .container .series-tabs li a {
          padding: 22px 22px 17px;
          border-bottom: 3px solid transparent;
          text-decoration: none;
          display: block;
          color: #363640;
          line-height: 1;
          transition: none; }
          .product-series-page-wrapper .tab-wrapper .container .series-tabs li a:hover {
            background-color: #f8f8f8; }
        .product-series-page-wrapper .tab-wrapper .container .series-tabs li.active a {
          background-color: rgba(255, 255, 255, 0.5);
          border-bottom: 3px solid #009c82; }
        .product-series-page-wrapper .tab-wrapper .container .series-tabs li.tab--special a {
          background-color: #009c82;
          border-bottom: 3px solid #009c82;
          color: #fff; }
        .product-series-page-wrapper .tab-wrapper .container .series-tabs li.tab--special.active a {
          border-bottom: 3px solid #006C5A; }
      @media (max-width: 991px) {
        .product-series-page-wrapper .tab-wrapper .container .series-tabs {
          display: none; } }
    .product-series-page-wrapper .tab-wrapper .container .tab-burger {
      display: none;
      position: relative;
      cursor: pointer; }
      @media (max-width: 991px) {
        .product-series-page-wrapper .tab-wrapper .container .tab-burger {
          position: static; } }
      .product-series-page-wrapper .tab-wrapper .container .tab-burger .hamburger {
        display: none;
        cursor: pointer;
        padding: 15px 20px 15px 22px; }
        @media (max-width: 991px) {
          .product-series-page-wrapper .tab-wrapper .container .tab-burger .hamburger {
            padding-left: 0;
            display: block; } }
        .product-series-page-wrapper .tab-wrapper .container .tab-burger .hamburger .hamburger-box {
          height: auto; }
          .product-series-page-wrapper .tab-wrapper .container .tab-burger .hamburger .hamburger-box .hamburger-inner,
          .product-series-page-wrapper .tab-wrapper .container .tab-burger .hamburger .hamburger-box .hamburger-inner::before,
          .product-series-page-wrapper .tab-wrapper .container .tab-burger .hamburger .hamburger-box .hamburger-inner::after {
            height: 1px;
            background-color: #363640; }
          .product-series-page-wrapper .tab-wrapper .container .tab-burger .hamburger .hamburger-box .hamburger-inner:after {
            bottom: -9px; }
          .product-series-page-wrapper .tab-wrapper .container .tab-burger .hamburger .hamburger-box .hamburger-inner:before {
            top: -9px; }
      .product-series-page-wrapper .tab-wrapper .container .tab-burger > p {
        margin: 0;
        padding: 22px 22px 17px;
        line-height: 1;
        border-bottom: 3px solid transparent;
        color: #363640; }
        @media (max-width: 991px) {
          .product-series-page-wrapper .tab-wrapper .container .tab-burger > p {
            display: none; } }
        .product-series-page-wrapper .tab-wrapper .container .tab-burger > p.active {
          background-color: rgba(255, 255, 255, 0.5);
          border-bottom: 3px solid #009c82; }
        .product-series-page-wrapper .tab-wrapper .container .tab-burger > p:hover {
          background-color: rgba(255, 255, 255, 0.5); }
      .product-series-page-wrapper .tab-wrapper .container .tab-burger ul {
        position: absolute;
        display: none;
        padding: 0;
        margin: 0;
        top: 100%;
        list-style-type: none;
        background-color: #f1f1f1; }
        .product-series-page-wrapper .tab-wrapper .container .tab-burger ul li {
          text-align: center; }
          .product-series-page-wrapper .tab-wrapper .container .tab-burger ul li.hidden {
            display: none; }
          .product-series-page-wrapper .tab-wrapper .container .tab-burger ul li.active a {
            color: #fff;
            background-color: #009c82;
            transition: none; }
          @media (max-width: 991px) {
            .product-series-page-wrapper .tab-wrapper .container .tab-burger ul li.active {
              text-align: left; } }
          .product-series-page-wrapper .tab-wrapper .container .tab-burger ul li:hover {
            background-color: rgba(255, 255, 255, 0.5); }
          @media (max-width: 991px) {
            .product-series-page-wrapper .tab-wrapper .container .tab-burger ul li {
              text-align: left; } }
          .product-series-page-wrapper .tab-wrapper .container .tab-burger ul li a {
            border-bottom: 3px solid transparent;
            display: block;
            padding: 15px 15px 12px;
            color: #363640; }
        @media (max-width: 991px) {
          .product-series-page-wrapper .tab-wrapper .container .tab-burger ul {
            transform: none;
            left: 0;
            width: 100vw; }
            .product-series-page-wrapper .tab-wrapper .container .tab-burger ul li {
              display: block !important; } }
      @media (max-width: 991px) {
        .product-series-page-wrapper .tab-wrapper .container .tab-burger {
          display: block !important; } }
    .product-series-page-wrapper .tab-wrapper .container .features {
      margin-left: auto;
      display: flex; }
      .product-series-page-wrapper .tab-wrapper .container .features a {
        font-size: 24px;
        color: #363640;
        padding: 15px 20px; }
        .product-series-page-wrapper .tab-wrapper .container .features a:hover {
          background-color: rgba(255, 255, 255, 0.5); }
        .product-series-page-wrapper .tab-wrapper .container .features a.icon-sales {
          background: #ffb400; }
          .product-series-page-wrapper .tab-wrapper .container .features a.icon-sales:hover {
            background: #eba500; }
        @media (max-width: 991px) {
          .product-series-page-wrapper .tab-wrapper .container .features a.icon-wilosolutionfinder {
            display: none; } }

.product-series-page-wrapper h2 {
  font-size: 20px;
  margin-bottom: 30px; }

.product-series-page-wrapper h3 {
  font-size: 18px; }

.product-series-page-wrapper .tab-content {
  padding-top: 15px; }
  @media (max-width: 767px) {
    .product-series-page-wrapper .tab-content {
      padding-top: 13px; } }
  .product-series-page-wrapper .tab-content p,
  .product-series-page-wrapper .tab-content li {
    font-size: 16px; }
  .product-series-page-wrapper .tab-content .information-block {
    margin-top: 30px;
    display: inline-block; }
    .product-series-page-wrapper .tab-content .information-block:first-child {
      margin-top: 0; }
    .product-series-page-wrapper .tab-content .information-block ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .product-series-page-wrapper .tab-content .information-block ul li {
        text-indent: -24px;
        margin-left: 24px;
        margin-bottom: 5px;
        max-width: 92%; }
        .product-series-page-wrapper .tab-content .information-block ul li:last-child {
          margin-bottom: 0;
          padding-bottom: 0; }
        .product-series-page-wrapper .tab-content .information-block ul li:before {
          font-family: 'wilo-icons' !important;
          font-size: 12px;
          padding-right: 10px;
          content: "\e92f";
          font-weight: bold;
          color: #009c82;
          padding-top: 3px; }
        .product-series-page-wrapper .tab-content .information-block ul li ul {
          margin-top: 5px; }
          .product-series-page-wrapper .tab-content .information-block ul li ul li:before {
            content: "-";
            font-family: unset;
            padding-top: 0;
            font-size: 14px; }
  .product-series-page-wrapper .tab-content .series-information .information-wrapper {
    column-count: 1; }
    @media (min-width: 992px) {
      .product-series-page-wrapper .tab-content .series-information .information-wrapper {
        column-count: 2;
        column-gap: 30px;
        margin-bottom: 30px; } }
  .product-series-page-wrapper .tab-content .downloads .download-tiles {
    column-count: 1; }
    @media (min-width: 992px) {
      .product-series-page-wrapper .tab-content .downloads .download-tiles {
        column-gap: 30px;
        column-count: 2; } }
    .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper {
      display: inline-block;
      width: 100%; }
      .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile {
        display: flex;
        padding: 30px;
        background-color: #F1F1F1;
        margin-bottom: 40px; }
        .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .image-wrapper {
          max-width: 150px;
          max-height: 200px;
          margin-right: 15px; }
        .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information {
          flex-grow: 1; }
          .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information h3 {
            color: #505050; }
          .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information table {
            width: 100%; }
            .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information table tr {
              border-bottom: 1px solid #009c82; }
              .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information table tr td {
                width: 50%;
                padding: 10px 10px 10px 0;
                color: #363640; }
          .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information .download {
            display: flex;
            align-items: center;
            margin-top: 15px;
            justify-content: space-between; }
            @media (max-width: 767px) {
              .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information .download {
                margin-top: 20px; } }
            .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information .download p {
              display: flex;
              color: #505050;
              margin: 0;
              align-items: center; }
              .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information .download p span {
                color: #363640;
                margin-right: 15px;
                font-size: 24px; }
                @media (max-width: 1199px) and (min-width: 992) {
                  .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information .download p span {
                    margin-right: 8px; } }
            @media (max-width: 399px) {
              .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information .download {
                flex-direction: column;
                align-items: initial; }
                .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information .download p {
                  margin-bottom: 15px; } }
        @media (max-width: 599px) {
          .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile {
            flex-direction: column;
            align-items: center; }
            .product-series-page-wrapper .tab-content .downloads .download-tiles .download-tile-wrapper .download-tile .information {
              width: 100%;
              margin-top: 30px; } }
  .product-series-page-wrapper .tab-content .curves {
    margin-bottom: 30px; }
    .product-series-page-wrapper .tab-content .curves .images.slick-initialized {
      width: calc(100% - 150px);
      margin: 0 auto; }
      @media (max-width: 767px) {
        .product-series-page-wrapper .tab-content .curves .images.slick-initialized {
          width: 100%; }
          .product-series-page-wrapper .tab-content .curves .images.slick-initialized .slick-arrow {
            display: none; } }
    .product-series-page-wrapper .tab-content .curves .images .slick-arrow {
      background: #009c82;
      width: 50px;
      height: 50px;
      top: 50%;
      opacity: 1;
      color: #fff; }
      .product-series-page-wrapper .tab-content .curves .images .slick-arrow .wilo-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff; }
    .product-series-page-wrapper .tab-content .curves .images .arrow-left {
      left: -75px; }
    .product-series-page-wrapper .tab-content .curves .images .arrow-right {
      right: -75px; }
    .product-series-page-wrapper .tab-content .curves .images .image-content {
      display: flex;
      flex-direction: column; }
      .product-series-page-wrapper .tab-content .curves .images .image-content p {
        margin-bottom: 15px; }
      .product-series-page-wrapper .tab-content .curves .images .image-content img {
        margin: 0 auto 30px;
        max-width: 990px; }
      .product-series-page-wrapper .tab-content .curves .images .image-content .sub-title {
        text-align: right;
        margin-top: 15px; }
      .product-series-page-wrapper .tab-content .curves .images .image-content .information-block {
        width: 100%; }
    .product-series-page-wrapper .tab-content .curves .thumbnails {
      margin-top: 15px;
      margin-bottom: 30px; }
      .product-series-page-wrapper .tab-content .curves .thumbnails .slick-track {
        display: flex;
        justify-content: center;
        transform: none !important; }
        .product-series-page-wrapper .tab-content .curves .thumbnails .slick-track .slick-slide {
          cursor: pointer;
          width: 64px !important;
          height: 64px;
          margin-right: 10px;
          padding: 5px;
          border: 1px solid #787878;
          display: flex;
          align-items: center; }
          .product-series-page-wrapper .tab-content .curves .thumbnails .slick-track .slick-slide:last-child {
            margin-right: 0; }
          .product-series-page-wrapper .tab-content .curves .thumbnails .slick-track .slick-slide.slick-current {
            border: 2px solid #009c82; }
  .product-series-page-wrapper .tab-content .productlist .container {
    width: auto;
    padding: 0; }
  .product-series-page-wrapper .tab-content .productlist .list table {
    width: 100%; }
    .product-series-page-wrapper .tab-content .productlist .list table td {
      font-size: 14px; }
    .product-series-page-wrapper .tab-content .productlist .list table thead tr {
      border-bottom: 3px solid #009c82;
      color: #009c82;
      font-family: NotoSansBold;
      height: 50px; }
      .product-series-page-wrapper .tab-content .productlist .list table thead tr th {
        padding: 5px;
        vertical-align: top; }
    .product-series-page-wrapper .tab-content .productlist .list table tbody tr {
      height: 50px; }
      .product-series-page-wrapper .tab-content .productlist .list table tbody tr:nth-child(odd) {
        background-color: #F1F1F1; }
      .product-series-page-wrapper .tab-content .productlist .list table tbody tr td {
        padding: 5px;
        text-align: center;
        vertical-align: top; }
        .product-series-page-wrapper .tab-content .productlist .list table tbody tr td a {
          color: #009c82;
          font-family: NotoSansBold; }
    .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xxs tr, .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs tr, .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm tr, .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md tr {
      border-bottom: 1px solid #009c82; }
    .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xxs tr {
      height: auto; }
    .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xxs th, .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xxs td {
      display: none; }
    .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xxs .v-table-column {
      display: table-cell; }
      .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xxs .v-table-column tr {
        border-bottom: 0; }
    .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs th:nth-child(2), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs th:nth-child(3), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs th:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs th:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs th:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs th:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs th:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs th:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs th:nth-child(10), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs td:nth-child(2), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs td:nth-child(3), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs td:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs td:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs td:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs td:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs td:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs td:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs td:nth-child(10) {
      display: none; }
    .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column {
      display: table-cell; }
      .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column tr {
        display: none; }
        .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column tr:nth-child(2), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column tr:nth-child(3), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column tr:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column tr:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column tr:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column tr:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column tr:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column tr:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column tr:nth-child(10) {
          display: table-row; }
      .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column td:nth-child(2), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column td:nth-child(3), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column td:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column td:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column td:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column td:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column td:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column td:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-xs .v-table-column td:nth-child(10) {
        display: table-cell; }
    .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm th:nth-child(3), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm th:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm th:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm th:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm th:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm th:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm th:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm th:nth-child(10), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm td:nth-child(3), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm td:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm td:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm td:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm td:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm td:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm td:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm td:nth-child(10) {
      display: none; }
    .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column {
      display: table-cell; }
      .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column tr {
        display: none; }
        .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column tr:nth-child(3), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column tr:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column tr:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column tr:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column tr:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column tr:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column tr:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column tr:nth-child(10) {
          display: table-row; }
      .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column td:nth-child(3), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column td:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column td:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column td:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column td:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column td:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column td:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-sm .v-table-column td:nth-child(10) {
        display: table-cell; }
    .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md th:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md th:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md th:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md th:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md th:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md th:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md th:nth-child(10), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md td:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md td:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md td:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md td:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md td:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md td:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md td:nth-child(10) {
      display: none; }
    .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column {
      display: table-cell; }
      .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column tr {
        display: none; }
        .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column tr:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column tr:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column tr:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column tr:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column tr:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column tr:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column tr:nth-child(10) {
          display: table-row; }
      .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column td:nth-child(4), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column td:nth-child(5), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column td:nth-child(6), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column td:nth-child(7), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column td:nth-child(8), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column td:nth-child(9), .product-series-page-wrapper .tab-content .productlist .list table.v-table-active-bp-md .v-table-column td:nth-child(10) {
        display: table-cell; }
    .product-series-page-wrapper .tab-content .productlist .list table .v-table-column {
      padding: 0;
      display: none; }
      .product-series-page-wrapper .tab-content .productlist .list table .v-table-column table tbody tr {
        height: auto;
        border-bottom: 0; }
        .product-series-page-wrapper .tab-content .productlist .list table .v-table-column table tbody tr:nth-child(odd) {
          background-color: #F1F1F1; }
        .product-series-page-wrapper .tab-content .productlist .list table .v-table-column table tbody tr:nth-child(even) {
          background-color: #fff; }
      .product-series-page-wrapper .tab-content .productlist .list table .v-table-column table th, .product-series-page-wrapper .tab-content .productlist .list table .v-table-column table td {
        padding: 5px;
        vertical-align: top;
        display: table-cell; }
  .product-series-page-wrapper .tab-content #webshop .add-to-cart-btn .wilo-btn {
    width: 100%;
    margin: 0; }
  .product-series-page-wrapper .tab-content #webshop tbody tr:last-child {
    border-bottom: 2px solid #009c82; }
  .product-series-page-wrapper .tab-content .tab-pane .list table tbody td {
    text-align: left !important; }
  .product-series-page-wrapper .tab-content .tab-pane .wilo-typekey-table tbody tr td {
    vertical-align: baseline;
    padding-bottom: 10px; }
    .product-series-page-wrapper .tab-content .tab-pane .wilo-typekey-table tbody tr td:first-child {
      padding-right: 30px;
      white-space: nowrap; }
  .product-series-page-wrapper .tab-content .tab-pane .wilo-typekey-table tbody tr:last-child td {
    padding-bottom: 0; }

.generate-pdf-form-wrapper {
  display: block;
  position: fixed;
  z-index: 1000;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 30px 30px 0 30px;
  width: 600px;
  max-height: 60vh;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  transition: visibility, opacity 0.3s ease-in-out;
  background-color: #fff; }
  .generate-pdf-form-wrapper.active {
    visibility: visible;
    opacity: 1; }
  @media (max-width: 767px) {
    .generate-pdf-form-wrapper {
      width: 75vw;
      max-height: 60vh;
      overflow: auto; } }
  .generate-pdf-form-wrapper .icon-close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 12px;
    cursor: pointer; }
    .generate-pdf-form-wrapper .icon-close:before {
      color: #2b2b33; }
  .generate-pdf-form-wrapper form {
    margin-bottom: 30px; }
    .generate-pdf-form-wrapper form h3 {
      color: #363640; }
    .generate-pdf-form-wrapper form p {
      color: #505050; }
    .generate-pdf-form-wrapper form h2 {
      font-family: NotoSansBold;
      margin-top: 0; }
    .generate-pdf-form-wrapper form > p,
    .generate-pdf-form-wrapper form h2 {
      margin-bottom: 15px; }
    .generate-pdf-form-wrapper form h3 {
      font-size: 16px;
      cursor: pointer; }
    .generate-pdf-form-wrapper form > div {
      margin-bottom: 15px; }
    .generate-pdf-form-wrapper form .input-wrapper {
      margin-bottom: 15px; }
    .generate-pdf-form-wrapper form .checkbox-wrapper {
      line-height: 1; }
      .generate-pdf-form-wrapper form .checkbox-wrapper p {
        top: 50%; }
  .generate-pdf-form-wrapper .toggle-optional:before {
    font-family: 'wilo-icons' !important;
    content: "\e904";
    color: #363640;
    margin-right: 10px;
    font-weight: normal;
    font-size: 14px; }
  .generate-pdf-form-wrapper .toggle-optional.active:before {
    content: "\e901"; }
  .generate-pdf-form-wrapper .optional-content {
    display: none; }
  .generate-pdf-form-wrapper #downloadpdf {
    margin-top: 15px; }

.informationArea h2 {
  font-size: 34px; }

.iframe--360 {
  width: 100%;
  height: 400px; }
  @media (max-width: 991px) {
    .iframe--360 {
      display: none; } }

.informationArea__txtImg {
  text-align: center; }

.img--360 {
  width: auto;
  max-width: 100%;
  max-height: 400px;
  margin: 0 auto; }

.citeBox {
  position: relative; }

.citeBox__textWrapper {
  position: absolute;
  top: 60px; }
  @media (max-width: 991px) {
    .citeBox__textWrapper {
      right: 0;
      top: 20px; } }
  @media (max-width: 767px) {
    .citeBox__textWrapper {
      position: static;
      top: 0; } }

@media (max-width: 991px) {
  .citeBox__textWrapper--left {
    left: 0;
    top: 20px; } }

.citeBox__text {
  padding: 30px;
  color: #fff;
  background-color: #363640;
  font-size: 28px;
  line-height: 30px; }
  @media (max-width: 767px) {
    .citeBox__text {
      font-size: 18px;
      line-height: 22px; } }

.citeBox__author {
  font-family: NotoSansBold;
  font-size: 12px;
  white-space: nowrap; }

.headline--big {
  font-size: 34px; }

.spaceBottom--big {
  margin-bottom: 90px; }
  @media (max-width: 991px) {
    .spaceBottom--big {
      margin-bottom: 30px; } }

.orderedList {
  padding-left: 15px; }

.orderedList__item--space {
  margin-bottom: 15px; }

.bg--grey {
  background-color: #f1f1f1;
  padding: 60px 0;
  margin-bottom: 90px; }
  @media (max-width: 991px) {
    .bg--grey {
      padding: 30px 0; } }

.bg--greyLast {
  margin-bottom: -60px; }

.content--centered {
  display: flex;
  align-items: center; }
  @media (max-width: 991px) {
    .content--centered > div {
      width: 50%; } }
  @media (max-width: 767px) {
    .content--centered {
      flex-direction: column-reverse; }
      .content--centered > div {
        width: auto; } }

@media (max-width: 991px) {
  .carouselPromo__wrapper {
    padding: 0; } }

.carousel__element {
  display: flex !important;
  height: 500px; }
  .carousel__element--reverse {
    flex-direction: row-reverse; }
  @media (max-width: 767px) {
    .carousel__element {
      flex-direction: column-reverse;
      height: auto; } }

.carouselPromo .slick-dots {
  bottom: -40px; }
  .carouselPromo .slick-dots li button:before {
    font-size: 12px; }

@media (max-width: 991px) {
  .carouselPromo .slider-arrow {
    top: 30vw; } }

.carousel__content {
  width: 50%; }
  @media (max-width: 767px) {
    .carousel__content {
      width: auto; } }
  .carousel__content--green {
    background-color: #009c82; }
    .carousel__content--green > * {
      color: #ffffff !important; }
  .carousel__content--lightgrey {
    background-color: #c3c3c6; }
    .carousel__content--lightgrey > * {
      color: #505050 !important; }
  .carousel__content--darkgrey {
    background-color: #363640; }
    .carousel__content--darkgrey > * {
      color: #ffffff !important; }

.carousel__image {
  background-position: center;
  background-size: cover; }
  @media (max-width: 767px) {
    .carousel__image {
      height: 70.25vw; } }

.image--sectionStarter {
  margin-bottom: 45px; }
  @media (max-width: 767px) {
    .image--sectionStarter {
      margin: 30px 0; } }

.product-series-page-wrapper .tab-content .carousel__information {
  padding: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media (max-width: 991px) {
    .product-series-page-wrapper .tab-content .carousel__information {
      padding: 60px; } }
  @media (max-width: 767px) {
    .product-series-page-wrapper .tab-content .carousel__information {
      padding: 30px 15px; } }

.product-series-page-wrapper .tab-content .modal-video {
  padding-top: 0;
  padding-bottom: 0; }
  .product-series-page-wrapper .tab-content .modal-video .video-player-control span {
    display: none; }
  .product-series-page-wrapper .tab-content .modal-video .video-player-module .video-player-wrap img {
    opacity: 0.3; }

.promoImg {
  padding: 0 90px; }
  @media (max-width: 767px) {
    .promoImg img {
      max-height: 60vw;
      width: auto;
      margin-bottom: 30px; } }
    #product-results-list td.wilo-align-left {
      text-align: left; }
    #product-results-list td.wilo-align-right {
      text-align: right; }
    #product-results-list td.wilo-align-center {
      text-align: center; }
    #product-results-list td.wilo-align-justify {
      text-align: justify; }

.load-more-results-button {
  background-color: #363640;
  color: #ffffff; }

.page-section {
  padding-bottom: 30px; }
  .page-section .tab-headline {
    cursor: default;
    margin-bottom: 10px;
    margin-top: 10px; }
  .page-section .wilo-more, .bordered-section .wilo-more {
    border: 0;
    color: #ffffff; }
  .page-section.mod {
    margin-bottom: 0; }
    .page-section.mod .btn, .page-section.mod a.wilo-explore-button, .mod.bordered-section a.wilo-explore-button {
      display: block; }
      .page-section.mod .btn::before, .page-section.mod a.wilo-explore-button::before, .mod.bordered-section a.wilo-explore-button::before {
        content: '\e903';
        font-family: wilo-icons;
        font-size: 14px;
        margin: 0 5px 0 0; }
    .page-section.mod h3 {
      color: #009c82; }

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

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

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

.wilo-align-justify {
  text-align: justify; }

.content.fullpage.fullpage-wrapper {
  margin-top: 0 !important; }

.wilo-plp-footer {
  background: rgba(241, 241, 241, 0.48);
  background: -moz-linear-gradient(top, rgba(241, 241, 241, 0.48) 0%, #363640 68%, #363640 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241, 241, 241, 0.48)), color-stop(68%, #363640), color-stop(100%, #363640));
  background: -webkit-linear-gradient(top, rgba(241, 241, 241, 0.48) 0%, #363640 68%, #363640 100%);
  background: -o-linear-gradient(top, rgba(241, 241, 241, 0.48) 0%, #363640 68%, #363640 100%);
  background: -ms-linear-gradient(top, rgba(241, 241, 241, 0.48) 0%, #363640 68%, #363640 100%);
  background: linear-gradient(to bottom, rgba(241, 241, 241, 0.48) 0%, #363640 68%, #363640 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$clr-crystal-white', endColorstr='$clr-text-darkblue', GradientType=0); }

.wilo-cover-background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .wilo-cover-background.fullpage-video-grey {
    background-size: contain; }
    .wilo-cover-background.fullpage-video-grey .scroll-down a, .wilo-cover-background.fullpage-video-grey #scrollr.scroll-down a span a, #scrollr.scroll-down a .wilo-cover-background.fullpage-video-grey span a {
      color: #363640; }
      .wilo-cover-background.fullpage-video-grey .scroll-down a span, .wilo-cover-background.fullpage-video-grey #scrollr.scroll-down a span a span, #scrollr.scroll-down a .wilo-cover-background.fullpage-video-grey span a span {
        border-left: 1px solid #363640;
        border-bottom: 1px solid #363640; }

.wilo-cover-images {
  position: absolute;
  width: auto; }
  .wilo-cover-images.wilo-yonos-engineer {
    bottom: 0;
    right: 25%;
    height: 70vh;
    z-index: 100; }
    @media (max-width: 1199px) {
      .wilo-cover-images.wilo-yonos-engineer {
        right: 10%;
        height: 60vh; } }
  .wilo-cover-images.wilos-yonos-product-image {
    right: 10%;
    height: 45vh;
    bottom: 25%; }
    @media (max-width: 991px) {
      .wilo-cover-images.wilos-yonos-product-image {
        z-index: 999; } }
    @media (max-width: 767px) {
      .wilo-cover-images.wilos-yonos-product-image {
        position: absolute;
        margin: 0 auto;
        left: 25%;
        right: 25%;
        bottom: 15%;
        height: 250px;
        width: auto; } }

.wilo-video {
  height: 100%;
  width: 100%; }

.wilo-video-teaser-text h1 {
  font-family: "NotoSansBold";
  color: #009c82;
  font-size: 64px; }

h3.feature-subheading {
  font-size: 2rem;
  margin: 0; }
  h1.feature-heading ~ h3.feature-subheading {
    margin: 0; }
  h3.feature-subheading.boxed {
    width: 30%; }
    @media (max-width: 991px) {
      h3.feature-subheading.boxed {
        width: 100%; } }

.wilo-video-teaser-text {
  text-align: center; }
  .wilo-video-teaser-text h1 {
    font-family: "NotoSansBold";
    color: #009c82;
    font-size: 4rem; }
  .wilo-video-teaser-text h5 {
    color: #000000;
    font-size: 2rem; }
  .wilo-video-teaser-text h1,
  .wilo-video-teaser-text h5 {
    margin: 0; }
    .wilo-video-teaser-text h1 ~ .icon-playbutton,
    .wilo-video-teaser-text h5 ~ .icon-playbutton {
      margin-top: 2rem;
      display: block; }
  .wilo-video-teaser-text .icon-playbutton {
    font-size: 10rem;
    color: #009c82; }
    .wilo-video-teaser-text .icon-playbutton:hover, .wilo-video-teaser-text .icon-playbutton:focus, .wilo-video-teaser-text .icon-playbutton:active, .wilo-video-teaser-text .icon-playbutton:visited, .wilo-video-teaser-text .icon-playbutton:link {
      color: #016656; }

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%; }
  #wilo-360 .responsive-iframe {
    top: 40%;
    height: 65%;
    transform: translateY(-50%); }

video {
  background-color: transparent !important; }

a.wilo-explore-button {
  color: #009c82;
  background-color: #ffffff;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: 'NotoSansBold';
  border-radius: 4px; }
  @media (max-width: 767px) {
    a.wilo-explore-button {
      font-size: 1.2rem; } }
  a.wilo-explore-button span {
    position: relative;
    top: 0.1em;
    margin-right: 0.5em; }

.wilo-box-transparent, .wilo-yonos-checked-list-box {
  background-color: #009c82;
  color: #ffffff;
  opacity: 0.9;
  padding: 2rem;
  display: inline-block; }
  @media (max-width: 767px) {
    .wilo-box-transparent, .wilo-yonos-checked-list-box {
      display: block; } }
  .wilo-box-transparent h1, .wilo-yonos-checked-list-box h1 {
    margin: 0;
    font-family: 'NotoSansBold';
    font-size: 4rem; }
    @media (max-width: 767px) {
      .wilo-box-transparent h1, .wilo-yonos-checked-list-box h1 {
        font-size: 3rem;
        display: inline-block; } }
  .wilo-box-transparent h5, .wilo-yonos-checked-list-box h5 {
    font-family: NotoSansRegular;
    margin-top: 0;
    font-size: 2rem; }
  .slide-simply-installed .wilo-box-transparent, .slide-simply-installed .wilo-yonos-checked-list-box {
    position: absolute;
    left: 5%;
    top: 25vh;
    padding: 2rem; }
    @media (max-width: 767px) {
      .slide-simply-installed .wilo-box-transparent, .slide-simply-installed .wilo-yonos-checked-list-box {
        text-align: center;
        top: inherit;
        bottom: 50%;
        right: 5%; } }
    .slide-simply-installed .wilo-box-transparent .icon-tick, .slide-simply-installed .wilo-yonos-checked-list-box .icon-tick {
      position: absolute;
      background-color: #ffffff;
      color: #009c82;
      font-size: 2.5rem;
      padding: 1.4rem 1rem;
      border-radius: 10rem;
      margin: 0 auto;
      left: calc(50% - 1.5rem);
      top: -40%; }
      @media (max-width: 767px) {
        .slide-simply-installed .wilo-box-transparent .icon-tick, .slide-simply-installed .wilo-yonos-checked-list-box .icon-tick {
          position: static;
          top: auto;
          margin: auto;
          left: auto;
          position: relative;
          bottom: 10px;
          display: inline-block;
          font-size: 0.8rem;
          padding: 0.70rem 0.55rem;
          border-radius: 5rem;
          margin-right: 1rem; } }

.wilo-yonos-checked-list-box {
  position: absolute;
  left: 5vw;
  bottom: 25%; }
  @media (min-width: 768px) and (max-width: 991px) {
    .wilo-yonos-checked-list-box {
      left: auto;
      bottom: auto;
      top: 30%;
      margin: 1rem;
      width: 80%;
      padding-right: 25vw; } }
  @media (max-width: 767px) {
    .wilo-yonos-checked-list-box {
      text-align: center;
      width: auto;
      position: static;
      margin: 15px; } }
  .wilo-yonos-checked-list-box > div {
    margin: 0 auto; }
    @media (max-width: 767px) {
      .wilo-yonos-checked-list-box > div {
        margin: 0;
        width: 100%; } }
    .wilo-yonos-checked-list-box > div ul {
      list-style-type: none;
      padding-left: 0;
      margin-bottom: 2rem; }
      @media (max-width: 767px) {
        .wilo-yonos-checked-list-box > div ul {
          display: none; } }
      .wilo-yonos-checked-list-box > div ul li {
        font-family: NotoSansRegular;
        font-size: 1.5rem; }
        @media (min-width: 768px) and (max-width: 991px) {
          .wilo-yonos-checked-list-box > div ul li {
            font-size: 1.3rem; } }
      .wilo-yonos-checked-list-box > div ul li > span[class^="icon-"] {
        margin-right: 1em;
        font-size: 0.75em; }
        @media (max-width: 767px) {
          .wilo-yonos-checked-list-box > div ul li > span[class^="icon-"] {
            font-size: inherit; } }
  .section-redbutton .wilo-maxo-yonos-center {
    position: absolute;
    height: auto;
    width: auto; }
  .section-redbutton .wilo-box-transparent h3, .section-redbutton .wilo-yonos-checked-list-box h3 {
    font-family: 'NotoSansBold';
    margin: 0 0 15px;
    font-size: 24px;
    /* font-size: calculateRem($size); */ }
  .section-redbutton .wilo-box-transparent p, .section-redbutton .wilo-yonos-checked-list-box p {
    font-size: 16px;
    /* font-size: calculateRem($size); */ }
  .section-redbutton .wilo-box-transparent.left-box, .section-redbutton .left-box.wilo-yonos-checked-list-box {
    top: 50vh;
    left: 10vw;
    position: absolute;
    z-index: 99;
    width: 30%; }
    @media (max-width: 991px) {
      .section-redbutton .wilo-box-transparent.left-box, .section-redbutton .left-box.wilo-yonos-checked-list-box {
        width: 80%;
        top: 15vh;
        padding: 20px; } }
    @media (max-width: 767px) {
      .section-redbutton .wilo-box-transparent.left-box, .section-redbutton .left-box.wilo-yonos-checked-list-box {
        display: none;
        bottom: 22vh; } }
  .section-redbutton .wilo-box-transparent.right-box, .section-redbutton .right-box.wilo-yonos-checked-list-box {
    bottom: 50vh;
    right: 10vw;
    position: absolute;
    z-index: 99;
    width: 28%; }
    @media (max-width: 991px) {
      .section-redbutton .wilo-box-transparent.right-box, .section-redbutton .right-box.wilo-yonos-checked-list-box {
        width: 60%;
        bottom: 22vh;
        right: 50%;
        transform: translateX(50%);
        padding: 20px; } }
    @media (max-width: 767px) {
      .section-redbutton .wilo-box-transparent.right-box, .section-redbutton .right-box.wilo-yonos-checked-list-box {
        width: 80%; } }

@media (max-width: 480px) {
  .fullpage-section .wilo-video-teaser-text h1,
  .fullpage-section .wilo-box-transparent h1,
  .fullpage-section .wilo-yonos-checked-list-box h1,
  .fullpage-section .wilo-yonos-checked-list-box h1 {
    font-size: 2rem !important; }
  .wilo-cover-images.wilos-yonos-product-image {
    height: 190px; } }

@media (max-width: 767px) {
  .fullpage-section .wilo-video-teaser-text h1,
  .fullpage-section .wilo-box-transparent h1,
  .fullpage-section .wilo-yonos-checked-list-box h1,
  .fullpage-section .wilo-yonos-checked-list-box h1 {
    font-size: 2.5rem !important; }
  .plp-features .slick-slide {
    padding: 0 40px !important;
    margin-top: 30px; }
  .slide-simply-installed .wilo-box-transparent, .slide-simply-installed .wilo-yonos-checked-list-box {
    padding: 2rem 1rem; } }

@media (max-width: 480px) {
  .wilo-box-transparent h1, .wilo-yonos-checked-list-box h1 {
    font-size: 2rem; }
  .slide-simply-installed .wilo-box-transparent .icon-tick, .slide-simply-installed .wilo-yonos-checked-list-box .icon-tick {
    top: -5px; } }

span.wilo-icon {
  font-family: "wilo-icons" !important; }

@media (max-width: 991px) {
  .wilo-plp-footer {
    background: #363640; }
  .wilo-plp-footer-desktop {
    display: none; }
  .wilo-plp-footer-mobile {
    display: block; }
    .wilo-plp-footer-mobile .footer-section-header {
      padding: 5px 0 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      margin: 0 0 10px 15px; }
      .wilo-plp-footer-mobile .footer-section-header a {
        font-family: NotoSansBold;
        opacity: 1; } }

@media (min-width: 993px) {
  .wilo-plp-footer-desktop {
    display: block; }
  .wilo-plp-footer-mobile {
    display: none; }
  .wilo-plp-footer footer {
    position: absolute;
    bottom: 0;
    background: transparent; } }

.wilo-video-teaser-text {
  width: 100vw;
  height: 90vh;
  margin-top: 10vh; }
  @media (max-width: 767px) {
    .wilo-video-teaser-text {
      margin-top: 5vh; } }

iframe {
  border: 0; }

.content #fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1; }

.download_page > .page-module.text-module {
  margin: 10px 0 50px 0; }

.download_page .page-module {
  margin: 20px 0; }

.download_page .section-divide {
  margin: 40px 0; }

.faq-block {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 20px; }
  .faq-block > span {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    font-size: 15px; }
  .faq-block .toggle-icon {
    display: inline-block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  .faq-block .faq-question {
    cursor: pointer; }
  .faq-block .faq-question p {
    overflow: hidden; }
  .faq-block .faq-answer {
    display: none;
    margin-left: 25px; }
  .faq-block .green-textlink span {
    font-size: 12px;
    margin-right: 5px; }

.page-module a.green-textlink {
  color: #009c82; }

.page-module .faq-question p {
  font-weight: bold;
  font-size: 16px;
  /* font-size: calculateRem($size); */
  color: #363640; }

.green-link {
  font-size: 16px;
  /* font-size: calculateRem($size); */
  color: #009c82 !important; }

.green-link .wilo-icon {
  font-size: 10px !important;
  margin-right: 0;
  margin-top: 4px; }

.media-downloads-marginal-wrapper .marginal-sub-headline {
  margin-bottom: 0; }

.media-downloads-marginal-wrapper .link-list {
  margin-top: 0; }

.references-wrapper .references-filter {
  display: flex; }
  @media (min-width: 769px) {
    .references-wrapper .references-filter > .dropdown-wrapper {
      width: calc(33.33% - 20px); }
      .references-wrapper .references-filter > .dropdown-wrapper:nth-child(2) {
        margin: 0 30px; } }
  @media (max-width: 767px) {
    .references-wrapper .references-filter > .dropdown-wrapper {
      width: 100%; } }

.references-wrapper .references-items {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 991px) {
    .references-wrapper .references-items {
      justify-content: space-between; } }
  .references-wrapper .references-items .references-item {
    display: flex;
    flex-direction: column; }
    @media (min-width: 992px) {
      .references-wrapper .references-items .references-item {
        width: 33.33%;
        padding: 15px; } }
    @media (max-width: 991px) {
      .references-wrapper .references-items .references-item {
        width: 50%;
        padding: 0 15px; } }
    @media (max-width: 767px) {
      .references-wrapper .references-items .references-item {
        width: 100%; } }
    .references-wrapper .references-items .references-item .button-module {
      margin-top: -15px; }
  .references-wrapper .references-items .image-module {
    overflow: hidden; }
    .references-wrapper .references-items .image-module img.text-image-teaser-image {
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
      .references-wrapper .references-items .image-module img.text-image-teaser-image:hover {
        opacity: 1;
        position: relative;
        transform: scale(1.15); }

.tools-module .tab-pane .marginal-page-content {
  padding-left: 0; }
  .tools-module .tab-pane .marginal-page-content .page-module:first-child {
    margin-top: 20px; }

.tools-module .tab-pane .page-module:first-child {
  margin-top: 30px; }

.tools-module .tab-pane .marginal-col {
  padding-right: 0;
  margin-top: 30px; }

.tools-module .tools-module-headline {
  font-family: WiloPlusFMBold;
  color: #363640;
  float: left;
  margin: 8px 15px;
  font-size: 16px;
  /* font-size: calculateRem($size); */ }

.tools-module .btn-default.wilo-green, .tools-module a.wilo-green.wilo-explore-button {
  float: right;
  margin: 0 20px; }

.tools-module .btn-default.wilo-green:before, .tools-module a.wilo-green.wilo-explore-button:before {
  font-family: 'wilo-icons';
  content: "\e903";
  margin: 0 5px 0 0;
  font-size: 14px;
  /* font-size: calculateRem($size); */ }

.locator-module .marginal-page-content {
  padding-left: 0; }

.locator-module .marginal-col {
  padding-right: 0; }

.locator-module .select-module label {
  margin-top: 0; }

.locator-module .locator-map-wrapper {
  position: relative; }

@media (max-width: 991px) {
  .locator-module .select-module label {
    margin-top: 10px; } }

a.privacy-link,
a.green-link {
  color: #009c82; }

.page-module.formpage-module .already-customer {
  margin: 30px 0; }
  .page-module.formpage-module .already-customer .uniform-radio {
    display: inline-block;
    margin-right: 10px;
    margin-top: 6px; }
  .page-module.formpage-module .already-customer .radio-label,
  .page-module.formpage-module .already-customer .input-label {
    vertical-align: top;
    line-height: 38px; }
  .page-module.formpage-module .already-customer .radio-label {
    margin-right: 40px; }
  .page-module.formpage-module .already-customer .input-label {
    margin-right: 20px; }
  .page-module.formpage-module .already-customer .form-control {
    width: auto;
    display: inline-block;
    vertical-align: middle; }
  .page-module.formpage-module .already-customer .textinput-wrapper {
    display: inline; }
  .page-module.formpage-module .already-customer #customer-id {
    display: inline-block;
    vertical-align: top; }
  .page-module.formpage-module .already-customer.type2 .input-label {
    display: block; }
  .page-module.formpage-module .already-customer.type2 .form-control {
    display: block;
    float: left;
    margin-right: 20px; }
  .page-module.formpage-module .already-customer.type2 p {
    overflow: hidden; }

.page-module.formpage-module .radio-module .uniform-radio {
  display: inline-block;
  margin-bottom: -5px; }

.page-module.formpage-module .radio-module label {
  position: absolute; }

.page-module.formpage-module .radio-label,
.page-module.formpage-module .input-label,
.page-module.formpage-module .input-module label,
.page-module.formpage-module .select-module label,
.page-module.formpage-module .checkbox-module label p,
.page-module.formpage-module .radio-module label {
  color: #787878;
  font-size: 16px;
  /* font-size: calculateRem($size); */ }

.page-module.formpage-module .radio-module label,
.page-module.formpage-module .checkbox-module label p {
  margin-bottom: 0; }

.page-module.formpage-module .input-module label,
.page-module.formpage-module .select-module label,
.page-module.formpage-module .checkbox-module,
.page-module.formpage-module .radio-module {
  display: block;
  margin-top: 15px; }

.page-module.formpage-module .section-divide {
  margin: 40px 0; }

.page-module.formpage-module .row > .text-headline {
  margin: 0 15px; }

.page-module.formpage-module .styled-form .text-content {
  margin: 5px 15px 20px 15px; }

.page-module.formpage-module .styled-form.already-customer .text-headline {
  margin-left: 0;
  margin-bottom: 10px; }

.page-module.formpage-module .col-sm-6 .col-sm-6 {
  padding-left: 0; }

.page-module.formpage-module .col-sm-6 .col-sm-6:last-child {
  padding-right: 0; }

.page-module.formpage-module .checkbox-wrapper {
  margin-bottom: -5px; }

.page-module.formpage-module .register-btn {
  margin-top: 10px; }

.page-module.formpage-module .toggle-icon {
  margin-right: 10px;
  display: inline-block;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 14px;
  /* font-size: calculateRem($size); */ }

.page-module.formpage-module .form-progress .progress-steps-content {
  min-height: 800px; }
  .page-module.formpage-module .form-progress .progress-steps-content > div {
    display: none; }
    .page-module.formpage-module .form-progress .progress-steps-content > div:first-child {
      display: block; }

.page-module.formpage-module textarea.form-control {
  resize: none;
  width: 100%;
  height: 180px !important;
  border: solid 1px #ccc; }

.page-module.formpage-module a.green-link {
  margin-bottom: 3px; }
  .page-module.formpage-module a.green-link .icon-arrow-right {
    font-size: 10px; }

.page-module.formpage-module .wilo-checkbox-error-border {
  border: 1px solid #f76733;
  padding: 15px; }
  .page-module.formpage-module .wilo-checkbox-error-border label {
    width: auto; }

/* Fake / Fix Classes only for Target Group */
/* Full Width Fix */
.fk--fw {
  position: relative; }
  .fk--fw::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: -50vw;
    width: 200vw;
    height: 100%;
    background-color: #f1f1f1; }

.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.row.no-gutters > [class^="col-"] {
  padding-right: 0;
  padding-left: 0; }

.search-filter-module-wrapper .search-match {
  display: inline-block;
  float: left;
  font-size: 18px;
  font-family: 'NotoSansBold';
  color: #000000;
  transform: translateY(25%);
  margin: 0; }
  .search-filter-module-wrapper .search-match span {
    font-family: inherit; }
    .search-filter-module-wrapper .search-match span#queryString {
      font-family: 'WiloPlusFMRegular'; }

@media (max-width: 991px) {
  .search-filter-module-wrapper .search-filter-dropdown {
    margin-bottom: 20px; }
    .search-filter-module-wrapper .search-filter-dropdown:last-child {
      margin-bottom: 0; } }

@media (max-width: 767px) {
  .search-filter-module-wrapper .search-filter-dropdown {
    margin-top: 15px; } }

.search-result-list .text-picutre-image-wrapper {
  margin-bottom: 15px;
  max-height: 150px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  .search-result-list .text-picutre-image-wrapper img {
    width: auto;
    max-height: 150px;
    max-width: 100%; }

.productseries-search-result .wilo-btn-primary {
  margin-right: 10px; }
  .productseries-search-result .wilo-btn-primary:last-child {
    margin: 0; }

.pdf-search-result .pdf-guide:before {
  font-size: 160px;
  /* font-size: calculateRem($size); */ }

.pdf-search-result .pdf-content {
  padding-top: 30px; }

@media (max-width: 991px) {
  .pdf-search-result .pdf-guide:before {
    font-size: 120px;
    /* font-size: calculateRem($size); */ } }

.media-search-result .video-player-control .wilo-icon {
  font-size: 35px !important; }
  @media (max-width: 767px) {
    .media-search-result .video-player-control .wilo-icon {
      font-size: 75px !important; } }

.media-search-result .video-player-control span {
  font-size: 16px !important; }
  @media (max-width: 767px) {
    .media-search-result .video-player-control span {
      font-size: 18px !important; } }

.search-result-wrapper .paging-list {
  margin: 0 auto; }

.search-header .products-per-page {
  transform: translateY(25%); }
  @media (max-width: 991px) {
    .search-header .products-per-page {
      float: right;
      margin: 0 0 0 15px; } }

.search-header .search-filter-dropdown {
  float: right; }
  .search-header .search-filter-dropdown select, .search-header .search-filter-dropdown .select2, .search-header .search-filter-dropdown .select2-container {
    min-width: 150px !important; }

.sort-by {
  text-align: right;
  line-height: 2.6; }
  @media (max-width: 767px) {
    .sort-by {
      text-align: left; } }

.search-result-list {
  list-style-type: none;
  padding: 0; }
  .search-result-list > li {
    list-style-type: none;
    margin: 0; }

.rtt-hidden {
  display: none;
  visibility: hidden; }

.globalBadge {
  position: fixed;
  left: 30px;
  bottom: 30px;
  z-index: 100; }
  .globalBadge .globalBadge__link {
    border-radius: 50%;
    display: block;
    border: 1px solid #009c82;
    overflow: hidden;
    padding: 15px;
    background-color: #fff; }
  .globalBadge__close {
    background-color: #009c82;
    padding: 15px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    cursor: pointer; }
  .globalBadge__img {
    width: 162px;
    height: 162px; }
  @media (max-width: 768px) {
    .globalBadge {
      display: none; } }

.icon-circle-cross {
  float: right;
  margin: 5px; }