@charset "UTF-8";
/*BEGIN: FRAME IMPORTS*/
/*styles for header and footer*/
/*variableized/mixinized*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*variableized/mixinized*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
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;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  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;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -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: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #333333;
  text-decoration: none;
  /*&:focus {
    //.tab-focus();
  }*/
}
a:hover,
a:focus {
  text-decoration: underline;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 5px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #f3f3f3;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1rem;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label,
.label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 21px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #666666;
}
.form-control {
  display: block;
  width: 100%;
  height: 43rem;
  padding: 20px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #666666;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -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 .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control:-moz-placeholder {
  color: #d8d8d8;
}
.form-control::-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #d8d8d8;
}
.form-control::-webkit-input-placeholder {
  color: #d8d8d8;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #f3f3f3;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 1rem;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 41px;
  padding: 10px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 2px;
}
select.input-sm {
  height: 41px;
  line-height: 41px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 114px;
  padding: 40px 20px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 5px;
}
select.input-lg {
  height: 114px;
  line-height: 114px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 53.75rem;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 6rem;
  right: 0;
  display: block;
  width: 43rem;
  height: 43rem;
  line-height: 43rem;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 21px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 22rem;
}
.form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
.form-horizontal .form-control-static {
  padding-top: 21px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 0px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 961px) {
  .container {
    width: 1060px;
  }
}
@media (min-width: 1430px) {
  .container {
    width: 1060px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.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,
.col-xs-13,
.col-sm-13,
.col-md-13,
.col-lg-13,
.col-xs-14,
.col-sm-14,
.col-md-14,
.col-lg-14,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-16,
.col-sm-16,
.col-md-16,
.col-lg-16,
.col-xs-17,
.col-sm-17,
.col-md-17,
.col-lg-17,
.col-xs-18,
.col-sm-18,
.col-md-18,
.col-lg-18,
.col-xs-19,
.col-sm-19,
.col-md-19,
.col-lg-19,
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20,
.col-xs-21,
.col-sm-21,
.col-md-21,
.col-lg-21,
.col-xs-22,
.col-sm-22,
.col-md-22,
.col-lg-22,
.col-xs-23,
.col-sm-23,
.col-md-23,
.col-lg-23,
.col-xs-24,
.col-sm-24,
.col-md-24,
.col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.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,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16,
.col-xs-17,
.col-xs-18,
.col-xs-19,
.col-xs-20,
.col-xs-21,
.col-xs-22,
.col-xs-23,
.col-xs-24 {
  float: left;
}
.col-xs-24 {
  width: 100%;
}
.col-xs-23 {
  width: 95.83333333%;
}
.col-xs-22 {
  width: 91.66666667%;
}
.col-xs-21 {
  width: 87.5%;
}
.col-xs-20 {
  width: 83.33333333%;
}
.col-xs-19 {
  width: 79.16666667%;
}
.col-xs-18 {
  width: 75%;
}
.col-xs-17 {
  width: 70.83333333%;
}
.col-xs-16 {
  width: 66.66666667%;
}
.col-xs-15 {
  width: 62.5%;
}
.col-xs-14 {
  width: 58.33333333%;
}
.col-xs-13 {
  width: 54.16666667%;
}
.col-xs-12 {
  width: 50%;
}
.col-xs-11 {
  width: 45.83333333%;
}
.col-xs-10 {
  width: 41.66666667%;
}
.col-xs-9 {
  width: 37.5%;
}
.col-xs-8 {
  width: 33.33333333%;
}
.col-xs-7 {
  width: 29.16666667%;
}
.col-xs-6 {
  width: 25%;
}
.col-xs-5 {
  width: 20.83333333%;
}
.col-xs-4 {
  width: 16.66666667%;
}
.col-xs-3 {
  width: 12.5%;
}
.col-xs-2 {
  width: 8.33333333%;
}
.col-xs-1 {
  width: 4.16666667%;
}
.col-xs-pull-24 {
  right: 100%;
}
.col-xs-pull-23 {
  right: 95.83333333%;
}
.col-xs-pull-22 {
  right: 91.66666667%;
}
.col-xs-pull-21 {
  right: 87.5%;
}
.col-xs-pull-20 {
  right: 83.33333333%;
}
.col-xs-pull-19 {
  right: 79.16666667%;
}
.col-xs-pull-18 {
  right: 75%;
}
.col-xs-pull-17 {
  right: 70.83333333%;
}
.col-xs-pull-16 {
  right: 66.66666667%;
}
.col-xs-pull-15 {
  right: 62.5%;
}
.col-xs-pull-14 {
  right: 58.33333333%;
}
.col-xs-pull-13 {
  right: 54.16666667%;
}
.col-xs-pull-12 {
  right: 50%;
}
.col-xs-pull-11 {
  right: 45.83333333%;
}
.col-xs-pull-10 {
  right: 41.66666667%;
}
.col-xs-pull-9 {
  right: 37.5%;
}
.col-xs-pull-8 {
  right: 33.33333333%;
}
.col-xs-pull-7 {
  right: 29.16666667%;
}
.col-xs-pull-6 {
  right: 25%;
}
.col-xs-pull-5 {
  right: 20.83333333%;
}
.col-xs-pull-4 {
  right: 16.66666667%;
}
.col-xs-pull-3 {
  right: 12.5%;
}
.col-xs-pull-2 {
  right: 8.33333333%;
}
.col-xs-pull-1 {
  right: 4.16666667%;
}
.col-xs-pull-0 {
  right: 0%;
}
.col-xs-push-24 {
  left: 100%;
}
.col-xs-push-23 {
  left: 95.83333333%;
}
.col-xs-push-22 {
  left: 91.66666667%;
}
.col-xs-push-21 {
  left: 87.5%;
}
.col-xs-push-20 {
  left: 83.33333333%;
}
.col-xs-push-19 {
  left: 79.16666667%;
}
.col-xs-push-18 {
  left: 75%;
}
.col-xs-push-17 {
  left: 70.83333333%;
}
.col-xs-push-16 {
  left: 66.66666667%;
}
.col-xs-push-15 {
  left: 62.5%;
}
.col-xs-push-14 {
  left: 58.33333333%;
}
.col-xs-push-13 {
  left: 54.16666667%;
}
.col-xs-push-12 {
  left: 50%;
}
.col-xs-push-11 {
  left: 45.83333333%;
}
.col-xs-push-10 {
  left: 41.66666667%;
}
.col-xs-push-9 {
  left: 37.5%;
}
.col-xs-push-8 {
  left: 33.33333333%;
}
.col-xs-push-7 {
  left: 29.16666667%;
}
.col-xs-push-6 {
  left: 25%;
}
.col-xs-push-5 {
  left: 20.83333333%;
}
.col-xs-push-4 {
  left: 16.66666667%;
}
.col-xs-push-3 {
  left: 12.5%;
}
.col-xs-push-2 {
  left: 8.33333333%;
}
.col-xs-push-1 {
  left: 4.16666667%;
}
.col-xs-push-0 {
  left: 0%;
}
.col-xs-offset-24 {
  margin-left: 100%;
}
.col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.col-xs-offset-21 {
  margin-left: 87.5%;
}
.col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.col-xs-offset-18 {
  margin-left: 75%;
}
.col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.col-xs-offset-15 {
  margin-left: 62.5%;
}
.col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.col-xs-offset-12 {
  margin-left: 50%;
}
.col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.col-xs-offset-9 {
  margin-left: 37.5%;
}
.col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.col-xs-offset-6 {
  margin-left: 25%;
}
.col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.col-xs-offset-3 {
  margin-left: 12.5%;
}
.col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@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,
  .col-sm-13,
  .col-sm-14,
  .col-sm-15,
  .col-sm-16,
  .col-sm-17,
  .col-sm-18,
  .col-sm-19,
  .col-sm-20,
  .col-sm-21,
  .col-sm-22,
  .col-sm-23,
  .col-sm-24 {
    float: left;
  }
  .col-sm-24 {
    width: 100%;
  }
  .col-sm-23 {
    width: 95.83333333%;
  }
  .col-sm-22 {
    width: 91.66666667%;
  }
  .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-20 {
    width: 83.33333333%;
  }
  .col-sm-19 {
    width: 79.16666667%;
  }
  .col-sm-18 {
    width: 75%;
  }
  .col-sm-17 {
    width: 70.83333333%;
  }
  .col-sm-16 {
    width: 66.66666667%;
  }
  .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-14 {
    width: 58.33333333%;
  }
  .col-sm-13 {
    width: 54.16666667%;
  }
  .col-sm-12 {
    width: 50%;
  }
  .col-sm-11 {
    width: 45.83333333%;
  }
  .col-sm-10 {
    width: 41.66666667%;
  }
  .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-8 {
    width: 33.33333333%;
  }
  .col-sm-7 {
    width: 29.16666667%;
  }
  .col-sm-6 {
    width: 25%;
  }
  .col-sm-5 {
    width: 20.83333333%;
  }
  .col-sm-4 {
    width: 16.66666667%;
  }
  .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-2 {
    width: 8.33333333%;
  }
  .col-sm-1 {
    width: 4.16666667%;
  }
  .col-sm-pull-24 {
    right: 100%;
  }
  .col-sm-pull-23 {
    right: 95.83333333%;
  }
  .col-sm-pull-22 {
    right: 91.66666667%;
  }
  .col-sm-pull-21 {
    right: 87.5%;
  }
  .col-sm-pull-20 {
    right: 83.33333333%;
  }
  .col-sm-pull-19 {
    right: 79.16666667%;
  }
  .col-sm-pull-18 {
    right: 75%;
  }
  .col-sm-pull-17 {
    right: 70.83333333%;
  }
  .col-sm-pull-16 {
    right: 66.66666667%;
  }
  .col-sm-pull-15 {
    right: 62.5%;
  }
  .col-sm-pull-14 {
    right: 58.33333333%;
  }
  .col-sm-pull-13 {
    right: 54.16666667%;
  }
  .col-sm-pull-12 {
    right: 50%;
  }
  .col-sm-pull-11 {
    right: 45.83333333%;
  }
  .col-sm-pull-10 {
    right: 41.66666667%;
  }
  .col-sm-pull-9 {
    right: 37.5%;
  }
  .col-sm-pull-8 {
    right: 33.33333333%;
  }
  .col-sm-pull-7 {
    right: 29.16666667%;
  }
  .col-sm-pull-6 {
    right: 25%;
  }
  .col-sm-pull-5 {
    right: 20.83333333%;
  }
  .col-sm-pull-4 {
    right: 16.66666667%;
  }
  .col-sm-pull-3 {
    right: 12.5%;
  }
  .col-sm-pull-2 {
    right: 8.33333333%;
  }
  .col-sm-pull-1 {
    right: 4.16666667%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-push-24 {
    left: 100%;
  }
  .col-sm-push-23 {
    left: 95.83333333%;
  }
  .col-sm-push-22 {
    left: 91.66666667%;
  }
  .col-sm-push-21 {
    left: 87.5%;
  }
  .col-sm-push-20 {
    left: 83.33333333%;
  }
  .col-sm-push-19 {
    left: 79.16666667%;
  }
  .col-sm-push-18 {
    left: 75%;
  }
  .col-sm-push-17 {
    left: 70.83333333%;
  }
  .col-sm-push-16 {
    left: 66.66666667%;
  }
  .col-sm-push-15 {
    left: 62.5%;
  }
  .col-sm-push-14 {
    left: 58.33333333%;
  }
  .col-sm-push-13 {
    left: 54.16666667%;
  }
  .col-sm-push-12 {
    left: 50%;
  }
  .col-sm-push-11 {
    left: 45.83333333%;
  }
  .col-sm-push-10 {
    left: 41.66666667%;
  }
  .col-sm-push-9 {
    left: 37.5%;
  }
  .col-sm-push-8 {
    left: 33.33333333%;
  }
  .col-sm-push-7 {
    left: 29.16666667%;
  }
  .col-sm-push-6 {
    left: 25%;
  }
  .col-sm-push-5 {
    left: 20.83333333%;
  }
  .col-sm-push-4 {
    left: 16.66666667%;
  }
  .col-sm-push-3 {
    left: 12.5%;
  }
  .col-sm-push-2 {
    left: 8.33333333%;
  }
  .col-sm-push-1 {
    left: 4.16666667%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-offset-24 {
    margin-left: 100%;
  }
  .col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .col-sm-offset-18 {
    margin-left: 75%;
  }
  .col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .col-sm-offset-12 {
    margin-left: 50%;
  }
  .col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .col-sm-offset-6 {
    margin-left: 25%;
  }
  .col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 961px) {
  .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,
  .col-md-13,
  .col-md-14,
  .col-md-15,
  .col-md-16,
  .col-md-17,
  .col-md-18,
  .col-md-19,
  .col-md-20,
  .col-md-21,
  .col-md-22,
  .col-md-23,
  .col-md-24 {
    float: left;
  }
  .col-md-24 {
    width: 100%;
  }
  .col-md-23 {
    width: 95.83333333%;
  }
  .col-md-22 {
    width: 91.66666667%;
  }
  .col-md-21 {
    width: 87.5%;
  }
  .col-md-20 {
    width: 83.33333333%;
  }
  .col-md-19 {
    width: 79.16666667%;
  }
  .col-md-18 {
    width: 75%;
  }
  .col-md-17 {
    width: 70.83333333%;
  }
  .col-md-16 {
    width: 66.66666667%;
  }
  .col-md-15 {
    width: 62.5%;
  }
  .col-md-14 {
    width: 58.33333333%;
  }
  .col-md-13 {
    width: 54.16666667%;
  }
  .col-md-12 {
    width: 50%;
  }
  .col-md-11 {
    width: 45.83333333%;
  }
  .col-md-10 {
    width: 41.66666667%;
  }
  .col-md-9 {
    width: 37.5%;
  }
  .col-md-8 {
    width: 33.33333333%;
  }
  .col-md-7 {
    width: 29.16666667%;
  }
  .col-md-6 {
    width: 25%;
  }
  .col-md-5 {
    width: 20.83333333%;
  }
  .col-md-4 {
    width: 16.66666667%;
  }
  .col-md-3 {
    width: 12.5%;
  }
  .col-md-2 {
    width: 8.33333333%;
  }
  .col-md-1 {
    width: 4.16666667%;
  }
  .col-md-pull-24 {
    right: 100%;
  }
  .col-md-pull-23 {
    right: 95.83333333%;
  }
  .col-md-pull-22 {
    right: 91.66666667%;
  }
  .col-md-pull-21 {
    right: 87.5%;
  }
  .col-md-pull-20 {
    right: 83.33333333%;
  }
  .col-md-pull-19 {
    right: 79.16666667%;
  }
  .col-md-pull-18 {
    right: 75%;
  }
  .col-md-pull-17 {
    right: 70.83333333%;
  }
  .col-md-pull-16 {
    right: 66.66666667%;
  }
  .col-md-pull-15 {
    right: 62.5%;
  }
  .col-md-pull-14 {
    right: 58.33333333%;
  }
  .col-md-pull-13 {
    right: 54.16666667%;
  }
  .col-md-pull-12 {
    right: 50%;
  }
  .col-md-pull-11 {
    right: 45.83333333%;
  }
  .col-md-pull-10 {
    right: 41.66666667%;
  }
  .col-md-pull-9 {
    right: 37.5%;
  }
  .col-md-pull-8 {
    right: 33.33333333%;
  }
  .col-md-pull-7 {
    right: 29.16666667%;
  }
  .col-md-pull-6 {
    right: 25%;
  }
  .col-md-pull-5 {
    right: 20.83333333%;
  }
  .col-md-pull-4 {
    right: 16.66666667%;
  }
  .col-md-pull-3 {
    right: 12.5%;
  }
  .col-md-pull-2 {
    right: 8.33333333%;
  }
  .col-md-pull-1 {
    right: 4.16666667%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-24 {
    left: 100%;
  }
  .col-md-push-23 {
    left: 95.83333333%;
  }
  .col-md-push-22 {
    left: 91.66666667%;
  }
  .col-md-push-21 {
    left: 87.5%;
  }
  .col-md-push-20 {
    left: 83.33333333%;
  }
  .col-md-push-19 {
    left: 79.16666667%;
  }
  .col-md-push-18 {
    left: 75%;
  }
  .col-md-push-17 {
    left: 70.83333333%;
  }
  .col-md-push-16 {
    left: 66.66666667%;
  }
  .col-md-push-15 {
    left: 62.5%;
  }
  .col-md-push-14 {
    left: 58.33333333%;
  }
  .col-md-push-13 {
    left: 54.16666667%;
  }
  .col-md-push-12 {
    left: 50%;
  }
  .col-md-push-11 {
    left: 45.83333333%;
  }
  .col-md-push-10 {
    left: 41.66666667%;
  }
  .col-md-push-9 {
    left: 37.5%;
  }
  .col-md-push-8 {
    left: 33.33333333%;
  }
  .col-md-push-7 {
    left: 29.16666667%;
  }
  .col-md-push-6 {
    left: 25%;
  }
  .col-md-push-5 {
    left: 20.83333333%;
  }
  .col-md-push-4 {
    left: 16.66666667%;
  }
  .col-md-push-3 {
    left: 12.5%;
  }
  .col-md-push-2 {
    left: 8.33333333%;
  }
  .col-md-push-1 {
    left: 4.16666667%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-24 {
    margin-left: 100%;
  }
  .col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-21 {
    margin-left: 87.5%;
  }
  .col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .col-md-offset-18 {
    margin-left: 75%;
  }
  .col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-15 {
    margin-left: 62.5%;
  }
  .col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .col-md-offset-12 {
    margin-left: 50%;
  }
  .col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 37.5%;
  }
  .col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .col-md-offset-6 {
    margin-left: 25%;
  }
  .col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 12.5%;
  }
  .col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1430px) {
  .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,
  .col-lg-13,
  .col-lg-14,
  .col-lg-15,
  .col-lg-16,
  .col-lg-17,
  .col-lg-18,
  .col-lg-19,
  .col-lg-20,
  .col-lg-21,
  .col-lg-22,
  .col-lg-23,
  .col-lg-24 {
    float: left;
  }
  .col-lg-24 {
    width: 100%;
  }
  .col-lg-23 {
    width: 95.83333333%;
  }
  .col-lg-22 {
    width: 91.66666667%;
  }
  .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-20 {
    width: 83.33333333%;
  }
  .col-lg-19 {
    width: 79.16666667%;
  }
  .col-lg-18 {
    width: 75%;
  }
  .col-lg-17 {
    width: 70.83333333%;
  }
  .col-lg-16 {
    width: 66.66666667%;
  }
  .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-14 {
    width: 58.33333333%;
  }
  .col-lg-13 {
    width: 54.16666667%;
  }
  .col-lg-12 {
    width: 50%;
  }
  .col-lg-11 {
    width: 45.83333333%;
  }
  .col-lg-10 {
    width: 41.66666667%;
  }
  .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-8 {
    width: 33.33333333%;
  }
  .col-lg-7 {
    width: 29.16666667%;
  }
  .col-lg-6 {
    width: 25%;
  }
  .col-lg-5 {
    width: 20.83333333%;
  }
  .col-lg-4 {
    width: 16.66666667%;
  }
  .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-2 {
    width: 8.33333333%;
  }
  .col-lg-1 {
    width: 4.16666667%;
  }
  .col-lg-pull-24 {
    right: 100%;
  }
  .col-lg-pull-23 {
    right: 95.83333333%;
  }
  .col-lg-pull-22 {
    right: 91.66666667%;
  }
  .col-lg-pull-21 {
    right: 87.5%;
  }
  .col-lg-pull-20 {
    right: 83.33333333%;
  }
  .col-lg-pull-19 {
    right: 79.16666667%;
  }
  .col-lg-pull-18 {
    right: 75%;
  }
  .col-lg-pull-17 {
    right: 70.83333333%;
  }
  .col-lg-pull-16 {
    right: 66.66666667%;
  }
  .col-lg-pull-15 {
    right: 62.5%;
  }
  .col-lg-pull-14 {
    right: 58.33333333%;
  }
  .col-lg-pull-13 {
    right: 54.16666667%;
  }
  .col-lg-pull-12 {
    right: 50%;
  }
  .col-lg-pull-11 {
    right: 45.83333333%;
  }
  .col-lg-pull-10 {
    right: 41.66666667%;
  }
  .col-lg-pull-9 {
    right: 37.5%;
  }
  .col-lg-pull-8 {
    right: 33.33333333%;
  }
  .col-lg-pull-7 {
    right: 29.16666667%;
  }
  .col-lg-pull-6 {
    right: 25%;
  }
  .col-lg-pull-5 {
    right: 20.83333333%;
  }
  .col-lg-pull-4 {
    right: 16.66666667%;
  }
  .col-lg-pull-3 {
    right: 12.5%;
  }
  .col-lg-pull-2 {
    right: 8.33333333%;
  }
  .col-lg-pull-1 {
    right: 4.16666667%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-24 {
    left: 100%;
  }
  .col-lg-push-23 {
    left: 95.83333333%;
  }
  .col-lg-push-22 {
    left: 91.66666667%;
  }
  .col-lg-push-21 {
    left: 87.5%;
  }
  .col-lg-push-20 {
    left: 83.33333333%;
  }
  .col-lg-push-19 {
    left: 79.16666667%;
  }
  .col-lg-push-18 {
    left: 75%;
  }
  .col-lg-push-17 {
    left: 70.83333333%;
  }
  .col-lg-push-16 {
    left: 66.66666667%;
  }
  .col-lg-push-15 {
    left: 62.5%;
  }
  .col-lg-push-14 {
    left: 58.33333333%;
  }
  .col-lg-push-13 {
    left: 54.16666667%;
  }
  .col-lg-push-12 {
    left: 50%;
  }
  .col-lg-push-11 {
    left: 45.83333333%;
  }
  .col-lg-push-10 {
    left: 41.66666667%;
  }
  .col-lg-push-9 {
    left: 37.5%;
  }
  .col-lg-push-8 {
    left: 33.33333333%;
  }
  .col-lg-push-7 {
    left: 29.16666667%;
  }
  .col-lg-push-6 {
    left: 25%;
  }
  .col-lg-push-5 {
    left: 20.83333333%;
  }
  .col-lg-push-4 {
    left: 16.66666667%;
  }
  .col-lg-push-3 {
    left: 12.5%;
  }
  .col-lg-push-2 {
    left: 8.33333333%;
  }
  .col-lg-push-1 {
    left: 4.16666667%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-24 {
    margin-left: 100%;
  }
  .col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .col-lg-offset-18 {
    margin-left: 75%;
  }
  .col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .col-lg-offset-12 {
    margin-left: 50%;
  }
  .col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .col-lg-offset-6 {
    margin-left: 25%;
  }
  .col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 1rem;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.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.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 0.75rem;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.clearfix:before,
.clearfix:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.container:before,
.container:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.modal-footer:before,
.modal-footer:after,
.container-fixed:before,
.container-fixed:after,
.container:before,
.container:after,
.container:before,
.container:after,
.row_padding:before,
.row_padding:after {
  content: " ";
  display: table;
}
.clearfix:after,
.form-horizontal .form-group:after,
.container:after,
.container:after,
.container-fluid:after,
.container-fluid:after,
.row:after,
.nav:after,
.modal-footer:after,
.container-fixed:after,
.container:after,
.container:after,
.row_padding:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 960px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}
@media (min-width: 961px) and (max-width: 1429px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}
@media (min-width: 1430px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 961px) and (max-width: 1429px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1430px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}
/*BEGIN: select.less*/
/*!
 * bootstrap-select v1.5.4
 * http://silviomoreto.github.io/bootstrap-select/
 *
 * Copyright 2013 bootstrap-select
 * Licensed under the MIT license
 */
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="span"] {
  float: none;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 0;
}
.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*="span"].pull-right,
.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
  float: right;
}
.input-append .bootstrap-select.btn-group {
  margin-left: -1px;
}
.input-prepend .bootstrap-select.btn-group {
  margin-right: -1px;
}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select {
  /*width: 220px\9; IE8 and below*/
  width: 220px\0;
  /*IE9 and below*/
}
.bootstrap-select.form-control:not([class*="span"]) {
  width: 100%;
}
.bootstrap-select > .btn {
  width: 100%;
  padding-right: 25px;
}
.error .bootstrap-select .btn {
  border: 1px solid #b94a48;
}
.bootstrap-select.show-menu-arrow.open > .btn {
  z-index: 2051;
}
.bootstrap-select .btn:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  float: left;
  text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group > .disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group[class*="span"] .btn {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 2000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu dt {
  display: block;
  padding: 3px 20px;
  cursor: default;
}
.bootstrap-select.btn-group .div-contain {
  overflow: hidden;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li > a.opt {
  position: relative;
  padding-left: 35px;
}
.bootstrap-select.btn-group .dropdown-menu li > a {
  cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li > dt small {
  font-weight: normal;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 2.5px;
}
.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
  display: none;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small {
  color: #64b1d8;
  color: rgba(255, 255, 255, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li > dt small {
  font-weight: normal;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mobile-device {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.control-group.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select-searchbox,
.bootstrap-select .bs-actionsbox {
  padding: 4px 8px;
}
.bootstrap-select .bs-actionsbox {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bootstrap-select-searchbox input {
  margin-bottom: 0;
}
.bootstrap-select .bs-actionsbox .btn-group button {
  width: 50%;
}
/*END: select.less*/
/*BEGIN: breadcrumbs.less*/
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 1rem;
  list-style: none;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #333333;
}
.breadcrumb > .active {
  color: #1a508e;
}
/*END: breadcrumbs.less*/
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 0px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.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 {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 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;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.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: #f3f3f3;
}
.nav > li.disabled > a {
  color: #d8d8d8;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #d8d8d8;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #f3f3f3;
  border-color: #333333;
}
.nav .nav-divider {
  height: 1px;
  margin: -0.5rem 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.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.42857143;
  border: 1px solid transparent;
  border-radius: 0px 0px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #f3f3f3 #f3f3f3 #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #666666;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 0px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #1a508e;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 0px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 1rem 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 20px 10px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #333333;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 40px 20px;
  font-size: 24px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 10px 5px;
  font-size: 13px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
body.dark_mode .modal-content {
  background-color: #333;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.show {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
  .modal-lg {
    width: 900px;
  }
}
.alert {
  padding: 15px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 20px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -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);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #1a508e;
  border-color: #164478;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #143d6c;
  border-color: #0d2745;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #1a508e;
  border-color: #164478;
}
.btn-primary .badge {
  color: #1a508e;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #000000;
  border-color: #000000;
}
.btn-success .badge {
  color: #000000;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #b30c00;
  border-color: #9a0a00;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #8a0900;
  border-color: #5c0600;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #b30c00;
  border-color: #9a0a00;
}
.btn-warning .badge {
  color: #b30c00;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #333333;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #3582d1;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #d8d8d8;
  text-decoration: none;
}
.btn-lg {
  padding: 40px 20px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 5px;
}
.btn-sm {
  padding: 10px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 2px;
}
.btn-xs {
  padding: 5px 3px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 2px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.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;
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  border-radius: 0px;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: -0.5rem 0;
  overflow: hidden;
  background-color: #f3f3f3;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #666666;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #1a508e;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #d8d8d8;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #d8d8d8;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 961px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
/*variableized/mixinized*/
/* BEGIN: Globals */
/*Images Paths*/
/*@main-images: '../../../../../../out/hirmer_hgg/img';
@main-shop-images: '../../../../../../out/hirmer_hgg/img/'; // wird vom jew. Shop überschrieben
@main-bg-images: '../../../../../../out/hirmer_hgg/src/images';*/
/*Breakpoints*/
/* END: Globals */
/* BEGIN: Colors */
/* END: Colors */
/* BEGIN: fonts */
/*font-weights*/
/* font-families -- different Defs. for K28 and ECK and HCZ */
/* END: fonts */
/* BEGIN: content variables */
/* Individual Landingpage */
/* END: content variables */
/*Start: old main_globals variables*/
/*END: old main_globals variables*/
/*variableized/mixinized*/
/* BEGIN: Globals */
/* Background-Images */
/****if mixins should be used as inline HTML classes OR as re-usable class in other .less-files, they have to be defined in the frame imports e.g. colors, fonts as "visible" mixins (without brackets) ...
the frame_mixins.less should be kept "invisible" to the source code at all
*****/
/*Quick reset of .bg-* classes */
/* Extensions of Visibility utilities */
/*ARROWS*/
/*easy TO USE margin and padding styles*/
/*relative paddings and margins*/
/* END: Globals */
/* BEGIN: Colors */
/*BEGIN: Dark/bright mode colors*/
/*header-font-bg e.g. mobile menu trigger*/
/*END: Dark/bright mode colors*/
/* END: Colors */
/* BEGIN: fonts */
/* centered columns styles */
/*.font_main: e.g. Teaser Headline// Category Title// Outfit Title*/
/*.font_head: e.g. Footer: Hotline, Newsletter// Detail: Title // Content: Cites // Big Buttons // Account: Subhead */
/*.font_head_double: Header loginbox, search: Title // Account: Title // Detail: prices */
/*.font_head_mobile: is mobile version of .font_head_double */
/*.font_head_cond: navigation: level One */
/*.font_overline: Small Buttons // Header: PhoneNumber, Warenkorb // Footer: Service Titles // Account: Sidebar navigation // Neavigation: Level Two*/
/*helper class - nicer than text-decoration ;->*/
/* additional infos in boxes: e.g. checkout service box "kostenlos aus dem ...*/
/* Head for Account, Checkout */
/*head detail*/
/* Notes: e.g. register: "*Pflichtfeld", Fussnote Einwilligung in Datenübermittlung, Tooltips*/
@media only screen and (max-width: 960px) {
  /*h1-h6 reset */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-weight: 400;
    line-height: 1.1;
    font-size: 1rem;
  }
  html {
    font-size: 18px;
  }
  body {
    font-size: 18px;
    line-height: 1.42857143;
  }
}
/* END: fonts */
/* BEGIN: flexbox */
/* Everything for Flexboxes */
/* END: flexbox */
/* BEGIN: BUTTON OLD */
/*Button Widths*/
/* END: BUTTON OLD */
/* BEGIN: BUTTON NEW*/
button[disabled],
html input[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}
/* END: BUTTON NEW*/
/*password validation*/
/*START: HEADER*/
/*END: HEADER*/
/* START pflegesymbol*/
/* END pflegesymbol*/
/* BEGIN: CONTENT PAGE*/
div.col-intro {
  -webkit-columns: 2 310px;
  -moz-columns: 2 310px;
  columns: 2 310px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
div.col-intro section {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
div.col-intro section h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
div.col-intro section p {
  margin-bottom: 1.5em;
}
/* END: CONTENT PAGE*/
/*variableized/mixinized*/
p {
  margin: 0 0;
}
dt {
  font-weight: 400;
}
label,
.label {
  font-weight: 400;
}
a {
  color: #333333;
  text-decoration: none;
}
body.dark_mode a {
  color: #fff;
}
a:hover,
a:focus {
  text-decoration: none;
}
/*Bootstrap Label Reset*/
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 10px;
}
.bg-arrows {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.bg-icons {
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.bg-forms {
  background-image: url(images/forms.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.bg-filter {
  background-image: url(images/filter.png);
  background-repeat: no-repeat;
}
.filter_checked_white {
  background-image: url(images/filter.png);
  background-repeat: no-repeat;
  background-position: 4px -105px;
}
.filter_checked_black {
  background-image: url(images/filter.png);
  background-repeat: no-repeat;
  background-position: 4px 5px;
}
/*Quick reset of .bg-* classes */
.bg-none {
  background-image: transparent;
}
/*
0-319
320  (iPhone5 Portrait) - 567
568  (iPhone5 Landscape) - 767
768  (iPad Portrait) - 960
961  (Main Breakpoint) - 1023
1024 (iPad Landscape) - 1279
1280 (3:4 Desktop) - 1439
1440 (16:9 Desktop) - 1679
1680 (3:4 Desktop) -
*/
body:before {
  content: "mobile";
  display: none;
  /* Prevent from displaying. */
}
@media (min-width: 961px) {
  body:before {
    content: "desktop";
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  body:before {
    content: "tablet";
  }
}
@media (max-width: 767px) {
  body:before {
    content: "phone";
  }
}
@media (max-width: 567px) {
  body:before {
    content: "phone-small";
  }
}
@media (max-width: 320px) {
  body:before {
    content: "phone-xsmall";
  }
}
/* Fixes (.container - now hyprid of .container and .container-fluid  */
.container-fixed {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  max-width: 1430px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 961px) {
  .container {
    width: 1060px;
  }
}
@media (min-width: 1430px) {
  .container {
    width: 1060px;
  }
}
@media only screen and (max-width: 960px) {
  .container {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0;
  }
}
@media only screen and (max-width: 960px) and (min-width: 768px) {
  .container {
    float: left;
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .container {
    max-width: 767px;
    width: inherit;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .container {
    max-width: 960px;
    width: inherit;
  }
}
@media (min-width: 961px) and (max-width: 1429px) {
  .container {
    max-width: 1429px;
    width: inherit;
  }
}
@media (min-width: 1430px) {
  .container {
    max-width: 1430px;
    width: inherit;
  }
}
/*@media (min-width: @screen-md-min) { .container {padding: 0 @padding-base-horizontal;} }*/
/* Extensions of Visibility utilities */
@media (max-width: 480px) {
  .visible-xxs {
    display: block !important;
  }
  table.visible-xxs {
    display: table;
  }
  tr.visible-xxs {
    display: table-row !important;
  }
  th.visible-xxs,
  td.visible-xxs {
    display: table-cell !important;
  }
}
.visible-desktop,
tr.visible-desktop,
th.visible-desktop,
td.visible-desktop {
  display: none !important;
}
@media (min-width: 961px) {
  .visible-desktop {
    display: block !important;
  }
  table.visible-desktop {
    display: table;
  }
  tr.visible-desktop {
    display: table-row !important;
  }
  th.visible-desktop,
  td.visible-desktop {
    display: table-cell !important;
  }
}
.visible-mobile,
tr.visible-mobile,
th.visible-mobile,
td.visible-mobile {
  display: none !important;
}
@media (max-width: 960px) {
  .visible-mobile {
    display: block !important;
  }
  table.visible-mobile {
    display: table;
  }
  tr.visible-mobile {
    display: table-row !important;
  }
  th.visible-mobile,
  td.visible-mobile {
    display: table-cell !important;
  }
}
@media (max-width: 960px) {
  .visible-mobile-unstrict {
    display: block;
  }
}
@media (min-width: 961px) {
  .hidden-desktop,
  tr.hidden-desktop,
  th.hidden-desktop,
  td.hidden-desktop {
    display: none !important;
  }
}
@media (max-width: 960px) {
  .hidden-mobile,
  tr.hidden-mobile,
  th.hidden-mobile,
  td.hidden-mobile {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .hidden-xxs,
  tr.hidden-xxs,
  th.hidden-xxs,
  td.hidden-xxs {
    display: none !important;
  }
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
/*----------------------------------vvvvvv----------------*/
.opaque_full {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}
.opaque_half {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
.fl-l {
  float: left!important;
}
.fl-r {
  float: right!important;
}
/*easy TO USE margin and padding styles*/
.wrapper-xs {
  padding: 5px;
}
.wrapper-sm {
  padding: 10px;
}
.wrapper {
  padding: 15px;
}
.wrapper-md {
  padding: 20px;
}
.r-wrapper-md {
  padding: 1.42857143rem;
}
.wrapper-lg {
  padding: 30px;
}
.wrapper-xl {
  padding: 50px;
}
.padder-lg {
  padding-right: 30px;
  padding-left: 30px;
}
.padder-md {
  padding-right: 20px;
  padding-left: 20px;
}
.padder {
  padding-right: 15px;
  padding-left: 15px;
}
.padder-sm {
  padding-right: 10px;
  padding-left: 10px;
}
.padder-xs {
  padding-right: 5px;
  padding-left: 5px;
}
.padder-v-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
.r-padder-v-sm {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.padder-v {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padder-v-md {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padder-v-lg {
  padding-top: 30px;
  padding-bottom: 30px;
}
.no-padder {
  padding: 0 !important;
}
.no-border {
  border: 0 none;
}
.border-light-gray {
  border: 1px solid #d8d8d8;
}
.b-t {
  border-top: 1px solid #333333;
}
.b-t-none {
  border-top: 0;
}
.b-r {
  border-right: 1px solid #333333;
}
.b-b {
  border-bottom: 1px solid #333333;
}
.b-b-none {
  border-bottom: 0;
}
.b-l {
  border-left: 1px solid #333333;
}
.b-t-gray-light {
  border-top: 1px solid #d8d8d8;
}
.b-r-gray-light {
  border-right: 1px solid #d8d8d8;
}
.b-b-gray-light {
  border-bottom: 1px solid #d8d8d8;
}
.b-l-gray-light {
  border-left: 1px solid #d8d8d8;
}
.p-t-none {
  padding-top: 0 !important;
}
.p-t-xs {
  padding-top: 5px;
}
.p-t-sm {
  padding-top: 10px;
}
.p-t-n {
  padding-top: 15px;
}
.p-t-md {
  padding-top: 20px;
}
.p-t-lg {
  padding-top: 30px;
}
.p-t-xl {
  padding-top: 40px;
}
.p-b-none {
  padding-bottom: 0 !important;
}
.p-b-xs {
  padding-bottom: 5px;
}
.p-b-n {
  padding-bottom: 15px;
}
.p-b-sm {
  padding-bottom: 10px;
}
.p-b-md {
  padding-bottom: 20px;
}
.p-b-lg {
  padding-bottom: 30px;
}
.p-r-none {
  padding-right: 0!important;
}
.p-r-xs {
  padding-right: 5px;
}
.p-r-sm {
  padding-right: 10px;
}
.p-r-md {
  padding-right: 20px;
}
.p-r-lg {
  padding-right: 30px;
}
.p-l-none {
  padding-left: 0!important;
}
.p-l-xs {
  padding-left: 5px;
}
.p-l-sm {
  padding-left: 10px;
}
.p-l-md {
  padding-left: 20px;
}
.p-r-lg {
  padding-right: 30px;
}
.pull-in {
  margin-right: -15px;
  margin-left: -15px;
}
.pull-out {
  margin: -10px -15px;
}
.m-center {
  margin-right: auto;
  margin-left: auto;
}
.m-xxs {
  margin: 2px 4px;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.p-sm {
  padding: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-xl {
  margin: 50px;
}
.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0 !important;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-xxl {
  margin-left: 50px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-l-n-xxl {
  margin-left: -50px;
}
.m-t-none {
  margin-top: 0 !important;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-xxl {
  margin-top: 50px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-t-n-xxl {
  margin-top: -50px;
}
.m-r-none {
  margin-right: 0 !important;
}
.m-r-xxs {
  margin-right: 1px;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-xxl {
  margin-right: 50px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-r-n-xxl {
  margin-right: -50px;
}
.m-b-none {
  margin-bottom: 0 !important;
}
.m-b-xxs {
  margin-bottom: 1px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
@media only screen and (max-width: 960px) {
  .m-m-b-md {
    margin-bottom: 20px;
  }
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-xxl {
  margin-bottom: 50px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}
.m-b-n-xxl {
  margin-bottom: -50px;
}
.m-t-2p {
  margin-top: 2%;
}
.m-b-2p {
  margin-bottom: 2%;
}
.m-t-4p {
  margin-top: 4%;
}
.m-b-4p {
  margin-bottom: 4%;
}
/*relative paddings and margins*/
.r-wrapper-md {
  padding: 1.42857143rem;
}
.w-full {
  width: 100%!important;
}
@media only screen and (min-width: 961px) {
  .w-full-desktop {
    width: 100%!important;
  }
}
.w-half {
  width: 50%!important;
}
.w-2-3 {
  width: 100/3*2%;
}
.w-1-3 {
  width: 100/3%;
}
.w-auto {
  width: auto!important;
}
.h-auto {
  height: auto!important;
}
.h-full {
  height: 100%!important;
}
/*variableized/mixinized*/
.gray-light {
  color: #d8d8d8;
}
.gray {
  color: #666666;
}
.color-border-light {
  color: #d8d8d8;
}
.color-border-medium {
  color: #666666;
}
.color-border-dark {
  color: #333333;
}
.text-color {
  color: #333333;
}
.color-info {
  color: #9d9d9d;
}
.stock_yo {
  color: #333333;
}
.brand_primary {
  color: #1a508e;
}
.brand_primary_background {
  color: #e5edf5;
}
.brand_success {
  color: #000000;
}
.brand_success_bg {
  background-color: #83ca25;
}
.brand_dark_green {
  color: #147b19;
}
.stock_y {
  color: #333333;
}
.stock_low {
  color: #000000;
}
.brand_sale {
  color: #b30c00;
}
.brand_error {
  color: #b30c00;
}
.brand_warning {
  color: #b30c00;
}
.stock_no {
  color: #b30c00;
}
.brand_error_bg {
  background-color: #fdd2cf;
}
.event-color-bg {
  background-color: #83ca25;
}
.event-color-fg {
  color: #fff;
}
.bg-mallstart {
  color: rgba(234, 234, 234, 0.5);
}
/* END: Colors */
.password-strength-bar-error {
  background-color: #b30c00;
}
.password-strength-bar-warning {
  background-color: #e19427;
}
.password-strength-bar-good {
  background-color: #1a508e;
}
.password-strength-bar-strong {
  background-color: #000000;
}
.password-strength-text-error {
  color: #b30c00;
}
.password-strength-text-warning {
  color: #e19427;
}
.password-strength-text-good {
  color: #1a508e;
}
.password-strength-text-strong {
  color: #000000;
}
/*variableized/mixinized*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/opensans-300.woff2) format("woff2"), url(fonts/opensans-300.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url(fonts/opensans-300-italics.woff2) format("woff2"), url(fonts/opensans-300-italics.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/opensans-400.woff2) format("woff2"), url(fonts/opensans-400.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url(fonts/opensans-400-italics.woff2) format("woff2"), url(fonts/opensans-400-italics.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(fonts/opensans-600.woff2) format("woff2"), url(fonts/opensans-600.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url(fonts/opensans-600-italics.woff2) format("woff2"), url(fonts/opensans-600-italics.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/opensans-700.woff2) format("woff2"), url(fonts/opensans-700.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 900;
  src: url(fonts/opensans-900.woff2) format("woff2"), url(fonts/opensans-900.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 900;
  src: url(fonts/opensans-900-italics.woff2) format("woff2"), url(fonts/opensans-900-italics.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "hirmer-icon-font";
  src: url(fonts/hirmer-icon-font.eot);
  src: url(fonts/hirmer-icon-font.eot#iefix) format("embedded-opentype"), url(fonts/hirmer-icon-font.ttf) format("truetype"), url(fonts/hirmer-icon-font.woff) format("woff"), url(images/hirmer-icon-font.svg#hirmer-icon-font) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*@font-face {
  font-family: "checkout-icons";
  src: url("@{main_fonts_src}/checkout-icons/checkout-icons.eot?6cmsv");
  src: url("@{main_fonts_src}/checkout-icons/checkout-icons.eot?6cmsv#iefix") format("embedded-opentype"),
  url("@{main_fonts_src}/checkout-icons/checkout-icons.ttf") format("truetype"),
  url("@{main_fonts_src}/checkout-icons/checkout-icons.woff") format("woff"),
  url("@{main_fonts_src}/checkout-icons/checkout-icons.svg?6cmsv#checkout-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}*/
@font-face {
  font-family: "checkout-icons";
  src: url(fonts/checkout-icons.ttf) format("truetype"), url(fonts/checkout-icons.woff) format("woff"), url(images/checkout-icons.svg#checkout-icons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'hirmer-sevice-icons';
  src: url(fonts/hirmer-sevice-icons.eot);
  src: url(fonts/hirmer-sevice-icons.eot#iefix) format('embedded-opentype'), url(fonts/hirmer-sevice-icons.woff) format('woff'), url(fonts/hirmer-sevice-icons.ttf) format('truetype'), url(images/hirmer-sevice-icons.svg#hirmer-sevice-icons) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'hirmer-main-icon-font';
  src: url(fonts/hirmer-main-icon-font.eot);
  src: url(fonts/hirmer-main-icon-font.eot#iefix) format('embedded-opentype'), url(fonts/hirmer-main-icon-font.woff) format('woff'), url(fonts/hirmer-main-icon-font.ttf) format('truetype'), url(images/hirmer-main-icon-font.svg#hirmer-main-icon-font) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*variableized/mixinized*/
.italic {
  font-style: italic;
}
.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.line-through {
  text-decoration: line-through;
}
b,
strong,
.strong,
.bold,
.b {
  font-weight: 700;
}
.semi-bold {
  font-weight: 600;
}
.normal,
.regular,
.standard {
  font-weight: 400;
}
.light,
.thin {
  font-weight: 300;
}
.condensed {
  font-family: 'Open Sans', sans-serif;
}
/*html font-size defines all the other rem-united font-sizes*/
html,
body,
.p,
.div,
.span {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  line-height: 1.42857143;
}
@media only screen and (min-width: 961px) {
  html,
  body,
  .p,
  .div,
  .span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  html,
  body,
  .p,
  .div,
  .span {
    font-size: 16px;
  }
}
.h1,
.font-28 {
  font-size: 2rem;
}
@media only screen and (max-width: 960px) {
  .h1,
  .font-28 {
    font-size: 1.55rem;
  }
}
.h2,
.font-24 {
  font-size: 1.71428571rem;
}
.h3,
.font-20 {
  font-size: 1.42857143rem;
}
.h4,
.font-18 {
  font-size: 1.28571429rem;
}
.font-14 {
  font-size: 14px;
}
.font_std {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: normal;
}
.font_std_thin {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: normal;
}
.font_display {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
}
.font_display_thin {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: normal;
}
.font_copy {
  font-weight: normal;
  line-height: 1.42857143;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.71428571;
}
@media only screen and (min-width: 961px) {
  .font_copy {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .font_copy {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .font_copy {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .font_copy {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .font_copy {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .font_copy {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .font_copy {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .font_copy {
    font-size: 16px;
  }
}
/*.font_main: e.g. Teaser Headline// Category Title// Outfit Title*/
.font_main {
  font-size: 40px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.font_main_sub {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
/*.font_head: e.g. Footer: Hotline, Newsletter// Detail: Title // Content: Cites // Big Buttons // Account: Subhead */
.font_head {
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
/*.font_head_double: Header loginbox, search: Title // Account: Title // Detail: prices */
.font_head_double {
  font-size: 36px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
/*.font_head_mobile: is mobile version of .font_head_double */
.font_head_mobile {
  font-size: 36px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
/*.font_head_cond: navigation: level One */
.font_head_cond {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
/*.font_overline: Small Buttons // Header: PhoneNumber, Warenkorb // Footer: Service Titles // Account: Sidebar navigation // Neavigation: Level Two*/
.font_overline {
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
.font_copy {
  font-weight: normal;
  line-height: 1.42857143;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.71428571;
}
@media only screen and (min-width: 961px) {
  .font_copy {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .font_copy {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .font_copy {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .font_copy {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .font_copy {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .font_copy {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .font_copy {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .font_copy {
    font-size: 16px;
  }
}
.font_copy_normalized {
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: normal;
}
.font_copy_italic {
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: italic;
}
.font_copy_link {
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.71428571;
  text-decoration: underline;
}
.font_content_menu_link {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}
.font_content_menu_link_active {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}
/*helper class - nicer than text-decoration ;->*/
.font_underline {
  border-bottom: 1px solid #b2b2b2;
}
/* additional infos in boxes: e.g. checkout service box "kostenlos aus dem ...*/
.font_extrasmall {
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
  line-height: 14px;
  font-weight: 400;
}
.font_small {
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  line-height: 14px;
  font-weight: 400;
}
.font_mediumlarge {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
/* Head for Account, Checkout */
.page_head {
  font-size: 36px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  text-align: center;
}
.addinfo_head {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
  padding: 0 0 15px;
}
.addinfo_subhead {
  font-weight: 700;
  padding: 0 0 20px;
}
/* Notes: e.g. register: "*Pflichtfeld", Fussnote Einwilligung in Datenübermittlung, Tooltips*/
.font_info {
  font-size: 13px;
  line-height: 22px;
}
.font_blue_link {
  color: #1a508e;
  border-bottom: 1px solid #1a508e;
  cursor: pointer;
}
.font_blue_link:hover {
  color: #3582d1;
  border-bottom: 1px solid #3582d1;
}
.font_gray_link {
  color: #666666;
  border-bottom: 1px solid #666666;
  cursor: pointer;
}
body.dark_mode .font_gray_link {
  color: white;
  border-bottom-color: white;
}
.text-overflow,
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hyphens {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.icon_multiline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
.icon_multiline i {
  padding: 0 5px 0 0;
  line-height: inherit;
}
.icon_multiline span {
  margin-left: 10px;
}
.text-center {
  text-align: center;
}
.nonbreakableli {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
}
.list_disc {
  list-style: disc outside none;
  padding-left: 15px;
}
.list_disc li {
  list-style: disc outside none!important;
}
cite {
  display: block;
  line-height: 1.25;
  font-size: 1.71428571rem;
}
/*
a:focus {
  outline: none;
}*/
/*variableized/mixinized*/
/*Hirmer Icon Font*/
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'checkout-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.small[class^="icon-"],
.small[class*=" icon-"] {
  font-size: 10px;
}
.icon-pen:before {
  content: "\e933";
}
.icon-clickreserve_icon:before {
  content: "\e92f";
}
.icon-versand_new:before {
  content: "\e92c";
}
.icon-telefon_new:before {
  content: "\e92d";
}
.icon-shoppingbag:before {
  content: "\e92e";
}
.icon-ruecksendung_new:before {
  content: "\e930";
}
.icon-paypal_new:before {
  content: "\e92a";
}
.icon-nachnahme_new:before {
  content: "\e92b";
}
.icon-mastercard_new:before {
  content: "\e928";
}
.icon-lupe:before {
  content: "\e929";
}
.icon-konto:before {
  content: "\e925";
}
.icon-hgg-logo-black:before {
  content: "\e942";
}
.icon-eckerle-logo:before {
  content: "\e943";
}
.icon-clickreserve_haus:before {
  content: "\e944";
}
.icon-clickcollect:before {
  content: "\e94d";
}
.icon-billpay:before {
  content: "\e927";
}
.icon-amazon-pay:before {
  content: "\e924";
}
.icon-trash:before {
  content: "\e923";
}
.icon-eye:before {
  content: "\e922";
}
.icon-eye-hidden:before {
  content: "\e926";
}
.icon-Bleichen-mit-Sauerstoff:before {
  content: "\e91f";
  color: #4f4e4e;
}
.icon-Liegend_trocknen:before {
  content: "\e920";
  color: #4f4e4e;
}
.icon-Professionelle-Nass-Reinigung:before {
  content: "\e921";
  color: #4f4e4e;
}
.icon-notification:before {
  content: "\e91e";
}
.icon-fax:before {
  content: "\e91d";
}
.icon-language:before {
  content: "\e91c";
}
.icon-menu:before {
  content: "\e91b";
}
.icon-search:before {
  content: "\e91a";
}
.icon-check:before {
  content: "\e919";
}
.icon-user-standard:before {
  content: "\e918";
  color: #666;
}
.icon-basket-standard:before {
  content: "\e917";
}
.icon-filiale-standard:before {
  content: "\e916";
}
.icon-clickandcollect:before {
  content: "\e915";
}
.icon-buegeleisen:before {
  content: "\e908";
}
.icon-einkaufswagen:before {
  content: "\e909";
}
.icon-gepaeck:before {
  content: "\e90a";
}
.icon-gutschein:before {
  content: "\e90b";
}
.icon-hemd:before {
  content: "\e90c";
}
.icon-kleiderbuegel:before {
  content: "\e90d";
}
.icon-massband:before {
  content: "\e90e";
}
.icon-nadel:before {
  content: "\e90f";
}
.icon-naehmaschine:before {
  content: "\e910";
}
.icon-uhr:before {
  content: "\e911";
}
.icon-vip:before {
  content: "\e912";
}
.icon-wifi:before {
  content: "\e913";
}
.icon-haus-icon:before {
  content: "\e914";
}
.icon-info-circle:before {
  content: "\e907";
}
.icon-color:before {
  content: "\e905";
}
.icon-reserve:before {
  content: "\e906";
}
.icon-measure:before {
  content: "\e904";
  color: #444;
}
.icon-icon-info:before {
  content: "\e903";
}
.icon-arrow-double-right:before {
  content: "\e902";
}
.icon-eck_punkteaktion:before {
  content: "\e901";
  color: #55565a;
}
.icon-whatsapp:before {
  content: "\e800";
}
.icon-tooltip:before {
  content: "\e637";
}
.icon-coins:before {
  content: "\e62c";
}
.icon-scissors:before {
  content: "\e62e";
}
.icon-espresso:before {
  content: "\e632";
}
.icon-umtausch:before {
  content: "\e633";
}
.icon-parking:before {
  content: "\e634";
}
.icon-prosecco:before {
  content: "\e635";
}
.icon-zustellung:before {
  content: "\e636";
}
.icon-checkbox-error:before {
  content: "\e629";
}
.icon-radio:before {
  content: "\e62d";
}
.icon-checkbox:before {
  content: "\e627";
}
.icon-checkbox-checked:before {
  content: "\e628";
}
.icon-radio-checked:before {
  content: "\e62f";
}
.icon-select-down:before {
  content: "\e630";
}
.icon-select-up:before {
  content: "\e631";
}
.icon-blog:before {
  content: "\e626";
}
.icon-message:before {
  content: "\e616";
}
.icon-back:before {
  content: "\e615";
}
.icon-partner:before {
  content: "\e625";
}
.icon-banknote:before {
  content: "\e617";
}
.icon-bell:before {
  content: "\e618";
}
.icon-calendar:before {
  content: "\e619";
}
.icon-car:before {
  content: "\e61a";
}
.icon-cellphone:before {
  content: "\e61b";
}
.icon-coffee:before {
  content: "\e61c";
}
.icon-collect:before {
  content: "\e61d";
}
.icon-drink:before {
  content: "\e61e";
}
.icon-gift:before {
  content: "\e61f";
}
.icon-hirmer-batch:before {
  content: "\e620";
}
.icon-house:before {
  content: "\e621";
}
.icon-keyhole:before {
  content: "\e622";
}
.icon-label:before {
  content: "\e623";
}
.icon-package:before {
  content: "\e624";
}
.icon-smoking:before {
  content: "\e62a";
}
.icon-tailor:before {
  content: "\e62b";
}
.icon-youtube:before {
  content: "\e614";
}
.icon-american-express:before {
  content: "\e600";
}
.icon-arrow-down:before {
  content: "\e601";
}
.icon-arrow-left:before {
  content: "\e602";
}
.icon-arrow-light-down:before {
  content: "\e603";
}
.icon-arrow-light-left:before {
  content: "\e604";
}
.icon-arrow-light-right:before {
  content: "\e605";
}
.icon-arrow-light-up:before {
  content: "\e606";
}
.icon-arrow-right:before {
  content: "\e607";
}
.icon-arrow-up:before {
  content: "\e608";
}
.icon-facebook:before {
  content: "\e609";
}
.icon-instagram:before {
  content: "\e60a";
}
.icon-mastercard:before {
  content: "\e60b";
}
.icon-nachnahme:before {
  content: "\e60c";
}
.icon-paypal:before {
  content: "\e60d";
}
.icon-phone:before {
  content: "\e60e";
}
.icon-retoure:before {
  content: "\e60f";
}
.icon-sofortueb:before {
  content: "\e610";
}
.icon-twitter:before {
  content: "\e611";
}
.icon-versand:before {
  content: "\e612";
}
.icon-visa:before {
  content: "\e613";
}
.icon-maus:before {
  content: "\e900";
}
.icon-play2:before {
  content: "\e931";
}
.icon-play3:before {
  content: "\e932";
}
.icon-arrow_down:before {
  content: "\e902";
}
.icon-arrow_left:before {
  content: "\e903";
}
.icon-arrow_right:before {
  content: "\e904";
}
.icon-arrow_up:before {
  content: "\e905";
}
.icon-checkbox_checked:before {
  content: "\e906";
}
.icon-checkbox:before {
  content: "\e907";
}
.icon-radio-checked:before {
  content: "\e908";
}
.icon-radio:before {
  content: "\e909";
}
.icon-close_circle:before {
  content: "\e900";
}
.icon-eck_logo:before {
  content: "\e901";
}
.icon-hgg_logo_de:before {
  content: "\ea17";
}
.icon-hgg_logo_en:before {
  content: "\ea19";
}
.icon-hrm_logo:before {
  content: "\ea2a";
}
.icon-return_shipment:before {
  content: "\ea65";
}
.icon-close_inverse:before {
  content: "\e99b";
}
.icon-close:before {
  content: "\e99c";
}
.icon-phone:before {
  content: "\e997";
}
.icon-hirmer_h:before {
  content: "\e90d";
}
.icon-eye_hidden:before {
  content: "\e921";
}
.icon-eye_hidden_inverse:before {
  content: "\e922";
}
.icon-eye_open:before {
  content: "\e929";
}
.icon-eye_open_inverse:before {
  content: "\e92a";
}
.icon-check:before {
  content: "\e931";
}
.icon-check_inverse:before {
  content: "\e932";
}
.icon-info:before {
  content: "\e933";
}
.icon-info_inverse:before {
  content: "\e934";
}
.icon-mouse:before {
  content: "\e966";
}
.icon-mouse_inverse:before {
  content: "\e967";
}
.icon-clickreserve:before {
  content: "\e96f";
}
.icon-clickreserve_inverse:before {
  content: "\e970";
}
.icon-gift:before {
  content: "\e977";
}
.icon-gift_inverse:before {
  content: "\e978";
}
.icon-store:before {
  content: "\e97d";
}
.icon-store_inverse:before {
  content: "\e97e";
}
.icon-pen:before {
  content: "\e97f";
}
.icon-pen_inverse:before {
  content: "\e980";
}
.icon-phone_inverse:before {
  content: "\e998";
}
.icon-new {
  font-weight: bold;
  text-transform: uppercase;
  background-color: #000000;
  color: #fff;
  padding: 2px 7px;
  font-family: 'Open Sans', sans-serif;
}
/*variableized/mixinized*/
/*Logos*/
.org-svg-dark svg .st0 {
  fill: #000032;
}
body.dark_mode .org-svg-dark svg .st0 {
  fill: #fff;
}
.regular-logo {
  width: 150px;
  height: 51px;
}
.regular-logo-sticky {
  height: 38px;
  width: 112px;
}
/*variableized/mixinized*/
/*Hirmer Icon Font */
[class^="icon2-"],
[class*=" icon2-"] {
  font-family: 'hirmer-main-icon-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering ===========*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.small[class^="icon2-"],
.small[class*=" icon2-"] {
  font-size: 20px;
}
.medium[class^="icon2-"],
.medium[class*=" icon2-"] {
  font-size: 30px;
}
.big[class^="icon2-"],
.big[class*=" icon2-"] {
  font-size: 50px;
}
.icon2-about_us:before {
  content: "\e961";
}
.icon2-about_us_o:before {
  content: "\e960";
}
.icon2-arrow_double_down:before {
  content: "\e940";
}
.icon2-arrow_double_down_o:before {
  content: "\e93f";
}
.icon2-arrow_double_up:before {
  content: "\e93e";
}
.icon2-arrow_double_up_o:before {
  content: "\e93d";
}
.icon2-arrow_down:before {
  content: "\e941";
}
.icon2-arrow_left:before {
  content: "\e943";
}
.icon2-arrow_right:before {
  content: "\e942";
}
.icon2-arrow_up:before {
  content: "\e944";
}
.icon2-back:before {
  content: "\e98b";
}
.icon2-back_o:before {
  content: "\e98c";
}
.icon2-banknote:before {
  content: "\e98f";
}
.icon2-banknote_o:before {
  content: "\e990";
}
.icon2-banknote_dollar:before {
  content: "\e9a9";
}
.icon2-banknote_dollar_o:before {
  content: "\e99e";
}
.icon2-banknote_pl:before {
  content: "\e9a8";
}
.icon2-banknote_pl_o:before {
  content: "\e9a4";
}
.icon2-banknote_cz:before {
  content: "\e9a7";
}
.icon2-banknote_cz_o:before {
  content: "\e9a3";
}
.icon2-blog:before {
  content: "\e973";
}
.icon2-blog_o:before {
  content: "\e974";
}
.icon2-book:before {
  content: "\e92f";
}
.icon2-book_o:before {
  content: "\e930";
}
.icon2-calendar:before {
  content: "\e98d";
}
.icon2-calendar_o:before {
  content: "\e98e";
}
.icon2-check:before {
  content: "\e931";
}
.icon2-check_o:before {
  content: "\e932";
}
.icon2-checkbox:before {
  content: "\e90e";
}
.icon2-checkbox_o:before {
  content: "\e90f";
}
.icon2-checkbox_selected:before {
  content: "\e987";
}
.icon2-checkbox_selected_o:before {
  content: "\e988";
}
.icon2-circle:before {
  content: "\e9ae";
}
.icon2-circle_o:before {
  content: "\e9ac";
}
.icon2-clickreserve:before {
  content: "\e96f";
}
.icon2-clickreserve_o:before {
  content: "\e970";
}
.icon2-clock:before {
  content: "\e95a";
}
.icon2-clock_o:before {
  content: "\e95b";
}
.icon2-close_o:before {
  content: "\e99b";
}
.icon2-close:before {
  content: "\e99c";
}
.icon2-coffee:before {
  content: "\e975";
}
.icon2-coffee_o:before {
  content: "\e976";
}
.icon2-copy_to_clipboard:before {
  content: "\e9aa";
}
.icon2-copy_to_clipboard_o:before {
  content: "\e9ab";
}
.icon2-drink:before {
  content: "\e945";
}
.icon2-drink_o:before {
  content: "\e946";
}
.icon2-drying:before {
  content: "\e925";
}
.icon2-drying_o:before {
  content: "\e926";
}
.icon2-eck_individual:before {
  content: "\e905";
}
.icon2-eck_men_card:before {
  content: "\e950";
}
.icon2-eck_men_card_o:before {
  content: "\e951";
}
.icon2-eckerle-logo:before {
  content: "\e906";
}
.icon2-eckerle_studio:before {
  content: "\e907";
}
.icon2-eckerle_studio_o:before {
  content: "\e908";
}
.icon2-eck_usercard_o:before {
  content: "\e9a0";
}
.icon2-envelop:before {
  content: "\e991";
}
.icon2-envelop_o:before {
  content: "\e992";
}
.icon2-events_invitaion:before {
  content: "\e969";
}
.icon2-events_invitaion_o:before {
  content: "\e96a";
}
.icon2-extra_service:before {
  content: "\e995";
}
.icon2-extra_service_o:before {
  content: "\e996";
}
.icon2-eye-hidden:before {
  content: "\e921";
}
.icon2-eye-hidden_o:before {
  content: "\e922";
}
.icon2-eye_open:before {
  content: "\e929";
}
.icon2-eye_open_o:before {
  content: "\e92a";
}
.icon2-facebook:before {
  content: "\e93c";
}
.icon2-gift:before {
  content: "\e977";
}
.icon2-gift_o:before {
  content: "\e978";
}
.icon2-gift_o:before {
  content: "\e978";
}
.icon2-hanger:before {
  content: "\e956";
}
.icon2-hanger_o:before {
  content: "\e957";
}
.icon2-hgg_logo:before {
  content: "\e904";
}
.icon2-hgg_logo_cs:before {
  content: "\e903";
}
.icon2-hgg_logo_en:before {
  content: "\e902";
}
.icon2-hgg_logo_pl:before {
  content: "\e901";
}
.icon2-hgg_men_card:before {
  content: "\e94c";
}
.icon2-hgg_men_card_o:before {
  content: "\e94d";
}
.icon2-hgg_usercard:before {
  content: "\e9a1";
}
.icon2-hgg_usercard_o:before {
  content: "\e99f";
}
.icon2-hirmer_gruppe:before {
  content: "\e90d";
}
.icon2-hirmer_logo:before {
  content: "\e90b";
}
.icon2-home-delivery:before {
  content: "\e919";
}
.icon2-home-delivery_o:before {
  content: "\e91a";
}
.icon2-hourglass:before {
  content: "\e914";
}
.icon2-hourglass_o:before {
  content: "\e915";
}
.icon2-hrm_gruppe:before {
  content: "\e90a";
}
.icon2-hrm_men_card:before {
  content: "\e94e";
}
.icon2-hrm_men_card_o:before {
  content: "\e94f";
}
.icon2-hrm_tages_bar:before {
  content: "\e909";
}
.icon2-hrm_usercard:before {
  content: "\e9a5";
}
.icon2-hrm_usercard_o:before {
  content: "\e9a2";
}
.icon2-hrm_service:before {
  content: "\e90c";
}
.icon2-info:before {
  content: "\e933";
}
.icon2-info_o:before {
  content: "\e934";
}
.icon2-instagram:before {
  content: "\e93b";
}
.icon2-iron:before {
  content: "\e958";
}
.icon2-iron_o:before {
  content: "\e959";
}
.icon2-leaf:before {
  content: "\e918";
}
.icon2-location:before {
  content: "\e916";
}
.icon2-location_o:before {
  content: "\e917";
}
.icon2-massband:before {
  content: "\e962";
}
.icon2-massband_o:before {
  content: "\e963";
}
.icon2-maus:before {
  content: "\e966";
}
.icon2-maus_o:before {
  content: "\e967";
}
.icon2-menu:before {
  content: "\e92d";
}
.icon2-menu_o:before {
  content: "\e92e";
}
.icon2-mobile:before {
  content: "\e989";
}
.icon2-mobile_o:before {
  content: "\e98a";
}
.icon2-nachnahme:before {
  content: "\e91b";
}
.icon2-nachnahme_o:before {
  content: "\e91c";
}
.icon2-off_button:before {
  content: "\e91d";
}
.icon2-off_button_o:before {
  content: "\e91e";
}
.icon2-on_button:before {
  content: "\e91f";
}
.icon2-on_button_o:before {
  content: "\e920";
}
.icon2-open:before {
  content: "\e95e";
}
.icon2-open_o:before {
  content: "\e95f";
}
.icon2-parking:before {
  content: "\e96b";
}
.icon2-parking_o:before {
  content: "\e96c";
}
.icon2-pen:before {
  content: "\e97f";
}
.icon2-pen_o:before {
  content: "\e980";
}
.icon2-personal_shopping:before {
  content: "\e971";
}
.icon2-personal_shopping_o:before {
  content: "\e972";
}
.icon2-personalization:before {
  content: "\e949";
}
.icon2-personalization_o:before {
  content: "\e94a";
}
.icon2-play:before {
  content: "\e954";
}
.icon2-play_o:before {
  content: "\e955";
}
.icon2-question_mark:before {
  content: "\e983";
}
.icon2-question_mark_o:before {
  content: "\e984";
}
.icon2-retoure:before {
  content: "\e937";
}
.icon2-retoure_o:before {
  content: "\e938";
}
.icon2-scissors:before {
  content: "\e985";
}
.icon2-scissors_o:before {
  content: "\e986";
}
.icon2-search:before {
  content: "\e952";
}
.icon2-search_o:before {
  content: "\e953";
}
.icon2-service:before {
  content: "\e97b";
}
.icon2-service_o:before {
  content: "\e97c";
}
.icon2-shirt:before {
  content: "\e981";
}
.icon2-shirt_o:before {
  content: "\e982";
}
.icon2-shoe_o:before {
  content: "\e99a";
}
.icon2-shoe:before {
  content: "\e999";
}
.icon2-shopping-cart:before {
  content: "\e964";
}
.icon2-shopping-cart_o:before {
  content: "\e965";
}
.icon2-shoppingbag:before {
  content: "\e95c";
}
.icon2-shoppingbag_o:before {
  content: "\e95d";
}
.icon2-square:before {
  content: "\e910";
}
.icon2-square_o:before {
  content: "\e911";
}
.icon2-store:before {
  content: "\e97d";
}
.icon2-store_o:before {
  content: "\e97e";
}
.icon2-tailor:before {
  content: "\e935";
}
.icon2-tailor_o:before {
  content: "\e936";
}
.icon2-tax_free:before {
  content: "\e94b";
}
.icon2-trash:before {
  content: "\e92b";
}
.icon2-trash_o:before {
  content: "\e92c";
}
.icon2-triangle:before {
  content: "\e923";
}
.icon2-triangle_o:before {
  content: "\e924";
}
.icon2-twitter:before {
  content: "\e93a";
}
.icon2-user_standard:before {
  content: "\e979";
}
.icon2-user_standard_o:before {
  content: "\e97a";
}
.icon2-users:before {
  content: "\e912";
}
.icon2-users_o:before {
  content: "\e913";
}
.icon2-versand:before {
  content: "\e993";
}
.icon2-versand_o:before {
  content: "\e994";
}
.icon2-vip:before {
  content: "\e947";
}
.icon2-vip_o:before {
  content: "\e948";
}
.icon2-wash_area:before {
  content: "\e900";
}
.icon2-wet_cleaning:before {
  content: "\e927";
}
.icon2-wet_cleaning_o:before {
  content: "\e928";
}
.icon2-whatsapp:before {
  content: "\e968";
}
.icon2-wifi:before {
  content: "\e96d";
}
.icon2-wifi_o:before {
  content: "\e96e";
}
.icon2-youtube:before {
  content: "\e939";
}
.icon2-phone:before {
  content: "\e997";
}
.icon2-phone_o:before {
  content: "\e998";
}
.icon2-plus:before {
  content: "\e9ad";
}
/*variableized/mixinized*/
/* Everything for Flexboxes */
.display_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
.flex_wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.flex_nowrap {
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}
.space_between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
}
.space_around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.space_evenly {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.flex_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.flex_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.center_content {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.align_items_start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
.align_self_start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
}
.align_self_center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.align_items_end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.align_items_center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.align_items_stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}
.align_items_baseline {
  -webkit-box-align: first baseline;
  -ms-flex-align: first baseline;
  align-items: first baseline;
}
.align_content_stretch {
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.align_content_space_between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.direction_row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.direction_column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.direction_column_reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.direction_row_reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
/*BEGIN MAIN_GLOBALS_FORM*/
.icon-info {
  text-align: right;
  right: 0;
  font-size: 20px;
  top: 13px;
}
.icon-info:before {
  content: "\e933";
}
#registrationClickReserve .icon-info.tooltipCountry {
  display: none;
}
label {
  margin-bottom: 0;
}
@media only screen and (max-width: 960px) {
  .borderMerge {
    margin-bottom: -1px;
  }
}
/*BEGIN: elements appearing in forms which need the wrapper*/
.crd,
.formrev,
.ddhes-form {
  /*password validation*/
}
.crd hr,
.formrev hr,
.ddhes-form hr {
  border-top: 1px solid #333333;
}
.deliveryaddresses_wrapper .deliveryaddress_form.filialdelivery .crd .filial_value,
.deliveryaddresses_wrapper .deliveryaddress_form.filialdelivery .formrev .filial_value,
.deliveryaddresses_wrapper .deliveryaddress_form.filialdelivery .ddhes-form .filial_value {
  border: 0;
  height: auto;
  padding: 0;
}
.crd .short,
.formrev .short,
.ddhes-form .short {
  color: #b30c00;
}
.crd .weak,
.formrev .weak,
.ddhes-form .weak {
  color: orange;
}
.crd .good,
.formrev .good,
.ddhes-form .good {
  color: #1a508e;
}
.crd .strong,
.formrev .strong,
.ddhes-form .strong {
  color: #000000;
}
.crd .info-wrapper,
.formrev .info-wrapper,
.ddhes-form .info-wrapper {
  background-color: #fff;
  border: 1px solid #1a508e;
  padding: 20px;
}
body.dark_mode .crd .info-wrapper,
body.dark_mode .formrev .info-wrapper,
body.dark_mode .ddhes-form .info-wrapper {
  background-color: #333;
}
.crd .info-wrapper .icon-notification--rotate,
.formrev .info-wrapper .icon-notification--rotate,
.ddhes-form .info-wrapper .icon-notification--rotate {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-right: 20px;
}
.crd .info-wrapper i.icon-notification,
.formrev .info-wrapper i.icon-notification,
.ddhes-form .info-wrapper i.icon-notification {
  font-size: 36px;
  color: #1a508e;
}
.crd .css-label-value,
.formrev .css-label-value,
.ddhes-form .css-label-value {
  margin: 0 0 0 10px;
  min-width: fit-content;
}
.crd #printCRMCardForm,
.formrev #printCRMCardForm,
.ddhes-form #printCRMCardForm {
  border-bottom: 1px solid #333333;
}
/*END: elements appearing in forms which need the wrapper*/
.input-text {
  position: relative;
  display: flex;
}
.input-text label {
  position: absolute;
  top: 50%;
  left: 10px;
  background: none;
  transform: translateY(-50%);
  padding: 0 5px;
  color: #555;
  pointer-events: none;
  transition: all 0.3s ease;
}
.input-text input {
  padding-top: 10px;
}
.input-text i {
  position: absolute;
  margin: 0 0 0 5px;
  font-size: 20px;
  top: 13px;
  right: 10px;
}
.input-text input:focus ~ label,
.input-text input:not(:placeholder-shown) ~ label {
  top: 0 !important;
  left: 5px;
  font-size: 10px;
  transform: none;
}
.input-text input:not(:focus):placeholder-shown ~ label {
  top: 50%;
  transform: translateY(-50%);
}
span.css-label-value {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 14px;
}
/*Remove outline/boxshadow/border from default style browser if input INVALID/ERROR START*/
input:invalid {
  outline: none !important;
}
input:not(output):-moz-ui-invalid {
  box-shadow: none;
}
input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.nativeform select {
  background: url(images/icon-select-down.png) no-repeat 98% 50% #fff;
}
.nativeform select:focus {
  background: url(images/icon-select-up.png) no-repeat 98% 50% #fff;
}
.nativeform select::-ms-expand {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nativeform select {
    padding-right: 30px !important;
  }
}
.nativeform input[type="radio"] {
  -moz-appearance: radio;
  -webkit-appearance: radio;
  width: 20px;
  margin-right: 5px;
}
.req:after {
  content: '\00a0*';
  float: none;
  width: 0;
}
input,
optgroup,
select,
textarea {
  border: 1px solid #d8d8d8;
  background-color: #fff;
  padding-right: 10px !important;
  padding-left: 10px !important;
  height: 45px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  width: 100%;
}
body.dark_mode input,
body.dark_mode optgroup,
body.dark_mode select,
body.dark_mode textarea {
  background-color: transparent !important;
}
.big_viewinput,
.big_viewoptgroup,
.big_viewselect,
.big_viewtextarea {
  padding-right: 20px !important;
  padding-left: 20px !important;
  height: 70px;
}
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
  border: 1px solid #666666;
  outline: none;
}
body.details select {
  width: 90px;
  border: 1px solid #000000;
}
textarea {
  resize: vertical;
  min-height: 120px !important;
  padding-top: 10px;
}
.mobile textarea {
  resize: none;
  height: 200px !important;
  min-height: inherit !important;
}
ul.form > li,
.stdarea ul.form > li {
  margin-bottom: 20px;
}
ul.form > li:last-child,
.stdarea ul.form > li:last-child {
  margin-bottom: 0;
}
ul.form > li.margin-top,
.stdarea ul.form > li.margin-top {
  padding-top: 40px;
}
ul.form > li.js-oxInValid input,
.stdarea ul.form > li.js-oxInValid input {
  background-color: #fdd2cf;
  border: 1px solid #b30c00;
}
/*START special rule when bootstrap cols are used*/
.ddhes-form--el:not([class*="col-"]),
.ddhes-form--el_noValidate:not([class*="col-"]) {
  float: none;
  clear: left;
}
.ddhes-form--el---wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  min-height: 45px;
}
.multiline .ddhes-form--el---wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
/*END special rule when bootstrap cols are used*/
/*special for password validation BEGIN*/
.ddhes-form--el .ox-pwd-validation {
  position: relative;
}
.space_between {
  justify-content: space-between;
}
/*special for password validation END*/
.ddhes-form--el_noValidate {
  position: relative;
  margin-bottom: 15px;
}
@media only screen and (max-width: 960px) {
  .ddhes-form--el---label {
    margin-bottom: 5px;
  }
}
/*label.css-label required for css-checkbox and css-radio*/
.label.css-label,
label.css-label {
  font-size: 1.42857143rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Future Solution with icon fonts pls dont delete*/
  font-family: 'checkout-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 481px) and (max-width: 960px) {
  .label.css-label,
  label.css-label {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .label.css-label,
  label.css-label {
    font-size: 20px;
  }
}
.css-label-value {
  margin: -22px 0 0 30px;
}
.selectedOutfitArticle .css-label-value,
.articleCheckbox .css-label-value,
.selectedArticle .css-label-value {
  margin: 0 0 0 10px;
}
@media (min-width: 481px) and (max-width: 960px) {
  .css-label-value {
    margin: -35px 0 0 50px;
  }
}
@media (max-width: 480px) {
  .css-label-value {
    margin: -28px 0 0 30px;
  }
}
.css-label-value a {
  text-decoration: underline;
}
input[type=checkbox].css-checkbox {
  display: none;
}
input[type=checkbox].css-checkbox + .label.css-label,
input[type=checkbox].css-checkbox + label.css-label {
  width: auto;
  margin-bottom: 0;
  display: flex;
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox].css-checkbox + .label.css-label:before,
input[type=checkbox].css-checkbox + label.css-label:before {
  content: "\e907";
  line-height: 1;
  height: 20px;
  background-color: #fff;
}
body.dark_mode input[type=checkbox].css-checkbox + .label.css-label:before,
body.dark_mode input[type=checkbox].css-checkbox + label.css-label:before {
  background-color: #333;
}
@media (min-width: 481px) and (max-width: 960px) {
  input[type=checkbox].css-checkbox + .label.css-label:before,
  input[type=checkbox].css-checkbox + label.css-label:before {
    height: 30px;
  }
}
@media (max-width: 480px) {
  input[type=checkbox].css-checkbox + .label.css-label:before,
  input[type=checkbox].css-checkbox + label.css-label:before {
    height: 20px;
  }
}
.big_viewinput[type=checkbox].css-checkbox + .label.css-label:before,
.big_viewinput[type=checkbox].css-checkbox + label.css-label:before {
  font-size: 40px;
}
input[type=checkbox].css-checkbox:checked + .label.css-label:before,
input[type=checkbox].css-checkbox:checked + label.css-label:before {
  content: "\e906";
}
input.css-radio {
  display: none;
}
input.css-radio + .label.css-label,
input.css-radio + label.css-label {
  width: auto;
  margin-bottom: 0;
  display: flex;
  vertical-align: middle;
  cursor: pointer;
}
input.css-radio + .label.css-label:before,
input.css-radio + label.css-label:before {
  content: "\e909";
  border-radius: 50%;
  background-color: #fff;
}
body.dark_mode input.css-radio + .label.css-label:before,
body.dark_mode input.css-radio + label.css-label:before {
  background-color: #333;
}
.big_viewinput.css-radio + .label.css-label:before,
.big_viewinput.css-radio + label.css-label:before {
  font-size: 40px;
}
input.css-radio + .label.css-label > label {
  width: auto;
  margin-bottom: 0;
  display: flex;
  vertical-align: middle;
  cursor: pointer;
}
input.css-radio:checked + .label.css-label:before,
input.css-radio:checked + label.css-label:before {
  content: "\e908";
}
.big_viewinput.css-radio:checked + .label.css-label:before,
.big_viewinput.css-radio:checked + label.css-label:before {
  font-size: 40px;
}
.ddhes-form--el.required input,
.ddhes-form--el.required optgroup,
.ddhes-form--el.required select,
.ddhes-form--el.required textarea {
  border: 1px solid #333333;
}
body.dark_mode .ddhes-form--el.required input,
body.dark_mode .ddhes-form--el.required optgroup,
body.dark_mode .ddhes-form--el.required select,
body.dark_mode .ddhes-form--el.required textarea {
  border: 1px solid white;
}
.ddhes-form--el.required ::-webkit-input-placeholder {
  color: #9d9d9d;
}
.ddhes-form--el.required :-moz-placeholder {
  /* Firefox 18- */
  color: #9d9d9d;
}
.ddhes-form--el.required ::-moz-placeholder {
  /* Firefox 19+ */
  color: #9d9d9d;
}
.ddhes-form--el.required :-ms-input-placeholder {
  color: #9d9d9d;
}
.ddhes-form--el.optional input,
.ddhes-form--el.optional.empty input,
.ddhes-form--el.optional optgroup,
.ddhes-form--el.optional.empty optgroup,
.ddhes-form--el.optional select,
.ddhes-form--el.optional.empty select,
.ddhes-form--el.optional textarea,
.ddhes-form--el.optional.empty textarea {
  border: 1px solid #d8d8d8;
}
.ddhes-form--el.optional ::-webkit-input-placeholder,
.ddhes-form--el.optional.empty ::-webkit-input-placeholder {
  color: #9d9d9d;
}
.ddhes-form--el.optional :-moz-placeholder,
.ddhes-form--el.optional.empty :-moz-placeholder {
  /* Firefox 18- */
  color: #9d9d9d;
}
.ddhes-form--el.optional ::-moz-placeholder,
.ddhes-form--el.optional.empty ::-moz-placeholder {
  /* Firefox 19+ */
  color: #9d9d9d;
}
.ddhes-form--el.optional :-ms-input-placeholder,
.ddhes-form--el.optional.empty :-ms-input-placeholder {
  color: #9d9d9d;
}
body.dark_mode .ddhes-form--el.optional input,
body.dark_mode .ddhes-form--el.optional.empty input,
body.dark_mode .ddhes-form--el.optional optgroup,
body.dark_mode .ddhes-form--el.optional.empty optgroup,
body.dark_mode .ddhes-form--el.optional select,
body.dark_mode .ddhes-form--el.optional.empty select,
body.dark_mode .ddhes-form--el.optional textarea,
body.dark_mode .ddhes-form--el.optional.empty textarea {
  border: 1px solid white;
}
body.dark_mode .ddhes-form--el.optional ::-webkit-input-placeholder,
body.dark_mode .ddhes-form--el.optional.empty ::-webkit-input-placeholder {
  color: white;
}
body.dark_mode .ddhes-form--el.optional :-moz-placeholder,
body.dark_mode .ddhes-form--el.optional.empty :-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
body.dark_mode .ddhes-form--el.optional ::-moz-placeholder,
body.dark_mode .ddhes-form--el.optional.empty ::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
body.dark_mode .ddhes-form--el.optional :-ms-input-placeholder,
body.dark_mode .ddhes-form--el.optional.empty :-ms-input-placeholder {
  color: white;
}
.basket_voucher_wrapper .ddhes-form--el.js-oxValidate_notEmpty.filled .js-oxValidateError,
.voucher_diskon_order_wrapper .ddhes-form--el.js-oxValidate_notEmpty.filled .js-oxValidateError {
  display: none !important;
}
.ddhes-form--el.oxInValid input,
.ddhes-form--el.js-oxInValid input,
.ddhes-form--el.js-oxValid.native-invalid input,
.ddhes-form--el.oxValid.native-invalid input,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty input,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty input,
.ddhes-form--el.oxInValid optgroup,
.ddhes-form--el.js-oxInValid optgroup,
.ddhes-form--el.js-oxValid.native-invalid optgroup,
.ddhes-form--el.oxValid.native-invalid optgroup,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty optgroup,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty optgroup,
.ddhes-form--el.oxInValid select,
.ddhes-form--el.js-oxInValid select,
.ddhes-form--el.js-oxValid.native-invalid select,
.ddhes-form--el.oxValid.native-invalid select,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty select,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty select,
.ddhes-form--el.oxInValid textarea,
.ddhes-form--el.js-oxInValid textarea,
.ddhes-form--el.js-oxValid.native-invalid textarea,
.ddhes-form--el.oxValid.native-invalid textarea,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty textarea,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty textarea,
.ddhes-form--el.oxInValid div.select_homebrew,
.ddhes-form--el.js-oxInValid div.select_homebrew,
.ddhes-form--el.js-oxValid.native-invalid div.select_homebrew,
.ddhes-form--el.oxValid.native-invalid div.select_homebrew,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty div.select_homebrew,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty div.select_homebrew,
.ddhes-form--el.oxInValid .css-label::before,
.ddhes-form--el.js-oxInValid .css-label::before,
.ddhes-form--el.js-oxValid.native-invalid .css-label::before,
.ddhes-form--el.oxValid.native-invalid .css-label::before,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty .css-label::before,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty .css-label::before {
  border: 1px solid #b30c00;
  background-color: #fdd2cf;
  box-shadow: none;
}
.ddhes-form--el.oxInValid.focusin input,
.ddhes-form--el.js-oxInValid.focusin input,
.ddhes-form--el.js-oxValid.native-invalid.focusin input,
.ddhes-form--el.oxValid.native-invalid.focusin input,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin input,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin input,
.ddhes-form--el.oxInValid.focusin optgroup,
.ddhes-form--el.js-oxInValid.focusin optgroup,
.ddhes-form--el.js-oxValid.native-invalid.focusin optgroup,
.ddhes-form--el.oxValid.native-invalid.focusin optgroup,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin optgroup,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin optgroup,
.ddhes-form--el.oxInValid.focusin select,
.ddhes-form--el.js-oxInValid.focusin select,
.ddhes-form--el.js-oxValid.native-invalid.focusin select,
.ddhes-form--el.oxValid.native-invalid.focusin select,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin select,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin select,
.ddhes-form--el.oxInValid.focusin textarea,
.ddhes-form--el.js-oxInValid.focusin textarea,
.ddhes-form--el.js-oxValid.native-invalid.focusin textarea,
.ddhes-form--el.oxValid.native-invalid.focusin textarea,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin textarea,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin textarea,
.ddhes-form--el.oxInValid.focusin div.select_homebrew,
.ddhes-form--el.js-oxInValid.focusin div.select_homebrew,
.ddhes-form--el.js-oxValid.native-invalid.focusin div.select_homebrew,
.ddhes-form--el.oxValid.native-invalid.focusin div.select_homebrew,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin div.select_homebrew,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin div.select_homebrew {
  border: 1px solid;
  background-color: #fff;
  box-shadow: none;
}
body.dark_mode .ddhes-form--el.oxInValid.focusin input,
body.dark_mode .ddhes-form--el.js-oxInValid.focusin input,
body.dark_mode .ddhes-form--el.js-oxValid.native-invalid.focusin input,
body.dark_mode .ddhes-form--el.oxValid.native-invalid.focusin input,
body.dark_mode .basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin input,
body.dark_mode .voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin input,
body.dark_mode .ddhes-form--el.oxInValid.focusin optgroup,
body.dark_mode .ddhes-form--el.js-oxInValid.focusin optgroup,
body.dark_mode .ddhes-form--el.js-oxValid.native-invalid.focusin optgroup,
body.dark_mode .ddhes-form--el.oxValid.native-invalid.focusin optgroup,
body.dark_mode .basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin optgroup,
body.dark_mode .voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin optgroup,
body.dark_mode .ddhes-form--el.oxInValid.focusin select,
body.dark_mode .ddhes-form--el.js-oxInValid.focusin select,
body.dark_mode .ddhes-form--el.js-oxValid.native-invalid.focusin select,
body.dark_mode .ddhes-form--el.oxValid.native-invalid.focusin select,
body.dark_mode .basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin select,
body.dark_mode .voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin select,
body.dark_mode .ddhes-form--el.oxInValid.focusin textarea,
body.dark_mode .ddhes-form--el.js-oxInValid.focusin textarea,
body.dark_mode .ddhes-form--el.js-oxValid.native-invalid.focusin textarea,
body.dark_mode .ddhes-form--el.oxValid.native-invalid.focusin textarea,
body.dark_mode .basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin textarea,
body.dark_mode .voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin textarea,
body.dark_mode .ddhes-form--el.oxInValid.focusin div.select_homebrew,
body.dark_mode .ddhes-form--el.js-oxInValid.focusin div.select_homebrew,
body.dark_mode .ddhes-form--el.js-oxValid.native-invalid.focusin div.select_homebrew,
body.dark_mode .ddhes-form--el.oxValid.native-invalid.focusin div.select_homebrew,
body.dark_mode .basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin div.select_homebrew,
body.dark_mode .voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusin div.select_homebrew {
  background-color: #333;
}
.ddhes-form--el.oxInValid.focusout input,
.ddhes-form--el.js-oxInValid.focusout input,
.ddhes-form--el.js-oxValid.native-invalid.focusout input,
.ddhes-form--el.oxValid.native-invalid.focusout input,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusout input,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusout input,
.ddhes-form--el.oxInValid.focusout optgroup,
.ddhes-form--el.js-oxInValid.focusout optgroup,
.ddhes-form--el.js-oxValid.native-invalid.focusout optgroup,
.ddhes-form--el.oxValid.native-invalid.focusout optgroup,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusout optgroup,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusout optgroup,
.ddhes-form--el.oxInValid.focusout select,
.ddhes-form--el.js-oxInValid.focusout select,
.ddhes-form--el.js-oxValid.native-invalid.focusout select,
.ddhes-form--el.oxValid.native-invalid.focusout select,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusout select,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusout select,
.ddhes-form--el.oxInValid.focusout textarea,
.ddhes-form--el.js-oxInValid.focusout textarea,
.ddhes-form--el.js-oxValid.native-invalid.focusout textarea,
.ddhes-form--el.oxValid.native-invalid.focusout textarea,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusout textarea,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusout textarea,
.ddhes-form--el.oxInValid.focusout div.select_homebrew,
.ddhes-form--el.js-oxInValid.focusout div.select_homebrew,
.ddhes-form--el.js-oxValid.native-invalid.focusout div.select_homebrew,
.ddhes-form--el.oxValid.native-invalid.focusout div.select_homebrew,
.basket_voucher_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusout div.select_homebrew,
.voucher_diskon_order_wrapper .ddhes-form--el.empty.js-oxValidate_notEmpty.focusout div.select_homebrew {
  border: 1px solid #b30c00;
  background-color: #fdd2cf;
  box-shadow: none;
}
.ddhes-form--el.invalid .ddhes-form--el---controlbox span {
  border-color: #b30c00;
  color: #b30c00;
}
.ddhes-form--el.oxValid input,
.ddhes-form--el.js-oxValid input,
.ddhes-form--el.optional.filled input,
.ddhes-form--el.oxValid optgroup,
.ddhes-form--el.js-oxValid optgroup,
.ddhes-form--el.optional.filled optgroup,
.ddhes-form--el.oxValid select,
.ddhes-form--el.js-oxValid select,
.ddhes-form--el.optional.filled select,
.ddhes-form--el.oxValid textarea,
.ddhes-form--el.js-oxValid textarea,
.ddhes-form--el.optional.filled textarea,
.ddhes-form--el.oxValid .select_homebrew,
.ddhes-form--el.js-oxValid .select_homebrew,
.ddhes-form--el.optional.filled .select_homebrew {
  border: 1px solid #147b19;
}
/*quick fix for email bereits registiert?*/
.ddhes-form--el.oxInValid.js-oxValid input[type=email],
.ddhes-form--el.oxInValid.js-oxValid input[type=password] {
  background-color: #fff;
}
body.dark_mode .ddhes-form--el.oxInValid.js-oxValid input[type=email],
body.dark_mode .ddhes-form--el.oxInValid.js-oxValid input[type=password] {
  background-color: #333;
}
/*SELECT WITH HOME_BREW*/
.select_homebrew {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #333333;
}
body.dark_mode .select_homebrew {
  border: 1px solid white;
}
.select_homebrew > div.list_label {
  width: 100%;
  height: 45px;
  margin: 0 2% 0 0;
  padding: 10px 10px;
}
.select_homebrew > div.list {
  max-height: 6cm;
  overflow-y: scroll;
  display: none;
  position: absolute;
  background-color: #333333;
  z-index: 5555;
  top: 40px;
  left: 0;
  min-width: 100%;
  padding: 0;
  text-align: left;
  outline: 2px solid #fff;
}
.select_homebrew ul {
  padding: 0;
  list-style: none !important;
  vertical-align: top;
}
.select_homebrew ul > li {
  margin: 0;
  padding: 10px;
  white-space: nowrap;
  color: #fff;
}
.select_homebrew ul > li:hover {
  background: #f3f3f3;
  color: #333333;
}
.select_homebrew ul > li.selected > a {
  text-decoration: underline;
  color: #1a508e;
}
.select_homebrew ul > li > a {
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}
.select_homebrew ul > li > a.over {
  text-decoration: underline;
  color: #1a508e;
}
.select_homebrew.over > div {
  display: inherit;
}
.select_homebrew.over > div.list_label {
  background-position: right -605px;
}
.select_homebrew.error {
  border: 1px solid #b30c00;
  color: #b30c00;
}
.select_homebrew.error.over {
  background: #333333;
  border: 1px solid #333333;
  border-bottom: 1px solid #ccc;
  color: #ccc;
}
.select_homebrew.deactivated {
  background-color: #f3f3f3;
}
.select_homebrew_select option.notChoosable {
  display: none;
}
.new_select > div.list_label {
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
}
.new_select > div.list_label::after {
  content: "\e902";
  font-family: 'checkout-icons';
}
.over.new_select > div.list_label::after {
  content: "\e905";
}
.select_cut .list {
  height: 6cm;
  overflow-y: scroll;
}
/*ERROR & SUCCESS MESSAGES*/
.ddhes-form--el .error-message {
  display: none;
  color: #b30c00;
  margin: 5px 0 0;
  font-size: 12px;
  font-style: italic;
}
.ddhes-form--el.invalid .error-message {
  display: inline-block;
}
.errors_wrapper,
.errorMsg {
  padding: 20px 20px;
  color: #b30c00;
  background-color: #fdd2cf;
  border: 1px solid #b30c00;
  text-align: center;
  margin: 0 0 10px;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.errors_wrapper hr,
.errorMsg hr {
  border-top-color: #e4b9c0;
}
.errors_wrapper .alert-link,
.errorMsg .alert-link {
  color: #843534;
}
.errors_wrapper.local,
.errorMsg.local {
  margin: 20px 0;
  float: left;
  width: 100%;
}
.errorMsg {
  padding: 10px 10px;
  margin-bottom: 20px;
}
.success_wrapper {
  padding: 20px 20px 0;
  color: #fff;
  background-color: #000000;
  text-align: center;
}
.success_wrapper.local {
  margin: 20px 0;
  float: left;
  width: 100%;
}
.success_wrapper.crev_successaddvoucher {
  padding: 20px 0;
}
.success_wrapper > p {
  border: 0 none;
  padding: 10px 10px;
  margin-bottom: 20px;
}
.customercardregistration_error {
  text-align: center;
  color: #b30c00;
  background-color: #fdd2cf;
}
.oxValidateError,
.js-oxValidateError {
  display: none;
}
li.oxInValid .oxValidateError,
li.js-oxInValid .js-oxValidateError {
  display: inline-block;
  color: #b30c00;
  margin-top: 5px;
}
li.oxInValid .oxValidateError span,
li.js-oxInValid .js-oxValidateError span {
  width: 100%;
  display: block;
}
.ddhes-form--el .oxValidateError,
.ddhes-form--el .js-oxValidateError {
  color: #b30c00;
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 16px;
  font-style: italic;
  width: 100%;
  float: none;
}
.ddhes-form--el .oxValidateError span,
.ddhes-form--el .js-oxValidateError span {
  width: 100%;
  display: block;
}
.ddhes-form--el .oxValidateError.recaptcha,
.ddhes-form--el .js-oxValidateError.recaptcha {
  float: left;
}
.big_view.ddhes-form--el .oxValidateError,
.big_view.ddhes-form--el .js-oxValidateError {
  font-size: 16px;
  line-height: 28px;
}
/*ICONS & SVG*/
.ddhes-form--el.js-oxValid svg.check-success,
.ddhes-form--el.optional.filled svg.check-success {
  display: block;
}
.ddhes-form--el.optional.filled.js-oxInValid svg.check-success,
.ddhes-form--el.optional.filled.js-oxValid.native-invalid svg.check-success,
.ddhes-form--el.optional.empty svg.check-success {
  display: none;
}
body .basket_voucher_wrapper .ddhes-form--el.optional.empty.js-oxValidate_notEmpty svg.check-error,
body .checkout_container_item .ddhes-form--el.optional.empty.js-oxValidate_notEmpty svg.check-error {
  display: none;
}
.ddhes-form--el.js-oxInValid svg.check-error,
.ddhes-form--el.js-oxValid.native-invalid svg.check-error {
  display: none;
}
.ddhes-form--el {
  position: relative;
  margin-bottom: 15px;
  /*tooltip-icon*/
  /*new line-Hinweis*/
  /*error and success icon*/
}
.ddhes-form--el:last-child {
  margin-bottom: 0;
}
.big_view.ddhes-form--el {
  margin-bottom: 20px;
}
.big_view.ddhes-form--el:last-child {
  margin-bottom: 0;
}
.ddhes-form--el input + .icon-notification {
  right: 0 !important;
}
.ddhes-form--el input + [class*="icon-"],
.ddhes-form--el .select_homebrew + [class*="icon-"] {
  margin: 0 0 0 5px;
  font-size: 20px;
  position: absolute;
  top: 13px;
  right: 10px;
  /*has tooltip-icon AND error/success icon*/
}
.big_view.ddhes-form--el input + [class*="icon-"],
.big_view.ddhes-form--el .select_homebrew + [class*="icon-"] {
  font-size: 28px;
  top: 22px;
  right: 20px;
}
.ddhes-form--el input + [class*="icon-"] ~ svg,
.ddhes-form--el .select_homebrew + [class*="icon-"] ~ svg {
  right: 50px;
}
@media only screen and (max-width: 960px) {
  .ddhes-form--el input + [class*="icon-"] ~ svg,
  .ddhes-form--el .select_homebrew + [class*="icon-"] ~ svg {
    right: 30px;
  }
}
.ddhes-form--el + .ddhes-form--el---hint {
  margin: -15px 0 20px;
  font-size: 12px;
  font-style: italic;
}
.ddhes-form--el svg {
  width: 20px;
  display: none;
  position: absolute;
  right: 10px;
  top: 0px;
  height: 45px;
}
.big_view.ddhes-form--el svg {
  width: 28px;
  right: 20px;
  top: 22px;
  height: auto;
}
.ddhes-form--el svg .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.ddhes-form--el svg .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.ddhes-form--el svg .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ddhes-form--el svg .path.line {
    stroke-dashoffset: 0;
  }
}
.ddhes-form--el svg .path.check {
  stroke-dashoffset: 0;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.ddhes-form--el svg p {
  text-align: center;
  margin: 20px 0 60px;
  font-size: 1.25em;
}
.ddhes-form--el svg p.success {
  color: #000000;
}
.ddhes-form--el svg p.error {
  color: #b30c00;
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
/*BUTTON*/
.button {
  cursor: pointer;
  display: block;
  color: #fff;
  border: 0 none;
  margin: 0;
  text-align: center;
  text-decoration: none;
}
button.button,
input[type="submit"].button {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button {
  text-decoration: none;
  color: #fff;
}
.button_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
.button_brand_primary {
  cursor: pointer;
  display: block;
  color: #fff;
  border: 0 none;
  margin: 0;
  text-align: center;
  text-decoration: none;
  background-color: #1a508e;
}
button.button_brand_primary,
input[type="submit"].button_brand_primary {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_brand_primary {
  text-decoration: none;
  color: #fff;
}
.button_brand_primary_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_brand_primary_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_brand_primary_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_brand_primary_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
button.button_brand_primary,
input[type="submit"].button_brand_primary {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_brand_primary {
  text-decoration: none;
  color: #fff;
}
.button_brand_primary_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_brand_primary_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_brand_primary_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_brand_primary_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
.button_brand_primary:hover {
  background-color: #0a1f38;
}
.button_green {
  cursor: pointer;
  display: block;
  color: #fff;
  border: 0 none;
  margin: 0;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
}
button.button_green,
input[type="submit"].button_green {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_green {
  text-decoration: none;
  color: #fff;
}
.button_green_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_green_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_green_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_green_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
button.button_green,
input[type="submit"].button_green {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_green {
  text-decoration: none;
  color: #fff;
}
.button_green_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_green_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_green_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_green_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
.button_green:hover {
  background-color: #0a1f38;
}
.button_gray-dark {
  cursor: pointer;
  display: block;
  color: #fff;
  border: 0 none;
  margin: 0;
  text-align: center;
  text-decoration: none;
  background-color: #333333;
}
button.button_gray-dark,
input[type="submit"].button_gray-dark {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_gray-dark {
  text-decoration: none;
  color: #fff;
}
.button_gray-dark_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_gray-dark_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_gray-dark_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_gray-dark_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
button.button_gray-dark,
input[type="submit"].button_gray-dark {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_gray-dark {
  text-decoration: none;
  color: #fff;
}
.button_gray-dark_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_gray-dark_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_gray-dark_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_gray-dark_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
.button_gray-dark:hover {
  background-color: #0a1f38;
}
.button_gray-light {
  cursor: pointer;
  display: block;
  color: #fff;
  border: 0 none;
  margin: 0;
  text-align: center;
  text-decoration: none;
  background-color: #d8d8d8;
}
button.button_gray-light,
input[type="submit"].button_gray-light {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_gray-light {
  text-decoration: none;
  color: #fff;
}
.button_gray-light_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_gray-light_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_gray-light_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_gray-light_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
button.button_gray-light,
input[type="submit"].button_gray-light {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_gray-light {
  text-decoration: none;
  color: #fff;
}
.button_gray-light_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_gray-light_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_gray-light_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_gray-light_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
.button_gray-light:hover {
  background-color: #0a1f38;
}
.button_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
.button_close {
  cursor: pointer;
}
.button_link {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-color: #f3f3f3;
  background-position: 94% 20px;
  color: #333333;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  height: 60px;
  text-transform: none;
  text-align: left;
  font-weight: 600;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
}
.button_arrow {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right -885px;
  padding: 0 10px 0 0;
  border: 0 none;
  color: #1a508e;
}
.button_arrow_back {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -992px;
  padding-left: 10px;
  border: 0 none;
  color: #1a508e;
}
.button_arrow.inline {
  float: none;
  display: inline;
}
@media (max-width: 960px) {
  .button_arrow {
    background-image: transparent;
    padding-right: 0;
    line-height: 76px;
  }
}
.button_checkout_navigation {
  cursor: pointer;
  background: transparent;
  border: 0 none;
  color: #1a508e;
  padding: 0;
}
.button_checkout_navigation:hover {
  color: #0a1f38;
}
.button_edit::before {
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-color: transparent;
  content: '';
  width: 21px;
  height: 18px;
  background-position: 0 -1935px;
  display: block;
  float: left;
}
.mobile .button_edit {
  cursor: pointer;
  display: block;
  color: #fff;
  border: 0 none;
  margin: 0;
  text-align: center;
  text-decoration: none;
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -4021px;
  width: 32px;
  height: 32px;
  float: right;
  text-indent: -99999px;
  position: relative;
  z-index: 55;
}
button.mobile .button_edit,
input[type="submit"].mobile .button_edit {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.mobile .button_edit {
  text-decoration: none;
  color: #fff;
}
.mobile .button_edit_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.mobile .button_edit_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.mobile .button_edit_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.mobile .button_edit_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
button.mobile .button_edit,
input[type="submit"].mobile .button_edit {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.mobile .button_edit {
  text-decoration: none;
  color: #fff;
}
.mobile .button_edit_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.mobile .button_edit_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.mobile .button_edit_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.mobile .button_edit_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
.mobile .button_edit:before {
  background: none;
  width: 0;
  height: 0;
  display: none;
}
.button_remove::before {
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-color: transparent;
  content: '';
  width: 21px;
  height: 18px;
  background-position: 0 -1819px;
  display: block;
  float: left;
}
.mobile .button_remove {
  cursor: pointer;
  display: block;
  color: #fff;
  border: 0 none;
  margin: 0;
  text-align: center;
  text-decoration: none;
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -4153px;
  width: 32px;
  height: 32px;
  float: left;
  text-indent: -99999px;
}
button.mobile .button_remove,
input[type="submit"].mobile .button_remove {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.mobile .button_remove {
  text-decoration: none;
  color: #fff;
}
.mobile .button_remove_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.mobile .button_remove_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.mobile .button_remove_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.mobile .button_remove_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
button.mobile .button_remove,
input[type="submit"].mobile .button_remove {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.mobile .button_remove {
  text-decoration: none;
  color: #fff;
}
.mobile .button_remove_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.mobile .button_remove_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.mobile .button_remove_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.mobile .button_remove_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
.mobile .button_remove:before {
  background: none;
  width: 0;
  height: 0;
  display: none;
}
.button_date::before {
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-color: transparent;
  content: '';
  width: 21px;
  height: 18px;
  background-position: 0 -2050px;
  display: block;
  float: left;
}
.button_building::before {
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-color: transparent;
  content: '';
  width: 21px;
  height: 18px;
  background-position: 0 -2167px;
  display: block;
  float: left;
}
a.button_register,
button.button_register {
  margin-top: 40px !important;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
  cursor: pointer;
  display: block;
  color: #fff;
  border: 0 none;
  margin: 0;
  text-align: center;
  text-decoration: none;
  background-color: #1a508e;
}
buttona.button_register,
buttonbutton.button_register,
input[type="submit"]a.button_register,
input[type="submit"]button.button_register {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
aa.button_register,
abutton.button_register {
  text-decoration: none;
  color: #fff;
}
a.button_register_blank,
button.button_register_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
a.button_register_big,
button.button_register_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
a.button_register_small,
button.button_register_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
a.button_register_mobile,
button.button_register_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
buttona.button_register,
buttonbutton.button_register,
input[type="submit"]a.button_register,
input[type="submit"]button.button_register {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
aa.button_register,
abutton.button_register {
  text-decoration: none;
  color: #fff;
}
a.button_register_blank,
button.button_register_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
a.button_register_big,
button.button_register_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
a.button_register_small,
button.button_register_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
a.button_register_mobile,
button.button_register_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
a.button_register:hover,
button.button_register:hover {
  background-color: #0a1f38;
}
buttona.button_register,
buttonbutton.button_register,
input[type="submit"]a.button_register,
input[type="submit"]button.button_register {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
aa.button_register,
abutton.button_register {
  text-decoration: none;
  color: #fff;
}
a.button_register_blank,
button.button_register_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
a.button_register_big,
button.button_register_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
a.button_register_small,
button.button_register_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
a.button_register_mobile,
button.button_register_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
buttona.button_register,
buttonbutton.button_register,
input[type="submit"]a.button_register,
input[type="submit"]button.button_register {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
aa.button_register,
abutton.button_register {
  text-decoration: none;
  color: #fff;
}
a.button_register_blank,
button.button_register_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
a.button_register_big,
button.button_register_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
a.button_register_small,
button.button_register_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
a.button_register_mobile,
button.button_register_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
a.button_register:hover,
button.button_register:hover {
  background-color: #0a1f38;
}
@media (max-width: 960px) {
  a.button_register,
  button.button_register {
    cursor: pointer;
    width: 100%;
    text-transform: uppercase;
    padding-top: 20px;
    background-image: url(images/arrows.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-color: #f3f3f3;
    background-position: 94% 20px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    height: 60px;
    text-transform: none;
    text-align: left;
    font-weight: 600;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: #333333;
    position: relative;
    width: 100vw;
  }
  a.button_register:hover,
  button.button_register:hover {
    color: #fff;
    background-position: 94% -4138px;
  }
  body.dark_mode a.button_register,
  body.dark_mode button.button_register {
    background-color: #363438;
    color: #fff;
    background-position: 94% -4154px;
  }
}
@media (max-width: 767px) {
  a.button_register,
  button.button_register {
    height: 60px;
    background-position: 94% 20px;
  }
  a.button_register:hover,
  button.button_register:hover {
    color: #fff;
    background-position: 94% -4154px;
  }
}
@media (max-width: 960px) {
  button.button_register {
    background-position: 94% 20px;
  }
  button.button_register:hover {
    background-position: 94% -4154px;
  }
}
.button_reset {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right -2880px;
}
.kill_before:before {
  background-image: none;
  width: 0;
  height: 0;
}
.button_w_medium {
  width: 160px;
}
@media (max-width: 960px) {
  .button_w_medium {
    width: 100%;
  }
}
@media (max-width: 960px) {
  .button_w_medium {
    width: 100%;
  }
}
.button_w_medium {
  width: 160px;
}
@media (max-width: 960px) {
  .button_w_medium {
    width: 100%;
  }
}
@media (max-width: 960px) {
  .button_w_medium {
    width: 100%;
  }
}
/*TODO: check if we have this class */
/*.ddhes-btn (@btn-bg-color; @btn-color;) {
  .ddhes-btn (@btn-bg-color; @btn-color;);
}*/
.ddhes-btn--blue {
  border: none;
  background: #1a508e;
  color: white;
  cursor: pointer;
  height: 45px;
  line-height: 16px;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  /* make button disabled same style like active button */
  /*&.button_disabled{
    background: lighten(@btn-bg-color, 30%);
    color: lighten(@btn-color, 30%);
    cursor: default;
  }*/
}
.big_view.ddhes-btn--blue {
  height: 70px;
  line-height: 28px;
}
.ddhes-btn--blue:hover,
.ddhes-btn--blue:active {
  background: #2674cf;
  color: #d9d9d9;
}
.ddhes-btn--blue:disabled {
  background: #5f9ce2;
  color: #ffffff;
}
.ddhes-btn--green {
  border: none;
  background: #000000;
  color: white;
  cursor: pointer;
  height: 45px;
  line-height: 16px;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  /* make button disabled same style like active button */
  /*&.button_disabled{
    background: lighten(@btn-bg-color, 30%);
    color: lighten(@btn-color, 30%);
    cursor: default;
  }*/
}
.big_view.ddhes-btn--green {
  height: 70px;
  line-height: 28px;
}
.ddhes-btn--green:hover,
.ddhes-btn--green:active {
  background: #262626;
  color: #d9d9d9;
}
.ddhes-btn--green:disabled {
  background: #4d4d4d;
  color: #ffffff;
}
.ddhes-btn--gray {
  border: none;
  background: #333333;
  color: white;
  cursor: pointer;
  height: 45px;
  line-height: 16px;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  /* make button disabled same style like active button */
  /*&.button_disabled{
    background: lighten(@btn-bg-color, 30%);
    color: lighten(@btn-color, 30%);
    cursor: default;
  }*/
}
.big_view.ddhes-btn--gray {
  height: 70px;
  line-height: 28px;
}
.ddhes-btn--gray:hover,
.ddhes-btn--gray:active {
  background: #595959;
  color: #d9d9d9;
}
.ddhes-btn--gray:disabled {
  background: #808080;
  color: #ffffff;
}
.ddhes-btn--danger {
  border: none;
  background: #d9534f;
  color: white;
  cursor: pointer;
  height: 45px;
  line-height: 16px;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  /* make button disabled same style like active button */
  /*&.button_disabled{
    background: lighten(@btn-bg-color, 30%);
    color: lighten(@btn-color, 30%);
    cursor: default;
  }*/
}
.big_view.ddhes-btn--danger {
  height: 70px;
  line-height: 28px;
}
.ddhes-btn--danger:hover,
.ddhes-btn--danger:active {
  background: #e7908e;
  color: #d9d9d9;
}
.ddhes-btn--danger:disabled {
  background: #f4cecd;
  color: #ffffff;
}
.ddhes-btn--border {
  border: none;
  background: white;
  color: #333333;
  cursor: pointer;
  height: 45px;
  line-height: 16px;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  /* make button disabled same style like active button */
  /*&.button_disabled{
    background: lighten(@btn-bg-color, 30%);
    color: lighten(@btn-color, 30%);
    cursor: default;
  }*/
  border: 2px solid #333333;
}
.big_view.ddhes-btn--border {
  height: 70px;
  line-height: 28px;
}
.ddhes-btn--border:hover,
.ddhes-btn--border:active {
  background: #ffffff;
  color: #0d0d0d;
}
.ddhes-btn--border:disabled {
  background: #ffffff;
  color: #808080;
}
.ddhes-btn--basket {
  /* make button disabled same style like active button */
  /*&.button_disabled{
    background: lighten(@btn-bg-color, 30%);
    color: lighten(@btn-color, 30%);
    cursor: default;
  }*/
  border: none;
  background: #000000;
  color: white;
  cursor: pointer;
  height: 45px;
  line-height: 16px;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  /* make button disabled same style like active button */
  /*&.button_disabled{
    background: lighten(@btn-bg-color, 30%);
    color: lighten(@btn-color, 30%);
    cursor: default;
  }*/
}
.big_view.ddhes-btn--basket {
  height: 70px;
  line-height: 28px;
}
.ddhes-btn--basket:hover,
.ddhes-btn--basket:active {
  background: #262626;
  color: #d9d9d9;
}
.ddhes-btn--basket:disabled {
  background: #4d4d4d;
  color: #ffffff;
}
.big_view.ddhes-btn--basket {
  height: 70px;
  line-height: 28px;
}
.ddhes-btn--basket:hover,
.ddhes-btn--basket:active {
  background: #262626;
  color: #d9d9d9;
}
.ddhes-btn--basket:disabled {
  background: #4d4d4d;
  color: #ffffff;
}
.ddhes-btn--basket::before {
  font-family: 'hirmer-icon-font';
  content: "\e917";
  margin: 0 10px 0 0;
}
.button_select.select_homebrew .list_label {
  padding: 0;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}
.button_select > div.list_label .list_label_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 45px;
  padding: 0 10px;
}
.button_select > div.list_label::after {
  border-left: 1px solid #333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 45px;
}
.short {
  color: #b30c00;
}
.weak {
  color: orange;
}
.good {
  color: #1a508e;
}
.strong {
  color: #000000;
  font-weight: 700;
}
#ddhes-password--result,
#ddhes-password--result---singlepassword {
  font-size: 12px;
  line-height: 14px;
  font-style: italic;
}
.big_view#ddhes-password--result,
.big_view#ddhes-password--result---singlepassword {
  font-size: 16px;
  line-height: 28px;
}
.toggle-password {
  cursor: pointer;
}
.info-wrapper {
  background-color: #fff;
  border: 1px solid #1a508e;
  padding: 20px;
}
body.dark_mode .info-wrapper {
  background-color: #333;
}
.info-wrapper .icon-notification--rotate {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-right: 20px;
}
.info-wrapper i.icon-notification {
  font-size: 36px;
  color: #1a508e;
}
#printCRMCardForm {
  border-bottom: 1px solid #333333;
}
@media print {
  #registerTerminal6.box {
    border: 0 none;
  }
}
/*PASSWORD*/
.password-strength-bar-error {
  background-color: #b30c00;
}
.password-strength-bar-warning {
  background-color: #e19427;
}
.password-strength-bar-good {
  background-color: #1a508e;
}
.password-strength-bar-strong {
  background-color: #000000;
}
.password-strength-text-error {
  color: #b30c00;
}
.password-strength-text-warning {
  color: #e19427;
}
.password-strength-text-good {
  color: #1a508e;
}
.password-strength-text-strong {
  color: #000000;
}
[data-status-input="password-strength-input-error"] {
  border-color: #147b19 !important;
  background-color: #f8fdf1 !important;
}
body.dark_mode [data-status-input="password-strength-input-error"] {
  background-color: transparent !important;
}
.js-oxInValid [data-status-input="password-strength-input-error"] {
  border-color: #b30c00 !important;
  background-color: #fdd2cf !important;
}
body.dark_mode .js-oxInValid [data-status-input="password-strength-input-error"] {
  background-color: transparent !important;
}
[data-status-input="password-strength-input-warning"] {
  border-color: #147b19 !important;
  background-color: #f8fdf1 !important;
}
body.dark_mode [data-status-input="password-strength-input-warning"] {
  background-color: transparent !important;
}
[data-status-input="password-strength-input-good"] {
  border-color: #147b19 !important;
  background-color: #f8fdf1 !important;
}
body.dark_mode [data-status-input="password-strength-input-good"] {
  background-color: transparent !important;
}
[data-status-input="password-strength-input-strong"] {
  border-color: #147b19 !important;
  background-color: #f8fdf1 !important;
}
body.dark_mode [data-status-input="password-strength-input-strong"] {
  background-color: transparent !important;
}
.deliveryaddresses_wrapper .deliveryaddress_form.filialdelivery .filial_value {
  border: 0;
  height: auto;
  padding: 0;
}
/*SIMPLE FORM*/
.simpleForm .simpleForm_wrapper {
  margin: 0 0 40px;
}
@media (min-width: 961px) {
  .simpleForm .simpleForm_wrapper h2 {
    margin-left: 29.16666667%;
  }
}
.simpleForm .simpleForm_wrapper .unsubscribe .infotext {
  margin-left: 0;
}
.simpleForm .simpleForm_wrapper .infotext {
  margin-top: 30px;
}
@media (min-width: 961px) {
  .simpleForm .simpleForm_wrapper .infotext {
    margin-left: 29.16666667%;
  }
}
.simpleForm .simpleForm_wrapper .unsubscribe .form_unsubscriber_questions {
  margin-left: 0;
}
.simpleForm .simpleForm_wrapper .unsubscribe .form_unsubscriber_questions > div {
  margin-bottom: 15px;
}
@media (min-width: 961px) {
  .simpleForm .simpleForm_wrapper .form_unsubscriber_questions {
    margin-left: 29.16666667%;
  }
}
.simpleForm .simpleForm_wrapper .form_unsubscriber_questions .col-md-offset-1 {
  margin-bottom: 15px;
}
.simpleForm .nldesc ul {
  list-style-type: circle;
  list-style-position: inside;
}
.simpleForm #wdf_articles_list li:first-child > ul > li .wdf_article_remove {
  display: none;
}
.simpleForm .wdf_article_add {
  font-size: 1rem;
  float: right;
  display: block;
  color: #1a508e;
  cursor: pointer;
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -4281px;
  padding-left: 20px;
  margin-top: -30px;
  text-decoration: none;
}
.mobile.simpleForm .wdf_article_add {
  background-position: 0 -4510px;
  margin-top: -45px;
  padding-left: 45px;
}
.simpleForm .wdf_article_remove {
  font-size: 1rem;
  float: right;
  display: block;
  color: #1a508e;
  cursor: pointer;
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -4397px;
  padding-left: 20px;
  margin-top: -10px;
  text-decoration: none;
}
.mobile.simpleForm .wdf_article_remove {
  background-position: 0 -4642px;
  margin-top: 10px;
  padding-left: 45px;
}
.unsubscribe .form_unsubscriber_questions {
  margin-left: 0;
}
.unsubscribe .form_unsubscriber_questions > div {
  margin-bottom: 15px;
}
.mobile .wdf_articles_list_inner li:last-child {
  margin-bottom: 40px !important;
}
.defaultbutton {
  background-color: #1a508e;
  padding: 10px 20px;
  color: #fff;
  border: none;
  font-weight: bold;
  text-align: center;
}
.defaultbutton:hover {
  color: #fff;
  cursor: pointer;
  background-color: #1e5ca4;
}
.defaultbutton:active {
  background-color: #315d90;
}
.defaultbutton[data-text-transform="uppercase"] {
  text-transform: uppercase;
}
.defaultbutton[data-text-transform="lowercase"] {
  text-transform: lowercase;
}
.defaultbutton[data-font-weight="normal"] {
  font-weight: normal;
}
.defaultbutton[data-font-weight="100"] {
  font-weight: 100;
}
.defaultbutton[data-font-weight="200"] {
  font-weight: 200;
}
.defaultbutton[data-font-weight="300"] {
  font-weight: 300;
}
.defaultbutton[data-font-weight="400"] {
  font-weight: 400;
}
.defaultbutton[data-font-weight="500"] {
  font-weight: 500;
}
.defaultbutton[data-font-weight="600"] {
  font-weight: 600;
}
.defaultbutton[data-font-weight="700"] {
  font-weight: 700;
}
.defaultbutton[data-font-weight="800"] {
  font-weight: 800;
}
@media (max-width: 960px) {
  .defaultbutton {
    font-weight: 600;
    padding: 15px 30px;
  }
}
.btn-primary {
  /* make button disabled same style like active button */
  /*&.button_disabled{
    background: lighten(@btn-bg-color, 30%);
    color: lighten(@btn-color, 30%);
    cursor: default;
  }*/
  border: none;
  background: #1a508e;
  color: white;
  cursor: pointer;
  height: 45px;
  line-height: 16px;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  /* make button disabled same style like active button */
  /*&.button_disabled{
    background: lighten(@btn-bg-color, 30%);
    color: lighten(@btn-color, 30%);
    cursor: default;
  }*/
}
.big_view.btn-primary {
  height: 70px;
  line-height: 28px;
}
.btn-primary:hover,
.btn-primary:active {
  background: #2674cf;
  color: #d9d9d9;
}
.btn-primary:disabled {
  background: #5f9ce2;
  color: #ffffff;
}
.big_view.btn-primary {
  height: 70px;
  line-height: 28px;
}
.btn-primary:hover,
.btn-primary:active {
  background: #2674cf;
  color: #d9d9d9;
}
.btn-primary:disabled {
  background: #5f9ce2;
  color: #ffffff;
}
/*END MAIN_GLOBALS_FORM*/
/* BEGIN: Language and Country Selector */
#headerChannel {
  float: left;
  width: 100%;
  padding: 20px 40px;
  position: relative;
  z-index: 1002;
  font-size: 14px;
  background: white;
}
body.dark_mode #headerChannel {
  background-color: #181719;
}
@media only screen and (max-width: 960px) {
  #headerChannel {
    position: fixed;
    box-shadow: 0 15px 10px -10px #333333;
    z-index: 1040;
  }
}
#headerChannel .button_close {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 2;
}
#headerChannelBlocker {
  width: 100%;
  position: absolute;
  z-index: 1001;
  margin-top: 81px;
}
@media only screen and (max-width: 960px) {
  #headerChannelBlocker {
    margin-top: 201px;
  }
}
body.checkout #headerChannelBlocker {
  margin-top: 80px;
}
@media only screen and (max-width: 960px) {
  body.checkout #headerChannelBlocker {
    margin-top: 201px;
  }
}
#headerChannelTrigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  cursor: pointer;
}
#headerChannelTrigger > a {
  padding-right: 0;
}
#headerChannelTrigger span {
  padding: 0 5px;
}
#header_mobile #headerChannelTrigger::after {
  content: '';
  display: none;
}
#header_mobile #headerChannelTrigger span {
  display: none;
}
nav#menu #headerChannelTrigger::after {
  content: '';
  display: none;
}
nav#menu #headerChannelTrigger > a {
  display: inherit;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
nav#menu #headerChannelTrigger > a span::after {
  font-family: 'hirmer-icon-font';
  content: "\e601";
}
nav#menu .open#headerChannelTrigger > a span::after {
  content: "\e608";
}
#menuHeaderChannelWrapper .button_close {
  display: none;
}
#menuHeaderChannelWrapper #headerChannel {
  padding-left: calc(4vw + 25px);
  padding-right: calc(4vw + 25px);
}
#headerChannelTrigger::after {
  font-family: 'hirmer-icon-font';
  content: "\e601";
  margin-right: 15px;
}
.open#headerChannelTrigger::after {
  content: "\e608";
}
@media (max-width: 480px) {
  .checkoutChannelTrigger {
    width: 100% !important;
  }
}
@media only screen and (max-width: 960px) {
  .checkoutChannelTrigger {
    padding: 10px 0 15px;
  }
}
.checkoutChannelTrigger .country-label,
.checkoutChannelTrigger .button-label {
  width: 100%;
  float: left;
}
.checkoutChannelTrigger .button-label {
  cursor: pointer;
  margin-top: 5px;
  color: #1a508e;
}
.checkoutChannelTrigger .button-label > span {
  color: #1a508e;
  text-decoration: underline;
}
#country-selector-form > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 960px) {
  #country-selector-form > ul {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}
#country-selector-form li.country-selector-item {
  flex: 0 1 25%;
  padding: 0 10px;
}
#country-selector-form li.country-selector-item #language-selector_brewed {
  border: 1px solid #000000;
}
@media only screen and (max-width: 960px) {
  #country-selector-form li.country-selector-item {
    flex: 1 1 100%;
  }
  #country-selector-form li.country-selector-item#channelLabel {
    padding-bottom: 10px;
  }
  #country-selector-form li.country-selector-item#channelButton {
    padding-top: 10px;
  }
  #country-selector-form li.country-selector-item#channelButton .desktop_style_button {
    display: block;
  }
}
#countryInputWrapper {
  position: relative;
  color: #333333;
}
@media only screen and (max-width: 960px) {
  #countryInputWrapper {
    margin-bottom: 10px;
  }
}
#countryInputWrapper #countryInput,
#countryInputWrapper #countryInputGeoIpPopup {
  cursor: pointer;
  background-image: url(images/icon-arrow-select.svg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right 10px top 18px;
  border: 1px solid #000000;
}
body.dark_mode #countryInputWrapper #countryInput,
body.dark_mode #countryInputWrapper #countryInputGeoIpPopup {
  background-image: url(images/icon-arrow-select_dark.svg);
}
#countryInputWrapper #countryInput:focus,
#countryInputWrapper #countryInputGeoIpPopup:focus {
  background-position: right 10px top -18px;
}
#countryInputWrapper #countryInput::-ms-clear {
  display: none;
}
#countryInputWrapper #countryInputGeoIpPopup::-ms-clear {
  display: none;
}
#channelSubmit:disabled {
  background-color: #d8d8d8;
}
body.dark_mode #channelSubmit:disabled {
  background-color: #363438;
}
/* END: Language and Country Selector */
header {
  background-color: #fff;
}
body.dark_mode header {
  background-color: #000032;
}
@media only screen and (max-width: 960px) {
  header {
    background-color: #f1f1f1;
  }
  body.dark_mode header {
    background-color: #000032;
  }
}
@media only screen and (max-width: 960px) {
  body:not(.checkout.user,.checkout.payment,.checkout.order,.checkout.thankyou) header {
    width: 100%;
    position: fixed;
    z-index: 999;
  }
}
.header_meta_nav {
  float: left;
  width: 100%;
  background-color: #f3f3f3;
}
body.dark_mode .header_meta_nav {
  background-color: #363438;
}
.header_meta_nav_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 35px;
}
.header_meta_nav_list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.header_meta_nav_list li a,
.header_meta_nav_list li span {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 20px;
}
.header_meta_nav_list li a:hover,
.header_meta_nav_list li a:focus {
  color: #9d9d9d;
  background-color: white;
}
.header_meta_nav_list li i {
  margin-right: 5px;
  font-size: 16px;
}
.header_sub_nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  width: 100%;
}
body.checkout.user .header_sub_nav,
body.checkout.payment .header_sub_nav,
body.checkout.thankyou .header_sub_nav,
body.checkout.order .header_sub_nav {
  display: none;
}
.header_sub_nav_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
.header_sub_nav_list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.header_sub_nav_list li a,
.header_sub_nav_list li span {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 20px;
}
.header_sub_nav_list li a:hover,
.header_sub_nav_list li a:focus {
  color: #9d9d9d;
  background-color: white;
}
.header_sub_nav_list li i {
  margin-right: 5px;
  font-size: 16px;
}
.header_sub_nav .border_sep {
  width: 1px;
  margin: 10px 0;
  padding: 0;
  background-color: #333333;
}
body.dark_mode .header_sub_nav .border_sep {
  background-color: #fff;
}
.levelTwo_center_wrapper {
  max-width: 1680px;
  width: 90%;
  margin-left: auto!important;
  margin-right: auto!important;
  float: none;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .levelTwo_center_wrapper {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .levelTwo_center_wrapper {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .levelTwo_center_wrapper {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .levelTwo_center_wrapper {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .levelTwo_center_wrapper {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .levelTwo_center_wrapper {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .levelTwo_center_wrapper {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .levelTwo_center_wrapper {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .levelTwo_center_wrapper {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .levelTwo_center_wrapper {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .levelTwo_center_wrapper {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .levelTwo_center_wrapper {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
#header_desktop {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}
#header_desktop i.icon-user-standard::before,
#header_mobile i.icon-user-standard::before,
#stickyHeader i.icon-user-standard::before {
  color: #1a508e;
}
.header_service_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  margin: 15px 0 30px;
}
.header_service_wrapper i {
  font-size: 22px;
}
body.checkout.user .header_service_wrapper,
body.checkout.payment .header_service_wrapper,
body.checkout.thankyou .header_service_wrapper,
body.checkout.order .header_service_wrapper {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.desktop .header_logo {
  flex: 0 0 20%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.desktop .account_equalBlock {
  position: relative;
}
body.desktop .account_equalBlock button,
body.desktop .account_equalBlock .button_register {
  margin-top: 0;
}
body.desktop.login .account_equalBlock #loginButton {
  position: absolute;
  bottom: 0;
  right: 40px;
}
.header_services {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding: 0 50px;
}
.header_services > * {
  padding: 0 20px;
  font-weight: 700;
  color: #9d9d9d;
  text-transform: uppercase;
}
@media (max-width: 1300px) {
  .header_services {
    padding: 0;
  }
}
body.checkout .header_trustedshop {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
  margin-left: 0 !important;
  margin-right: 5px;
}
body.checkout .header_trustedshop .trustedshops_reviews_stars {
  background-position: 3px -2756px;
  width: 100%;
  margin: 0;
}
body.checkout .header_trustedshop .trustedshops_reviews_stars .trustedshops_reviews_stars.avgrating {
  background-position: 2px -2732px;
}
.header_certified {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.header_certified > * {
  padding: 0 5px;
}
.header_functions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  flex: 0 0 40%;
  position: relative;
}
.header_functions > * {
  padding: 0 0 0 20px;
}
.header_functions .headerbutton {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px;
  border: 1px solid white;
}
body.dark_mode .header_functions .headerbutton {
  border: none;
}
.header_functions .header-icon-label {
  padding: 5px 0 0 0;
  line-height: 18px;
}
.headerbutton {
  color: #1a508e;
}
.headerbutton_inactive {
  color: #9d9d9d;
}
@media only screen and (max-width: 960px) {
  body.checkout.user .header_loginbox .headerbutton_inactive {
    visibility: hidden;
  }
}
.header_loginbox .loginBoxLinkWrapper li {
  text-align: center;
}
.header_loginbox .loginBoxLinkWrapper .devider {
  width: 1px;
  background: #333333;
  height: 22px;
  border-right: 1px solid;
}
.header_loginbox .loginBoxLinkWrapper a#mobilePopupTrigger,
.header_loginbox .loginBoxLinkWrapper a.registerlink {
  color: #1a508e !important;
  border-bottom: 1px solid #1a508e !important;
  cursor: pointer !important;
  outline: none !important;
  background: none;
  border: none;
}
.header_loginbox .loginBoxLinkWrapper a#mobilePopupTrigger:hover,
.header_loginbox .loginBoxLinkWrapper a.registerlink:hover {
  color: #3582d1 !important;
  border-bottom: 1px solid #3582d1 !important;
}
.header_loginbox .loginBoxLinkWrapper a#mobilePopupTrigger:hover,
.header_loginbox .loginBoxLinkWrapper a.registerlink:hover {
  color: #3582d1 !important;
  border-bottom: 1px solid #3582d1 !important;
}
#headerChannelTrigger > *,
.header_mobile_trigger > *,
.header_search > *,
.header_loginbox > *,
.header_filialbasket > *,
.header_minibasket > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
}
@media only screen and (max-width: 960px) {
  #headerChannelTrigger i,
  .header_mobile_trigger i,
  .header_search i,
  .header_loginbox i,
  .header_filialbasket i,
  .header_minibasket i {
    font-size: 4vw;
  }
}
@media only screen and (max-width: 567px) {
  #headerChannelTrigger i,
  .header_mobile_trigger i,
  .header_search i,
  .header_loginbox i,
  .header_filialbasket i,
  .header_minibasket i {
    font-size: 6vw;
  }
}
@media only screen and (max-width: 320px) {
  #headerChannelTrigger i,
  .header_mobile_trigger i,
  .header_search i,
  .header_loginbox i,
  .header_filialbasket i,
  .header_minibasket i {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 567px) {
  #headerChannelTrigger i.flag-icon,
  .header_mobile_trigger i.flag-icon,
  .header_search i.flag-icon,
  .header_loginbox i.flag-icon,
  .header_filialbasket i.flag-icon,
  .header_minibasket i.flag-icon {
    font-size: calc(6vw - 1vw);
  }
}
@media only screen and (max-width: 320px) {
  #headerChannelTrigger i.flag-icon,
  .header_mobile_trigger i.flag-icon,
  .header_search i.flag-icon,
  .header_loginbox i.flag-icon,
  .header_filialbasket i.flag-icon,
  .header_minibasket i.flag-icon {
    font-size: calc(8vw - 1vw);
  }
}
.header_meta_nav_list #headerChannelTrigger i,
.header_meta_nav_list .header_mobile_trigger i,
.header_meta_nav_list .header_search i,
.header_meta_nav_list .header_loginbox i,
.header_meta_nav_list .header_filialbasket i,
.header_meta_nav_list .header_minibasket i {
  font-size: 16px;
}
#headerChannelTrigger .i-label,
.header_mobile_trigger .i-label,
.header_search .i-label,
.header_loginbox .i-label,
.header_filialbasket .i-label,
.header_minibasket .i-label {
  display: none;
  font-size: 11px;
  text-align: center;
}
@media only screen and (min-width: 961px) {
  #headerChannelTrigger .i-label,
  .header_mobile_trigger .i-label,
  .header_search .i-label,
  .header_loginbox .i-label,
  .header_filialbasket .i-label,
  .header_minibasket .i-label {
    display: none;
  }
}
@media only screen and (max-width: 567px) {
  #headerChannelTrigger .i-label,
  .header_mobile_trigger .i-label,
  .header_search .i-label,
  .header_loginbox .i-label,
  .header_filialbasket .i-label,
  .header_minibasket .i-label {
    display: none;
  }
}
#header_mobile {
  box-shadow: 0 -12px 5px 10px #333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
  height: 8vw;
}
@media only screen and (max-width: 567px) {
  body.premium_sale #header_mobile {
    height: 13vw;
  }
}
@media only screen and (max-width: 320px) {
  body.premium_sale #header_mobile {
    height: 13vw;
  }
}
@media only screen and (max-width: 567px) {
  #header_mobile {
    height: 12vw;
  }
}
@media only screen and (max-width: 320px) {
  #header_mobile {
    height: 16vw;
  }
}
#header_mobile .header_loginbox {
  order: 5;
  border: none;
}
#header_mobile #headerChannelTrigger {
  order: 3;
}
#header_mobile .header_logo {
  order: 4;
}
#header_mobile #headerSearchTrigger {
  order: 2;
}
#header_mobile .header_filialbasket {
  order: 6;
}
#header_mobile .header_minibasket {
  order: 7;
}
#header_mobile #headerChannelTrigger,
#header_mobile .header_mobile_trigger,
#header_mobile .header_logo,
#header_mobile .header_search,
#header_mobile .header_loginbox,
#header_mobile .header_filialbasket,
#header_mobile .header_minibasket {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}
#header_mobile #headerChannelTrigger > *,
#header_mobile .header_mobile_trigger > *,
#header_mobile .header_logo > *,
#header_mobile .header_search > *,
#header_mobile .header_loginbox > *,
#header_mobile .header_filialbasket > *,
#header_mobile .header_minibasket > * {
  width: 8vw;
  height: 8vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 567px) {
  #header_mobile #headerChannelTrigger > *,
  #header_mobile .header_mobile_trigger > *,
  #header_mobile .header_logo > *,
  #header_mobile .header_search > *,
  #header_mobile .header_loginbox > *,
  #header_mobile .header_filialbasket > *,
  #header_mobile .header_minibasket > * {
    width: 12vw;
    height: 12vw;
  }
}
@media only screen and (max-width: 567px) and only screen and (max-width: 567px) {
  body.premium_sale #header_mobile #headerChannelTrigger > *,
  body.premium_sale #header_mobile .header_mobile_trigger > *,
  body.premium_sale #header_mobile .header_logo > *,
  body.premium_sale #header_mobile .header_search > *,
  body.premium_sale #header_mobile .header_loginbox > *,
  body.premium_sale #header_mobile .header_filialbasket > *,
  body.premium_sale #header_mobile .header_minibasket > * {
    height: 13vw;
  }
}
@media only screen and (max-width: 320px) {
  #header_mobile #headerChannelTrigger > *,
  #header_mobile .header_mobile_trigger > *,
  #header_mobile .header_logo > *,
  #header_mobile .header_search > *,
  #header_mobile .header_loginbox > *,
  #header_mobile .header_filialbasket > *,
  #header_mobile .header_minibasket > * {
    width: 12vw;
    height: 16vw;
  }
}
@media only screen and (max-width: 320px) and only screen and (max-width: 567px) {
  body.premium_sale #header_mobile #headerChannelTrigger > *,
  body.premium_sale #header_mobile .header_mobile_trigger > *,
  body.premium_sale #header_mobile .header_logo > *,
  body.premium_sale #header_mobile .header_search > *,
  body.premium_sale #header_mobile .header_loginbox > *,
  body.premium_sale #header_mobile .header_filialbasket > *,
  body.premium_sale #header_mobile .header_minibasket > * {
    height: 13vw;
  }
}
#header_mobile #headerChannelTrigger > * > *,
#header_mobile .header_mobile_trigger > * > *,
#header_mobile .header_logo > * > *,
#header_mobile .header_search > * > *,
#header_mobile .header_loginbox > * > *,
#header_mobile .header_filialbasket > * > *,
#header_mobile .header_minibasket > * > * {
  padding: 0;
}
#header_mobile #headerChannel,
#header_mobile .header_loginbox_content,
#header_mobile .header_accountbox_content,
#header_mobile .header_searchbox_content {
  position: absolute;
  left: 0;
  top: 8vw;
  -webkit-box-shadow: 0 12px 12px -5px #333333;
  box-shadow: 0 12px 12px -5px #333333;
}
@media only screen and (max-width: 567px) {
  #header_mobile #headerChannel,
  #header_mobile .header_loginbox_content,
  #header_mobile .header_accountbox_content,
  #header_mobile .header_searchbox_content {
    top: 12vw;
  }
}
@media only screen and (max-width: 320px) {
  #header_mobile #headerChannel,
  #header_mobile .header_loginbox_content,
  #header_mobile .header_accountbox_content,
  #header_mobile .header_searchbox_content {
    top: 16vw;
  }
}
#header_mobile .header_logo > * {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
#header_mobile .header_logo > * img,
#header_mobile .header_logo > * svg {
  height: 4vw;
  width: auto;
}
body.premium_sale #header_mobile .header_logo > * img,
body.premium_sale #header_mobile .header_logo > * svg {
  height: 6vw;
}
@media only screen and (max-width: 567px) {
  #header_mobile .header_logo > * img,
  #header_mobile .header_logo > * svg {
    height: 6vw;
  }
  body.premium_sale #header_mobile .header_logo > * img,
  body.premium_sale #header_mobile .header_logo > * svg {
    height: 10vw;
  }
}
@media only screen and (max-width: 320px) {
  #header_mobile .header_logo > * img,
  #header_mobile .header_logo > * svg {
    height: calc(8vw - 1vw);
    padding: 0 5px;
  }
}
#header_mobile .header_logo > * img .path,
#header_mobile .header_logo > * svg .path {
  background: red;
}
@media only screen and (max-width: 960px) {
  body.checkout.user #burgerMenu,
  body.checkout.payment #burgerMenu,
  body.checkout.thankyou #burgerMenu,
  body.checkout.order #burgerMenu,
  body.checkout.user #headerSearchTrigger,
  body.checkout.payment #headerSearchTrigger,
  body.checkout.thankyou #headerSearchTrigger,
  body.checkout.order #headerSearchTrigger,
  body.checkout.user #headerChannelTrigger,
  body.checkout.payment #headerChannelTrigger,
  body.checkout.thankyou #headerChannelTrigger,
  body.checkout.order #headerChannelTrigger {
    display: none!important;
  }
  body.checkout.user #header_mobile,
  body.checkout.payment #header_mobile,
  body.checkout.thankyou #header_mobile,
  body.checkout.order #header_mobile {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
.header_minibasket .headerbutton_info_price,
.header_filialbasket .headerbutton_info_price {
  font-weight: 400;
  color: #333333;
}
.header_searchbox_content .button_close,
.header_accountbox_content .button_close,
.header_loginbox_content .button_close,
.header_filialbasket_content .button_close {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 10px;
}
@media only screen and (max-width: 960px) {
  .header_searchbox_content .button_close,
  .header_accountbox_content .button_close,
  .header_loginbox_content .button_close,
  .header_filialbasket_content .button_close {
    right: 20px;
  }
}
.header_loginbox > ul {
  float: left;
}
.header_loginbox > ul > li:first-child {
  line-height: 1;
  margin-bottom: 5px;
}
.header_loginbox_content {
  display: none;
  z-index: 1000;
  float: left;
  background-color: #fff;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 35px;
}
body.dark_mode .header_loginbox_content {
  background-color: #181719;
}
.header_loginbox_content.active {
  display: block;
}
.header_loginbox_content_register > div {
  float: left;
}
.header_loginbox_content .cardfromstore {
  padding: 10px 0 0;
}
.header_loginbox_content .cardfromstore .css-label-value {
  margin: -20px 0 0 30px;
  font-weight: 800;
}
.header_loginbox a.headerbutton:hover {
  color: #333;
}
body.dark_mode .header_loginbox a.headerbutton:hover {
  color: #fff;
}
.open.header_loginbox a.headerbutton {
  position: relative;
  color: #333;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  z-index: 1040;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
}
body.dark_mode .open.header_loginbox a.headerbutton {
  color: #fff;
}
body.dark_mode .open.header_loginbox a.headerbutton {
  background-color: #181719;
}
body.mobile .open.header_loginbox a.headerbutton {
  border: none;
}
.header_loginbox a.headerbutton:focus {
  color: #333;
  outline-offset: 0;
}
body.dark_mode .header_loginbox a.headerbutton:focus {
  color: #fff;
}
.header_minibasket a:hover,
.header_filialbasket a:hover,
.open.header_minibasket a,
.open.header_filialbasket a {
  color: #333;
  background-color: #dadada;
  border-bottom: 0 none;
}
body.dark_mode .header_minibasket a:hover,
body.dark_mode .header_filialbasket a:hover,
body.dark_mode .open.header_minibasket a,
body.dark_mode .open.header_filialbasket a {
  color: #fff;
}
.header_minibasket a:focus,
.header_filialbasket a:focus {
  color: #333;
  outline-offset: 0;
}
body.dark_mode .header_minibasket a:focus,
body.dark_mode .header_filialbasket a:focus {
  color: #fff;
}
.header_minibasket a.user,
.header_filialbasket a.user {
  color: #1a508e;
}
.header_minibasket a.user:hover,
.header_filialbasket a.user:hover,
.open.header_minibasket a.user,
.open.header_filialbasket a.user {
  color: #1a508e;
}
.header_accountbox_content {
  display: none;
  z-index: 1000;
  float: left;
  background-color: #fff;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 35px;
}
body.dark_mode .header_accountbox_content {
  background-color: #181719;
}
.header_accountbox_content.active {
  display: block;
}
.header_accountbox_content h4 {
  margin-bottom: 30px;
}
.header_accountbox_content a.button_brand_primary {
  margin: 30px auto 0;
}
.header_accountbox_content li {
  line-height: 1.71428571;
}
.header_accountbox_content .notetext {
  text-align: center;
  margin-top: 5px;
}
.header_loginbox .header_loginbox_content,
.header_loginbox .header_accountbox_content {
  position: absolute;
  right: 0;
  top: 66px;
  width: 400px;
  padding: 20px;
  border: 1px solid;
  box-shadow: 0 15px 10px -10px #333333;
}
.header_loginbox .header_loginbox_content.active,
.header_loginbox .header_accountbox_content.active {
  display: block;
  position: absolute;
  right: 0;
  top: 66px;
  width: 400px;
  padding: 20px;
  border: 1px solid;
}
.header_accountbox_content,
.header_searchbox_content {
  position: relative;
  top: 0;
  -webkit-box-shadow: 0 15px 10px -10px #333333;
  box-shadow: 0 15px 10px -10px #333333;
}
@media only screen and (min-width: 961px) {
  .header_sticked .header_accountbox_content,
  .header_sticked .header_searchbox_content {
    position: fixed;
    top: 52px;
  }
}
.header_info {
  color: #9d9d9d;
  height: 40px;
  margin-top: 15px;
}
.header_info .header_block {
  float: left;
}
.header_info .info_certified a {
  float: left;
  display: block;
  margin-right: 10px;
}
.header_searchbox_content {
  display: none;
}
#qwizer_input:focus {
  outline: none;
}
/*#headerSearchBox is the flyout Container*/
.header_sticked #headerSearchBox {
  float: right;
  width: 40%;
  right: 0;
}
#headerSearchBox {
  z-index: 1000;
  float: left;
  background-color: #fff;
  width: 100%;
  padding: 30px;
}
body.dark_mode #headerSearchBox {
  background-color: #181719;
}
#headerSearchBox.active {
  display: block;
}
.header_sticked #headerSearchBox .button_close {
  top: 5px;
  right: 5px;
}
#headerSearchBox #divSuggestions .yui-ac-content ul li.ACQueryItem {
  font-size: 18px;
  padding: 10px 20px 10px;
}
#headerSearchBox #divSuggestions .yui-ac-content ul li {
  font-size: 18px;
}
#headerSearchBox #divSuggestions .yui-ac-content ul li.ACProductItem {
  height: 102px;
  padding: 0 10px;
}
#headerSearchBox #divSuggestions .yui-ac-content ul li.ACProductItem .ACProductImageCell {
  padding: 10px 10px 0 0;
}
#headerSearchBox #divSuggestions .yui-ac-content ul li.ACProductItem .ACProductImageCell img.ACProductImage {
  width: 60px;
}
#headerSearchBox #divSuggestions .yui-ac-content ul li.ACProductItem .ACproductText {
  font-size: 18px;
}
.header_searchbox {
  position: relative;
}
.header_service_wrapper .header_searchbox {
  width: 280px;
}
.header_search .header_searchbox_trigger {
  display: none;
}
.header_search input[type="text"] {
  font-style: italic;
  width: 100%;
  padding-right: 35px;
}
.header_searchsubmit {
  border: 0;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
#searchParam::-ms-clear {
  display: none;
}
#searchParam {
  width: 100%;
  font-style: italic;
  padding-right: 40px!important;
}
.mobile #searchParam:focus {
  outline: none;
}
body.dark_mode #searchParam {
  border: 1px solid white;
  background: transparent;
}
.header_service_wrapper #searchParam {
  border: 0;
  border-bottom: 1px solid #b2b2b2;
}
#headerSearchForm {
  flex: 0 0 40%;
}
body.checkout.user #headerSearchForm,
body.checkout.payment #headerSearchForm,
body.checkout.thankyou #headerSearchForm,
body.checkout.order #headerSearchForm {
  display: none!important;
}
#searchParam::-webkit-input-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#searchParam:-ms-input-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#searchParam:-moz-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#searchParam::-moz-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menu {
  /** something special for brands... **/
}
.menu .levelTwo_wrapper {
  position: absolute;
  z-index: 999999;
  display: none;
  width: 100vw;
  top: 52px;
  left: 0;
  visibility: hidden;
  float: left;
  background-color: white;
  border-bottom: 2px solid #d8d8d8;
}
.menu .levelTwo_wrapper .levelTwo {
  padding-top: 30px;
  padding-left: 10px;
  width: 16%;
  float: left;
  background-color: #fff;
}
body.dark_mode .menu .levelTwo_wrapper .levelTwo {
  background-color: #181719;
}
.menu .levelTwo_wrapper .levelTwo:first-child {
  padding-left: 20px;
}
.menu .levelTwo_wrapper .levelTwo > li {
  float: left;
  width: auto;
  clear: left;
  line-height: 1.7em;
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 30px;
}
.menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
  font-weight: normal;
  line-height: 1.42857143;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.71428571;
}
@media only screen and (min-width: 961px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .menu .levelTwo_wrapper .levelTwo > li.vendorlist > a {
    font-size: 16px;
  }
}
.menu .levelTwo_wrapper .levelTwo > li.active > a {
  color: #1a508e;
}
.menu .levelTwo_wrapper .levelTwo > li > a:hover {
  font-weight: bold;
}
.menu .levelTwo_wrapper .levelThree li.active > a {
  color: #1a508e;
}
.menu .levelTwo_wrapper .levelThree {
  display: none;
}
.menu > ul > li.open > a {
  position: relative;
}
.menu > ul > li.open .levelTwo_wrapper {
  visibility: visible;
  display: block;
  opacity: 1;
}
.menu > ul > li.clicked .levelTwo_wrapper {
  display: none !important;
  visibility: hidden !important;
}
.menu > ul > li.sale > a {
  color: #b30c00;
  text-transform: uppercase;
}
body.premium_sale .menu > ul > li.sale > a {
  color: #333333;
}
.menu li.vendorlist .levelTwo_wrapper .levelTwo > li {
  margin-bottom: 0;
  border-bottom: 0 none;
}
.menu li.vendorlist .levelTwo_wrapper .levelTwo > li > a {
  font-weight: normal;
}
.menu li.vendorlist .levelTwo_wrapper .levelTwo > li > a:hover {
  font-weight: bold;
}
/* ***** Login- und Warenkorb-Buttons ***** */
.header_minibasket .icon-shoppingbag,
.header_filialbasket .icon-clickreserve_icon {
  position: relative;
}
#stickyCR.header_filialbasket .icon-clickreserve_icon {
  position: inherit;
}
.headerbutton_boeppele {
  width: 18px;
  height: 18px;
  border-radius: 12px;
  background: #1a508e;
  position: absolute;
  top: 13px;
  left: 10px;
  padding: 0;
}
#stickyFunctions .headerbutton_boeppele {
  top: 15px;
  left: 20px;
}
@media only screen and (max-width: 960px) {
  .headerbutton_boeppele {
    top: 60%;
    left: 45%;
  }
}
.headerbutton_boeppele_inner {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: normal;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #fff;
  text-align: center;
}
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************
Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile
*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
@media (max-width: 960px) {
  #headerChannelTrigger a,
  .header_loginbox a,
  .header_minibasket a,
  .header_search a,
  .header_filialbasket a {
    color: #333;
  }
  body.dark_mode #headerChannelTrigger a,
  body.dark_mode .header_loginbox a,
  body.dark_mode .header_minibasket a,
  body.dark_mode .header_search a,
  body.dark_mode .header_filialbasket a {
    color: #fff;
  }
  #headerChannelTrigger a:hover,
  .header_loginbox a:hover,
  .header_minibasket a:hover,
  .header_search a:hover,
  .header_filialbasket a:hover {
    background: #dadada;
    outline: 0!important;
    color: #333;
  }
  body.dark_mode #headerChannelTrigger a:hover,
  body.dark_mode .header_loginbox a:hover,
  body.dark_mode .header_minibasket a:hover,
  body.dark_mode .header_search a:hover,
  body.dark_mode .header_filialbasket a:hover {
    color: #fff;
  }
  body.dark_mode #headerChannelTrigger a:hover,
  body.dark_mode .header_loginbox a:hover,
  body.dark_mode .header_minibasket a:hover,
  body.dark_mode .header_search a:hover,
  body.dark_mode .header_filialbasket a:hover {
    background-color: #181719;
  }
  .header_loginbox.open a,
  .header_search.open a {
    background: #dadada;
    outline: 0;
    color: #333;
  }
  body.dark_mode .header_loginbox.open a,
  body.dark_mode .header_search.open a {
    color: #fff;
  }
  body.dark_mode .header_loginbox.open a,
  body.dark_mode .header_search.open a {
    background-color: #181719;
  }
  /*TODO: clean up -- max depth 3 --- */
  .header_search > form.search {
    display: none;
  }
  .header_search .header_searchbox {
    margin: 0 auto;
  }
  .header_functions {
    float: none;
    margin-top: 0;
  }
  .header_functions:after {
    clear: both;
  }
  .header_functions > div {
    height: 100%;
  }
  .header_minibasket > ul {
    display: none;
  }
  .header_searchbox_trigger,
  .header_loginbox_trigger,
  .header_filialbasket_trigger {
    float: none;
  }
  .header_searchbox_trigger a,
  .header_loginbox_trigger a,
  .header_filialbasket_trigger a {
    float: none;
    background: 0 none;
    display: block;
    width: auto;
    height: auto;
    text-indent: 0;
  }
  .header_searchbox > ul,
  .header_loginbox > ul,
  .header_filialbasket > ul {
    display: none;
  }
  .header_searchbox_content,
  .header_loginbox_content,
  .header_filialbasket_content {
    padding-bottom: 0;
  }
  .header_searchbox_content h4,
  .header_loginbox_content h4,
  .header_filialbasket_content h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: normal;
    text-align: center;
  }
  .header_searchbox_content_register > div,
  .header_loginbox_content_register > div,
  .header_filialbasket_content_register > div {
    float: none;
  }
  .header_searchbox_content_register > div h4,
  .header_loginbox_content_register > div h4,
  .header_filialbasket_content_register > div h4,
  .header_searchbox_content_register > div p,
  .header_loginbox_content_register > div p,
  .header_filialbasket_content_register > div p,
  .header_searchbox_content_register > div div,
  .header_loginbox_content_register > div div,
  .header_filialbasket_content_register > div div,
  .header_searchbox_content_register > div ul,
  .header_loginbox_content_register > div ul,
  .header_filialbasket_content_register > div ul {
    display: none;
  }
  .header_searchbox_content_register > div a,
  .header_loginbox_content_register > div a,
  .header_filialbasket_content_register > div a {
    display: block;
  }
  .header_meta_nav_list > li::after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .levelOne > li.mobile_meta {
    background-color: #fff;
  }
  body.dark_mode .levelOne > li.mobile_meta {
    background-color: #181719;
  }
  .levelOne > li > a {
    font-weight: 700;
    border-bottom: 1px solid #d8d8d8;
  }
  .levelOne > li.mobile_meta > a {
    color: #666666;
    border-bottom: 1px solid #d8d8d8;
  }
  .levelTwo > li,
  .levelThree > li {
    background-color: #fff;
  }
  body.dark_mode .levelTwo > li,
  body.dark_mode .levelThree > li {
    background-color: #181719;
  }
  .levelTwo > li > a {
    color: #333;
    font-weight: 600;
  }
  body.dark_mode .levelTwo > li > a {
    color: #fff;
  }
  .header_meta_nav_list > li:after {
    width: auto;
    margin-left: 0;
    position: relative;
    left: auto;
  }
}
.cookieChoiceInfo {
  background-color: #EEE;
  text-align: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #424242;
  position: fixed;
  top: 0;
}
.cookieChoiceInfo.en a.closecookie {
  background: transparent url(images/cookies_close.png) no-repeat scroll 50px -3px;
}
.cookieChoiceInfo.pl a.closecookie {
  background: transparent url(images/cookies_close.png) no-repeat scroll 105px -3px;
}
.cookieChoiceInfo span {
  text-align: center;
}
.cookieChoiceInfo > a {
  background: transparent url(images/cookies_close.png) no-repeat scroll 80px -3px;
  margin-left: 20px;
  padding-right: 30px;
  text-decoration: underline;
}
@media (max-width: 960px) {
  .cookieChoiceInfo {
    line-height: 0.8em;
  }
  .cookieChoiceInfo span,
  .cookieChoiceInfo a {
    font-size: 12px;
  }
}
/*CR New Header Start 5.11.2014*/
.font_metanav {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #666666;
  text-transform: uppercase;
}
.menu > ul > li.open > a:after {
  bottom: -4px;
}
.menu > ul > li:not(:first-child) .levelTwo_center_wrapper:before {
  content: none;
  background: red;
}
.menu .levelTwo_wrapper a:hover {
  background-color: transparent;
}
.menu .levelTwo_wrapper .levelTwo > li {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: none;
  position: relative;
  z-index: 1;
}
.menu .levelTwo_wrapper .levelTwo > li:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 180px;
  border-bottom: 1px solid #d8d8d8;
}
.menu li.vendorlist .levelTwo_wrapper .levelTwo > li {
  padding-bottom: 0;
}
.menu li.vendorlist .levelTwo_wrapper .levelTwo > li:before {
  content: "";
  position: absolute;
  height: 0;
  border-bottom: none;
}
.header_logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
body.mobile .header_loginbox_content,
body.mobile .header_accountbox_content {
  position: relative;
  width: 100%;
  border: none;
  box-shadow: 0 15px 10px -10px #333333;
  padding: 20px;
}
body.mobile .header_loginbox_content h4,
body.mobile .header_accountbox_content h4 {
  text-transform: capitalize;
  font-size: 24px;
  font-weight: 400;
}
body.mobile .header_loginbox_content .loginBoxLinkWrapper,
body.mobile .header_accountbox_content .loginBoxLinkWrapper {
  margin-bottom: 20px;
}
body.mobile .header_loginbox_content .loginBoxLinkWrapper .devider,
body.mobile .header_accountbox_content .loginBoxLinkWrapper .devider {
  width: 1px;
  height: 22px;
  border-right: 1px solid #333333;
}
@media (max-width: 420px) {
  body.mobile .header_loginbox_content .loginBoxLinkWrapper li,
  body.mobile .header_accountbox_content .loginBoxLinkWrapper li {
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
  }
  body.mobile .header_loginbox_content .loginBoxLinkWrapper .devider,
  body.mobile .header_accountbox_content .loginBoxLinkWrapper .devider {
    height: 44px;
    padding: 0;
  }
}
.open.header_loginbox_content > a,
.open.header_accountbox_content > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 15px;
  background: none;
  outline: none !important;
}
.header_loginbox_content h4,
.header_accountbox_content h4 {
  text-transform: uppercase;
  padding-bottom: 20px;
  font-weight: 700;
}
#header_svg_cr {
  fill: #9D9D9D;
}
#header_svg_cr_active {
  fill: #0d4395;
}
.cookieChoiceInfo {
  background-color: #333;
  color: #fff;
}
.cookieChoiceInfo a {
  color: #fff;
}
.cookieChoiceInfo a.closecookie {
  background: transparent url(images/cookies_close.png) no-repeat scroll 80px -3px;
}
.header_info_right_bottom {
  clear: right;
}
.specialday_mobile {
  display: none;
}
@media (max-width: 960px) {
  .specialday_mobile {
    display: block;
  }
}
.specialday_mobile .specialdayoffer_mob {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 26px;
  color: #be0000;
  font-weight: bold;
}
.vatertag_mobile {
  display: none;
}
@media (max-width: 960px) {
  .vatertag_mobile {
    display: block;
  }
}
.vatertag_mobile .vatertagoffer_mob {
  width: 95%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.35;
  color: #be0000;
  font-weight: bold;
}
.vatertag_mobile .vatertagoffer_mob strong {
  animation: showup 5s infinite;
}
@keyframes showup {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.vatertag_mobile .vatertagoffer_mob small {
  line-height: 1;
  font-size: 10px;
  font-weight: normal;
  color: #666666;
}
.vatertagoffer {
  text-align: center;
  margin-top: 25px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 26px;
  color: #be0000;
}
.vatertagoffer div {
  display: inline-block;
  overflow: hidden;
}
.vatertagoffer div:first-of-type {
  animation: showup 7s infinite;
}
.vatertagoffer div:last-of-type {
  width: 0px;
  animation: reveal 7s infinite;
}
.vatertagoffer div:last-of-type span {
  margin-left: -355px;
  animation: slidein 7s infinite;
}
@keyframes showup {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slidein {
  0% {
    margin-left: -800px;
  }
  20% {
    margin-left: -800px;
  }
  35% {
    margin-left: 0px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes reveal {
  0% {
    opacity: 0;
    width: 0px;
  }
  20% {
    opacity: 1;
    width: 0px;
  }
  30% {
    width: 800px;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    width: 800px;
  }
}
/*ST-1096 autosuggest mobile : END*/
.vatertagoffer {
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 26px;
  color: #be0000;
  max-width: 1680px;
  width: 90%;
  margin: auto;
  font-weight: bold;
  padding-top: 9px;
  display: block;
}
@media (max-width: 960px) {
  .vatertagoffer {
    display: none;
  }
}
@media (max-width: 1200px) {
  .vatertagoffer {
    line-height: 30px;
  }
}
.vatertagoffer small {
  font-weight: normal;
  color: #888888;
}
.vatertag_mobile {
  display: none;
}
@media (max-width: 960px) {
  .vatertag_mobile {
    display: block;
  }
}
@media (max-width: 960px) {
  .vatertag_mobile {
    display: block;
  }
}
.vatertag_mobile .vatertagoffer_mob {
  width: 95%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.35;
  color: #be0000;
  font-weight: bold;
}
.vatertag_mobile .vatertagoffer_mob strong {
  animation: showup 5s infinite;
}
@keyframes showup {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.vatertag_mobile .vatertagoffer_mob small {
  line-height: 1;
  font-size: 10px;
  font-weight: normal;
  color: #666666;
}
.specialdayoffer {
  text-align: center;
  margin-top: 25px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 26px;
  color: #be0000;
  font-weight: bold;
}
.specialdayoffer p {
  -webkit-animation: fade 10s;
  animation: fade 10s infinite;
  -moz-animation: fade 10s;
  -o-animation: fade 10s;
}
@-webkit-keyframes fade {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-moz-keyframes fade {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.betterfriday .fridaysale,
.fridaysale_wrapper .fridaysale {
  background: black;
  text-align: center;
  color: #e0ae30;
  font-weight: bold;
  cursor: pointer;
  padding: 14px 47px;
}
.betterfriday .fridaysale small,
.fridaysale_wrapper .fridaysale small {
  font-weight: normal;
}
.betterfriday .friday_desktop,
.fridaysale_wrapper .friday_desktop {
  height: 64px;
  line-height: 32px;
}
.betterfriday .friday_desktop small,
.fridaysale_wrapper .friday_desktop small {
  display: none;
}
.betterfriday .friday_desktop:hover.active small,
.fridaysale_wrapper .friday_desktop:hover.active small {
  display: block;
}
.betterfriday .friday_desktop:hover.active,
.fridaysale_wrapper .friday_desktop:hover.active {
  line-height: 18px;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 960px) {
  .betterfriday .friday_desktop,
  .fridaysale_wrapper .friday_desktop {
    display: none;
  }
}
.betterfriday .arrow-down,
.fridaysale_wrapper .arrow-down {
  width: auto;
  height: auto;
  position: relative;
}
.betterfriday .arrow-down:before,
.fridaysale_wrapper .arrow-down:before,
.betterfriday .arrow-down:after,
.fridaysale_wrapper .arrow-down:after {
  content: "";
  display: block;
  width: 15px;
  height: 2px;
  background: #e0ae30;
  position: absolute;
  top: 27px;
  transition: transform 0.5s;
}
.betterfriday .arrow-down:before,
.fridaysale_wrapper .arrow-down:before {
  right: 23px;
  transform: rotate(45deg);
}
.betterfriday .arrow-down:after,
.fridaysale_wrapper .arrow-down:after {
  right: 13px;
  transform: rotate(-45deg);
}
.betterfriday .arrow-down.active:before,
.fridaysale_wrapper .arrow-down.active:before {
  transform: rotate(-45deg);
}
.betterfriday .arrow-down.active:after,
.fridaysale_wrapper .arrow-down.active:after {
  transform: rotate(45deg);
}
.betterfriday .friday_mobile small,
.fridaysale_wrapper .friday_mobile small {
  visibility: hidden;
  display: none;
}
@media (min-width: 961px) {
  .betterfriday .friday_mobile,
  .fridaysale_wrapper .friday_mobile {
    display: none;
  }
}
.betterfriday .arrow-down.active small,
.fridaysale_wrapper .arrow-down.active small {
  visibility: visible;
  display: block;
}
/*------ new year banner start ---*/
.newyear-banner-wrapper {
  display: none;
}
.newyear-banner-wrapper .newyearbanner {
  background: black;
  position: relative;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 8px 30px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.newyear-banner-wrapper .newyearbanner.banner-bg-dach {
  background-image: url(images/hgg_newyearbg.jpg);
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 960px) {
  .newyear-banner-wrapper .newyearbanner {
    padding-bottom: 20px;
  }
}
.newyear-banner-wrapper .newyearbanner .newyear20 {
  box-sizing: border-box;
  font-size: 14px;
  padding: 6px 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 75%;
}
@media (max-width: 960px) {
  .newyear-banner-wrapper .newyearbanner .newyear20 {
    font-size: 16px;
    padding: 14px;
  }
}
@media (max-width: 480px) {
  .newyear-banner-wrapper .newyearbanner .newyear20 {
    font-size: 13px;
    line-height: 20px;
  }
}
.newyear-banner-wrapper .newyearbanner .newyear20 p {
  margin: auto 20px;
}
.newyear-banner-wrapper .newyearbanner small {
  font-weight: normal;
  display: none;
  text-transform: initial;
}
@media (max-width: 960px) {
  .newyear-banner-wrapper .newyearbanner small {
    font-size: 11px;
  }
}
.newyear-banner-wrapper .newyearbanner .arrow-down {
  position: relative;
}
@media (max-width: 960px) {
  .newyear-banner-wrapper .newyearbanner .arrow-down {
    width: 100%;
    height: auto;
  }
}
.newyear-banner-wrapper .newyearbanner .arrow-down:before,
.newyear-banner-wrapper .newyearbanner .arrow-down:after {
  content: "";
  display: block;
  width: 15px;
  height: 2px;
  background: #fff;
  position: absolute;
  transition: transform 0.5s;
}
@media (max-width: 960px) {
  .newyear-banner-wrapper .newyearbanner .arrow-down:before,
  .newyear-banner-wrapper .newyearbanner .arrow-down:after {
    top: 100%;
    margin: auto;
    left: 0;
  }
}
.newyear-banner-wrapper .newyearbanner .arrow-down:before {
  right: 23px;
  transform: rotate(45deg);
  top: 50%;
}
@media (max-width: 960px) {
  .newyear-banner-wrapper .newyearbanner .arrow-down:before {
    right: 31px;
    top: 100%;
    bottom: 0;
  }
}
.newyear-banner-wrapper .newyearbanner .arrow-down:after {
  right: 13px;
  transform: rotate(-45deg);
  top: 50%;
}
@media (max-width: 960px) {
  .newyear-banner-wrapper .newyearbanner .arrow-down:after {
    top: 100%;
    bottom: 0;
  }
}
.newyear-banner-wrapper .newyearbanner .arrow-down.active:before {
  transform: rotate(-45deg);
}
.newyear-banner-wrapper .newyearbanner .arrow-down.active:after {
  transform: rotate(45deg);
}
.newyear-banner-wrapper .newyearbanner .banner_desktop small {
  display: none;
}
.newyear-banner-wrapper .newyearbanner .arrow-down.active small {
  display: block;
  line-height: 19px;
  width: 95%;
}
.newyear-banner-wrapper .newyearbanner .close_btn {
  position: absolute;
  width: 23px;
  height: 23px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  right: 50px;
  cursor: pointer;
  top: 14px;
}
@media (max-width: 960px) {
  .newyear-banner-wrapper .newyearbanner .close_btn {
    right: 0;
    top: 20px;
  }
}
@media (max-width: 320px) {
  .newyear-banner-wrapper .newyearbanner .close_btn {
    top: 77px;
  }
}
.newyear-banner-wrapper .newyearbanner .close_btn:before,
.newyear-banner-wrapper .newyearbanner .close_btn:after {
  position: absolute;
  right: 25px;
  content: ' ';
  height: 23px;
  width: 2px;
  background-color: #fff;
}
.newyear-banner-wrapper .newyearbanner .close_btn:before {
  transform: rotate(45deg);
}
.newyear-banner-wrapper .newyearbanner .close_btn:after {
  transform: rotate(-45deg);
}
.banner-mob {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
@media (min-width: 961px) {
  .banner-mob {
    display: none;
  }
}
body.checkout .newyearbanner,
body.forgotpwd .newyearbanner {
  display: none;
}
.bestfriendsday_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-color: #f0da66;
  color: #000000;
  padding: 15px;
}
.bestfriendsday_container sup {
  font-size: 90%;
}
.bestfriendsday_text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
}
.bestfriendsday_title {
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 26px;
}
@media (max-width: 960px) {
  .bestfriendsday_title {
    text-align: center;
  }
}
.bestfriendsday_title > span {
  text-transform: uppercase;
}
.bestfriendsday_subtitle {
  text-align: center;
}
@media (min-width: 961px) {
  .bestfriendsday_subtitle {
    display: block !important;
  }
}
@media (max-width: 960px) {
  .bestfriendsday_subtitle {
    display: none;
    padding-top: 15px;
  }
}
.bestfriendsday_arrows {
  -webkit-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
}
.bestfriendsday_arrows .arrowup {
  display: none;
}
.bestfriendsday_arrows .arrowup,
.bestfriendsday_arrows .arrowdown {
  cursor: pointer;
}
@media (min-width: 961px) {
  .bestfriendsday_arrows {
    display: none;
  }
}
/*STICKY HEADER*/
#stickyHeader .hidden-sticky {
  display: none!important;
}
#stickyLogo,
#stickyFunctions {
  display: none;
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
.stickyheader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  background-color: #fff;
  border-bottom: 1px solid #b2b2b2;
}
body.dark_mode .stickyheader {
  background-color: #000032;
}
@media only screen and (max-width: 960px) {
  .stickyheader {
    background-color: #f1f1f1;
  }
  body.dark_mode .stickyheader {
    background-color: #000032;
  }
}
@media only screen and (max-width: 960px) {
  .stickyheader {
    border-bottom: 0;
  }
}
.stickyheader #stickyLogo,
.stickyheader #stickyFunctions {
  display: block;
  position: absolute;
}
.stickyheader #stickyUser {
  position: relative;
}
.stickyheader #stickyUser.active {
  border: 1px solid #b2b2b2;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
}
@media (min-width: 961px) and (max-width: 1160px) {
  .stickyheader #stickyUser.active {
    padding-bottom: 13px;
  }
}
.stickyheader #stickyUser .header_loginbox_content,
.stickyheader #stickyUser .header_accountbox_content {
  position: absolute;
  font-size: 14px;
  top: 45px;
  right: -1px;
  z-index: 1;
  border: 1px solid #b2b2b2;
  border-top: 1px solid #fff;
  width: 400px;
  padding: 20px;
  box-shadow: 0 15px 10px -10px #333333;
}
@media (min-width: 961px) and (max-width: 1160px) {
  .stickyheader #stickyUser .header_loginbox_content,
  .stickyheader #stickyUser .header_accountbox_content {
    top: 42px;
  }
}
.stickyheader #stickyUser .header_loginbox_content li,
.stickyheader #stickyUser .header_accountbox_content li {
  width: 100%;
}
.stickyheader #stickyUser .header_loginbox_content li.ddhes-form--el,
.stickyheader #stickyUser .header_accountbox_content li.ddhes-form--el {
  padding: 0;
}
.stickyheader #stickyUser .header_loginbox_content .loginBoxLinkWrapper,
.stickyheader #stickyUser .header_accountbox_content .loginBoxLinkWrapper {
  width: 100%;
}
.stickyheader #stickyUser .header_loginbox_content .loginBoxLinkWrapper li,
.stickyheader #stickyUser .header_accountbox_content .loginBoxLinkWrapper li {
  width: auto;
  padding: 0;
}
.stickyheader #stickyUser .header_loginbox_content .loginBoxLinkWrapper .devider,
.stickyheader #stickyUser .header_accountbox_content .loginBoxLinkWrapper .devider {
  width: 1px;
  height: 20px;
  border-right: 1px solid #333333;
}
.stickyheader #stickyLogo {
  z-index: 1;
  left: 5%;
  top: 0;
  padding-top: 7px;
}
body.premium_sale .stickyheader #stickyLogo {
  top: 10px;
}
.stickyheader #stickyFunctions {
  right: 5%;
  font-size: 24px;
  top: 0;
  height: 52px;
  padding-top: 7px;
}
.stickyheader #stickyFunctions li {
  float: left;
  padding: 0 10px;
  border: 1px solid #fff;
}
body.dark_mode .stickyheader #stickyFunctions li {
  border: 0 none;
}
.stickyheader #stickyCR > * {
  display: block;
}
.stickyheader #stickyMinibasket,
.stickyheader #stickyCR {
  position: relative;
}
.stickyheader .cd-dropdown-content {
  border: 0 none;
}
@media (min-width: 961px) and (max-width: 1560px) {
  .stickyheader li.journallist {
    display: none;
  }
  .stickyheader #stickyLogo {
    left: 1%;
  }
  .stickyheader #stickyFunctions {
    right: 0;
  }
}
@media (min-width: 961px) and (max-width: 1160px) {
  .stickyheader #stickyFunctions {
    right: 0%;
    font-size: 20px;
    padding-top: 10px;
  }
  .stickyheader #stickyFunctions li {
    float: left;
    padding: 0 8px;
  }
  .stickyheader .cd-dropdown-content a,
  .stickyheader .cd-dropdown-content ul a {
    font-size: 14px;
  }
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0)
->padding set in ddhes_stickyheader.js
.stickyheader ~ main {
  padding-top: 170px;
}
*/
body.header_sticked #header_desktop {
  display: none!important;
}
/* BURGER_ITEM*/
/* menuFive */
.menuFive {
  width: 28px;
  height: 20px;
  margin: 10px 10px;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 567px) {
  .menuFive {
    width: 24px;
    height: 16px;
  }
}
.menuFive span {
  background-color: #333;
  position: absolute;
  transition: 0.01s cubic-bezier(0.8, 0.5, 0.2, 1.4);
  width: 100%;
  height: 2px;
  transition-duration: 500ms;
}
body.dark_mode .menuFive span {
  background-color: #fff;
}
.menuFive span:nth-child(1) {
  top: 0;
  left: 0;
}
.menuFive span:nth-child(2) {
  top: 9px;
  left: 0;
}
@media only screen and (max-width: 567px) {
  .menuFive span:nth-child(2) {
    top: 7px;
  }
}
.menuFive span:nth-child(3) {
  bottom: 0;
  left: 0;
}
.dropdown-is-active.menuFive span:nth-child(1) {
  transform: rotate(45deg);
  top: 8px;
}
.dropdown-is-active.menuFive span:nth-child(2) {
  transform: scale(0.1);
}
.dropdown-is-active.menuFive span:nth-child(3) {
  transform: rotate(-45deg);
  top: 8px;
}
.burger_label {
  position: absolute;
  left: 0;
  bottom: -16px;
  font-size: 10px;
}
.action-banner-container {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.action-banner-container .action-banner-close {
  font-size: 18px;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.action-banner-container .action-banner-close:hover {
  opacity: 0.8;
}
.action-banner-container .action-banner-content {
  text-align: center;
  padding: 10px 30px;
}
.weilhnachten-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  background-image: url(images/christmas_banner_bg.jpg);
  background-repeat: no-repeat;
  height: 80px;
  background-position: center bottom;
  background-size: cover;
}
@media (max-width: 960px) {
  .weilhnachten-banner {
    display: block;
    height: 120px;
    position: relative;
  }
  .weilhnachten-banner .textMessage {
    padding: 0 33px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 530px) {
  .weilhnachten-banner {
    height: 142px;
  }
  .weilhnachten-banner .textMessage {
    padding: 0 33px 0 17px;
  }
}
@media (max-width: 360px) {
  .weilhnachten-banner {
    height: 148px;
  }
}
.weilhnachten-banner .bannerTexts {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  align-self: center;
}
.weilhnachten-banner .bannerTexts .hiddencontent {
  display: none;
}
.weilhnachten-banner .bannerTexts .textMessage {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (max-width: 960px) {
  .weilhnachten-banner .bannerTexts .textMessage {
    font-size: 14px;
  }
}
.weilhnachten-banner .bannerTexts small {
  font-size: 10px;
  line-height: 26px;
  text-transform: initial;
}
@media (max-width: 960px) {
  .weilhnachten-banner .bannerTexts small {
    line-height: 1px ;
    font-size: 11px;
  }
}
.weilhnachten-banner .close_btn {
  position: absolute;
  right: 2px;
  width: 23px;
  height: 23px;
  align-self: center;
  margin-right: 50px;
  cursor: pointer;
}
@media only screen and (max-width: 960px) {
  .weilhnachten-banner .close_btn {
    right: 7px;
    top: 50px;
    margin-right: 5px;
  }
}
.weilhnachten-banner .close_btn:before,
.weilhnachten-banner .close_btn:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 23px;
  width: 2px;
  background-color: #fff;
}
.weilhnachten-banner .close_btn:before {
  transform: rotate(45deg);
}
.weilhnachten-banner .close_btn:after {
  transform: rotate(-45deg);
}
body.checkout weilhnachten-banner-wraper,
body.forgotpwd weilhnachten-banner-wraper {
  display: none;
}
/* opineo button */
.opineo_header img {
  width: 100px;
}
footer {
  width: 100%;
  margin: 0;
  float: left;
  padding: 0;
  position: relative;
  background-color: #fff;
}
body.dark_mode footer {
  background-color: #181719;
}
footer h4 {
  font-size: 22px;
  line-height: 27px;
}
.footer_svg {
  max-height: 23px;
}
.servicebuttons_wrapper {
  float: left;
  width: 100%;
  background-color: #f3f3f3;
  margin-top: 10px;
}
body.dark_mode .servicebuttons_wrapper {
  background-color: #363438;
}
.servicebuttons {
  max-width: 1680px;
  width: 90%;
  margin-left: auto!important;
  margin-right: auto!important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .servicebuttons {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .servicebuttons {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .servicebuttons {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .servicebuttons {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .servicebuttons {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .servicebuttons {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .servicebuttons {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .servicebuttons {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .servicebuttons {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .servicebuttons {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .servicebuttons {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .servicebuttons {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
.servicebuttons .servicebuttons_item:last-child a {
  border-right: 2px solid #fff;
}
body.dark_mode .servicebuttons .servicebuttons_item:last-child a {
  border-right: 2px solid #181719;
}
@media only screen and (max-width: 960px) {
  .servicebuttons .servicebuttons_item:last-child a {
    border-right: none;
  }
}
@media (max-width: 960px) {
  .servicebuttons {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}
.servicebuttons a {
  display: block;
  text-align: center;
  color: #333333;
  line-height: 1.4em;
  text-transform: uppercase;
  padding: 20px 0;
  border-left: 2px solid #fff;
  font-weight: 700;
}
body.dark_mode .servicebuttons a {
  color: #fff;
}
body.dark_mode .servicebuttons a {
  border-left: 2px solid #181719;
}
.servicebuttons a:hover {
  background-color: #333333;
  color: #fff;
}
.servicebuttons a:hover .footer_svg path {
  fill: #fff;
}
.servicebuttons .footer_svg {
  margin-bottom: 5px;
}
.servicebuttons_item i {
  font-size: 36px;
  display: block;
}
@media only screen and (max-width: 960px) {
  .servicebuttons_item:nth-child(-n+2) {
    border-bottom: 2px solid #fff;
  }
  body.dark_mode .servicebuttons_item:nth-child(-n+2) {
    border-bottom: 2px solid #181719;
  }
}
.footer_backToTop {
  float: left;
  width: 100%;
  padding: 20px 0;
}
.footer_backToTop a {
  text-transform: uppercase;
  font-weight: 700;
}
.footer_backToTop a .icon-arrow-up {
  font-size: 18px;
}
.footer_backToTop a:hover {
  color: #1a508e;
}
.footer_functions {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 961px) {
  .footer_functions {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 961px) {
  .footer_functions > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none;
  }
}
@media only screen and (min-width: 961px) {
  .footer_functions [class*="col-"] {
    border-right: 1px solid #b2b2b2;
  }
  .footer_functions [class*="col-"]:last-child {
    border-right: none;
  }
}
@media only screen and (max-width: 960px) {
  .footer_functions [class*="col-"] {
    border-bottom: 1px solid #b2b2b2;
    padding: 40px 30px;
  }
  .footer_functions [class*="col-"]:last-child {
    border-bottom: none;
  }
}
.footer_functions .font_info {
  font-size: 12px;
  line-height: 18px;
}
.footer_functions .footerNewsletterBlock .ddhes-form,
.footer_functions .footerNewsletterBlock > div {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 961px) {
  .footer_functions .footerNewsletterBlock .ddhes-form,
  .footer_functions .footerNewsletterBlock > div {
    float: left;
    width: 83.33333333%;
  }
}
@media only screen and (max-width: 960px) {
  .footer_functions .footerNewsletterBlock .ddhes-form,
  .footer_functions .footerNewsletterBlock > div {
    width: 100%!important;
  }
}
.footer_functions .ddhes-form .ddhes-btn--blue {
  font-weight: 400;
}
@media only screen and (max-width: 960px) {
  .footer_functions .ddhes-form .ddhes-btn--blue {
    width: 100%!important;
  }
}
.footer_functions .icon_whatsapp .whatsapp {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.footer_functions .icon_whatsapp .whatsapp span {
  background-color: #015294;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 37px;
  width: 37px;
  border-radius: 50%;
  margin-right: 3px;
}
.footer_functions .icon_whatsapp .whatsapp h4 .gray {
  font-size: 14px;
  margin-bottom: 10px;
}
.footer_functions .icon_whatsapp .whatsapp img {
  width: 20px;
  margin-left: 5px;
}
.footer_functions .icon_whatsapp span {
  margin-left: 19px;
}
.footer_service {
  float: left;
  width: 100%;
  background-color: #f3f3f3;
}
body.dark_mode .footer_service {
  background-color: #363438;
}
@media only screen and (min-width: 961px) {
  .footer_service {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer_service > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none;
  }
}
.footer_service_block {
  width: 20%;
  float: left;
}
.footer_service_block li {
  padding-bottom: 7px;
}
.footer_service_block.ratings li:last-child {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
.footer_service_block.ratings li:last-child img {
  margin-top: 10px;
}
@media only screen and (max-width: 960px) {
  .footer_service_block {
    width: 100%;
    border-bottom: 1px solid white;
  }
  .footer_service_block .acc_body {
    padding: 0 50px 20px;
  }
}
@media only screen and (min-width: 961px) {
  .footer_service_block {
    padding: 0 20px;
  }
  .footer_service_block:first-child {
    padding-left: 0;
  }
  .footer_service_block:last-child {
    padding-right: 0;
  }
}
.footer_service_block .opineo img {
  width: 170px;
}
@media only screen and (max-width: 960px) {
  .footer_service_block .opineo img {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  .footer_service_head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    float: none;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    padding: 20px 40px;
  }
}
.footer_service_block.ratings li {
  padding-bottom: 20px;
}
.rating-partner img {
  max-width: 40px;
}
.trustedshops_reviews_stars {
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -2761px;
  width: 90px;
  height: 18px;
  display: block;
  float: left;
}
.trustedshops_reviews_stars.avgrating {
  background-position: 0 -2737px;
}
.footer_logo {
  float: left;
  width: 100%;
  padding: 20px 0;
}
.footer_icon_bar {
  float: left;
  width: 100%;
  padding-top: 30px;
}
@media only screen and (max-width: 960px) {
  .footer_icon_bar {
    padding-top: 0;
  }
}
.footer_icon_bar > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
@media only screen and (max-width: 960px) {
  .footer_icon_bar > * {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}
.footer_icon_bar .border_sep {
  width: 1px;
  background: #b2b2b2;
  margin: 0 10px;
  flex: 0 0 1px;
  align-self: stretch;
}
@media only screen and (min-width: 961px) {
  .footer_icon_bar [class*="footer_icon_bar_"] {
    flex: 1 1 auto;
  }
}
@media only screen and (max-width: 960px) {
  .footer_icon_bar [class*="footer_icon_bar_"] {
    width: 100%;
    float: left;
    margin: 0 20px;
    padding: 20px 0;
    border-bottom: 1px solid #b2b2b2;
  }
  .footer_icon_bar [class*="footer_icon_bar_"]:last-child {
    border-bottom: none;
  }
}
.footer_icon_bar ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
@media only screen and (max-width: 960px) {
  .footer_icon_bar ul {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    float: none;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 960px) {
  .footer_icon_bar_social ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.footer_icon_bar li {
  float: left;
  padding: 5px 7px;
}
@media only screen and (max-width: 960px) {
  .footer_icon_bar li {
    padding: 10px 15px;
  }
}
.footer_icon_bar i {
  font-size: 20px;
}
@media only screen and (max-width: 960px) {
  .footer_icon_bar i {
    font-size: 30px;
  }
}
.footer_icon_bar svg,
.footer_icon_bar i {
  height: 20px;
}
@media only screen and (max-width: 960px) {
  .footer_icon_bar svg,
  .footer_icon_bar i {
    height: 25px;
  }
}
@media only screen and (max-width: 960px) {
  .footer_icon_bar_content ul li {
    flex: 0 0 100%;
    text-align: center;
  }
}
.footer_icon_bar_content ul li a {
  font-weight: 700;
  text-transform: uppercase;
}
.footer_seo {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  padding: 20px;
}
@media only screen and (min-width: 961px) {
  .footer_seo {
    height: 100%;
  }
}
@media only screen and (max-width: 960px) {
  .footer_seo {
    padding: 20px;
    height: 300px;
  }
}
.footer_seo .triggerSeoReadMore {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  text-align: left;
  width: 100%;
  background: #ffffff;
  background: linear-gradient(0deg, #ffffff 50%, rgba(255, 255, 255, 0.7) 65%, rgba(255, 255, 255, 0.2) 100%);
  position: absolute;
  bottom: 0;
  padding-top: 75px;
  padding-bottom: 20px;
  z-index: 10;
  cursor: pointer;
}
body.dark_mode .footer_seo .triggerSeoReadMore {
  background: #181719;
  background: linear-gradient(0deg, #181719 50%, rgba(24, 23, 25, 0.7) 65%, rgba(24, 23, 25, 0.2) 100%);
}
.footer_seo .triggerSeoReadMore .more {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
}
.footer_seo .triggerSeoReadMore i {
  font-size: 24px;
}
.footer_seo.open .triggerSeoReadMore {
  padding-top: 0;
  bottom: -30px;
}
.footer_seo.open .more {
  display: none;
}
@media only screen and (min-width: 961px) {
  .footer_seo .container_centered {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    /*min-height:inherit; vom chromehack zum chromefuck*/
  }
}
.footer_seo .container_centered h1,
.footer_seo .container_centered h2,
.footer_seo .container_centered h3,
.footer_seo .container_centered h4,
.footer_seo .container_centered h5,
.footer_seo .container_centered h6 {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.42857143;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 0;
}
.footer_seo .container_centered h1:first-child,
.footer_seo .container_centered h2:first-child,
.footer_seo .container_centered h3:first-child,
.footer_seo .container_centered h4:first-child,
.footer_seo .container_centered h5:first-child,
.footer_seo .container_centered h6:first-child {
  margin-top: 0;
}
.footer_seo .container_centered a {
  text-decoration: underline;
  color: #1a508e;
}
.footer_newsletterbox_content {
  left: calc(50% - 370px);
  width: 740px;
  margin-right: auto;
  margin-left: auto;
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 21;
  background-color: #ffffff;
  box-shadow: 0 0px 4px 2px rgba(0, 0, 0, 0.2);
  height: 360px;
  border-bottom: 0;
  text-align: center;
  box-sizing: border-box;
  padding: 25px 5%;
}
.footer_newsletterbox_content .bgmailicon {
  background: url(images/newsletterlayer_mail-icon_dark.png) no-repeat;
  background-size: 100%;
  width: 60px;
  height: 46px;
  margin: 0px auto 15px auto;
}
.footer_newsletterbox_content .bgcontainer {
  background: url(images/newsletterlayer_small.png) no-repeat;
  width: 216px;
  height: 386px;
  position: absolute;
  top: -36px;
  right: 10px;
}
.footer_newsletterbox_content .button_close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10000;
  width: 20px;
  height: 20px;
  background: url(images/close-element.png) no-repeat;
}
.footer_newsletterbox_content h2 {
  font-size: 26px;
  white-space: nowrap;
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 20px 0 14px 0;
}
.footer_newsletterbox_content .nl_infotext {
  font-size: 16px;
  margin: 5px 0 22px 0;
  letter-spacing: 1px;
  line-height: 27px;
}
.footer_newsletterbox_content .nl_infotext span {
  font-weight: bold;
  color: #005fa5;
  white-space: nowrap;
}
.footer_newsletterbox_content .nl_note {
  clear: left;
  color: #2d2d2d;
  font-size: 0.75em;
  padding: 35px 0px;
  text-align: left;
}
.footer_newsletterbox_content li {
  list-style: none;
  margin-left: 0;
}
.footer_newsletterbox_content ::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}
.footer_newsletterbox_content :-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
  opacity: 1 ;
}
.footer_newsletterbox_content ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
  opacity: 1;
}
.footer_newsletterbox_content :-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}
.footer_newsletterbox_content input[type="email"] {
  float: left;
  margin-right: 45px;
  border: none;
  border-bottom: 1px solid #ccc;
  width: 50%;
  color: #000000;
  padding-left: 0 !important;
}
.btn_newsletter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: rgba(0, 79, 158, 0.67);
  height: 110px;
  width: 110px;
  border-radius: 80px;
  color: white;
}
.btn_newsletter_value {
  font-size: 25px;
  font-weight: 100;
  line-height: 32px;
}
.btn_newsletter_space {
  font-size: 14px;
  vertical-align: super;
}
.btn_newsletter_label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
}
.footer_newsletterbox_content .btn_newsletter {
  position: absolute;
  right: 188px;
  top: 47px;
  height: 84px;
  width: 84px;
  background-color: #ffd240;
  color: #000000;
}
.footer_newsletterbox_content .btn_newsletter_value {
  font-size: 22px;
  font-weight: 100;
  line-height: 22px;
  padding-left: 5px;
}
.footer_newsletterbox_content .btn_newsletter_space {
  font-size: 10px;
  vertical-align: super;
}
.footer_newsletterbox_content .btn_newsletter_label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
}
@media (max-width: 1420px) {
  .btn_newsletter {
    height: 94px;
    width: 130px;
  }
}
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************
Arrows Arrows Arrows Arrows Arrows Arrows Arrows Arrows Arrows Arrows Arrows Arrows Arrows Arrows Arrows Arrows
*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
.arrow_white {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -400px;
  width: 20px;
  height: 10px;
}
.arrow_big_up {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0px -350px;
  width: 19px;
  height: 12px;
}
.arrow_big_up_gray {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right -2776px;
  width: 19px;
  height: 12px;
}
.arrow_big_right {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right 0px;
  width: 12px;
  height: 19px;
}
.arrow_big_right_gray {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right -3240px;
  width: 12px;
  height: 19px;
}
.arrow_big_down {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0px -119px;
  width: 19px;
  height: 12px;
}
.arrow_big_down_gray {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right -2664px;
  width: 19px;
  height: 12px;
}
.arrow_big_left {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0px -231px;
  width: 12px;
  height: 19px;
}
.arrow_big_left_gray {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0px -3230px;
  width: 12px;
  height: 19px;
}
@media (max-width: 480px) {
  .arrow_big_left_gray {
    background-position: 0px -3237px;
    width: 12px;
    height: 19px;
  }
}
.arrow_small {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.arrow_small {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.arrow_small_up {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0px -786px;
  width: 9px;
  height: 6px;
}
.arrow_small_right {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right -462px;
  width: 6px;
  height: 9px;
}
.arrow_small_down {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0px -571px;
  width: 9px;
  height: 6px;
}
.arrow_small_left {
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0px -677px;
  width: 6px;
  height: 9px;
}
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************
Jquery Ui Accordion  Jquery Ui Accordion  Jquery Ui Accordion  Jquery Ui Accordion  Jquery Ui Accordion  Jquery Ui Accordion
*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
.acc_wrapper .acc_head {
  cursor: pointer;
  line-height: normal;
}
.details_additional_info .acc_wrapper .arrow_small_down {
  background-position: 0px -566px;
  height: 14px;
  float: right;
}
.details_additional_info .acc_wrapper .arrow_small_up {
  background-position: 0px -782px;
  height: 14px;
  float: right;
}
/*******************************************************************************************************/
/*******************************************************************************************************
Breadcrumb Breadcrumb Breadcrumb Breadcrumb Breadcrumb Breadcrumb Breadcrumb Breadcrumb Breadcrumb
*******************************************************************************************************/
/******************************************************************************************************/
@media only screen and (max-width: 960px) {
  .breadcrumb_wrapper {
    float: left;
    width: 100%;
    padding: 0 20px;
    text-align: left;
    font-size: 18px;
  }
}
.nosidebar .breadcrumb_wrapper {
  max-width: 1680px;
  width: 90%;
  margin: auto;
}
.breadcrumb {
  padding: 20px 0;
  margin: 0;
}
.breadcrumb > li:last-child a,
.breadcrumb > li:last-child {
  color: #1a508e;
  font-weight: 700;
}
.breadcrumb > li::before {
  font-weight: 400;
}
body.outfit .breadcrumb li {
  position: relative;
  z-index: 1000;
}
/*********************************************************************************************************************************
Tooltip Tooltip Tooltip Tooltip Tooltip Tooltip Tooltip Tooltip Tooltip Tooltip Tooltip Tooltip Tooltip Tooltip
/*********************************************************************************************************************************/
.has_tooltip {
  position: relative;
}
.tooltip {
  font-size: 14px;
  line-height: 20px;
  opacity: 0;
}
.tooltip_info_icon {
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right -2284px;
  height: 14px;
  width: 14px;
  display: inline-block;
  position: absolute;
  top: 4px;
  margin-left: 5px;
  z-index: 101;
}
.mobile .tooltip_info_icon {
  background-position: right -3542px;
  height: 44px;
  width: 44px;
  top: -8px;
  margin-left: 20px;
}
.tooltip .tooltip-inner {
  padding: 20px;
  max-width: 250px;
  border-radius: 0;
}
/*HTML tooltip container*/
.html-tooltip {
  position: relative;
  display: inline-block;
  top: 0;
}
.html-tooltip .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 20px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 0;
  margin-left: -120px;
  opacity: 0;
  transition: opacity 0.3s;
  display: grid;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
  width: 260px;
}
.html-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}
.html-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/*********************************************************************************************************************************
AjAx Popup AjAx Popup AjAx Popup AjAx Popup AjAx Popup AjAx Popup AjAx Popup AjAx Popup AjAx Popup AjAx Popup AjAx Popup
/*********************************************************************************************************************************/
.content_wrapper.ajax {
  /*Uls MOD: popup in flexbox Model: BEGIN*/
  /*Uls MOD: popup in flexbox Model: END*/
  padding: 20px;
}
/* centered columns styles */
.row-centered {
  text-align: center;
}
.col-centered {
  display: inline-block;
  float: none !important;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px;
}
.kalliope-popup {
  padding-top: 50px;
}
/*********************************************************************************************/
/********************************************************************************************
Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile
*****************************************************************************************/
/*******************************************************************************************/
@media (max-width: 960px) {
  .breadcrumb_wrapper.container_fullwidth {
    padding: 0 20px;
    font-size: 18px;
    text-align: left;
  }
  .breadcrumb {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .breadcrumb > li {
    display: inline;
  }
  .breadcrumb > li + li:before {
    content: '';
    padding: 0;
  }
  .breadcrumb > li:after {
    padding: 0px 5px;
    color: #333;
    content: " /";
  }
  .breadcrumb > li:last-child:after {
    content: '';
  }
  .breadcrumb > li:last-child a,
  .breadcrumb > li:last-child {
    color: #1a508e;
  }
  .breadcrumb > li:first-child {
    display: none;
  }
}
@media (max-width: 480px) {
  .breadcrumb {
    padding: 10px 0;
  }
  .breadcrumb_wrapper.container_fullwidth {
    font-size: 14px;
  }
}
@media print {
  a[href]:after {
    content: "" !important;
  }
}
.container_centered {
  max-width: 1680px;
  width: 90%;
  margin-left: auto!important;
  margin-right: auto!important;
  float: none;
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .container_centered {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .container_centered {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .container_centered {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .container_centered {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .container_centered {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .container_centered {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
.container_fullwidth {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}
body {
  background-color: #fff;
}
body.dark_mode {
  background-color: #181719;
}
body {
  color: #333;
}
body.dark_mode {
  color: #fff;
}
body.borderless main {
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0;
}
body.desktop {
  overflow-y: scroll;
  /*margin-right: 17px\0; IE9 and below*/
}
main {
  max-width: 1680px;
  width: 90%;
  margin-left: auto!important;
  margin-right: auto!important;
  float: none;
}
@media (min-width: 1101px) and (max-width: 1200px) {
  main {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  main {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  main {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  main {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  main {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  main {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  main {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  main {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  main {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  main {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  main {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  main {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
body:not(.checkout.user,.checkout.payment,checkout.order) main {
  margin-top: 30px;
}
body.checkout.basket main {
  margin-top: 60px;
}
body.account main.sidebar aside.sidebar_wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0 20px 0 0;
}
@media (min-width: 961px) {
  body.account main.sidebar aside.sidebar_wrapper {
    float: left;
    width: 20.83333333%;
  }
}
body.list main.sidebar aside.sidebar_wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0 20px 40px;
  background-color: #f3f3f3;
}
@media (min-width: 961px) {
  body.list main.sidebar aside.sidebar_wrapper {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1430px) {
  body.list main.sidebar aside.sidebar_wrapper {
    float: left;
    width: 20.83333333%;
  }
}
body.content main.sidebar aside.sidebar_wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0 20px 0 0;
}
@media (min-width: 961px) {
  body.content main.sidebar aside.sidebar_wrapper {
    float: left;
    width: 16.66666667%;
  }
}
body.account main.sidebar #content {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 961px) {
  body.account main.sidebar #content {
    float: left;
    width: 75%;
  }
}
body.list main.sidebar #content {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0 0 0 50px;
  padding-top: 20px;
}
@media (min-width: 961px) {
  body.list main.sidebar #content {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1430px) {
  body.list main.sidebar #content {
    float: left;
    width: 79.16666667%;
  }
}
body.content main.sidebar #content {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 961px) {
  body.content main.sidebar #content {
    float: left;
    width: 83.33333333%;
  }
}
body.account main.nosidebar #content {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 961px) {
  body.account main.nosidebar #content {
    float: left;
    width: 75%;
  }
}
body.account.register main.nosidebar #content {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 961px) {
  body.account.register main.nosidebar #content {
    float: left;
    width: 100%;
  }
}
body.list main.nosidebar #content {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 20px;
}
@media (min-width: 961px) {
  body.list main.nosidebar #content {
    float: left;
    width: 100%;
  }
}
body.content main.nosidebar #content {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 961px) {
  body.content main.nosidebar #content {
    float: left;
    width: 100%;
  }
}
body.list #content {
  background: white;
}
body.list.dark_mode #content {
  background: #181719;
}
body.dark_mode.list.brand_overview #content {
  background-color: #181719;
}
.main_content_wrapper {
  clear: both;
}
body.content .sidebar_head {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
}
body.content .tree {
  padding: 10px 0 0;
  float: left;
  width: 100%;
}
body.content .tree::after {
  content: '';
  height: 1px;
  background-color: #b2b2b2;
  width: 50%;
  display: block;
  margin-top: 10px;
}
body.content .tree:last-child::after {
  content: none;
}
body.content .tree > li {
  padding: 5px 0;
}
body.content .tree > li.active {
  color: #1a508e;
  font-weight: 700;
}
body.content .tree > li.active > a {
  color: #1a508e;
}
body.content .tree > li.active::after {
  content: '';
  height: 1px;
  background-color: #1a508e;
  width: 25%;
  display: block;
  margin-top: 3px;
}
.row_padding {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0 10px;
}
@media (max-width: 960px) {
  .row_padding {
    padding: 0 20px;
  }
}
/*  960 Breakpoint Query  */
@media (max-width: 960px) {
  body.account header {
    margin-bottom: 30px;
  }
  body.list main {
    padding: 0;
  }
}
/*-------------------- BEGIN: old main_centerlayout.less
 */
.container_centered {
  max-width: 1680px;
  width: 90%;
  margin-left: auto!important;
  margin-right: auto!important;
  float: none;
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .container_centered {
    width: 94%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .container_centered {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .container_centered {
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
.container_fullwidth {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}
body.borderless main {
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0;
}
/*-------------------- END: old main_centerlayout.less
 */
/*BEGIN: old hgg_sidebar.less*/
body.content .sidebar_head {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
}
body.content .tree {
  padding: 10px 0 0;
  float: left;
  width: 100%;
}
body.content .tree::after {
  content: '';
  height: 1px;
  background-color: #b2b2b2;
  width: 50%;
  display: block;
  margin-top: 10px;
}
body.content .tree:last-child::after {
  content: none;
}
body.content .tree > li {
  padding: 5px 0;
}
body.content .tree > li.active {
  color: #1a508e;
  font-weight: 700;
}
body.content .tree > li.active > a {
  color: #1a508e;
}
body.content .tree > li.active::after {
  content: '';
  height: 1px;
  background-color: #1a508e;
  width: 25%;
  display: block;
  margin-top: 3px;
}
.stdarea a {
  text-decoration: underline;
}
/* vendor libs*/
/*some styles are outcommented by uls*/
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-dropdown-wrapper {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 960px) {
  .cd-dropdown-wrapper {
    display: inline-block;
    position: relative;
    z-index: 30;
  }
}
.cd-dropdown {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (max-width: 960px) {
  .cd-dropdown {
    position: fixed;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.cd-dropdown h2 {
  /* dropdown title - mobile version only */
  position: relative;
  z-index: 1;
  color: #585a70;
  background-color: #111433;
  border-bottom: 1px solid #242643;
}
.cd-dropdown .cd-close {
  /* 'X' close icon - mobile version only */
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-dropdown .cd-close::after,
.cd-dropdown .cd-close::before {
  /* this is the 'X' icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 20px;
  width: 2px;
  background-color: #ffffff;
}
.cd-dropdown .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
@media only screen and (max-width: 960px) {
  .cd-dropdown.dropdown-is-active {
    visibility: visible;
  }
}
@media only screen and (min-width: 768px) {
  .cd-dropdown .cd-close {
    top: 5px;
  }
}
.cd-dropdown {
  /*    @media @mobile {
    position: absolute;
    top: calc(100% - 2px);
    !* reset style*!
    height: auto;
    width: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background-color: #ffffff;
    color: #111433;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
  }*/
}
.cd-dropdown .open-to-left .cd-dropdown {
  /* use the .open-to-left class if you want to open the dropdown on the left */
  right: 0;
  left: auto;
}
.cd-dropdown .cd-dropdown h2,
.cd-dropdown .cd-dropdown .cd-close {
  /* on desktop - hide title and 'X' */
  display: none;
}
@media only screen and (max-width: 960px) {
  .cd-dropdown-content,
  .cd-dropdown-content ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    display: block;
    /* truncate text with ellipsis if too long */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/*uls
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
  border-top-width: 0;
}*/
.cd-dropdown-content li:last-of-type > a,
.cd-dropdown-content ul li:last-of-type > a {
  border-bottom-width: 1px;
}
.cd-dropdown-content .cd-divider,
.cd-dropdown-content ul .cd-divider {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #0b0e23;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #585a70;
  text-transform: uppercase;
}
.cd-dropdown-content .cd-divider + li > a,
.cd-dropdown-content ul .cd-divider + li > a {
  border-top-width: 0;
}
.cd-dropdown-content a,
.cd-dropdown-content .cd-search,
.cd-dropdown-content .cd-divider,
.cd-dropdown-content ul a,
.cd-dropdown-content ul .cd-search,
.cd-dropdown-content ul .cd-divider {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-dropdown-content.is-hidden,
.cd-dropdown-content ul.is-hidden {
  /* push the secondary dropdown items to the right */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > a,
.cd-dropdown-content.is-hidden > li > .cd-search,
.cd-dropdown-content.is-hidden > .cd-divider,
.cd-dropdown-content.move-out > li > a,
.cd-dropdown-content.move-out > li > .cd-search,
.cd-dropdown-content.move-out > .cd-divider,
.cd-dropdown-content ul.is-hidden > li > a,
.cd-dropdown-content ul.is-hidden > li > .cd-search,
.cd-dropdown-content ul.is-hidden > .cd-divider,
.cd-dropdown-content ul.move-out > li > a,
.cd-dropdown-content ul.move-out > li > .cd-search,
.cd-dropdown-content ul.move-out > .cd-divider {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  opacity: 0;
}
@media only screen and (min-width: 961px) {
  .cd-dropdown-content.is-hidden .hoverOver > li > a,
  .cd-dropdown-content .hoverOver ul.is-hidden > li > a {
    /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
    opacity: 1;
  }
}
.cd-dropdown-content ul.is-hidden.is-active > li > a {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  opacity: 1;
}
.cd-dropdown-content.move-out > li > a,
.cd-dropdown-content.move-out > li > .cd-search,
.cd-dropdown-content.move-out > .cd-divider,
.cd-dropdown-content ul.move-out > li > a,
.cd-dropdown-content ul.move-out > li > .cd-search,
.cd-dropdown-content ul.move-out > .cd-divider {
  /* push the dropdown items to the left when secondary dropdown slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content,
.dropdown-is-active .cd-dropdown-content ul {
  -webkit-overflow-scrolling: touch;
}
/*uls
@media only screen and (min-width: 768px) {
  .cd-dropdown-content, .cd-dropdown-content ul {
    padding-top: 60px;
  }
  .cd-dropdown-content a, .cd-dropdown-content ul a {
    font-size: 1.8rem;
  }
}*/
@media only screen and (max-width: 960px) {
  .cd-dropdown-content,
  .cd-dropdown-content ul {
    padding-top: 0;
  }
  /*  .cd-dropdown-content a, .cd-dropdown-content ul a {
    color: #111433;
    height: 50px;
    line-height: 50px;
    font-size: 1.5rem;
    border-color: #ebebeb;
  }*/
  .cd-dropdown-content .cd-divider,
  .cd-dropdown-content ul .cd-divider {
    background-color: transparent;
    color: #b3b3b3;
    border-top: 1px solid #ebebeb;
  }
  .cd-dropdown-content .cd-divider + li > a,
  .cd-dropdown-content ul .cd-divider + li > a {
    border-top-width: 1px;
  }
  .cd-dropdown-content.is-hidden > li > a,
  .cd-dropdown-content.is-hidden > li > .cd-search,
  .cd-dropdown-content.is-hidden > .cd-divider,
  .cd-dropdown-content.move-out > li > a,
  .cd-dropdown-content.move-out > li > .cd-search,
  .cd-dropdown-content.move-out > .cd-divider,
  .cd-dropdown-content ul.is-hidden > li > a,
  .cd-dropdown-content ul.is-hidden > li > .cd-search,
  .cd-dropdown-content ul.is-hidden > .cd-divider,
  .cd-dropdown-content ul.move-out > li > a,
  .cd-dropdown-content ul.move-out > li > .cd-search,
  .cd-dropdown-content ul.move-out > .cd-divider {
    /* reset mobile style */
    opacity: 1;
  }
}
.cd-dropdown-content .see-all a {
  /* different style for the See all links */
  color: #3f8654;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item,
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3,
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
  /* truncate text with ellipsis if too long */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
  padding-left: 90px;
}
.cd-dropdown-content .cd-dropdown-gallery img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  padding-left: 75px;
  position: relative;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
  color: #111433;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {
  background-image: url(images/nucleo-icon-1.svg);
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {
  background-image: url(images/nucleo-icon-2.svg);
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {
  background-image: url(images/nucleo-icon-3.svg);
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {
  background-image: url(images/nucleo-icon-4.svg);
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {
  background-image: url(images/nucleo-icon-5.svg);
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {
  background-image: url(images/nucleo-icon-6.svg);
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {
  background-image: url(images/nucleo-icon-7.svg);
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {
  background-image: url(images/nucleo-icon-8.svg);
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {
  background-image: url(images/nucleo-icon-9.svg);
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {
  background-image: url(images/nucleo-icon-10.svg);
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {
  background-image: url(images/nucleo-icon-11.svg);
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {
  background-image: url(images/nucleo-icon-12.svg);
}
@media only screen and (min-width: 961px) {
  .cd-dropdown-content {
    /* reset mobile style */
    height: 52px;
  }
  .cd-dropdown-content > li:last-of-type a {
    border-bottom: none;
  }
  /* uls
  .no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
    color: #3f8654;
  }*/
  .cd-dropdown-content.move-out > li > a,
  .cd-dropdown-content.move-out > li > .cd-search,
  .cd-dropdown-content.move-out > .cd-divider {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-dropdown-content .cd-secondary-dropdown,
  .cd-dropdown-content .cd-dropdown-gallery,
  .cd-dropdown-content .cd-dropdown-icons {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    left: 100%;
    height: auto;
    background-color: #fff;
  }
  body.dark_mode .cd-dropdown-content .cd-secondary-dropdown,
  body.dark_mode .cd-dropdown-content .cd-dropdown-gallery,
  body.dark_mode .cd-dropdown-content .cd-dropdown-icons {
    background-color: #333;
  }
  .cd-dropdown-content .cd-secondary-dropdown::after,
  .cd-dropdown-content .cd-dropdown-gallery::after,
  .cd-dropdown-content .cd-dropdown-icons::after {
    clear: both;
    content: "";
    display: table;
  }
  .open-to-left .cd-dropdown-content .cd-secondary-dropdown,
  .open-to-left .cd-dropdown-content .cd-dropdown-gallery,
  .open-to-left .cd-dropdown-content .cd-dropdown-icons {
    /* use the .open-to-left class if you want to open the dropdown on the left */
    left: auto;
    right: 100%;
  }
  .cd-dropdown-content .cd-secondary-dropdown.is-hidden,
  .cd-dropdown-content .cd-dropdown-gallery.is-hidden,
  .cd-dropdown-content .cd-dropdown-icons.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-dropdown-content .cd-secondary-dropdown.fade-in,
  .cd-dropdown-content .cd-dropdown-gallery.fade-in,
  .cd-dropdown-content .cd-dropdown-icons.fade-in {
    /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
    -webkit-animation: cd-fade-in 0.2s;
    -moz-animation: cd-fade-in 0.2s;
    animation: cd-fade-in 0.2s;
  }
  /* uls removed: ugly effect
 .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
    !* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items *!
    -webkit-animation: cd-fade-out 0.2s;
    -moz-animation: cd-fade-out 0.2s;
    animation: cd-fade-out 0.2s;
  }*/
  .cd-dropdown-content .cd-secondary-dropdown > .go-back,
  .cd-dropdown-content .cd-dropdown-gallery > .go-back,
  .cd-dropdown-content .cd-dropdown-icons > .go-back {
    display: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown > .see-all,
  .cd-dropdown-content .cd-dropdown-gallery > .see-all,
  .cd-dropdown-content .cd-dropdown-icons > .see-all {
    position: absolute;
    bottom: 20px;
    height: 45px;
    text-align: center;
  }
  .cd-dropdown-content .cd-secondary-dropdown > .see-all a,
  .cd-dropdown-content .cd-dropdown-gallery > .see-all a,
  .cd-dropdown-content .cd-dropdown-icons > .see-all a {
    margin: 0;
    height: 100%;
    line-height: 45px;
    background: #ebebeb;
    pointer-events: auto;
    -webkit-transition: color 0.2s, background-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
  }
  .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover,
  .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover,
  .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
    color: #ffffff;
    background-color: #111433;
  }
  .cd-dropdown-content .cd-dropdown-gallery,
  .cd-dropdown-content .cd-dropdown-icons {
    padding: 20px 30px 100px;
  }
  .cd-dropdown-content .cd-dropdown-gallery > .see-all,
  .cd-dropdown-content .cd-dropdown-icons > .see-all {
    width: calc(100% - 60px);
  }
  /*  .cd-dropdown-content .cd-secondary-dropdown {
    overflow: hidden;
  }*/
  .cd-dropdown-content .cd-secondary-dropdown > li > a::after,
  .cd-dropdown-content .cd-secondary-dropdown > li > a::before {
    /* hide the arrow */
    display: none;
  }
  .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > ul {
    /* reset mobile style */
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    position: relative;
    height: auto;
  }
  .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
    display: none;
  }
  /*uls
  .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
    color: #3f8654;
  }*/
  .cd-dropdown-content .cd-secondary-dropdown ul {
    overflow: hidden;
    height: auto;
  }
  .cd-dropdown-content .cd-secondary-dropdown .go-back a {
    padding-left: 20px;
    color: transparent;
  }
  .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
    color: transparent;
  }
  .cd-dropdown-content .cd-secondary-dropdown .go-back a::before,
  .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
    left: 0;
  }
  .cd-dropdown-content .cd-secondary-dropdown .see-all {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .cd-dropdown-content .cd-dropdown-gallery {
    width: 600px;
    padding-bottom: 100px;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li {
    width: 48%;
    float: left;
    margin-right: 4%;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
    padding: 0;
    height: auto;
    line-height: normal;
    color: #3f8654;
    margin-bottom: 2em;
  }
  .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
  .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
    margin-bottom: 0;
  }
  .cd-dropdown-content .cd-dropdown-gallery img {
    position: static;
    height: auto;
    width: 100%;
    margin: 0 0 0.6em;
  }
  .cd-dropdown-content .cd-dropdown-icons {
    width: 600px;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
    background: #ebebeb;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
    color: #3f8654;
    font-weight: bold;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
    display: block;
    font-size: 1.2rem;
  }
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
    left: 25px;
  }
  .cd-dropdown-content > .has-children > ul {
    visibility: hidden;
  }
  .cd-dropdown-content > .has-children.hoverOver > ul {
    /* when hover over .cd-dropdown-content items - show subnavigation */
    visibility: visible;
  }
  .cd-dropdown-content > .has-children.hoverOver > .cd-secondary-dropdown > li > ul.dropdown_list {
    /* if .cd-secondary-dropdown is visible - show also subnavigation */
    visibility: visible;
  }
  .cd-dropdown-content > .has-children.hoverOver > .cd-secondary-dropdown > li > ul {
    /* if .cd-secondary-dropdown is visible - show also subnavigation */
    visibility: hidden;
  }
  /*uls
  .cd-dropdown-content > .has-children > a.is-active {
    !* hover effect for .cd-dropdown-content items with subnavigation *!
    box-shadow: inset 2px 0 0 #3f8654;
    color: #3f8654;
  }*/
  .cd-dropdown-content > .has-children > a.is-active::before,
  .cd-dropdown-content > .has-children > a.is-active::after {
    background: #3f8654;
  }
  .open-to-left .cd-dropdown-content > .has-children > a.is-active {
    box-shadow: inset -2px 0 0 #3f8654;
  }
}
@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
.cd-search input[type="search"] {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #242643;
  color: #ffffff;
  border: none;
  border-radius: 0;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]::-moz-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]:-moz-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]:-ms-input-placeholder {
  color: #ffffff;
}
.cd-search input[type="search"]:focus {
  background: #ffffff;
  color: #111433;
  outline: none;
}
.cd-search input[type="search"]:focus::-webkit-input-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus::-moz-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-moz-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-ms-input-placeholder {
  color: rgba(17, 20, 51, 0.4);
}
@media only screen and (min-width: 768px) {
  .cd-search input[type="search"] {
    background-color: #ebebeb;
  }
  .cd-search input[type="search"]::-webkit-input-placeholder {
    color: #b3b3b3;
  }
  .cd-search input[type="search"]::-moz-placeholder {
    color: #b3b3b3;
  }
  .cd-search input[type="search"]:-moz-placeholder {
    color: #b3b3b3;
  }
  .cd-search input[type="search"]:-ms-input-placeholder {
    color: #b3b3b3;
  }
}
.has-children > a,
.go-back a {
  position: relative;
}
.cd-dropdown-content .has-children > a::before,
.cd-dropdown-content .has-children > a::after,
.go-back a::before,
.go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-dropdown-content .has-children > a::before,
.go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-dropdown-content .has-children > a::after,
.go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
  .cd-dropdown-content .has-children > a::before,
  .cd-dropdown-content .has-children > a::after,
  .go-back a::before,
  .go-back a::after {
    background: #b3b3b3;
    display: none;
  }
}
.has-children > a {
  padding-right: 40px;
}
.cd-dropdown-content a::before,
.cd-dropdown-content .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}
@media only screen and (min-width: 768px) {
  .open-to-left .cd-dropdown-content > .has-children > a {
    padding-left: 40px;
    padding-right: 20px;
  }
  .open-to-left .cd-dropdown-content > .has-children > a::before,
  .open-to-left .cd-dropdown-content > .has-children > a::after {
    right: auto;
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
  }
}
.cd-dropdown-content .go-back a::before,
.cd-dropdown-content .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}
.cd-main-content {
  background-color: #e6e6e6;
  min-height: calc(100vh - 100px);
  padding: 2em 5%;
  line-height: 2;
}
.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.no-js .cd-dropdown-wrapper .cd-close {
  display: none;
}
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-ad {
  background-image: url(images/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(images/ad.svg);
}
.flag-icon-ae {
  background-image: url(images/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(images/ae.svg);
}
.flag-icon-af {
  background-image: url(images/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(images/af.svg);
}
.flag-icon-ag {
  background-image: url(images/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(images/ag.svg);
}
.flag-icon-ai {
  background-image: url(images/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(images/ai.svg);
}
.flag-icon-al {
  background-image: url(images/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(images/al.svg);
}
.flag-icon-am {
  background-image: url(images/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(images/am.svg);
}
.flag-icon-ao {
  background-image: url(images/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(images/ao.svg);
}
.flag-icon-aq {
  background-image: url(images/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(images/aq.svg);
}
.flag-icon-ar {
  background-image: url(images/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(images/ar.svg);
}
.flag-icon-as {
  background-image: url(images/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(images/as.svg);
}
.flag-icon-at {
  background-image: url(images/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(images/at.svg);
}
.flag-icon-au {
  background-image: url(images/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(images/au.svg);
}
.flag-icon-aw {
  background-image: url(images/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(images/aw.svg);
}
.flag-icon-ax {
  background-image: url(images/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(images/ax.svg);
}
.flag-icon-az {
  background-image: url(images/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(images/az.svg);
}
.flag-icon-ba {
  background-image: url(images/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(images/ba.svg);
}
.flag-icon-bb {
  background-image: url(images/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(images/bb.svg);
}
.flag-icon-bd {
  background-image: url(images/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(images/bd.svg);
}
.flag-icon-be {
  background-image: url(images/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(images/be.svg);
}
.flag-icon-bf {
  background-image: url(images/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(images/bf.svg);
}
.flag-icon-bg {
  background-image: url(images/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(images/bg.svg);
}
.flag-icon-bh {
  background-image: url(images/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(images/bh.svg);
}
.flag-icon-bi {
  background-image: url(images/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(images/bi.svg);
}
.flag-icon-bj {
  background-image: url(images/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(images/bj.svg);
}
.flag-icon-bl {
  background-image: url(images/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(images/bl.svg);
}
.flag-icon-bm {
  background-image: url(images/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(images/bm.svg);
}
.flag-icon-bn {
  background-image: url(images/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(images/bn.svg);
}
.flag-icon-bo {
  background-image: url(images/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(images/bo.svg);
}
.flag-icon-bq {
  background-image: url(images/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(images/bq.svg);
}
.flag-icon-br {
  background-image: url(images/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(images/br.svg);
}
.flag-icon-bs {
  background-image: url(images/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(images/bs.svg);
}
.flag-icon-bt {
  background-image: url(images/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(images/bt.svg);
}
.flag-icon-bv {
  background-image: url(images/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(images/bv.svg);
}
.flag-icon-bw {
  background-image: url(images/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(images/bw.svg);
}
.flag-icon-by {
  background-image: url(images/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(images/by.svg);
}
.flag-icon-bz {
  background-image: url(images/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(images/bz.svg);
}
.flag-icon-ca {
  background-image: url(images/ca.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(images/ca.svg);
}
.flag-icon-cc {
  background-image: url(images/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(images/cc.svg);
}
.flag-icon-cd {
  background-image: url(images/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(images/cd.svg);
}
.flag-icon-cf {
  background-image: url(images/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(images/cf.svg);
}
.flag-icon-cg {
  background-image: url(images/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(images/cg.svg);
}
.flag-icon-ch {
  background-image: url(images/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(images/ch.svg);
}
.flag-icon-ci {
  background-image: url(images/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(images/ci.svg);
}
.flag-icon-ck {
  background-image: url(images/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(images/ck.svg);
}
.flag-icon-cl {
  background-image: url(images/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(images/cl.svg);
}
.flag-icon-cm {
  background-image: url(images/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(images/cm.svg);
}
.flag-icon-cn {
  background-image: url(images/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(images/cn.svg);
}
.flag-icon-co {
  background-image: url(images/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(images/co.svg);
}
.flag-icon-cr {
  background-image: url(images/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(images/cr.svg);
}
.flag-icon-cu {
  background-image: url(images/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(images/cu.svg);
}
.flag-icon-cv {
  background-image: url(images/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(images/cv.svg);
}
.flag-icon-cw {
  background-image: url(images/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(images/cw.svg);
}
.flag-icon-cx {
  background-image: url(images/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(images/cx.svg);
}
.flag-icon-cy {
  background-image: url(images/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(images/cy.svg);
}
.flag-icon-cz {
  background-image: url(images/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(images/cz.svg);
}
.flag-icon-de {
  background-image: url(images/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(images/de.svg);
}
.flag-icon-dj {
  background-image: url(images/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(images/dj.svg);
}
.flag-icon-dk {
  background-image: url(images/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(images/dk.svg);
}
.flag-icon-dm {
  background-image: url(images/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(images/dm.svg);
}
.flag-icon-do {
  background-image: url(images/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(images/do.svg);
}
.flag-icon-dz {
  background-image: url(images/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(images/dz.svg);
}
.flag-icon-ec {
  background-image: url(images/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(images/ec.svg);
}
.flag-icon-ee {
  background-image: url(images/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(images/ee.svg);
}
.flag-icon-eg {
  background-image: url(images/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(images/eg.svg);
}
.flag-icon-eh {
  background-image: url(images/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(images/eh.svg);
}
.flag-icon-er {
  background-image: url(images/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(images/er.svg);
}
.flag-icon-es {
  background-image: url(images/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(images/es.svg);
}
.flag-icon-et {
  background-image: url(images/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(images/et.svg);
}
.flag-icon-fi {
  background-image: url(images/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(images/fi.svg);
}
.flag-icon-fj {
  background-image: url(images/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(images/fj.svg);
}
.flag-icon-fk {
  background-image: url(images/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(images/fk.svg);
}
.flag-icon-fm {
  background-image: url(images/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(images/fm.svg);
}
.flag-icon-fo {
  background-image: url(images/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(images/fo.svg);
}
.flag-icon-fr {
  background-image: url(images/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(images/fr.svg);
}
.flag-icon-ga {
  background-image: url(images/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(images/ga.svg);
}
.flag-icon-gb {
  background-image: url(images/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(images/gb.svg);
}
.flag-icon-gd {
  background-image: url(images/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(images/gd.svg);
}
.flag-icon-ge {
  background-image: url(images/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(images/ge.svg);
}
.flag-icon-gf {
  background-image: url(images/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(images/gf.svg);
}
.flag-icon-gg {
  background-image: url(images/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(images/gg.svg);
}
.flag-icon-gh {
  background-image: url(images/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(images/gh.svg);
}
.flag-icon-gi {
  background-image: url(images/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(images/gi.svg);
}
.flag-icon-gl {
  background-image: url(images/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(images/gl.svg);
}
.flag-icon-gm {
  background-image: url(images/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(images/gm.svg);
}
.flag-icon-gn {
  background-image: url(images/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(images/gn.svg);
}
.flag-icon-gp {
  background-image: url(images/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(images/gp.svg);
}
.flag-icon-gq {
  background-image: url(images/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(images/gq.svg);
}
.flag-icon-gr {
  background-image: url(images/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(images/gr.svg);
}
.flag-icon-gs {
  background-image: url(images/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(images/gs.svg);
}
.flag-icon-gt {
  background-image: url(images/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(images/gt.svg);
}
.flag-icon-gu {
  background-image: url(images/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(images/gu.svg);
}
.flag-icon-gw {
  background-image: url(images/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(images/gw.svg);
}
.flag-icon-gy {
  background-image: url(images/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(images/gy.svg);
}
.flag-icon-hk {
  background-image: url(images/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(images/hk.svg);
}
.flag-icon-hm {
  background-image: url(images/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(images/hm.svg);
}
.flag-icon-hn {
  background-image: url(images/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(images/hn.svg);
}
.flag-icon-hr {
  background-image: url(images/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(images/hr.svg);
}
.flag-icon-ht {
  background-image: url(images/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(images/ht.svg);
}
.flag-icon-hu {
  background-image: url(images/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(images/hu.svg);
}
.flag-icon-id {
  background-image: url(images/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(images/id.svg);
}
.flag-icon-ie {
  background-image: url(images/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(images/ie.svg);
}
.flag-icon-il {
  background-image: url(images/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(images/il.svg);
}
.flag-icon-im {
  background-image: url(images/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(images/im.svg);
}
.flag-icon-in {
  background-image: url(images/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(images/in.svg);
}
.flag-icon-io {
  background-image: url(images/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(images/io.svg);
}
.flag-icon-iq {
  background-image: url(images/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(images/iq.svg);
}
.flag-icon-ir {
  background-image: url(images/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(images/ir.svg);
}
.flag-icon-is {
  background-image: url(images/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(images/is.svg);
}
.flag-icon-it {
  background-image: url(images/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(images/it.svg);
}
.flag-icon-je {
  background-image: url(images/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(images/je.svg);
}
.flag-icon-jm {
  background-image: url(images/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(images/jm.svg);
}
.flag-icon-jo {
  background-image: url(images/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(images/jo.svg);
}
.flag-icon-jp {
  background-image: url(images/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(images/jp.svg);
}
.flag-icon-ke {
  background-image: url(images/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(images/ke.svg);
}
.flag-icon-kg {
  background-image: url(images/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(images/kg.svg);
}
.flag-icon-kh {
  background-image: url(images/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(images/kh.svg);
}
.flag-icon-ki {
  background-image: url(images/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(images/ki.svg);
}
.flag-icon-km {
  background-image: url(images/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(images/km.svg);
}
.flag-icon-kn {
  background-image: url(images/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(images/kn.svg);
}
.flag-icon-kp {
  background-image: url(images/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(images/kp.svg);
}
.flag-icon-kr {
  background-image: url(images/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(images/kr.svg);
}
.flag-icon-kw {
  background-image: url(images/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(images/kw.svg);
}
.flag-icon-ky {
  background-image: url(images/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(images/ky.svg);
}
.flag-icon-kz {
  background-image: url(images/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(images/kz.svg);
}
.flag-icon-la {
  background-image: url(images/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(images/la.svg);
}
.flag-icon-lb {
  background-image: url(images/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(images/lb.svg);
}
.flag-icon-lc {
  background-image: url(images/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(images/lc.svg);
}
.flag-icon-li {
  background-image: url(images/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(images/li.svg);
}
.flag-icon-lk {
  background-image: url(images/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(images/lk.svg);
}
.flag-icon-lr {
  background-image: url(images/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(images/lr.svg);
}
.flag-icon-ls {
  background-image: url(images/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(images/ls.svg);
}
.flag-icon-lt {
  background-image: url(images/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(images/lt.svg);
}
.flag-icon-lu {
  background-image: url(images/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(images/lu.svg);
}
.flag-icon-lv {
  background-image: url(images/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(images/lv.svg);
}
.flag-icon-ly {
  background-image: url(images/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(images/ly.svg);
}
.flag-icon-ma {
  background-image: url(images/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(images/ma.svg);
}
.flag-icon-mc {
  background-image: url(images/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(images/mc.svg);
}
.flag-icon-md {
  background-image: url(images/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(images/md.svg);
}
.flag-icon-me {
  background-image: url(images/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(images/me.svg);
}
.flag-icon-mf {
  background-image: url(images/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(images/mf.svg);
}
.flag-icon-mg {
  background-image: url(images/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(images/mg.svg);
}
.flag-icon-mh {
  background-image: url(images/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(images/mh.svg);
}
.flag-icon-mk {
  background-image: url(images/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(images/mk.svg);
}
.flag-icon-ml {
  background-image: url(images/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(images/ml.svg);
}
.flag-icon-mm {
  background-image: url(images/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(images/mm.svg);
}
.flag-icon-mn {
  background-image: url(images/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(images/mn.svg);
}
.flag-icon-mo {
  background-image: url(images/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(images/mo.svg);
}
.flag-icon-mp {
  background-image: url(images/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(images/mp.svg);
}
.flag-icon-mq {
  background-image: url(images/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(images/mq.svg);
}
.flag-icon-mr {
  background-image: url(images/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(images/mr.svg);
}
.flag-icon-ms {
  background-image: url(images/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(images/ms.svg);
}
.flag-icon-mt {
  background-image: url(images/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(images/mt.svg);
}
.flag-icon-mu {
  background-image: url(images/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(images/mu.svg);
}
.flag-icon-mv {
  background-image: url(images/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(images/mv.svg);
}
.flag-icon-mw {
  background-image: url(images/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(images/mw.svg);
}
.flag-icon-mx {
  background-image: url(images/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(images/mx.svg);
}
.flag-icon-my {
  background-image: url(images/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(images/my.svg);
}
.flag-icon-mz {
  background-image: url(images/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(images/mz.svg);
}
.flag-icon-na {
  background-image: url(images/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(images/na.svg);
}
.flag-icon-nc {
  background-image: url(images/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(images/nc.svg);
}
.flag-icon-ne {
  background-image: url(images/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(images/ne.svg);
}
.flag-icon-nf {
  background-image: url(images/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(images/nf.svg);
}
.flag-icon-ng {
  background-image: url(images/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(images/ng.svg);
}
.flag-icon-ni {
  background-image: url(images/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(images/ni.svg);
}
.flag-icon-nl {
  background-image: url(images/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(images/nl.svg);
}
.flag-icon-no {
  background-image: url(images/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(images/no.svg);
}
.flag-icon-np {
  background-image: url(images/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(images/np.svg);
}
.flag-icon-nr {
  background-image: url(images/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(images/nr.svg);
}
.flag-icon-nu {
  background-image: url(images/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(images/nu.svg);
}
.flag-icon-nz {
  background-image: url(images/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(images/nz.svg);
}
.flag-icon-om {
  background-image: url(images/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(images/om.svg);
}
.flag-icon-pa {
  background-image: url(images/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(images/pa.svg);
}
.flag-icon-pe {
  background-image: url(images/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(images/pe.svg);
}
.flag-icon-pf {
  background-image: url(images/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(images/pf.svg);
}
.flag-icon-pg {
  background-image: url(images/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(images/pg.svg);
}
.flag-icon-ph {
  background-image: url(images/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(images/ph.svg);
}
.flag-icon-pk {
  background-image: url(images/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(images/pk.svg);
}
.flag-icon-pl {
  background-image: url(images/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(images/pl.svg);
}
.flag-icon-pm {
  background-image: url(images/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(images/pm.svg);
}
.flag-icon-pn {
  background-image: url(images/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(images/pn.svg);
}
.flag-icon-pr {
  background-image: url(images/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(images/pr.svg);
}
.flag-icon-ps {
  background-image: url(images/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(images/ps.svg);
}
.flag-icon-pt {
  background-image: url(images/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(images/pt.svg);
}
.flag-icon-pw {
  background-image: url(images/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(images/pw.svg);
}
.flag-icon-py {
  background-image: url(images/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(images/py.svg);
}
.flag-icon-qa {
  background-image: url(images/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(images/qa.svg);
}
.flag-icon-re {
  background-image: url(images/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(images/re.svg);
}
.flag-icon-ro {
  background-image: url(images/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(images/ro.svg);
}
.flag-icon-rs {
  background-image: url(images/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(images/rs.svg);
}
.flag-icon-ru {
  background-image: url(images/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(images/ru.svg);
}
.flag-icon-rw {
  background-image: url(images/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(images/rw.svg);
}
.flag-icon-sa {
  background-image: url(images/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(images/sa.svg);
}
.flag-icon-sb {
  background-image: url(images/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(images/sb.svg);
}
.flag-icon-sc {
  background-image: url(images/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(images/sc.svg);
}
.flag-icon-sd {
  background-image: url(images/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(images/sd.svg);
}
.flag-icon-se {
  background-image: url(images/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(images/se.svg);
}
.flag-icon-sg {
  background-image: url(images/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(images/sg.svg);
}
.flag-icon-sh {
  background-image: url(images/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(images/sh.svg);
}
.flag-icon-si {
  background-image: url(images/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(images/si.svg);
}
.flag-icon-sj {
  background-image: url(images/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(images/sj.svg);
}
.flag-icon-sk {
  background-image: url(images/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(images/sk.svg);
}
.flag-icon-sl {
  background-image: url(images/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(images/sl.svg);
}
.flag-icon-sm {
  background-image: url(images/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(images/sm.svg);
}
.flag-icon-sn {
  background-image: url(images/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(images/sn.svg);
}
.flag-icon-so {
  background-image: url(images/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(images/so.svg);
}
.flag-icon-sr {
  background-image: url(images/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(images/sr.svg);
}
.flag-icon-ss {
  background-image: url(images/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(images/ss.svg);
}
.flag-icon-st {
  background-image: url(images/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(images/st.svg);
}
.flag-icon-sv {
  background-image: url(images/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(images/sv.svg);
}
.flag-icon-sx {
  background-image: url(images/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(images/sx.svg);
}
.flag-icon-sy {
  background-image: url(images/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(images/sy.svg);
}
.flag-icon-sz {
  background-image: url(images/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(images/sz.svg);
}
.flag-icon-tc {
  background-image: url(images/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(images/tc.svg);
}
.flag-icon-td {
  background-image: url(images/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(images/td.svg);
}
.flag-icon-tf {
  background-image: url(images/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(images/tf.svg);
}
.flag-icon-tg {
  background-image: url(images/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(images/tg.svg);
}
.flag-icon-th {
  background-image: url(images/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(images/th.svg);
}
.flag-icon-tj {
  background-image: url(images/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(images/tj.svg);
}
.flag-icon-tk {
  background-image: url(images/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(images/tk.svg);
}
.flag-icon-tl {
  background-image: url(images/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(images/tl.svg);
}
.flag-icon-tm {
  background-image: url(images/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(images/tm.svg);
}
.flag-icon-tn {
  background-image: url(images/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(images/tn.svg);
}
.flag-icon-to {
  background-image: url(images/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(images/to.svg);
}
.flag-icon-tr {
  background-image: url(images/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(images/tr.svg);
}
.flag-icon-tt {
  background-image: url(images/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(images/tt.svg);
}
.flag-icon-tv {
  background-image: url(images/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(images/tv.svg);
}
.flag-icon-tw {
  background-image: url(images/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(images/tw.svg);
}
.flag-icon-tz {
  background-image: url(images/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(images/tz.svg);
}
.flag-icon-ua {
  background-image: url(images/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(images/ua.svg);
}
.flag-icon-ug {
  background-image: url(images/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(images/ug.svg);
}
.flag-icon-um {
  background-image: url(images/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(images/um.svg);
}
.flag-icon-us {
  background-image: url(images/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(images/us.svg);
}
.flag-icon-uy {
  background-image: url(images/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(images/uy.svg);
}
.flag-icon-uz {
  background-image: url(images/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(images/uz.svg);
}
.flag-icon-va {
  background-image: url(images/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(images/va.svg);
}
.flag-icon-vc {
  background-image: url(images/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(images/vc.svg);
}
.flag-icon-ve {
  background-image: url(images/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(images/ve.svg);
}
.flag-icon-vg {
  background-image: url(images/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(images/vg.svg);
}
.flag-icon-vi {
  background-image: url(images/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(images/vi.svg);
}
.flag-icon-vn {
  background-image: url(images/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(images/vn.svg);
}
.flag-icon-vu {
  background-image: url(images/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(images/vu.svg);
}
.flag-icon-wf {
  background-image: url(images/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(images/wf.svg);
}
.flag-icon-ws {
  background-image: url(images/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(images/ws.svg);
}
.flag-icon-xk {
  background-image: url(images/xk.svg);
}
.flag-icon-xk.flag-icon-squared {
  background-image: url(images/xk.svg);
}
.flag-icon-ye {
  background-image: url(images/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(images/ye.svg);
}
.flag-icon-yt {
  background-image: url(images/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(images/yt.svg);
}
.flag-icon-za {
  background-image: url(images/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(images/za.svg);
}
.flag-icon-zm {
  background-image: url(images/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(images/zm.svg);
}
.flag-icon-zw {
  background-image: url(images/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(images/zw.svg);
}
.flag-icon-es-ct {
  background-image: url(images/es-ct.svg);
}
.flag-icon-es-ct.flag-icon-squared {
  background-image: url(images/es-ct.svg);
}
.flag-icon-eu {
  background-image: url(images/eu.svg);
}
.flag-icon-eu.flag-icon-squared {
  background-image: url(images/eu.svg);
}
.flag-icon-gb-eng {
  background-image: url(images/gb-eng.svg);
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(images/gb-eng.svg);
}
.flag-icon-gb-nir {
  background-image: url(images/gb-nir.svg);
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(images/gb-nir.svg);
}
.flag-icon-gb-sct {
  background-image: url(images/gb-sct.svg);
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(images/gb-sct.svg);
}
.flag-icon-gb-wls {
  background-image: url(images/gb-wls.svg);
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(images/gb-wls.svg);
}
.flag-icon-un {
  background-image: url(images/un.svg);
}
.flag-icon-un.flag-icon-squared {
  background-image: url(images/un.svg);
}
/* Widgets used actually everywhere*/
#mainnav {
  height: 0;
}
.cd-dropdown-wrapper {
  /*    .display_flex();*/
}
@media only screen and (min-width: 961px) {
  .cd-dropdown-wrapper {
    float: left;
    width: 100%;
  }
}
@media only screen and (max-width: 960px) {
  .cd-dropdown-wrapper {
    height: 0;
  }
}
@media only screen and (max-width: 960px) {
  .cd-dropdown {
    top: 87px;
  }
}
.cd-dropdown-content > li.hoverOver,
.cd-dropdown-content > li:hover {
  background-color: #fff;
  color: #1a508e;
}
body.dark_mode .cd-dropdown-content > li.hoverOver,
body.dark_mode .cd-dropdown-content > li:hover {
  background-color: #181719;
}
.cd-dropdown-content > li.hoverOver > a {
  color: #1a508e;
  background: #fff;
}
.cd-dropdown-content a,
.cd-dropdown-content ul a {
  font-size: 16px;
}
@media only screen and (max-width: 960px) {
  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    padding: 20px;
    border: 0 none;
    border-bottom: 1px solid #d8d8d8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    float: none;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
  }
}
.cd-dropdown-content a:hover,
.cd-dropdown-content ul a:hover {
  color: #1a508e;
}
.cd-dropdown-content li.go-back a,
.cd-dropdown-content li.backLink a {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: first baseline;
  -ms-flex-align: first baseline;
  align-items: first baseline;
}
.cd-dropdown-content .emptyListNavMobile,
.cd-dropdown-content .emptyListNavMobileLvlTwo,
.cd-dropdown-content .emptyListNavMobileLvlThree {
  display: none;
}
@media only screen and (max-width: 960px) {
  .cd-dropdown-content.move-out .emptyListNavMobile {
    display: none;
  }
  .cd-dropdown-content .emptyListNavMobile,
  .cd-dropdown-content .emptyListNavMobileLvlTwo,
  .cd-dropdown-content .emptyListNavMobileLvlThree {
    height: auto;
    display: block;
  }
}
/*categories left 54 + 2 % */
@media only screen and (min-width: 961px) {
  .dropdown_left {
    float: left;
    width: 50%;
    margin-right: 2%;
  }
}
.dropdown_left .dropdown_list {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
@media only screen and (min-width: 961px) {
  .dropdown_left .dropdown_list {
    column-count: 2;
  }
}
@media only screen and (min-width: 1440px) {
  .dropdown_left .dropdown_list {
    column-count: 3;
  }
}
/* Manuelle Marken Contenseite*/
.levelTwo_title {
  border-bottom: 1px solid #b2b2b2;
  padding: 5px 15px;
  margin-bottom: 5px;
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
}
body.dark_mode .levelTwo_title {
  color: #fff;
}
@media only screen and (min-width: 961px) {
  .vendorlist .dropdown_left {
    float: left;
    width: 24%;
    margin-right: 1%;
  }
}
.vendorlist .dropdown_left .dropdown_list {
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}
@media only screen and (min-width: 961px) {
  .vendorlist .dropdown_left .dropdown_list {
    column-count: 1;
  }
}
@media only screen and (min-width: 1440px) {
  .vendorlist .dropdown_left .dropdown_list {
    column-count: 1;
  }
}
@media only screen and (min-width: 961px) {
  .has-highlights .dropdown_left {
    float: left;
    width: 40%;
    margin-right: 1%;
  }
}
.has-highlights .dropdown_left .dropdown_list {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
@media only screen and (min-width: 961px) {
  .has-highlights .dropdown_left .dropdown_list {
    column-count: 2;
  }
}
@media only screen and (min-width: 1440px) {
  .has-highlights .dropdown_left .dropdown_list {
    column-count: 2;
  }
}
@media only screen and (min-width: 961px) {
  .vendorlist .dropdown_middle {
    float: left;
    width: 24%;
    margin-left: 1%;
  }
}
.vendorlist .dropdown_middle .dropdown_list {
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}
@media only screen and (min-width: 961px) {
  .vendorlist .dropdown_middle .dropdown_list {
    column-count: 1;
  }
}
@media only screen and (min-width: 1440px) {
  .vendorlist .dropdown_middle .dropdown_list {
    column-count: 1;
  }
}
@media only screen and (min-width: 961px) {
  .has-highlights .dropdown_middle {
    float: left;
    width: 17%;
    margin-left: 1%;
  }
}
.has-highlights .dropdown_middle .dropdown_list {
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}
@media only screen and (min-width: 961px) {
  .has-highlights .dropdown_middle .dropdown_list {
    column-count: 1;
  }
}
@media only screen and (min-width: 1440px) {
  .has-highlights .dropdown_middle .dropdown_list {
    column-count: 1;
  }
}
.vendorlist .dropdown_right {
  float: right;
  margin-left: 1%;
  width: 49%;
}
.vendorlist .dropdown_right .dropdown_list {
  display: block;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.vendorlist .dropdown_right .dropdown_list > * {
  margin: 0 0 10px 0;
}
.has-highlights .dropdown_right {
  float: right;
  margin-left: 1%;
  width: 40%;
}
.has-highlights .dropdown_right .dropdown_list {
  display: block;
}
.has-highlights .dropdown_right .dropdown_list > * {
  margin: 1px 0 10px 0;
}
/*ul important here, there are also li parents with no_teaser*/
ul.no_teaser {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
@media only screen and (min-width: 961px) {
  ul.no_teaser {
    column-count: 3;
  }
}
@media only screen and (min-width: 1440px) {
  ul.no_teaser {
    column-count: 4;
  }
}
@media only screen and (min-width: 961px) {
  .vendorlist ul.no_teaser {
    column-count: 6;
  }
}
/*teasers right 44%*/
@media only screen and (min-width: 961px) {
  .dropdown_right {
    float: right;
    width: 48%;
  }
  .dropdown_right .dropdown_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    float: none;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .dropdown_right .dropdown_list > * {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 961px) {
  .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
    color: black;
  }
  .cd-dropdown {
    width: 100%;
    box-shadow: none;
  }
  .cd-dropdown-content {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #666666;
  }
  .cd-dropdown-content > li > a {
    padding: 15px 10px;
    text-transform: uppercase;
    font-weight: 700;
  }
  .cd-dropdown-content > li > a:hover,
  .cd-dropdown-content > li > a.active,
  .cd-dropdown-content > li > a.current {
    color: #1a508e;
  }
  .cd-dropdown-content > li > a:hover,
  .cd-dropdown-content > li > a.active {
    background-color: #fff;
  }
  body.dark_mode .cd-dropdown-content > li > a:hover,
  body.dark_mode .cd-dropdown-content > li > a.active {
    background-color: #181719;
  }
  .cd-dropdown-content a.sub-parent,
  .cd-dropdown-content ul a.sub-parent {
    color: red;
  }
  .cd-dropdown-content .cd-secondary-dropdown {
    left: 0;
    /*top calculated in ddhes_megadropdown.js*/
    top: 52px;
    width: 100%;
  }
  .cd-dropdown-content .cd-secondary-dropdown .dropdown_list {
    z-index: 16;
  }
  .cd-dropdown-content .cd-secondary-dropdown li.dropdown_el {
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 17;
  }
  .cd-dropdown-content .cd-secondary-dropdown li.dropdown_el .has-children .go-back a {
    color: black;
  }
  .cd-dropdown-content .cd-secondary-dropdown li.dropdown_el > a {
    pointer-events: auto;
    padding: 5px 15px;
    display: block;
  }
  .cd-dropdown-content .cd-secondary-dropdown li.dropdown_teaser_special {
    width: 50%;
    float: left;
    display: inline-block;
    position: relative;
    z-index: 17;
  }
  .cd-dropdown-content .cd-secondary-dropdown::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #fff;
    top: 20px;
    left: 0;
    z-index: 18;
  }
  body.dark_mode .cd-dropdown-content .cd-secondary-dropdown::before {
    background-color: #181719;
  }
  .cd-dropdown-content .cd-secondary-dropdown li.dropdown_teaser > a {
    pointer-events: auto;
    padding: 0;
    margin: 0;
  }
  .cd-dropdown-content .levelTwoBackground {
    display: block;
    background-color: #fff;
    height: 100%;
    width: 100vw;
    overflow-x: hidden;
    top: 0;
    position: absolute;
    z-index: 15;
    -webkit-box-shadow: 0 15px 10px -10px #333333;
    box-shadow: 0 15px 10px -10px #333333;
  }
  body.dark_mode .cd-dropdown-content .levelTwoBackground {
    background-color: #181719;
  }
  .cd-dropdown-content li.vendorlist .cd-secondary-dropdown li.dropdown_el > a,
  .cd-dropdown-content li.has-highlights .cd-secondary-dropdown li.dropdown_el > a {
    border: none;
    padding: 5px 15px;
  }
  .has-children > a {
    padding-right: 10px;
  }
  .has-children > a::after,
  .has-children > a::before {
    content: none;
  }
}
@media only screen and (min-width: 1440px) {
  .cd-dropdown-content > li > a {
    padding: 15px 20px;
  }
  body.premium_sale .cd-dropdown-content > li > a {
    padding: 15px 80px;
  }
}
@media only screen and (max-width: 960px) {
  li.dropdown_teaser,
  li.dropdown_teaser_special {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  .levelThree {
    background-color: #fff;
  }
  body.dark_mode .levelThree {
    background-color: #181719;
  }
}
.cd-dropdown-content .cd-secondary-dropdown {
  position: absolute;
  z-index: 10000;
  padding: 20px 0;
}
@media only screen and (max-width: 960px) {
  .cd-dropdown-content .cd-secondary-dropdown {
    padding: 0;
  }
}
@media only screen and (min-width: 961px) {
  header {
    height: auto;
  }
  body.premium_sale .cd-dropdown-content > li > a {
    padding: 15px 40px;
  }
  .cd-dropdown {
    opacity: 1;
    visibility: visible;
  }
  .fadeIn .cd-dropdown-content a,
  .fadeIn .cd-dropdown-content ul a {
    color: white;
  }
  .fadeIn .cd-dropdown-content ul a {
    color: black;
  }
}
nav ul {
  padding-left: 0;
}
@media only screen and (max-width: 960px) {
  /*  .cd-dropdown {
    display: none;
    &.dropdown-is-active {
      display: block;
    }
  }*/
  /*.cd-dropdown {
    transform: translateX(-100%);
    &.dropdown-is-active{
      transform: translateX(0);
    }
  }*/
  .cd-dropdown .cd-close {
    width: 100%;
  }
  .cd-dropdown .cd-close::after,
  .cd-dropdown .cd-close::before {
    right: 30px;
    left: auto;
  }
  .cd-close-bottom {
    height: auto;
    flex: 1 1 auto;
    position: relative;
    left: 0;
  }
}
/********OXID STYLES*******/
body.fixed-header #header #menu {
  position: fixed;
  top: 0;
  z-index: 1030;
  box-shadow: 0 0 0 0;
  width: 100%;
}
body.fixed-header #header #menu.fadeIn {
  margin-top: -30px;
}
@media only screen and (max-width: 960px) {
  .cd-dropdown {
    width: 80%;
  }
  .cd-dropdown {
    background-color: #fff;
    /*    transform: translateY(0);
    &.dropdown-is-active {
      transform: translateY(0);
      -webkit-box-shadow: 10px 10px 10px 2px @text-color;
      box-shadow: 10px 10px 10px 2px @text-color;
    }*/
  }
  body.dark_mode .cd-dropdown {
    background-color: #181719;
  }
  .cd-dropdown-content {
    padding: 0;
  }
  .nav-shader-is-active {
    overflow: hidden;
    position: fixed;
    width: 100%!important;
  }
  .nav-shader-is-active #viewport_wrapper::before {
    content: '';
    position: absolute;
    z-index: 13;
    height: 100vh;
    width: 100vw;
    background: #333333;
    opacity: 0.7;
  }
  .nav-shader-is-active header {
    position: relative;
    z-index: 14;
  }
  .nav-shader-is-active footer {
    z-index: 12;
  }
  .nav-shader {
    transform: translateX(0%);
    position: absolute;
  }
  .nav-shader-is-visible {
    transform: translateX(400%);
    -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.5s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.5s 0s;
    transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.5s 0s;
    top: 0;
    width: 20%;
    height: 200%;
    background: green;
    opacity: 0.5;
    z-index: 10;
  }
  body.fixed-header #header #menu {
    width: 80%;
  }
  body.fixed-header #header #menu.fadeIn {
    margin-top: 0;
    width: 80%;
  }
}
/* Toggle button for phone nav */
@media only screen and (max-width: 960px) {
  #burgerMenu {
    flex: 0 1 10%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    order: 1;
  }
}
/* Icon 1 */
#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
  width: 31px;
  height: 24px;
  margin: 20px;
  margin-right: 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon3 {
  margin-right: 20px;
}
#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #333;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
  top: 0px;
}
#nav-icon1 span:nth-child(2) {
  top: 18px;
}
#nav-icon1 span:nth-child(3) {
  top: 36px;
}
#nav-icon1.dropdown-is-active span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon1.dropdown-is-active span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.dropdown-is-active span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/* Icon 2 */
#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}
#nav-icon2 span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px;
}
#nav-icon2 span:nth-child(1),
#nav-icon2 span:nth-child(2) {
  top: 0px;
}
#nav-icon2 span:nth-child(3),
#nav-icon2 span:nth-child(4) {
  top: 18px;
}
#nav-icon2 span:nth-child(5),
#nav-icon2 span:nth-child(6) {
  top: 36px;
}
#nav-icon2.dropdown-is-active span:nth-child(1),
#nav-icon2.dropdown-is-active span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon2.dropdown-is-active span:nth-child(2),
#nav-icon2.dropdown-is-active span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon2.dropdown-is-active span:nth-child(1) {
  left: 5px;
  top: 7px;
}
#nav-icon2.dropdown-is-active span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}
#nav-icon2.dropdown-is-active span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
#nav-icon2.dropdown-is-active span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
#nav-icon2.dropdown-is-active span:nth-child(5) {
  left: 5px;
  top: 29px;
}
#nav-icon2.dropdown-is-active span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}
/* Icon 3 */
#nav-icon3 span:nth-child(1) {
  top: 0px;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 11px;
}
#nav-icon3 span:nth-child(4) {
  top: 22px;
}
#nav-icon3.dropdown-is-active span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#nav-icon3.dropdown-is-active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon3.dropdown-is-active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon3.dropdown-is-active span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
/* Icon 4 */
#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4.dropdown-is-active span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}
#nav-icon4.dropdown-is-active span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#nav-icon4.dropdown-is-active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}
/*.cd-dropdown-trigger {
    width: 31px;
    height: 24px;
    position: relative;
    display: block;
    float: right;

}*/
.cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul.dropdown_list {
  /* if .cd-secondary-dropdown is visible - show also subnavigation */
  visibility: visible;
}
@media (min-width: 961px) and (max-width: 1429px) {
  .has-children > a > i,
  tr.has-children > a > i,
  th.has-children > a > i,
  td.has-children > a > i {
    display: none !important;
  }
}
@media (min-width: 1430px) {
  .has-children > a > i,
  tr.has-children > a > i,
  th.has-children > a > i,
  td.has-children > a > i {
    display: none !important;
  }
}
.end > a > i {
  display: none;
}
/* Flashing Effect for menu Teasers */
.hover13 figure:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (min-width: 961px) {
  /*overriding secondary dropdown visibility and using hoverIntent */
  .cd-secondary-dropdown {
    display: none!Important;
  }
  .hoverOver .cd-secondary-dropdown {
    display: block!important;
  }
}
@media (min-width: 961px) {
  .mobile_meta,
  tr.mobile_meta,
  th.mobile_meta,
  td.mobile_meta {
    display: none !important;
  }
}
@media (min-width: 961px) {
  .mobile_meta,
  tr.mobile_meta,
  th.mobile_meta,
  td.mobile_meta {
    display: none !important;
  }
}
html.loaderInside {
  overflow: hidden !important;
}
body.loaderIsActive {
  overflow: hidden !important;
}
/* ddPreloader */
.ddPreloader {
  background-color: transparent;
  overflow: hidden;
}
.ddPreloader.loading-logo {
  background-color: white;
  opacity: 0.9;
  /*  .display_flex();
  .center_content();
  .align_items_center();*/
}
.ddPreloader.loading-logo .imageHolder {
  background-image: url(images/h-loading.gif);
  /*CSS animations*/
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}
.ddPreloader.inlist {
  background-color: #F3F3F3;
}
.ddPreloader.incheckout {
  background-color: #F3F3F3;
}
.ddPreloader.indetails {
  background-color: #000000;
}
.ddPreloader.filter {
  background-color: #ffffff;
  opacity: 0.8;
}
.ddPreloader .imageHolder {
  width: 100%;
  height: 100%;
  background: transparent url(images/loading.png) no-repeat 50% 50%;
}
.ddPreloader .imageHolder {
  -webkit-animation: rotate 2s infinite linear;
  -moz-animation: rotate 2s infinite linear;
  -ms-animation: rotate 2s infinite linear;
  -o-animation: rotate 2s infinite linear;
  animation: rotate 2s infinite linear;
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.eventcalendar {
  width: 400px;
  height: 400px;
  background: #fff;
  display: block;
  padding: 20px;
}
.eventcalendar .prevmonth,
.eventcalendar .nextmonth {
  width: 34px;
  height: 34px;
  float: left;
}
.eventcalendar .prevmonth {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right -885px;
  padding: 0 10px 0 0;
  border: 0 none;
  color: #1a508e;
  background-position: 0 -992px;
}
.eventcalendar .prevmonth_back {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -992px;
  padding-left: 10px;
  border: 0 none;
  color: #1a508e;
}
.eventcalendar .prevmonth.inline {
  float: none;
  display: inline;
}
@media (max-width: 960px) {
  .eventcalendar .prevmonth {
    background-image: transparent;
    padding-right: 0;
    line-height: 76px;
  }
}
.eventcalendar .prevmonth_back {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -992px;
  padding-left: 10px;
  border: 0 none;
  color: #1a508e;
}
.eventcalendar .prevmonth.inline {
  float: none;
  display: inline;
}
@media (max-width: 960px) {
  .eventcalendar .prevmonth {
    background-image: transparent;
    padding-right: 0;
    line-height: 76px;
  }
}
.eventcalendar .nextmonth {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right -885px;
  padding: 0 10px 0 0;
  border: 0 none;
  color: #1a508e;
}
.eventcalendar .nextmonth_back {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -992px;
  padding-left: 10px;
  border: 0 none;
  color: #1a508e;
}
.eventcalendar .nextmonth.inline {
  float: none;
  display: inline;
}
@media (max-width: 960px) {
  .eventcalendar .nextmonth {
    background-image: transparent;
    padding-right: 0;
    line-height: 76px;
  }
}
.eventcalendar .nextmonth_back {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -992px;
  padding-left: 10px;
  border: 0 none;
  color: #1a508e;
}
.eventcalendar .nextmonth.inline {
  float: none;
  display: inline;
}
@media (max-width: 960px) {
  .eventcalendar .nextmonth {
    background-image: transparent;
    padding-right: 0;
    line-height: 76px;
  }
}
.eventcalendar .monthline {
  width: 292px;
  height: 34px;
  float: left;
  text-align: center;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.eventcalendar .monthcontainer {
  clear: both;
  padding-top: 20px;
}
.eventcalendar .monthcontainer td,
.eventcalendar .monthcontainer th {
  width: 52px;
  margin: 10px;
}
.eventcalendar .monthcontainer th {
  font-weight: normal;
  line-height: 1.42857143;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.71428571;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer th {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer th {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer th {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer th {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer th {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer th {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer th {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer th {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer th {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer th {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer th {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer th {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer th {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer th {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer th {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer th {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer th {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer th {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer th {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer th {
    font-size: 16px;
  }
}
.eventcalendar .monthcontainer th.actweekday {
  color: #83ca25;
}
.eventcalendar .monthcontainer td {
  font-weight: normal;
  line-height: 1.42857143;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.71428571;
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer td {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer td {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer td {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer td {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer td {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer td {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer td {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer td {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer td {
    font-size: 16px;
  }
}
@media only screen and (min-width: 961px) {
  .eventcalendar .monthcontainer td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 960px) {
  .eventcalendar .monthcontainer td {
    font-size: 16px;
  }
}
.eventcalendar .monthcontainer td div {
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin: 10px;
}
.eventcalendar .monthcontainer td div.event {
  background: #83ca25;
  border-radius: 15px;
  color: #fff;
}
.eventcalendar .monthcontainer td div.today {
  font-weight: bold;
  color: #83ca25;
}
.eventcalendar .monthcontainer td div.notthismonth {
  color: #d8d8d8;
}
.ui-menu {
  position: absolute;
  list-style: none;
  padding: 0;
  margin-top: 2px;
  display: block;
  float: left;
  background: #333333;
  max-height: 225px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 900001;
  outline: 2px solid white;
}
.ui-menu .ui-menu-item {
  padding: 10px;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
  color: white;
  cursor: pointer;
  font-size: 14px;
}
.ui-menu .ui-menu-item:hover {
  background: #f3f3f3;
  color: #333333;
}
.ui-menu .ui-menu-item:nth-child(5) {
  border-bottom: 1px solid white;
}
.ui-menu .ui-menu-item a {
  display: block;
  padding: 3px 35px 3px 20px;
  zoom: 1;
  color: #333333;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus {
  color: #fff;
  background: #666666;
}
.ui-helper-hidden-accessible {
  display: none;
}
li.checkFailed input {
  display: block;
  color: #b30c00;
}
#addresscheck_message,
#addresscheck_change,
#addresscheck_didyoumean,
#addresscheck_address,
#addresscheck_buttons,
#addresscheck_didnotfound {
  float: left;
  width: 100%;
}
#addresscheck_buttons {
  text-align: right;
  margin-top: 20px;
}
#addresscheck_buttons .btn {
  padding: 10px 20px;
}
body.popup_iframe {
  /********************************************************************
  Details Popup Details Popup Details Popup Details Popup Details Popup
  *******************************************************************/
}
body.popup_iframe header,
body.popup_iframe footer,
body.popup_iframe .breadcrumb_wrapper {
  display: none;
}
body.popup_iframe #details_container {
  padding: 20px;
  /**************************************************************
    Outfit Outfit Outfit  Outfit Outfit Outfit Outfit Outfit Outfit     *****************************************************************/
  /*****************************************************************************/
  /*****************************************************************************
    960 Breakpoint 960 Breakpoint 960 Breakpoint 960 Breakpoint 960 Breakpoint
    *****************************************************************************/
  /****************************************************************************/
  /*****************************************************************************/
  /*****************************************************************************
    768 Breakpoint 768 Breakpoint 768 Breakpoint 768 Breakpoint 768 Breakpoint
    *****************************************************************************/
  /****************************************************************************/
}
body.popup_iframe #details_container form > div {
  padding: 0;
}
body.popup_iframe #details_container .pictureContainer .pictureWrapper {
  width: auto;
  height: auto;
}
body.popup_iframe #details_container .articleinformations {
  border-top: 0 none!important;
}
body.popup_iframe #details_container .articleMainInfo .vendor_image {
  width: 100%;
  padding-bottom: 0;
  position: absolute;
  top: -400px;
}
body.popup_iframe #details_container .articleMainInfo .vendor_image img {
  max-height: 80px;
  float: left;
}
body.popup_iframe #details_container .articleMainInfo .font_head {
  font-size: 24px;
  float: left;
  width: 100%;
}
body.popup_iframe #details_container .articleMainInfo .details_artnum {
  float: none;
  font-size: 14px;
}
body.popup_iframe #details_container .articleMainPrice {
  clear: left;
  margin-bottom: 0px;
}
body.popup_iframe #details_container .articleMainPrice .price {
  padding: 0;
  font-size: 24px;
  width: auto;
}
body.popup_iframe #details_container .articleMainPrice .price_old {
  width: auto;
  font-size: 24px;
}
body.popup_iframe #details_container .articleMainPrice .details_priceInfoText {
  font-size: 14px;
}
body.popup_iframe #details_container .articleMainPrice .details_priceInfoText a {
  font-size: 14px;
  text-decoration: none;
}
body.popup_iframe #details_container .articleMainVariants .variants {
  border-right: 0 none;
  width: 100%;
}
body.popup_iframe #details_container .articleMainVariants .variants::before,
body.popup_iframe #details_container .articleMainVariants .variants::after {
  height: 0;
  width: 0;
}
body.popup_iframe #details_container .articleMainVariants .variants.hasSelection {
  background-color: transparent;
  color: #333333;
}
body.popup_iframe #details_container .articleMainVariants .variants.hasSelection .variants_label {
  display: none!important;
}
body.popup_iframe #details_container .articleMainVariants .variantSelections.colors span.hidden-desktop {
  display: none!important;
}
body.popup_iframe #details_container .articleMainVariants .variantSelections.colors img {
  display: block!important;
}
body.popup_iframe #details_container .articleMainAmount {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: none;
}
@media (min-width: 961px) {
  body.popup_iframe #details_container .articleMainAmount {
    float: left;
    width: 33.33333333%;
  }
}
body.popup_iframe #details_container .articleMainAmount .variants::before,
body.popup_iframe #details_container .articleMainAmount .variants::after {
  height: 0;
  width: 0;
}
body.popup_iframe #details_container .articleMainAmount .amount_wrapper {
  margin-bottom: 20px;
}
body.popup_iframe #details_container .articleMainVariants .variants_separator,
body.popup_iframe #details_container .articleMainAmount .variants_separator {
  margin-top: 0;
}
body.popup_iframe #details_container .articleMainVariants .variants_separator .list_label,
body.popup_iframe #details_container .articleMainAmount .variants_separator .list_label {
  text-align: left;
}
body.popup_iframe #details_container .tobasketbox {
  margin-bottom: 0;
  z-index: 1;
}
body.popup_iframe #details_container .tobasketbox::before,
body.popup_iframe #details_container .tobasketbox::after {
  height: 0;
  width: 0;
}
body.popup_iframe #details_container .tobasketbox #toBasket.button {
  margin-top: 0!important;
  margin-bottom: 20px;
  font-size: 24px;
  min-height: 50px!important;
}
body.popup_iframe #details_container .tobasketbox .stock_informations::before,
body.popup_iframe #details_container .tobasketbox .stock_informations::after {
  height: 0;
  width: 0;
}
body.popup_iframe #details_container .tobasketbox .stock_informations > div {
  text-align: left;
  width: 100%;
}
body.popup_iframe #details_container .outfit_title {
  padding-top: 20px;
  text-align: center;
}
body.popup_iframe #details_container .outfitinformations {
  padding: 0 !important;
}
body.popup_iframe #details_container .outfitinformations .singleproduct_wrapper {
  padding: 0 !important;
}
body.popup_iframe #details_container .outfitinformations .singleproduct_wrapper .singleproduct {
  border-top: 1px solid #b2b2b2;
}
body.popup_iframe #details_container .outfitinformations .singleproduct_wrapper .singleproduct .articleMainInfo {
  border-bottom: none;
}
body.popup_iframe #details_container .outfitinformations .singleproduct_wrapper .singleproduct .articleMainInfo h2 {
  text-align: center;
  font-size: 2em !important;
}
body.popup_iframe #details_container .outfitinformations .singleproduct_wrapper .singleproduct .articleMainInfo .details_artnum {
  text-align: center;
}
body.popup_iframe #details_container .outfitinformations .singleproduct_wrapper .singleproduct .articleMainInfo .link_to_product {
  text-align: center;
  width: 100%;
  background: none;
}
body.popup_iframe #details_container .outfitinformations .singleproduct_wrapper .singleproduct .articleMainInfo .articleMainPrice {
  text-align: center;
  clear: left;
  border-bottom: none;
}
body.popup_iframe #details_container .outfitinformations .singleproduct_wrapper .singleproduct .articleMainInfo .articleMainPrice .price {
  width: auto;
  font-size: 24px !important;
  line-height: 30px;
  float: none;
  margin-right: 0;
}
body.popup_iframe #details_container .outfitinformations .singleproduct_wrapper .singleproduct .articleMainInfo .articleMainPrice .price_old {
  margin-left: 40px;
  width: auto;
  font-size: 24px !important;
}
body.popup_iframe #details_container .outfitinformations .singleproduct_wrapper .singleproduct .articleMainInfo .stock_informations_value {
  text-align: center;
}
@media (max-width: 768px) {
  body.popup_iframe #details_container .articleinformations {
    padding-left: 0;
    border-left: 0 none;
  }
}
@media (max-width: 779px) {
  body.popup_iframe #details_container .articleMainVariants .variants .variants_separator.variant_sizes_bundle .tooltip.bottom {
    left: 0 !important;
  }
}
/*iframe popup Forgot Password*/
body.desktop {
  overflow-y: visible;
}
body.account.forgotpwd.popup_iframe.popup_desktop {
  padding: 20px;
}
body.account.forgotpwd.popup_iframe.popup_mobile {
  padding: 0;
  padding-top: 20px;
}
body.account.forgotpwd.popup_iframe main {
  padding-top: 0 !important;
  margin-top: 10px;
}
body.account.forgotpwd.popup_iframe main .errors_wrapper {
  padding: 10px;
}
body.forgotpwd_iframe .mfp-wrap .mfp-iframe-holder .mfp-content,
body.checkout .mfp-wrap .mfp-iframe-holder .mfp-content {
  max-width: 400px;
  height: 350px;
  /*@media (max-width:  @screen-sm-max){
       height: 500px;
     }*/
}
body.forgotpwd_iframe .mfp-wrap .mfp-iframe-holder .mfp-content .mfp-close,
body.checkout .mfp-wrap .mfp-iframe-holder .mfp-content .mfp-close {
  padding-right: 0;
  text-align: center;
  padding-top: 2px;
}
body.account.forgotpwd.success #viewport_wrapper header,
body.account.forgotpwd.success #viewport_wrapper footer {
  display: block;
}
body.account.forgotpwd {
  /*hide cookies in iframe popup*/
}
body.account.forgotpwd main .page_head {
  text-transform: uppercase;
}
@media (max-width: 960px) {
  body.account.forgotpwd #viewport_wrapper .page_head {
    margin-bottom: 30px;
    font-size: 18px;
    border-bottom: 1px solid;
    padding-bottom: 20px;
    font-weight: 700;
  }
}
body.account.forgotpwd #viewport_wrapper .account_block {
  padding: 0 10px;
}
body.account.forgotpwd #viewport_wrapper .account_block .font_copy {
  text-align: center;
  font-size: 16px;
}
body.account.forgotpwd #viewport_wrapper header,
body.account.forgotpwd #viewport_wrapper footer {
  display: none;
}
@media (max-width: 960px) {
  body.account.forgotpwd.success #viewport_wrapper .page_head {
    border: none;
  }
}
body.account.forgotpwd #usercentrics-button {
  display: none;
}
@media only screen and (max-width: 960px) {
  body.account.forgotpwd {
    font-size: 16px;
  }
}
@media (min-width: 960px) {
  body.account.forgotpwd {
    overflow-y: hidden;
    font-size: 16px;
  }
  body.account.forgotpwd.success {
    overflow: scroll;
  }
}
.mfp-wrap .mfp-iframe-holder .mfp-content {
  position: relative;
  text-align: left;
  z-index: 1045;
  width: 90%;
  margin: 3% 0;
  background-color: #fff;
  max-width: inherit;
}
body.dark_mode .mfp-wrap .mfp-iframe-holder .mfp-content {
  background-color: #333;
}
.ddhes-form .buttonToBasketForgotPwd {
  display: inline-block;
  float: right;
  margin-left: 20px;
}
.ddhes-form .buttonToBasketForgotPwd a.ddhes-btn--blue {
  display: inline-block;
  padding: 20px;
  cursor: pointer;
  height: 40px;
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-weight: 400;
  line-height: 0;
  margin-top: 20px;
}
.formForgotpwd {
  display: inline-block;
  float: right;
}
body.forgotpwd.success .formForgotpwd {
  float: none;
}
/* zerstört die closeOnBgClick: false Option
body .mfp-wrap{
  z-index: 900000;
}
*/
@media (max-width: 960px) {
  .mm-page {
    z-index: 10;
  }
}
@media (min-width: 481px) and(max-width: 768px) {
  .mobile .mfp-wrap {
    min-height: 550px;
  }
}
/* ugly hack to display iframes in desktop / mobile viewports...
.desktop .mfp-iframe-scaler iframe { width: 1000px!important; }
.mobile .mfp-iframe-scaler iframe { width: 800px!important; }
.mfp-iframe-holder .mfp-content { overflow: hidden; }
*/
body.desktop .mfp-iframe-scaler,
body.mobile .mfp-iframe-scaler,
body.desktop .mfp-iframe-holder,
body.mobile .mfp-iframe-holder,
body.desktop .mfp-iframe-scaler iframe,
body.mobile .mfp-iframe-scaler iframe {
  height: 104%;
}
body.journal.content {
  /*.mfp-iframe-scaler, .mfp-iframe-holder,
  .mfp-iframe-scaler iframe {
    height: 100%;
  }*/
}
body.journal.content .mfp-wrap .mfp-iframe-holder .mfp-content {
  max-width: 900px;
}
/* CHECKOUT CREDITCARD PSD2*/
.creditCardPSD2,
.creditCardPSD2_CVV {
  padding: 20px;
}
.creditCardPSD2 h2,
.creditCardPSD2_CVV h2 {
  font-size: 16px;
  border-bottom: 1px solid;
  padding: 10px;
  padding-bottom: 20px;
  padding-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.creditCardPSD2 .creditCardPSD2_desc,
.creditCardPSD2_CVV .creditCardPSD2_desc {
  padding: 10px;
}
.modal-dialog {
  margin: 5% auto;
}
@media (max-width: 960px) {
  .modal-dialog {
    width: auto;
  }
}
.modal-dialog.crossseller {
  margin: 5% auto;
}
.modal-content {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-header {
  font-size: 14px;
}
body.account.user .modal-header {
  font-size: 24px;
  padding: 10px;
}
#soldOutModal .modal-header {
  border-bottom: 0;
}
.modal-header > p {
  font-size: 14px;
}
.modal-body {
  padding-top: 15px;
}
body.account.user .modal-body {
  padding: 10px;
}
#soldOutModal .modal-body {
  padding: 10px;
}
.modal-footer {
  border-top: 0 none;
  margin-top: 0;
  display: flex;
  justify-content: end;
}
body.account.user .modal-footer {
  padding: 10px;
}
.modal-footer .btn {
  padding: 10px 20px;
}
.modal-crossseller {
  text-align: center;
  width: 100%;
  overflow: hidden;
  /*.articlebox {
    .articlebox_4col();
    width: 23%; // little bit smaller than original articlebox, otherwise the float:none is not working for centering articles if less than 4
    @media (min-width: 581px) and (max-width: 960px) {
      .articlebox_3col();
      width: 30%;
      &:last-child {
        display: none;
      }
    }
    @media (min-width: 451px) and (max-width: 580px) {
      .articlebox_2col();
      width: 47%;
      &:last-child, &:nth-child(3) {
        display: none;
      }
    }
    @media (max-width: 450px) {
      width: 100%;
      margin-right:0;
      &:last-child, &:nth-child(3), &:nth-child(2) {
        display: none;
      }
    }
    display: inline-block;
    float: none;
    .articlebox_sizer_helper {
      padding: 0;
    }

    .pictureWrapper {
      .list_picture_normal (100px);
    }

    .articlebox_info_wrapper {
      height: 15px;

      .articlebox_title{
        //display: none;
      }
    }
  }*/
}
.modal-crossseller .articlebox_price .price_old {
  display: none;
}
.close {
  font-size: 14px;
  background: #000000;
  float: right;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #ffffff;
}
.close:hover,
.close:focus {
  text-decoration: none;
  cursor: pointer;
}
.soldOutModal #soldOutModal:focus,
.clickReserveModalMobile #soldOutModal:focus {
  outline: none;
}
.soldOutModal .modal-body,
.clickReserveModalMobile .modal-body {
  padding: 15px;
}
@media only screen and (max-width: 960px) {
  .soldOutModal .modalSubtitle,
  .clickReserveModalMobile .modalSubtitle,
  .soldOutModal .modalFilialeCheck,
  .clickReserveModalMobile .modalFilialeCheck {
    font-size: 16px;
  }
}
.soldOutModal .modal-header,
.clickReserveModalMobile .modal-header {
  border-bottom: 0;
  padding-bottom: 0 !important;
}
.soldOutModal .bootstrap-dialog-title,
.clickReserveModalMobile .bootstrap-dialog-title {
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid #000000;
}
.soldOutModal .sliderArticlesNotEmpty .select_homebrew > div.list,
.clickReserveModalMobile .sliderArticlesNotEmpty .select_homebrew > div.list,
.soldOutModal .noSliderArticles .select_homebrew > div.list,
.clickReserveModalMobile .noSliderArticles .select_homebrew > div.list {
  background: #fff;
  border: 1px solid #d8d8d8;
  max-height: inherit;
}
@media only screen and (max-width: 567px) {
  .soldOutModal .sliderArticlesNotEmpty .select_homebrew > div.list,
  .clickReserveModalMobile .sliderArticlesNotEmpty .select_homebrew > div.list,
  .soldOutModal .noSliderArticles .select_homebrew > div.list,
  .clickReserveModalMobile .noSliderArticles .select_homebrew > div.list {
    left: auto;
    right: 0;
  }
}
.soldOutModal .sliderArticlesNotEmpty .select_homebrew > div.list ul li,
.clickReserveModalMobile .sliderArticlesNotEmpty .select_homebrew > div.list ul li,
.soldOutModal .noSliderArticles .select_homebrew > div.list ul li,
.clickReserveModalMobile .noSliderArticles .select_homebrew > div.list ul li {
  font-weight: 700;
  color: #d8d8d8;
}
.soldOutModal .sliderArticlesNotEmpty .select_homebrew > div.list ul li.available,
.clickReserveModalMobile .sliderArticlesNotEmpty .select_homebrew > div.list ul li.available,
.soldOutModal .noSliderArticles .select_homebrew > div.list ul li.available,
.clickReserveModalMobile .noSliderArticles .select_homebrew > div.list ul li.available {
  font-weight: 700;
  color: #000000;
}
.soldOutModal .sliderArticlesNotEmpty .select_homebrew > div.list ul li.notavailable,
.clickReserveModalMobile .sliderArticlesNotEmpty .select_homebrew > div.list ul li.notavailable,
.soldOutModal .noSliderArticles .select_homebrew > div.list ul li.notavailable,
.clickReserveModalMobile .noSliderArticles .select_homebrew > div.list ul li.notavailable {
  color: #d8d8d8;
}
@media only screen and (max-width: 960px) {
  .soldOutModal .list_label_inner,
  .clickReserveModalMobile .list_label_inner {
    font-size: 14px;
  }
}
.soldOutModal .articlebox .articlebox_picture_controls,
.clickReserveModalMobile .articlebox .articlebox_picture_controls {
  display: none !important;
}
.soldOutModal .filialStockInfo,
.clickReserveModalMobile .filialStockInfo {
  margin-top: 20px;
  padding: 10px;
  background-color: #f3f3f3;
}
body.dark_mode .soldOutModal .filialStockInfo,
body.dark_mode .clickReserveModalMobile .filialStockInfo {
  background-color: #363438;
}
@media only screen and (max-width: 960px) {
  .soldOutModal .filialStockInfo .filial-info-wrapper,
  .clickReserveModalMobile .filialStockInfo .filial-info-wrapper {
    margin-bottom: 20px;
  }
}
.soldOutModal .filialStockInfo .filial-info-wrapper .filial-info-title,
.clickReserveModalMobile .filialStockInfo .filial-info-wrapper .filial-info-title {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.soldOutModal .articleMainFilialStock,
.clickReserveModalMobile .articleMainFilialStock {
  background-color: #fff;
}
body.dark_mode .soldOutModal .articleMainFilialStock,
body.dark_mode .clickReserveModalMobile .articleMainFilialStock {
  background-color: #333;
}
@media only screen and (max-width: 960px) {
  .soldOutModal .articleMainFilialStock .reserveButton,
  .clickReserveModalMobile .articleMainFilialStock .reserveButton {
    width: 100%!important;
  }
}
button.close {
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
}
/*MODAL REMOVE ADDRESS*/
body.checkout.user .bootstrap-dialog-footer-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
body.checkout.user .bootstrap-dialog-footer-buttons button {
  font-weight: 400;
  text-transform: inherit;
}
/**************************************************************
Basket Modal
*****************************************************************/
@media only screen and (max-width: 960px) {
  #basket_modal .modal-header {
    display: none;
  }
  #basket_modal .modal-body {
    text-align: center;
    font-size: 16px;
    padding: 15px 0;
  }
  #basket_modal .modal-footer .continueShopping {
    width: 100%;
  }
  #basket_modal .modal-footer .hgg_toBasket {
    width: 100%;
  }
  #basket_modal .modal-crossseller {
    display: none;
  }
}
/**************************************************************
Click&Reserve Basket Modal -- Click&Reserve change Filiale
*****************************************************************/
.reserve_basket_popup .bootstrap-dialog-title,
.change_reserve_filiale_popup .bootstrap-dialog-title,
.reserve_basket_popup .filiale_info_head,
.change_reserve_filiale_popup .filiale_info_head {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
}
.reserve_basket_popup .reserve_basket_contents_item,
.change_reserve_filiale_popup .reserve_basket_contents_item,
.reserve_basket_popup .change_reserve_filiale_new_wrapper,
.change_reserve_filiale_popup .change_reserve_filiale_new_wrapper {
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (max-width: 960px) {
  .reserve_basket_popup .reserve_basket_contents_title,
  .change_reserve_filiale_popup .reserve_basket_contents_title {
    padding-bottom: 20px;
  }
}
@media (max-width: 960px) {
  .reserve_basket_popup .basket_contents_totalprice,
  .change_reserve_filiale_popup .basket_contents_totalprice {
    border-top: 1px solid #b2b2b2;
  }
}
.reserve_basket_popup .reserve_basket_filiale_wrapper,
.change_reserve_filiale_popup .reserve_basket_filiale_wrapper {
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.reserve_basket_popup .reserveButton.button.btn,
.change_reserve_filiale_popup .reserveButton.button.btn {
  height: 40px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
  background-color: #1a508e;
  padding: 9px 0;
  display: inline-block;
}
.reserve_basket_popup .reserveButton.button.btn:hover,
.change_reserve_filiale_popup .reserveButton.button.btn:hover,
.reserve_basket_popup .reserveButton.button.btn:focus,
.change_reserve_filiale_popup .reserveButton.button.btn:focus {
  color: #fff;
  background: #1e5ca4;
}
.reserve_basket_popup .reserveButton.button.btn.green,
.change_reserve_filiale_popup .reserveButton.button.btn.green {
  background-color: #000000;
}
@media (min-width: 961px) {
  .reserve_basket_popup .reserveButton.button.btn.green,
  .change_reserve_filiale_popup .reserveButton.button.btn.green {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 768px) {
  .reserve_basket_popup .reserveButton.button.btn.green,
  .change_reserve_filiale_popup .reserveButton.button.btn.green {
    margin-left: 8.33333333%;
  }
}
@media (max-width: 480px) {
  .reserve_basket_popup .reserveButton.button.btn.green,
  .change_reserve_filiale_popup .reserveButton.button.btn.green {
    margin-top: 20px;
  }
}
.reserve_basket_popup .reserveButton.button.btn.green:hover,
.change_reserve_filiale_popup .reserveButton.button.btn.green:hover,
.reserve_basket_popup .reserveButton.button.btn.green:focus,
.change_reserve_filiale_popup .reserveButton.button.btn.green:focus {
  color: #fff;
  background: #0d0d0d;
}
.reserve_basket_popup .reserveButton.button.btn.disabled,
.change_reserve_filiale_popup .reserveButton.button.btn.disabled {
  background-color: #d8d8d8;
}
@media (max-width: 960px) {
  .reserve_basket_popup .reserveButton.button.btn,
  .change_reserve_filiale_popup .reserveButton.button.btn {
    font-size: 18px;
    padding: 8px 10px;
  }
}
.reserve_basket_popup .reserve_basket_info_wrapper,
.change_reserve_filiale_popup .reserve_basket_info_wrapper {
  background-color: #e5edf5;
  font-style: italic;
  padding: 20px;
  margin: 20px -20px -20px;
}
body.dark_mode .reserve_basket_popup .reserve_basket_info_wrapper,
body.dark_mode .change_reserve_filiale_popup .reserve_basket_info_wrapper {
  background-color: #181719;
}
.reserve_basket_popup .bootstrap-dialog-message .checkout_reserve_filiale_info_right .filialStockInfo_filialOpeningTime,
.change_reserve_filiale_popup .bootstrap-dialog-message .checkout_reserve_filiale_info_right .filialStockInfo_filialOpeningTime {
  width: 280px;
}
.reserve_basket_popup .bootstrap-dialog-message .checkout_reserve_filiale_info_right a,
.change_reserve_filiale_popup .bootstrap-dialog-message .checkout_reserve_filiale_info_right a {
  color: #1a508e;
}
@media only screen and (max-width: 960px) {
  .reserve_basket_popup #btn-toreservebasket,
  .change_reserve_filiale_popup #btn-toreservebasket,
  .reserve_basket_popup #btn-back,
  .change_reserve_filiale_popup #btn-back {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .change_reserve_filiale_popup .bootstrap-dialog-message .checkout_reserve_filiale_info_left,
  .reserve_basket_popup .bootstrap-dialog-message .checkout_reserve_filiale_info_left {
    width: 100%;
  }
  .change_reserve_filiale_popup .bootstrap-dialog-message .checkout_reserve_filiale_info_right,
  .reserve_basket_popup .bootstrap-dialog-message .checkout_reserve_filiale_info_right {
    padding-top: 20px;
    width: 100%;
  }
}
/*@media (max-width:960px){
  .change_reserve_filiale_popup,.reserve_basket_popup{
    .bootstrap-dialog-message{
      .checkout_reserve_filiale_info{
        &_right{
          .filialStockInfo_filialOpeningTime{
            width: 215px;
          }
        }
      }
    }
  }
}*/
/*BEGIN: old hgg_dialog.less*/
.modal-crossseller .articlebox .articlebox_info_wrapper {
  height: 25px;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000 url(images/loading.png) no-repeat 50% 50%;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-bg.mfp-ready {
  background: #000;
}
.mfp-bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #000 url(images/loading.png) no-repeat 50% 50%;
  -webkit-animation: rotate 2s infinite linear;
  -moz-animation: rotate 2s infinite linear;
  -ms-animation: rotate 2s infinite linear;
  -o-animation: rotate 2s infinite linear;
  animation: rotate 2s infinite linear;
}
.mfp-ready.mfp-bg:before {
  background: #000;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
@media (max-width: 768px) {
  .mfp-wrap {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
/*Uls MOD: popup in flexbox Model: BEGIN*/
/*.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*/
.mfp-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  margin: 5% 0;
}
/*Uls MOD: popup in flexbox Model: END*/
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
/*Uls MOD: popup in flexbox Model: BEGIN*/
/*.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
  height: 100%;
}
*/
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  cursor: auto;
  height: auto;
}
.mfp-content {
  position: relative;
  text-align: left;
  z-index: 1045;
  width: 90%;
  margin: 3% 0;
  background-color: #fff;
  height: 100%;
  max-width: 1000px;
  border-radius: 4px;
}
body.dark_mode .mfp-content {
  background-color: #333;
}
/*Uls MOD: popup in flexbox Model: END*/
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}
.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: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.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: none;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
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;
  padding: 0 0 18px 10px;
  color: white;
  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-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.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,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  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,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe > body.account.forgotpwd {
  overflow-y: hidden;
}
.mfp-iframe > body.account.forgotpwd.popup.mobile {
  overflow-y: scroll;
}
.mfp-iframe > body.account.forgotpwd .viewport_wrapper header,
.mfp-iframe > body.account.forgotpwd .viewport_wrapper footer {
  display: none;
}
.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,
.mfp-image-holder .mfp-close,
.mfp-ajax-holder .mfp-close,
.mfp-inline-holder .mfp-close {
  display: block;
  top: 10px;
  color: #fff;
  background: #000000;
  border: 2px solid #333333;
  width: 25px;
  height: 25px;
  line-height: 0;
  right: 10px;
  font-size: 20px;
  font-weight: 400;
  font-family: inherit;
}
.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:hover,
.mfp-ajax-holder .mfp-close:hover,
.mfp-inline-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:focus,
.mfp-image-holder .mfp-close:focus,
.mfp-ajax-holder .mfp-close:focus,
.mfp-inline-holder .mfp-close:focus {
  background-color: #333333;
  color: white;
}
.mfp-close.icon-close {
  background: transparent;
  color: inherit;
  font-family: 'checkout-icons';
  border: 0;
}
.mfp-close.icon-close:hover {
  background: transparent;
  color: inherit;
}
.mfp-iframe-scaler {
  width: 100%;
  position: relative;
  /*  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;*/
}
.mfp-iframe-scaler iframe {
  display: block;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.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;
  display: none;
}
.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 {
    /* The shadow behind the image */
  }
  .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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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%;
  }
  /* uls mod : BEGIN
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
    height: 100%;
  }
  uls MOD: END */
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
.int_change_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
.int_change_wrapper#intChangeMessage,
#intFilialeChangeMessage .int_change_wrapper {
  background-position: center bottom;
  background-size: 60%;
  /*@media @mobile {
      padding-bottom: 40%;
    }*/
}
#popupLogo {
  max-height: 30px;
  position: absolute;
  top: 20px;
  left: 20px;
}
#intErrorContent,
.int_message_content {
  width: 50%;
  margin: 40px auto;
}
#intErrorContent:before,
.int_message_content:before {
  background-image: url(images/intErrorBg.svg);
  background-repeat: no-repeat;
  background-position: 50% 20px;
  background-size: contain;
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
@media only screen and (max-width: 960px) {
  #intErrorContent:before,
  .int_message_content:before {
    background-position: 50% 50%;
  }
}
@media only screen and (max-width: 960px) {
  #intErrorContent,
  .int_message_content {
    width: 90%;
    margin: 30px auto;
    min-height: 400px;
  }
}
#intErrorContent > *,
.int_message_content > * {
  margin: 0 0 15px;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width: 960px) {
  #intErrorContent > *,
  .int_message_content > * {
    margin: 0 0 20px;
  }
}
#intErrorContent #countryInputWrapper,
.int_message_content #countryInputWrapper {
  width: 60%;
  margin-left: 30px;
  background: #fff;
}
@media only screen and (max-width: 960px) {
  #intErrorContent #countryInputWrapper,
  .int_message_content #countryInputWrapper {
    width: 100%;
    margin-left: 0;
  }
}
#intChangeMessage #intErrorContent,
.int_change_wrapper .int_message_content {
  padding: 80px 25%;
  margin: 0;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#intChangeMessage #intErrorContent:before,
.int_change_wrapper .int_message_content:before {
  background-image: url(images/intErrorBg.svg);
  background-repeat: no-repeat;
  background-position: 50% 20px;
  background-size: contain;
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index: 1;
}
@media only screen and (max-width: 960px) {
  #intChangeMessage #intErrorContent:before,
  .int_change_wrapper .int_message_content:before {
    background-position: 50% 50%;
  }
}
@media only screen and (max-width: 960px) {
  #intChangeMessage #intErrorContent,
  .int_change_wrapper .int_message_content {
    padding: 60px 5%;
  }
  #intChangeMessage #intErrorContent #finalChannelSubmit,
  .int_change_wrapper .int_message_content #finalChannelSubmit,
  #intChangeMessage #intErrorContent .int_message_submit,
  .int_change_wrapper .int_message_content .int_message_submit {
    display: block;
    text-align: center;
  }
}
#intChangeMessage #intErrorContent > *,
.int_change_wrapper .int_message_content > * {
  width: 100%;
  display: block;
  text-align: center;
  z-index: 2;
}
.int_change_wrapper input {
  width: 50%;
}
@media only screen and (max-width: 960px) {
  .int_change_wrapper input {
    width: 60%;
  }
}
.int_change_wrapper button {
  width: 50%!important;
}
@media only screen and (max-width: 960px) {
  .int_change_wrapper button {
    width: 100%!important;
  }
}
#intErrorSelect ul > * {
  margin: 0 0 10px;
}
@media only screen and (max-width: 960px) {
  #intErrorSelect ul > * {
    margin: 0 0 15px;
  }
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  direction: ltr;
  background-color: #fff;
  /*.dow {
      border-top: 1px solid #ddd !important;
  }*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day.firstDayAvailable {
  background: #000000;
  color: #fff;
}
.datepicker table tr td.day.firstDayAvailable.active {
  background: #1a508e;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #333333;
  color: #fff;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: inherit;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #d8d8d8;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #fff;
  background: #d8d8d8;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #f3f3f3;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #fff;
  font-weight: 700;
  background: #1a508e;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
}
.datepicker table tr td span:hover {
  background: #f3f3f3;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #d8d8d8;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #d8d8d8;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #333333;
  color: #fff;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
/*NACHLADE-KANDIDAT*/
/*NACHLADE-KANDIDAT*/
/*NACHLADE-KANDIDAT*/
#pureCSSLoader {
  display: none!Important;
}
/*END: FRAME IMPORTS*/
/** main views **/
li.recaptcha label {
  text-align: left;
}
li.recaptcha .g-recaptcha {
  float: left;
  margin-top: 20px;
}
.g-recaptcha {
  float: right;
  margin-top: 20px;
}
.grecaptcha-badge {
  z-index: 1;
}
body.checkout .header_logo {
  margin-bottom: 0;
}
body.checkout .header_navigation_wrapper {
  border-bottom: none;
}
.crd .acc_wrapper .acc_body {
  background-color: #f3f3f3;
  padding: 10px 20px;
  margin: 10px 0;
}
body.dark_mode .crd .acc_wrapper .acc_body {
  background-color: #363438;
}
.crd {
  font-size: 14px;
  line-height: 24px;
  float: left;
  width: 100%;
}
.crd.big_view {
  font-size: 20px;
  line-height: 28px;
}
.crd .crev_voucherremove {
  cursor: pointer;
}
.crd .crev_voucherremove img {
  max-height: 30px;
  margin-top: -2px;
}
.crd .basket_voucher_wrapper .acc_head,
.crd .basket_exchangepoints_wrapper .acc_head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
}
.crd .basket_voucher_wrapper .acc_head > span,
.crd .basket_exchangepoints_wrapper .acc_head > span {
  order: 3;
}
.crd .basket_voucher_wrapper .acc_head > div,
.crd .basket_exchangepoints_wrapper .acc_head > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
.crd .basket_voucher_wrapper input[type="number"] {
  -moz-appearance: textfield;
}
.crd .basket_voucher_wrapper input[type="number"]::-webkit-inner-spin-button,
.crd .basket_voucher_wrapper input[type="number"]::-webkit-outer-spin-button {
  display: none;
}
.crd a.disabled {
  background: #caed9b;
  color: #ffffff;
  cursor: not-allowed;
  pointer-events: none;
}
.crd .delivery-button-wrapper a {
  font-size: 16px;
  color: #1a508e;
  cursor: pointer;
}
.crd .button_edit {
  margin-top: 0;
  padding-left: 0;
}
.crd .button_edit:before {
  height: 25px;
  background-position: 0 -1931px;
}
.mobile .crd .button_edit {
  float: none;
  margin: 0;
  height: 25px;
  width: 45px;
  background-position: 0 -1931px;
}
.crd .text_underline {
  text-decoration: underline;
}
.crd .link_underline {
  text-decoration: underline;
  color: #1a508e;
  cursor: pointer;
}
body.dark_mode .crd .link_underline {
  color: #fff;
}
.crd #crdMiddleBox {
  float: left;
  width: 60.8333333%;
  margin-right: 4.16666667%;
}
@media only screen and (max-width: 960px) {
  .crd #crdMiddleBox {
    width: 100%;
    margin: 0;
  }
}
.crd #crdBasketBox {
  float: left;
  width: 35%;
  margin-top: 65px;
}
.crd #crdBasketBox .voucherValue {
  background-color: #fff;
  padding: 0 10px;
  border: 1px solid #333333;
  border-radius: 5px;
}
@media only screen and (max-width: 960px) {
  .crd #crdBasketBox {
    width: 100%;
    margin: 0;
  }
}
.crd .main_title {
  font-size: 18px;
  font-weight: bold;
}
.big_view.crd .main_title {
  font-size: 24px;
}
.crd .sub_title {
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .crd .font_copy {
    font-size: 14px;
  }
}
.crd .box_title {
  border-bottom: 1px solid #333333;
  margin-bottom: 20px;
}
.crd .box {
  border: 1px solid #333333;
  padding: 20px;
  /*style for additional delivery in payment page*/
}
.crd .box.additional_delivery_option {
  padding: 0 20px;
}
.crd .box.additional_delivery_option .crdDel_item {
  padding: 15px 0;
}
.crd .box .checkout_container_item .sub_title {
  border-bottom: 1px solid;
  padding-bottom: 10px;
}
.crd .box .checkout_container_item .font_copy {
  margin-top: 20px;
}
.crd #serviceBox .sub_title {
  border-bottom: 1px solid #b2b2b2;
}
.crd .checkout_service {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 40px;
}
@media (min-width: 961px) {
  .crd .checkout_service {
    float: left;
    width: 12.5%;
  }
}
@media only screen and (max-width: 960px) {
  .crd .checkout_service {
    float: left;
    width: 100%;
    padding: 0 10px;
  }
}
.crd ul.list_iconed {
  padding-top: 10px;
  padding-left: 20px;
}
.crd ul.list_iconed li {
  list-style-image: url(images/icon-check-dark.png);
  padding-bottom: 5px;
}
.crd li {
  list-style: none;
}
.crd .checkout_main {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 961px) {
  .crd .checkout_main {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 961px) {
  .crd .checkout_main {
    margin-left: 4.16666667%;
  }
}
@media only screen and (max-width: 960px) {
  .crd .checkout_main {
    padding: 0 10px;
  }
}
.crd .page_head {
  margin-bottom: 40px;
}
.crd .hgg_versand .pagetitle {
  height: 0 !important;
  padding: 0 !important;
}
.crd .checkout_shipping_address .row > div {
  margin-bottom: 15px;
}
.crd .header_certified img {
  height: 58px;
  width: 57px;
}
@media only screen and (max-width: 960px) {
  .crd .checkout_footer ul li a {
    font-size: 14px;
  }
}
.crd .checkout_footer .checkout_footer_newsletter {
  border-top: 1px solid #b2b2b2;
  padding-top: 10px;
}
.crd.basket .callservicelayer_wrapper,
.crd.thankyou .callservicelayer_wrapper,
.crd.basket .callservicelayer_popup_mini,
.crd.thankyou .callservicelayer_popup_mini {
  display: none!important;
}
.crd.user .header_info_right,
.crd.payment .header_info_right,
.crd.order .header_info_right {
  float: left;
  margin-top: 35px;
  margin-left: 20px;
}
.crd.user .header_info_left,
.crd.payment .header_info_left,
.crd.order .header_info_left,
.crd.user .header_servicelinks,
.crd.payment .header_servicelinks,
.crd.order .header_servicelinks,
.crd.user .header_functions,
.crd.payment .header_functions,
.crd.order .header_functions,
.crd.user .header_navigation,
.crd.payment .header_navigation,
.crd.order .header_navigation,
.crd.user .header_search,
.crd.payment .header_search,
.crd.order .header_search,
.crd.user .footer_block.hotline,
.crd.payment .footer_block.hotline,
.crd.order .footer_block.hotline,
.crd.user .footer_block.service,
.crd.payment .footer_block.service,
.crd.order .footer_block.service,
.crd.user .footer_block.logo,
.crd.payment .footer_block.logo,
.crd.order .footer_block.logo {
  display: none;
}
.crd.user .header_logo,
.crd.payment .header_logo,
.crd.order .header_logo {
  margin-top: 0;
}
.crd.user .callservicelayer_wrapper,
.crd.payment .callservicelayer_wrapper,
.crd.order .callservicelayer_wrapper,
.crd.user .callservicelayer_popup_mini,
.crd.payment .callservicelayer_popup_mini,
.crd.order .callservicelayer_popup_mini {
  display: none!important;
}
.crd .buttonWrapper {
  display: inline-block;
  width: 100%!important;
}
.crd .radioChecked {
  user-select: none;
  font-family: 'hirmer-icon-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
}
.crd .radioChecked::before {
  content: "\e62f";
}
@media (max-width: 480px) {
  #addresscheck_address {
    margin-bottom: 20px;
  }
}
body.checkout.user,
body.checkout.payment,
body.checkout.thankyou,
body.checkout.order {
  /*FOOTER*/
}
@media only screen and (min-width: 961px) {
  body.checkout.user .header_logo,
  body.checkout.payment .header_logo,
  body.checkout.thankyou .header_logo,
  body.checkout.order .header_logo {
    padding-top: 30px;
  }
}
body.checkout.user .header_meta_nav,
body.checkout.payment .header_meta_nav,
body.checkout.thankyou .header_meta_nav,
body.checkout.order .header_meta_nav {
  display: block;
}
body.checkout.user .header_sub_nav_list #headerChannelWrapper,
body.checkout.payment .header_sub_nav_list #headerChannelWrapper,
body.checkout.thankyou .header_sub_nav_list #headerChannelWrapper,
body.checkout.order .header_sub_nav_list #headerChannelWrapper {
  display: none;
}
body.checkout.user #header_desktop,
body.checkout.payment #header_desktop,
body.checkout.thankyou #header_desktop,
body.checkout.order #header_desktop {
  border-bottom: 1px solid #b2b2b2;
}
body.checkout.user .header_functions,
body.checkout.payment .header_functions,
body.checkout.thankyou .header_functions,
body.checkout.order .header_functions,
body.checkout.user #mainnav,
body.checkout.payment #mainnav,
body.checkout.thankyou #mainnav,
body.checkout.order #mainnav {
  display: none;
}
body.checkout.user main,
body.checkout.payment main,
body.checkout.thankyou main,
body.checkout.order main {
  margin-top: 30px;
}
body.checkout.user footer,
body.checkout.payment footer,
body.checkout.thankyou footer,
body.checkout.order footer {
  display: block;
}
body.checkout.user footer .footer_functions,
body.checkout.payment footer .footer_functions,
body.checkout.thankyou footer .footer_functions,
body.checkout.order footer .footer_functions,
body.checkout.user footer .footer_service,
body.checkout.payment footer .footer_service,
body.checkout.thankyou footer .footer_service,
body.checkout.order footer .footer_service,
body.checkout.user footer .footer_icon_bar,
body.checkout.payment footer .footer_icon_bar,
body.checkout.thankyou footer .footer_icon_bar,
body.checkout.order footer .footer_icon_bar,
body.checkout.user footer .footer_logo,
body.checkout.payment footer .footer_logo,
body.checkout.thankyou footer .footer_logo,
body.checkout.order footer .footer_logo {
  display: none !important;
}
body.checkout.user .checkout_footer,
body.checkout.payment .checkout_footer,
body.checkout.thankyou .checkout_footer,
body.checkout.order .checkout_footer {
  margin-top: 0;
  margin-bottom: 40px;
  border-top: 0;
  text-align: right;
}
@media only screen and (max-width: 960px) {
  body.checkout.user .checkout_footer,
  body.checkout.payment .checkout_footer,
  body.checkout.thankyou .checkout_footer,
  body.checkout.order .checkout_footer {
    padding-top: 0;
    margin-top: 40px;
    text-align: center;
    border-top: 1px solid #b2b2b2;
  }
}
body.checkout.user .checkout_footer ul,
body.checkout.payment .checkout_footer ul,
body.checkout.thankyou .checkout_footer ul,
body.checkout.order .checkout_footer ul {
  margin-top: 10px;
}
@media only screen and (max-width: 960px) {
  body.checkout.user .checkout_footer ul,
  body.checkout.payment .checkout_footer ul,
  body.checkout.thankyou .checkout_footer ul,
  body.checkout.order .checkout_footer ul {
    margin: 10px 0;
  }
  body.checkout.user .checkout_footer ul:first-child,
  body.checkout.payment .checkout_footer ul:first-child,
  body.checkout.thankyou .checkout_footer ul:first-child,
  body.checkout.order .checkout_footer ul:first-child {
    margin-top: 15px;
  }
  body.checkout.user .checkout_footer ul.checkout_footer_newsletter,
  body.checkout.payment .checkout_footer ul.checkout_footer_newsletter,
  body.checkout.thankyou .checkout_footer ul.checkout_footer_newsletter,
  body.checkout.order .checkout_footer ul.checkout_footer_newsletter {
    margin: 0;
  }
}
@media (max-width: 480px) {
  #addresscheck_buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}
#addresscheck_buttons #addresscheck_close,
#addresscheck_buttons #addresscheck_notfound_close {
  font-size: 13px;
  margin: 10px;
}
.checkout_center {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 961px) {
  .checkout_center {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 961px) {
  body.thankyou .checkout_center {
    margin-left: 16.66666667%;
  }
}
.checkout_left {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding-left: 10px;
}
@media (min-width: 961px) {
  .checkout_left {
    float: left;
    width: 16.66666667%;
  }
}
.checkout_left,
tr.checkout_left,
th.checkout_left,
td.checkout_left {
  display: none !important;
}
@media (min-width: 961px) {
  .checkout_left {
    display: block !important;
  }
  table.checkout_left {
    display: table;
  }
  tr.checkout_left {
    display: table-row !important;
  }
  th.checkout_left,
  td.checkout_left {
    display: table-cell !important;
  }
}
.checkout_left,
tr.checkout_left,
th.checkout_left,
td.checkout_left {
  display: none !important;
}
@media (min-width: 961px) {
  .checkout_left {
    display: block !important;
  }
  table.checkout_left {
    display: table;
  }
  tr.checkout_left {
    display: table-row !important;
  }
  th.checkout_left,
  td.checkout_left {
    display: table-cell !important;
  }
}
.checkout_right {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding-right: 10px;
}
@media (min-width: 961px) {
  .checkout_right {
    float: left;
    width: 16.66666667%;
  }
}
.checkout_right,
tr.checkout_right,
th.checkout_right,
td.checkout_right {
  display: none !important;
}
@media (min-width: 961px) {
  .checkout_right {
    display: block !important;
  }
  table.checkout_right {
    display: table;
  }
  tr.checkout_right {
    display: table-row !important;
  }
  th.checkout_right,
  td.checkout_right {
    display: table-cell !important;
  }
}
.checkout_right,
tr.checkout_right,
th.checkout_right,
td.checkout_right {
  display: none !important;
}
@media (min-width: 961px) {
  .checkout_right {
    display: block !important;
  }
  table.checkout_right {
    display: table;
  }
  tr.checkout_right {
    display: table-row !important;
  }
  th.checkout_right,
  td.checkout_right {
    display: table-cell !important;
  }
}
.checkout_right .button_checkout_navigation {
  float: right;
}
.checkout_subhead {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: normal;
  margin-bottom: 30px;
  text-align: left;
}
.checkout_subhead_shippingoptions {
  margin-bottom: 10px;
}
.checkout_container {
  padding: 0 20px;
}
.checkout_row {
  padding-bottom: 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #b2b2b2;
}
.checkout_button_line {
  padding: 30px 0;
}
/*********************************************************************************************************************************
Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps Steps
/*********************************************************************************************************************************/
.checkout_steps {
  padding-bottom: 0;
  margin-top: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 961px) {
  .checkout_steps {
    margin-left: 16.66666667%;
  }
}
@media only screen and (max-width: 960px) {
  .checkout_steps > div {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.checkout_steps #checkoutSteps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
@media only screen and (max-width: 960px) {
  .checkout_steps #checkoutSteps {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 960px) {
  .checkout_steps #checkoutSteps > li {
    padding: 0 10px;
  }
}
.checkout_steps #checkoutSteps > li .step_single a,
.checkout_steps #checkoutSteps > li .step_single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
.checkout_steps #checkoutSteps li .step_arrow .icon-arrow-right {
  font-size: 14px;
  font-weight: bold;
}
.checkout_steps #checkoutSteps .step_number {
  font-size: 14px;
  font-weight: 400;
  height: 24px;
  width: 24px;
  line-height: 22px;
  border-radius: 24px;
  color: #333333;
  border: 1px solid #333333;
  background-color: #fff;
  text-align: center;
  display: block;
  float: left;
}
body.dark_mode .checkout_steps #checkoutSteps .step_number {
  color: #fff;
}
body.dark_mode .checkout_steps #checkoutSteps .step_number {
  border: 1px solid white;
}
body.dark_mode .checkout_steps #checkoutSteps .step_number {
  background-color: #333;
}
@media only screen and (max-width: 960px) {
  .checkout_steps #checkoutSteps .step_number {
    height: 44px;
    width: 44px;
    line-height: 42px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
  }
}
.checkout_steps #checkoutSteps .step_desc {
  margin: 0 0 0 10px;
  float: left;
  color: #000000;
}
.checkout_steps #checkoutSteps .step_arrow {
  padding: 0 10px;
  float: left;
}
.checkout_steps #checkoutSteps li.active .step_number {
  color: #fff;
  font-weight: bold;
  background-color: #1a508e;
  border-color: #1a508e;
}
.checkout_steps #checkoutSteps li.passed .step_number {
  border-color: #000000;
  color: #000000;
  font-weight: bold;
}
.checkout_steps #checkoutSteps li.active .step_desc {
  color: #1a508e;
  font-weight: bold;
}
.checkout_steps .ddhes-btn--green {
  flex: 1 1 20%;
}
@media only screen and (max-width: 960px) {
  .checkout_steps .ddhes-btn--green {
    display: none;
  }
}
.acc_wrapper .acc_head .icon-radio-checked,
.acc_wrapper .acc_head .icon-radio {
  font-size: 20px;
  margin-right: 10px;
  cursor: pointer;
}
.acc_wrapper .acc_head.ui-state-disabled {
  cursor: default;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
  color: #d8d8d8;
}
body.dark_mode .acc_wrapper .acc_head.ui-state-disabled {
  opacity: 0.4;
}
.step_border_left,
.step_border_right {
  width: 50%;
  height: 6px;
  background-color: #f3f3f3;
  position: absolute;
  z-index: 9;
  top: 17px;
}
li.active .step_border_left,
li.active .step_border_right,
li.passed .step_border_left,
li.passed .step_border_right {
  background-color: #333333;
}
.step_border_right {
  right: 0;
}
li.active .step_border_right {
  background-color: #f3f3f3;
}
li.passed .step_border_right {
  background-color: #333333;
}
.step_single {
  position: relative;
  z-index: 13;
}
body.checkout .crd .step_number {
  font-size: 14px;
  font-weight: 400;
  height: 24px;
  width: 24px;
  line-height: 22px;
  border-radius: 24px;
  color: #333333;
  border: 1px solid #333333;
  background: transparent;
  text-align: center;
  display: block;
  float: left;
  margin: 0 auto;
  margin-bottom: 5px;
}
li.active body.checkout .crd .step_number,
li.passed body.checkout .crd .step_number {
  color: #fff;
  background-color: #333333;
  border: 2px solid #333333;
}
.step_desc {
  color: #b2b2b2;
}
li.active .step_desc {
  color: #333333;
  font-weight: 700;
}
li.passed .step_desc {
  color: #333333;
}
/*********************************************************************************************************************************
STEP END
/*********************************************************************************************************************************/
/*****************************************************************************************************************************************************
CLICK AND RESERVE CLICK AND RESERVE CLICK AND RESERVE CLICK AND RESERVE CLICK AND RESERVE CLICK AND RESERVE CLICK AND RESERVE
/*****************************************************************************************************************************************************/
.basket_contents_points {
  padding: 10px 20px;
  float: left;
  width: 100%;
}
@media (max-width: 960px) {
  .basket_contents_points {
    padding: 20px 30px;
    border-bottom: 1px solid #b2b2b2;
  }
}
.basket_contents_dutyinfo {
  padding: 20px 0;
  border-top: 1px solid #b2b2b2;
  font-size: 12px;
}
body.dark_mode .basket_contents_dutyinfo {
  color: #fff;
}
.basket_contents_dutyinfo a {
  color: #1a508e;
}
.all_vouchers_wrapper {
  padding: 0 0 20px 0;
}
.all_vouchers_wrapper .errors_wrapper.local {
  padding: 0;
  background: none;
  border: none;
  text-align: left;
}
.all_vouchers_wrapper .basket_exchangepoints_wrapper .crm_voucher {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .all_vouchers_wrapper .basket_exchangepoints_wrapper .crm_voucher {
    margin-bottom: 40px;
  }
}
.all_vouchers_wrapper .basket_exchangepoints_wrapper .treuepunkte {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 10px;
  border: 1px solid #d8d8d8;
  background-color: #fff;
}
@media (min-width: 768px) {
  .all_vouchers_wrapper .basket_exchangepoints_wrapper .treuepunkte {
    float: left;
    width: 62.5%;
  }
}
@media (min-width: 961px) {
  .all_vouchers_wrapper .basket_exchangepoints_wrapper .treuepunkte {
    float: left;
    width: 45.83333333%;
  }
}
@media (min-width: 961px) {
  .all_vouchers_wrapper .basket_exchangepoints_wrapper .treuepunkte {
    margin-left: 4.16666667%;
  }
}
@media (max-width: 960px) {
  .all_vouchers_wrapper .basket_exchangepoints_wrapper .treuepunkte {
    border: 1px solid #d8d8d8;
    padding: 16px 20px;
  }
}
body.reserve_checkout .all_vouchers_wrapper {
  background-color: #f3f3f3;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  padding: 20px 0;
}
body.reserve_checkout .all_vouchers_wrapper .tooltip_info_icon {
  right: 0;
}
@media only screen and (max-width: 960px) {
  body.reserve_checkout .all_vouchers_wrapper .tooltip_info_icon {
    right: 50px;
  }
}
body.reserve_checkout .all_vouchers_wrapper .errors_wrapper.local {
  margin: 0 0 20px 0;
}
body.reserve_checkout .all_vouchers_wrapper > div {
  float: left;
  width: 100%;
  padding: 0 20px;
}
body.reserve_checkout .all_vouchers_wrapper > div.basket_voucher_wrapper,
body.reserve_checkout .all_vouchers_wrapper > div.basket_exchangepoints_wrapper {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #b2b2b2;
}
body.reserve_checkout .all_vouchers_wrapper > div.basket_points_wrapper .basket_points_notlogin {
  float: left;
}
body.reserve_checkout .all_vouchers_wrapper > div .has_tooltip {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 10px;
}
@media (min-width: 961px) {
  body.reserve_checkout .all_vouchers_wrapper > div .has_tooltip {
    float: left;
    width: 25%;
  }
}
body.reserve_checkout .all_vouchers_wrapper > div input[type="text"] {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 961px) {
  body.reserve_checkout .all_vouchers_wrapper > div input[type="text"] {
    float: left;
    width: 20.83333333%;
  }
}
@media (min-width: 961px) {
  body.reserve_checkout .all_vouchers_wrapper > div input[type="text"] {
    margin-left: 4.16666667%;
  }
}
body.reserve_checkout .all_vouchers_wrapper > div button {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
@media (min-width: 961px) {
  body.reserve_checkout .all_vouchers_wrapper > div button {
    float: left;
    width: 20.83333333%;
  }
}
@media (min-width: 961px) {
  body.reserve_checkout .all_vouchers_wrapper > div button {
    margin-left: 4.16666667%;
  }
}
body.reserve_checkout .all_vouchers_wrapper .basket_points_wrapper {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #b2b2b2;
}
body.reserve_checkout .all_vouchers_wrapper .basket_points_wrapper .crm_voucher {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  body.reserve_checkout .all_vouchers_wrapper .basket_points_wrapper .crm_voucher {
    margin-bottom: 40px;
  }
}
body.reserve_checkout .all_vouchers_wrapper .basket_points_wrapper .treuepunkte {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #d8d8d8;
}
@media (min-width: 768px) {
  body.reserve_checkout .all_vouchers_wrapper .basket_points_wrapper .treuepunkte {
    float: left;
    width: 62.5%;
  }
}
@media (min-width: 961px) {
  body.reserve_checkout .all_vouchers_wrapper .basket_points_wrapper .treuepunkte {
    float: left;
    width: 45.83333333%;
  }
}
@media (min-width: 961px) {
  body.reserve_checkout .all_vouchers_wrapper .basket_points_wrapper .treuepunkte {
    margin-left: 4.16666667%;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  body.reserve_checkout .all_vouchers_wrapper .basket_points_wrapper .treuepunkte {
    padding: 17px 20px;
  }
}
@media (max-width: 767px) {
  body.reserve_checkout .all_vouchers_wrapper .basket_points_wrapper .treuepunkte {
    margin-bottom: 10px;
    padding: 17px 20px;
  }
}
.button_next {
  display: block;
  color: #fff;
  border: 0 none;
  margin: 0;
  text-align: center;
  text-decoration: none;
  background-color: #1a508e;
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
  width: 160px;
  float: right;
}
button.button_next,
input[type="submit"].button_next {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_next {
  text-decoration: none;
  color: #fff;
}
.button_next_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_next_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_next_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_next_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
button.button_next,
input[type="submit"].button_next {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_next {
  text-decoration: none;
  color: #fff;
}
.button_next_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_next_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_next_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_next_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
.button_next:hover {
  background-color: #0a1f38;
}
button.button_next,
input[type="submit"].button_next {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_next {
  text-decoration: none;
  color: #fff;
}
.button_next_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_next_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_next_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_next_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
button.button_next,
input[type="submit"].button_next {
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 20px;
  padding-left: 20px;
}
a.button_next {
  text-decoration: none;
  color: #fff;
}
.button_next_blank {
  padding-right: 0!important;
  padding-left: 0!important;
}
.button_next_big {
  cursor: pointer;
  height: 50px;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 7px;
}
.button_next_small {
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  padding-top: 10px;
}
.button_next_mobile {
  cursor: pointer;
  height: 60px;
  width: 100%;
  text-transform: uppercase;
  padding-top: 20px;
}
.button_next:hover {
  background-color: #0a1f38;
}
.paypalExpressBtn button {
  background: none;
  padding: 0;
  margin-top: 5px;
}
/*********************************************************************************************************************************
Addresses Addresses Addresses Addresses Addresses Addresses Addresses Addresses Addresses Addresses Addresses Addresses Addresses
/*********************************************************************************************************************************/
body.reserve_checkout .deliveryaddresses_wrapper {
  /* Für mittlere und kleinere Desktops müssen Packstation-Radios untereinander sein */
}
body.reserve_checkout .deliveryaddresses_wrapper > ul {
  float: left;
  width: 100%;
  padding-bottom: 20px;
  background-image: url(data:image/gif;base64,R0lGODlhAQAKAIAAALKysgAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU1NzcyLCAyMDE0LzAxLzEzLTE5OjQ0OjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERkU3Q0Y2NUY5NUUxMUUzQTI5M0UyMUVDMDQ3MDE5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERkU3Q0Y2NkY5NUUxMUUzQTI5M0UyMUVDMDQ3MDE5NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRGRTdDRjYzRjk1RTExRTNBMjkzRTIxRUMwNDcwMTk0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGRTdDRjY0Rjk1RTExRTNBMjkzRTIxRUMwNDcwMTk0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAEACgAAAgOEjwUAOw==);
  background-position: 7px 0;
  background-repeat: repeat-y;
}
body.reserve_checkout .deliveryaddresses_wrapper > ul:last-child {
  background-repeat: no-repeat;
}
body.reserve_checkout .deliveryaddresses_wrapper > ul:first-child {
  padding-top: 40px;
}
body.reserve_checkout .deliveryaddresses_wrapper li {
  float: left;
  width: 100%;
}
body.reserve_checkout .deliveryaddresses_wrapper .button_edit {
  margin-top: 10px;
  padding-left: 30px;
}
body.reserve_checkout .deliveryaddresses_wrapper a.button_remove {
  margin-left: 10px;
  margin-top: 10px;
}
body.reserve_checkout .deliveryaddresses_wrapper .deliveryaddress_form {
  margin-left: 30px;
  margin-top: 20px;
}
@media (min-width: 481px) and (max-width: 960px) {
  body.reserve_checkout .deliveryaddresses_wrapper .deliveryaddress_form {
    margin-left: 50px;
  }
}
@media (max-width: 480px) {
  body.reserve_checkout .deliveryaddresses_wrapper .deliveryaddress_form {
    margin-left: 30px;
  }
}
body.reserve_checkout .deliveryaddresses_wrapper .link_filiallist {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right -885px;
  padding: 0 10px 0 0;
  border: 0 none;
  color: #1a508e;
}
body.reserve_checkout .deliveryaddresses_wrapper .link_filiallist_back {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -992px;
  padding-left: 10px;
  border: 0 none;
  color: #1a508e;
}
body.reserve_checkout .deliveryaddresses_wrapper .link_filiallist.inline {
  float: none;
  display: inline;
}
@media (max-width: 960px) {
  body.reserve_checkout .deliveryaddresses_wrapper .link_filiallist {
    background-image: transparent;
    padding-right: 0;
    line-height: 76px;
  }
}
body.reserve_checkout .deliveryaddresses_wrapper .link_filiallist_back {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -992px;
  padding-left: 10px;
  border: 0 none;
  color: #1a508e;
}
body.reserve_checkout .deliveryaddresses_wrapper .link_filiallist.inline {
  float: none;
  display: inline;
}
@media (max-width: 960px) {
  body.reserve_checkout .deliveryaddresses_wrapper .link_filiallist {
    background-image: transparent;
    padding-right: 0;
    line-height: 76px;
  }
}
@media (max-width: 1600px) {
  body.reserve_checkout .deliveryaddresses_wrapper .form_packstation > div {
    margin-bottom: 5px;
    width: 50%;
  }
}
@media (max-width: 767px) {
  body.reserve_checkout .deliveryaddresses_wrapper .form_packstation {
    height: auto!important;
    width: 100%;
    float: left;
    padding-bottom: 0;
    padding-top: 14px!important;
  }
  body.reserve_checkout .deliveryaddresses_wrapper .form_packstation > div {
    margin-bottom: 0;
    width: 100%;
  }
  body.reserve_checkout .deliveryaddresses_wrapper .form_packstation .css-label-value {
    margin-bottom: 20px!important;
  }
}
.customercard_wrapper {
  margin: 40px 0;
  padding: 20px 20px;
  background: #f3f3f3;
}
.customercard_wrapper .customercard_img_wrapper {
  text-align: center;
  margin-bottom: 20px;
}
.customercard_wrapper .customercard_register_newcard_wrapper {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #b2b2b2;
}
.customercard_wrapper .customercard_register_withcard_wrapper #customerCardRegistrationWrapper {
  padding-top: 20px;
}
/*********************************************************************************************************************************
Payment Payment Payment Payment Payment Payment Payment Payment Payment Payment Payment Payment Payment Payment Payment
/*********************************************************************************************************************************/
.ups_standard div.deliverylogo,
.ups_standard_hcz div.deliverylogo {
  background-image: url(images/ups.png);
  background-repeat: no-repeat;
  background-color: transparent;
  width: 82px;
  height: 50px;
  display: inline-block;
  float: left;
  clear: left;
  margin-right: 12px;
  margin-top: 5px;
}
.dpd_standard div.deliverylogo,
.dpd_standard_hcz div.deliverylogo {
  background-image: url(images/dpd.png);
  background-repeat: no-repeat;
  background-color: transparent;
  width: 82px;
  height: 50px;
  display: inline-block;
  float: left;
  clear: left;
  margin-right: 12px;
  margin-top: 5px;
}
.oxidstandard div.deliverylogo,
.ddhes_dhl_wunschzeit div.deliverylogo {
  background-image: url(images/dhl.png);
  background-repeat: no-repeat;
  background-color: transparent;
  width: 82px;
  height: 50px;
  display: inline-block;
  float: left;
  clear: left;
  margin-right: 12px;
  margin-top: 5px;
}
.ddhes_ibr_sameday div.deliverylogo,
.ddhes_ibr_nextday div.deliverylogo {
  background-image: url(images/ibring.png);
  background-repeat: no-repeat;
  background-color: transparent;
  width: 82px;
  height: 50px;
  display: inline-block;
  float: left;
  clear: left;
  margin-right: 12px;
  margin-top: 5px;
}
body.payment .select_cut .list {
  height: auto;
}
.shippingfon input {
  border: 1px solid #d8d8d8;
  margin-top: 10px;
  margin-bottom: 45px;
}
.checkout_delivery_act {
  /*Standardwert ist 3 pro Zeile*/
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  vertical-align: top;
  float: none !important;
}
@media (min-width: 961px) {
  .checkout_delivery_act {
    float: left;
    width: 29.16666667%;
  }
}
@media (min-width: 961px) {
  .checkout_delivery_act {
    margin-left: 4.16666667%;
  }
}
@media (min-width: 961px) {
  .checkout_delivery_act:first-child {
    margin-left: 0%;
  }
}
.checkout_delivery_act .checkout_delivery_desc {
  margin-left: 30px;
  margin-bottom: 30px;
}
@media (min-width: 481px) and (max-width: 960px) {
  .checkout_delivery_act .checkout_delivery_desc {
    margin-left: 50px;
  }
}
.checkout_delivery_act .checkout_delivery_desc .checkoutDeliveryActTitle {
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkout_delivery_act .checkout_delivery_desc .col-md-offset-1 {
  margin-left: 0;
}
.checkout_delivery_act .checkout_delivery_price {
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.checkout_delivery_act.filial-lieferung .checkout_delivery_filial_link {
  color: #1a508e;
}
.checkout_delivery_act #consultationtime_brewed .list {
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  padding-left: 0;
  padding-right: 0;
}
.checkout_delivery_act #consultationtime_brewed .list ul li {
  color: #333333;
  padding: 0 10px 2px 10px;
}
.checkout_delivery_act #consultationtime_brewed .list ul li:hover,
.checkout_delivery_act #consultationtime_brewed .list ul li.focused {
  background: #333333;
  color: #ffffff;
}
.deliveryset_count_1 .checkout_delivery_act,
.deliveryset_count_2 .checkout_delivery_act,
.deliveryset_count_4 .checkout_delivery_act {
  /* 2 pro Zeile, bzw bisschen Breiter */
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 961px) {
  .deliveryset_count_1 .checkout_delivery_act,
  .deliveryset_count_2 .checkout_delivery_act,
  .deliveryset_count_4 .checkout_delivery_act {
    float: left;
    width: 50%;
  }
}
@media (min-width: 961px) {
  .deliveryset_count_1 .checkout_delivery_act,
  .deliveryset_count_2 .checkout_delivery_act,
  .deliveryset_count_4 .checkout_delivery_act {
    margin-left: 0%;
  }
}
.checkout_delivery_functions {
  margin-top: 20px;
}
.checkout_delivery_functions input {
  margin-top: 5px;
}
.checkout_delivery_functions_block {
  padding-left: 29px;
  vertical-align: top;
}
.shippingdate {
  text-align: center;
  padding-left: 0;
}
@media (max-width: 960px) {
  .shippingdate {
    text-align: left;
  }
}
.shippingdate .checkoutDeliveryActTitle {
  text-align: center;
  margin-bottom: 10px;
}
@media (max-width: 960px) {
  .shippingdate .checkoutDeliveryActTitle {
    text-align: left;
  }
}
.checkout_payment_wrapper {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.checkout_payment_wrapper .payment_head {
  float: left;
  max-width: 88px;
  margin: 0 10px;
}
.checkout_payment_wrapper .payment_head_wrapper {
  float: left;
  width: 100%;
}
@media (min-width: 961px) and (max-width: 1450px) {
  .checkout_payment_wrapper .payment_head {
    margin: 30px 20px;
  }
}
.checkout_payment_wrapper .payment_head .css-label {
  padding: 0;
  text-align: center;
}
@media (min-width: 481px) and (max-width: 960px) {
  .checkout_payment_wrapper .payment_head .css-label {
    text-align: left;
    margin-top: -80px;
  }
}
@media (max-width: 480px) {
  .checkout_payment_wrapper .payment_head .css-label {
    text-align: left;
    margin-top: -80px;
  }
}
.checkout_payment_wrapper .payment_head .css-label-value {
  margin: 0;
}
@media (min-width: 481px) and (max-width: 960px) {
  .checkout_payment_wrapper .payment_head .css-label-value {
    margin: 0 0 0 50px;
  }
}
@media (max-width: 480px) {
  .checkout_payment_wrapper .payment_head .css-label-value {
    text-align: left;
    margin: 0 0 0 30px;
  }
}
.checkout_payment_wrapper .payment_head label[for="default_payment_oxidcashondel"] img {
  margin-top: -12px;
}
.checkout_payment_wrapper .payment_content {
  display: none;
}
@media (min-width: 481px) and (max-width: 960px) {
  .checkout_payment_wrapper .payment_content {
    margin: 0 0 40px 50px;
  }
}
@media (max-width: 480px) {
  .checkout_payment_wrapper .payment_content {
    margin: 0 0 40px 30px;
  }
}
.checkout_payment_wrapper .payment_content_wrapper {
  float: left;
  width: 100%;
  padding-top: 20px;
}
.checkout_payment_wrapper .payment_content_wrapper .single_payment {
  vertical-align: top;
}
.checkout_payment_wrapper .payment_content_wrapper .single_payment .bpy-size-helper {
  max-width: 100%;
}
.checkout_payment_wrapper .payment_content_wrapper .single_payment .bpy-checkbox input[type=checkbox] {
  background-color: inherit;
  border: inherit;
  padding: inherit!important;
  height: inherit;
  -webkit-appearance: checkbox;
  -webkit-border-radius: initial;
}
.checkout_payment_wrapper .payment_content_wrapper .oxidsaferpay_bank_infotext {
  margin-top: 25px;
}
.checkout_payment_wrapper .payment_content.active {
  display: block;
}
.mobile .bpy-checkbox input[type=checkbox] {
  background-color: inherit;
  border: inherit;
  padding: inherit!important;
  height: inherit;
  -webkit-appearance: checkbox;
  -webkit-border-radius: initial;
}
.checkout_payment_submit {
  padding-top: 20px;
}
body.payment .button_brand_primary {
  padding-top: 20px;
  margin: 0 auto;
}
body.payment .checkout_delivery_functions_block ::-webkit-input-placeholder {
  color: #9d9d9d;
}
body.payment .checkout_delivery_functions_block :-moz-placeholder {
  /* Firefox 18- */
  color: #9d9d9d;
}
body.payment .checkout_delivery_functions_block ::-moz-placeholder {
  /* Firefox 19+ */
  color: #9d9d9d;
}
body.payment .checkout_delivery_functions_block :-ms-input-placeholder {
  color: #9d9d9d;
}
body.payment .checkoutDeliveryActOptions.splitdelivery {
  padding-top: 10px;
}
body.checkout.order .checkout_steps,
body.reserve_checkout.order .checkout_steps {
  border: 0 none;
  margin-bottom: 0;
}
/* trusted shops shizzle */
.checkout_container_item.trustedshops {
  float: left;
  width: 100%;
  border-bottom: 0 none;
  border-top: 1px solid #b2b2b2;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
}
.dyn-payment-wrapper {
  position: relative;
  border: 1px solid #d8d8d8;
  height: 50px;
  width: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f9f9f9;
  padding: 5px;
  text-align: center;
}
.dyn-payment-value {
  position: absolute;
  right: -30px;
  top: -30px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  font-size: 14px;
  line-height: 14px;
  background-color: #8CAF80;
  color: white;
  border: 1px solid white;
  border-radius: 45px;
  height: 45px;
  width: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dyn-payment-label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #8CAF80;
}
/*********************************************************************************************************************************
Order Order Order Order Order Order Order Order Order Order Order Order Order Order Order Order Order Order Order Order
/*********************************************************************************************************************************/
body.order .button_big {
  width: 280px;
}
body.order .checkout_subhead {
  text-align: left;
}
.checkout_order_agb a {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right -885px;
  padding: 0 10px 0 0;
  border: 0 none;
  color: #1a508e;
}
.checkout_order_agb a_back {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -992px;
  padding-left: 10px;
  border: 0 none;
  color: #1a508e;
}
.checkout_order_agb a.inline {
  float: none;
  display: inline;
}
@media (max-width: 960px) {
  .checkout_order_agb a {
    background-image: transparent;
    padding-right: 0;
    line-height: 76px;
  }
}
.checkout_order_agb a_back {
  cursor: pointer;
  float: left;
  display: block;
  background-image: url(images/arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 -992px;
  padding-left: 10px;
  border: 0 none;
  color: #1a508e;
}
.checkout_order_agb a.inline {
  float: none;
  display: inline;
}
@media (max-width: 960px) {
  .checkout_order_agb a {
    background-image: transparent;
    padding-right: 0;
    line-height: 76px;
  }
}
.checkout_order_agb label.css-label {
  font-weight: 800;
}
.orderFee {
  float: left;
  width: 100%;
  padding: 20px 20px;
}
/*********************************************************************************************************************************
Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou
/*********************************************************************************************************************************/
.thankyou_wrapper .stdarea .thankyou_description {
  max-width: 1120px;
}
.thankyou_wrapper .stdarea .thankyou_description a {
  color: #1a508e;
  font-weight: 700;
  text-decoration: none;
}
body.dark_mode .thankyou_wrapper .stdarea .thankyou_description a {
  color: #fff;
}
/*Thankyou for regular Checkout*/
.checkout_thankyou_contents_newsletter {
  position: relative;
}
.checkout_thankyou_contents_newsletter .btn_newsletter {
  position: absolute;
  right: 35%;
  top: 15%;
  height: 100px;
  width: 100px;
  z-index: 2;
}
/*Thankyou for click and reserve Checkout*/
.checkout_thankyou_contents_item.newsletter {
  position: relative;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .checkout_thankyou_contents_item.newsletter {
    margin-right: 0;
  }
}
.checkout_thankyou_contents_item.newsletter .btn_newsletter {
  position: absolute;
  left: 7%;
  bottom: 15%;
  height: 88px;
  width: 88px;
  z-index: 2;
}
.checkout_thankyou_contents_item.newsletter .teaser_info {
  left: 7%;
  top: 10%;
}
.checkout_thankyou_contents_item.newsletter .teaser_info_head {
  color: #333;
}
.checkout_thankyou_contents_item.kundenkarte {
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .checkout_thankyou_contents_item.kundenkarte {
    margin-right: 0;
  }
}
/*********************************************************************************************************************************
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
/*********************************************************************************************************************************/
.checkout_footer {
  margin: 40px 0;
  padding-top: 20px;
  border-top: 1px solid #b2b2b2;
  text-align: center;
}
.checkout_footer ul {
  display: inline-block;
}
.checkout_footer ul li {
  float: left;
  padding: 0 10px;
}
.checkout_footer ul li a {
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
body.basket .checkout_footer {
  display: none;
}
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************
Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile
*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
@media (max-width: 960px) {
  .checkout_view_mobile header {
    margin: 0;
  }
  .checkout_view_mobile main {
    margin-top: 20px;
  }
  .checkout_view_mobile .header_functions,
  .checkout_view_mobile .header_search {
    display: block;
  }
  .checkout_view_mobile .header_navigation,
  .checkout_view_mobile .header_logo {
    margin-bottom: 0;
  }
  body.checkout.user header,
  body.checkout.payment header,
  body.checkout.order header {
    margin: 0;
  }
  body.checkout.user main,
  body.checkout.payment main,
  body.checkout.order main {
    margin-top: 20px;
  }
  body.checkout.user .header_functions,
  body.checkout.payment .header_functions,
  body.checkout.order .header_functions,
  body.checkout.user .header_search,
  body.checkout.payment .header_search,
  body.checkout.order .header_search {
    display: block;
  }
  body.checkout.user .header_navigation,
  body.checkout.payment .header_navigation,
  body.checkout.order .header_navigation,
  body.checkout.user .header_logo,
  body.checkout.payment .header_logo,
  body.checkout.order .header_logo {
    margin-bottom: 0;
  }
  .checkout_container {
    padding: 0 ;
  }
  .checkout_container_item {
    padding: 30px;
    border-bottom: 1px solid #b2b2b2;
  }
  .checkout_container_item:first-child {
    padding-top: 0;
  }
  .checkout_container_item:last-child {
    border-bottom: 0 none;
  }
  body.user.checkout .checkout_container_item {
    border-bottom: 0 none;
  }
  body.checkout.user #filialBillingEmail {
    border-top: 1px solid #d8d8d8;
  }
  .checkout_subhead {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: normal;
    float: left;
    width: 100%;
    text-align: left;
  }
  .checkout_steps {
    border-bottom: 0 none;
  }
  .step_border_left,
  .step_border_right {
    top: 22px;
  }
  .checkout_step_index {
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #1a508e;
    text-align: center;
    margin: 0 0 40px;
  }
  body.dark_mode .checkout_step_index {
    color: #fff;
  }
  body.reserve_checkout .all_vouchers_wrapper {
    background-color: transparent;
    border-top: none;
    border-bottom: 1px solid #b2b2b2;
  }
  body.reserve_checkout .all_vouchers_wrapper > div {
    float: left;
    width: 100%;
    padding: 0 30px;
  }
  body.reserve_checkout .all_vouchers_wrapper > div .has_tooltip {
    margin-top: 0;
  }
  body.reserve_checkout .all_vouchers_wrapper > div .ui-accordion-header-icon {
    float: right;
    font-size: 24px;
    line-height: 26px;
  }
  body.reserve_checkout .all_vouchers_wrapper > div .acc_body {
    margin-top: 20px;
  }
  body.reserve_checkout .all_vouchers_wrapper > div.basket_voucher_wrapper,
  body.reserve_checkout .all_vouchers_wrapper > div.basket_exchangepoints_wrapper {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #b2b2b2;
  }
  body.reserve_checkout .all_vouchers_wrapper > div.basket_voucher_wrapper input[type="text"],
  body.reserve_checkout .all_vouchers_wrapper > div.basket_exchangepoints_wrapper input[type="text"] {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
  }
  body.reserve_checkout .all_vouchers_wrapper > div button {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
    height: 60px;
    width: 100%;
    text-transform: uppercase;
    padding-top: 20px;
  }
  .basket_shopon {
    padding: 20px 30px;
  }
  .checkout_button_line {
    padding: 30px 30px;
    border-bottom: 1px solid #b2b2b2;
  }
  .button_next {
    cursor: pointer;
    height: 60px;
    width: 100%;
    text-transform: uppercase;
    padding-top: 20px;
    font-weight: 700;
    width: 230px;
    float: right;
  }
  .checkout_delivery_functions {
    margin-top: 0;
  }
  .checkout_delivery_functions_block {
    padding-left: 0;
  }
  .checkout_delivery_act {
    vertical-align: top;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 40px;
  }
  .checkout_delivery_act .checkout_delivery_select {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .checkout_delivery_act .checkout_delivery_select > .css-label-value {
    margin-bottom: 10px;
  }
  .checkout_delivery_act .checkout_delivery_select > label {
    font-weight: 600;
  }
  .checkout_delivery_act .checkout_delivery_desc {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .checkout_delivery_act .checkout_delivery_price {
    float: left;
    width: 100%;
  }
  .checkout_delivery_act.filial-lieferung {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
  }
  .checkout_payment_wrapper {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .checkout_payment_wrapper .payment_head {
    margin: 0;
    max-width: 100%;
    width: 100%;
  }
  .checkout_payment_wrapper .payment_head_wrapper {
    float: left;
    width: 100%;
  }
  .checkout_payment_wrapper .payment_head label[for="payment_oxidcashondel"] img {
    margin-top: -10px;
  }
  .checkout_payment_wrapper .payment_content {
    float: left;
    display: none;
  }
  .checkout_payment_wrapper .payment_content_wrapper {
    float: left;
    width: 100%;
  }
  .checkout_payment_wrapper .payment_content.active {
    display: block;
  }
  .checkout_payment_wrapper .payment_content_header .payment_content_header_title {
    float: left;
    text-align: left;
  }
  .checkout_payment_wrapper .payment_content_header .RegistrationHints {
    float: left;
    text-align: left;
  }
  .checkout_payment_wrapper .payment_content ul.form {
    margin: 0 0 10px 0;
  }
  .checkout_payment_wrapper .payment_content ul.form > li:first-child .select_homebrew {
    border-top: 1px solid #D8D8D8;
  }
  .checkout_payment_wrapper .payment_content ul.form .tooltip_info_icon {
    position: absolute;
    top: 8px;
    right: 5px;
  }
  .checkout_order_agb a {
    font-size: inherit;
    font-weight: 700;
    line-height: normal;
    background: none;
  }
  body.checkout .deliveryaddresses_wrapper > ul:first-child {
    margin-top: -20px;
  }
  .deliveryfilialaddresses_wrapper .select_homebrew {
    border-top: 1px solid #d7d6d2;
  }
  .deliveryfilialaddresses_wrapper .select_homebrew > div.list_label {
    height: 58px;
  }
  .deliveryfilialaddresses_wrapper .filial_value {
    padding: 10px;
    height: 60px;
    line-height: 40px;
    border-right: 1px solid #d7d6d2;
  }
  .deliveryaddresses_wrapper > ul {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    background-position: 15px 0;
  }
  .deliveryaddresses_wrapper .form_packstation {
    border-top: 0 none;
  }
  .deliveryaddresses_wrapper .form_packstation .css-label-value {
    margin-bottom: 0;
  }
  .deliveryaddresses_wrapper .deliveryaddress_form.filialdelivery .select_homebrew {
    border-top: 1px solid #d8d8d8;
    height: 60px;
  }
  .deliveryaddresses_wrapper .deliveryaddress_form.filialdelivery .filial_value {
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    height: 60px;
    padding: 16px 20px 0;
  }
  .deliveryaddresses_wrapper .link_filiallist {
    font-size: inherit;
    background: none;
    line-height: normal;
  }
  .orderFee {
    padding: 20px 30px;
  }
  body.checkout.thankyou .checkout_thankyou_basket {
    padding: 0px 10px;
  }
  body.checkout.thankyou .checkout_thankyou_basket_total {
    padding: 20px 10px;
  }
  .newsletter_box_wrapper {
    float: left;
    width: 100%;
    margin: 30px 0;
  }
  .checkout_shipping_address {
    margin: 30px 0;
    padding-top: 30px;
    border-top: 1px solid #b2b2b2;
  }
  .checkout_use_billing_address {
    padding: 20px 0;
    padding-bottom: 10px;
  }
  .alternativeBlock {
    padding-bottom: 10px;
  }
  .filialblock .css-label-value {
    padding-bottom: 10px;
  }
  select#selDHLKurier + .select_homebrew {
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
  }
  .default_payment_billpay_rec ul.form {
    text-align: left;
  }
}
@media (max-width: 960px) and (min-width: 768px) {
  body.reserve_checkout .all_vouchers_wrapper > div.basket_voucher_wrapper input[type="text"],
  body.reserve_checkout .all_vouchers_wrapper > div.basket_exchangepoints_wrapper input[type="text"] {
    float: left;
    width: 62.5%;
  }
}
@media (max-width: 960px) and (min-width: 768px) {
  body.reserve_checkout .all_vouchers_wrapper > div button {
    margin-left: 4.16666667%;
  }
}
@media (max-width: 960px) and (min-width: 768px) {
  body.reserve_checkout .all_vouchers_wrapper > div button {
    float: left;
    width: 33.33333333%;
  }
}
@media (max-width: 960px) and (min-width: 768px) {
  .checkout_delivery_act {
    float: left;
    width: 100%;
  }
}
@media (max-width: 960px) and (min-width: 768px) {
  .checkout_delivery_act .checkout_delivery_select {
    float: left;
    width: 83.33333333%;
  }
}
@media (max-width: 960px) and (min-width: 768px) {
  .checkout_delivery_act .checkout_delivery_desc {
    float: left;
    width: 83.33333333%;
  }
}
@media (max-width: 960px) and (min-width: 961px) {
  .checkout_delivery_act.filial-lieferung {
    float: left;
    width: 25%;
  }
}
@media (max-width: 960px) and (max-width: 480px) {
  .deliveryfilialaddresses_wrapper .filial_value {
    border-right: 0;
  }
}
.mobile .deliveryaddresses_wrapper .button_edit {
  float: left;
  margin: 10px 0 30px 70px;
}
.mobile input.basket_contents_amount {
  height: 40px;
  width: 40px;
  padding: 0!important;
  text-align: center;
  font-weight: 700;
  border: 1px solid #d8d8d8;
}
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************
480 Breakpoint Query 480 Breakpoint Query 480 Breakpoint Query  480 Breakpoint Query 480 Breakpoint Query 480 Breakpoint Query
*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
@media (max-width: 480px) {
  .deliveryfilialaddresses_wrapper .filial_value {
    border-right: 0;
    width: 100%;
  }
  .deliveryaddresses_wrapper > ul {
    background-position: 10px 0!important;
  }
  .deliveryaddresses_wrapper .deliveryaddress_form.filialdelivery .filial_value {
    border: 1px solid #d8d8d8;
    border-top: none;
    width: 100%;
  }
}
/*special purpose breakpoints*/
@media (max-width: 960px) {
  .customer_card_registration_widget_wrapper {
    float: left;
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 960px) {
  .customercard_register_withcard_wrapper {
    padding: 0;
  }
}
@media (max-width: 480px) {
  .customercard_register_withcard_wrapper {
    padding: 0;
  }
}
@media (min-width: 481px) and (max-width: 960px) {
  .customerCardRegistrationForm {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .customerCardRegistrationForm {
    font-size: 20px;
  }
}
/*********************************************************************************************************************************
Click&Reserve Click&Reserve Click&Reserve Click&Reserve Click&Reserve Click&Reserve Click&Reserve Click&Reserve Click&Reserve
/*********************************************************************************************************************************/
body.reserve_checkout main {
  margin-top: 30px;
}
body.reserve_checkout main .page_head {
  margin-bottom: 40px;
}
body.reserve_checkout.user .header_info_right,
body.reserve_checkout.payment .header_info_right,
body.reserve_checkout.order .header_info_right {
  float: left;
  margin-top: 35px;
  margin-left: 20px;
}
body.reserve_checkout.user .header_info_left,
body.reserve_checkout.payment .header_info_left,
body.reserve_checkout.order .header_info_left,
body.reserve_checkout.user .header_servicelinks,
body.reserve_checkout.payment .header_servicelinks,
body.reserve_checkout.order .header_servicelinks,
body.reserve_checkout.user .header_functions,
body.reserve_checkout.payment .header_functions,
body.reserve_checkout.order .header_functions,
body.reserve_checkout.user .header_navigation,
body.reserve_checkout.payment .header_navigation,
body.reserve_checkout.order .header_navigation,
body.reserve_checkout.user .header_search,
body.reserve_checkout.payment .header_search,
body.reserve_checkout.order .header_search,
body.reserve_checkout.user .footer_block.hotline,
body.reserve_checkout.payment .footer_block.hotline,
body.reserve_checkout.order .footer_block.hotline,
body.reserve_checkout.user .footer_block.service,
body.reserve_checkout.payment .footer_block.service,
body.reserve_checkout.order .footer_block.service,
body.reserve_checkout.user .footer_block.logo,
body.reserve_checkout.payment .footer_block.logo,
body.reserve_checkout.order .footer_block.logo {
  display: none;
}
body.reserve_checkout.user .header_logo,
body.reserve_checkout.payment .header_logo,
body.reserve_checkout.order .header_logo {
  margin-top: 0;
}
body.reserve_checkout .checkout_thankyou_basket {
  float: left;
  width: 100%;
}
body.reserve_checkout .checkout_thankyou_contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}
@media (max-width: 767px) {
  body.reserve_checkout .checkout_thankyou_contents {
    flex-direction: column;
    padding: 0 10%;
  }
}
body.reserve_checkout .checkout_thankyou_contents_item {
  flex: 0 1 100/3%;
}
@media (max-width: 767px) {
  body.reserve_checkout .checkout_thankyou_contents_item {
    width: 100%;
  }
}
body.reserve_checkout .checkout_thankyou_contents_item.filialinfo {
  position: relative;
}
body.reserve_checkout .checkout_thankyou_contents_item.filialinfo a {
  color: #fff;
}
body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #fff;
  padding: 15% 0;
}
@media (min-width: 767px) and (max-width: 960px) {
  body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .wrapper {
    padding: 10% 0;
  }
}
@media (max-width: 480px) {
  body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .wrapper {
    padding: 10% 0;
  }
}
body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .head {
  flex: 1 1 auto;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: normal;
  text-transform: uppercase;
}
@media (min-width: 961px) and (max-width: 1205px) {
  body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .head {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
@media (min-width: 767px) and (max-width: 960px) {
  body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .head {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .head {
    font-size: 20px;
  }
}
body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .subhead {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  text-transform: uppercase;
}
@media (min-width: 961px) and (max-width: 1205px) {
  body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .subhead {
    font-size: 12px;
    line-height: inherit;
  }
}
@media (max-width: 480px) {
  body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .subhead {
    font-size: 14px;
    line-height: inherit;
  }
}
body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .desc {
  flex: 1 1 auto;
}
@media (min-width: 961px) and (max-width: 1205px) {
  body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .desc {
    font-size: 10px;
  }
}
@media (min-width: 767px) and (max-width: 960px) {
  body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .desc {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  body.reserve_checkout .checkout_thankyou_contents_item.filialinfo .desc {
    font-size: 12px;
  }
}
body.reserve_checkout.user .checkout_reserve_filiale_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right .button_arrow {
  margin-top: 0;
  background-position: right -882px;
}
.accountAddressNote {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #666666;
}
.findpost {
  display: block;
  text-decoration: underline;
}
body.reserve_checkout.order .checkout_container,
body.reserve_checkout.user .checkout_container {
  padding: 0 0 20px 0;
}
body.reserve_checkout.order .checkout_subhead,
body.reserve_checkout.user .checkout_subhead {
  text-align: center;
}
body.reserve_checkout.order #addressText .button_edit,
body.reserve_checkout.user #addressText .button_edit {
  color: #1a508e;
  background-color: transparent;
  border: none;
}
body.reserve_checkout.order #addressText .button_edit .icon-arrow-right,
body.reserve_checkout.user #addressText .button_edit .icon-arrow-right {
  color: #333333;
}
body.reserve_checkout.order .basket_contents_image .button_edit,
body.reserve_checkout.user .basket_contents_image .button_edit {
  color: #1a508e;
  background-color: transparent;
  border: none;
}
body.reserve_checkout.order .basket_contents_image .button_edit:before,
body.reserve_checkout.user .basket_contents_image .button_edit:before {
  display: none;
}
body.reserve_checkout.order .checkout_reserve_filiale_wrapper,
body.reserve_checkout.user .checkout_reserve_filiale_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left,
body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left,
body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right,
body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right {
  flex: 0 1 310px;
}
body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left a,
body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left a,
body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right a,
body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right a {
  color: #1a508e;
}
body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left a .icon-arrow-right,
body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left a .icon-arrow-right,
body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right a .icon-arrow-right,
body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right a .icon-arrow-right {
  color: #333333;
}
body.reserve_checkout.order .checkout_reserve_lounge,
body.reserve_checkout.user .checkout_reserve_lounge {
  font-weight: 700;
  padding-top: 15px;
}
body.reserve_checkout.order .checkout_reserve_edit_address_link a {
  color: #1a508e;
}
body.reserve_checkout.order .checkout_reserve_edit_address_link a .icon-arrow-right {
  color: #333333;
}
body.reserve_checkout.order .checkout_order_reserve_button .button_big {
  width: auto;
  padding: 0 100px;
}
body.reserve_checkout.thankyou .thankyou_wrapper .stdarea h2 {
  margin-bottom: 20px;
}
.ccSelectContainer .select_homebrew .list::-webkit-scrollbar {
  -webkit-appearance: none;
}
.ccSelectContainer .select_homebrew .list::-webkit-scrollbar:vertical {
  width: 11px;
}
.ccSelectContainer .select_homebrew .list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}
.password.progress {
  overflow: hidden;
  height: 0.4rem;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.amazon_wrapper #addressBookWidgetDiv,
.amazon_wrapper #walletWidgetDiv {
  display: inline-block;
  margin-bottom: 20px;
  width: 400px;
  min-height: 228px;
  height: 240px;
  max-height: 400px;
}
.amazon_wrapper span.amazon_msg {
  font-size: x-large;
}
.amazon_wrapper span:active:after {
  position: fixed;
  content: attr(title);
  text-align: center;
  padding: 5px;
  top: 10%;
  right: 10%;
  left: 10%;
  background: #F3CD6E;
  color: #000000;
  z-index: 999;
  border: 3px solid #000000;
}
.amazon_buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
}
.amazon_logout {
  margin-right: 20px;
}
@media (max-width: 767px) {
  body.reserve_checkout .checkout_center .checkout_reserve_filiale {
    display: block;
  }
  body.reserve_checkout .checkout_center .checkout_reserve_filiale .checkout_reserve_filiale_info_wrapper {
    display: block;
    width: 100%;
  }
  body.reserve_checkout .checkout_center .checkout_reserve_filiale .checkout_reserve_filiale_info_wrapper .checkout_reserve_filiale_info {
    width: 100%;
  }
  body.reserve_checkout .checkout_center .checkout_reserve_filiale .checkout_reserve_filiale_info_wrapper .checkout_reserve_filiale_info_left {
    padding-bottom: 20px;
    width: 100%;
  }
  body.reserve_checkout .checkout_center .checkout_reserve_filiale .checkout_reserve_filiale_info_wrapper .checkout_reserve_filiale_info_right {
    padding-right: 0;
    width: 100%;
  }
  body.reserve_checkout .checkout_center .checkout_reserve_filiale .checkout_reserve_filiale_info_wrapper .checkout_reserve_filiale_info_right .filialStockInfo_filialOpeningTime {
    width: 215px;
  }
  body.reserve_checkout .checkout_center .checkout_reserve_filiale .checkout_reserve_filiale_info_wrapper .checkout_reserve_change_filiale {
    padding-top: 40px;
  }
  body.reserve_checkout .checkout_center .checkout_basket_points {
    padding: 20px 30px;
    border-bottom: 1px solid #b2b2b2;
  }
}
@media (min-width: 481px) and (max-width: 960px) {
  body.reserve_checkout .checkout_center .checkout_reserve_filiale .checkout_reserve_filiale_info_wrapper .checkout_reserve_filiale_info_left {
    padding-left: 0;
    padding-right: 10px;
  }
  body.reserve_checkout .checkout_center .checkout_reserve_filiale .checkout_reserve_filiale_info_wrapper .checkout_reserve_filiale_info_right {
    padding-right: 0;
  }
  body.reserve_checkout .checkout_center .checkout_reserve_filiale .checkout_reserve_filiale_info_wrapper .checkout_reserve_filiale_info_right .filialStockInfo_filialOpeningTime {
    width: 215px;
  }
  body.reserve_checkout .checkout_center .checkout_basket_points {
    padding: 20px;
  }
}
@media (max-width: 1024px) {
  body.reserve_checkout.user .checkout_reserve_filiale_wrapper {
    display: block;
  }
  body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left {
    padding: 0 0 20px 0;
  }
  body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right {
    padding: 0;
  }
  body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right .filialStockInfo_filialOpeningTime {
    width: 215px;
  }
  body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right .button_arrow {
    background-position: right -880px;
    line-height: inherit;
  }
  body.reserve_checkout.order .checkout_center .checkout_reserve_filiale_wrapper {
    display: block;
  }
  body.reserve_checkout.order .checkout_center .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left {
    padding: 0 0 20px 0;
  }
  body.reserve_checkout.order .checkout_center .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right {
    padding: 0;
  }
  body.reserve_checkout.order .checkout_center .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right .button_arrow {
    background-position: right -856px;
  }
  body.reserve_checkout.order .checkout_center .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right .filialStockInfo_filialOpeningTime {
    width: 215px;
  }
  body.reserve_checkout.order .checkout_center .checkout_subhead {
    text-align: left;
  }
  body.reserve_checkout.order .checkout_center form {
    padding-top: 10px;
  }
  body.reserve_checkout.order .checkout_center form .checkout_order_agb h2 {
    text-align: left;
  }
  body.reserve_checkout.order .checkout_basket_points {
    padding: 20px 30px;
  }
  body.reserve_checkout.order .checkout_order_reserve_button {
    margin-top: 40px;
  }
  body.reserve_checkout.order .checkout_order_reserve_button .button_big {
    height: 70px;
    width: auto;
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left .filialStockInfo_filialOpeningTime,
  body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left .filialStockInfo_filialOpeningTime,
  body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right .filialStockInfo_filialOpeningTime,
  body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right .filialStockInfo_filialOpeningTime {
    width: 215px;
  }
  .password.progress {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 960px) {
  body.reserve_checkout.user .checkout_subhead {
    text-align: left;
  }
  body.reserve_checkout.user .checkout_shipping_address {
    margin: 0;
    border-top: none;
  }
  body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left,
  body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right {
    width: 50%;
    padding: 0;
  }
  body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left .filialStockInfo_filialOpeningTime,
  body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right .filialStockInfo_filialOpeningTime {
    width: 215px;
  }
}
@media (min-width: 961px) and (max-width: 1340px) {
  body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left,
  body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_left,
  body.reserve_checkout.order .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right,
  body.reserve_checkout.user .checkout_reserve_filiale_wrapper .checkout_reserve_filiale_info_right {
    width: 50%;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .reserve_basket_popup .modal-dialog,
  .change_reserve_filiale_popup .modal-dialog {
    width: 680px;
  }
}
@media only screen and (max-width: 960px) {
  .amazon_wrapper #addressBookWidgetDiv,
  .amazon_wrapper #walletWidgetDiv {
    width: 100%;
    max-width: 278px;
  }
}
/*BEGIN: old hgg_checkout.less*/
.checkout_view .header_info_right {
  float: left;
  margin-top: 35px;
  margin-left: 20px;
}
.checkout_view .header_info_left,
.checkout_view .header_servicelinks,
.checkout_view .header_functions,
.checkout_view .header_navigation,
.checkout_view .header_search,
.checkout_view .footer_block.hotline,
.checkout_view .footer_block.service,
.checkout_view .footer_block.logo {
  display: none;
}
.checkout_view .header_logo {
  margin-top: 0;
}
.checkout_subhead.checkout_newsletter {
  margin-top: 30px;
}
.customercard_register_newcard_wrapper .account_block_head {
  background-color: transparent;
}
@media (min-width: 961px) {
  .checkout_delivery_act {
    margin-bottom: 35px;
  }
}
/*********************************************************************************************************************************
Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou
/*********************************************************************************************************************************/
.thankyou_wrapper a {
  color: #1a508e;
  text-decoration: none;
}
.thankyou_wrapper .dallmayr_teaser {
  width: 23%;
}
.checkout_thankyou_info {
  padding-bottom: 50px;
}
.checkout_thankyou_products {
  padding: 20px 0;
  background-color: #f3f3f3;
}
.checkout_thankyou_contents {
  float: left;
  width: 100%;
  padding: 30px 0;
}
.checkout_thankyou_contents img {
  width: 100%;
}
.checkout_thankyou_contents .teaser_info {
  width: 90%;
  color: #333333;
  left: 7%;
  text-align: left;
  position: absolute;
  top: 14%;
  z-index: 20;
}
.checkout_thankyou_contents .teaser_info_line {
  width: 100%;
  height: 1px;
  background: #fff;
}
.checkout_thankyou_contents .teaser_info_head {
  padding-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
}
.checkout_thankyou_contents .teaser_info_subhead {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  text-transform: uppercase;
  padding: 0 0 20px;
  font-size: 12px;
}
@media (min-width: 1500px) {
  .checkout_thankyou_contents .teaser_info_head {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 2em;
    line-height: normal;
  }
  .checkout_thankyou_contents .teaser_info_subhead {
    font-size: 17px;
    padding-bottom: 32px;
  }
  .checkout_thankyou_contents .teaser_info .teaser_info {
    left: 9%;
  }
}
.checkout_thankyou_contents_newsletter {
  padding: 0 40/6*2px 0 0;
}
.checkout_thankyou_contents_newsletter .newsletter_info_field input {
  border: 0 none;
  width: 100%;
  color: #333333;
  font-style: italic;
}
.checkout_thankyou_contents_newsletter .newsletter_info_field input[type="email"] {
  float: left;
  margin-right: 10px;
  height: 48px;
  border: 1px solid #D8D8D8;
}
.checkout_thankyou_contents_newsletter .newsletter_info_field button {
  font-weight: 400;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #1A508E;
  border: 0 none;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  height: 46px;
  text-decoration: none;
  width: 120px;
  margin-left: 10px;
  margin-top: 1px;
}
.checkout_thankyou_contents_newsletter .newsletter_info_head {
  color: #333333;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.1em;
  padding-bottom: 5%;
  padding-top: 0;
}
.checkout_thankyou_contents_newsletter .newsletter_info_subhead {
  margin-bottom: 5%;
  width: 90%;
  text-align: left;
}
.checkout_thankyou_contents_ts {
  padding: 0 40/6*2px 0 0;
}
.checkout_thankyou_contents_ts .ts_info {
  width: 100%;
  text-align: center;
  left: 0;
}
.checkout_thankyou_contents_ts .ts_info a {
  cursor: pointer;
}
.checkout_thankyou_contents_ts .ts_info_field button {
  font-weight: 400;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #1A508E;
  border: 0 none;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  height: 46px;
  text-decoration: none;
  width: 120px;
  margin-left: 10px;
  margin-top: 1px;
}
.checkout_thankyou_contents_ts .ts_info_head {
  color: #fff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 2em;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.1em;
  padding-top: 20%;
  text-transform: uppercase;
  text-align: center;
}
.checkout_thankyou_contents_ts .ts_info_subhead {
  margin-bottom: 5%;
  color: #fff;
  text-transform: none;
  font-weight: 600;
  padding: 0 7%;
}
.checkout_thankyou_contents_ts button {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 11px;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 10px;
}
.checkout_thankyou_contents_teaser {
  padding: 0 0 0 40/6*2px;
}
.table_shippingcosts {
  max-height: 100vh;
  overflow-y: scroll;
}
.table_shippingcosts table {
  font-size: 14px;
  width: 100%;
  margin-bottom: 1rem;
}
.table_shippingcosts table > thead > tr > th,
.table_shippingcosts table > tbody > tr > th,
.table_shippingcosts table > tfoot > tr > th,
.table_shippingcosts table > thead > tr > td,
.table_shippingcosts table > tbody > tr > td,
.table_shippingcosts table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table_shippingcosts table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table_shippingcosts table > caption + thead > tr:first-child > th,
.table_shippingcosts table > colgroup + thead > tr:first-child > th,
.table_shippingcosts table > thead:first-child > tr:first-child > th,
.table_shippingcosts table > caption + thead > tr:first-child > td,
.table_shippingcosts table > colgroup + thead > tr:first-child > td,
.table_shippingcosts table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table_shippingcosts table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table_shippingcosts table .table {
  background-color: #fff;
}
.table_shippingcosts table > tbody > tr:nth-child(odd) > td,
.table_shippingcosts table > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table_shippingcosts table > thead {
  position: sticky;
  top: -3px;
  background: #9d9d9d;
}
.table_shippingcosts table > thead > tr > th {
  font-weight: 700;
  border-bottom: 0;
  color: white;
}
/*body.checkout -- global wrapper ist kacke für darkmode-wrapper*/
.crd .banner-delivery-checkout {
  color: #1a508e;
  font-weight: 700;
  border: 1px solid #1a508e;
  margin: 0 10px;
  margin-top: 20px;
  padding: 15px 5px;
}
.crd .basket_contents_head.empty {
  border-top: 1px solid;
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid;
  margin-top: 34px;
}
.crd .basket_contents_head,
.crd .checkout_thankyou_basket_header {
  border-bottom: 1px solid #333333;
  padding: 0 0 10px;
  margin-bottom: 0;
  font-weight: normal;
}
@media only screen and (max-width: 960px) {
  body.thankyou .crd .basket_contents_head,
  body.thankyou .crd .checkout_thankyou_basket_header {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_head > *,
  .crd .checkout_thankyou_basket_header > * {
    padding: 10px;
  }
}
.crd .basket_contents_head > *:last-child,
.crd .checkout_thankyou_basket_header > *:last-child {
  padding-right: 20px;
  padding-left: 20px;
  text-align: right;
}
body.thankyou .crd .basket_contents_head > *:last-child,
body.thankyou .crd .checkout_thankyou_basket_header > *:last-child {
  padding: 0 !important;
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_head,
  .crd .checkout_thankyou_basket_header {
    border-bottom: 0;
    text-align: center;
    padding-bottom: 0;
  }
}
body.thankyou .crd .basket_contents_head .main_title,
body.thankyou .crd .checkout_thankyou_basket_header .main_title {
  float: left;
  margin-right: 10px;
}
@media only screen and (min-width: 961px) {
  .crd .basket_contents_head .main_title,
  .crd .checkout_thankyou_basket_header .main_title {
    float: left;
    margin-right: 10px;
  }
}
.crd .basket_contents_points_head {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: normal;
  margin-bottom: 20px;
  text-align: center;
}
.crd .basket_contents_item,
.crd .checkout_thankyou_basket_item {
  padding: 20px 0;
  border-bottom: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  border-top: 1px solid #f3f3f3;
}
.crd .basket_contents_item > *,
.crd .checkout_thankyou_basket_item > * {
  padding-right: 10px;
  padding-left: 10px;
}
.crd .basket_contents_item > *:last-child,
.crd .checkout_thankyou_basket_item > *:last-child {
  padding: 0 !important;
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_item > *,
  .crd .checkout_thankyou_basket_item > * {
    padding: 0 !important;
  }
}
.crd .basket_contents_item:first-child,
.crd .checkout_thankyou_basket_item:first-child {
  border-top: 0;
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_item,
  .crd .checkout_thankyou_basket_item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }
}
.crd .basket_contents_image .pictureWrapper {
  height: auto;
  width: auto;
  max-width: 148px;
  padding: 0 5px;
}
.crd .basket_contents_image .pictureWrapper img {
  width: auto;
  height: auto;
  margin: 0;
  max-width: 100%;
}
.crd .basket_contents_product_title {
  padding: 0 0 5px;
}
.crd .basket_contents_var_value img {
  max-width: 25px;
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_info {
    margin: 5px 0 10px;
  }
  .crd .basket_contents_info .artColorMobile {
    border-left: 1px solid;
    padding-left: 5px;
  }
}
.crd .basket_contents_price_new {
  color: #147b19;
  font-weight: 700;
  white-space: nowrap;
}
.crd .basket_contents_price_old {
  text-decoration: line-through;
}
.crd .basket_contents_quantity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_quantity {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
  }
}
.crd .basket_contents_quantity select.brew_it.amounterer_select {
  width: 90px;
  border: 1px solid;
}
.crd .basket_contents_quantity select.brew_it.amounterer_select::-ms-expand {
  display: none;
}
.crd .basket_contents_stock {
  text-align: center;
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_stock {
    text-align: left;
  }
  .crd .basket_contents_stock .stock_yo {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 960px) {
  body.thankyou .crd .basket_contents_totalprice {
    text-align: left;
  }
}
.crd .basket_contents_link,
.crd .basket_contents_link a {
  color: #1a508e;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 20px;
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_link,
  .crd .basket_contents_link a {
    margin-top: 0;
  }
}
.crd #removeBtnMobile a img {
  max-height: 40px;
  margin-top: -5px;
}
@media only screen and (max-width: 960px) {
  .crd #removeBtnMobile a {
    text-decoration: none;
  }
}
.crd #removeBtnMobile i {
  font-size: 40px;
  color: #333;
}
body.dark_mode .crd #removeBtnMobile i {
  color: #fff;
}
@media only screen and (max-width: 960px) {
  .crd #removeBtnMobile {
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.crd .all_vouchers_wrapper {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.crd .all_vouchers_wrapper > div {
  padding: 15px 10px;
}
.crd .all_vouchers_wrapper .acc_body {
  padding: 20px 40px;
}
@media only screen and (max-width: 767px) {
  .crd .all_vouchers_wrapper .acc_body {
    padding: 20px 0;
  }
}
.crd .all_vouchers_wrapper .ui-accordion-header-icon {
  float: right;
  font-size: 20px;
}
.crd .all_vouchers_wrapper .icon-gift,
.crd .all_vouchers_wrapper .icon-coins {
  font-size: 24px;
  max-width: 35px;
  display: inline-block;
  padding-right: 10px;
}
.crd .all_vouchers_wrapper .icon-notification {
  font-size: 20px;
}
@media only screen and (max-width: 960px) {
  .crd .all_vouchers_wrapper .basket_voucher_wrapper form,
  .crd .all_vouchers_wrapper .basket_exchangepoints_wrapper form {
    padding: 0 10px;
  }
}
.crd .all_vouchers_wrapper .basket_voucher_wrapper {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
.crd .all_vouchers_wrapper .basket_voucher_wrapper .crev_successaddvoucher {
  color: #598919;
}
.crd .all_vouchers_wrapper .basket_exchangepoints_wrapper {
  border-bottom: 1px solid;
}
.crd .all_vouchers_wrapper .basket_exchangepoints_wrapper .basket_exchangepoints_content .usePointsSubmit {
  margin: 20px 0;
}
.crd .all_vouchers_wrapper .basket_exchangepoints_wrapper .basket_exchangepoints_content .exchangepoint_crm_point {
  flex: 0 1 45%;
}
.crd .all_vouchers_wrapper .basket_exchangepoints_wrapper .basket_exchangepoints_content .separator {
  flex: 0 1 5%;
  position: relative;
}
.crd .all_vouchers_wrapper .basket_exchangepoints_wrapper .basket_exchangepoints_content .separator::before {
  border-left: 1px solid;
  position: absolute;
  content: '';
  height: 100%;
  top: 0;
}
.crd .all_vouchers_wrapper .basket_exchangepoints_wrapper .basket_exchangepoints_content .exchangepoint_credit_point {
  flex: 0 1 45%;
}
.crd .all_vouchers_wrapper .basket_exchangepoints_wrapper .basket_exchangepoints_content .icon-notification {
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .crd .all_vouchers_wrapper .basket_exchangepoints_wrapper .basket_exchangepoints_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .crd .all_vouchers_wrapper .basket_exchangepoints_wrapper .basket_exchangepoints_content .separator {
    margin: 20px 0;
  }
  .crd .all_vouchers_wrapper .basket_exchangepoints_wrapper .basket_exchangepoints_content .separator::before {
    width: 100%;
    border-left: none;
    border-top: 1px solid;
  }
}
.crd .basket_contents_summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  padding: 20px 0;
  background-color: #f3f3f3;
  margin: 20px 0 0;
}
body.dark_mode .crd .basket_contents_summary {
  background-color: #363438;
}
.crd .basket_contents_summary > div {
  padding: 0 20px;
}
.crd .basket_contents_summary .basket_contents_label {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0;
}
@media (min-width: 961px) {
  .crd .basket_contents_summary .basket_contents_label {
    float: left;
    width: 66.66666667%;
  }
}
.crd .basket_contents_summary .basket_contents_value {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: right;
}
@media (min-width: 961px) {
  .crd .basket_contents_summary .basket_contents_value {
    float: left;
    width: 33.33333333%;
  }
}
.crd .basket_contents_summary .basket_contents_delcosts:before,
.crd .basket_contents_summary .basket_contents_delcosts:after {
  display: none;
}
.crd .basket_contents_summary .basket_contents_delcosts .basket_contents_value {
  padding-bottom: 0;
}
.crd .basket_contents_summary .basket_contents_delcosts a {
  text-decoration: underline;
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_summary {
    padding-bottom: 0;
  }
}
.crd .basket_contents_usp {
  flex: 1 1 60%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .crd .basket_contents_usp {
    flex: 0 1 60%;
  }
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_usp {
    background-color: #f3f3f3;
    padding: 20px 15px;
    flex: none;
    width: 100%;
    float: left;
  }
  body.dark_mode .crd .basket_contents_usp {
    background-color: #363438;
  }
}
.crd #mobileLogin {
  border: 1px solid #000000;
  padding: 10px;
  margin: 10px 0 0;
  display: none;
}
@media only screen and (max-width: 960px) {
  .crd #mobileLogin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none;
  }
  .crd #mobileLogin .icon-new {
    background: #82ca24;
    color: white;
    font-weight: bold;
    padding: 3px 10px;
  }
}
.crd .basket_contents_sum {
  flex: 1 1 40%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .crd .basket_contents_sum {
    flex: 0 1 40%;
  }
}
.crd .basket_contents_sum > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  width: 100%;
}
.crd .basket_contents_sum .basket_contents_voucher img {
  max-height: 30px;
}
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #000000;
}
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
}
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal:before,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount:before,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal:after,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount:after {
  display: none;
}
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal span,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount span {
  font-weight: 400;
  text-transform: none;
}
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal .basket_note_dicount,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount .basket_note_dicount,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal .basket_contents_vat,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount .basket_contents_vat {
  width: 100%;
}
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal .basket_note_dicount .basket_contents_label,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount .basket_note_dicount .basket_contents_label,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal .basket_contents_vat .basket_contents_label,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount .basket_contents_vat .basket_contents_label {
  width: 100%;
}
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal .basket_note_dicount .font_copy,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount .basket_note_dicount .font_copy,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal .basket_contents_vat .font_copy,
.crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount .basket_contents_vat .font_copy {
  text-transform: none;
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal .basket_note_dicount .font_copy,
  .crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount .basket_note_dicount .font_copy,
  .crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_contents_grandtotal .basket_contents_vat .font_copy,
  .crd .basket_contents_sum .basket_contents_grandtotal_wrapper .basket_note_dicount .basket_contents_vat .font_copy {
    font-size: 14px;
  }
}
.crd .basket_contents_costsave {
  background: #fff;
  border: 1px solid;
  position: relative;
  padding: 5px;
  margin-top: 15px;
  width: 100%;
  text-align: center;
}
body.dark_mode .crd .basket_contents_costsave .basketBoxContent-article {
  color: #000000;
}
.crd .basket_contents_costsave:before {
  content: '';
  display: block;
  position: absolute;
  top: -16px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-bottom: 17px solid #fff;
  z-index: 1;
}
.crd .basket_contents_costsave:after {
  content: '';
  display: block;
  position: absolute;
  top: -17px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-bottom: 17px solid #000000;
}
body.dark_mode .crd .basket_contents_costsave:after {
  border-bottom: 17px solid #fff;
}
.crd .checkout_button_line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #f3f3f3;
}
@media only screen and (max-width: 960px) {
  .crd .checkout_button_line {
    padding: 0;
    padding-top: 20px;
    border: none;
  }
}
.crd .checkout_button_line > * {
  padding: 20px;
}
@media only screen and (max-width: 960px) {
  .crd .checkout_button_line > * {
    padding: 10px;
  }
}
body.dark_mode .crd .checkout_button_line {
  background-color: #363438;
}
.crd .checkout_button_line .basket_contents_shopon {
  margin-top: 0;
  flex: 1 1 60%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .crd .checkout_button_line .basket_contents_shopon {
    flex: 0 1 60%;
  }
}
.crd .checkout_button_line .checkout_next_button {
  flex: 1 1 35%;
  margin-bottom: 20px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .crd .checkout_button_line .checkout_next_button {
    flex: 0 1 35%;
  }
}
@media only screen and (max-width: 960px) {
  .crd .checkout_next_button {
    width: 100%;
  }
}
@media only screen and (max-width: 960px) {
  .crd .basket_contents_shopon {
    padding: 20px;
    float: left;
    width: 100%;
  }
}
.crd .paypal_outer_wrapper {
  padding: 10px 0;
}
.crd .paypal_outer_wrapper #AmazonPayButton {
  margin-right: 0;
}
.crd .paypal_outer_wrapper #AmazonPayButton img {
  max-height: 42px !important;
  float: right;
}
.crd .paypal_outer_wrapper .paypalExpressBtn img {
  max-height: 35px;
}
.crd .paypal_outer_wrapper .paypal_amazon_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.crd .paypal_outer_wrapper .paypal_amazon_wrapper > * {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .crd .paypal_outer_wrapper .paypal_amazon_wrapper > * {
    padding: 5px 0;
  }
}
@media only screen and (max-width: 767px) {
  .crd .paypal_outer_wrapper .paypal_amazon_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
  }
}
.crd .paypal_outer_wrapper .paypal_amazon_wrapper .paypalExpressBtnSeparatorOR {
  margin: 0 20px;
  display: block;
}
.crd .paypal_outer_wrapper .paypal_amazon_wrapper .paypal_wrapper .paypalExpressBtn button {
  margin-top: 0;
}
.crd .paypal_outer_wrapper .paypal_amazon_wrapper .paypal_wrapper .paypalExpressBtn button img.paypalINT {
  max-width: 170px;
  margin-bottom: -7px;
}
.crd .paypal_outer_wrapper .paypal_amazon_wrapper .paypal_wrapper .paypalExpressBtn button span.paypalLogoText {
  color: black;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  margin-top: -20px;
  display: inline-block;
  background: white;
  z-index: 999999;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .crd .paypal_outer_wrapper .paypal_amazon_wrapper .amazon_wrapper #AmazonPayButton {
    width: 100%;
    text-align: center;
  }
  .crd .paypal_outer_wrapper .paypal_amazon_wrapper .amazon_wrapper #AmazonPayButton img {
    float: none;
  }
  .crd .paypal_outer_wrapper .paypal_amazon_wrapper .amazon_wrapper .amazon_buttons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (max-width: 360px) {
  .crd .paypal_outer_wrapper .paypal_amazon_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .crd .paypal_outer_wrapper .paypal_amazon_wrapper .paypal_wrapper .paypalExpressBtn {
    float: none;
    margin: auto;
  }
}
/*body.checkout.user -- global wrapper ist kacke für darkmode-wrapper*/
.crd {
  /*unjumping display see ddhes_checkout_user.js*/
  /*packstation*/
  /*newsletter*/
}
.crd .checkoutChannelTrigger .button-label {
  margin-top: 0;
}
@media only screen and (max-width: 960px) {
  .crd .checkoutChannelTrigger {
    padding: 0;
  }
}
.crd #checkout_main_login .acc_body {
  border-top: 1px solid;
  padding-top: 20px;
}
.crd #checkout_main_login .sub_title {
  border-bottom: 0;
  margin-bottom: 0;
}
.crd #checkout_main_login .sub_title.ui-state-focus {
  outline: none;
}
.crd #checkout_main_login .additionalButton .textSpliter {
  position: relative;
  width: 100%;
  margin: 10px 0;
}
.crd #checkout_main_login .additionalButton .textSpliter .lineBorder {
  border-top: 1px solid #000000;
  position: absolute;
  top: 50%;
  width: 100%;
}
body.dark_mode .crd #checkout_main_login .additionalButton .textSpliter .lineBorder {
  border-top: 1px solid white;
}
.crd #checkout_main_login .additionalButton .textSpliter span {
  background-color: #fff;
  padding: 5px 10px;
  position: relative;
  width: 50px;
  text-align: center;
  margin: 0 auto;
  display: block;
}
body.dark_mode .crd #checkout_main_login .additionalButton .textSpliter span {
  background-color: #181719;
}
.crd #checkout_main_registration #selectionFrame,
.crd #checkout_main_registration #entryFrame {
  display: none;
  padding-top: 20px;
  border-top: 1px solid;
}
.crd #checkout_main_registration #selectionFrame .keyboardFocusNavigationTrigger .keyboardFocusNavigation {
  display: none;
}
.crd #checkout_main_registration #selectionFrame .keyboardFocusNavigationTrigger:focus {
  outline: none;
}
.crd #checkout_main_registration #selectionFrame .keyboardFocusNavigationTrigger:focus .keyboardFocusNavigation {
  display: block;
  position: absolute;
  top: -80px;
  background: #3582d1;
  padding: 20px;
  width: 50%;
  left: -20px;
  border-radius: 20px;
  color: white;
}
.crd #checkout_main_registration .sub_title {
  border-bottom: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 961px) {
  .crd #checkout_main_registration .checkout_main_registration_body {
    display: block !important;
  }
}
.crd .shown-in-register {
  display: none;
}
body.checkout.user .crd .shown-in-register {
  display: block;
  padding-bottom: 20px;
  font-size: 16px;
}
.crd #ddhes_recaptcha .g-recaptcha {
  margin-bottom: 0;
}
.crd #ddhes_recaptcha .g-recaptcha iframe.captchaError {
  border: 1px solid #b30c00;
}
.crd #ddhes_recaptcha label {
  font-weight: 700;
}
.crd .stateBox {
  margin-bottom: 15px !important;
}
.crd .stateBox select {
  cursor: pointer;
  background-image: url(images/icon-arrow-select.png);
  background-repeat: no-repeat;
  background-position: right 0px;
}
.crd .stateBox select:focus {
  border: 1px solid #d8d8d8;
  background-position: right -33px;
}
.crd #selectionFrame .acc_head {
  margin-top: 10px;
  padding: 10px 10px 0;
  border-top: 1px solid #333333;
}
.crd #selectionFrame .acc_head:nth-child(2) {
  margin-top: 0;
  border-top: 0;
}
.crd .acc_logo {
  position: absolute;
  top: 3px;
  right: 3px;
}
.crd .acc_logo img {
  height: 38px;
}
.crd #originalBillingAddressPlaceholder #billingFrame > .ddhes-form {
  padding: 10px 20px;
}
@media only screen and (max-width: 767px) {
  .crd #billingFrame .buttonUserWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .crd #billingFrame .buttonUserWrapper #userNextStepBottom {
    width: 100%;
    margin: 10px 0;
  }
}
.crd #billingFrame > .ddhes-form {
  background-color: #f3f3f3;
}
body.dark_mode .crd #billingFrame > .ddhes-form {
  background-color: #363438;
}
.crd .recent-address {
  border: 1px solid #000000;
  padding: 10px;
  margin-left: -10px;
  margin-right: -10px;
}
.crd .deliveryaddress_form,
.crd .billingaddress_form {
  width: 100%;
  display: inline-block;
  background-color: #f3f3f3;
  padding: 10px 20px;
  margin: 10px 0;
}
body.dark_mode .crd .deliveryaddress_form,
body.dark_mode .crd .billingaddress_form {
  background-color: #363438;
}
.crd #deliveryAddressesBox .deliveryaddress_form .ddhes-form--el---wrapper .css-label-value,
.crd #billingAddressChange .deliveryaddress_form .ddhes-form--el---wrapper .css-label-value {
  flex: 0 1 auto;
}
.crd #deliveryAddressesBox .ddhes-form--el---wrapper .css-label-value,
.crd #billingAddressChange .ddhes-form--el---wrapper .css-label-value {
  flex: 0 1 90%;
  padding-right: 10px;
}
.crd #deliveryAddressesBox .delivery-button-wrapper,
.crd #billingAddressChange .delivery-button-wrapper {
  flex: 0 1 10%;
}
.crd .newsletter_wrapper {
  font-size: 13px;
}
.crd .content_wrapper.ajax {
  padding: 0;
}
.crd .packstation_wrapper .sub_title {
  border-bottom: 1px solid;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.crd .packstation_wrapper .packstation_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
}
@media only screen and (max-width: 960px) {
  .crd .packstation_wrapper .packstation_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 769px) and(max-width: 1028px) {
  .crd .packstation_wrapper .packstation_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .keyboardFocusNavigationTrigger .keyboardFocusNavigation {
  display: none;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .keyboardFocusNavigationTrigger:focus {
  outline: none;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .keyboardFocusNavigationTrigger:focus .keyboardFocusNavigation {
  display: block;
  position: absolute;
  top: -80px;
  background: #3582d1;
  padding: 20px;
  width: 100%;
  left: -20px;
  border-radius: 20px;
  color: white;
  z-index: 1;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d8d8d8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
@media only screen and (max-width: 960px) {
  .crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el.highlightPackstation {
  border: 2px solid #83ca25;
  padding: 10px;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el.highlightPackstationRemove {
  padding: 0;
  padding-bottom: 20px;
  border: none;
  border-bottom: 1px solid #d8d8d8;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---image {
  flex: 0 1 15%;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 80px;
  height: 50px;
  margin-right: 20px;
}
@media only screen and (max-width: 960px) {
  .crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---image {
    margin-right: 0;
  }
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---image.DHL {
  background-image: url(images/dhl.png);
  background-size: 100%;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---image.UPS {
  background-image: url(images/ups.png);
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---image.DPD {
  background-image: url(images/dpd.png);
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---info {
  flex: 0 1 50%;
}
@media only screen and (max-width: 960px) {
  .crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---info {
    padding: 10px 0;
    text-align: center;
  }
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 10px;
  z-index: 9999;
  border: 1px solid;
  left: 34%;
  top: 0;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time.showBoxHours {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time.showBoxHours #closeBoxHours {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  z-index: 99999;
  cursor: pointer;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time.showBoxHours #closeBoxHours:hover {
  background: #333333;
  color: #fff;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time.showBoxHours .closeOpeningHoursTrigger {
  width: 0;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time.showBoxHours .closeOpeningHoursTrigger span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  float: right;
  text-align: center;
  line-height: 18px;
  margin-top: -5px;
  position: relative;
  cursor: pointer;
  background-color: #d8d8d8;
  color: #fff;
}
body.dark_mode .crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time.showBoxHours .closeOpeningHoursTrigger span {
  background-color: #363438;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time.showBoxHours .closeOpeningHoursTrigger span i {
  font-size: 9px;
  font-weight: 700;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time.showBoxHours .closeOpeningHoursTrigger span:hover {
  background: #000000;
}
body.dark_mode .crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time {
  background-color: #333;
}
@media (max-width: 1023px) {
  .crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time {
    top: 0;
    left: 0;
    max-width: 100%;
    overflow: scroll;
  }
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time:before {
  position: absolute;
  content: "";
  left: -22px;
  top: 40%;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid black;
  border-top: 15px solid transparent;
  margin-left: -8px;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---time .pickup-list--el---time----content {
  padding: 5px;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el .pickup-list--el---btn {
  flex: 0 1 35%;
  padding: 15px;
}
.crd .packstation_wrapper .packstation_content #packstationList .pickup-list .pickup-list--el:last-child .pickup-list--el---time {
  top: -30%;
}
.crd .packstation_wrapper .packstation_content #packstationList .morePackstation {
  text-align: right;
  cursor: pointer;
}
.crd .packstation_wrapper .packstation_content #packstationList .morePackstation i {
  font-size: 20px;
}
@media (min-width: 769px) and(max-width: 1028px) {
  .crd .packstation_wrapper .packstation_content #packstationList {
    width: 100%;
  }
}
@media only screen and (max-width: 960px) {
  .crd .packstation_wrapper .packstation_content .pickupMap {
    min-height: 500px;
    margin-top: 20px;
  }
}
@media (min-width: 769px) and(max-width: 1028px) {
  .crd .packstation_wrapper .packstation_content .pickupMap {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
    min-height: 500px;
  }
}
.crd .newsletterSortiment.errorNewsletters {
  padding: 5px;
}
.crd .newsletterSortiment.errorNewsletters:first-child {
  border-right: none;
}
.crd .newsletterSortiment.errorNewsletters:last-child {
  border-left: none;
  margin-bottom: 10px;
}
@media only screen and (max-width: 960px) {
  .crd .checkout_service {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 960px) {
  .crd #crdMiddleBox #crdBasketBox {
    padding: 0;
  }
  .crd #crdMiddleBox .box {
    padding: 20px;
  }
}
.crd #crdMiddleBox .main_title {
  padding-bottom: 10px;
  padding-top: 30px;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 960px) {
  .crd #crdMiddleBox .main_title {
    padding-bottom: 20px;
    text-align: center;
  }
  .crd #crdMiddleBox .main_title:nth-child(1) {
    padding-top: 0;
  }
}
.crd #crdMiddleBox #crdPay .keyboardFocusNavigation {
  display: none;
}
.crd #crdMiddleBox #crdPay:focus {
  outline: none;
}
.crd #crdMiddleBox #crdPay:focus .keyboardFocusNavigation {
  display: block;
  position: absolute;
  top: -80px;
  background: #3582d1;
  padding: 20px;
  width: 50%;
  left: -20px;
  border-radius: 20px;
  color: white;
}
.crd #crdMiddleBox #crdPay .js-oxValid #ccNumberContainer iframe,
.crd #crdMiddleBox #crdPay .js-oxValid #ccVerificationContainer iframe {
  border: 1px solid #000000 !important;
}
.crd #crdMiddleBox #crdPay .cardAccordionWrapper {
  width: 100%!important;
  display: inline-block;
}
.crd #crdMiddleBox #crdPay .cardAccordionWrapper .icon-plus {
  font-size: 26px;
}
@media only screen and (max-width: 960px) {
  .crd #crdMiddleBox #crdPay #concardis_accordion #concardis_new_card ul li {
    margin-bottom: 0;
  }
}
.crd #crdMiddleBox #crdPay #ccNumberContainer,
.crd #crdMiddleBox #crdPay #ccVerificationContainer {
  max-height: 48px;
}
.crd #crdMiddleBox #crdPay #ccNumberContainer iframe,
.crd #crdMiddleBox #crdPay #ccVerificationContainer iframe {
  border: 1px solid !important;
  height: 48px !important;
}
.crd #crdMiddleBox #crdPay #ccNumberContainer iframe.errorNotif,
.crd #crdMiddleBox #crdPay #ccVerificationContainer iframe.errorNotif {
  border: 1px solid #b30c00 !important;
  background-color: #fdd2cf;
}
@media (min-width: 961px) {
  .crd #crdMiddleBox #crdPay #concardis_error_cardNumber,
  .crd #crdMiddleBox #crdPay #concardis_error_verification {
    margin-left: 33.33333333%;
  }
}
.crd #crdMiddleBox .payment_content .control-label {
  text-align: left;
}
.crd #crdMiddleBox .payment_content li {
  display: inline-block;
  width: 100%;
}
.crd #crdMiddleBox .payment_content .ddhes-form--el---inputWithTooltip {
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  display: inline-block;
  width: 100%;
}
@media (min-width: 961px) {
  .crd #crdMiddleBox .payment_content .ddhes-form--el---inputWithTooltip {
    float: left;
    width: 41.66666667%;
  }
}
.crd #crdMiddleBox .payment_content .ddhes-form--el---inputWithTooltip input {
  width: 100%;
}
.crd #crdMiddleBox .payment_content .ddhes-form--el---inputWithTooltip i {
  position: absolute;
  top: 13px;
  right: 10px;
  font-size: 18px;
}
@media (max-width: 480px) {
  .crd #crdMiddleBox .payment_content._payment_saferpay3d li #ccExpiryYear_brewed,
  .crd #crdMiddleBox .payment_content #concardis_accordion li #ccExpiryYear_brewed {
    margin-left: 10px;
  }
}
.crd #crdMiddleBox .payment_content._payment_saferpay3d li .note,
.crd #crdMiddleBox .payment_content #concardis_accordion li .note {
  display: inline-block;
}
.crd #crdMiddleBox .payment_content._payment_oxidsaferpay_bank li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
@media only screen and (max-width: 960px) {
  .crd #crdMiddleBox .payment_content._payment_oxidsaferpay_bank li {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .crd #crdMiddleBox .payment_content._payment_oxidsaferpay_bank li {
    display: inline-block;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .crd #crdMiddleBox .payment_content._payment_oxidsaferpay_bank .ddhes-form--el---label {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.crd #crdMiddleBox .payment_content._payment_oxidsaferpay_bank i {
  font-size: 20px;
  flex: 0 1 10%;
  text-align: center;
}
.crd #crdMiddleBox .payment_content._payment_oxidsaferpay_bank input {
  flex: 0 1 50%;
}
.crd #crdMiddleBox .all_payment_voucher {
  padding: 0 20px;
}
.crd #crdMiddleBox .all_payment_voucher .basket_voucher_wrapper,
.crd #crdMiddleBox .all_payment_voucher .basket_exchangepoints_wrapper {
  padding: 20px 0;
}
.crd #crdMiddleBox .all_payment_voucher .basket_voucher_wrapper {
  border: none;
}
.crd #crdMiddleBox .all_payment_voucher .basket_voucher_wrapper .acc_body {
  padding: 15px 15px 0;
}
.crd #crdMiddleBox .all_payment_voucher .basket_voucher_wrapper .voucher-wrapper {
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
}
.crd #crdMiddleBox .all_payment_voucher .basket_voucher_wrapper .voucher-wrapper:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.crd #crdMiddleBox .all_payment_voucher .basket_voucher_wrapper .voucher-wrapper .ddhes-form--el {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .crd #crdMiddleBox .all_payment_voucher .basket_voucher_wrapper .voucher-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }
  .crd #crdMiddleBox .all_payment_voucher .basket_voucher_wrapper .voucher-wrapper .ddhes-form--el {
    margin-bottom: 10px;
  }
  .crd #crdMiddleBox .all_payment_voucher .basket_voucher_wrapper .voucher-wrapper .ddhes-form--el:last-child {
    margin-bottom: 0;
  }
  .crd #crdMiddleBox .all_payment_voucher .basket_voucher_wrapper .voucher-wrapper > div:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }
}
.crd #crdMiddleBox .all_payment_voucher .basket_voucher_wrapper .ddhes-form {
  display: inline-block;
  width: 100%!important;
}
.crd #crdMiddleBox .all_payment_voucher .basket_exchangepoints_wrapper {
  border-bottom: 0;
}
.crd #crdMiddleBox .crdPay_item {
  border-bottom: 1px solid;
  padding: 10px 0;
}
.crd #crdMiddleBox .crdPay_item .acc_body {
  padding: 10px;
  background-color: #f3f3f3;
  margin-top: 10px;
}
body.dark_mode .crd #crdMiddleBox .crdPay_item .acc_body {
  background-color: #363438;
}
.crd #crdMiddleBox #crdPay > div:last-child {
  border-bottom: none;
}
.crd #crdMiddleBox #crdPay #adyen-component-ideal-container .adyen-checkout__button--pay {
  display: none;
}
.crd #crdMiddleBox #crdPay #adyen-component-blik-container .adyen-checkout__button--pay {
  display: none;
}
.crd #crdMiddleBox #crdPay #adyen-component-klarna-container .adyen-checkout__button--pay {
  display: none;
}
.crd #crdMiddleBox #crdPay #adyen-component-klarna_paynow-container .adyen-checkout__button--pay {
  display: none;
}
.crd #crdMiddleBox #crdPay #adyen-component-klarna_account-container .adyen-checkout__button--pay {
  display: none;
}
.crd #crdMiddleBox #crdPay #adyen-component-card-container .adyen-checkout__card__brands {
  display: none;
}
.crd #crdMiddleBox #crdPay #adyen-component-card-container .adyen-checkout__label__text {
  font-size: 14px;
  color: inherit;
}
.crd #crdMiddleBox #crdPay #adyen-component-card-container .adyen-checkout__input {
  font-family: 'Lato', sans-serif;
  border-radius: 0;
  height: 45px;
  border-color: #d8d8d8;
}
.crd #crdMiddleBox #crdPay #adyen-component-card-container .adyen-checkout__input:focus,
.crd #crdMiddleBox #crdPay #adyen-component-card-container .adyen-checkout__input:active {
  border-color: #666666;
  box-shadow: none;
}
.crd #crdMiddleBox #crdPay #adyen-component-card-container .adyen-checkout__input::placeholder {
  font-weight: 400;
}
.crd #crdMiddleBox #crdPay #adyen-component-card-container .adyen-checkout__input--focus {
  border-color: #666666;
  box-shadow: none;
}
.crd #crdMiddleBox #crdPay #adyen-component-card-container .adyen-checkout__error-text {
  font-size: 12px;
  color: #b30c00;
  font-style: italic;
}
.crd #crdMiddleBox #crdPay #adyen-component-card-container .adyen-checkout__button--pay {
  display: none;
}
.crd #crdMiddleBox #crdPay .crdPay_item .acc_head,
.crd #crdMiddleBox #crdDel .crdPay_item .acc_head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  /* OLD MARKUP FOR PAYMENT*/
  /*&:nth-child(2),
          .label:nth-child(2),
          label:nth-child(2){
            flex: 1 1 50%;
            .nachnameValueMobile{
              display: none;
              @media @phone{
                display: inline-block;
              }
            }
          }

          &:nth-child(3),
          .label:nth-child(3),
          label:nth-child(3){
            flex: 1 1 20%;
            img{
              margin: auto;
              max-width: 60px;
              &.nachnahmeLogo{
                padding: 10px 3px;
                border: 1px solid @color-line;
              }
              &.cartesBancairesLogo {
                display: inline;
                margin: 0 0 0 -10px;
                max-height: 37.5px;
              }
              &.ccWithBancairesLogo {
                display: inline
              }
            }
            &.dyn-payment-wrapper{
              max-width: 80px;
              min-width: 70px;
            }
          }

          &:nth-child(4),
          .label:nth-child(4),
          label:nth-child(4){
            flex: 1 1 30%;
            text-align: right;
            @media @phone {
              display: none;
            }
          }*/
}
@media only screen and (max-width: 767px) {
  .crd #crdMiddleBox #crdPay .crdPay_item .acc_head,
  .crd #crdMiddleBox #crdDel .crdPay_item .acc_head {
    padding: 0 10px;
  }
}
.crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label,
.crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  width: 100%;
}
.crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label:nth-child(1),
.crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label:nth-child(1),
.crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label .label:nth-child(1),
.crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label .label:nth-child(1),
.crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label label:nth-child(1),
.crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label label:nth-child(1) {
  flex: 1 1 50%;
}
.crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label:nth-child(1) .nachnameValueMobile,
.crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label:nth-child(1) .nachnameValueMobile,
.crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label .label:nth-child(1) .nachnameValueMobile,
.crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label .label:nth-child(1) .nachnameValueMobile,
.crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label label:nth-child(1) .nachnameValueMobile,
.crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label label:nth-child(1) .nachnameValueMobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label:nth-child(1) .nachnameValueMobile,
  .crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label:nth-child(1) .nachnameValueMobile,
  .crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label .label:nth-child(1) .nachnameValueMobile,
  .crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label .label:nth-child(1) .nachnameValueMobile,
  .crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label label:nth-child(1) .nachnameValueMobile,
  .crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label label:nth-child(1) .nachnameValueMobile {
    display: inline-block;
  }
}
.crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label:nth-child(3),
.crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label:nth-child(3),
.crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label .label:nth-child(3),
.crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label .label:nth-child(3),
.crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label label:nth-child(3),
.crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label label:nth-child(3) {
  flex: 1 1 30%;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label:nth-child(3),
  .crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label:nth-child(3),
  .crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label .label:nth-child(3),
  .crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label .label:nth-child(3),
  .crd #crdMiddleBox #crdPay .crdPay_item .acc_head > label label:nth-child(3),
  .crd #crdMiddleBox #crdDel .crdPay_item .acc_head > label label:nth-child(3) {
    display: none;
  }
}
.crd #crdMiddleBox #crdDel {
  /*.crdDel_item{
        padding: 15px 20px;
        &:first-child{
          padding: 0;
        }
        &:last-child{
          padding-top: 15px;
        }
      }*/
}
.crd #crdMiddleBox #crdDel .acc_head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
}
.crd #crdMiddleBox #crdDel .acc_head .labelWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  flex: 0 1 80%;
}
.crd #crdMiddleBox #crdDel .acc_head .labelWrapper > label:nth-child(1) {
  flex: 0 1 40%;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
}
@media only screen and (max-width: 767px) {
  .crd #crdMiddleBox #crdDel .acc_head .labelWrapper > label:nth-child(1) {
    flex: 0;
  }
}
.crd #crdMiddleBox #crdDel .acc_head .labelWrapper > label:nth-child(2) {
  flex: 0 1 80%;
}
@media only screen and (max-width: 767px) {
  .crd #crdMiddleBox #crdDel .acc_head .labelWrapper > label:nth-child(2) {
    margin: 0;
  }
  .crd #crdMiddleBox #crdDel .acc_head .labelWrapper > label:nth-child(2).css-label-value {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .crd #crdMiddleBox #crdDel .acc_head .labelWrapper {
    display: block;
  }
}
.crd #crdMiddleBox #crdDel .acc_head > label:nth-child(1) {
  flex: 0 1 90%;
}
@media only screen and (max-width: 767px) {
  .crd #crdMiddleBox #crdDel .acc_head > label:nth-child(1) {
    flex: 0;
  }
}
.crd #crdMiddleBox #crdDel .acc_head > label:nth-child(2) {
  flex: 0 1 40%;
}
.crd #crdMiddleBox #crdDel .acc_head > label:nth-child(3) {
  flex: 0 1 20%;
  text-align: right;
}
.crd #crdMiddleBox #crdDel .acc_head > label:nth-child(4) {
  flex: 0 1 20%;
  text-align: right;
}
.crd #crdMiddleBox #crdDel .acc_body {
  display: none;
}
.crd #crdMiddleBox .delivery_option_wrapper .icon-notification {
  max-width: 35px;
  display: inline-block;
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .crd #crdMiddleBox .delivery_option_wrapper .icon-notification {
    display: none;
  }
}
.crd #crdMiddleBox .delivery_option_wrapper input::-webkit-input-placeholder,
.crd #crdMiddleBox .delivery_option_wrapper #desiredshippingdate::-webkit-input-placeholder {
  color: #9d9d9d;
}
.crd #crdMiddleBox .delivery_option_wrapper input:-moz-placeholder,
.crd #crdMiddleBox .delivery_option_wrapper #desiredshippingdate:-moz-placeholder {
  /* Firefox 18- */
  color: #9d9d9d;
}
.crd #crdMiddleBox .delivery_option_wrapper input::-moz-placeholder,
.crd #crdMiddleBox .delivery_option_wrapper #desiredshippingdate::-moz-placeholder {
  /* Firefox 19+ */
  color: #9d9d9d;
}
.crd #crdMiddleBox .delivery_option_wrapper input:-ms-input-placeholder,
.crd #crdMiddleBox .delivery_option_wrapper #desiredshippingdate:-ms-input-placeholder {
  color: #9d9d9d;
}
.crd .crev_hidedatepicker .keyboardFocusNavigation {
  display: none;
}
.crd .crev_hidedatepicker .keyboardFocusNavigation.show {
  outline: none;
  display: block;
  position: absolute;
  top: 60px;
  background: #3582d1;
  padding: 20px;
  width: 50%;
  left: -30px;
  border-radius: 20px;
  color: white;
  z-index: 1;
}
.crd .delivery_option {
  padding-bottom: 10px;
}
.crd .delivery_option.ui-state-disabled {
  user-select: none;
  color: #d8d8d8;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.crd .delivery_option:first-child {
  padding-top: 0;
}
.crd .delivery_option.split_delivery {
  border-bottom: 1px solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.crd .delivery_option.desireddeliverydate {
  padding: 0;
}
.crd .delivery_option.desireddeliverydate #removeDesiredShippingDateBtn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.crd .delivery_option.desireddeliverydate #removeDesiredShippingDateBtn .icon-trash {
  font-size: 20px;
  padding-left: 10px;
  line-height: 45px;
}
.crd .delivery_option .acc_body {
  padding: 20px 40px;
}
.crd .delivery_option .ui-accordion-header-icon {
  float: right;
  font-size: 20px;
}
.crd .delivery_option .icon-notification {
  font-size: 20px;
}
.crd #crdBasketBox,
.crd #crdBasketBoxOrder {
  background-color: #f3f3f3;
  border: none;
  position: relative;
}
body.dark_mode .crd #crdBasketBox,
body.dark_mode .crd #crdBasketBoxOrder {
  background-color: #363438;
}
.crd #crdBasketBox .basketBoxContentArticleInfo,
.crd #crdBasketBoxOrder .basketBoxContentArticleInfo,
.crd #crdBasketBox .basketBoxContentTotalInfo,
.crd #crdBasketBoxOrder .basketBoxContentTotalInfo {
  border-bottom: 1px solid;
}
.crd #crdBasketBox .basketBoxContentArticleInfo .basketBoxContent,
.crd #crdBasketBoxOrder .basketBoxContentArticleInfo .basketBoxContent,
.crd #crdBasketBox .basketBoxContentTotalInfo .basketBoxContent,
.crd #crdBasketBoxOrder .basketBoxContentTotalInfo .basketBoxContent,
.crd #crdBasketBox .basketBoxContentArticleInfo .basketBoxContentTotalInfo,
.crd #crdBasketBoxOrder .basketBoxContentArticleInfo .basketBoxContentTotalInfo,
.crd #crdBasketBox .basketBoxContentTotalInfo .basketBoxContentTotalInfo,
.crd #crdBasketBoxOrder .basketBoxContentTotalInfo .basketBoxContentTotalInfo {
  padding-bottom: 15px;
}
.crd #crdBasketBox .basketBoxContentArticleInfo .basketBoxContent .basketBoxContent-article,
.crd #crdBasketBoxOrder .basketBoxContentArticleInfo .basketBoxContent .basketBoxContent-article,
.crd #crdBasketBox .basketBoxContentTotalInfo .basketBoxContent .basketBoxContent-article,
.crd #crdBasketBoxOrder .basketBoxContentTotalInfo .basketBoxContent .basketBoxContent-article,
.crd #crdBasketBox .basketBoxContentArticleInfo .basketBoxContentTotalInfo .basketBoxContent-article,
.crd #crdBasketBoxOrder .basketBoxContentArticleInfo .basketBoxContentTotalInfo .basketBoxContent-article,
.crd #crdBasketBox .basketBoxContentTotalInfo .basketBoxContentTotalInfo .basketBoxContent-article,
.crd #crdBasketBoxOrder .basketBoxContentTotalInfo .basketBoxContentTotalInfo .basketBoxContent-article {
  flex: 0 1 75%;
}
.crd #crdBasketBox .basketBoxContentArticleInfo .basketBoxContent .basketBoxContent-price,
.crd #crdBasketBoxOrder .basketBoxContentArticleInfo .basketBoxContent .basketBoxContent-price,
.crd #crdBasketBox .basketBoxContentTotalInfo .basketBoxContent .basketBoxContent-price,
.crd #crdBasketBoxOrder .basketBoxContentTotalInfo .basketBoxContent .basketBoxContent-price,
.crd #crdBasketBox .basketBoxContentArticleInfo .basketBoxContentTotalInfo .basketBoxContent-price,
.crd #crdBasketBoxOrder .basketBoxContentArticleInfo .basketBoxContentTotalInfo .basketBoxContent-price,
.crd #crdBasketBox .basketBoxContentTotalInfo .basketBoxContentTotalInfo .basketBoxContent-price,
.crd #crdBasketBoxOrder .basketBoxContentTotalInfo .basketBoxContentTotalInfo .basketBoxContent-price {
  text-align: right;
  flex: 0 1 25%;
}
.crd #crdBasketBox .basketBoxContentTotalInfo,
.crd #crdBasketBoxOrder .basketBoxContentTotalInfo {
  padding-top: 15px;
  padding-bottom: 15px;
}
.crd #crdBasketBox .basketBoxContentGrandTotal,
.crd #crdBasketBoxOrder .basketBoxContentGrandTotal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 15px;
}
@media (min-width: 769px) and(max-width: 1024px) {
  .crd #crdBasketBox .basketBoxContentGrandTotal,
  .crd #crdBasketBoxOrder .basketBoxContentGrandTotal {
    font-size: 14px;
  }
}
.crd #crdBasketBox .basketBoxContentGrandTotal .basketBoxContentGrandTotalBlock,
.crd #crdBasketBoxOrder .basketBoxContentGrandTotal .basketBoxContentGrandTotalBlock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  width: 100%;
}
.crd #crdBasketBox .basketBoxContentGrandTotal .basketBoxContentGrandTotalBlock .basketBoxContent-grantotalprice,
.crd #crdBasketBoxOrder .basketBoxContentGrandTotal .basketBoxContentGrandTotalBlock .basketBoxContent-grantotalprice {
  white-space: nowrap;
}
.crd #crdBasketBox .basketBoxContentGrandTotal .basketBoxVoucherNote,
.crd #crdBasketBoxOrder .basketBoxContentGrandTotal .basketBoxVoucherNote,
.crd #crdBasketBox .basketBoxContentGrandTotal .basket_contents_vat,
.crd #crdBasketBoxOrder .basketBoxContentGrandTotal .basket_contents_vat {
  width: 100%;
}
.crd #crdBasketBox .basketBoxContentGrandTotal .basketBoxVoucherNote .font_copy,
.crd #crdBasketBoxOrder .basketBoxContentGrandTotal .basketBoxVoucherNote .font_copy,
.crd #crdBasketBox .basketBoxContentGrandTotal .basket_contents_vat .font_copy,
.crd #crdBasketBoxOrder .basketBoxContentGrandTotal .basket_contents_vat .font_copy {
  text-transform: none;
}
@media only screen and (max-width: 960px) {
  .crd #crdBasketBox .basketBoxContentGrandTotal .basketBoxVoucherNote .font_copy,
  .crd #crdBasketBoxOrder .basketBoxContentGrandTotal .basketBoxVoucherNote .font_copy,
  .crd #crdBasketBox .basketBoxContentGrandTotal .basket_contents_vat .font_copy,
  .crd #crdBasketBoxOrder .basketBoxContentGrandTotal .basket_contents_vat .font_copy {
    font-size: 14px;
  }
}
.crd #crdBasketBox .basketBoxButton,
.crd #crdBasketBoxOrder .basketBoxButton {
  margin-top: 40px;
  margin-bottom: 15px;
}
.crd #cr_amazonDummy,
.crd #cr_amazonSubmitButton {
  text-transform: none;
}
@media only screen and (max-width: 960px) {
  .payment .checkout_next_button {
    display: none !important;
  }
}
body.dark_mode .bpy .bpy-payment-method-container {
  color: white;
}
body.dark_mode .bpy .bpy-payment-method-container .header-box {
  color: #333333;
}
body.dark_mode .bpy .footer-row .badges-row .bpy-icon {
  background: #c9cbd1;
}
body.order .crd #crdMiddleBox .checkout_container.box,
body.order .crd #crdMiddleBox .basket_contents.box {
  padding-top: 10px;
}
@media only screen and (max-width: 960px) {
  body.order .crd #crdMiddleBox .checkout_container.box,
  body.order .crd #crdMiddleBox .basket_contents.box {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.crd #crdMiddleBox .checkout_container hr,
.crd #crdMiddleBox .basket_contents hr {
  display: none;
}
.crd #crdMiddleBox .checkout_container .kalliope-container-snippet p,
.crd #crdMiddleBox .basket_contents .kalliope-container-snippet p,
.crd #crdMiddleBox .checkout_container .kalliope-container-snippet hr,
.crd #crdMiddleBox .basket_contents .kalliope-container-snippet hr {
  display: block;
}
@media only screen and (max-width: 960px) {
  body.order .crd #crdMiddleBox .checkout_container_item {
    padding-bottom: 20px;
  }
}
.crd #crdMiddleBox .checkout_container_item .voucher_diskon_order_wrapper input {
  margin-bottom: 5px;
}
@media only screen and (max-width: 960px) {
  .crd #crdMiddleBox .checkout_container_item .voucher_diskon_order_wrapper {
    display: inline-block;
    width: 100%;
  }
  .crd #crdMiddleBox .checkout_container_item .voucher_diskon_order_wrapper .voucher-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }
  .crd #crdMiddleBox .checkout_container_item .voucher_diskon_order_wrapper .voucher-wrapper .ddhes-form--el:last-child {
    margin-left: 0;
  }
  .crd #crdMiddleBox .checkout_container_item .voucher_diskon_order_wrapper input {
    border: 1px solid #d8d8d8;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 960px) {
  .crd #crdMiddleBox .checkout_container_item {
    padding: 0px;
    padding-top: 10px;
    border-bottom: none;
  }
}
.crd #crdMiddleBox .checkout_order_agb {
  font-size: 13px;
}
.crd #crdMiddleBox .checkout_order_agb a {
  background: none;
  float: none;
  display: inline;
  padding: 0;
}
.crd #crdMiddleBox .checkout_order_agb .main_title_agb {
  padding-top: 0;
  font-size: 14px;
  text-align: left;
}
.crd #crdMiddleBox .basket_contents_order {
  background-color: transparent;
}
.crd #crdMiddleBox .basket_contents_order .basket_contents_label_mobile {
  display: none;
}
.crd #crdMiddleBox .basket_contents_order .basket_contents_quantity .amount {
  font-weight: normal;
}
@media only screen and (max-width: 960px) {
  .crd #crdMiddleBox .basket_contents_order {
    margin-bottom: 20px;
  }
  .crd #crdMiddleBox .basket_contents_order .basket_contents_quantity .basket_contents_label_mobile {
    display: inline-block;
    font-weight: normal;
  }
}
.crd #crdMiddleBox .basket_contents_order .basket_contents_head > *:first-child {
  padding: 0;
}
.crd #crdMiddleBox .basket_contents_order .basket_contents_head .main_title {
  display: block;
  padding: 0;
  width: auto;
}
@media only screen and (max-width: 960px) {
  .crd #crdMiddleBox .basket_contents_order .basket_contents_head .main_title {
    padding: 10px 0;
    text-align: left;
    border-bottom: 1px solid;
  }
}
.crd #crdMiddleBox .cr_mainCheckoutForm #crdBasketBox {
  float: left;
  width: 100%;
  background-color: #f3f3f3;
  border: none;
  margin-bottom: 20px;
  margin-top: 0;
}
body.dark_mode .crd #crdMiddleBox .cr_mainCheckoutForm #crdBasketBox {
  background-color: #363438;
}
.crd #crdMiddleBox .cr_mainCheckoutForm #crdBasketBox .basketBoxWrapper {
  padding: 20px;
}
.crd #crdMiddleBox .cr_mainCheckoutForm #crdBasketBox button {
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
}
.crd #crdMiddleBox .cr_mainCheckoutForm #crdBasketBox .agb_text {
  padding: 20px 0;
  background-color: #fff;
  position: inherit;
  left: 0;
  margin-bottom: 0;
}
body.dark_mode .crd #crdMiddleBox .cr_mainCheckoutForm #crdBasketBox .agb_text {
  background-color: #333;
}
.crd #crdBasketBox {
  padding: 0;
}
.crd #crdBasketBox .basketBoxWrapper {
  padding: 20px;
}
.crd .agb_text {
  padding-top: 20px;
  margin-bottom: 0;
  background-color: #fff;
  font-size: 13px;
  /*margin-top: 20px;
    position: absolute;
    left: 0;*/
}
body.dark_mode .crd .agb_text {
  background-color: #333;
}
/*THANNK YOU PAGE*/
body.checkout .crd {
  /*BEHAMIC*/
}
@media only screen and (max-width: 960px) {
  body.checkout .crd #crdThankyouWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
  }
}
body.checkout .crd .infoBox .sub_title {
  border-bottom: 1px solid;
}
body.checkout .crd .infoBox .boxContent_title {
  margin: 0 20px;
  padding: 10px 20px;
}
@media only screen and (max-width: 767px) {
  body.checkout .crd .infoBox .boxContent_title {
    padding: 10px 0;
  }
}
body.checkout .crd .infoBox .boxContent_info {
  padding: 10px 40px;
}
@media only screen and (max-width: 767px) {
  body.checkout .crd .infoBox .boxContent_info {
    padding: 10px 20px;
  }
}
body.checkout .crd .thankyou_wrapper .main_title {
  font-weight: 700;
  display: inline-block;
}
body.checkout .crd .thankyou_wrapper .thankyou_title {
  border-bottom: 1px solid;
  padding-bottom: 5px;
  display: inline-block;
  width: 100%;
}
body.checkout .crd .thankyou_wrapper .thankyou_title a {
  text-decoration: underline;
}
@media only screen and (max-width: 960px) {
  body.checkout .crd .thankyou_wrapper .thankyou_title {
    border-bottom: none;
    padding-bottom: 0;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_title a {
    display: none;
  }
}
body.checkout .crd .thankyou_wrapper .thankyou_description {
  padding: 25px 0;
}
@media only screen and (max-width: 960px) {
  body.checkout .crd .thankyou_wrapper .thankyou_description {
    padding-top: 15px;
  }
}
body.checkout .crd .thankyou_wrapper .thankyou_benefit_wrapper {
  border: 1px solid #000000;
  padding: 10px 30px;
  display: inline-block;
}
body.checkout .crd .thankyou_wrapper .thankyou_benefit_wrapper h4 {
  font-size: 14px;
  font-weight: 700;
  color: #1a508e;
  line-height: 22px;
  padding-bottom: 10px;
}
body.checkout .crd .thankyou_wrapper .thankyou_benefit_wrapper ul.list_iconed {
  padding-left: 35px;
}
body.checkout .crd .thankyou_wrapper .thankyou_benefit_wrapper form {
  display: inline-block;
  width: 100%!important;
}
body.checkout .crd .thankyou_wrapper .thankyou_benefit_wrapper button {
  padding: 10px 20px;
  float: right;
}
@media only screen and (max-width: 960px) {
  body.checkout .crd .thankyou_wrapper .thankyou_benefit_wrapper {
    display: none;
  }
}
body.checkout .crd .thankyou_wrapper .thankyou_middle_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  float: none;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.checkout .crd .thankyou_wrapper .thankyou_middle_content > div {
  padding: 25px 0;
  margin: 10px 0;
}
body.checkout .crd .thankyou_wrapper .thankyou_middle_content .second_box .js-hyphenate {
  word-wrap: break-word;
}
body.checkout .crd .thankyou_wrapper .thankyou_middle_content .boxNumber {
  height: 30px;
  width: 30px;
  line-height: 28px;
  border-radius: 24px;
  color: #333333;
  border: 1px solid #333333;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: -35px;
  background-color: #fff;
  margin-bottom: 20px;
}
body.dark_mode body.checkout .crd .thankyou_wrapper .thankyou_middle_content .boxNumber {
  background-color: #333;
}
body.checkout .crd .thankyou_wrapper .thankyou_middle_content .inactive {
  color: #d8d8d8;
}
body.checkout .crd .thankyou_wrapper .thankyou_middle_content .inactive ul.list_iconed li {
  list-style-image: url(images/icon-check-inactive.png);
}
@media only screen and (max-width: 960px) {
  body.checkout .crd .thankyou_wrapper .thankyou_middle_content {
    margin: 0;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_middle_content > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px;
    margin: 20px 0;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_middle_content > div .box {
    border: none;
    padding: 0;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_middle_content > div .box .boxNumber {
    display: none;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_middle_content .boxContent {
    padding: 20px;
  }
}
body.checkout .crd .thankyou_wrapper .thankyou_basket_content {
  padding: 25px 0;
  /*Desktop basket content*/
  /*Mobile basket content*/
}
body.checkout .crd .thankyou_wrapper .thankyou_basket_content .basket_contents_head {
  border: 1px solid;
  padding: 10px 0;
}
body.checkout .crd .thankyou_wrapper .thankyou_basket_content .basket_contents_head > *:last-child {
  padding: 0 10px;
}
body.checkout .crd .thankyou_wrapper .thankyou_basket_content .basket_contents_item > *:last-child {
  padding: 0 10px;
}
body.checkout .crd .thankyou_wrapper .thankyou_basket_content .checkout_thankyou_basket {
  margin-top: 0;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
}
body.checkout .crd .thankyou_wrapper .thankyou_basket_content .checkout_thankyou_basket_header .main_title {
  float: left;
  margin-right: 10px;
}
body.checkout .crd .thankyou_wrapper .thankyou_basket_content .checkout_thankyou_basket_header > *:last-child {
  padding: 0 10px;
}
body.checkout .crd .thankyou_wrapper .thankyou_basket_content .basket_contents_body_mobile {
  order: 2;
  border: 1px solid;
}
body.checkout .crd .thankyou_wrapper .thankyou_basket_content .basket_contents_body_mobile .basket_contents_stock {
  margin-top: 0;
}
body.checkout .crd .thankyou_wrapper .thankyou_basket_content .basket_contents_label_mobile {
  display: none;
}
@media only screen and (max-width: 960px) {
  body.checkout .crd .thankyou_wrapper .thankyou_basket_content {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_basket_content .checkout_thankyou_basket {
    order: 2;
    margin-top: 20px;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_basket_content .infoBox {
    order: 1;
    width: 100%;
    margin-top: 10px;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_basket_content .basket_contents_item .basket_content_artSize {
    float: left;
    border-right: 1px solid;
    padding-right: 10px;
    margin-right: 10px;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_basket_content .basket_contents_item .basket_contents_image {
    padding: 0;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_basket_content .basket_contents_item > *:last-child {
    padding: 0 10px;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_basket_content .basket_contents_item .basket_contents_quantity .basket_contents_label_mobile {
    display: inline-block;
    font-weight: normal;
  }
  body.checkout .crd .thankyou_wrapper .thankyou_basket_content .basket_contents_item .basket_contents_totalprice {
    text-align: left;
  }
}
body.dark_mode body.checkout .crd .behbox-feedback {
  background: #181719;
  border: 1px solid #fff;
}
body.dark_mode body.checkout .crd .behbox-feedback #box-title,
body.dark_mode body.checkout .crd .behbox-feedback #box-paragraph {
  color: #fff;
}
body.dark_mode body.checkout .crd .behbox-feedback .box-table td {
  background: #181719 !important;
}
body.dark_mode body.checkout .crd .behbox-feedback .feedback-button {
  background: #2d2d2d !important;
}
body.checkout .crd #crdThankyouRightBox {
  margin-top: 30px;
}
body.checkout .crd #crdThankyouRightBox p {
  padding-bottom: 10px;
}
body.checkout .crd #crdThankyouRightBox p:last-child {
  padding-bottom: 0;
}
@media only screen and (max-width: 960px) {
  body.checkout .crd #crdThankyouRightBox {
    width: 100%;
    margin-top: 20px;
  }
}
body.checkout .crd .callNumber {
  color: #1a508e;
}
body.checkout [data-test-id="userlike-container"] {
  display: none;
}
/*START: STYLE FROM CONTENT.less*/
.thankyou_wrapper .stdarea h2 {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  .thankyou_wrapper .stdarea .thankyou_description {
    padding: 0 10px;
  }
}
.thankyou_wrapper .stdarea .thankyou_description,
.thankyou_wrapper .stdarea .checkout_thankyou_products > div {
  max-width: 1240px;
  margin: 0 auto;
}
.thankyou_wrapper .stdarea .price_container > div:first-child,
.thankyou_wrapper .stdarea .item_container > div:first-child,
.thankyou_wrapper .stdarea .order_container > div:first-child {
  border-bottom: 2px solid #d8d8d8;
}
@media (max-width: 960px) {
  .thankyou_wrapper .stdarea .price_container > div:first-child,
  .thankyou_wrapper .stdarea .item_container > div:first-child,
  .thankyou_wrapper .stdarea .order_container > div:first-child {
    border: none;
  }
}
.thankyou_wrapper .stdarea .price_container > div:first-child p,
.thankyou_wrapper .stdarea .item_container > div:first-child p,
.thankyou_wrapper .stdarea .order_container > div:first-child p {
  font-weight: 700;
}
.thankyou_wrapper .stdarea .price_container > div:first-child p {
  float: right;
}
@media (max-width: 960px) {
  .thankyou_wrapper .stdarea .price_container > div:first-child p {
    display: none;
  }
}
.thankyou_wrapper .stdarea .price_container > div:last-child {
  padding-top: 40px;
}
.thankyou_wrapper .stdarea .item_container {
  text-align: center;
}
@media (max-width: 960px) {
  .thankyou_wrapper .stdarea .item_container {
    text-align: left;
  }
}
.thankyou_wrapper .stdarea .item_container > div:last-child {
  padding-top: 10px;
}
@media (max-width: 960px) {
  .thankyou_wrapper .stdarea .order_container > div:last-child p {
    display: none;
  }
}
.thankyou_wrapper .stdarea .total_price > span,
.thankyou_wrapper .stdarea .order_number {
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.thankyou_wrapper .stdarea .total_price,
.thankyou_wrapper .stdarea .vat_price {
  width: 100%;
  float: right;
  max-width: 320px;
}
.thankyou_wrapper .stdarea .total_price span,
.thankyou_wrapper .stdarea .vat_price span {
  float: right;
}
.thankyou_wrapper .stdarea .total_price p,
.thankyou_wrapper .stdarea .vat_price p {
  float: left;
}
.thankyou_wrapper .stdarea .total_price p,
.thankyou_wrapper .stdarea .total_price span {
  font-weight: 700;
}
.thankyou_wrapper .stdarea .total_price p {
  padding-top: 10px;
  margin-bottom: 0;
}
@media (max-width: 960px) {
  .thankyou_wrapper .stdarea .total_price p {
    padding-top: 0;
  }
}
.thankyou_wrapper .stdarea .checkout_thankyou_products {
  margin-top: 40px;
}
@media (max-width: 960px) {
  .thankyou_wrapper .stdarea .checkout_thankyou_products {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/*END: STYLE FROM CONTENT.less*/
body:not(.reserve_checkout) .cr_show {
  display: none;
}
body.reserve_checkout .account_newsletter_box {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
}
body.reserve_checkout .account_newsletter_box_head {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 40px;
}
body.reserve_checkout .cr_hide {
  display: none!important;
}
body.reserve_checkout .cr_show {
  display: block!important;
}
body.reserve_checkout .basket_contents_var_value {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 960px) {
  body.reserve_checkout .basket_contents_var_value {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 960px) {
  body.reserve_checkout .basket_contents_totalprice {
    text-align: left;
  }
}
body.reserve_checkout.order #crdMiddleBox {
  width: 70%;
  margin-right: 0;
}
@media only screen and (max-width: 960px) {
  body.reserve_checkout.order #crdMiddleBox {
    width: 100%;
    margin: 0;
  }
}
body.reserve_checkout.thankyou .checkout_thankyou_basket_header .main_title {
  padding: 0;
}
@media only screen and (max-width: 960px) {
  body.reserve_checkout.thankyou {
    padding: 0 10px;
  }
}
body.page404 .header_info_right {
  float: left;
  margin-top: 35px;
  margin-left: 20px;
}
body.page404 .header_info_left,
body.page404 .header_servicelinks,
body.page404 .header_functions,
body.page404 .header_navigation,
body.page404 .header_search,
body.page404 .footer_block.hotline,
body.page404 .footer_block.service,
body.page404 .footer_block.logo {
  display: none;
}
body.page404 .header_logo {
  margin-top: 0;
}
body.page404 #headerFreeReturn {
  display: none;
}
/* 404 page */
.hgg_error404 .breadcrumb_wrapper {
  width: 100%;
}
.error_page404 {
  text-align: center;
  box-sizing: border-box;
  padding: 58px 30px;
}
.error_page404 .error-icon {
  width: 125px;
}
.error_page404 h1 {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 20px 20px 15px;
  padding: 18px;
}
@media (max-width: 960px) {
  .error_page404 h1 {
    padding: 18px 0;
    font-size: 28px;
    line-height: 1.5em;
    margin: 20px 0;
  }
}
.error_page404 p {
  font-size: 20px;
  font-weight: 100;
  max-width: 645px;
  margin: auto;
  line-height: 40px;
}
.error_page404 .btn-error {
  border: none;
  background: #1a508e;
  color: #fff;
  cursor: pointer;
  margin: 40px auto;
  font-weight: 400;
  text-transform: uppercase;
  padding: 20px 40px;
}
.error_page404 .btn-error:hover {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background: #0e2c4d;
  color: #d9d9d9;
}
@media (max-width: 960px) {
  .error_page404 .btn-error {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .error_page404 .btn-error {
    font-size: 13px;
  }
}
@media (max-width: 600px) {
  .error_page404 {
    padding: 58px 15px;
  }
}
.notfound_description {
  position: absolute;
  top: 20%;
  left: 40%;
  text-align: center;
  color: #fff;
}
.notfound_description span {
  text-decoration: underline;
}
.notfound_description div.pagetitle h1 {
  font-size: 15rem;
  color: #fff;
}
.notfound_description div.pagetitle h2 {
  color: #fff;
}
.notfound_description_phone {
  font-size: 24px;
}
.notfound .separation_line {
  margin: auto;
  max-width: 230px;
  border-bottom: 2px solid #fff;
}
/** youtube lightbox maybe if needed we have to move it to frame_imports.less**/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}
.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

