@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important;
}

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

@media (max-width: 639px) {
  .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;
  }
}
@media (max-width: 639px) {
  .visible-xs-block {
    display: block !important;
  }
}

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

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

@media (min-width: 640px) and (max-width: 1023px) {
  .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;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm-block {
    display: block !important;
  }
}

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

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

@media (min-width: 1024px) and (max-width: 1399px) {
  .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;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md-block {
    display: block !important;
  }
}

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

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

@media (min-width: 1400px) {
  .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 (min-width: 1400px) {
  .visible-lg-block {
    display: block !important;
  }
}

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

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

@media (max-width: 639px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .hidden-lg {
    display: none !important;
  }
}
.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;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

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

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

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

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

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

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

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

.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;
  line-height: 1.428571429;
  padding: 0 6px;
  font-size: 0.875rem;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus {
  color: #565655;
  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;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 640px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 940px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 940px;
  }
}

.container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  margin-right: auto;
  margin-left: auto;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
}
.container-fluid:before, .container-xxl:before, .container-xl:before, .container-lg:before, .container-md:before, .container-sm:before, .container-fluid:after, .container-xxl:after, .container-xl:after, .container-lg:after, .container-md:after, .container-sm:after {
  content: " ";
  display: table;
}
.container-fluid:after, .container-xxl:after, .container-xl:after, .container-lg:after, .container-md:after, .container-sm:after {
  clear: both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
  margin-left: calc(20px / -2);
  margin-right: calc(20px / -2);
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 640px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

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

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

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

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

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

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

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

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

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

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

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

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

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

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

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

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

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

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

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

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

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

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

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

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

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

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

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1024px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

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

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

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

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

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

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

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

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

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

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

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

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

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

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

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

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

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

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

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

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

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

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

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

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

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

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

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1400px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

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

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

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

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

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

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

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

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

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

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

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

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

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

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

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

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

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

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

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

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

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

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

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

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

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

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

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before, .nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #000000;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 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.428571429;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #e3e4e4;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 0;
}
.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: #707173;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .tabs .tabs-list.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .tabs .tabs-list.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .tabs .tabs-list.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .nav-justified > li, .tabs .tabs-list.nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .tabs .tabs-list.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .tabs .tabs-list.nav-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .tabs .tabs-list.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs-justified > .active > a, .tabs .tabs-list.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 640px) {
  .nav-tabs-justified > li > a, .tabs .tabs-list.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs-justified > .active > a, .tabs .tabs-list.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border-bottom-color: #e3e4e4;
  }
}

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

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 227, 228, 228;
  --bs-font-sans-serif: "klavika", Arial, sans-serif;
  --bs-font-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: klavika, Arial, sans-serif;
  --bs-body-font-size: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.428571429;
  --bs-body-color: #212529;
  --bs-body-bg: #e3e4e4;
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1, .h1 {
  font-size: calc(1.34375rem + 1.125vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.1875rem;
  }
}

h2, .h2 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.75rem;
  }
}

h3, .h3 {
  font-size: calc(1.278125rem + 0.3375vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.53125rem;
  }
}

h4, .h4 {
  font-size: calc(1.25625rem + 0.075vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.3125rem;
  }
}

h5, .h5 {
  font-size: 1.09375rem;
}

h6, .h6 {
  font-size: 0.875rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #000000;
  text-decoration: underline;
}
a:hover {
  color: #8a8d8f;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
  color: #333333;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #c7254e;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #333;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #777777;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

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

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

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

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.09375rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.1;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.1;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.1;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.1;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.1;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.1;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.09375rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 4px;
  background-color: #e3e4e4;
  border: 1px solid #dee2e6;
  border-radius: 0;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 10px);
  padding-left: var(--bs-gutter-x, 10px);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

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

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

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

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

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

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

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

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

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

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

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

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

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

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

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

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #000000;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:first-child) {
  border-top: 2px solid currentColor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}

.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}

.table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7;
}

.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}

.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}

.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4;
}

.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}

.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.428571429;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.09375rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.765625rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #777777;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.428571429;
  color: #000000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #000000;
  appearance: none;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #000000;
  background-color: transparent;
  border-color: #b8b8b9;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(112, 113, 115, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.428571429em;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #000000;
  background-color: #eeeeee;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #e2e2e2;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #000000;
  background-color: #eeeeee;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #e2e2e2;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.428571429;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.428571429em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.428571429em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.428571429em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.428571429em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.428571429em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.428571429em;
  border-radius: 0;
}
.form-control-color::-webkit-color-swatch {
  height: 1.428571429em;
  border-radius: 0;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.428571429;
  color: #000000;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #000000;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #b8b8b9;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(112, 113, 115, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.765625rem;
  border-radius: 0.2rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.09375rem;
  border-radius: 0.3rem;
}

.form-check {
  display: block;
  min-height: 1.2500000004rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.2142857145em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  appearance: none;
  color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #b8b8b9;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(112, 113, 115, 0.25);
}
.form-check-input:checked {
  background-color: #707173;
  border-color: #707173;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #707173;
  border-color: #707173;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b8b8b9'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #e3e4e4, 0 0 0 0.25rem rgba(112, 113, 115, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #e3e4e4, 0 0 0 0.25rem rgba(112, 113, 115, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #707173;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #d4d4d5;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #707173;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #d4d4d5;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.428571429;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 0;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  border-radius: 0.2rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 5px 5px;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.428571429em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3571428573em + 0.1875rem) center;
  background-size: calc(0.7142857145em + 0.375rem) calc(0.7142857145em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.428571429em + 0.75rem);
  background-position: top calc(0.3571428573em + 0.1875rem) right calc(0.3571428573em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.7142857145em + 0.375rem) calc(0.7142857145em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 5px 5px;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.428571429em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3571428573em + 0.1875rem) center;
  background-size: calc(0.7142857145em + 0.375rem) calc(0.7142857145em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.428571429em + 0.75rem);
  background-position: top calc(0.3571428573em + 0.1875rem) right calc(0.3571428573em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.7142857145em + 0.375rem) calc(0.7142857145em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}

.btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.375;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 0 solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(112, 113, 115, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-outline-primary {
  color: #0d6efd;
  border-color: #0d6efd;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #0d6efd;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-success {
  color: #198754;
  border-color: #198754;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #198754;
  background-color: transparent;
}

.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-outline-info:hover {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #0dcaf0;
  background-color: transparent;
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #212529;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: #000000;
  text-decoration: underline;
}
.btn-link:hover {
  color: #8a8d8f;
}
.btn-link:disabled, .btn-link.disabled {
  color: #777777;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  border-radius: 0.2rem;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 0.875rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #333333;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #707173;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #777777;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.765625rem;
  color: #777777;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #333333;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #707173;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: #e5e5e5;
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: 0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: 0;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #000000;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: #8a8d8f;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #eeeeee;
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #e3e4e4;
  border-color: #dee2e6 #dee2e6 #e3e4e4;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #707173;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link, .tabs .tabs-list.nav-justified > .nav-link,
.nav-justified .nav-item,
.tabs .tabs-list.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

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

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: 0.34375rem;
  padding-bottom: 0.34375rem;
  margin-right: 1rem;
  font-size: 1.09375rem;
  text-decoration: none;
  white-space: nowrap;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.09375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-sm .offcanvas-top,
.navbar-expand-sm .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-md .offcanvas-top,
.navbar-expand-md .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-lg .offcanvas-top,
.navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xl .offcanvas-top,
.navbar-expand-xl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xxl .offcanvas-top,
.navbar-expand-xxl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  flex-grow: 1;
  visibility: visible !important;
  background-color: transparent;
  border-right: 0;
  border-left: 0;
  transition: none;
  transform: none;
}
.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
  height: auto;
  border-top: 0;
  border-bottom: 0;
}
.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

.card-title {
  margin-bottom: 0.5rem;
}

.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: 1rem;
}

.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: #fff;
  border-bottom-color: #fff;
}

.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-group > .card {
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
  color: #212529;
  text-align: left;
  background-color: #000000;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #f1f1f1;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #b8b8b9;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(112, 113, 115, 0.25);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  background-color: #000000;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #ffffff;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: #b1b3b4;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  color: #b1b3b4;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: #a6a6a6;
  background-color: transparet;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  color: #8a8d8f;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(112, 113, 115, 0.25);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item.active .page-link {
  z-index: 3;
  color: #a6a6a6;
  background-color: #707173;
  border-color: #707173;
}
.page-item.disabled .page-link {
  color: #a6a6a6;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.page-link {
  padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.09375rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.dropdown-toggle::after {
  content: none !important;
  display: none !important;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: bold;
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  color: white;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.alert-primary .alert-link {
  color: #cccccc;
}

.alert-secondary {
  color: white;
  background-color: #6c757d;
  border-color: #6c757d;
}
.alert-secondary .alert-link {
  color: #cccccc;
}

.alert-success {
  color: white;
  background-color: #198754;
  border-color: #198754;
}
.alert-success .alert-link {
  color: #cccccc;
}

.alert-info {
  color: black;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.alert-info .alert-link {
  color: black;
}

.alert-warning {
  color: black;
  background-color: #ffc107;
  border-color: #ffc107;
}
.alert-warning .alert-link {
  color: black;
}

.alert-danger {
  color: white;
  background-color: #dc3545;
  border-color: #dc3545;
}
.alert-danger .alert-link {
  color: #cccccc;
}

.alert-light {
  color: black;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.alert-light .alert-link {
  color: black;
}

.alert-dark {
  color: white;
  background-color: #212529;
  border-color: #212529;
}
.alert-dark .alert-link {
  color: #cccccc;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.65625rem;
  background-color: #f5f5f5;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #707173;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0;
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #777777;
  pointer-events: none;
  background-color: #eeeeee;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #707173;
  border-color: #707173;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(112, 113, 115, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: 10px;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}

.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

@media (max-width: 1023px) {
  .js-product-color-description {
    overflow-y: hidden;
  }
  .js-product-color-description .modal-dialog {
    top: 60px;
  }
}

.modal-dialog {
  min-width: 30%;
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .modal-dialog {
    height: 100% !important;
    width: 100% !important;
    margin: auto;
  }
  .modal-dialog .modal-content {
    height: 100%;
  }
  .modal-dialog .modal-content .modal-body {
    max-height: 150px;
  }
  .modal-dialog .modal-content .modal-footer {
    align-self: center;
  }
}
@media (max-width: 1023px) {
  .modal-dialog.color-description-modal .modal-content .modal-body {
    max-height: 650px;
  }
  .modal-dialog.color-description-modal .modal-content .modal-footer button {
    margin: 0;
  }
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate3d(0, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog .modal-body .buttons-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
@media (max-width: 1023px) {
  .modal-dialog .modal-body .buttons-container {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}

@media (max-width: 1023px) {
  .discard-cart-modal-utility-class {
    overflow-y: hidden;
  }
  .discard-cart-modal-utility-class .discard-card-modal-content {
    top: 60px;
  }
  .discard-cart-modal-utility-class .discard-card-modal-content .modal-body {
    max-height: 50px;
  }
}

@media (max-width: 1023px) {
  .user-management-modal {
    overflow-y: hidden;
  }
  .user-management-modal .user-management-modal-content {
    top: 60px;
  }
}

@media (max-width: 1023px) {
  .reorder-modal-dialog-element {
    overflow-y: hidden;
  }
}
.reorder-modal-dialog-element .reorder-modal-content {
  top: 60px;
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #e5e5e5;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #e5e5e5;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}
.modal-footer .buttons-container {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-self: end;
}
@media (max-width: 1023px) {
  .modal-footer .buttons-container {
    justify-self: center;
  }
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 900px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "klavika", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #ffc510;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #ffc510;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #ffc510;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #ffc510;
}

.tooltip-inner {
  max-width: 200px;
  padding: 5px 5px;
  color: #ffffff;
  text-align: center;
  background-color: #ffc510;
  border-radius: 0;
}

.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "klavika", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.765625rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 10px;
  height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 5px 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 5px 0;
  border-top-color: #fff;
}

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 10px;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: 5px 0.5rem 5px 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: 5px 0.5rem 5px 0;
  border-right-color: #fff;
}

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 5px 0.5rem 5px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 5px 0.5rem 5px;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 10px;
  margin-left: -5px;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 10px;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 5px 0 5px 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 5px 0 5px 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: inherit;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    animation-duration: 1.5s;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.428571429;
}

.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}

.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}

.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}

.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}

.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

.offcanvas.show {
  transform: none;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-primary {
  color: #0d6efd;
}
.link-primary:hover, .link-primary:focus {
  color: #0a58ca;
}

.link-secondary {
  color: #6c757d;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64;
}

.link-success {
  color: #198754;
}
.link-success:hover, .link-success:focus {
  color: #146c43;
}

.link-info {
  color: #0dcaf0;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3;
}

.link-warning {
  color: #ffc107;
}
.link-warning:hover, .link-warning:focus {
  color: #ffcd39;
}

.link-danger {
  color: #dc3545;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37;
}

.link-light {
  color: #f8f9fa;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb;
}

.link-dark {
  color: #212529;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

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

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

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

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

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

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

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #000000 !important;
}

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

.border-top {
  border-top: 1px solid #000000 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #000000 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #000000 !important;
}

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

.border-start {
  border-left: 1px solid #000000 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0d6efd !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #198754 !important;
}

.border-info {
  border-color: #0dcaf0 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

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

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

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

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

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

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

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

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

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

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

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

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.34375rem + 1.125vw) !important;
}

.fs-2 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-3 {
  font-size: calc(1.278125rem + 0.3375vw) !important;
}

.fs-4 {
  font-size: calc(1.25625rem + 0.075vw) !important;
}

.fs-5 {
  font-size: 1.09375rem !important;
}

.fs-6 {
  font-size: 0.875rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.428571429 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

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

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #777777 !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

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

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

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

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

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

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

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

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

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

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

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

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

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

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

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

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

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

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

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

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

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

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

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

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

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

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.1875rem !important;
  }

  .fs-2 {
    font-size: 1.75rem !important;
  }

  .fs-3 {
    font-size: 1.53125rem !important;
  }

  .fs-4 {
    font-size: 1.3125rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

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

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}
.alert {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0;
}
.alert h4, .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,
.alert-dismissible {
  padding-right: calc(1rem + 20);
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: 0;
  font-size: 28px;
  right: 42px;
  margin: auto;
  bottom: 0;
  height: 1em;
  position: absolute;
  color: inherit;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
}

.alert-success {
  color: #3e5983;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success .alert-link {
  color: #324769;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info .alert-link {
  color: #275a72;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning .alert-link {
  color: #6e572f;
}

.alert-danger {
  color: #ffffff;
  background-color: #d8282f;
  border-color: #d8282f;
}
.alert-danger .alert-link {
  color: #cccccc;
}

.alert {
  padding: 15px 60px 15px 60px;
}
@media (min-width: 640px) {
  .alert {
    padding: 25px 80px 25px 80px;
  }
}

.global-alerts {
  position: fixed;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  z-index: 1051;
}
.global-alerts .alert + .alert {
  margin-top: 2px;
}
.global-alerts .alert {
  margin-bottom: 0;
}
.global-alerts .alert-error {
  background: #d8282f;
}

.alert-info,
.alert-danger {
  background-color: #d8282f;
  border-color: #d8282f;
  color: #ffffff;
  width: 100%;
  vertical-align: middle;
  min-height: 72px;
}
.alert-info:before,
.alert-danger:before {
  font-family: "Glyphicons Halflings";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  content: "\e101";
  display: block;
  font-size: 28px;
  top: 0;
  left: 42px;
  position: absolute;
  height: 1em;
  bottom: 0;
  margin: auto;
}
.alert-info .close,
.alert-danger .close {
  opacity: 1;
  color: #ffffff;
}

.alert-warning {
  background: #707173;
  border: 1px solid #707173;
  color: #ffffff;
  opacity: 1;
}
.alert-warning:before {
  content: "\e086";
  font-family: "Glyphicons Halflings";
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  content: "\e086";
  display: block;
  font-size: 28px;
  top: 0;
  left: 42px;
  position: absolute;
  height: 1em;
  bottom: 0;
  margin: auto;
}

.alert-success {
  background: #04852b;
  border: 1px solid #04852b;
  color: #ffffff;
  opacity: 1;
}
.alert-success:before {
  content: "\e084";
  font-family: "Glyphicons Halflings";
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  display: block;
  font-size: 28px;
  top: 0;
  left: 42px;
  position: absolute;
  height: 1em;
  bottom: 0;
  margin: auto;
}

.close {
  opacity: 1;
}

@media (max-width: 639px) {
  .alert-danger {
    min-height: 51px;
  }
  .alert-danger:before {
    left: 22px;
  }

  .alert:before {
    left: 20px;
  }
}
.breadcrumb-section {
  background: #ffffff;
  padding-bottom: 10px;
  padding-left: 0;
}
.breadcrumb-section .cmp-breadcrumb__item:first-of-type {
  padding-left: 0 !important;
}
.breadcrumb-section .breadcrumb {
  font-size: 14px;
  /* margin: 0; */
}
.breadcrumb-section .breadcrumb > li > a {
  color: #b1b3b4;
}

.form-meta.form-meta {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .form-meta.form-meta:first-child {
    margin-top: 1.6375em;
  }
  .form-meta.form-meta > * {
    margin-left: 10px;
  }
  .form-meta.form-meta > *:first-child {
    margin-left: 0;
  }
}

.datepicker.form-control[disabled],
.datepicker-range.form-control[disabled],
.datepicker.form-control[readonly],
.datepicker-range.form-control[readonly],
fieldset.datepicker[disabled] .form-control,
fieldset.datepicker-range[disabled] .form-control {
  color: #000;
  background: #ffffff;
  cursor: text;
}
.datepicker.form-control[disabled]:hover,
.datepicker-range.form-control[disabled]:hover,
.datepicker.form-control[readonly]:hover,
.datepicker-range.form-control[readonly]:hover,
fieldset.datepicker[disabled] .form-control:hover,
fieldset.datepicker-range[disabled] .form-control:hover {
  cursor: text;
}

.datepicker.form-control[disabled],
.datepicker-range.form-control[disabled],
fieldset.datepicker[disabled] .form-control,
fieldset.datepicker-range[disabled] .form-control {
  background: #eee;
  cursor: not-allowed;
}
.datepicker.form-control[disabled]:hover,
.datepicker-range.form-control[disabled]:hover,
fieldset.datepicker[disabled] .form-control:hover,
fieldset.datepicker-range[disabled] .form-control:hover {
  cursor: not-allowed;
}

.pagination {
  margin: 0;
}
.pagination > li {
  vertical-align: top;
  display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
  position: static;
  border: none;
  margin: 0;
  float: none;
  display: inline-block;
  line-height: inherit;
  width: auto;
}
.pagination > li.pagination-prev > a, .pagination > li.pagination-prev > span, .pagination > li.pagination-next > a, .pagination > li.pagination-next > span {
  font-size: 11px;
}
.pagination > li.pagination-prev > a:hover, .pagination > li.pagination-prev > a:focus, .pagination > li.pagination-prev > span:hover, .pagination > li.pagination-prev > span:focus, .pagination > li.pagination-next > a:hover, .pagination > li.pagination-next > a:focus, .pagination > li.pagination-next > span:hover, .pagination > li.pagination-next > span:focus {
  background-color: #f1bf5e;
  color: #ffffff;
}
.pagination > li.pagination-prev.disabled > a:hover, .pagination > li.pagination-prev.disabled > a:focus, .pagination > li.pagination-prev.disabled > span:hover, .pagination > li.pagination-prev.disabled > span:focus, .pagination > li.pagination-next.disabled > a:hover, .pagination > li.pagination-next.disabled > a:focus, .pagination > li.pagination-next.disabled > span:hover, .pagination > li.pagination-next.disabled > span:focus {
  color: #a6a6a6;
  background-color: transparent;
  border-color: #b1b3b4;
}
.pagination > li.pagination-prev {
  text-align: left;
}
.pagination > li.pagination-prev > a, .pagination > li.pagination-prev > span {
  border-right: 1px solid #b1b3b4;
}
.pagination > li.pagination-next {
  text-align: right;
}
.pagination > li.pagination-next > a, .pagination > li.pagination-next > span {
  border-left: 1px solid #b1b3b4;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: transparent;
  border: none;
  font-weight: 400;
}
.pagination .page-link {
  padding: 20px 15px;
  font-size: 0.875rem;
}
.pagination .page-item:first-child .page-link {
  border-top-left-radius: calc(20px/4);
  border-bottom-left-radius: calc(20px/4);
}
.pagination .page-item:last-child .page-link {
  border-top-right-radius: calc(20px/4);
  border-bottom-right-radius: calc(20px/4);
}

@media (max-width: 639px) {
  .pagination-with-pager .pagination-wrap {
    float: none;
  }
}
.sort-container {
  display: flex;
  width: auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: flex-start;
}
.sort-container form, .sort-container label, .sort-container select {
  width: auto;
}
.sort-container .sort-label {
  font-family: "Klavika Light";
  font-weight: 700;
}

.search-input-container {
  background: white;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: -122px;
  padding: 5em 0 2em;
}
@media (max-width: 1023px) {
  .search-input-container {
    padding: 7em 0 2em;
  }
}
@media (max-width: 639px) {
  .search-input-container {
    padding-bottom: 30px;
  }
}
.search-input-container .inner-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.search-input-container .title {
  font-size: 40px;
  font-weight: bold;
  font-family: "klavika";
}
@media (max-width: 639px) {
  .search-input-container .title {
    white-space: nowrap;
    font-size: 28px;
  }
}
.search-input-container .input-container {
  display: flex;
  align-items: center;
  border-bottom: 1px solid black;
}
.search-input-container .input-container button {
  border: 0;
  background: transparent;
  color: black;
}
.search-input-container .input-container input {
  font-family: "klavika";
  font-size: 1.25rem;
  width: 28rem;
  padding: 0.75rem 0;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  float: right;
  margin: 0;
  border: none;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
@media (max-width: 640px) {
  .search-input-container .input-container input {
    width: 16rem;
  }
}
.search-input-container .input-container input:focus {
  outline: none;
}
.search-input-container .input-container .material-icons:hover {
  cursor: pointer;
}
.search-input-container .hidden {
  display: none;
}

.page-navigator {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.page-navigator .navigator-container {
  display: flex;
  background: #f5f5f5;
  width: auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 3px;
}

.links-container {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 360px) {
  .links-container {
    flex-direction: column;
  }
}
.links-container .link-button {
  pointer-events: none;
  font-family: "Klavika Light";
  font-weight: bold;
  font-size: small;
  padding: 10px;
  background: #dddddd;
  border-radius: 5px;
  color: #9e9e9e;
  text-transform: uppercase;
}
.links-container .link-button button {
  font-family: "Klavika Light";
  font-weight: bold;
  font-size: small;
  border: 0;
  background: transparent;
  text-transform: uppercase;
}
.links-container .prev-btn {
  margin-right: 30px;
}
.links-container .next-btn {
  margin-left: 30px;
}
@media (max-width: 420px) {
  .links-container .link-button {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 360px) {
  .links-container .link-button {
    width: 100%;
  }
}
.links-container .active {
  background: #ffc510;
  pointer-events: all;
}
.links-container .active button {
  color: black;
}
.links-container .page-select {
  background: white;
  border: 0;
  padding: 10px 15px;
  border-radius: 5px;
  color: black;
  font-weight: 600;
  font-family: "Klavika Light";
}
.links-container .page-select option {
  font-size: 14px;
  font-family: "Klavika Light";
}
.links-container .page-numbers {
  padding: 5px 20px;
  border-radius: 5px;
  min-width: 53px;
  z-index: 2;
}
.links-container .page-numbers button {
  padding: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: black;
}
.links-container .page-numbers button:hover {
  border-bottom: 2px solid #ffc510;
  background: transparent;
}

.shopping-btn {
  color: #000;
  background-color: #ffc510;
  border: 1px;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0.4px 0.4px #87888a;
  font-family: "Klavika Light";
}

.empty-src {
  font-family: "Klavika Light";
}

.top-pagination-container {
  background-color: #ffffff;
  z-index: 1;
  border-bottom: 1px solid transparent;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.top-pagination-container--fixed {
  position: fixed !important;
  top: 60px !important;
  left: 0;
}
@media (max-width: 1023px) {
  .top-pagination-container--fixed {
    top: 60px !important;
  }
}
@media (max-width: 639px) {
  .top-pagination-container {
    z-index: 2;
  }
  .top-pagination-container.top-pagination-sticky {
    border-bottom: 1px solid #000000;
    padding: 10px 20px;
    width: 100vw;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .top-pagination-container.top-pagination-sticky .sort-container {
    display: none;
  }
}
@media (min-width: 640px) {
  .top-pagination-container {
    width: 100vw;
    padding: 15px 15px;
    padding-right: 35px;
    position: absolute;
  }
}
@media (min-width: 1024px) {
  .top-pagination-container {
    padding: 15px 2rem;
    padding-right: 140px;
  }
}

@media (min-width: 1024px) {
  .results-lateral-padding {
    padding: 70px 0;
  }
  .results-lateral-padding .top-pagination-container {
    left: 0;
    margin-left: 0;
  }
}
@media (max-width: 639px) {
  .results-lateral-padding {
    padding: 0 10px;
  }
}

.with-description {
  padding-top: 0px !important;
}

.search-page .results-lateral-padding {
  padding: 0 10px;
}
.search-page .results-lateral-padding .product-listing {
  padding-top: 80px;
}
.search-page .results-lateral-padding .top-pagination-container {
  top: 570px;
}
@media (max-width: 1023px) {
  .search-page .results-lateral-padding .top-pagination-container {
    top: 330px;
  }
}

.searchSpellingSuggestionPrompt {
  padding-top: 20px;
  font-family: "Klavika Light";
  font-size: 16px;
  font-weight: bold;
}
.searchSpellingSuggestionPrompt a {
  color: black;
  border-bottom: 2px solid #ffc510;
  text-decoration: none;
}
.searchSpellingSuggestionPrompt a:hover {
  background: #ffc510;
  color: white;
  border-bottom: 4px solid #ffc510;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.modal-dialog {
  max-width: 800px;
}

.js-product-color-description .modal-dialog {
  width: auto !important;
  max-width: 1400px !important;
}
.js-product-color-description .modal-dialog .ral-list {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}
.js-product-color-description .modal-dialog .ral-list:first-child {
  margin-top: 0;
}
.js-product-color-description .modal-dialog .ral-list h3, .js-product-color-description .modal-dialog .ral-list .h3 {
  font-size: 20px !important;
  font-weight: bold !important;
  text-transform: none !important;
  border-bottom: 1px solid black !important;
  padding-left: 1em !important;
}
.js-product-color-description .modal-dialog .ral-list div {
  margin-top: 5px;
  word-spacing: 10px;
  padding-left: 1.3em;
  overflow-wrap: break-word;
}
@media (max-width: 1023px) {
  .js-product-color-description .modal-dialog .ral-list div {
    margin-top: 10px;
  }
}

/* jQuery UI */
/*! jQuery UI - v1.13.1 - 2022-04-19
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

#ui-id-1 {
  display: none !important;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  -ms-filter: "alpha(opacity=25)";
  /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Misc visuals
----------------------------------*/
.ui-datepicker {
  border: 1px solid #000000;
  background: #ffffff;
  color: #000000;
}
@media (max-width: 639px) {
  .ui-datepicker {
    max-width: 100% !important;
    padding-left: 0 !important;
    left: 0 !important;
  }
}
.ui-datepicker th {
  background: transparent;
}

.ui-datepicker .ui-datepicker-header {
  color: #000000;
  background-color: transparent;
  border: none;
  font-weight: bold;
}

/* Icons
----------------------------------*/
.ui-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  color: #000000;
  cursor: pointer;
  font-family: "Glyphicons Halflings";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  height: 15px;
  line-height: 1;
  margin-top: 5px;
  width: 30px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 5px;
  float: left;
  text-align: left;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\e079";
}

.ui-datepicker .ui-datepicker-next {
  right: 5px;
  float: right;
  text-align: right;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\e080";
}

.ui-datepicker .ui-icon {
  display: none;
}

.ui-widget-header .ui-datepicker-prev-hover.ui-state-hover,
.ui-widget-header .ui-datepicker-next-hover.ui-state-hover {
  border: 0 none;
  background: transparent;
  color: #8a8d8f;
  top: 2px;
}

.ui-datepicker th {
  font-weight: 400;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #ffffff;
  text-align: center;
  color: #000000;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #000000;
  color: #ffffff;
  border-color: #000000;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #eceded;
  background: Highlight;
  color: #ffffff;
  color: HighlightText;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Select 2 */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

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

.select2-results {
  display: block;
}

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

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

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

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

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

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

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

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #c6c7c8;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

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

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

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

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

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

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #c6c7c8;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

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

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

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

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

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #c6c7c8;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default .select2-selection--single .material-icons {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

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

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

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

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

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

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

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

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

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

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

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

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-results__option {
  padding: 5px 7px;
  border-top: 1px solid #ccc;
}
.select2-results__option:first-child {
  border-top: 0 none;
}

.select2-search--dropdown .select2-search__field {
  padding: 5px 4px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  text-transform: capitalize;
}

.select2-container--default .select2-selection--single {
  border-radius: 0;
  border-color: #c6c7c8;
  border-bottom: 3px solid #000000;
  transition: 0.15s;
}
.select2-container--default .select2-selection--single[aria-expanded=true] {
  border-bottom: 3px solid #ffc510;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 27px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-width: 6px 3px 0 3px;
  margin-top: -3px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 23px;
}

@media (min-width: 640px) {
  .select2-results__option {
    padding: 3px 7px;
  }

  .select2-search--dropdown .select2-search__field {
    padding: 2px 4px;
  }
  .select2-search--dropdown .select2-search__field:focus-visible {
    outline: none !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 21px;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6px 3px 0 3px;
    margin-top: -3px;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 23px;
  }
}
.page-headline {
  color: #000000;
  font-size: 20px;
  line-height: 1em;
  font-weight: 300;
  margin: 0 0 10px;
}
@media (min-width: 1023px) {
  .page-headline {
    font-size: 30px;
  }
}
.page-headline:last-child {
  margin-bottom: 0;
}

.full-width-padding {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .full-width-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@font-face {
  font-family: "klavika";
  src: url("../fonts/klavikaregular.eot");
  src: url("../fonts/klavikaregular.eot?#iefix") format("embedded-opentype"), url("../fonts/klavikaregular.woff") format("woff"), url("../fonts/klavikaregular.ttf") format("truetype"), url("../fonts/klavikaregular.svg#svgFontName") format("svg");
  font-weight: 400;
}
@font-face {
  font-family: "klavika";
  src: url("../fonts/klavikalight.eot");
  src: url("../fonts/klavikalight.eot?#iefix") format("embedded-opentype"), url("../fonts/klavikalight.woff") format("woff"), url("../fonts/klavikalight.ttf") format("truetype"), url("../fonts/klavikalight.svg#svgFontName") format("svg");
  font-weight: 200;
}
@font-face {
  font-family: "klavika";
  src: url("../fonts/klavikamedium.eot");
  src: url("../fonts/klavikamedium.eot?#iefix") format("embedded-opentype"), url("../fonts/klavikamedium.woff") format("woff"), url("../fonts/klavikamedium.ttf") format("truetype"), url("../fonts/klavikamedium.svg#svgFontName") format("svg");
  font-weight: 600;
}
body {
  overflow-x: hidden;
  position: relative;
}

body.offcanvas {
  overflow-y: hidden;
}

button {
  font-weight: bold;
}

.btn {
  border-radius: 0 !important;
}

ul, ol {
  padding-left: 15px;
}

@media (max-width: 1023px) {
  .form-control {
    height: 23px;
    padding: 0 6px;
    font-size: 1.09375rem;
    line-height: 1.3333333;
    border-radius: 0;
    font-size: 0.875rem;
  }
  .form-controlselect {
    height: 23px;
    line-height: 23px;
  }
  .form-controltextarea, .form-controlselect[multiple] {
    height: auto;
  }
}
option {
  font-size: 0.875em;
  /* 14/16 */
  line-height: 18px;
  padding: 6px 13px;
  width: 100%;
}

.global-block-spacing {
  margin-bottom: 10px;
}

.global-form-spacing {
  margin-bottom: 15px;
}

.global-type-spacing {
  margin-bottom: 10px;
}

a, button {
  color: #000000;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.link-unstyled, .link-unstyled:focus, .link-unstyled:hover {
  color: inherit;
  text-decoration: none;
}

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

.open > .dropdown-menu {
  padding: 15px 0 0 0;
}

.dropdown-menu li {
  margin-top: 3px;
}

.dropdown-menu li:first-child {
  margin-top: 0;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 25px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #000000;
  white-space: nowrap;
}

.page-title {
  margin-bottom: 30px;
}

@media screen {
  .no-screen {
    display: none;
  }
}
@media (min-width: 640px) {
  .item-label,
.item-value {
    display: block;
  }

  .well .item-action {
    float: right;
  }
}
@media (max-width: 639px) {
  .item-label,
.item-value {
    display: inline-block;
    line-height: 1rem;
    vertical-align: top;
    width: 49%;
  }

  .item-value {
    padding-left: calc(20px / 2);
  }

  .item-action {
    margin-top: 20px;
  }

  .col-sm-push-9 {
    margin-top: 10px;
  }
}
.item-label {
  text-transform: uppercase;
  font-weight: 300;
}

.item-value {
  font-size: 18px;
  padding-bottom: calc(20px / 2);
  text-overflow: ellipsis;
  overflow: hidden;
}

.text-red {
  color: #d8282f;
}

.float-right {
  float: right;
}

.blockUI.blockMsg.blockElement {
  width: 52px;
  height: 52px;
  background-image: url("../../common/images/spinner.png");
  background-color: transparent !important;
  -webkit-animation: uiSpinner 0.8s steps(19) infinite;
  -moz-animation: uiSpinner 0.8s steps(19) infinite;
  -ms-animation: uiSpinner 0.8s steps(19) infinite;
  -o-animation: uiSpinner 0.8s steps(19) infinite;
  animation: uiSpinner 0.8s steps(19) infinite;
}
.blockUI.blockMsg.blockElement img {
  display: none !important;
}

@-webkit-keyframes uiSpinner {
  100% {
    background-position: -988px;
  }
}
@-moz-keyframes uiSpinner {
  100% {
    background-position: -988px;
  }
}
@-ms-keyframes uiSpinner {
  100% {
    background-position: -988px;
  }
}
@-o-keyframes uiSpinner {
  100% {
    background-position: -988px;
  }
}
@keyframes uiSpinner {
  100% {
    background-position: -988px;
  }
}
.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #000000;
  border: none;
  border-bottom: 1px solid #000000;
  padding: calc(20px / 2) 15px;
  margin: 0;
}
.well::after {
  display: block;
  clear: both;
  content: "";
}
.well.well-sm {
  padding: calc(20px / 2) 20px;
}
.well.well-lg {
  padding: 45px 15px 35px;
}
.well.well-tertiary .item-label {
  color: #ffffff;
}
.well.well-tertiary .item-value {
  color: #fff;
}
.well.well-tertiary .item-value a {
  color: #fff;
  text-decoration: underline;
}
.well.well-quaternary {
  background-color: #ffffff;
  color: #000000;
}
.well-headline {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #000000;
  padding: 5px 25px 15px;
}
.well-headline-sub {
  font-weight: 400;
  padding-left: 10px;
}
.well-single-headline {
  padding-bottom: 0;
  border-bottom: 0;
}
.well-content {
  padding-top: 40px;
  padding-bottom: 20px;
}
.well-content::after {
  display: block;
  clear: both;
  content: "";
}
.well > .col-no-padding {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 639px) {
  .well {
    margin-right: -15px;
    margin-left: -15px;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  .well, .well.well-lg {
    padding-left: calc(20px / 2);
    padding-right: calc(20px / 2);
  }
}
@media (min-width: 1024px) {
  .main-content-wrapper {
    padding-top: 300px;
    padding-bottom: 20px;
    background-color: #ffffff;
  }
  .main-content-wrapper .breadcrumb-section {
    padding-left: 2rem;
  }
  .main-content-wrapper .main-content {
    margin: 0 auto !important;
    padding: 0 3vw;
  }
}
@media (min-width: 1300px) {
  .main-content-wrapper .main-content {
    padding: 0 9vw;
  }
}
@media (min-width: 1520px) {
  .main-content-wrapper .breadcrumb-section, .main-content-wrapper .top-pagination-container {
    padding-left: 160px;
  }
}
@media (max-width: 1023px) {
  .main-content-wrapper {
    padding-top: 68px;
    background-color: #ffffff;
  }
  .main-content-wrapper .breadcrumb-section {
    padding-left: 16px !important;
  }
  .main-content-wrapper .main-content {
    padding-bottom: 20px;
  }
  .main-content-wrapper .main-content > .row, .main-content-wrapper .main-content > .account-section {
    padding: 0 15px;
  }
}
@media (min-width: 1024px) {
  .main-content {
    background-color: #ffffff;
    padding-top: 100px;
    padding-bottom: 20px;
  }
  .main-content > .row, .main-content > .account-section {
    padding: 0 15px;
  }
}
@media (max-width: 1023px) {
  body.offcanvas {
    max-height: 100vh;
  }

  main {
    transition: transform 0.3s ease-out;
  }
}
@media (max-width: 1023px) and (prefers-reduced-motion: reduce) {
  main {
    transition: none;
  }
}
@media (max-width: 1023px) {
  .container {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  textarea.form-control {
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  textarea.form-control, select[multiple].form-control {
    height: auto;
  }
}
@media (min-width: 1300px) {
  .desktop-main-content {
    padding-left: 32px;
  }
}
@media (min-width: 1520px) {
  .desktop-main-content {
    padding-left: 160px;
  }
}
@media (min-width: 1024px) {
  .desktop-main-content .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .cart-title-margin {
    margin-left: -4px !important;
  }
}

@media (min-width: 1024px) {
  .leftp0 {
    padding-left: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-padding-web {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.browser-alert {
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  z-index: 12;
  background-color: #d8282f;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
@media (max-width: 1023px) {
  .browser-alert {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.blockUI.blockOverlay {
  background: transparent !important;
}

.klavika-regular-24 {
  font-family: "Klavika Regular" !important;
  font-size: 24px !important;
}

.klavika-regular-18 {
  font-family: "Klavika Regular" !important;
  font-size: 18px !important;
}

.klavika-regular-16 {
  font-family: "Klavika Regular" !important;
  font-size: 16px !important;
}

.klavika-light-14 {
  font-family: "Klavika Light" !important;
  font-size: 14px !important;
}

.klavika-light-16 {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}

.klavika-light-18 {
  font-family: "Klavika Light" !important;
  font-size: 18px !important;
}

.klavika-light-24 {
  font-family: "Klavika Light" !important;
  font-size: 24px !important;
}

.klavika-medium-26 {
  font-family: "Klavika Medium" !important;
  font-size: 26px !important;
}

.klavika-medium-24 {
  font-family: "Klavika Medium" !important;
  font-size: 24px !important;
}

.klavika-medium-18 {
  font-family: "Klavika Medium" !important;
  font-size: 18px !important;
}

.klavika-medium-16 {
  font-family: "Klavika Medium" !important;
  font-size: 16px !important;
}

.cmp-table .material-characteristic-wrapper div {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}
.cmp-table .material-characteristic-wrapper .title {
  font-family: "Klavika Light" !important;
  font-size: 14px !important;
}
.cmp-table .title {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}
.cmp-table .details-mobile span {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}
.cmp-table .product-description span, .cmp-table .product-description .material-entry-materialnumber {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}
.cmp-table .entry-condition-cont div, .cmp-table .entry-condition-cont span {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}
.cmp-table #total-container div, .cmp-table #total-container span :not(.material-icons) {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}

.address-section .address-label {
  font-family: "Klavika Medium" !important;
  font-size: 18px !important;
}
.address-section .address-soldto span :not(.material-icons, .glyphicon), .address-section .address-soldto p, .address-section .address-shipto span :not(.material-icons, .glyphicon), .address-section .address-shipto p {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}

.total-container div, .total-container span :not(.material-icons) {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}

.print-checkout-section button {
  font-family: "Klavika Medium" !important;
  font-size: 16px !important;
}

.shipping-conditions-container .checkout-delivery-option-2 {
  font-family: "Klavika Light" !important;
  font-size: 18px !important;
}
.shipping-conditions-container .order-number-label, .shipping-conditions-container .shipping-conditions-title, .shipping-conditions-container .title, .shipping-conditions-container .order-number-title, .shipping-conditions-container .comments-section-title {
  font-family: "Klavika Medium" !important;
  font-size: 18px !important;
}
.shipping-conditions-container .comment-section h5, .shipping-conditions-container .comment-section .h5 {
  font-family: "Klavika Medium" !important;
  font-size: 18px !important;
}
.shipping-conditions-container .checkbox-text-checkout, .shipping-conditions-container p, .shipping-conditions-container span :not(.checkout-delivery-date):not(.material-icons) {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}

.multicart-item-title-conditions h4, .multicart-item-title-conditions .h4 {
  font-family: "Klavika Medium" !important;
  font-size: 18px !important;
}

.shipping-options-section {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}
.shipping-options-section h5, .shipping-options-section .h5 {
  font-family: "Klavika Medium" !important;
  font-size: 18px !important;
}

#orderSimulation .col-form-label {
  font-family: "Klavika Medium" !important;
  font-size: 18px !important;
}
#orderSimulation .cmp-button {
  font-family: "Klavika Medium" !important;
  font-size: 16px !important;
}
#orderSimulation .selection {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}
#orderSimulation .requestedDeliveryDate {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}

.checkout-success h4, .checkout-success .h4 {
  font-family: "Klavika Medium" !important;
  font-size: 18px !important;
}
.checkout-success div, .checkout-success span, .checkout-success p, .checkout-success h5, .checkout-success .h5 {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}

.reset-checkout-top button {
  font-family: "Klavika Medium" !important;
  font-size: 16px !important;
}
.reset-checkout-top .tooltip-holder span :not(.material-icons, .glyphicon), .reset-checkout-top .tooltip-overlay span :not(.material-icons, .glyphicon) {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}

.utility-cart-btn-section button {
  font-family: "Klavika Medium" !important;
  font-size: 16px !important;
}
.utility-cart-btn-section .tooltip-holder span :not(.material-icons, .glyphicon), .utility-cart-btn-section .tooltip-overlay span :not(.material-icons, .glyphicon) {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}

#loading-spinner {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99999;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 46%;
  z-index: 100;
}

input, input:before, input:after {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

@media (min-width: 641px) {
  .asm-input-section {
    width: 70% !important;
  }
  .asm-input-section .ui-menu-item-wrapper {
    width: 33% !important;
  }
}

@media (max-width: 640px) {
  .catalog-link .underlined {
    border-bottom: 5px solid #ffc510;
  }

  .catalog-link-2 a {
    text-decoration: underline #ffc510 5px;
    text-decoration-thickness: 5px;
    -webkit-text-decoration: underline #ffc510 5px;
    text-underline-offset: 6px;
    -webkit-text-decoration-line: underline;
    -webkit-text-decoration-color: #ffc510;
    -webkit-text-decoration-thickness: 5px;
  }
}
.catalog-page-title {
  padding-bottom: 60px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.category-card[data-columns="3"] {
  flex-basis: 30%;
}

.category-card[data-columns="4"] {
  flex-basis: 23%;
}

.catalog[data-description-lines="5"] .category-description {
  -webkit-line-clamp: 5;
}

.catalog[data-description-lines="4"] .category-description {
  -webkit-line-clamp: 4;
}

.catalog[data-description-lines="3"] .category-description {
  -webkit-line-clamp: 3;
}

.catalog {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
@media (max-width: 640px) {
  .catalog {
    flex-direction: column;
  }
}
.catalog .category-card {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 1px solid transparent;
  margin-bottom: 1rem;
  overflow: hidden;
  display: flex;
}
@media (max-width: 640px) {
  .catalog .category-card {
    flex-basis: unset;
    width: 100%;
  }
}
.catalog .category-card:hover {
  background-color: #ffc510;
  outline: 6px solid #ffc510;
  color: black;
}
.catalog .category-card a {
  width: 100%;
}
.catalog .category-card a .category-card-head {
  max-height: 228px;
}
.catalog .category-card a .category-card-head .category-image {
  display: flex;
  justify-content: center;
  object-fit: contain;
  max-height: 228px;
}
.catalog .category-card a .category-card-head .category-image img {
  max-height: 100%;
  width: 100%;
}
.catalog .category-card a .category-card-content {
  display: flex;
  flex-direction: column;
  padding: 15px;
  padding-top: 20px;
  color: black;
  gap: 25px;
}
.catalog .category-card a .category-card-content .category-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.catalog .category-card a .category-card-content .category-description p {
  display: inline;
}

.category-page-description-section {
  display: flex;
  padding-left: 10%;
  padding-right: 10%;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 640px) {
  .category-page-description-section {
    flex-direction: column;
  }
}
.category-page-description-section .category-description-content {
  flex-basis: 56%;
  flex-grow: 1;
}
.category-page-description-section .category-description-content .category-description-text p {
  display: inline;
}
.category-page-description-section .category-description-content .description-text-clamped {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 10;
}
.category-page-description-section .category-description-content .read-more-section {
  margin-top: 20px;
}
.category-page-description-section .category-description-content .read-more,
.category-page-description-section .category-description-content .read-less {
  cursor: pointer;
}
.category-page-description-section .category-description-image img {
  max-height: 228px;
  width: 100%;
}

.country-selector-page-content {
  background-color: #E8E8E8;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.country-selector-page-content .countries-loading-spinner-container {
  position: relative;
  bottom: 50%;
  left: 48%;
}
.country-selector-page-content .countries-loading-spinner-container .countries-loading-spinner {
  border: 8px solid rgba(255, 255, 255, 0.3);
  border-top: 8px solid #ffc510;
  border-radius: 50%;
  width: 6em;
  height: 6em;
  animation: spin 1s linear infinite;
  position: absolute;
  transform: translate(-50%, -50%);
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.country-selector-page-content .country-selector-header {
  padding: 0.5em 1em;
  text-align: center;
}
.country-selector-page-content .country-selector-header .country-selector-title {
  text-transform: none;
  margin-top: 1em;
  font-size: 4.5rem;
  color: black;
}
.country-selector-page-content .countries-list-container {
  display: flex;
  flex-direction: column;
  padding: 0 10em;
  padding-bottom: 2em;
  margin-top: 5em;
  height: 80vh;
  overflow: auto;
  text-transform: none;
}
.country-selector-page-content .countries-list-container .loading-countries-header {
  font-size: 6em;
  text-align: center;
}
.country-selector-page-content .countries-list-container .country-item {
  padding: 0.8em 0.3em;
  margin-top: 0.6em;
  background-color: #f7f7f7;
  color: black;
  font-size: 3.2rem;
  display: flex;
  justify-content: start;
  align-items: center;
  border-radius: 15px;
}
.country-selector-page-content .countries-list-container .country-item .country-flag {
  margin: 0 0.3em !important;
  font-size: 4.2rem;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.country-selector-page-content .countries-list-container .country-item:first-child {
  margin: 0;
}
.country-selector-page-content .countries-list-container .country-item span {
  margin: 0;
}
.country-selector-page-content .countries-list-container .country-item .country-title {
  margin-left: 0.3em;
}
.country-selector-page-content .countries-list-container .country-item:active {
  background-color: #FFC510;
  scale: 1.2;
}

.stock-availability-container .stock-availability-informations {
  margin-top: 0.5em;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text.MTO-type {
  color: orange;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text.UNKNOWN-type, .stock-availability-container .stock-availability-informations .stock-availability-informations-text .ERROR-type {
  color: red;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text.BLACK-type {
  color: black !important;
  font-style: italic !important;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text.MTS-type {
  color: #6BBE4F !important;
  font-weight: bold;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text.light-stock-availability-container {
  min-width: 100px;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text .selected_plant_item {
  width: 100px;
  display: flex;
  justify-content: center;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text .selected_plant_item .stock-quantity-light-container {
  margin-left: 5px;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  transition: 0.2s all;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text .selected_plant_item .stock-quantity-light-container.bg-red {
  background-color: red;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text .selected_plant_item .stock-quantity-light-container.bg-orange {
  background-color: orange;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text .selected_plant_item .stock-quantity-light-container.bg-green {
  background-color: rgb(16, 203, 16);
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text .selected_plant_item .stock-quantity-light-text {
  margin-left: 5px;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text .selected_plant_item .stock-quantity-light-text.red-color {
  color: red;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text .selected_plant_item .stock-quantity-light-text.orange-color {
  color: orange;
}
.stock-availability-container .stock-availability-informations .stock-availability-informations-text .selected_plant_item .stock-quantity-light-text.green-color {
  color: rgb(16, 203, 16);
}
.stock-availability-container .stock-availability-informations .selected-plant-info-out-of-modal .stock-quantity-container {
  color: #6BBE4F;
  font-weight: bold;
}
.stock-availability-container .stock-availability-informations .selected-plant-info-out-of-modal .stock-quantity-light-container {
  margin-left: 5px;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  transition: 0.2s all;
}
.stock-availability-container .stock-availability-informations .selected-plant-info-out-of-modal .stock-quantity-light-container.bg-red {
  background-color: red;
}
.stock-availability-container .stock-availability-informations .selected-plant-info-out-of-modal .stock-quantity-light-container.bg-orange {
  background-color: orange;
}
.stock-availability-container .stock-availability-informations .selected-plant-info-out-of-modal .stock-quantity-light-container.bg-green {
  background-color: rgb(16, 203, 16);
}
.stock-availability-container .stock-availability-informations .selected-plant-info-out-of-modal .stock-quantity-light-text {
  margin-left: 5px;
}
.stock-availability-container .stock-availability-informations .selected-plant-info-out-of-modal .stock-quantity-light-text.red-color {
  color: red;
}
.stock-availability-container .stock-availability-informations .selected-plant-info-out-of-modal .stock-quantity-light-text.orange-color {
  color: orange;
}
.stock-availability-container .stock-availability-informations .selected-plant-info-out-of-modal .stock-quantity-light-text.green-color {
  color: rgb(16, 203, 16);
}
.stock-availability-container .stock-availability-button {
  background-color: #FFC510;
  font-weight: normal;
  margin-top: 0.5em;
  border: none;
  width: 100px;
  padding: 0.6em 0 0.3em;
}
.stock-availability-container .stock-availability-button:hover {
  cursor: pointer;
  filter: brightness(0.95);
}
.stock-availability-container .stock-availability-button:disabled {
  opacity: 0.45;
}
.stock-availability-container .stock-availability-button:disabled:hover {
  cursor: not-allowed;
}
.stock-availability-container .stock-availability-tooltip-glyphicon {
  top: -25px;
  left: 100px;
}
.stock-availability-container .stock-availability-tooltip-content {
  top: -9px !important;
  left: 105px !important;
}

.account-color-selector-page-wrapper {
  width: 80%;
  margin: auto;
  padding-bottom: 5em;
}
@media (max-width: 1023px) {
  .account-color-selector-page-wrapper {
    width: 100%;
    margin: 0;
    padding: 0 1em;
  }
}
.account-color-selector-page-wrapper .color-selector-title {
  font-size: 40px;
  font-family: "Klavika Light";
}
.account-color-selector-page-wrapper .color-selector-form-container .color-type-radio-buttons-container [type=radio]:checked, .account-color-selector-page-wrapper .color-selector-form-container .color-type-radio-buttons-container [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.account-color-selector-page-wrapper .color-selector-form-container .color-type-radio-buttons-container [type=radio]:checked + label, .account-color-selector-page-wrapper .color-selector-form-container .color-type-radio-buttons-container [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: black;
}
.account-color-selector-page-wrapper .color-selector-form-container .color-type-radio-buttons-container [type=radio]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #ffc510;
}
.account-color-selector-page-wrapper .color-selector-form-container .color-type-radio-buttons-container [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #ffffff;
}
.account-color-selector-page-wrapper .color-selector-form-container .color-type-radio-buttons-container [type=radio]:checked + label:after, .account-color-selector-page-wrapper .color-selector-form-container .color-type-radio-buttons-container [type=radio]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #000000;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.account-color-selector-page-wrapper .color-selector-form-container .color-type-radio-buttons-container [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.account-color-selector-page-wrapper .color-selector-form-container .color-type-radio-buttons-container [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.account-color-selector-page-wrapper .warning-box-container {
  border: solid 2px #F3F3F3;
  padding: 2em;
  border-radius: 3px;
  font-size: 16px;
  margin-top: 5px;
}

@media (max-width: 1023px) {
  .tooltip-utility-mobile {
    margin-top: 5px;
  }
}

@media (max-width: 1023px) {
  .tooltip-icon-mobile {
    font-size: 30px;
  }
}

.vc-informations {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .vc-informations {
    display: none;
  }
}
.vc-informations.force-view {
  display: flex !important;
  margin-left: 25%;
}
@media (max-width: 1023px) {
  .vc-informations.force-view {
    margin-left: 0;
  }
}
.vc-informations.vc-informations-mobile {
  display: none;
}
@media (max-width: 1023px) {
  .vc-informations.vc-informations-mobile {
    display: flex;
  }
}
.vc-informations.vc-informations-mobile .vc-informations-title {
  text-decoration: underline 3px #FFC510;
  font-size: 14px !important;
  text-transform: none;
  color: black;
  cursor: pointer;
  margin-top: 0 !important;
  padding: 0 !important;
  color: black;
  border-bottom: none !important;
}
.vc-informations.vc-informations-mobile .vc-informations-title:hover {
  background-color: none !important;
}
.vc-informations.vc-informations-print-only {
  display: none;
  margin-left: 160px !important;
  padding-bottom: 10px !important;
}
@media print {
  .vc-informations.vc-informations-print-only {
    display: flex;
  }
}
.vc-informations .vc-informations-title {
  margin-top: 4px;
  padding: 0.3em;
  text-transform: none;
  color: black;
  border-bottom: solid #FFC510 2px;
  cursor: pointer;
}
.vc-informations .vc-informations-title:hover {
  background-color: #FFC510;
}

.informations-title-no-actions {
  cursor: default !important;
  border-bottom: none !important;
}
.informations-title-no-actions:hover {
  background-color: transparent !important;
}

.vc-informations-modal-container .vc-informations-close-button {
  margin: auto;
  width: fit-content;
  padding: 0.3em 2em;
  background: #FFC510;
  border: none;
  box-shadow: 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.vc-informations-modal-container .vc-informations-close-button:hover {
  box-shadow: 3px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.multi-stock-modal-container {
  font-family: "Klavika Light" !important;
  font-size: 16px;
}
@media (max-width: 1023px) {
  .multi-stock-modal-container {
    font-size: 14px;
  }
}
.multi-stock-modal-container .modal-dialog {
  width: 40%;
}
.multi-stock-modal-container .modal-dialog .modal-content {
  padding: 2em !important;
}
@media (max-width: 1023px) {
  .multi-stock-modal-container .modal-dialog .modal-content {
    width: 100%;
  }
}
.multi-stock-modal-container .modal-dialog .modal-content .multi-plant-list-wrapper {
  max-height: 36em;
  overflow-y: auto;
}
.multi-stock-modal-container .modal-dialog .modal-content .multi-plant-list-wrapper .multi-stock-headers-container {
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 0.3em 0;
}
.multi-stock-modal-container .modal-dialog .modal-content .multi-plant-list-wrapper .multi-stock-headers-container .multi-stock-table-header-item {
  font-size: 1.3em;
  font-weight: bold;
}
.multi-stock-modal-container .modal-dialog .modal-content .multi-plant-list-wrapper .multi-stock-headers-container .stock-header {
  margin-right: 1em;
  padding-left: 10px;
  min-width: 140px;
}
@media (max-width: 1023px) {
  .multi-stock-modal-container .modal-dialog .modal-content .multi-plant-list-wrapper .multi-stock-headers-container .stock-header {
    margin-right: 0;
    padding-left: 0;
    min-width: 120px;
  }
}
.multi-stock-modal-container .plant-with-stock-element {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6em;
  cursor: pointer;
  color: black !important;
  border-bottom: solid 1px rgba(137, 135, 135, 0.492);
}
.multi-stock-modal-container .plant-with-stock-element:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.multi-stock-modal-container .plant-with-stock-element.selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.multi-stock-modal-container .plant-with-stock-element label {
  min-width: 400px;
}
@media (max-width: 1023px) {
  .multi-stock-modal-container .plant-with-stock-element label {
    min-width: auto;
  }
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text.light-stock-availability-container {
  min-width: 100px;
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text.MTS-type {
  color: #6BBE4F;
  font-weight: bold;
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text.MTO-type {
  color: orange;
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text.UNKNOWN-type, .multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text .ERROR.type {
  color: red;
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text.BLACK-type {
  color: black;
  font-style: italic;
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text .stock-quantity-container {
  min-width: 140px;
}
@media (max-width: 1023px) {
  .multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text .stock-quantity-container {
    min-width: 110px;
  }
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text .stock-quantity-light-container {
  margin-left: 5px;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  transition: 0.2s all;
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text .stock-quantity-light-container.bg-red {
  background-color: red;
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text .stock-quantity-light-container.bg-orange {
  background-color: orange;
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text .stock-quantity-light-container.bg-green {
  background-color: rgb(16, 203, 16);
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text .stock-quantity-light-text {
  margin-left: 5px;
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text .stock-quantity-light-text.red-color {
  color: red;
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text .stock-quantity-light-text.orange-color {
  color: orange;
}
.multi-stock-modal-container .plant-with-stock-element .stock-availability-informations-text .stock-quantity-light-text.green-color {
  color: rgb(16, 203, 16);
}
.multi-stock-modal-container .plant-with-stock-element [type=radio]:checked, .multi-stock-modal-container .plant-with-stock-element [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.multi-stock-modal-container .plant-with-stock-element [type=radio]:checked + label, .multi-stock-modal-container .plant-with-stock-element [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.multi-stock-modal-container .plant-with-stock-element [type=radio]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #ffc510;
}
.multi-stock-modal-container .plant-with-stock-element [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #ffffff;
}
.multi-stock-modal-container .plant-with-stock-element [type=radio]:checked + label:after, .multi-stock-modal-container .plant-with-stock-element [type=radio]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #000000;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.multi-stock-modal-container .plant-with-stock-element [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.multi-stock-modal-container .plant-with-stock-element [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.multi-stock-modal-container .multi-stock-close-button {
  align-self: end;
  width: fit-content;
  padding: 0.6em 2em;
  background: #FFC510;
  border: none;
  box-shadow: 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  .multi-stock-modal-container .multi-stock-close-button {
    align-self: center;
  }
}
.multi-stock-modal-container .multi-stock-close-button:hover {
  box-shadow: 3px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.multi-stock-modal-container .multi-stock-close-button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.delete-selected-plant-button {
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px !important;
  padding: 0;
  top: -43px;
  left: 125px;
  position: relative;
  border-radius: 3px;
}
.delete-selected-plant-button:hover {
  background-color: #FFC510;
}
.delete-selected-plant-button .material-icons {
  font-size: 20px !important;
}

.desktop-only {
  display: inline-block;
}
@media (max-width: 1023px) {
  .desktop-only {
    display: none !important;
  }
}
@media print {
  .desktop-only {
    display: initial !important;
  }
}

.account-color-selector-page-wrapper {
  font-family: "Klavika Light";
}
.account-color-selector-page-wrapper .color-selector-form-container label {
  font-family: "Klavika Medium";
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
}
.account-color-selector-page-wrapper .color-selector-form-container .color-formula-buttons-container .find-formula-button {
  background-color: #FFC510;
  font-weight: bold;
  margin-top: 0.5em;
  border: none;
  padding: 0.8em 3em !important;
  cursor: pointer;
}
.account-color-selector-page-wrapper .color-selector-form-container .color-formula-buttons-container .reset-button {
  background-color: #E0E0E0;
  font-weight: bold;
  margin-top: 0.5em;
  border: none;
  padding: 0.8em 1em;
  cursor: pointer;
}
.account-color-selector-page-wrapper .color-selector-form-container .color-formula-buttons-container .reset-button:hover {
  background-color: #FFC510 !important;
}
.account-color-selector-page-wrapper #formula-calculation hr {
  border-top: 1px solid #424242;
  margin-top: 40px;
}
.account-color-selector-page-wrapper #formula-calculation table {
  font-family: "Klavika Light";
}
.account-color-selector-page-wrapper #formula-calculation table th {
  background: #FFFFFF;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0;
  font-weight: bold;
  text-transform: capitalize;
  border-bottom: 2px solid #e5e5e5;
}
.account-color-selector-page-wrapper #formula-calculation table th:first-child {
  width: 40%;
}
.account-color-selector-page-wrapper #formula-calculation table th:nth-child(2) {
  width: 20%;
}
.account-color-selector-page-wrapper #formula-calculation table th:nth-child(3) {
  width: 20%;
}
.account-color-selector-page-wrapper #formula-calculation table th:last-child {
  width: 20%;
  text-align: left;
}
.account-color-selector-page-wrapper #formula-calculation table td {
  font-size: 14px;
  color: #000000;
  letter-spacing: 0;
  border-bottom: 2px solid #e5e5e5;
}
.account-color-selector-page-wrapper #formula-calculation .bottom-div {
  padding: 0 0.5em !important;
  margin-bottom: 30px;
  margin-top: 10px;
}
.account-color-selector-page-wrapper #formula-calculation .bottom-div title {
  font-size: 12px;
  color: #000000;
  letter-spacing: 0;
}
.account-color-selector-page-wrapper #formula-calculation .bottom-div .content {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
}
@media (max-width: 1023px) {
  .account-color-selector-page-wrapper #formula-calculation .bottom-div.row .col-xs-4 {
    width: 33.3% !important;
  }
}
.account-color-selector-page-wrapper .btn-download {
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0;
  float: right;
  background-color: #FFC510;
  font-weight: bold;
  margin-top: 0.5em;
  border: none;
  padding: 0.8em 3em !important;
  cursor: pointer;
}

.tooltip-element {
  display: none;
  position: absolute;
  background-color: #ffc510;
  padding: 4px 5px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  z-index: 100;
  width: 150px;
}

.update-entry-uom-input {
  margin-left: 10px;
  border: solid 1px lightgray;
}

@media (max-width: 1023px) {
  .adapt-to-mobile {
    display: flex;
  }
}

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

.sticky-header-element-container {
  background: white;
  box-shadow: 0 4px 2px -2px #f5f5f5;
  width: 100%;
  transition: all 0.2s;
  z-index: 1000;
}
.sticky-header-element-container.invisible {
  visibility: hidden;
}
.sticky-header-element-container .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Klavika Light";
  padding: 10px 210px 10px 160px;
}
.sticky-header-element-container .header-content.filter-page-header {
  padding: 10px 160px;
}
@media (max-width: 1023px) {
  .sticky-header-element-container .header-content.filter-page-header {
    padding: 10px;
  }
}
.sticky-header-element-container .header-content.filter-page-header .filters-top-bar {
  width: 100%;
  margin: 0;
  padding: 10px 0;
}
.sticky-header-element-container .header-content.filter-page-header .filters-top-bar .sort-scroll-top-container {
  display: flex;
  gap: 20px;
  align-items: center;
}
.sticky-header-element-container .header-content.filter-page-header .filters-top-bar .sort-scroll-top-container .scroll-to-top-button {
  padding: 0.5em 1.2em;
  width: 40px;
  height: 40px;
  font-weight: bold;
  background-color: #ffc510;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  transition: all 0.2s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
@media (max-width: 1023px) {
  .sticky-header-element-container .header-content.filter-page-header .filters-top-bar .sort-scroll-top-container .scroll-to-top-button.mobile-hidden {
    display: none;
  }
}
.sticky-header-element-container .header-content.filter-page-header .filters-top-bar .sort-scroll-top-container .scroll-to-top-button:hover {
  color: black;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
@media (max-width: 1023px) {
  .sticky-header-element-container .header-content {
    padding: 10px;
  }
}
.sticky-header-element-container .header-content .title-simulate-header-section {
  display: flex;
  gap: 20px;
  align-items: center;
}
.sticky-header-element-container .header-content .title-simulate-header-section .header-title {
  font-size: 18px;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  .sticky-header-element-container .header-content .title-simulate-header-section .header-title {
    font-size: 15px;
  }
}
.sticky-header-element-container .header-content .sections-wrapper {
  display: flex;
  gap: 20px;
}
.sticky-header-element-container .header-content .sections-wrapper .section-item {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 5px;
  font-size: 18px;
}
.sticky-header-element-container .header-content .sections-wrapper .section-item.scroll-to-top-button {
  padding: 0.5em 1.2em;
  width: 34px;
  font-weight: bold;
  background-color: #ffc510;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  transition: all 0.2s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.sticky-header-element-container .header-content .sections-wrapper .section-item.scroll-to-top-button:hover {
  color: black;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.sticky-header-element-container .header-content .invisible {
  visibility: hidden;
}
@media (max-width: 1023px) {
  .sticky-header-element-container .header-content .desktop-only {
    display: none !important;
  }
}

#productFiltersListContainer {
  position: fixed;
  top: 25%;
  left: 0px;
  z-index: 2;
  padding: 1em 0;
  display: flex;
  justify-content: start;
  flex-direction: column;
  align-items: center;
  border-right: solid lightgray 1px;
  background-color: white;
}
#productFiltersListContainer .plp-filter-section-desktop {
  display: block !important;
  height: 100% !important;
}
#productFiltersListContainer .plp-filter-section-desktop .filter-list {
  max-height: 100% !important;
}
#productFiltersListContainer .plp-filter-footer {
  display: block !important;
}

.top-values-collapsible-container .top-values-content-header {
  display: flex;
  padding: 0.5em 1em 0.5em 0;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin: 5px 0;
  background-color: #F5F5F5;
}
.top-values-collapsible-container .top-values-content-header .arrow-up {
  display: none;
}
.top-values-collapsible-container .top-values-content-header .arrow-down {
  display: block;
}
.top-values-collapsible-container .js-filters-top-values {
  display: none;
}
.top-values-collapsible-container.is-opened .js-filters-top-values {
  display: block;
}
.top-values-collapsible-container.is-opened .top-values-content-header .arrow-up {
  display: block;
}
.top-values-collapsible-container.is-opened .top-values-content-header .arrow-down {
  display: none;
}

#filter-menu-container {
  transition: transform 0.3s ease;
  transform: translateX(0);
}
#filter-menu-container.closed {
  transform: translateX(-100%);
}
#filter-menu-container.closed .flap-element-for-filter-menu {
  transform: translateX(600%) !important;
}
#filter-menu-container .filter-menu-toggler-container {
  display: flex;
  justify-content: space-between;
  width: 258px;
  padding: 1em 0;
}
@media (max-width: 800px) {
  #filter-menu-container .filter-menu-toggler-container {
    display: none !important;
  }
}
#filter-menu-container .filter-menu-toggler-container .flap-element-for-filter-menu {
  background-color: #FFC510;
  color: black;
  border: none;
  padding: 7px 10px;
  cursor: pointer;
  transform: translateX(0);
}
#filter-menu-container .filter-menu-toggler-container .flap-element-for-filter-menu .toggle-menu-button {
  all: unset;
}
#filter-menu-container .filter-menu-toggler-container .flap-element-for-filter-menu .toggle-menu-button .arrow-item {
  width: 24px;
}
#filter-menu-container .filter-menu-toggler-container .filter-menu-header {
  font-weight: bold;
  font-size: 16px;
  align-self: center;
  padding-right: 1em;
}
#filter-menu-container #product-facet {
  position: static !important;
  margin-top: 0 !important;
}

.with-margin-from-filter-menu {
  margin-left: 0 !important;
}

.popup-header-global {
  font-size: 21px;
}

#blurContentOverlay {
  opacity: 0.7;
  cursor: pointer;
  visibility: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 1002;
}
@media (max-width: 1023px) {
  #blurContentOverlay {
    visibility: hidden !important;
  }
}

.invoice-header-utility-buttons-container {
  display: flex;
  gap: 10px;
  align-items: center;
}
.invoice-header-utility-buttons-container .invoice-dropdown {
  position: relative;
  display: inline-block;
}
.invoice-header-utility-buttons-container .invoice-dropdown .dropdown-button {
  font-family: "Klavika Light";
  background-color: #FFC510;
  padding: 0.5em 1em;
  font-size: 16px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.invoice-header-utility-buttons-container .invoice-dropdown .dropdown-button:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color: #ffc510;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 90px;
  margin-top: 5px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  right: 0;
}
.dropdown-content.order-dropdown-content {
  top: 100%;
  left: 0;
}
.dropdown-content .dropdown-option {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
  padding: 0.5em 0.5em 0;
}
.dropdown-content .dropdown-option:hover {
  background-color: #f1f1f1;
}
.dropdown-content.opened-dropdown {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media (max-width: 768px) {
  .dropdown-content.mobile-drop {
    top: auto;
    bottom: 100%;
  }
}

.export-order-dropdown {
  position: relative;
  display: inline-block;
}
.export-order-dropdown .dropdown-button {
  font-family: "Klavika Light";
  color: #3c3c3c;
  background-color: #FFC510;
  padding: 0.5em 1em;
  font-size: 16px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.export-order-dropdown .dropdown-button:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color: #ffc510;
}

.capitalized-text {
  text-transform: capitalize;
}

.user-management-subheader {
  font-family: "Klavika Light" !important;
  display: flex;
  gap: 20px;
  align-items: center;
  background: white;
  width: 100%;
}
.user-management-subheader.initial-subheader {
  display: none;
}
.user-management-subheader.is-sticky {
  margin: 0px -160px;
  padding: 0 160px;
  position: fixed;
  top: 60px;
  z-index: 1004;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1023px) {
  .user-management-subheader.is-sticky {
    margin: 0px -20px;
    padding: 0 20px;
  }
}
.user-management-subheader.is-sticky .user-management-sub-header-title {
  flex: 1;
  display: block;
}
.user-management-subheader.is-sticky .sub-header-actions-container .scroll-to-top-button {
  display: flex !important;
}
.user-management-subheader.is-sticky.initial-subheader {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .user-management-subheader.is-sticky.initial-subheader {
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    margin: 0px -15px;
  }
}
.user-management-subheader.is-sticky.initial-subheader .initial-subheader-menu-section {
  display: flex;
  gap: 20px;
  align-items: center;
}
.user-management-subheader.is-sticky.initial-subheader .initial-subheader-menu-section .user-management-sub-header-title {
  flex: 0 1 auto;
  display: block !important;
}
.user-management-subheader.is-sticky.initial-subheader .initial-subheader-menu-section .umo-create-user {
  margin: 0;
}
.user-management-subheader.is-sticky.initial-subheader .sub-header-actions-container {
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  .user-management-subheader {
    position: relative;
    flex-direction: column;
    gap: 10px;
  }
}
.user-management-subheader .mobile-panel-slide-arrow {
  position: absolute;
  bottom: 110px;
  margin: auto;
  z-index: 2;
  opacity: 0.5;
  transition: opacity 100ms;
  height: 20px;
  font-size: 3rem;
  padding: 0;
}
.user-management-subheader .mobile-panel-slide-arrow.mobile-panel-slide-arrow-prev {
  left: 0;
}
.user-management-subheader .mobile-panel-slide-arrow.mobile-panel-slide-arrow-next {
  right: 0;
}
.user-management-subheader .user-management-sub-header-title {
  flex: 1;
  display: none;
  color: black;
}
@media (max-width: 1023px) {
  .user-management-subheader .user-management-sub-header-title {
    display: none !important;
  }
}
.user-management-subheader .user-management-subheader-menu-items-container {
  flex: 2;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1023px) {
  .user-management-subheader .user-management-subheader-menu-items-container {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding: 0 10px;
  }
}
.user-management-subheader .user-management-subheader-menu-items-container .subheader-menu-item {
  padding: 1em;
  border-bottom: solid 5px white;
}
.user-management-subheader .user-management-subheader-menu-items-container .subheader-menu-item:hover {
  border-color: #FFC510;
  color: black;
}
.user-management-subheader .user-management-subheader-menu-items-container .subheader-menu-item.active {
  border-color: #FFC510 !important;
}
.user-management-subheader .user-management-subheader-menu-items-container .subheader-menu-item:active {
  border-color: white;
  /* Reset background color on tap */
}
@media (hover: none) {
  .user-management-subheader .user-management-subheader-menu-items-container .subheader-menu-item:hover {
    border-color: white;
  }
}
.user-management-subheader .sub-header-actions-container {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1023px) {
  .user-management-subheader .sub-header-actions-container {
    padding-bottom: 10px;
  }
}
.user-management-subheader .sub-header-actions-container .user-update-save-btn-container {
  padding: 0;
  margin: 0;
}
.user-management-subheader .sub-header-actions-container .scroll-to-top-button {
  display: none !important;
  padding: 0.6em 1.5em;
  width: 34px;
  font-weight: bold;
  background-color: #ffc510;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  transition: all 0.2s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.user-management-subheader .sub-header-actions-container .scroll-to-top-button:hover {
  color: black;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.umo-users-table {
  max-height: 40em;
  overflow-y: auto;
}

.col-6-important {
  width: 50% !important;
}
@media (max-width: 1023px) {
  .col-6-important {
    width: 100% !important;
  }
}

#address-validation-result-container {
  margin-top: 3em;
  font-family: "Klavika Light";
}
#address-validation-result-container ul {
  list-style: none;
  padding-right: 1em;
}
#address-validation-result-container ul li {
  width: 50%;
  border: solid lightgray 2px;
  border-radius: 6px;
  padding: 1em;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  #address-validation-result-container ul li {
    width: 100%;
  }
}
#address-validation-result-container ul li input {
  margin: 0;
}
#address-validation-result-container ul li label {
  color: black !important;
}
#address-validation-result-container ul li [type=radio]:checked,
#address-validation-result-container ul li [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
#address-validation-result-container ul li [type=radio]:checked + label,
#address-validation-result-container ul li [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
#address-validation-result-container ul li [type=radio]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #ffc510;
}
#address-validation-result-container ul li [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #ffffff;
}
#address-validation-result-container ul li [type=radio]:checked + label:after,
#address-validation-result-container ul li [type=radio]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #000000;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#address-validation-result-container ul li [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#address-validation-result-container ul li [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

#address-validation-result-container-invalid-case {
  margin-top: 3em;
  font-family: "Klavika Light";
}
#address-validation-result-container-invalid-case ul {
  list-style: none;
  padding-right: 1em;
}
#address-validation-result-container-invalid-case ul li {
  width: 50%;
  border: solid lightgray 2px;
  border-radius: 6px;
  padding: 1em;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  #address-validation-result-container-invalid-case ul li {
    width: 100%;
  }
}
#address-validation-result-container-invalid-case ul li input {
  margin: 0;
}
#address-validation-result-container-invalid-case ul li label {
  color: black !important;
}
#address-validation-result-container-invalid-case ul li [type=radio]:checked,
#address-validation-result-container-invalid-case ul li [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
#address-validation-result-container-invalid-case ul li [type=radio]:checked + label,
#address-validation-result-container-invalid-case ul li [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
#address-validation-result-container-invalid-case ul li [type=radio]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #ffc510;
}
#address-validation-result-container-invalid-case ul li [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #ffffff;
}
#address-validation-result-container-invalid-case ul li [type=radio]:checked + label:after,
#address-validation-result-container-invalid-case ul li [type=radio]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #000000;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#address-validation-result-container-invalid-case ul li [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#address-validation-result-container-invalid-case ul li [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#address-validation-result-container-invalid-case.disabled-state {
  /* Forza il radio button ad essere checked */
}
#address-validation-result-container-invalid-case.disabled-state ul li input[type=radio] {
  pointer-events: none;
  opacity: 1;
  background-color: transparent;
}
#address-validation-result-container-invalid-case.disabled-state ul li input[type=radio]:checked + label:before {
  background-color: #ffc510;
}
#address-validation-result-container-invalid-case.disabled-state ul li input[type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
#address-validation-result-container-invalid-case.disabled-state ul li input[type=radio]:disabled + label:before {
  background-color: #ffc510;
}
#address-validation-result-container-invalid-case.disabled-state ul li input[type=radio]:disabled + label:after {
  opacity: 1;
  transform: scale(1);
}

.ref-custom-size {
  height: 150px !important;
}

@media (max-width: 420px) {
  .ref-custom-size {
    height: 300px !important;
  }
}
select#regionIsoCode:focus option.region-placeholder-option {
  display: none;
}

.align-cont {
  display: flex;
}

.align-no-padding {
  padding-left: 0px !important;
}

@media (max-width: 639px) {
  .no-padding-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 1080px) {
  .step3-desk-padding {
    padding-left: 6px !important;
  }
}

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

@media (min-width: 1024px) {
  .align-box-pdp-reco {
    justify-content: center;
  }
}
.d-flex {
  display: flex;
}

.country-selector-button {
  display: none;
}

@media only screen and (max-width: 768px) {
  .country-selector-button {
    margin-top: 1em;
    display: block;
    cursor: pointer;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 18px;
  }
  .country-selector-button .current-country-name {
    text-decoration: underline;
  }
}
#fullscreenDialog {
  opacity: 0;
  transform: scale(0.9);
  position: fixed;
  z-index: -999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.25s ease-in, transform 0.25s ease-in;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
#fullscreenDialog.visible {
  z-index: 999;
  display: flex;
  opacity: 1;
  transform: scale(1);
}

.dialog-content {
  background-color: #E8E8E8;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  max-width: 400px;
  width: 100%;
  min-width: 100%;
  height: 100%;
}
.dialog-content .dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 1em;
}
.dialog-content .dialog-header .dialog-title {
  align-self: center;
  font-size: 1.5rem;
  color: black;
  margin: 0 0 0 1.3em;
}
.dialog-content .dialog-header .close-btn {
  align-self: center;
  border-radius: 3px;
  padding: 0.5em;
  background-color: #FFC510;
}
.dialog-content .dialog-countries-container {
  display: flex;
  flex-direction: column;
  padding: 0 3em;
  padding-bottom: 2em;
  margin-top: 1em;
  max-height: 88vh;
  overflow: auto;
}
.dialog-content .dialog-countries-container .country-item {
  padding: 0.8em 0.3em;
  margin-top: 0.6em;
  background-color: #f7f7f7;
  color: black;
  font-size: 1.2rem;
  display: flex;
  justify-content: start;
  align-items: center;
  transition: all 0.3s;
  border-radius: 5px;
}
.dialog-content .dialog-countries-container .country-item:first-child {
  margin: 0;
}
.dialog-content .dialog-countries-container .country-item span {
  margin: 0;
}
.dialog-content .dialog-countries-container .country-item .country-title {
  margin-left: 0.3em;
}
.dialog-content .dialog-countries-container .country-item:active {
  background-color: #FFC510;
  scale: 1.2;
}

.country-flag {
  margin: 0 0.3em !important;
  font-size: 30px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.country-flag.small-country-flag {
  font-size: 18px;
}

.main-footer {
  margin: calc(20px / 2) 0 0;
  background: #9c9e9f;
  color: #d9dadb;
  font-weight: 300;
}
.main-footer > .container {
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
}
.main-footer a {
  color: #d9dadb;
  font-size: 14px;
}
.main-footer .form-group {
  margin-bottom: 0;
}
.main-footer .footer-dropdown {
  margin-top: 10px;
  padding: 0;
}
.main-footer select.form-control {
  padding: 2px 13px;
}
.main-footer .title {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 30px;
  margin-top: 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.main-footer .links {
  text-align: center;
}
.main-footer .links a:hover {
  text-decoration: underline;
  color: #000000;
}
.main-footer .links ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
  width: 100%;
}
.main-footer .links ul li {
  margin-bottom: 2px;
}
.main-footer .social-links {
  padding: 0 0 30px;
}
.main-footer .social-links ul {
  display: inline-block;
  margin: 0;
  width: 100%;
  padding: 0;
}
.main-footer .social-links ul li {
  float: left;
  width: 50%;
  display: inline-block;
}
.main-footer .social-links ul li:last-child {
  margin-right: 0;
}
.main-footer .form-control {
  cursor: pointer;
  background-color: #9c9e9f;
  color: #d9dadb;
  padding: 7px 10px;
  height: 26px;
  line-height: 20px;
  font-size: 14px;
}
.main-footer .form-control option {
  background-color: white;
  color: #707173;
}
.main-footer .form-control:focus::-ms-value {
  background-color: #9c9e9f;
}
.main-footer .copyright {
  background: transparenttransparent;
  padding: 25px 0;
  color: #d9dadb;
  text-align: center;
}

#lang-form {
  width: 45%;
  float: left;
}

#lang-form:last-child {
  width: auto;
  float: none;
}

#currency-form {
  width: 45%;
  float: right;
}

#currency-form:last-child {
  width: auto;
  float: none;
}

.offcanvasNoBorder {
  border-bottom: 0;
}

@media (max-width: 1023px) {
  .main-footer > .container,
.main-footer .no-space > .container {
    padding-top: 30px;
  }
  .main-footer .container-fluid, .main-footer .container-sm, .main-footer .container-md, .main-footer .container-lg, .main-footer .container-xl, .main-footer .container-xxl {
    padding: 16px 0;
  }
  .main-footer .footer-right {
    border-top: 1px solid #d9dadb;
    padding: 30px 16px 20px;
    margin-top: 25px;
  }
}
@media (min-width: 640px) {
  .main-footer > .container,
.main-footer .no-space > .container {
    padding-top: 45px;
    padding-bottom: 5px;
  }
  .main-footer a {
    color: #d9dadb;
  }
  .main-footer .links {
    text-align: left;
  }
  .main-footer .social-links ul li::last-child {
    margin-right: 0;
  }
  .main-footer .form-group {
    margin-bottom: 0;
  }
  .main-footer .footer-dropdown {
    padding: 0 0 30px;
  }
}
@media (min-width: 1024px) {
  .main-footer {
    margin: calc(20px / 2) auto 0;
  }
  .main-footer > .container,
.main-footer .no-space > .container {
    padding: 10px 0;
  }
  .main-footer .footer-right {
    padding: 0 10px 0 0;
  }
  .main-footer .footer-right {
    border: none;
    margin: 0;
    padding: 0 10px 0 0;
  }
  .main-footer .social-links {
    padding: 0 0 30px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .footer-left {
    padding: 0;
  }
}
.cmp-footer-container .cmp-footer-content .cmp-textimage h3, .cmp-footer-container .cmp-footer-content .cmp-textimage .h3 {
  text-transform: none;
}

.sub-footer {
  background: #3c3c3c;
  display: flex;
  padding: 1em 0 !important;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-family: "Klavika";
}
@media (max-width: 1023px) {
  .sub-footer {
    flex-direction: column;
  }
}
.sub-footer ul {
  padding: 0;
  margin: 0 !important;
  display: flex !important;
  justify-content: center;
}
@media (max-width: 1023px) {
  .sub-footer ul {
    flex-direction: column;
  }
}
.sub-footer ul li {
  display: flex;
  color: white !important;
}
.sub-footer ul li a {
  color: white !important;
}
@media (max-width: 1023px) {
  .sub-footer ul li {
    margin: 5px 0 !important;
    justify-content: center;
  }
}
.sub-footer ul li:after {
  margin: 0 10px !important;
  content: "|" !important;
  display: block !important;
}
@media (max-width: 1023px) {
  .sub-footer ul li:after {
    content: "" !important;
    margin: 0 !important;
  }
}
.sub-footer ul li:last-child:after {
  content: "" !important;
}

.app-stores-section {
  width: calc(50% + 20px) !important;
}
@media (max-width: 1023px) {
  .app-stores-section {
    width: 100% !important;
  }
}
.app-stores-section .app-stores-container {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  .app-stores-section .app-stores-container {
    flex-direction: column;
    margin-bottom: 20px;
  }
}

/* Mobile First */
main {
  position: relative;
  overflow-x: hidden;
}

.scrollToTarget {
  display: block;
  height: 250px;
  margin-top: -250px;
  visibility: hidden;
}

/* main navigation mobile slide effects */
main.offcanvas .main-navigation {
  transition: transform 0.3s ease-out;
}

.contact-us {
  float: left;
  margin-right: 15px;
  padding-top: 14px;
}
.contact-us a {
  color: white;
}
.contact-us a:first-of-type:after {
  content: " ";
  border-left: 1px solid;
  margin: 0 5px;
}

.language {
  float: left;
  margin-left: 5px;
}

/* main navigation mobile styles */
.navigation-button-base {
  display: block;
  border: 0 none;
  outline: 0;
  padding: 0;
  width: 33px;
  height: 33px;
  color: #000000;
  position: absolute;
  top: 1px;
  line-height: 33px;
  right: 0;
  margin-right: 8px;
  transform: translateY(-1px);
  background-color: #ffffff;
}
.navigation-button-base:before {
  display: block;
  content: "❯";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  transition: transform 0.3s;
}

.navigation-button-less:before {
  display: block;
}
.navigation-button-less:after {
  display: none;
}

.navigation-button-more:before, .navigation-button-more:after {
  display: block;
}

.accNavComponentAccount ul {
  padding: 0;
  list-style: none;
}
.accNavComponentAccount ul li a {
  color: #ffffff;
}

@media (max-width: 1023px) {
  .nav-top {
    background-color: transparent;
  }

  .nav-middle {
    background-color: #ffc510;
    z-index: 1;
    position: relative;
  }
  .nav-middle .nav-inner-middle {
    margin-top: -50px;
  }

  .nav-bottom {
    display: none;
  }

  .meta-navigation:after {
    content: " ";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
  }
  .meta-navigation .meta-btn, .meta-navigation .meta-btn:hover, .meta-navigation .meta-btn:focus, .meta-navigation .meta-btn:active {
    display: block;
    position: relative;
    outline: 0;
    border: 2px solid transparent;
    box-shadow: none;
    float: left;
    width: 30px;
    height: 51px;
    line-height: 1rem;
    font-size: 25px;
    background: rgba(0, 0, 0, 0);
    text-indent: 0;
    color: #000000;
    text-align: center;
  }
  .meta-navigation .meta-btn .meta-btn-icon, .meta-navigation .meta-btn:hover .meta-btn-icon, .meta-navigation .meta-btn:focus .meta-btn-icon, .meta-navigation .meta-btn:active .meta-btn-icon {
    font-size: inherit;
    line-height: inherit;
    display: inline;
    color: #ffffff;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .meta-navigation .meta-btn .meta-btn-label, .meta-navigation .meta-btn:hover .meta-btn-label, .meta-navigation .meta-btn:focus .meta-btn-label, .meta-navigation .meta-btn:active .meta-btn-label {
    font-size: 10px;
    display: block;
    padding-top: 5px;
    width: 100%;
    text-align: center;
    height: 20px;
  }
  .meta-navigation .meta-btn .wishlist-count, .meta-navigation .meta-btn:hover .wishlist-count, .meta-navigation .meta-btn:focus .wishlist-count, .meta-navigation .meta-btn:active .wishlist-count {
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 44px;
    color: #ffc510;
    top: 0;
    left: 0;
    font-size: 10px;
    margin-left: -1px;
  }
  .meta-navigation .mobile-meta-menu {
    display: flex;
    justify-content: flex-end;
  }
  .meta-navigation .mobile-menu {
    position: relative;
  }
  .meta-navigation .mobile-menu:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 12px;
    width: 19px;
    height: 2px;
    background: #ffffff;
    box-shadow: 0 7px 0 0 #ffffff, 0 14px 0 0 #ffffff;
  }

  .nav-middle .main-navigation {
    transition: transform 0.3s ease-out;
    box-sizing: border-box;
    height: 100vh;
    min-height: 100vh;
    left: -100%;
    overflow-x: hidden;
    margin-top: 0;
    padding: 0 0 50px 0;
    position: absolute;
    width: 100%;
    z-index: 0;
  }
  .nav-middle .main-navigation ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
  }
  .nav-middle .main-navigation li,
.nav-middle .main-navigation .sub-navigation,
.nav-middle .main-navigation .sub-navigation-section {
    background-color: #ffffff;
    transition: transform 0.3s ease-out;
    position: relative;
    float: none;
    line-height: 34px;
  }
  .nav-middle .main-navigation li > a,
.nav-middle .main-navigation li > .userGroup,
.nav-middle .main-navigation li > .title,
.nav-middle .main-navigation li > .js-myAccountLinksContainer a,
.nav-middle .main-navigation .sub-navigation > a,
.nav-middle .main-navigation .sub-navigation > .userGroup,
.nav-middle .main-navigation .sub-navigation > .title,
.nav-middle .main-navigation .sub-navigation > .js-myAccountLinksContainer a,
.nav-middle .main-navigation .sub-navigation-section > a,
.nav-middle .main-navigation .sub-navigation-section > .userGroup,
.nav-middle .main-navigation .sub-navigation-section > .title,
.nav-middle .main-navigation .sub-navigation-section > .js-myAccountLinksContainer a {
    color: #000000;
    background-color: #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #bebebe;
    display: block;
    padding: 8px 10px 8px 10px;
    line-height: 17px;
  }
  .nav-middle .main-navigation .nav li.has-sub > a {
    padding-right: 43px;
    position: relative;
  }
  .nav-middle .main-navigation .nav li.has-sub > a:after {
    display: none;
  }
  .nav-middle .main-navigation .nav li.has-sub > button.btn-more {
    display: block;
    border: 0 none;
    outline: 0;
    padding: 0;
    width: 33px;
    height: 33px;
    color: #000000;
    position: absolute;
    top: 1px;
    line-height: 33px;
    right: 0;
    margin-right: 8px;
    transform: translateY(-1px);
    background-color: #ffffff;
  }
  .nav-middle .main-navigation .nav li.has-sub > button.btn-more:before {
    display: block;
    content: "❯";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    transition: transform 0.3s;
  }
  .nav-middle .main-navigation .nav li.has-sub > button.btn-more:before, .nav-middle .main-navigation .nav li.has-sub > button.btn-more:after {
    display: block;
  }
  .nav-middle .main-navigation .nav li.has-sub > .sub-navigation,
.nav-middle .main-navigation .nav li.has-sub > .sub-navigation-layout-reset > .sub-navigation-layout-reset-outer > .sub-navigation {
    display: none;
  }
  .nav-middle .main-navigation .nav li.has-sub > .sub-navigation-layout-reset,
.nav-middle .main-navigation .nav li.has-sub > .sub-navigation {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    min-height: 100vh;
    background-color: #ffffff !important;
    z-index: 150;
    transition: left 0.3s !important;
  }
  .nav-middle .main-navigation .nav li.has-sub.active > button.btn-more:before {
    display: block;
  }
  .nav-middle .main-navigation .nav li.has-sub.active > button.btn-more:after {
    display: none;
  }
  .nav-middle .main-navigation .nav li.has-sub.active > .sub-navigation,
.nav-middle .main-navigation .nav li.has-sub.active > .sub-navigation-layout-reset > .sub-navigation-layout-reset-outer > .sub-navigation {
    display: block;
  }
  .nav-middle .main-navigation .nav li.has-sub.active > .sub-navigation-layout-reset,
.nav-middle .main-navigation .nav li.has-sub.active > .sub-navigation {
    left: 0;
  }
  .nav-middle .main-navigation .nav li.has-sub.active .sub-navigation-label {
    padding-left: 30px;
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #bebebe;
    background-color: white;
  }
  .nav-middle .main-navigation .nav li.go-back-menu {
    position: relative;
    cursor: pointer;
    padding-left: 50px;
    font-size: 0.9em;
    background-color: #eceded !important;
  }
  .nav-middle .main-navigation .nav li.go-back-menu > .btn-back {
    display: block;
    border: 0 none;
    outline: 0;
    padding: 0;
    width: 33px;
    height: 33px;
    color: #000000;
    position: absolute;
    top: 1px;
    line-height: 33px;
    left: 0;
    margin-right: 8px;
    transform: translateY(-1px);
    background-color: #ffffff;
    background-color: transparent !important;
  }
  .nav-middle .main-navigation .nav li.go-back-menu > .btn-back:before {
    display: block;
    content: "❯";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    transform: rotate(180deg);
  }
  .nav-middle .main-navigation .nav li.category-title {
    font-weight: 700;
    font-size: 1.1em;
    background-color: #ffffff;
  }
  .nav-middle .main-navigation .nav li.category-title a {
    padding-left: 15px !important;
    cursor: default;
  }
  .nav-middle .main-navigation .nav li.category-title.second-level a {
    cursor: pointer;
  }
  .nav-middle .main-navigation .sub-navigation > a,
.nav-middle .main-navigation .sub-navigation .sub-navigation-layout-reset-inner > a {
    color: #000000;
    background-color: #eceded;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #bebebe;
    display: block;
    padding: 8px 10px 8px 10px;
    line-height: 17px;
  }
  .nav-middle .main-navigation .sub-navigation-list > li > a {
    padding-left: 30px;
  }
  .nav-middle .main-navigation .sub-navigation-list .sub-navigation-list > li > a {
    padding-left: 50px;
  }
  .nav-middle .userGroup button.btn-more,
.nav-middle .sticky-nav-top button.btn-more,
.nav-middle .sub-nav button.btn-more {
    display: block;
    border: 0 none;
    outline: 0;
    padding: 0;
    width: 33px;
    height: 33px;
    color: #000000;
    position: absolute;
    top: 1px;
    line-height: 33px;
    right: 0;
    margin-right: 8px;
    transform: translateY(-1px);
    background-color: #ffffff;
  }
  .nav-middle .userGroup button.btn-more:before,
.nav-middle .sticky-nav-top button.btn-more:before,
.nav-middle .sub-nav button.btn-more:before {
    display: block;
    content: "❯";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    transition: transform 0.3s;
  }
  .nav-middle .userGroup button.btn-more:after,
.nav-middle .sticky-nav-top button.btn-more:after,
.nav-middle .sub-nav button.btn-more:after {
    display: none;
  }
  .nav-middle .userGroup button.btn-more.collapsed:after,
.nav-middle .sticky-nav-top button.btn-more.collapsed:after,
.nav-middle .sub-nav button.btn-more.collapsed:after {
    display: block;
  }
  .nav-middle .userGroup button.btn-more .collapsed + button.btn-more:after,
.nav-middle .sticky-nav-top button.btn-more .collapsed + button.btn-more:after,
.nav-middle .sub-nav button.btn-more .collapsed + button.btn-more:after {
    display: block;
  }

  .wishlist-icon--wish-list::after {
    top: -9px;
  }
}
/* main navigation SM slide effects */
@media (max-width: 639px) {
  .main-navigation-overlay {
    transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    background-color: #ffffff;
  }

  main.offcanvas .nav-middle .main-navigation {
    transition: transform 0.3s ease-out;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  main.offcanvas .nav-middle .main-navigation li {
    width: 100%;
  }
  main.offcanvas .nav-middle .main-navigation li a {
    background-color: white;
  }

  main.offcanvas .nav-middle .main-navigation-overlay {
    visibility: visible;
    opacity: 1;
  }
}
/* main navigation SM styles */
@media (max-width: 1023px) {
  .main-navigation > .js-offcanvas-search {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }

  .main-navigation > .js-offcanvas-search,
.main-navigation > .js-offcanvas-links {
    transition: transform 0.3s ease-out;
  }
  .main-navigation > .js-offcanvas-search > li > a,
.main-navigation > .js-offcanvas-links > li > a {
    font-weight: bold;
  }

  main.offcanvas-navigation .main-navigation > .js-offcanvas-links,
main.offcanvas-search .main-navigation > .js-offcanvas-search {
    transition: transform 0.3s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    z-index: 100;
  }

  main.offcanvas-search .main-navigation > .js-offcanvas-links,
main.offcanvas-navigation .main-navigation > .js-offcanvas-search {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    transition: transform 0.3s ease-out;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .nav-middle .main-navigation {
    left: -100%;
    height: 100vh;
    border-right: 1px solid #eceded;
    background-color: #ffffff;
  }

  main.offcanvas .main-navigation {
    -webkit-transform: translate(380px, 0);
    -ms-transform: translate(380px, 0);
    -o-transform: translate(380px, 0);
    transform: translate(100%, 0);
  }
}
/* main navigation MD styles */
@media (min-width: 1024px) and (max-width: 1399px) {
  .nav-top,
.nav-middle,
.nav-bottom {
    margin: 0 auto;
  }
  .nav-top .container,
.nav-middle .container,
.nav-bottom .container {
    width: 100%;
    max-width: 940px;
  }
}
@media (min-width: 1024px) {
  .main-header .nav-general,
.main-header .nav-top,
.main-header .nav-middle,
.main-header .nav-bottom {
    margin: 0 auto;
  }
  .main-header .nav-general {
    margin-bottom: 16px;
    background-color: #565655;
  }
  .main-header .nav-general .md-secondary-navigation > ul {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .main-header .nav-general .md-secondary-navigation > ul > li {
    order: 2;
    margin-left: 10px;
    border-bottom: 4px solid transparent;
    transition: 0.35s;
  }
  .main-header .nav-general .md-secondary-navigation > ul > li a:hover {
    text-decoration: none;
  }
  .main-header .nav-general .md-secondary-navigation > ul > li:hover {
    border-bottom: 4px solid #ffc510;
  }
  .main-header .nav-general .md-secondary-navigation > ul > li .material-icons {
    position: relative;
    margin-left: 5px;
    font-size: 16px !important;
  }
  .main-header .nav-general .md-secondary-navigation > ul > li:first-of-type {
    order: 0;
    margin-right: auto;
    margin-left: 0;
  }
  .main-header .nav-general .md-secondary-navigation > ul > li.lang-selector-li {
    order: 1;
    margin-right: 80px;
    margin-left: 0;
  }
  .main-header .nav-top {
    position: relative;
    min-height: 70px;
    background-color: #ffc510;
    z-index: 200;
  }
  .main-header .nav-top .container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .main-header .nav-stripe {
    height: 30px;
    background-color: #ffc510;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.23);
  }
  .main-header .nav-middle {
    position: relative;
    bottom: 30px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.23);
    z-index: 150;
  }
  .main-header .nav-bottom {
    background-color: #ffffff;
  }

  .nav * > li:hover, .nav * > li:focus {
    background-color: none;
  }

  .md-secondary-navigation .myAccountLinksHeader.js-myAccount-toggle.collapsed,
.md-secondary-navigation .myCompanyLinksHeader.js-myCompany-toggle.collapsed {
    background-color: transparent;
    color: inherit;
  }
  .md-secondary-navigation .myAccountLinksHeader.js-myAccount-toggle.collapsed:hover, .md-secondary-navigation .myAccountLinksHeader.js-myAccount-toggle.collapsed:focus,
.md-secondary-navigation .myCompanyLinksHeader.js-myCompany-toggle.collapsed:hover,
.md-secondary-navigation .myCompanyLinksHeader.js-myCompany-toggle.collapsed:focus {
    color: #ffffff;
    text-decoration: none;
  }

  .md-secondary-navigation .myAccountLinksHeader.js-myAccount-toggle,
.md-secondary-navigation .myCompanyLinksHeader.js-myCompany-toggle {
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
  }

  .main-header .main-navigation {
    position: relative;
    background-color: transparent;
    margin: 0 0 calc(20px / -2);
  }
  .main-header .main-navigation:before, .main-header .main-navigation:after {
    content: " ";
    display: table;
  }
  .main-header .main-navigation:after {
    clear: both;
  }
  .main-header .main-navigation .no-wrap-text {
    white-space: nowrap;
  }
  .main-header .main-navigation .no-padding {
    padding: 0 !important;
  }
  .main-header .main-navigation .no-bullet-points {
    list-style-type: none;
  }
  .main-header .main-navigation .vertical-menu {
    display: flex;
    flex-direction: column;
  }
  .main-header .main-navigation .top2 {
    top: 40px !important;
  }
  .main-header .main-navigation .sub-menu-entry {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 30px;
    font-weight: bold;
  }
  .main-header .main-navigation .entry-box {
    padding: 10px 0 5px 5px !important;
  }
  .main-header .main-navigation .bold-entries a {
    color: #555 !important;
    padding: 10px 0 !important;
    padding-left: 5px !important;
    border-bottom: 1px solid #dfdfdf;
    /* padding-left: 10px;
    padding-right: 50px;
    padding-bottom: 8px; */
  }
  .main-header .main-navigation .bold-entries a:hover {
    border-color: white;
    border-bottom: 3px solid #ffc510;
  }
  .main-header .main-navigation .top3 {
    top: 80px !important;
    left: 20px !important;
  }
  .main-header .main-navigation .sub-wrapper {
    margin: 5px 0;
    border-bottom: 1px solid #dfdfdf;
  }
  .main-header .main-navigation .min-width3 {
    min-width: 150px !important;
  }
  .main-header .main-navigation .triangle-sub-menu {
    top: -33px !important;
    left: 70px !important;
  }
  .main-header .main-navigation .width-auto2 {
    width: auto !important;
  }
  .main-header .main-navigation .width-auto {
    width: auto !important;
    margin: 0 !important;
  }
  .main-header .main-navigation > .nav .btn-more {
    display: none;
  }
  .main-header .main-navigation > .nav .sub-navigation.has-title {
    margin-top: 40px;
  }
  .main-header .main-navigation > .nav .title + .sub-navigation-list.has-title {
    margin-top: 0;
  }
  .main-header .main-navigation > .nav > li {
    margin-top: 10px;
    position: static;
    float: left;
  }
  .main-header .main-navigation > .nav > li:first-child {
    margin-left: calc(20px / -2);
  }
  .main-header .main-navigation > .nav > li > a {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    padding: 2px 20px;
  }
  .main-header .main-navigation > .nav > li > a:hover,
.main-header .main-navigation > .nav > li > a:focus {
    background: transparent;
    color: #616161;
  }
  .main-header .main-navigation > .nav > li:first-child + li {
    border: 0;
  }
  .main-header .main-navigation > .nav > li:last-child {
    margin-right: 0;
  }
  .main-header .main-navigation > .nav > li .sub-navigation {
    display: none;
  }
  .main-header .main-navigation > .nav > li .sub-navigation-layout-reset > .sub-navigation-layout-reset-outer > .sub-navigation {
    background: #ffffff;
    left: 0;
    border: 1px solid #cecece;
    padding: 20px 0 20px 20px;
    width: 224px;
    max-width: 100vw;
    margin: 10px auto;
    margin-top: 35px;
    overflow: hidden;
  }
  .main-header .main-navigation > .nav > li .sub-navigation-layout-reset > .sub-navigation-layout-reset-outer > .sub-navigation.submenu-opened {
    width: 1004px;
  }
  .main-header .main-navigation > .nav .triangle-left {
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 23px solid #cecece;
    transform: rotate(90deg);
    position: absolute;
    top: 18px;
    zoom: 0.7;
    left: 120px;
  }
  .main-header .main-navigation > .nav .inner-triangle {
    position: relative;
    top: -20px;
    left: 4px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid white;
  }
  .main-header .main-navigation > .nav .submenu-container {
    width: 760px;
    margin-left: 20px;
  }
  .main-header .main-navigation > .nav .submenu-container .submenu-child-container {
    width: 210px;
    border-bottom: 1px solid #e0e0e0;
  }
  .main-header .main-navigation > .nav .submenu-container .submenu-child-container:hover {
    border-color: white;
  }
  .main-header .main-navigation > .nav .submenu-container .children {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .main-header .main-navigation > .nav .submenu-container .children a {
    border-bottom: 3px solid white;
  }
  .main-header .main-navigation > .nav .submenu-container .children a:hover {
    border-bottom: 3px solid #ffc510;
  }
  .main-header .main-navigation > .nav .submenu-container .submenu-title {
    margin-bottom: 5px;
    display: inline-block;
  }
  .main-header .main-navigation > .nav .submenu-container .submenu-title a {
    border-bottom: 2px solid black;
    font-weight: bold;
    cursor: default;
  }
  .main-header .main-navigation > .nav .menu-container {
    width: 204px;
  }
  .main-header .main-navigation > .nav .menu-container .menu-container-wrapper {
    margin: 5px 0;
    border-bottom: 1px solid #dfdfdf;
  }
  .main-header .main-navigation > .nav .menu-container .menu-container-wrapper .item {
    border-bottom: 3px solid white;
    margin: 3px 0;
  }
  .main-header .main-navigation > .nav .menu-container .menu-container-wrapper .item a {
    color: #555555;
  }
  .main-header .main-navigation > .nav .menu-container .menu-container-wrapper.active {
    border-color: white;
  }
  .main-header .main-navigation > .nav .menu-container .menu-container-wrapper.active .item {
    border-bottom: 3px solid #ffc510;
  }
  .main-header .main-navigation > .nav .submenu-container, .main-header .main-navigation > .nav .menu-container {
    float: left;
  }
  .main-header .main-navigation > .nav .submenu-container .children a, .main-header .main-navigation > .nav .menu-container .children a {
    width: 210px;
    padding: 10px;
    margin-right: 30px;
    font-weight: 400;
  }
  .main-header .main-navigation > .nav .submenu-container ol, .main-header .main-navigation > .nav .menu-container ol {
    width: 215px;
  }
  .main-header .main-navigation > .nav .submenu-container ol li, .main-header .main-navigation > .nav .menu-container ol li {
    width: 100%;
  }
  .main-header .main-navigation > .nav > li .sub-navigation-layout-reset {
    position: absolute;
    z-index: 1000;
    margin: 0;
    top: 45px;
    left: 0;
    margin-left: -32px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation-layout-reset-inner {
    max-width: 100vw;
    margin: 0 auto;
    width: 940px;
    padding: 0 10px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .row {
    position: relative;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section.double {
    position: relative;
    min-height: 1px;
    padding: 10px 0 10px 0;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-section-column {
    float: left;
    padding: 0 10px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list {
    padding-left: 0;
    list-style: none;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list:after {
    content: " ";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li {
    position: static;
    float: left;
    width: 14.1%;
    padding-right: 10px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li.no-float {
    float: none;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li li {
    width: auto;
    padding-right: 0;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section li .title {
    display: block;
    color: #000000;
    line-height: 14px;
    margin-bottom: 10px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a {
    display: block;
    color: #000000;
    line-height: 14px;
    margin-bottom: 5px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li.has-sub > a {
    margin-bottom: 10px;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li:last-child {
    border-bottom: none;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a:hover,
.main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section .sub-navigation-list li a:focus {
    color: #000000;
    background-color: none;
    text-decoration: none;
  }
  .main-header .main-navigation > .nav > li.md-show-sub.has-sub > a {
    position: relative;
    background-color: transparent;
  }
  .main-header .main-navigation > .nav > li.md-show-sub .sub-navigation {
    display: block;
    top: 100%;
  }

  .main-header .md-secondary-navigation::after {
    display: block;
    clear: both;
    content: "";
  }
  .main-header .md-secondary-navigation ul {
    margin: 0;
    padding-left: 0;
    float: left;
  }
  .main-header .md-secondary-navigation ul li {
    display: inline-block;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
  }
  .main-header .md-secondary-navigation ul li:last-child a {
    padding-right: 0;
  }
  .main-header .md-secondary-navigation ul li:first-child a:before {
    display: none;
  }
  .main-header .md-secondary-navigation ul a {
    color: inherit;
    cursor: pointer;
    font-weight: 400;
    padding: 12px 9px 12px 6px;
    display: block;
    font-size: 1em;
    line-height: 1.329em;
    position: relative;
  }
  .main-header .md-secondary-navigation ul a:hover {
    text-decoration: underline;
    color: #ffffff;
  }
  .main-header .md-secondary-navigation li.logged_in {
    padding: 15px 8px 10px;
  }
  .main-header .md-secondary-navigation li button {
    background: transparent none repeat scroll 0% 0%;
    border: medium none;
    color: rgb(0, 104, 179);
    font-size: 1em;
    text-transform: uppercase;
  }
  .main-header .md-secondary-navigation li button:hover {
    background: none;
    text-decoration: none;
    color: #ffffff;
  }

  .meta-navigation {
    display: flex !important;
    justify-content: flex-end;
  }
  .meta-navigation .meta-btn {
    transition: 0.1s;
  }
  .meta-navigation .meta-btn, .meta-navigation .meta-btn:hover, .meta-navigation .meta-btn:focus, .meta-navigation .meta-btn:active {
    padding: 0;
    outline: 0;
    border: 2px solid transparent;
    margin: 0 0 0 15px;
    box-sizing: border-box;
    text-align: center;
    background: transparent;
    box-shadow: none;
    position: relative;
    display: block;
    float: left;
    vertical-align: baseline;
    width: auto;
    color: #000000;
    font-size: 12px;
    line-height: 1;
  }
  .meta-navigation .meta-btn .meta-btn-icon, .meta-navigation .meta-btn:hover .meta-btn-icon, .meta-navigation .meta-btn:focus .meta-btn-icon, .meta-navigation .meta-btn:active .meta-btn-icon {
    font-size: inherit;
    line-height: inherit;
    display: inline;
  }
  .meta-navigation .meta-btn .meta-btn-label, .meta-navigation .meta-btn:hover .meta-btn-label, .meta-navigation .meta-btn:focus .meta-btn-label, .meta-navigation .meta-btn:active .meta-btn-label {
    display: none;
  }
  .meta-navigation .meta-btn .material-icons {
    font-size: 24px !important;
  }
  .meta-navigation .meta-btn.nav-print {
    display: none;
  }
  .meta-navigation .meta-btn:hover {
    border-bottom: 2px solid #000000;
  }
  .meta-navigation .nav-search {
    display: none;
  }
}
.page-login .sm-navigation {
  min-height: 0;
}

@media (min-width: 1024px) {
  .main-header.scrolled .nav-general,
.main-header.scrolled .nav-top,
.main-header.scrolled .nav-stripe {
    display: none;
  }
  .main-header.scrolled .nav-middle {
    position: static;
    background-color: #ffc510;
    transition: 0.4s;
  }
  .main-header.scrolled .nav-middle li a {
    color: #000000 !important;
  }
  .main-header.scrolled .nav-middle li a:hover, .main-header.scrolled .nav-middle li a:active, .main-header.scrolled .nav-middle li a:focus {
    color: #565655 !important;
  }
  .main-header.scrolled .nav-middle .site-search-scroll {
    position: relative;
    top: 20px;
  }
  .main-header.scrolled .nav-middle .site-search-scroll input:active, .main-header.scrolled .nav-middle .site-search-scroll input:focus {
    width: 300px !important;
  }
  .main-header.scrolled .nav-middle .branding-mobile-scroll {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .main-header.scrolled .nav-middle .branding-mobile-scroll img {
    max-height: 60px !important;
  }

  .sm-navigation .row {
    position: relative;
    height: 60px;
  }
  .sm-navigation .row .middle-menu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 60px;
  }
  .sm-navigation .row .middle-menu .main-navigation .nav {
    display: flex;
    align-items: center;
    height: 60px;
  }
  .sm-navigation .row .middle-menu .main-navigation .nav > li {
    position: relative;
    margin: 0;
    height: 60px;
    border-bottom: 2px solid transparent;
    transition: 0.2s;
  }
  .sm-navigation .row .middle-menu .main-navigation .nav > li::after {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    content: "";
    height: 30px;
    width: 1px;
    background-color: #d9dadb;
  }
  .sm-navigation .row .middle-menu .main-navigation .nav > li:last-of-type::after {
    display: none;
  }
  .sm-navigation .row .middle-menu .main-navigation .nav > li:hover {
    border-bottom: 2px solid #ffc510;
  }
  .sm-navigation .row .middle-menu .main-navigation .nav > li a {
    display: flex;
    align-items: center;
    height: 100%;
  }
}
.language-selector-wrapper {
  display: none;
}

.btn-register {
  width: 100% !important;
}

@media (max-width: 1023px) {
  .login-section {
    padding: 0 25px;
  }
  .login-section .btn-register {
    margin-top: 15px;
  }

  .menu-container-wrapper {
    margin: 0 !important;
    border-bottom: 0 !important;
  }

  .language-selector-wrapper {
    display: block;
    float: left;
    margin-left: -10px;
    position: relative;
    width: 5px;
    height: 51px;
  }
  .language-selector-wrapper .nice-select {
    padding-left: 0;
    padding-right: 0;
    width: 37px;
  }

  .gray-nav-links li,
.gray-nav-links a {
    height: 45px !important;
    background-color: #565655 !important;
    color: #ffffff !important;
    border: 0 !important;
  }
  .gray-nav-links li .material-icons,
.gray-nav-links a .material-icons {
    position: relative;
    top: 3px;
    font-size: 16px !important;
    margin-left: 8px;
  }
  .gray-nav-links a {
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 40px !important;
  }

  .drop-checkout-icons {
    background-color: #ffffff !important;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #b1b3b4;
    border-bottom: 1px solid #b1b3b4;
    z-index: 12;
    height: 60px;
  }
  .drop-checkout-icons > * {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center;
    padding: 10px 0;
    width: 100% !important;
    height: 100% !important;
  }
  .drop-checkout-icons a.meta-btn {
    color: #000000;
  }
  .drop-checkout-icons a.meta-btn span.meta-btn-icon {
    position: relative;
    font-size: 18px;
    color: #000000;
  }
  .drop-checkout-icons a.meta-btn span.meta-btn-icon::after {
    display: block;
    top: 5px !important;
    right: -20% !important;
    left: 70% !important;
    border-radius: 50%;
    line-height: inherit !important;
    font-weight: 600;
    background-color: #e2001a;
    transform: scale(80%);
  }
  .drop-checkout-icons a.meta-btn span.meta-btn-label {
    display: none !important;
  }

  .meta-btn-mobile {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
  }
  .meta-btn-mobile .material-icons {
    color: #000000;
  }

  .main-navigation-mobile {
    margin-top: 50px !important;
  }

  .main-navigation-overlay-mobile {
    top: 50px !important;
  }
}
@media (max-width: 1024px) {
  .meta-navigation {
    display: none;
  }
}
.mobile-meta-navigation {
  display: flex;
  flex-wrap: nowrap;
}
@media (min-width: 1024px) {
  .mobile-meta-navigation {
    display: none !important;
  }
}

.icon-black {
  color: #000000;
}

.mobile-quantity-icons {
  position: relative;
}

.quantity-container {
  display: block;
  position: absolute;
  top: 18px;
  left: 80%;
  font-size: 10px;
  text-align: center;
  line-height: inherit !important;
  font-weight: 600;
  color: #ffc510;
  background-color: #e2001a;
  border-radius: 50%;
  z-index: 1;
}
@media (max-width: 1023px) {
  .quantity-container {
    top: 3px;
  }
}
.quantity-container.has-quantity {
  padding: 2px 5px;
}
@media (max-width: 1023px) {
  .quantity-container.has-quantity {
    font-size: 9px;
    padding: 0px 4px;
  }
}
.quantity-container.has-quantity.bigger-size {
  padding: 2px 3px;
}
@media (max-width: 1023px) {
  .quantity-container.has-quantity.bigger-size {
    padding: 0px 2px;
  }
}
.quantity-container.multi-wish-container {
  color: #e2001a !important;
}

.mobile-cart-icon::after {
  display: block;
  top: 3px;
  right: -32%;
  left: 62%;
  transform: scale(80%);
  font-size: 10px;
}
.mobile-cart-icon .material-icons {
  font-size: 24px;
  padding-top: 2px;
}

.mobile-wishlist-icon::after {
  display: block;
  top: 3px;
  right: -32%;
  left: 62%;
  transform: scale(80%);
  font-size: 10px;
}
.mobile-wishlist-icon .material-icons {
  font-size: 22px;
}

.material-icon-20 {
  font-size: 24px !important;
}

.cmp-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  z-index: 6;
  top: 0;
  width: 100%;
}

@media print, screen and (min-width: 64em) {
  .cmp-header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 6;
    position: static;
    width: auto;
  }
}
.cmp-header li {
  list-style-type: none;
}

.cmp-header__anchor {
  height: 0;
  font-size: 0;
  visibility: hidden;
}

@media print, screen and (min-width: 64em) {
  .cmp-header__anchor {
    position: relative;
    top: -275px;
  }
}
.cmp-header--absolute {
  position: fixed;
  z-index: 1000;
  width: 100%;
}

@media print, screen and (min-width: 64em) {
  .cmp-header--absolute {
    position: absolute;
  }
}
.cmp-header--is-sticky {
  position: fixed !important;
  width: 100%;
  top: 0;
  -webkit-animation: slide-down 0.4s;
  animation: slide-down 0.4s;
}

.cmp-header--is-sticky .cmp-header__content .cmp-header-container {
  padding-left: 50px !important;
}

.cmp-header--is-sticky .cmp-header__content {
  height: 60px;
  margin-top: 0;
  padding-bottom: 0;
  -webkit-animation: slide-down 0.4s;
  animation: slide-down 0.4s;
}

@media print, screen and (min-width: 64em) {
  .cmp-header--is-sticky .cmp-header__content {
    height: 60px;
  }
}
.cmp-header--is-sticky .cmp-header__content .cmp-nav-mega-dropdown__content {
  overflow: auto;
}

.cmp-header--is-sticky .cmp-header__content-right {
  width: auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media print, screen and (min-width: 64em) {
  .cmp-header--is-sticky .cmp-header__content-right {
    padding-right: 50px;
  }
}
.cmp-header--is-sticky .cmp-header__logo {
  width: 64px;
  height: 100%;
  margin: 0;
  padding: 0.5rem 0 0 0.5rem;
  display: none;
  -webkit-animation: logo-sticky 0.4s;
  animation: logo-sticky 0.4s;
}

.cmp-header--is-sticky .cmp-header__logo--is-mobile, .cmp-header--is-sticky .cmp-header__title {
  display: block;
}

@media print, screen and (min-width: 64em) {
  .cmp-header--is-sticky .cmp-header__title {
    display: none;
  }
}
.cmp-header--is-sticky.cmp-header .cmp-navigation-subsegment {
  display: none;
}

.cmp-header--is-sticky .cmp-search-field {
  top: 0;
  width: calc(100% - 256px);
  padding-left: 0;
  z-index: 3;
  right: 0;
  width: 100%;
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form {
  height: 70px !important;
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form__field {
  padding: 0;
  border-bottom: none;
  width: 0;
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  background: #ffc510;
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__field {
  border-bottom: 1px solid #616161;
  opacity: 1;
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  width: 70px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
  display: none;
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  width: 70px;
  right: 70px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}

.cmp-header--is-sticky .cmp-search-field .cmp-search-form--enlarged .cmp-search-block {
  top: 70px !important;
}

.cmp-header .cmp-header-container {
  font-weight: 400;
  font-family: Klavika Light;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  width: 100%;
  max-width: 100%;
  margin: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-header-container {
    max-width: 1920px;
    margin: auto;
  }
}
.cmp-header__content {
  width: 100%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color: #ffc510;
  padding-bottom: 35px;
  height: 145px;
  -webkit-animation: slide-up 0.4s;
  animation: slide-up 0.4s;
}

.cmp-header__content .cmp-header-container {
  position: relative;
  padding: 0 0 0 1rem;
}

@media print, screen and (min-width: 64em) {
  .cmp-header__content .cmp-header-container {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 95em) {
  .cmp-header__content .cmp-header-container {
    padding-left: 160px;
  }

  body.rtl .cmp-header__content .cmp-header-container {
    padding-left: 2rem;
    padding-right: 160px;
  }
}
.cmp-header__content-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: auto;
  width: auto;
  max-width: 1200px;
}

.cmp-header__logo {
  width: 96px;
  margin-right: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}

.cmp-header__logo--is-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cmp-header__logo img {
  height: auto;
  width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 95em) {
  .cmp-header__logo {
    margin-left: -128px;
    width: 128px;
    height: 145px;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  body.rtl .cmp-header__logo {
    margin-left: inherit;
    margin-right: -128px;
  }

  .cmp-header__logo--is-mobile {
    display: none;
  }
}
.cmp-header__logo-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 110px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 1rem;
}

body.rtl .cmp-header__logo-brand {
  margin-left: 0;
  margin-right: 1rem;
}

.cmp-header__logo-brand img {
  height: auto;
  width: 100%;
  max-width: 100%;
}

.cmp-header__content-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
}
@media (min-width: 641px) {
  .cmp-header__content-right {
    z-index: 2;
  }
}

.cmp-header__content-right, .cmp-header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.cmp-header__title {
  font-size: 1.875rem;
  overflow: hidden;
  width: auto;
}

.cmp-header .cmp-navigation-subsegment {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #000;
  padding-left: 1rem;
  margin-left: 1rem;
  height: 1.5rem;
  -ms-flex-item-align: center;
  align-self: center;
  cursor: pointer;
  position: relative;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-navigation-subsegment--mobile {
    display: none;
  }
}
.cmp-header .cmp-navigation-subsegment--desktop {
  display: none;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-navigation-subsegment--desktop {
    display: inherit;
  }

  .cmp-header .cmp-navigation-subsegment--desktop .segment-menu ul {
    padding: 4px 14px;
  }
}
.cmp-header .cmp-navigation-subsegment .segment-menu {
  position: absolute;
  z-index: 2;
  display: none;
  width: 250px;
  top: 30px;
  left: -39px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media print, screen and (min-width: 40em) {
  .cmp-header .cmp-navigation-subsegment .segment-menu {
    left: 0;
  }
}
.cmp-header .cmp-navigation-subsegment .segment-menu ul {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  width: 100% !important;
  margin-left: 0;
  margin-bottom: 0;
  background-color: #ffc510;
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul li {
  background-color: transparent;
  border-bottom-color: #fff;
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul a.main {
  padding-left: 14px !important;
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul:first-child li.has-children a.main {
  position: relative;
  padding-left: 14px;
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul:first-child li.has-children a.main:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f142";
  position: absolute;
  right: 0;
  font-weight: 400;
  font-size: inherit;
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul {
  position: absolute;
  left: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top: 0;
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul.expanded {
  left: 0;
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul li {
  padding: 0 14px;
  margin-left: 25px;
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul li.back {
  background-color: #f5f5f5;
  position: relative;
  margin-left: 0;
  padding-left: 35px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul li.back:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f141";
  position: absolute;
  font-weight: 400;
  font-size: inherit;
  left: 10px;
}

.cmp-header .cmp-navigation-subsegment .segment-menu ul ul li.main {
  font-weight: 700;
  margin-left: 0;
}

.cmp-header .cmp-navigation-subsegment.cmp-toggle--show .segment-menu {
  display: inline-block;
}

.cmp-header .cmp-navigation-subsegment.cmp-toggle--show a.opener:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f143";
  font-size: 1rem;
  font-weight: 400;
}

.cmp-header .cmp-navigation-subsegment.cmp-toggle--show a.opener:before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 30%;
  width: 0;
  height: 0;
  -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.16));
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffc510;
}

.cmp-header .cmp-navigation-subsegment a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
}

.cmp-header .cmp-navigation-subsegment a.opener:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f140";
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  position: relative;
  left: 2px;
}

.cmp-header .cmp-navigation-subsegment .cmp-dropdown__menu {
  background-color: #fff;
  border: 0;
  left: 0;
  min-width: 15rem;
}

.cmp-header .cmp-navigation-subsegment .cmp-dropdown__menu li {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  -webkit-transition: all 0.3 ease-in-out;
  transition: all 0.3 ease-in-out;
}

.cmp-header .cmp-navigation-subsegment .cmp-dropdown__menu li:hover {
  border-bottom-color: #ffc510;
}

.cmp-header .cmp-navigation-subsegment .cmp-dropdown__menu li a {
  padding: 12px 3px 8px;
  border-bottom: 1px solid transparent;
}

.cmp-header .cmp-navigation-subsegment .cmp-dropdown__menu li a:hover {
  background-color: transparent;
  color: inherit;
  border-bottom: 1px solid #000;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.cmp-header .cmp-meta-navigation {
  height: 56px;
  position: fixed;
  z-index: 2;
  left: 100%;
  bottom: 0;
  width: 100%;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -webkit-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
}

.cmp-header .cmp-meta-navigation .cmp-header-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media print, screen and (min-width: 40em) {
  .cmp-header .cmp-meta-navigation {
    width: 40%;
  }
}
@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
    left: 0;
    -webkit-box-ordinal-group: initial;
    -ms-flex-order: initial;
    order: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    width: 100%;
    background-color: rgba(60, 60, 60, 0.9);
    height: 60px;
    position: relative;
    z-index: 3;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 2rem;
    overflow-y: inherit;
  }

  .cmp-header .cmp-meta-navigation .cmp-header-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.cmp-header .cmp-meta-navigation .cmp-dropdown {
  min-width: auto;
  width: 100%;
  margin: 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-dropdown {
    width: auto;
  }
}
.cmp-header .cmp-meta-navigation .cmp-dropdown li {
  background-color: #616161;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-dropdown li {
    height: 100%;
    background-color: transparent;
  }
}
.cmp-header .cmp-meta-navigation .cmp-dropdown li a {
  color: #fff;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  padding: 1.25rem 1rem 1rem 1rem;
  border-bottom: 4px solid transparent;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  height: auto;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-dropdown li a {
    height: 100%;
  }
}
.cmp-header .cmp-meta-navigation .cmp-dropdown li a.simple-link, .cmp-header .cmp-meta-navigation .cmp-dropdown li a:hover {
  border-bottom-color: #ffc510;
  background: inherit;
  color: #fff;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li a:not(.simple-link):after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f140";
  font-weight: 400;
  font-size: 1rem;
  margin-left: 5px;
  line-height: 24px;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show a:after {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f143";
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  z-index: 11;
  -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.16));
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #616161;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show a:hover {
  border-bottom-color: transparent;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show li a:after {
  content: "";
  display: none;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show li a:hover {
  border-bottom-color: transparent;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu {
  padding: 4px 14px;
  padding-bottom: 10px;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu .preselected-segment a {
  border-bottom-color: transparent;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu .preselected-segment a:before {
  border-bottom-color: #ffc510;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu a {
  position: relative;
  border-bottom: 1px solid #fff;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu a:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  -webkit-filter: none;
  filter: none;
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom: 3px solid #616161;
  border-left: 0;
  border-right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu a:hover {
  border-bottom-color: #ffc510;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li.cmp-toggle--show .submenu a:hover:before {
  border-bottom-color: #ffc510;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown__menu {
  position: relative;
  top: 15px;
  margin: 0;
  width: auto;
  background-color: #616161;
  border-top: none;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-dropdown__menu {
    position: absolute;
    top: 59px;
  }
}
.cmp-header .cmp-meta-navigation .cmp-dropdown__menu li a {
  background: transparent;
  color: #fff;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown__menu li a:after {
  content: "";
}

.cmp-header .cmp-meta-navigation .cmp-navigation {
  background: transparent;
  border-bottom: 0;
  height: 100%;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__menu {
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item {
  background-color: #616161;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    background: transparent;
  }
}
.cmp-nav-mega-dropdown__menu .cmp-navigation__item.has-children:before {
  content: "";
  position: absolute;
  width: 126px;
  height: 24px;
  bottom: -20px;
}

.cmp-nav-mega-dropdown__menu .cmp-navigation__item.has-children > a {
  margin-bottom: 0;
  padding: 0 15px;
  color: #000 !important;
  border-bottom: 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  align-content: space-around;
  position: relative;
  height: 100%;
  text-align: center;
  line-height: 1;
  text-decoration: none;
}
.cmp-nav-mega-dropdown__menu .cmp-navigation__item.has-children > a:after {
  content: "";
  width: 1px;
  background-color: #e0e0e0;
  height: 50%;
  position: absolute;
  right: 0;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-my-sika .cmp-navigation__link {
  background-color: #616161;
  border-bottom: none;
  width: 100%;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-my-sika .cmp-navigation__link {
    width: auto;
    padding-bottom: 18px;
  }
}
.cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-my-sika--flash .cmp-navigation__link {
  background-color: #ffc510;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika__overlay {
  display: none;
  bottom: -100%;
  left: 0;
  position: fixed;
  width: 100vw;
  height: auto;
  background-color: #616161;
  z-index: -1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 4px 14px;
  -webkit-transition: bottom 0.3s ease-in-out;
  transition: bottom 0.3s ease-in-out;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika__overlay {
    position: absolute;
  }
}
.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: default;
  border-bottom: 1px solid #f5f5f5;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element:last-child {
  border-bottom: 0;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element a:hover {
  border-bottom-color: #ffc510;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element--linked {
  position: relative;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element--linked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element:hover.cmp-my-sika_element--linked {
  border-bottom-color: #ffc510;
  cursor: pointer;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element:hover.cmp-my-sika_element--linked:after {
  border-bottom-color: #ffc510;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element__icon {
  font-size: 1.5rem;
  line-height: 41px;
  color: #f5f5f5;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element__icon .cmp-icon {
  display: inline-block !important;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  padding: 10px 5px;
  color: #f5f5f5;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container__title {
  font-size: 1rem;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container__description {
  font-size: 1rem;
  font-weight: 400;
  font-family: Klavika Light;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links {
  padding-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links a {
  display: inline-block;
  position: relative;
  padding: 5px 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #f5f5f5;
  font-size: 0.8rem;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links a:hover {
  border-bottom-color: #ffc510;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links a:hover:after {
  content: "";
  position: absolute;
  border-bottom-color: #ffc510;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika_element_container_links a:last-child {
  margin-bottom: 0;
}

.cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-toggle--show .cmp-my-sika__overlay {
  bottom: 56px;
  top: auto;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-toggle--show .cmp-my-sika__overlay {
    top: -285px;
    bottom: auto;
    height: auto !important;
    display: block;
  }
}
@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__item .cmp-my-sika__overlay {
    top: -285px;
    right: 0;
    left: inherit;
    width: 280px;
  }

  .cmp-header .cmp-meta-navigation .cmp-navigation__item.cmp-toggle--show .cmp-my-sika__overlay {
    top: 60px;
  }
}
.cmp-header .cmp-meta-navigation .cmp-navigation__link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  color: #fff;
  padding: 1.25rem 0.5rem 1rem 0.5rem;
  border-bottom: 4px solid transparent;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-navigation__link {
    width: auto;
    padding: 1.25rem 1.25rem 1rem 1.25rem;
  }
}
.cmp-header .cmp-meta-navigation .cmp-navigation__link:hover {
  border-bottom-color: #ffc510;
}

.cmp-header .cmp-meta-navigation .cmp-group-title {
  width: 100%;
  display: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #fff;
  text-decoration: none;
  line-height: normal;
}
.cmp-header .cmp-meta-navigation .cmp-group-title span.material-icons {
  font-size: 18px;
  margin-left: 5px;
}

.material-menu-icon {
  font-size: 18px;
  margin-left: 5px;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-group-title {
    display: block;
  }
}
.cmp-header .cmp-meta-navigation .cmp-group-title a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  padding: 1.25rem 1rem 1rem 1rem;
  border-bottom: 4px solid transparent;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.cmp-header .cmp-meta-navigation .cmp-group-title a:hover {
  border-bottom-color: #ffc510;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-group-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    width: auto;
  }
}
.cmp-header .cmp-meta-navigation .cmp-meta-left {
  display: none;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-meta-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #fff;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0;
    height: 100%;
    width: auto;
  }
}
.cmp-header .cmp-meta-navigation .cmp-meta-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation {
  width: 100%;
}

.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__menu [shadow] {
  display: none;
}

.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item {
  display: none;
}

.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100px;
  flex: 1 0 100px;
  text-align: center;
}

.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show.cart {
  display: none;
}

@media print, screen and (max-width: 63.99875em) {
  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show.cart {
    display: block;
  }
}
.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show .cmp-text {
  display: none;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show .cmp-text {
    display: inherit;
  }
}
.cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show .cmp-navigation__link {
  display: inherit;
}

@media print, screen and (max-width: 63.99875em) {
  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item--sticky-show .cmp-navigation__link {
    border-bottom: none;
    border-top: none;
  }
}
@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-meta-navigation .cmp-meta-right {
    border-bottom: 1px solid #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0;
    height: 100%;
    width: auto;
  }

  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item {
    display: block;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    color: #fff;
  }

  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item .cmp-navigation__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item .cmp-navigation__link span.material-icons {
    font-size: 18px;
    margin-left: 5px;
  }

  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item .cmp-icon {
    display: none;
  }

  .cmp-header .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item .cmp-text {
    display: inherit;
  }
}
@-webkit-keyframes meta-reveal {
  0% {
    right: -150px;
  }
  to {
    right: 0;
  }
}
@keyframes meta-reveal {
  0% {
    right: -150px;
  }
  to {
    right: 0;
  }
}
@-webkit-keyframes meta-collapse {
  0% {
    right: 0;
  }
  to {
    right: -150px;
  }
}
@keyframes meta-collapse {
  0% {
    right: 0;
  }
  to {
    right: -150px;
  }
}
.cmp-header--is-sticky .cmp-meta-navigation {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 200px;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  background-color: transparent;
  -webkit-animation: meta-collapse 0.3s 0.5s forwards;
  animation: meta-collapse 0.3s 0.5s forwards;
  top: calc(50vh - 40px);
  left: inherit;
  padding: 0;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-left {
  display: none;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right, .cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation {
  width: 100%;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__menu {
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item {
  display: none;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show {
  display: block;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  height: 50px;
  width: 100%;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link {
  -webkit-transition: none;
  transition: none;
  padding: 1rem;
  color: #000;
  background: none;
  border-bottom: 4px solid transparent;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  text-align: left;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link .cmp-icon {
  display: block;
  font-size: 1.25rem;
  margin-right: 1rem;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link--active .cmp-icon {
  color: #ffc510;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link--flash {
  background-color: #ffc510 !important;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link--flash .cmp-icon {
  color: #fff;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link:hover {
  color: #616161;
  border-bottom-color: #ffc510;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item .cmp-my-sika.cart {
  display: block;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item .cmp-my-sika__overlay {
  top: 0;
  bottom: 0;
  right: inherit;
  left: 200px;
  width: 280px;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-toggle--show .cmp-my-sika__overlay {
  left: -280px;
  top: 0;
}

.cmp-header--is-sticky .cmp-meta-navigation .cmp-header-container {
  width: 100%;
  padding: 0;
}

.cmp-header--is-sticky .cmp-meta-navigation:hover {
  -webkit-animation: meta-reveal 0.3s forwards;
  animation: meta-reveal 0.3s forwards;
}

.cmp-header--mobile-open .cmp-meta-navigation {
  left: 0;
}

.cmp-header--mobile-open .cmp-meta-navigation .cmp-meta-right .cmp-navigation__menu [shadow] {
  display: block;
}

.cmp-header--mobile-open .cmp-meta-navigation .cmp-navigation__menu {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.cmp-header--mobile-open .cmp-meta-navigation .cmp-navigation__menu .cmp-navigation__item {
  background-color: #f5f5f5;
}

.cmp-header--mobile-open .cmp-meta-navigation .cmp-navigation__menu .cmp-navigation__item .cmp-navigation__link {
  color: #000;
  background-color: #f5f5f5;
}

.cmp-header--mobile-open .cmp-meta-navigation .cmp-navigation .cmp-my-sika__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media print, screen and (min-width: 40em) {
  .cmp-header--mobile-open .cmp-meta-navigation {
    left: 60%;
  }
}
.cmp-header .cmp-search-field .cmp-search-form {
  height: 50px;
}

.cmp-header .cmp-search-field .cmp-search-form__field {
  height: 100%;
  background: #ffc510;
  font-size: 1rem;
}

@media screen and (min-width: 20em) {
  .cmp-header .cmp-search-field .cmp-search-form__field {
    font-size: calc(1rem + 0.25 * (100vw - 320px) / 320);
  }
}
@media print, screen and (min-width: 40em) {
  .cmp-header .cmp-search-field .cmp-search-form__field {
    font-size: 1.25rem;
  }
}
.cmp-header .cmp-search-field .cmp-search-form__button-action {
  font-size: 1.25rem;
  padding-right: 0;
  display: none;
}

.cmp-header .cmp-search-field .cmp-search-form__button-clear {
  font-size: 1.25rem;
}

.cmp-header .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__field {
  padding-left: 1rem;
}

.cmp-header .cmp-search-field .cmp-search-form--enlarged .cmp-search-block {
  top: 50px;
}

.cmp-header .cmp-search-field .cmp-search-block {
  margin-top: 0;
}

.cmp-header .cmp-main-navigation {
  display: none;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  z-index: 1;
  position: absolute;
  left: 100%;
  -webkit-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
  top: 60px;
  height: calc(100vh - 116px);
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .cmp-header .cmp-header__content-left > .cmp-main-navigation {
    display: none;
  }

  .cmp-header.cmp-header--is-sticky .cmp-header__content-left > .cmp-main-navigation {
    display: block;
  }

  .cmp-header.cmp-header--is-sticky > .cmp-main-navigation {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation {
    display: block;
    position: relative;
    left: 0;
    top: -35px;
    margin-bottom: -35px;
    background-color: transparent;
  }
}
@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation.cmp-header-container {
    width: 100%;
    padding: 0 2rem;
    height: 70px;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: normal;
  }
}
@media screen and (min-width: 95em) {
  .cmp-header .cmp-main-navigation.cmp-header-container {
    padding-left: 160px;
  }

  body.rtl .cmp-header .cmp-main-navigation.cmp-header-container {
    padding-left: 2rem;
    padding-right: 160px;
  }
}
.grid-x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}
.grid-x ::-webkit-scrollbar {
  width: 9px;
}
.grid-x ::-webkit-scrollbar-track {
  background: transparent;
}
.grid-x ::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}

.cmp-product-category.active {
  border-bottom-color: #ffc510 !important;
}
.cmp-product-category.active a:after {
  border-bottom-color: #ffc510 !important;
}

.submenu-child-container.active {
  border-bottom-color: #ffc510 !important;
}
.submenu-child-container.active a:after {
  border-bottom-color: #ffc510 !important;
}
.submenu-child-container.active a:after {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 3px solid transparent;
  left: 0;
  bottom: 0;
  -webkit-transition: border-bottom-color 0.3s ease-in-out;
  transition: border-bottom-color 0.3s ease-in-out;
  border-bottom-color: #ffc510 !important;
}

.cmp-submenu__container {
  padding-bottom: 20px;
  display: flex;
  max-height: 50vh;
  overflow: auto;
}
.cmp-submenu__container .children:not(:last-child) {
  margin-right: 15px !important;
}
.cmp-submenu__container .submenu-child-container {
  position: relative;
  width: 250px;
}
.cmp-submenu__container .submenu-child-container a:hover:after {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 3px solid transparent;
  left: 0;
  bottom: 0;
  -webkit-transition: border-bottom-color 0.3s ease-in-out;
  transition: border-bottom-color 0.3s ease-in-out;
  border-bottom-color: #ffc510 !important;
}
.cmp-submenu__container .submenu-child-container span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 !important;
  word-break: break-word;
}

div[class^=cmp-submenu__container_], div[class*=" cmp-submenu__container_"] {
  padding-bottom: 20px;
  display: flex;
  max-height: 50vh;
  overflow: auto;
  margin-left: 20px;
}
div[class^=cmp-submenu__container_]:empty, div[class*=" cmp-submenu__container_"]:empty {
  display: none;
}
div[class^=cmp-submenu__container_] .children:not(:last-child), div[class*=" cmp-submenu__container_"] .children:not(:last-child) {
  margin-right: 15px !important;
}
div[class^=cmp-submenu__container_] .submenu-child-container, div[class^=cmp-submenu__container_] .submenu-child-cont, div[class*=" cmp-submenu__container_"] .submenu-child-container, div[class*=" cmp-submenu__container_"] .submenu-child-cont {
  position: relative;
  width: 250px;
}
div[class^=cmp-submenu__container_] .submenu-child-container a:hover:after, div[class^=cmp-submenu__container_] .submenu-child-cont a:hover:after, div[class*=" cmp-submenu__container_"] .submenu-child-container a:hover:after, div[class*=" cmp-submenu__container_"] .submenu-child-cont a:hover:after {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 3px solid transparent;
  left: 0;
  bottom: 0;
  -webkit-transition: border-bottom-color 0.3s ease-in-out;
  transition: border-bottom-color 0.3s ease-in-out;
  border-bottom-color: #ffc510 !important;
}
div[class^=cmp-submenu__container_] .submenu-child-container span, div[class^=cmp-submenu__container_] .submenu-child-cont span, div[class*=" cmp-submenu__container_"] .submenu-child-container span, div[class*=" cmp-submenu__container_"] .submenu-child-cont span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 !important;
  word-break: break-word;
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown__menu {
  margin-left: 0;
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown .cmp-toggle--show {
  height: 100%;
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown li {
  border: none;
  margin: 0;
  padding: 0;
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown li.has-children:after {
  content: none;
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown li.has-children a {
  width: 100%;
  max-width: 100%;
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-dropdown li.has-children a:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f142";
  font-weight: 400;
  position: absolute;
  right: 1rem;
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-navigation {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cmp-header .cmp-main-navigation .cmp-navigation-segment .cmp-icon {
  margin-right: 0.25rem;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation .cmp-navigation-segment {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}
.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown a {
  color: #000 !important;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu {
  padding-right: 0;
  padding-left: 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 100%;
  position: inherit;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item {
  position: inherit;
  border-bottom: 4px solid transparent;
  -webkit-transition: border-bottom-color 0.3s ease-in-out;
  transition: border-bottom-color 0.3s ease-in-out;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link {
  color: #000;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link:hover {
  color: #616161;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link .cmp-icon {
  font-size: 1.5rem;
  margin: 0;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link i:before {
  font-size: 2rem;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item.cmp-toggle--show {
  background: transparent;
  display: block;
  border-bottom-color: #ffc510;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item.cmp-toggle--show .cmp-navigation__link {
  position: relative;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item.cmp-toggle--show .cmp-navigation__link:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -20px;
  left: calc(50% - 15px);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1));
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
  left: 0;
  top: 85px;
  background: #fff;
  border: 1px solid #f5f5f5;
  padding: 20px 20px 0 20px;
  min-width: 252px;
  max-height: calc(100vh - 300px);
  overflow: auto;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content__title {
  font-size: 1.5625rem;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content__sub-title {
  font-size: 1rem;
  line-height: 19px;
  border-bottom: 2px solid #3c3c3c;
  padding-bottom: 10px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  min-width: 120px;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content__sub-title a {
  padding: 0;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content ul {
  margin: 0;
  padding: 0;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content ul li a {
  padding: 10px;
  font-size: 1rem;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  font-weight: 400;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content ul li a:hover {
  border-bottom-color: #ffc510;
  color: #3c3c3c;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content ul li:first-of-type a {
  padding-top: 0;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content .cmp-teaser {
  border: 1px solid #e0e0e0;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content .cmp-teaser:hover {
  border-color: #ffc510;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__content .cmp-teaser a {
  padding: 0;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column {
  margin-right: 15px;
  margin-bottom: 30px;
  margin-left: 0;
  width: 250px;
}
.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column ::-webkit-scrollbar {
  width: 9px;
}
.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column ::-webkit-scrollbar-track {
  background: transparent;
}
.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column ::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}
.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column .cmp-product-category {
  font-family: "Klavika Medium";
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column ul {
  max-height: 50vh;
  overflow: auto;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column:last-child {
  margin-right: 0;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column ul li a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column ul li a p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 !important;
  word-break: break-word;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column ul li a:after {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 3px solid transparent;
  left: 0;
  bottom: 0;
  -webkit-transition: border-bottom-color 0.3s ease-in-out;
  transition: border-bottom-color 0.3s ease-in-out;
}

.cmp-header .cmp-main-navigation .cmp-nav-mega-dropdown__column ul li a:hover:after {
  border-bottom-color: #ffc510;
}

.cmp-header .cmp-main-navigation .cmp-toggle--show .cmp-nav-mega-dropdown__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cmp-header .cmp-main-navigation .cmp-dropdown {
  min-width: auto;
  -ms-flex-align: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.cmp-header .cmp-main-navigation .cmp-dropdown, .cmp-header .cmp-main-navigation .cmp-dropdown li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  align-items: center;
}

.cmp-header .cmp-main-navigation .cmp-dropdown li {
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cmp-header .cmp-main-navigation .cmp-dropdown li a {
  text-align: center;
  padding: 0 30px;
  position: relative;
  width: 100%;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.cmp-header .cmp-main-navigation .cmp-dropdown li a:hover {
  color: #616161;
  background: transparent;
}

.cmp-header .cmp-main-navigation .cmp-dropdown li a:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f140";
  font-weight: 400;
  font-size: inherit;
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu {
  width: 500px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  top: 0;
  left: 0;
  background: #fff;
  padding: 40px 30px 30px 30px;
  border: 1px solid #f5f5f5;
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu:before {
  position: absolute;
  top: -14px;
  left: 60px;
  -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1));
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu__sub-title {
  font-size: 1rem;
  border-bottom: 2px solid #3c3c3c;
  padding-bottom: 10px;
  margin-bottom: 10px;
  min-height: 69;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu__sub-title .cmp-sub-title-link {
  text-align: left;
  padding: 0;
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu__sub-title .cmp-sub-title-link:after {
  content: none;
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu .cell {
  margin-right: 30px;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation .cmp-dropdown__menu {
    position: inherit;
    top: 85px;
  }
}
.cmp-header .cmp-main-navigation .cmp-dropdown__menu ul {
  margin: 79 0 0 0;
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu ul li {
  background-color: #fff;
  padding: 0;
  border: none;
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu ul li:after {
  content: none;
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu ul li a {
  padding: 10px;
  font-size: 1rem;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  font-weight: 400;
  text-align: left;
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu ul li a:after {
  content: none;
}

.cmp-header .cmp-main-navigation .cmp-dropdown__menu .cmp-dropdown__menu__sub-title + ul {
  margin-top: 0;
}

.cmp-header .cmp-main-navigation .cmp-navigation {
  background: transparent;
  border-bottom: 0;
  height: 100%;
}

.cmp-header .cmp-main-navigation .cmp-navigation__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}

.cmp-navigation__menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[data-whatinput=mouse] .cmp-navigation__menu li {
  outline: 0;
}

.cmp-navigation__menu .button, .cmp-navigation__menu a {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 1.25rem;
}

.cmp-navigation__menu a, .cmp-navigation__menu button, .cmp-navigation__menu input, .cmp-navigation__menu select {
  margin-bottom: 0;
}

.cmp-navigation__menu input {
  display: inline-block;
}

.cmp-navigation__item {
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
}
.cmp-navigation__item #lang-form, .cmp-navigation__item .form-group, .cmp-navigation__item .nice-select {
  height: 100%;
  color: #fff;
}
.cmp-navigation__item .form-control {
  border: none;
}
.cmp-navigation__item .form-control.custom-lang-selector {
  border-bottom: 4px solid transparent;
}
.cmp-navigation__item .form-control.custom-lang-selector:hover {
  border-bottom: 4px solid #ffc510;
}

.cmp-navigation__item--is-active {
  font-weight: 700;
  border-bottom: 4px solid #ddd;
}

.cmp-navigation__link {
  display: block;
  padding: 1.25rem;
}

.cmp-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.cmp-sticky:after, .cmp-sticky:before {
  content: "";
  display: table;
}

.cmp-sticky-container {
  position: relative;
}

.cmp-sticky-container .cmp-navigation {
  background-color: #fff;
  border-bottom: 2px solid #e0e0e0;
  font-size: 1.9375rem;
  color: #000;
}

.cmp-sticky-container .cmp-navigation.is-stuck {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  border-bottom: 0;
}

@media print, screen and (min-width: 64em) {
  .cmp-sticky-container .cmp-navigation.is-stuck {
    margin-top: 70px !important;
  }
}
.cmp-sticky-container .cmp-navigation__menu {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.cmp-sticky-container .cmp-navigation__menu a {
  padding: 14px 40px 14px 40px;
  white-space: nowrap;
}

.cmp-sticky-container .cmp-navigation__menu a.is-active {
  border-bottom: 6px solid #ffc510;
  padding-bottom: 15px;
}

@media print, screen and (min-width: 64em) {
  .cmp-sticky-container .cmp-navigation__menu li:first-of-type a {
    padding-left: 0;
  }
}
body.rtl .cmp-sticky-container .cmp-navigation__menu li:first-of-type a {
  padding-left: 14px;
  padding-right: 0;
}

.cmp-sticky-content {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 40em) {
  .cmp-sticky-content {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.cmp-header .cmp-main-navigation .cmp-navigation__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: auto;
}

.cmp-header .cmp-main-navigation .cmp-navigation__item:after {
  content: none;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation .cmp-navigation__item {
    height: 100%;
  }
}
body.rtl .cmp-header .cmp-main-navigation .cmp-navigation__item:first-child .cmp-navigation__link:after {
  width: 0;
}

.cmp-header .cmp-main-navigation .cmp-navigation__item:last-child .cmp-navigation__link:after {
  width: 0;
}

body.rtl .cmp-header .cmp-main-navigation .cmp-navigation__item:last-child .cmp-navigation__link:after {
  width: 1px;
}

.cmp-header .cmp-main-navigation .cmp-navigation__link {
  width: 100%;
  max-width: 100%;
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  position: relative;
  height: 100%;
  text-align: center;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation .cmp-navigation__link {
    padding: 0 15px;
    border-bottom: 0;
  }
}
.cmp-header .cmp-main-navigation .cmp-navigation__link:hover {
  color: #616161;
}

.cmp-header .cmp-main-navigation .cmp-navigation__link:after {
  content: "";
  width: 1px;
  background-color: #e0e0e0;
  height: 50%;
  position: absolute;
  right: 0;
}

.cmp-header .cmp-main-navigation .cmp-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Klavika Regular";
}

.cmp-header .cmp-main-navigation .cmp-navigation__item {
  display: block;
}

.cmp-header .cmp-main-navigation--mobile {
  position: absolute;
  z-index: 1;
  left: 100%;
  top: 60px;
  height: calc(100vh - 60px);
  width: 100%;
  -webkit-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
  background-color: #fff;
}

@media print, screen and (min-width: 40em) {
  .cmp-header .cmp-main-navigation--mobile {
    width: 40%;
  }

  .drop-checkout-icons {
    width: 40% !important;
  }
}
@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-main-navigation--mobile {
    display: none;
  }
}
.cmp-header .cmp-main-navigation--mobile .cmp-nav-mega-dropdown__content {
  display: none;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment {
  position: absolute;
  z-index: 1;
  width: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment li {
  background-color: #f5f5f5;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment li > a {
  padding: 16px;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back, .cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children {
  position: relative;
  border-bottom: 2px solid #ffc510;
  background-color: #f5f5f5;
  height: 56px;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back span, .cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children span {
  position: absolute;
  display: inline-block;
  height: 100%;
  width: 100%;
  z-index: 3;
  padding: 16px;
  top: 0;
  left: 0;
  background-color: #f5f5f5;
  font-weight: 700;
  font-size: 1.25rem;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back span:after, .cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children span:after {
  z-index: 3;
  position: absolute;
  content: "...";
  font-weight: 700;
  font-size: 32px;
  left: calc(50% - 5px);
  bottom: -23px;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back {
  border-bottom: 0;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back span {
  padding-left: 48px;
  background-color: #616161;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back span:after {
  content: "";
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back span a {
  color: #fff;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .back:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f2dc";
  color: #fff;
  font-weight: 400;
  position: absolute;
  left: 0.5rem;
  line-height: 22px;
  z-index: 3;
  top: calc(50% - 12px);
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children:after {
  content: "";
  position: absolute;
  z-index: 2;
  height: 13px;
  width: 36px;
  left: calc(50% - 11px);
  bottom: -13px;
  color: #000;
  background-color: #ffc510;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children.expanded .sub-nav {
  top: 56px !important;
  border-bottom: 2px solid #ffc510;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment .has-children .sub-nav {
  z-index: 1;
  position: absolute;
  left: 0;
  overflow: scroll;
  background-color: #f5f5f5;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 56px;
  left: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  background-color: #616161;
  border-left: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li > a {
  display: flex;
  align-items: center;
  padding: 16px 16px 16px 48px;
  color: #000;
}
.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li > a span.material-icons {
  font-size: 18px;
  margin-left: 5px;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.has-children > a,
.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.has-children > span {
  position: relative;
  pointer-events: none;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.has-children > a:after,
.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.has-children > span:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f142";
  position: absolute;
  top: calc(50% - 12px);
  right: 12px;
  font-weight: 400;
  line-height: 1;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.has-children ul {
  min-height: calc(100vh - 60px);
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.back {
  background-color: #f5f5f5;
  padding: 16px 16px 16px 48px;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.back:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f141";
  font-weight: 400;
  position: absolute;
  left: 0.5rem;
  line-height: 22px;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.overview {
  padding-left: 2rem;
  font-family: "Klavika Medium";
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.overview > a, .cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root li.overview > span {
  padding-left: 0;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .sub-nav {
  position: absolute;
  left: 100%;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  top: -1px;
  z-index: 1;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  padding-bottom: 900px;
}

.cmp-header .cmp-main-navigation .sub-nav {
  display: none;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .has-children.expanded > .sub-nav {
  left: 0;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .cmp-nav-footer {
  background-color: #616161;
  bottom: -114px;
  left: -1px;
  width: 101%;
  height: auto;
  flex: 1 1 auto;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .cmp-nav-footer ul li {
  background-color: transparent;
  border-bottom: none;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .cmp-nav-footer ul li .cmp-icon, .cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-root .cmp-nav-footer ul li a {
  color: #fff;
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment + .cmp-main-navigation-root {
  top: 56px;
  height: calc(100% - 56px);
}

.cmp-header .cmp-main-navigation--mobile .cmp-main-navigation-segment.show-subsegment + .cmp-main-navigation-root {
  top: 112px;
  height: calc(100% - 112px);
}

.cmp-header .cmp-main-navigation--mobile ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cmp-header .cmp-main-navigation--mobile li {
  width: 100%;
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.cmp-header .cmp-main-navigation--mobile li > a, .cmp-header .cmp-main-navigation--mobile li > div, .cmp-header .cmp-main-navigation--mobile li > span {
  display: block;
  padding: 16px 16px 16px 48px;
}

@media print, screen and (min-width: 64em) {
  .cmp-header--is-sticky .cmp-main-navigation {
    display: block;
    height: 100%;
    margin: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    top: inherit;
  }

  .cmp-header--is-sticky .cmp-main-navigation.cmp-header-container {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .cmp-header--is-sticky .cmp-main-navigation.cmp-header-container .cmp-navigation-segment {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .cmp-header--is-sticky .cmp-main-navigation .cmp-nav-mega-dropdown__content {
    left: 12px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
  }

  .cmp-header--is-sticky .cmp-main-navigation .cmp-dropdown li:after {
    background: #fff;
  }

  .cmp-header--is-sticky .cmp-main-navigation .cmp-navigation__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .cmp-header--is-sticky .cmp-main-navigation .cmp-navigation__link:after {
    background-color: hsla(0deg, 0%, 100%, 0.7);
  }
}
.cmp-header--mobile-open .cmp-main-navigation--mobile {
  left: 0;
}

@media print, screen and (min-width: 40em) {
  .cmp-header--mobile-open .cmp-main-navigation--mobile {
    left: 60%;
  }
}
.cmp-header .cmp-nav-mega-dropdown__content__sub-title, .cmp-header :lang(x) {
  padding-top: 25px !important;
}

.cmp-header .cmp-burger-icon {
  position: relative;
  height: 40px;
  width: 55px;
  cursor: pointer;
  margin: 50px auto;
  overflow: hidden;
}

.cmp-header .cmp-burger-icon.open .cart-count-bullet {
  display: none;
}

.cmp-header .cmp-burger-icon .icon {
  position: absolute;
  width: 25px;
  height: 18px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cmp-header .cmp-burger-icon .icon .line {
  position: absolute;
  left: 0;
  background-color: #000;
  height: 3px;
  width: 100%;
  border-radius: 3px;
  pointer-events: none;
}

.cmp-header .cmp-burger-icon .icon .line--1 {
  top: 0;
  -webkit-transition: top 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.15s;
  transition: top 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.15s;
  transition: transform 0.2s ease-in-out 0.15s, top 0.2s ease-in-out 0.2s;
  transition: transform 0.2s ease-in-out 0.15s, top 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.15s;
}

.cmp-header .cmp-burger-icon .icon .line--1:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #000;
  border-radius: 3px;
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

.cmp-header .cmp-burger-icon .icon .line--2 {
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: opacity 0s ease-in-out 0.35s;
  transition: opacity 0s ease-in-out 0.35s;
}

.cmp-header .cmp-burger-icon .icon .line--3 {
  bottom: 0;
  -webkit-transition: opacity 0s ease-in-out 0.25s;
  transition: opacity 0s ease-in-out 0.25s;
}

.cmp-header .cmp-burger-icon.open .line--1 {
  top: 15px;
  -webkit-transform: translate3d(0, -7.5px, 0) rotate(-45deg);
  transform: translate3d(0, -7.5px, 0) rotate(-45deg);
  -webkit-transition: top 0.2s ease-in-out, -webkit-transform 0.15s ease-in-out 0.2s;
  transition: top 0.2s ease-in-out, -webkit-transform 0.15s ease-in-out 0.2s;
  transition: top 0.2s ease-in-out, transform 0.15s ease-in-out 0.2s;
  transition: top 0.2s ease-in-out, transform 0.15s ease-in-out 0.2s, -webkit-transform 0.15s ease-in-out 0.2s;
}

.cmp-header .cmp-burger-icon.open .line--1:before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.15s ease-in-out 0.3s;
  transition: -webkit-transform 0.15s ease-in-out 0.3s;
  transition: transform 0.15s ease-in-out 0.3s;
  transition: transform 0.15s ease-in-out 0.3s, -webkit-transform 0.15s ease-in-out 0.3s;
}

.cmp-header .cmp-burger-icon.open .line--2 {
  opacity: 0;
  -webkit-transition: opacity 0s ease-in-out 0.1s;
  transition: opacity 0s ease-in-out 0.1s;
}

.cmp-header .cmp-burger-icon.open .line--3 {
  opacity: 0;
  -webkit-transition: opacity 0s ease-in-out 0.2s;
  transition: opacity 0s ease-in-out 0.2s;
}

@media print, screen and (min-width: 64em) {
  .cmp-header .cmp-burger-icon {
    display: none;
  }
}
.cmp-header__login-icon {
  display: none;
  width: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

@-webkit-keyframes slide-down {
  0% {
    height: 145px;
  }
  to {
    height: 70px;
  }
}
@keyframes slide-down {
  0% {
    height: 145px;
  }
  to {
    height: 70px;
  }
}
@-webkit-keyframes slide-up {
  0% {
    height: 70px;
  }
  to {
    height: 145px;
  }
}
@keyframes slide-up {
  0% {
    height: 70px;
  }
  to {
    height: 145px;
  }
}
@-webkit-keyframes logo-sticky {
  0% {
    width: 96px;
  }
  to {
    width: 64px;
  }
}
@keyframes logo-sticky {
  0% {
    width: 96px;
  }
  to {
    width: 64px;
  }
}
@-webkit-keyframes logo-normal {
  0% {
    width: 64px;
  }
  to {
    width: 96px;
  }
}
@keyframes logo-normal {
  0% {
    width: 64px;
  }
  to {
    width: 96px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .cmp-header .cmp-dropdown:after {
    position: absolute;
    right: 1.25rem;
  }

  .cmp-header .cmp-dropdown li {
    width: 100%;
  }

  .cmp-header .cmp-dropdown__menu.submenu {
    position: relative;
    top: 0;
    width: 100%;
  }

  .cmp-header__content {
    margin-top: 0;
    height: 60px;
    padding-bottom: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    z-index: 2;
  }

  .cmp-header__content-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .cmp-header__content-left .cmp-navigation-subsegment {
    border-left: 0;
    z-index: 1;
  }

  .cmp-header__content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    justify-content: flex-end;
    width: auto;
  }

  .cmp-header__content-right .cmp-search-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 7rem);
    position: absolute;
    right: 125px;
    top: 0;
    z-index: 0;
    width: 100%;
  }

  .cmp-header__content-right .cmp-search-field--enlarged {
    width: 100%;
    right: 0;
    padding-right: 0;
    padding-left: 0;
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form {
    height: 60px !important;
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form__field {
    padding: 0;
    border-bottom: none;
    width: 0;
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__field {
    background: #ffc510;
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
    display: none;
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }

  .cmp-header__content-right .cmp-search-field .cmp-search-form--enlarged .cmp-search-block {
    top: 60px !important;
  }

  .cmp-header__title {
    font-size: 100%;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    position: relative;
    left: 0;
    margin-right: 40px;
  }

  .cmp-header__logo {
    height: 60%;
    margin-left: 0;
    width: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: none;
    z-index: 1;
  }

  .cmp-header__logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }

  .cmp-header__logo img {
    width: auto;
    height: 100%;
  }

  .cmp-header__logo--is-mobile {
    display: block;
  }

  .cmp-header__logo-brand {
    height: 60%;
    width: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .cmp-header__logo-brand img {
    width: auto;
    height: 100%;
  }

  .cmp-header .cmp-navigation__menu .cmp-navigation__item.cmp-my-sika .cmp-navigation__link {
    border-top: 2px solid #616161;
    position: relative;
  }

  .cmp-header .cmp-navigation__menu .cmp-navigation__item--sticky-show a {
    font-size: 1.25rem;
  }

  .cmp-header .cmp-navigation__menu .cmp-navigation__item--sticky-show.cmp-my-sika .cmp-navigation__link {
    border-top: none;
  }

  .cmp-header .cmp-navigation__menu .cmp-navigation__item--sticky-show .cart-count-bullet {
    bottom: 10px;
    right: calc(50% - 16px);
  }
}
.cmp-header--mobile-open {
  height: 100%;
}

.cmp-header--mobile-open .cmp-header__login-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  padding: 1.25rem;
}

.cmp-header--mobile-open .cmp-header__content-right .cmp-search-field {
  padding-right: 0;
}

.cmp-header--mobile-open .cmp-header__content-right .cmp-search-field--enlarged {
  right: 0;
}

.cmp-header .external-link .cmp-icon.cmp-icon-open-in-new {
  display: inline-block !important;
  padding-left: 10px;
}

.cmp-header .external-link .cmp-icon.cmp-icon-open-in-new:before {
  font-size: 1rem !important;
  font-weight: inherit;
  color: inherit;
}

.nav-open {
  overflow: hidden;
  top: 0;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li a {
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 60px;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li a i {
  margin-right: 5px;
}

.cmp-header .cmp-meta-navigation .cmp-dropdown li a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.yellow .cmp-header .cmp-search-field .cmp-search-form__field, .yellow .cmp-header__content {
  background-color: #ffc510;
}

.white .cmp-header .cmp-navigation-subsegment .segment-menu ul, .white .cmp-header .cmp-search-field .cmp-search-form__field, .white .cmp-header__content {
  background-color: #fff;
}

.white .cmp-header .cmp-navigation-subsegment .segment-menu ul li {
  border-bottom-color: #e0e0e0;
}

.white .cmp-header .cmp-navigation-subsegment a.opener:before {
  border-bottom-color: #fff;
}

.grey .cmp-header .cmp-navigation-subsegment .segment-menu ul, .grey .cmp-header .cmp-search-field .cmp-search-form__field, .grey .cmp-header__content {
  background-color: #e0e0e0;
}

.grey .cmp-header .cmp-navigation-subsegment a.opener:before {
  border-bottom-color: #e0e0e0;
}

.light-grey .cmp-header .cmp-navigation-subsegment .segment-menu ul, .light-grey .cmp-header .cmp-search-field .cmp-search-form__field, .light-grey .cmp-header__content {
  background-color: #f5f5f5;
}

.light-grey .cmp-header .cmp-navigation-subsegment a.opener:before {
  border-bottom-color: #f5f5f5;
}

.middle-grey .cmp-header__content {
  background-color: #ddd;
}

.middle-grey .cmp-header .cmp-search-field .cmp-search-form, .middle-grey .cmp-header__title {
  color: #fff;
}

.middle-grey .cmp-header .cmp-search-field .cmp-search-form__field {
  background-color: #ddd;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.middle-grey .cmp-header .cmp-search-field .cmp-search-form__field::-webkit-input-placeholder {
  color: #fff;
}

.middle-grey .cmp-header .cmp-search-field .cmp-search-form__field::-moz-placeholder {
  color: #fff;
}

.middle-grey .cmp-header .cmp-search-field .cmp-search-form__field:-ms-input-placeholder {
  color: #fff;
}

.middle-grey .cmp-header .cmp-search-field .cmp-search-form__field::-ms-input-placeholder {
  color: #fff;
}

.middle-grey .cmp-header .cmp-search-field .cmp-search-form__field::placeholder {
  color: #fff;
}

.middle-grey .cmp-header--is-sticky .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link {
  color: #fff;
}

.middle-grey .cmp-header--is-sticky .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link:hover {
  color: #f5f5f5;
}

.middle-grey .cmp-header .cmp-navigation-subsegment .segment-menu ul {
  background-color: #ddd;
}

.middle-grey .cmp-header .cmp-navigation-subsegment a.opener:before {
  border-bottom-color: #ddd;
}

.dark-grey .cmp-header__content {
  background-color: #616161;
}

.dark-grey .cmp-header .cmp-search-field .cmp-search-form, .dark-grey .cmp-header__title {
  color: #fff;
}

.dark-grey .cmp-header .cmp-search-field .cmp-search-form__field {
  background-color: #616161;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.dark-grey .cmp-header .cmp-search-field .cmp-search-form__field::-webkit-input-placeholder {
  color: #fff;
}

.dark-grey .cmp-header .cmp-search-field .cmp-search-form__field::-moz-placeholder {
  color: #fff;
}

.dark-grey .cmp-header .cmp-search-field .cmp-search-form__field:-ms-input-placeholder {
  color: #fff;
}

.dark-grey .cmp-header .cmp-search-field .cmp-search-form__field::-ms-input-placeholder {
  color: #fff;
}

.dark-grey .cmp-header .cmp-search-field .cmp-search-form__field::placeholder {
  color: #fff;
}

.dark-grey .cmp-header--is-sticky .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link {
  color: #fff;
}

.dark-grey .cmp-header--is-sticky .cmp-main-navigation .cmp-nav-mega-dropdown__menu .cmp-navigation__item .cmp-navigation__link:hover {
  color: #f5f5f5;
}

.dark-grey .cmp-header .cmp-navigation-subsegment .segment-menu ul {
  background-color: #616161;
}

.dark-grey .cmp-header .cmp-navigation-subsegment a.opener:before {
  border-bottom-color: #616161;
}

html.cmp-font-size--larger {
  font-size: 1.25rem;
}

html.cmp-font-size--larger .cmp-header--is-sticky .cmp-meta-navigation .cmp-meta-right .cmp-navigation__item.cmp-navigation__item--sticky-show .cmp-navigation__link {
  padding: 1rem 0.65rem 0.65rem;
}

html.cmp-font-size--larger .cmp-header .cmp-main-navigation .cmp-navigation__link, html.cmp-font-size--larger .cmp-nav-mega-dropdown__content ul li a, html.cmp-font-size--larger .cmp-navigation__link {
  font-size: 1.25rem;
}

.cmp-search-field {
  width: 100%;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
}

@media screen and (min-width: 95em) {
  .cmp-search-field {
    padding-left: 0;
  }
}
.cmp-search-field .cmp-search-form {
  max-width: 100%;
  width: 100%;
  position: relative;
}

.cmp-search-field .cmp-search-form .cmp-search-block {
  display: none;
  position: absolute;
}

.cmp-search-field .cmp-search-form .cmp-search-block__quicklinks {
  display: block;
}

.cmp-search-field .cmp-search-form .cmp-search-block__recommendations, .cmp-search-field .cmp-search-form .cmp-search-block__suggestions {
  display: none;
}

.cmp-search-field .cmp-search-form__button-action {
  height: 100%;
  cursor: pointer;
  outline: none;
  border: none;
  right: 0;
  position: absolute;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cmp-search-field .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}
@media (max-width: 1023px) {
  .cmp-search-field .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
    width: 35px;
  }
}

.cmp-search-field .cmp-search-form__button-clear {
  height: 100%;
  cursor: pointer;
  outline: none;
  border: none;
  right: 0;
  position: absolute;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  opacity: 0;
  display: block;
  background: transparent;
  color: #000;
}

.cmp-search-field .cmp-search-form .cmp-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cmp-search-field .cmp-search-form .cmp-link-list__items .cmp-icon {
  display: inherit;
}

.cmp-search-field .cmp-search-form__field {
  width: 20rem;
  padding: 0.75rem 0;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  float: right;
  margin: 0;
  border: none;
  border-bottom: 1px solid #616161;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
}

.cmp-search-field .cmp-search-form__field::-webkit-input-placeholder {
  color: #000;
}

.cmp-search-field .cmp-search-form__field::-moz-placeholder {
  color: #000;
}

.cmp-search-field .cmp-search-form__field:-ms-input-placeholder {
  color: #000;
}

.cmp-search-field .cmp-search-form__field::-ms-input-placeholder {
  color: #000;
}

.cmp-search-field .cmp-search-form__field::placeholder {
  color: #000;
}

body.rtl .cmp-search-field .cmp-search-form__field {
  float: none;
}

.cmp-search-field .cmp-search-form--type .cmp-search-block__quicklinks {
  display: none;
}

.cmp-search-field .cmp-search-form--type .cmp-search-block__recommendations, .cmp-search-field .cmp-search-form--type .cmp-search-block__suggestions {
  display: block;
}

.cmp-search-field .cmp-search-form--enlarged .cmp-search-form__field {
  width: 100%;
  cursor: text;
  outline: none;
  padding: 0.75rem 0;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

.cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action {
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #000;
  color: #ffc510;
}

.cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
  display: none;
}

.cmp-search-field .cmp-search-form--enlarged .cmp-search-form__button-clear {
  visibility: visible;
  opacity: 1;
  right: 50px;
  top: 0;
  width: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@-webkit-keyframes runAction {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    left: 0;
  }
  to {
    left: 0;
    right: auto;
    opacity: 1;
  }
}
.cmp-search-field .cmp-search-form--enlarged .cmp-search-block {
  display: block !important;
  -webkit-animation: sbHidden 0s 0.4s forwards;
  animation: sbHidden 0s 0.4s forwards;
  visibility: hidden;
  height: auto;
}

@-webkit-keyframes sbHidden {
  to {
    visibility: visible;
    height: auto;
  }
}
@keyframes sbHidden {
  to {
    visibility: visible;
    height: auto;
  }
}
.cmp-search-field--large {
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
}

@media print, screen and (min-width: 40em) {
  .cmp-search-field--large {
    max-width: 65%;
  }
}
.cmp-search-field--large .cmp-search-form {
  margin: 1rem;
  font-size: 1.25rem;
}

.cmp-search-field--large .cmp-search-form, .cmp-search-field--large .cmp-search-form__button-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cmp-search-field--large .cmp-search-form__button-action {
  padding: 0;
  padding-right: 1.25rem;
  top: 0;
  height: 100%;
}

body.rtl .cmp-search-field--large .cmp-search-form__button-action {
  padding-right: 0;
  padding-left: 1.25rem;
  left: 0;
  right: auto;
}

.cmp-search-field--large .cmp-search-form__button-action i {
  font-size: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cmp-search-field--large .cmp-search-form__button-clear {
  display: none;
}

.cmp-search-field--large .cmp-search-form__field {
  border: none;
  border-bottom: 2px solid #616161;
  width: 100%;
  height: 60px;
  padding: 1rem;
  padding-right: 3.875rem;
  font-size: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #000;
}

body.rtl .cmp-search-field--large .cmp-search-form__field {
  padding-left: 3.875rem;
  padding-right: 1rem;
}

.cmp-search-field--suggestions {
  font-weight: 700;
  font-size: 1.3125rem;
  display: none;
  margin-top: 20px;
}

.skip,
.skiptocontent,
.skiptonavigation {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none;
}

.default-background-header {
  background-color: #ffc510;
}

.main-header {
  display: none;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background-color: #ffffff !important;
  z-index: 11;
  background: transparent;
}
.page-cartPage .main-header, .page-homepage .main-header, .page-productGrid .main-header, .page-searchGrid .main-header, .page-search .main-header, .page-cartPage .main-header, .pageType-CategoryPage .main-header {
  margin-bottom: 0;
}
.main-header .main-navigation .userName {
  display: inline-block;
}
.main-header .cmp-header__logo .simple-banner-component img {
  width: auto;
  max-height: 80px;
}
.main-header .site-logo {
  position: relative;
  z-index: 10;
  padding: 10px 0;
  float: left;
}
.main-header .logo-country-name {
  position: relative;
  /* top: 25px; */
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-header .js-mobile-logo img {
  max-height: 40px;
}
.main-header .site-search {
  position: relative;
  top: 30px;
  float: right;
}
.main-header .site-search .form-control, .main-header .site-search .form-control:focus {
  border: 0 none;
  box-shadow: none;
}
.main-header .flex-align-center {
  display: flex;
  align-items: center;
}

@media (max-width: 1023px) {
  .branding-mobile {
    position: relative;
  }
  .branding-mobile a {
    display: table-cell;
    height: 51px;
    text-align: right;
    vertical-align: middle;
  }
  .branding-mobile a img {
    max-width: 100%;
  }
  .branding-mobile .logo-country-name {
    position: absolute;
    top: 50%;
    left: 65px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: translateY(-50%);
    font-size: 0.9em;
  }
}
.minicart {
  z-index: 1001 !important;
  position: fixed !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 100px;
  background-color: #FFFFFF !important;
  display: none;
  flex: 1 !important;
  flex-wrap: wrap !important;
  flex-direction: column !important;
  min-width: 200px !important;
  box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.5);
  width: 33% !important;
  height: 100% !important;
  transition: all;
}
@media (max-width: 639px) {
  .minicart {
    width: 100% !important;
  }
}
.minicart-header {
  margin: 0 !important;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  padding: 0 2em;
  height: 60px;
}
@media (max-width: 639px) {
  .minicart-header {
    background-color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #F5F5F5;
  }
}
.minicart-header h2, .minicart-header .h2 {
  margin-top: 0;
  text-transform: capitalize !important;
  color: black;
  font-size: 22px !important;
  line-height: 1em;
  font-weight: 500 !important;
}
@media (min-width: 1024px) {
  .minicart-header h2, .minicart-header .h2 {
    font-size: 22px;
  }
}
.minicart-header button {
  border-width: 0;
  background-color: #F5F5F5;
  margin-top: 0;
  text-transform: capitalize !important;
  color: black;
  font-size: 20px !important;
  line-height: 1em;
  font-weight: 600 !important;
}
@media (max-width: 639px) {
  .minicart-header button {
    background-color: #FFFFFF;
  }
}
@media (min-width: 1024px) {
  .minicart-header button {
    font-size: 20px;
  }
}
.minicart-headercontent {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-around !important;
  justify-content: space-between;
}
@media (max-width: 639px) {
  .minicart-headercontent {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.minicart-content {
  padding: 20px;
  background-color: red;
}
.minicart-body {
  margin: 0 !important;
  padding: 10px !important;
  padding-top: 20px !important;
  flex: 8 !important;
  overflow: auto;
  background-color: #FFFFFF !important;
}
.minicart-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.minicart-body::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}
.minicart-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(85, 85, 85, 0.5803921569);
}
@media (max-width: 1023px) {
  .minicart-body {
    margin-bottom: 0;
  }
}
@media (max-width: 639px) {
  .minicart-body {
    border-top-width: 5px !important;
    border-top-color: #808080 !important;
  }
}
@media (max-width: 769px) {
  .minicart-body {
    overflow-y: scroll;
    /* Hide scrollbar for Chrome, Safari and Opera */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .minicart-body::-webkit-scrollbar {
    display: none;
  }
}
.minicart-empty {
  display: none;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  margin-top: 60%;
}
.minicart-image {
  align-self: center;
  max-width: 80px !important;
  max-height: 80px !important;
  height: 80px !important;
}
.minicart-entry {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px lightgray;
}
@media (max-width: 1023px) {
  .minicart-entry {
    padding: 10px 0;
  }
}
@media (min-width: 1024px) {
  .minicart-entry {
    padding-right: 24px;
  }
}
@media (max-width: 639px) {
  .minicart-entry {
    background-color: #FFFFFF;
    border-bottom-color: #F5F5F5;
    border-bottom-style: solid;
    border-bottom-width: medium;
  }
}
.minicart-row1 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex: 2;
  align-items: flex-start;
  align-content: space-around !important;
  justify-content: flex-start;
}
.minicart-row2 {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: end;
  align-content: space-around !important;
  justify-content: space-between;
  padding-left: 10px;
}
@media (max-width: 400px) {
  .minicart-row2 {
    padding-top: 10px;
    padding-left: 20px;
    width: 100%;
    justify-content: space-around;
  }
}
@media (max-width: 1023px) {
  .minicart-row2 {
    gap: 10px;
    margin-top: 20px;
  }
}
.minicart-imagebox {
  min-width: 80px !important;
  display: flex;
  justify-content: center;
}
.minicart-contentbox {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  align-content: space-around !important;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .minicart-contentbox {
    flex-direction: column;
    align-items: start;
  }
}
.minicart-materialcontent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  word-wrap: break-word;
  padding-left: 10px;
}
@media (max-width: 1023px) {
  .minicart-materialcontent {
    flex: 1;
  }
}
.minicart-materialnumber {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
.minicart-textline {
  font-size: 14px;
  font-family: "Klavika Light";
}
.minicart-quantitycontent {
  display: flex;
  flex-direction: column;
}
.minicart-quantitytitle {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  width: fit-content;
}
@media (max-width: 1023px) {
  .minicart-quantitytitle {
    margin-left: 23%;
  }
  .minicart-quantitytitle.quantity-length-label {
    margin-left: 16%;
  }
}
.minicart-trash {
  width: 20px;
  height: 20px;
}
.minicart-delete {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #F5F5F5;
}
@media (max-width: 400px) {
  .minicart-delete {
    padding-left: 20px;
  }
}
@media (max-width: 1023px) {
  .minicart-delete.mobile-hidden {
    display: none;
  }
}
.minicart-delete.desktop-hidden {
  display: none;
}
@media (max-width: 1023px) {
  .minicart-delete.desktop-hidden {
    display: flex;
  }
}
.minicart-quantity {
  font-size: 13px;
  opacity: 0.7;
  text-transform: uppercase;
  align-self: center;
}
.minicart-image {
  height: 100px;
}
.minicart-remove {
  width: 30px;
  line-height: 15px;
  margin-left: 10px;
  vertical-align: middle;
  background-color: #F5F5F5;
  color: #000000;
  border-width: 0;
  width: auto;
  padding: 5px;
  border-radius: 10%;
}
.minicart-remove:hover {
  background-color: #dfdfdf;
}
@media (max-width: 1023px) {
  .minicart-remove {
    top: 10px;
    right: 10px;
  }
}
@media (min-width: 1024px) {
  .minicart-remove {
    top: 0;
    right: 0;
  }
}
.minicart-checkout {
  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;
  line-height: 1.428571429;
  padding: 0 6px;
  font-size: 0.875rem;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-self: center;
  color: #FFC510;
  background-color: #FFC510;
  text-transform: uppercase;
  width: 100%;
  font-weight: 600 !important;
  font-size: 14px;
  text-decoration: solid;
  padding: 10px;
}
.minicart-checkout:focus, .minicart-checkout:active:focus, .minicart-checkout.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.minicart-checkout:hover, .minicart-checkout:focus {
  color: #565655;
  text-decoration: none;
}
.minicart-checkout:active, .minicart-checkout.active {
  outline: 0;
  background-image: none;
}
.minicart-checkout.disabled, .minicart-checkout[disabled], fieldset[disabled] .minicart-checkout {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.minicart-footer {
  bottom: 0 !important;
  padding: 30px !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  background-color: #FFFFFF !important;
  flex: 0.5 !important;
}
.minicart-footer a {
  color: black;
  border-radius: 3px !important;
}

.minicart-quantity-uom-container {
  display: flex;
}
.minicart-quantity-uom-container .js-mobile-qty-input:disabled {
  border-bottom: solid 2px transparent !important;
}
.minicart-quantity-uom-container .js-mobile-qty-input:disabled:hover {
  cursor: not-allowed;
}
.minicart-quantity-uom-container .quantity-buttons-container.margin-for-desktop {
  margin-right: 30px;
}
@media (max-width: 1023px) {
  .minicart-quantity-uom-container .quantity-buttons-container.margin-for-desktop {
    margin: 0;
  }
}
.minicart-quantity-uom-container .quantity-buttons-container .mobile-quantity-button button:disabled {
  opacity: 0.3;
}

@media (min-width: 1024px) {
  .no-children a {
    position: relative;
    height: 100%;
    padding: 0 15px !important;
    width: 100%;
    display: flex !important;
    align-items: center;
  }
  .no-children a::after {
    content: "";
    width: 1px;
    background-color: #e0e0e0;
    height: 50%;
    position: absolute;
    right: 0;
  }
}

.subcategory-title-container {
  display: flex !important;
  justify-content: space-between;
}
.subcategory-title-container .subcategory-title {
  width: 80%;
}

.clamped-category-title-mobile {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 !important;
  word-break: break-word;
  padding-right: 60px;
}

/* SEARCH */
.cmp-search-block {
  width: 100%;
  background: #fff;
}

.cmp-search-block--has-content {
  border: 4px solid #ffc510;
  border-color: var(--primary);
  border-top: none;
  overflow-x: hidden;
}

.cmp-search-block__quicklinks {
  width: 100%;
  padding: 30px 40px;
}

.cmp-search-block__quicklinks:last-of-type {
  margin: 0;
}

.cmp-search-block__quicklinks:last-of-type .cmp-title {
  margin-top: 0 !important;
}

.cmp-search-block__quicklinks .cmp-link-list--arrow .cmp-link-list__title {
  margin-bottom: 20px;
}

.cmp-search-block__quicklinks .cmp-link-list--arrow .cmp-link-list__items ul li {
  font-size: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.cmp-search-block__quicklinks .cmp-link-list--arrow .cmp-link-list__items ul li:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f054";
  font-weight: 400;
  font-size: 1rem;
  color: #000;
  padding-right: 10px;
}

.cmp-search-block__suggestions {
  width: 100%;
  padding: 30px 40px;
  margin: 0;
}

.cmp-search-block__suggestions__top-results .cmp-title {
  margin-top: 0 !important;
}

.cmp-search-block__suggestions .cmp-link-list__title {
  margin-bottom: 20px;
}

.cmp-search-block__suggestions .cmp-link-list__items ul li {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.cmp-search-block__suggestions .cmp-link-list__items ul li a {
  padding-left: 0;
  margin-bottom: 0;
}

.cmp-search-block__recommendations {
  border-top: 2px solid #616161;
  padding: 30px 40px;
  padding-top: 0;
  width: 100%;
  margin: 0;
}

.cmp-search-block__recommendations .cmp-title {
  margin-bottom: 20px;
}

.cmp-search-block__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  overflow-y: auto;
  height: 200px;
  flex-direction: column;
  flex-wrap: nowrap;
  max-height: 250px !important;
  overflow: auto !important;
}

.autosuggestion {
  max-height: 190px;
  overflow: auto;
  margin-bottom: 0px;
}

@media print, screen and (min-width: 40em) {
  .cmp-search-block__content {
    height: inherit;
    overflow: hidden;
  }
}
.cmp-search-block__recommendation {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media print, screen and (min-width: 40em) {
  .cmp-search-block__recommendation {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(50% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
    margin: 0;
  }
}
.cmp-search-block__recommendation .cmp-image {
  width: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cmp-search-block__recommendation .cmp-image img {
  background: url("/_ui/responsive/common/images/sikaDefaultProductImage.svg");
  height: auto;
  max-width: 56px !important;
  max-height: 56px !important;
}

.cmp-search-block__recommendation .cmp-text {
  font-size: 1rem;
  padding-left: 20px;
}

.cmp-search-block__recommendation > div:last-of-type {
  width: 90%;
}

.cmp-search-block .cmp-navigation-block {
  border-bottom: 2px solid #616161;
}

.cmp-search-block .cmp-navigation-block:last-child {
  border-bottom: none !important;
}

.cmp-search-results .cmp-search-field--large .cmp-search-form__button-action {
  padding: 0;
  width: 60px;
}

.cmp-search-results .cmp-search-field--large .cmp-search-form__button-action.cmp-search-form__button-action-just-icon {
  display: none;
}

.cmp-search-results .cmp-search-field--large .cmp-search-form--enlarged .cmp-search-form__field {
  padding: 1rem;
}

.cmp-search-results .cmp-search-field--large .cmp-search-form--enlarged .cmp-search-form__button-action {
  width: 60px;
}

.cmp-search-results .cmp-search-field--large .cmp-search-form--enlarged .cmp-search-form__button-clear {
  width: 60px;
  right: 60px;
  top: 0;
}

.cmp-search-results .cmp-search-field--large .cmp-search-form .cmp-search-block {
  top: 60px;
  left: 0;
  border: 4px solid #ffc510;
  border-color: var(--primary);
  border-top: none;
}

.searchpage-search-suggestions {
  width: 484px;
  z-index: 2;
}
.searchpage-search-suggestions #search-suggestions {
  position: absolute;
  width: inherit;
}
@media (max-width: 639px) {
  .searchpage-search-suggestions {
    display: flex;
    justify-content: center;
    width: 292px;
  }
  .searchpage-search-suggestions #search-suggestions {
    right: unset;
  }
}

.minicart-add-length-material-button {
  font-size: 16px !important;
  height: 30px !important;
  width: 30px !important;
  background: #f5f5f5 !important;
  color: black !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  margin-right: 10px !important;
  display: flex !important;
  visibility: visible !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 50% !important;
}
.minicart-add-length-material-button:hover {
  background-color: #f5f5f5 !important;
  color: black !important;
}
@media (max-width: 1023px) {
  .minicart-add-length-material-button {
    margin: 0 !important;
  }
}

.minicart-remove-length-material-button {
  font-size: 16px !important;
  height: 30px !important;
  width: 30px !important;
  background: #f5f5f5 !important;
  color: black !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  margin: 5px 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.minicart-remove-length-material-button:hover {
  background-color: #f5f5f5 !important;
  color: black !important;
}

.minicart-configurable-length-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.btn-formblock {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 6rem;
}

.btn {
  font-weight: 300;
  padding: 0 6px;
  font-size: 0.875rem;
  border-radius: 0;
  line-height: 1.375;
  border-width: 0;
}
.btn.glyphicon {
  padding: 3px 0 4px 0;
}
.btn.glyphicon:before {
  font-size: 12px;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: 0;
}
.btn-icon {
  padding-left: 58px;
  position: relative;
}
.btn-icon:before {
  position: absolute;
  font-size: 12px;
  top: 4px;
  left: 20px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.btn-icon:after {
  content: "";
  position: absolute;
  left: 52px;
  top: 0;
  border-right: 0 solid currentColor;
  height: 19px;
}
:hover .btn-icon:after {
  border-right-width: 0;
}

.btn-block + .btn-block {
  margin-top: calc(20px / 2);
}

.btn-default {
  color: #565655;
  background: linear-gradient(to bottom, #f8f6f7 0%, #d2d3d4 100%);
  border-color: rgba(0, 0, 0, 0);
  border: 0 solid;
  height: 26px;
  max-width: 100%;
  padding: 1px 6px;
  line-height: 27px;
  font-weight: normal;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle .btn-default {
  color: #000000;
  background: linear-gradient(to bottom, #f8f6f7 0%, #b8b9bb 100%);
  border-color: #000000;
}
.btn-default .badge {
  color: #565655;
  background-color: #565655;
}
.btn-default:hover, .btn-default:focus {
  text-decoration: none;
}

@media (min-width: 640px) {
  .btn-default {
    height: 21px;
    line-height: 23px;
    width: auto;
  }
}
.btn-primary {
  border: 0 solid;
  color: #ffffff;
  background: linear-gradient(to bottom, #f1bf5e 0%, #eba51d 100%);
  border-color: #000000;
  height: 26px;
  width: 100%;
  max-width: 100%;
  padding: 1px 6px;
  line-height: 27px;
  font-weight: normal;
  text-align: center;
  vertical-align: top;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle .btn-primary {
  color: #000000;
  background: linear-gradient(to bottom, #f1bf5e 0%, #c48711 100%);
  border-color: #000000;
}
.btn-primary .badge {
  color: #ffffff;
  background-color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus {
  text-decoration: none;
}

.btn-primary[disabled] {
  color: #565655;
  background: linear-gradient(to bottom, #f8f6f7 0%, #d2d3d4 100%);
  border-color: rgba(0, 0, 0, 0);
  border: 0 solid;
}
.btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, .open .dropdown-toggle .btn-primary[disabled] {
  color: #000000;
  background: linear-gradient(to bottom, #f8f6f7 0%, #b8b9bb 100%);
  border-color: #000000;
}
.btn-primary[disabled] .badge {
  color: #565655;
  background-color: #565655;
}

@media (min-width: 640px) {
  .btn-primary {
    width: 188px;
    height: 21px;
    line-height: 23px;
    max-width: 100%;
  }
}
@media (max-width: 640px) {
  .btn-shopping-button {
    min-width: 188px;
    width: 100%;
  }
}
.btn-blank {
  background: transparent;
  border: 0 none;
  padding: 0;
  color: inherit;
}

table.table-sm-stripes .btn-default.btn-disabled:hover,
table.table-sm-stripes .btn-default.btn-disabled {
  color: #919191;
}

.homepage-wrapper {
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .homepage-wrapper {
    padding: 0 !important;
  }
}
.homepage-wrapper .hp-welcome {
  margin-top: 20px;
}
.homepage-wrapper .hp-welcome h2, .homepage-wrapper .hp-welcome .h2 {
  text-transform: capitalize;
}
.homepage-wrapper .hp-nav-section .homepageBoxContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (min-width: 1024px) {
  .homepage-wrapper .hp-nav-section .homepageBoxContainer {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 10px;
  }
}
.homepage-wrapper .hp-nav-section .homepageBoxContainer .homepageBoxContainer-Item {
  min-width: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  min-height: 200px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  outline: 1px solid transparent;
  cursor: pointer;
  transition: 0.3s ease-in;
}
.homepage-wrapper .hp-nav-section .homepageBoxContainer .homepageBoxContainer-Item:hover {
  border: 1px solid #ffc510;
  outline: 6px solid #ffc510;
  background-color: #ffc510;
}
.homepage-wrapper .hp-nav-section .homepageBoxContainer .homepageBoxContainer-Item .hp-box-icon {
  padding: 5px 0;
  color: #000;
  border-bottom: 3px solid #000;
}
.homepage-wrapper .hp-nav-section .homepageBoxContainer .homepageBoxContainer-Item .hp-box-icon .material-icons {
  font-size: 42px;
}
.homepage-wrapper .hp-nav-section .homepageBoxContainer .homepageBoxContainer-Item .hp-box-title {
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
}
@media (max-width: 639px) {
  .homepage-wrapper .hp-nav-section .homepageBoxContainer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .homepage-wrapper .hp-nav-section .homepageBoxContainer .homepageBoxContainer-Item {
    min-width: auto;
    min-height: auto;
    margin-bottom: 0;
  }
  .homepage-wrapper .hp-nav-section .homepageBoxContainer .homepageBoxContainer-Item .hp-box-title {
    word-break: break-word;
    text-align: center;
  }
}
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-size: 100%;
  font-weight: normal;
}

h1, .h1 {
  color: #000000;
  font-size: 30px;
  line-height: 1em;
  text-transform: uppercase;
}

@media (min-width: 1400px) {
  h1, .h1 {
    font-size: 30px;
  }
}
@media (min-width: 639px) {
  h1, .h1 {
    font-size: 20px;
  }
}
h2, .h2 {
  color: #87888a;
  line-height: 1em;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}

@media (min-width: 1400px) {
  h2, .h2 {
    font-size: 20px;
  }
}
@media (min-width: 640px) {
  h2, .h2 {
    font-size: 17px;
  }
}
h3, .h3 {
  color: #000000;
  margin-bottom: 5px;
  text-transform: uppercase;
}

@media (min-width: 640px) {
  h3, .h3 {
    font-size: 14px;
  }
}
.container > .product-details {
  margin-top: 20px;
}

.slider-container {
  position: relative;
}
.slider-container .slide-arrow {
  position: absolute;
  top: -4px;
  bottom: 0;
  margin: auto;
  z-index: 2;
  border-radius: 10em;
  opacity: 0.5;
  transition: opacity 100ms;
  font-size: 4rem;
  padding: 0;
  cursor: pointer;
}
.slider-container .slide-arrow:hover, .slider-container .slide-arrow :focus {
  opacity: 1;
}
.slider-container .slide-arrow.slide-arrow-prev {
  left: -10px;
}
.slider-container .slide-arrow.slide-arrow-next {
  right: -10px;
}
.slider-container .slider-wrapper {
  overflow: scroll;
  margin-top: 3em;
  scroll-behavior: smooth;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  /* WebKit */
}
.slider-container .slider-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.slider-container .slider-wrapper .slides-container {
  display: flex;
  scroll-behavior: smooth;
  height: fit-content;
  width: fit-content;
}
.slider-container .slider-wrapper .slides-container .thumbnail-item-container {
  margin: 0 1em;
  display: inline-block;
  width: 8em;
}
@media (max-width: 639px) {
  .slider-container .slider-wrapper .slides-container .thumbnail-item-container {
    width: 6em;
  }
}
.slider-container .slider-wrapper .slides-container .thumbnail-item-container .thumbnail-item {
  padding: 0.5em;
  height: 7em;
  cursor: pointer;
  border: solid 2px rgba(211, 211, 211, 0.4392156863);
}
@media (max-width: 639px) {
  .slider-container .slider-wrapper .slides-container .thumbnail-item-container .thumbnail-item {
    height: 6em;
  }
}
.slider-container .slider-wrapper .slides-container .thumbnail-item-container .thumbnail-item img {
  max-height: 70px;
  max-width: 70px;
}
.slider-container .slider-wrapper .slides-container .thumbnail-item-container .thumbnail-item:hover {
  border-color: rgba(211, 211, 211, 0.4392156863);
}
.slider-container .slider-wrapper .slides-container .thumbnail-item-container .thumbnail-item.selected-thumbnail {
  border: solid 2px #FFC510;
}

.image-gallery .gallery-zoom-icon {
  font-size: 20px;
  opacity: 0.5;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}

.hero {
  background-color: #eceded;
  margin: 0 -10px 10px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 17px;
}
.hero h1, .hero .h1 {
  text-transform: uppercase;
  color: #87888a;
  font-size: 20px;
  line-height: 20px;
  font-weight: 200;
  margin: 0 0 10px;
}
.hero h1:last-child, .hero .h1:last-child {
  margin-bottom: 0;
}
.hero:after {
  display: block;
  content: " ";
  height: 0;
  overflow: hidden;
}

.product-details-header h1, .product-details-header .h1 {
  font-size: 30px;
  line-height: 1em;
  font-weight: 700;
  text-transform: none !important;
}

@media (min-width: 640px) {
  .hero {
    margin: 0 0 calc(20px / 2) 0;
  }
  .hero h1, .hero .h1 {
    color: #87888a;
    font-size: 30px;
    line-height: 1em;
    font-weight: 200;
    margin: 0 0 10px;
  }
}
@media (min-width: 1024px) {
  .hero {
    margin: calc(20px / 2) 0 calc(20px / 2) 0;
  }
}
.product-details-image {
  margin: 10px 0 0;
  position: relative;
}
.product-details-image .gallery-image {
  margin: 0;
  min-height: 20em;
}
.product-details-image .gallery-image .item {
  margin: 0;
}
.product-details-image .gallery-image .item img {
  cursor: default;
}

@media (min-width: 1024px) {
  .product-details-image {
    margin: 20px 0 0;
  }
}
.product-details-image-caption .cmp-list-view {
  margin-bottom: 0 !important;
}

@media (max-width: 639px) {
  .product-details-image.image-gallery {
    max-width: 75%;
    margin: 20px auto 0;
  }
}
.product-details-description.text > h1, .product-details-description.text > .h1,
.product-details-description.text > h2,
.product-details-description.text > .h2 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  color: #000000;
  text-transform: none !important;
}
.product-details-description.text > h3, .product-details-description.text > .h3,
.product-details-description.text > h4,
.product-details-description.text > .h4 {
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.product-description-text {
  position: relative;
  max-height: 120px;
  padding-bottom: 40px;
  overflow: hidden;
  font-size: 16px;
}
@media (max-width: 640px) {
  .product-description-text {
    max-height: 105px;
    padding-bottom: 65px;
  }
}
.product-description-text.pdt-opened {
  max-height: 100%;
}
@media (max-width: 640px) {
  .product-description-text.pdt-opened {
    padding-bottom: 90px;
  }
}
.product-description-text.pdt-opened .read-more-cta-section::before {
  background: transparent;
}

.read-more-cta-section {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 640px) {
  .read-more-cta-section {
    justify-content: flex-end;
  }
}
.read-more-cta-section::before {
  position: absolute;
  bottom: 100%;
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  background: #ffffff;
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0) 100%);
}
.read-more-cta-section span,
.read-more-cta-section a {
  cursor: pointer;
  color: #000000;
  font-weight: 700;
  padding: 5px 10px;
  padding: 0;
  font-size: 1.1em;
}
.read-more-cta-section span.product-details-cta,
.read-more-cta-section a.product-details-cta {
  margin-left: auto;
  padding: 0 10px;
  border-bottom: 2px solid transparent;
  transition: 0.2s;
  text-transform: uppercase;
}
.read-more-cta-section span.product-details-cta:hover,
.read-more-cta-section a.product-details-cta:hover {
  border-bottom: 2px solid #ffc510;
}
@media (max-width: 640px) {
  .read-more-cta-section span.product-details-cta,
.read-more-cta-section a.product-details-cta {
    margin-top: 25px;
    font-size: 0.9em;
    font-weight: bold;
    border-bottom: 2px solid #ffc510;
  }
}
@media (max-width: 640px) {
  .read-more-cta-section span.read-more, .read-more-cta-section span.read-less,
.read-more-cta-section a.read-more,
.read-more-cta-section a.read-less {
    flex-basis: 100%;
  }
}

.overview-documents-foot {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0;
  padding: 5px 0;
  border-top: 2px solid #f5f5f5;
}
@media (max-width: 640px) {
  .overview-documents-foot {
    justify-content: flex-end;
  }
}
.overview-documents-foot .overview-product-documents-section {
  width: 100%;
}
@media (max-width: 1024px) {
  .overview-documents-foot .overview-product-documents-section {
    flex-basis: 100%;
  }
}
@media (max-width: 640px) {
  .overview-documents-foot .overview-product-documents-section {
    padding: 10px;
  }
}
.overview-documents-foot .overview-product-documents-section .product-details-image-caption {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 330px) {
  .overview-documents-foot .overview-product-documents-section .product-details-image-caption {
    justify-content: center;
  }
}
.overview-documents-foot .overview-product-documents-section .product-details-image-caption > div {
  position: relative;
  display: none;
  margin-bottom: 10px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
@media (max-width: 640px) {
  .overview-documents-foot .overview-product-documents-section .product-details-image-caption > div {
    font-size: 0.9em;
  }
}
@media (max-width: 330px) {
  .overview-documents-foot .overview-product-documents-section .product-details-image-caption > div {
    flex-basis: 100%;
  }
}
.overview-documents-foot .overview-product-documents-section .product-details-image-caption > div.technical-informations, .overview-documents-foot .overview-product-documents-section .product-details-image-caption > div.safety-informations {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 10px 7px 25px;
}
@media (max-width: 640px) {
  .overview-documents-foot .overview-product-documents-section .product-details-image-caption > div.technical-informations, .overview-documents-foot .overview-product-documents-section .product-details-image-caption > div.safety-informations {
    padding: 25px 0px 7px;
  }
}
.overview-documents-foot .overview-product-documents-section .product-details-image-caption > div.show-all-docs {
  display: flex;
  justify-content: center;
  padding: 7px 10px;
  margin-left: auto;
}
@media (max-width: 640px) {
  .overview-documents-foot .overview-product-documents-section .product-details-image-caption > div.show-all-docs {
    padding: 25px 0px 7px;
  }
}
.overview-documents-foot .overview-product-documents-section .product-details-image-caption > div.show-all-docs a {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #000000;
}
.overview-documents-foot .overview-product-documents-section .product-details-image-caption > div:hover {
  border-bottom: 2px solid #ffc510;
}
.overview-documents-foot .overview-product-documents-section .product-details-image-caption > div:hover .material-icons {
  color: #ffc510;
}
.overview-documents-foot .overview-product-documents-section .product-details-image-caption > div h3, .overview-documents-foot .overview-product-documents-section .product-details-image-caption > div .h3 {
  display: flex;
  align-items: center;
  margin: 0 !important;
  font-weight: 700;
  text-align: center;
}
.overview-documents-foot .overview-product-documents-section .product-details-image-caption > div ul {
  display: none;
}
.overview-documents-foot .overview-product-documents-section .product-details-image-caption > div .material-icons {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.2s;
  font-size: 20px;
}
@media (max-width: 640px) {
  .overview-documents-foot .overview-product-documents-section .product-details-image-caption > div .material-icons {
    left: 50%;
    transform: translateX(-50%);
  }
}

.product-details-variants {
  margin: 5px 0 0 0;
}
.product-details-variants .quantity-input {
  background: yellowgreen;
  font-size: large;
  font-weight: 500;
}
.product-details-variants .hidden-row {
  display: none !important;
}
.product-details-variants .visible-row {
  display: flex !important;
}
.product-details-variants .entry-row1 {
  border-style: solid !important;
  border-width: 5px 6px 0 6px !important;
  border-color: #f5f5f5 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-top: 10px;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: flex-start;
}
.product-details-variants .entry-row1:last-child {
  border-bottom-width: 5px !important;
}
@media (max-width: 860px) {
  .product-details-variants .entry-row1 {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.product-details-variants .entry-row1 td {
  border-bottom: transparent !important;
  border-top: transparent !important;
}
.product-details-variants .entry-row2 {
  border-style: solid !important;
  border-top-width: 0 !important;
  border-bottom-width: 20px !important;
  border-color: #f5f5f5 !important;
  justify-content: flex-start !important;
}
.product-details-variants .entry-row3-mobile {
  display: flex;
  justify-content: flex-start !important;
  margin-bottom: 15px;
}
.product-details-variants .entry-row3-mobile .more-details-mobile, .product-details-variants .entry-row3-mobile .less-details-mobile {
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  padding: 0;
  border-style: solid !important;
  border-width: 0 0 3px 0 !important;
  border-color: #ffc510 !important;
}
.product-details-variants .entry-row3-mobile .less-details-mobile {
  display: none;
}
.product-details-variants .star-size {
  font-size: 20px;
  margin-top: 4px;
}
.product-details-variants .top5 {
  margin-top: 5px;
}
.product-details-variants .material-details-sec {
  display: grid;
  margin-top: -8px;
  grid-template-columns: repeat(var(--max-col), 1fr);
}
.product-details-variants .hidden {
  display: none;
}
.product-details-variants .material-details-sec-mobile {
  display: grid;
  margin-top: -8px;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}
.product-details-variants .material-details-sec-mobile td {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}
.product-details-variants .add-cart {
  padding-left: 50px;
}
.product-details-variants .material-number {
  font-weight: 600 !important;
}
.product-details-variants .material-entry-col {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  align-items: flex-start;
}
.product-details-variants .material-entry-col .title, .product-details-variants .material-entry-col .title-len {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  color: #9E9E9E;
  font-family: "klavika";
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.product-details-variants .material-entry-col .title-len {
  margin-top: -4px;
  padding-right: 50px;
}
.product-details-variants .material-entry-col-mobile {
  display: flex;
  flex: auto;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
}
.product-details-variants .material-entry-col-mobile .title {
  font-size: 9px;
  font-weight: 400;
  text-transform: uppercase;
  color: #9E9E9E;
  font-family: "klavika";
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.product-details-variants .material-entry .material-entry-name {
  white-space: nowrap;
}
.product-details-variants tr.product-details-variants-add-to-cart td {
  padding-top: 20px;
}
.product-details-variants .tooltip-overlay {
  text-align: center;
}
.product-details-variants .tooltip-overlay .quantity,
.product-details-variants .tooltip-overlay .uom,
.product-details-variants .tooltip-overlay .weight {
  margin-top: calc(20px / 4);
  margin-bottom: calc(20px / 4);
  display: block;
}

.product-details-variants {
  display: table;
}
.product-details-variants.table-card-layout {
  display: none;
}
.product-details-variants th {
  font-size: 14px;
  line-height: 17px;
}
.product-details-variants .product-details-variants-add-to-cart {
  width: auto;
}
.product-details-variants .wishlist-mobile {
  font-size: 20px;
}
.product-details-variants .wishlist_form {
  margin-top: 20px;
}
.product-details-variants .wishlist_form .label {
  display: none;
}
.product-details-variants .btn-yellow {
  background: #ffc510;
}

.cmp-table__row.product-description {
  flex: 1 1 400px;
}

.add_to_cart_form, .cart_item_form {
  white-space: nowrap;
  text-align: left;
  display: flex;
}
.add_to_cart_form input, .cart_item_form input {
  text-align: center;
  background: #F5F5F5;
  font-size: large;
  font-weight: 500;
  border: none;
  border-bottom: 2px solid #000;
  height: 30px;
  cursor: pointer;
  width: 100px;
  max-width: 248px !important;
  min-width: 100px !important;
}
@media print {
  .add_to_cart_form input, .cart_item_form input {
    border: none !important;
  }
}
.add_to_cart_form input:first-child, .cart_item_form input:first-child {
  width: 80px;
}
.add_to_cart_form input:hover, .add_to_cart_form input:active, .cart_item_form input:hover, .cart_item_form input:active {
  border-bottom-color: #ffc510;
}
.add_to_cart_form button, .cart_item_form button {
  width: auto;
  min-width: 0;
}
.add_to_cart_form .add-cart-button, .cart_item_form .add-cart-button {
  background: #f5f5f5 !important;
  padding: 5px !important;
  border: none !important;
  box-shadow: none !important;
  margin-left: 15px;
  height: 30px !important;
  display: flex;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.add_to_cart_form .label, .cart_item_form .label {
  color: #565655;
  font-size: 14px;
  line-height: 23px;
  padding: 0;
  display: none;
}
.add_to_cart_form .icon, .cart_item_form .icon {
  display: none;
  font-size: 14px;
  line-height: 23px;
  width: auto;
  display: inline;
  color: #000;
}

.uom-container-desktop {
  min-width: 30px;
  margin-left: 0.5rem;
  align-self: center;
  white-space: nowrap;
}
@media (max-width: 1023px) {
  .uom-container-desktop {
    display: none;
  }
}
@media print {
  .uom-container-desktop {
    display: none !important;
  }
}

.uom-container-mobile {
  display: none;
}
@media (max-width: 1023px) {
  .uom-container-mobile {
    display: inline;
    margin-left: 0.5rem;
    white-space: nowrap;
  }
}

.cart_item_form {
  flex-direction: column;
}
@media (max-width: 639px) {
  .cart_item_form {
    width: 216px;
  }
  .cart_item_form .tooltip-holder {
    margin-right: 0;
  }
}

form#addToWishlistForm {
  display: flex;
  align-items: baseline;
  justify-content: center;
  height: 100%;
  margin-left: 10px;
  margin-top: 4px;
}
form#addToWishlistForm .wishlist-button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
form#addToWishlistForm .wishlist-button .glyphicon {
  font-size: 20px;
  color: #565655;
}
form#addToWishlistForm .wishlist-button .glyphicon.in-wishlist {
  color: #ffc510;
}

input[type=number] {
  text-align: center;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  position: absolute;
  width: 12.5%;
  height: 100%;
  top: 0;
  right: 0;
}

.more-details, .less-details, .more-price-details, .less-price-details {
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  border-bottom: 3px solid #ffc510;
}

.less-details, .less-price-details, .more-price-details {
  display: none;
}

.details-desktop {
  margin-top: 10px;
}

.cmp-table__row.price-details-mobile {
  display: none;
}
@media (min-width: 640px) {
  .cmp-table__row.price-details-mobile {
    display: none !important;
  }
}

.price-total-mobile {
  display: none !important;
}
@media (max-width: 640px) {
  .price-total-mobile {
    display: block !important;
    margin-left: auto;
    font-weight: 800;
  }
}

.cmp-table__row.details-mobile {
  display: none;
}

.product-image .product-description {
  display: none;
}

.material-characteristic-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 50px;
  padding: 0 10px;
}
@media (max-width: 639px) {
  .material-characteristic-wrapper {
    row-gap: 0;
    column-gap: 10px;
  }
  .material-characteristic-wrapper .cmp-table__row.characteristic {
    flex-basis: 48% !important;
  }
  .material-characteristic-wrapper--column {
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
@media (min-width: 640px) {
  .material-characteristic-wrapper .characteristic {
    flex: 0 1 165px;
  }
}
@media (min-width: 1544px) and (max-width: 1547px) {
  .material-characteristic-wrapper .characteristic {
    flex: 0 1 163px !important;
  }
}

.cmp-table__flex.material-overview.invoice {
  display: block;
}
@media (max-width: 639px) {
  .cmp-table__flex.material-overview.invoice {
    flex-wrap: wrap;
  }
}

.cmp-table__row.characteristic.invoice {
  flex: none;
}

.cmp-table__row.characteristic.scalePrice {
  flex: 0 1 150px;
}

.material-characteristic-wrapper.invoice {
  justify-content: space-evenly;
  gap: 100px;
}
@media (min-width: 640px) {
  .material-characteristic-wrapper.invoice {
    justify-content: center;
    gap: 50px;
  }
  .material-characteristic-wrapper.invoice .cmp-table__row.characteristic.invoice:first-of-type {
    min-width: 35%;
  }
}
@media (max-width: 639px) {
  .material-characteristic-wrapper.invoice {
    flex-direction: column;
    gap: 0;
  }
}

@media (max-width: 639px) {
  .more-details, .less-details {
    width: max-content;
    margin: 0;
  }

  .cmp-table__row.details-mobile {
    display: flex;
    align-items: baseline;
    flex-direction: row;
  }

  .cmp-table__flex.details-desktop {
    display: none;
  }

  .tool-tip1 {
    align-items: flex-start !important;
  }

  .tooltip-holder .btn-add-length {
    align-self: flex-end !important;
  }

  .product-image {
    flex-direction: row !important;
  }
  .product-image .product-description {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
  }

  #cartTable .cmp-table__row.product-description,
#t-body .cmp-table__row.product-description {
    display: none;
  }
}
.gap {
  gap: 5px;
}

.configurable-color.gap .configurable-color {
  gap: 5px;
}

.configurable-color {
  width: 175px;
  display: flex;
  align-items: center;
}
.configurable-color input, .configurable-color select {
  margin-right: 5px;
  background-color: #f5f5f5;
  border: 0;
  border-bottom: 2px solid #000;
  height: 30px;
  outline: none;
}
.configurable-color input:hover, .configurable-color input:active, .configurable-color input:focus, .configurable-color select:hover, .configurable-color select:active, .configurable-color select:focus {
  border-color: #ffc510;
}
.configurable-color .color-type {
  display: inline-block;
  width: 70px;
  padding-left: 0;
  vertical-align: middle;
}
.configurable-color .color-code-select {
  display: inline-block;
  vertical-align: middle;
}
.configurable-color .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #444 !important;
}
.configurable-color span.select2-container .select2-selection__rendered {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: unset;
}
.configurable-color .select2-container--default .select2-selection--single .material-icons {
  right: -2px !important;
}
.configurable-color.has-error .select2-selection.select2-selection--single {
  border: none !important;
  border-bottom: 2px solid #d9534f !important;
}
.configurable-color .select2-selection.select2-selection--single {
  background-color: #f5f5f5 !important;
  height: 30px !important;
  border: 0 !important;
  border-bottom: 2px solid #000 !important;
}
.configurable-color .select2-selection__rendered {
  padding-left: 3px !important;
  padding-top: 3px !important;
}
.configurable-color .select2-selection__clear {
  display: none !important;
}
.configurable-color .color-code {
  display: inline-block;
  width: 80px;
  vertical-align: middle;
  text-transform: uppercase;
}
.configurable-color .color-description {
  vertical-align: middle;
  top: 0;
}
.configurable-color.has-error .color-code {
  border: none;
  border-bottom: 2px solid #d9534f;
}

.product-details {
  margin-bottom: 10px;
}
.product-details .carousel {
  margin: 0 0 10px;
}
.product-details .name {
  color: #000000;
  font-size: 20px;
  line-height: 1em;
  font-weight: 300;
  margin: 0 0 10px;
  padding: 0;
}
@media (min-width: 1023px) {
  .product-details .name {
    font-size: 30px;
  }
}
.product-details .name:last-child {
  margin-bottom: 0;
}
.product-details .name .sku {
  font-size: 18px;
  line-height: 18px;
  color: #000000;
  position: relative;
  padding-left: 20px;
  font-weight: 400;
}
.product-details .name .sku:before {
  border-left: 1px solid #000000;
  content: "";
  height: 14px;
  position: absolute;
  top: 7px;
  left: 10px;
}
.product-details .name .code {
  font-size: 18px;
  line-height: 18px;
  padding-left: 5px;
}
.product-details .promotion {
  color: #000000;
}
.product-details .description {
  padding: calc(20px / 2) 0 25px;
}
.product-details .price {
  font-size: 25px;
  font-weight: bold;
}
.product-details .stock-status {
  font-weight: 300;
}

@media (max-width: 1399px) {
  .product-details .description {
    border-bottom: 1px solid #000000;
  }
}
.variant-section {
  margin-bottom: calc(20px / 2 + 20px);
}
.variant-section .variant-selector .variant-name {
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 5px;
}
.variant-section .variant-selector .variant-name .variant-selected {
  font-weight: normal;
  text-transform: none;
}
.variant-section .variant-selector .variant-list {
  padding-left: 0;
  list-style: none;
  margin-left: -20px;
}
.variant-section .variant-selector .variant-list::after {
  display: block;
  clear: both;
  content: "";
}
.variant-section .variant-selector .variant-list li {
  float: left;
  margin: 0 0 0 20px;
}
.variant-section .variant-selector .variant-list li a,
.variant-section .variant-selector .variant-list li span {
  display: block;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #000000;
  background: #fff;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .variant-section .variant-selector .variant-list li a,
.variant-section .variant-selector .variant-list li span {
    height: 23px;
    width: 23px;
    line-height: 23px;
  }
}
.variant-section .variant-selector .variant-list li a img,
.variant-section .variant-selector .variant-list li span img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border: 1px solid transparent;
}
.variant-section .variant-selector .variant-list li:hover a, .variant-section .variant-selector .variant-list li.active a {
  background: #000000;
  border: 1px solid #000000;
  color: #fff;
}
.variant-section .variant-selector .variant-list li:hover a img, .variant-section .variant-selector .variant-list li.active a img {
  border: 1px solid #fff;
}
.variant-section .variant-selector .variant-list li.disabled span {
  color: #999;
  cursor: not-allowed;
}
.variant-section .variant-selector .variaTest1nt-select {
  margin: calc(20px / 2) 0 0;
}

.checkoutButton {
  margin-bottom: 10px;
  display: inline-block;
}

@media (min-width: 640px) {
  input + .simulateOrderButton {
    margin-left: 10px;
  }
}

.requestedDeliveryDate {
  display: inline-block;
}
@media (max-width: 639px) {
  .requestedDeliveryDate {
    margin-bottom: 10px;
  }
}
@media (min-width: 640px) {
  label + .requestedDeliveryDate, label + [type=hidden] + .requestedDeliveryDate {
    margin-left: 10px;
    max-width: 80px;
  }
}

.link-return {
  margin-bottom: 10px;
  color: #000000;
  font-weight: 700;
}

.tooltip-holder {
  display: inline-block;
  position: relative;
}

.tooltip.in {
  opacity: 1;
}

.tooltip-overlay {
  display: none;
  top: 100%;
  left: 10em;
  width: 120px;
  padding: 5px !important;
  z-index: 1;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  text-transform: none;
  font-weight: normal;
  position: absolute;
  background: transparent;
}
.tooltip-overlay.end-date-overlay {
  left: -13em !important;
}
.tooltip-overlay.clear-button-overlay {
  left: 0.5em !important;
  top: 3em !important;
}
@media (max-width: 639px) {
  .tooltip-overlay.open {
    display: block;
  }
}
.tooltip-overlay.tooltip-overlay-left {
  left: auto;
  margin-left: 0;
  right: 0;
}
.tooltip-overlay.tooltip-overlay-small, .tooltip-holder.tooltip-click-area.open .tooltip-overlay.tooltip-overlay-small {
  width: 80px;
}
.tooltip-overlay.tooltip-overlay-medium, .tooltip-holder.tooltip-click-area.open .tooltip-overlay.tooltip-overlay-medium {
  width: 120px;
}
@media (min-width: 640px) {
  .tooltip-overlay.tooltip-overlay-large, .tooltip-holder.tooltip-click-area.open .tooltip-overlay.tooltip-overlay-large {
    width: 300px;
  }
}
.tooltip-overlay .tooltip-inner {
  padding: 5px;
  text-align: left;
  background-color: transparent;
}
.tooltip-overlay .tooltip-overlay-arrow {
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  left: 30px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffc510;
}
@media (min-width: 640px) {
  .tooltip-overlay {
    background: #ffc510;
    color: #fff;
  }
}
.tooltip-overlay .tooltip-open-icon {
  display: none;
}
.tooltip-hover-area:hover .tooltip-overlay {
  display: inline-block;
}
.tooltip-overlay.active {
  display: block;
}

@media (min-width: 640px) {
  .tooltip-holder {
    width: auto;
  }
}
.tooltip-holder.tooltip-click-area {
  color: #000000;
  font-weight: bold;
  display: block;
  float: none;
  max-width: 100%;
  cursor: default;
}
.tooltip-holder.tooltip-click-area .material-icons {
  vertical-align: middle;
}
.tooltip-holder.tooltip-click-area .glyphicon {
  margin-left: calc(20px / 4);
}
.tooltip-holder.tooltip-click-area .has-tooltip,
.tooltip-holder.tooltip-click-area .has-js-tooltip {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
@media (min-width: 640px) {
  .tooltip-holder.tooltip-click-area .has-tooltip,
.tooltip-holder.tooltip-click-area .has-js-tooltip {
    float: none;
  }
}
.tooltip-holder.tooltip-click-area .tooltip-overlay {
  width: auto;
  position: static;
  float: left;
  border: 1px solid #ffc510;
}
.tooltip-holder.tooltip-click-area.closed .tooltip-open-icon {
  display: none;
}
.tooltip-holder.tooltip-click-area.closed .tooltip-closed-icon {
  display: inline-block;
}
@media (max-width: 639px) {
  .tooltip-holder.tooltip-click-area:focus {
    outline: none;
  }
}
.tooltip-holder.tooltip-click-area.open .tooltip-open-icon {
  display: inline-block;
}
.tooltip-holder.tooltip-click-area.open .tooltip-closed-icon {
  display: none;
}
.tooltip-holder.tooltip-click-area.open .tooltip-overlay,
.tooltip-holder.tooltip-click-area.open ~ .tooltip-overlay {
  display: block;
}
@media (max-width: 639px) {
  .tooltip-holder.tooltip-click-area.open .tooltip-overlay,
.tooltip-holder.tooltip-click-area.open ~ .tooltip-overlay {
    margin-bottom: 10px;
  }
}
@media (min-width: 640px) {
  .tooltip-holder.tooltip-click-area.open .tooltip-overlay,
.tooltip-holder.tooltip-click-area.open ~ .tooltip-overlay {
    position: absolute;
    display: block;
  }
}

@media (max-width: 640px) {
  .product-details-variants .add_to_cart_form {
    margin-top: 0;
    margin-right: 40px;
  }
}
.add_to_cart_form .configurable-length, .cart_item_form .configurable-length {
  margin-bottom: 5px;
}
.add_to_cart_form .configurable-length input, .cart_item_form .configurable-length input {
  display: inline-block;
}
.add_to_cart_form .btn-add-length, .cart_item_form .btn-add-length {
  border-radius: 50%;
  padding: 1px 3px 1px 5px;
}
.add_to_cart_form .btn-add-length, .add_to_cart_form .btn-remove-length, .cart_item_form .btn-add-length, .cart_item_form .btn-remove-length {
  height: 30px;
  width: 30px;
  background: #f5f5f5;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rating::after {
  display: block;
  clear: both;
  content: "";
}
.rating .rating-stars {
  float: left;
  margin: 0 5px 0 0;
  padding: 3px 0 1px;
  letter-spacing: 50px;
}
@media (max-width: 1023px) {
  .rating .rating-stars {
    font-size: 1.09375rem;
    float: none;
  }
  .rating .rating-stars::after {
    display: block;
    clear: both;
    content: "";
  }
}
.rating .rating-stars span {
  color: #dee3e8;
  overflow: hidden;
  position: static;
  width: 1em;
  height: 1em;
  display: block;
  float: left;
  margin: 0 0.1em;
}
.rating .rating-stars span.fh {
  width: 0.5em;
  margin-right: 0;
}
.rating .rating-stars span.lh {
  width: 0.5em;
  text-indent: -0.5em;
  margin-left: 0;
}
.rating .rating-stars span.active {
  color: #000000;
}
.rating.rating-set .rating-stars {
  cursor: pointer;
}
.rating a {
  font-size: 13px;
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.rating a:before {
  border-left: 1px solid #000000;
  content: "";
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1023px) {
  .tabs-responsive .tabhead {
    border-bottom: 1px solid #000000;
  }
}

.tab-review .review-pagination-bar {
  margin: calc(20px / 2) 0;
}
.tab-review .review-pagination-bar::after {
  display: block;
  clear: both;
  content: "";
}
.tab-review .review-pagination-bar .right {
  float: right;
}
.tab-review .review-pagination-bar .right .pager {
  float: left;
  margin: 0 calc(20px / 2);
}
.tab-review .review-list {
  padding-left: 0;
  list-style: none;
}
.tab-review .review-list .review-entry {
  margin: calc(20px / 2) 0;
}
.tab-review .review-list .review-entry .title {
  font-weight: bold;
}
.tab-review .review-list .review-entry .autor {
  color: #777777;
}
.tab-review .write-review {
  display: none;
}

#AddToCart-PickUpInStoreAction {
  position: relative;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  position: relative;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  margin-top: 20px;
}
@media (min-width: 640px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 100%;
  }
}

.AddToCart-PickUpInStoreAction {
  margin-top: calc(20px / 2);
}

.AddToCart-ShareOnSocialNetworkAction {
  margin-top: 20px;
}

#AddToCart-AddToCartAction {
  position: relative;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  position: relative;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  margin-top: 20px;
}
@media (min-width: 640px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 100%;
  }
}

#AddToCart-ShareOnSocialNetworkAction {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  margin-top: 30px;
}

ul.scale-prices {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.scale-prices-tax {
  list-style: none;
  margin: 0;
  padding: 0;
}

.quickadd {
  margin: 15px 0;
}

.quickadd-input {
  border-width: 1px;
  line-height: 17px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 3px 5px 1px 5px;
}

.variants-table {
  border-collapse: collapse !important;
}

.material-table-thead {
  border-bottom-color: #F5F5F5;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  overflow: auto;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}
.material-table-thead .mobile-panel-slide-arrow {
  position: absolute;
  top: -50px;
  bottom: 0;
  margin: auto;
  z-index: 2;
  opacity: 0.5;
  transition: opacity 100ms;
  height: 20px;
  font-size: 3rem;
  padding: 0;
}
.material-table-thead .mobile-panel-slide-arrow:hover, .material-table-thead .mobile-panel-slide-arrow :focus {
  opacity: 1;
}
.material-table-thead .mobile-panel-slide-arrow.mobile-panel-slide-arrow-prev {
  left: 0;
}
.material-table-thead .mobile-panel-slide-arrow.mobile-panel-slide-arrow-next {
  right: 0;
}
.material-table-thead .head-row {
  display: flex;
  flex-direction: row;
  flex: auto;
  align-items: flex-start;
  align-content: flex-start;
  overflow-x: auto;
  scroll-behavior: smooth;
}
.material-table-thead .head-row a {
  color: #000;
}
.material-table-thead .head-row .section-link {
  font-size: large;
  font-weight: bold;
  padding: 5px 20px;
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-transform: capitalize;
  cursor: pointer;
  text-decoration: none !important;
}
@media (max-width: 640px) {
  .material-table-thead .head-row .section-link {
    min-width: fit-content;
  }
}
@media (hover: hover) {
  .material-table-thead .head-row .section-link:hover {
    padding-bottom: 0;
    border-bottom-color: #ffc510;
    border-bottom-style: solid;
    border-bottom-width: 5px;
  }
}

.td1 {
  flex: 1 1 180px;
}

.entry-row1-mobile {
  display: flex !important;
  flex-direction: column !important;
  margin-left: 20px;
}

.material-sales-texts-mobile {
  font-weight: 500 !important;
}

.load-more {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.load-more button {
  display: none;
  color: #000;
  background-color: #ffc510;
  border: 1px;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0.4px 0.4px #87888a;
}

.mobile-addcart-wishlist-row {
  display: flex;
  flex-direction: row;
  padding-bottom: 15px;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  border-bottom-style: solid !important;
  border-bottom-width: 5px !important;
  border-bottom-color: #f5f5f5 !important;
}

.details-td {
  padding: 0 20px !important;
  text-align: left !important;
}

.tool-tip1 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 640px) {
  .tool-tip1 {
    flex-wrap: wrap;
  }
}

.len-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.left5 {
  padding-left: 5px !important;
}

.table-more-less {
  display: none;
}

@media (max-width: 449px) {
  .mob-color {
    width: auto !important;
  }
}

.head-scroll::-webkit-scrollbar {
  display: none;
}
@media (max-width: 769px) {
  .head-scroll::-webkit-scrollbar {
    overflow-y: scroll;
    /* Hide scrollbar for Chrome, Safari and Opera */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .head-scroll::-webkit-scrollbar::-webkit-scrollbar {
    display: none;
  }
}

.add-cart-mobile {
  width: auto !important;
}

.tot-len {
  width: fit-content;
}

.len-input {
  margin-right: 3px !important;
}

.len-input::-webkit-outer-spin-button,
.len-input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

.len-input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

.tot-len-wrap {
  display: flex;
  justify-content: space-between;
}

.margin-left-add-btn {
  margin-left: 3px;
}

.product-details-section,
.product-documents-section {
  margin-top: 80px;
  margin-bottom: 50px;
}
.product-details-section h3.details-docs-title, .product-details-section .details-docs-title.h3,
.product-documents-section h3.details-docs-title,
.product-documents-section .details-docs-title.h3 {
  text-align: center;
  text-transform: none;
}

.product-technical-details-section .product-technical-details-section-title {
  text-align: center;
}
.product-technical-details-section .accordion-panel-button {
  display: flex;
  justify-content: space-between;
  background-color: white;
  color: #444;
  cursor: pointer;
  padding: 0.8em;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.25rem;
  transition: 0.4s;
  height: 2.5em;
  align-items: center;
}
.product-technical-details-section .accordion-panel-button.active, .product-technical-details-section .accordion-panel-button:hover {
  background-color: #FFC510;
}
.product-technical-details-section .accordion-panel-button .accordion-status {
  font-size: 2em;
}
.product-technical-details-section .panel-details {
  padding: 0 0.8em;
  margin-top: 0.8em;
  display: none;
  background-color: white;
  overflow: hidden;
}

.video-section {
  margin: 50px auto 30px;
}
.video-section .video-section-title {
  text-align: center;
  text-transform: none;
}
.video-section .video-container {
  display: flex;
  margin-top: 3em;
  justify-content: center;
}
.video-section .video-container .video-details .video-player-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 75%;
}
.video-section .video-container .video-details .video-player-container .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.product-logo-container .logo-item .logo-img {
  max-width: 100px;
  max-height: 110px;
}

.related-products-section-container {
  margin: 70px auto 30px;
}
.related-products-section-container .related-products-section-title {
  text-align: center;
  text-transform: none;
}

.reference-types-container {
  flex-wrap: wrap;
}

.reference-carousel {
  position: relative;
}
.reference-carousel .slide-arrow {
  position: absolute;
  top: -4px;
  bottom: 0;
  margin: auto;
  z-index: 2;
  opacity: 0.8;
  transition: opacity 100ms;
  font-size: 25px;
  text-align: center;
  background-color: white;
  padding: 7px 5px;
  height: 38px;
  cursor: pointer;
}
.reference-carousel .slide-arrow:hover, .reference-carousel .slide-arrow :focus {
  opacity: 1;
}
.reference-carousel .slide-arrow.prev {
  left: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.reference-carousel .slide-arrow.next {
  right: 12px;
  box-shadow: 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.reference-carousel .carousel-wrapper {
  overflow: scroll;
  margin-top: 3em;
  scroll-behavior: smooth;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  /* WebKit */
}
.reference-carousel .carousel-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.reference-carousel .carousel-wrapper .slides-container {
  display: flex;
  scroll-behavior: smooth;
  height: fit-content;
  width: fit-content;
}
.reference-carousel .carousel-wrapper .slides-container .slide {
  transition: background-color 0.3s;
  width: 175px;
  min-height: 240px;
  flex-shrink: 0;
  text-align: center;
  margin: 0 10px;
  padding: 0 0.4em;
  border: 2px solid #DDDDDD;
}
.reference-carousel .carousel-wrapper .slides-container .slide:hover {
  background-color: #ffc510;
}
.reference-carousel .carousel-wrapper .slides-container .slide .thumb-cont {
  background: white;
  border-bottom: 2px solid #ddd;
  margin-top: 2px !important;
}

.product-details-section {
  margin: 50px auto 30px;
}
.product-details-section .usage-section h4, .product-details-section .usage-section .h4,
.product-details-section .advantages-section h4,
.product-details-section .advantages-section .h4 {
  background-color: #f5f5f5;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
  margin-bottom: 0.5rem !important;
  padding: 5px 10px !important;
}
.product-details-section .usage-section h4:hover, .product-details-section .usage-section .h4:hover,
.product-details-section .advantages-section h4:hover,
.product-details-section .advantages-section .h4:hover {
  background-color: #ffc510;
}
.product-details-section .usage-section h4:after, .product-details-section .usage-section .h4:after,
.product-details-section .advantages-section h4:after,
.product-details-section .advantages-section .h4:after {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-10px, -50%);
  display: block !important;
  content: "+" !important;
  font-weight: 700;
}
.product-details-section .usage-section h4.opened:after, .product-details-section .usage-section .opened.h4:after,
.product-details-section .advantages-section h4.opened:after,
.product-details-section .advantages-section .opened.h4:after {
  content: "-" !important;
}
.product-details-section .usage-section p,
.product-details-section .usage-section ul,
.product-details-section .usage-section table,
.product-details-section .advantages-section p,
.product-details-section .advantages-section ul,
.product-details-section .advantages-section table {
  display: none;
}

.product-documents-section .recap-doc {
  display: none;
}

#addToCartForm .js-product-configurable-length {
  -moz-appearance: none;
}

#variantsTable .cmp-table__flex.details-desktop, #cartTable .cmp-table__flex.details-desktop {
  display: none;
}

@media (max-width: 640px) {
  .col-12.col-sm-8.product-details-description {
    width: 100%;
    margin: 0 10px;
  }
}

@media (max-width: 640px) {
  .lazyOwl[src*=sikaDefaultProductImage] {
    display: none;
  }
}

@media (max-width: 639px) {
  #addToCartForm input[type=number]::-webkit-inner-spin-button,
#addToCartForm input[type=number]::-webkit-outer-spin-button {
    width: 10px;
    height: auto;
  }
  #addToCartForm .js-product-configurable-length {
    padding-left: 10px;
  }

  .hide-img {
    display: none;
  }
}
.accordion-pdp {
  font-size: 16px;
}

@media (max-width: 640px) {
  .wrap-container {
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .conf-tot-length-text {
    margin-right: 50%;
  }
}

@media (max-width: 640px) {
  .add-cart-button-margin {
    margin-left: 40% !important;
  }
}
@media (max-width: 400px) {
  .add-cart-button-margin {
    margin-left: 35% !important;
  }
}
@media (max-width: 320px) {
  .add-cart-button-margin {
    margin-left: 25% !important;
  }
}

@media (max-width: 640px) {
  .wishlist_form_conf_length {
    margin-left: 50% !important;
    margin-top: -26px !important;
  }
}
@media (max-width: 400px) {
  .wishlist_form_conf_length {
    margin-left: 55% !important;
  }
}

.conf-length-button-minus {
  margin-right: 5px;
}

.conf-length-button-plus {
  margin-right: 5px;
  margin-left: 2px;
}

@media (min-width: 641px) {
  .total-text-mobile {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .total-text-desktop {
    display: none !important;
  }
}

.not-clickable {
  pointer-events: none;
}

.modal-multi-wishlist-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

.modal-multi-wishlist-save {
  justify-content: right !important;
  gap: 0 !important;
  margin-top: 0 !important;
}

.modal-multi-wishlist-list {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  overflow: auto;
  max-height: 350px;
}

.modal-title-divider {
  border-bottom: 1px solid #dddddd;
  margin-left: -30px !important;
  margin-right: -30px !important;
}
@media (min-width: 641px) {
  .modal-title-divider {
    display: none;
  }
}

.modal-wishlist-list-item {
  display: flex;
  gap: 15px;
  align-items: center;
}

#new-entry-for-new-wishlist-container {
  margin-top: 0 !important;
}
#new-entry-for-new-wishlist-container *.not-enabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.product-items-list-container {
  margin-left: 2em !important;
}
@media (max-width: 1023px) {
  .product-items-list-container {
    margin-left: 0 !important;
  }
}
.product-items-list-container.disabled *.not-enabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.product-items-list-container:last-child {
  padding-bottom: 10px;
}
.product-items-list-container .wishlist-item-button {
  height: 30px;
  width: 30px !important;
  background: #f5f5f5;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-items-list-container .wishlist-item-button.js-add-line-btn {
  border-radius: 50%;
}
.product-items-list-container .product-item {
  display: flex;
  gap: 20px;
  margin-top: 5px;
}
.product-items-list-container .product-item:first-child {
  margin-top: 0;
}
.product-items-list-container .product-item input[type=number]::-webkit-inner-spin-button,
.product-items-list-container .product-item input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: auto;
  margin: initial;
  position: absolute;
  width: 12.5%;
  height: 100%;
  top: 0;
  right: 0;
  text-align: initial;
}
.product-items-list-container .product-item input[type=number] {
  -moz-appearance: number-input;
  /* For Firefox */
}
.product-items-list-container .product-item input {
  text-align: center;
  background: #F5F5F5;
  font-size: large;
  font-weight: 500;
  border: none;
  border-bottom: 2px solid #000;
  height: 30px;
  cursor: pointer;
  width: 100px;
  max-width: 248px !important;
  min-width: 100px !important;
}
@media print {
  .product-items-list-container .product-item input {
    border: none !important;
  }
}
.product-items-list-container .product-item input:first-child {
  width: 80px;
}
.product-items-list-container .product-item input:hover, .product-items-list-container .product-item input:active {
  border-bottom-color: #ffc510;
}
.product-items-list-container .product-item .wishlist-selected-uom {
  max-width: 150px;
  width: fit-content;
}
@media (max-width: 1023px) {
  .product-items-list-container .product-item .wishlist-selected-uom {
    max-width: 80px !important;
  }
}
.product-items-list-container .new-entry-line-container {
  margin-left: 0 !important;
}
.product-items-list-container .new-entry-line-container .new-entry-line-label {
  color: #9E9E9E;
}

.pdp-custom-checkbox {
  height: 16px;
  width: 16px;
}

.js-pdp-add-remove-item-from-wishlist {
  cursor: pointer !important;
}

.item-in-wishlist {
  color: #ffc510;
}

.add-new-wishlist-modal-content-pdp {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
}
.add-new-wishlist-modal-content-pdp .wishlist-modal-input {
  width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
}
@media (max-width: 1400px) {
  .add-new-wishlist-modal-content-pdp {
    flex-direction: column;
  }
}
@media (max-width: 1750px) {
  .add-new-wishlist-modal-content-pdp {
    flex-direction: row !important;
    flex-wrap: wrap;
  }
}

.wishlist-modal-content .wishlist-modal-actions-pdp {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  gap: 15px;
}
.wishlist-modal-content .wishlist-modal-actions-pdp:after {
  content: unset !important;
}
@media (max-width: 1400px) {
  .wishlist-modal-content .wishlist-modal-actions-pdp {
    justify-content: center;
    width: 100%;
  }
}
.wishlist-modal-content .wishlist-modal-inputs-pdp {
  display: flex;
  flex-direction: row;
  gap: 15px;
  width: 100%;
}
.wishlist-modal-content .wishlist-item-button {
  height: 30px;
  width: 30px;
  max-width: 30px;
  background: #f5f5f5;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wishlist-modal-content .wishlist-item-button.js-add-line-btn {
  border-radius: 50%;
}
.wishlist-modal-content .product-item {
  display: flex;
  gap: 20px;
}
.wishlist-modal-content .product-item input[type=number]::-webkit-inner-spin-button,
.wishlist-modal-content .product-item input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: auto;
  margin: initial;
  position: absolute;
  width: 12.5%;
  height: 100%;
  top: 0;
  right: 0;
  text-align: initial;
}
.wishlist-modal-content .product-item input[type=number] {
  -moz-appearance: number-input;
  /* For Firefox */
}
.wishlist-modal-content .product-item input {
  text-align: center;
  background: #F5F5F5;
  font-size: large;
  font-weight: 500;
  border: none;
  border-bottom: 2px solid #000;
  height: 30px;
  cursor: pointer;
  width: 100px;
  max-width: 248px !important;
  min-width: 100px !important;
}
@media print {
  .wishlist-modal-content .product-item input {
    border: none !important;
  }
}
.wishlist-modal-content .product-item input:first-child {
  width: 80px;
}
.wishlist-modal-content .product-item input:hover, .wishlist-modal-content .product-item input:active {
  border-bottom-color: #ffc510;
}
.wishlist-modal-content .product-item .wishlist-selected-uom {
  max-width: 150px;
  width: fit-content;
}
@media (max-width: 1023px) {
  .wishlist-modal-content .product-item .wishlist-selected-uom {
    max-width: 80px !important;
  }
}
.wishlist-modal-content .new-entry-line-container {
  margin-left: 2em;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .wishlist-modal-content .new-entry-line-container {
    margin-left: 0 !important;
  }
}
.wishlist-modal-content .new-entry-line-container .new-entry-line-label {
  color: #9E9E9E;
}

.new-wishlist-entries-container {
  margin-left: 2em !important;
  display: flex;
  flex-direction: column;
  gap: 5px;
  overflow-y: auto;
  max-height: 130px;
}
@media (max-width: 1023px) {
  .new-wishlist-entries-container {
    margin-left: 0 !important;
  }
}

.wishlist-modal-close-pdp {
  display: flex;
  justify-content: end;
}
@media (max-width: 1023px) {
  .wishlist-modal-close-pdp {
    justify-content: center;
  }
}

.modal-dialog-pdp {
  width: 40%;
}

.scrollable-pdp-add-to-wishlist-modal {
  overflow-y: auto;
  height: auto;
}

.material-table-thead--fixed {
  position: fixed;
  top: 60px;
  background: white;
  width: 100%;
  left: 0;
  z-index: 5;
}
@media (min-width: 640px) {
  .material-table-thead--fixed {
    padding-top: 20px;
  }
  .material-table-thead--fixed .section-link {
    padding-bottom: 20px !important;
  }
}
.material-table-thead--fixed .head-row {
  align-items: stretch;
}
@media (max-width: 1023px) {
  .material-table-thead--fixed {
    top: 60px;
  }
}

.hover-active {
  padding-bottom: 0 !important;
  border-bottom-color: #ffc510;
  border-bottom-style: solid;
  border-bottom-width: 5px;
}

.product-references-carousel .carousel::after, .product-references-carousel .carousel::before {
  left: 0;
  right: 0;
  display: none;
}

.reference-carousel {
  display: none !important;
}
.reference-carousel.selected-reference {
  display: flex !important;
  justify-content: center !important;
}

.reference-type-text {
  cursor: pointer;
  padding: 0 0.4em;
}
.reference-type-text:hover {
  font-weight: 800;
}
.reference-type-text.selected-reference-type {
  border-bottom: solid 3px #FFC510;
}

.disabled-input {
  background-color: #f5f5f5;
  pointer-events: none;
}

.checked-wishlist::after {
  display: block;
  left: 4px;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.new-wishlist-name-input {
  max-width: 376px !important;
  z-index: 99999999999999;
}

/* .add-multi-wishlist-modal-container div {
	z-index: 99999;
	@media (max-width: 641px){
		z-index: 5;
	}
} */
.configuration-section {
  text-transform: uppercase;
}
.configuration-section h4, .configuration-section .h4 {
  display: flex;
  gap: 10px;
  padding: 8px !important;
}
.configuration-section h4 .material-icons, .configuration-section .h4 .material-icons {
  font-size: 18px;
}
.configuration-section .config-error-message {
  text-transform: none !important;
  padding-top: 10px;
  color: red;
}
.configuration-section .blink {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    background-color: #ffc510;
  }
}

.product-configuration-filters {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 78%;
  flex-wrap: wrap;
}
@media (min-width: 1300px) {
  .product-configuration-filters {
    gap: 5px;
  }
}
@media (min-width: 1401px) {
  .product-configuration-filters {
    gap: 10px;
  }
}
@media (min-width: 1601px) {
  .product-configuration-filters {
    gap: 30px;
  }
}
@media (min-width: 1801px) {
  .product-configuration-filters {
    gap: 40px;
  }
}
.product-configuration-filters .select-error-message {
  color: red;
  padding-top: 8px;
  width: 180px !important;
}
.product-configuration-filters .select2-selection__placeholder {
  white-space: nowrap;
}

.config-mobile {
  width: 90%;
  margin-left: 0 !important;
}
@media (min-width: 641px) {
  .config-mobile {
    display: none;
  }
}
.config-mobile .modal-product-configurations-save {
  justify-content: center !important;
}

.config-desk {
  width: 50%;
}
@media (max-width: 640px) {
  .config-desk {
    display: none;
  }
}

.configure-material-modal-container .wishlist-modal-content {
  padding: 15px !important;
}
.configure-material-modal-container .wishlist-modal-content .wishlist-modal-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.configure-material-modal-container .wishlist-modal-content .wishlist-modal-title .material-icons {
  font-size: 18px;
}
.configure-material-modal-container .select-error-message {
  color: red;
  padding-top: 8px;
}

.configuration-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.configuration-container .error-message {
  color: #e2001a !important;
  font-weight: 600;
}

.configuration-select {
  background: white;
  border: 1px solid #ced4da;
  border-bottom: 3px solid black;
  padding: 10px 15px;
  color: black;
  font-weight: 600;
  font-family: "Klavika Light";
  outline: none;
}
@media (min-width: 641px) {
  .configuration-select {
    width: 180px !important;
  }
}
.configuration-select option {
  font-size: 14px;
  font-family: "Klavika Light";
}

.configuration-title {
  font-family: "Klavika Light" !important;
  font-size: 14px !important;
  text-transform: uppercase;
  color: #9e9e9e;
}

.product-configuration-container {
  display: flex;
  flex-direction: column;
}
.product-configuration-container .has-error {
  font-family: "Klavika Medium" !important;
  color: red;
}
.product-configuration-container .select2-container {
  width: 180px !important;
}
@media (max-width: 640px) {
  .product-configuration-container .select2-container {
    width: 100% !important;
  }
}

.product-configuration-filters-container {
  display: flex;
  width: 50%;
}
.product-configuration-filters-container .configuration-reset-button {
  display: flex;
  align-content: center;
  height: auto;
  align-items: center;
  flex-direction: column;
}
.product-configuration-filters-container .configuration-reset-button button {
  height: 56px;
}

.modal-material-sales-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (max-width: 640px) {
  .config-mobile h4:hover, .config-mobile .h4:hover {
    background-color: #f5f5f5 !important;
  }
}

@media (max-width: 640px) {
  .config-mobile h4:active, .config-mobile .h4:active {
    background-color: #ffc510 !important;
  }
}

input, textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

@media (max-width: 640px) {
  .mobile-pdp-wishlist-modal {
    display: block;
    position: absolute;
    top: -50px !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    overflow: scroll;
    overscroll-behavior: contain;
    background-color: white;
  }
  .mobile-pdp-wishlist-modal .modal-content {
    position: fixed;
    top: 0;
    bottom: 0;
    overscroll-behavior: contain;
  }
}

.product-list-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 40px 0;
  padding-bottom: 20px;
}

.filters-input-container {
  flex-basis: 100% !important;
  align-items: center;
  padding-bottom: 0 !important;
}
@media (max-width: 640px) {
  .filters-input-container {
    align-items: flex-start;
  }
}
.filters-input-container .form-group {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: unset;
  width: 80% !important;
}
@media (max-width: 640px) {
  .filters-input-container .form-group {
    width: 100% !important;
    padding: 0 40px;
    padding-left: 30px !important;
  }
}
.opacity-0 {
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 641px) {
  .show-mobile-only {
    opacity: 0;
    pointer-events: none;
  }
}

.fixed-filters {
  position: fixed !important;
  top: 85px;
  z-index: 5;
  margin-top: 12px !important;
}

.pdp-filters-section ::-webkit-scrollbar {
  width: 9px;
}
.pdp-filters-section ::-webkit-scrollbar-track {
  background: transparent;
}
.pdp-filters-section ::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}

.pdp-table-head {
  flex-direction: column;
  overflow-y: hidden;
}

.product-info-section {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 639px) {
  .product-info-section {
    flex-direction: column;
    gap: 15px;
  }
}
@media (min-width: 640px) {
  .product-info-section .product-info-list {
    width: 40%;
  }
}
.product-info-section .product-info-list h4, .product-info-section .product-info-list .h4 {
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
}

.capitalized-word {
  text-transform: capitalize;
}

.product-short-advantages {
  padding-top: 30px;
}
.product-short-advantages li {
  list-style-type: none;
}
.product-short-advantages li::before {
  content: "✔    ";
}

.product-short-description {
  font-size: 16px;
  font-weight: bold;
}

.centered-carousel {
  display: flex;
  justify-content: center;
}

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

.correct-mistyping {
  text-transform: none !important;
}

.image-gallery img {
  max-width: 100%;
  height: auto;
  max-height: 270px;
  -webkit-touch-callout: none;
}
.image-gallery .zoomImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: none;
  max-width: none;
  z-index: 9999;
  border: 0;
  opacity: 0;
}
.image-gallery .zoomImg img {
  width: 100%;
  height: 100%;
}
.image-gallery .zoomImgMask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}

.addtocart-component {
  margin-top: calc(20px / 2);
}
.addtocart-component .stock-wrapper {
  font-size: 13px;
  margin: 25px 0;
}
.addtocart-component .stock-wrapper * {
  float: left;
  margin: 0;
}
.addtocart-component .stock-wrapper .futureStockLink {
  margin-left: calc(20px / 2);
}
.addtocart-component .actions .btn {
  margin-bottom: calc(20px / 2);
}
.addtocart-component .row .AddToCart-ShareOnSocialNetworkAction {
  margin: 0 auto;
  padding-top: 50px;
  width: 100px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share {
  background: url("../../common/images/productShareIcon.png") no-repeat left center;
  padding-left: 25px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share .a2a_img {
  display: none;
}

.addtocart-component .qty-selector .input-group-btn, .addtocart-component .qty-selector .btn,
#add_to_cart_storepickup_form .qty-selector .input-group-btn,
#add_to_cart_storepickup_form .qty-selector .btn {
  width: 19px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.addtocart-component .qty-selector .form-control,
#add_to_cart_storepickup_form .qty-selector .form-control {
  width: 34.375px;
  height: 19px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}

@media (max-width: 1023px) {
  .addtocart-component {
    margin-top: 20px;
  }
  .addtocart-component .qty-selector .input-group-btn,
.addtocart-component .qty-selector .btn,
.addtocart-component .qty-selector .form-control {
    width: 39.6px;
  }
}
@media (max-width: 639px) {
  .addtocart-component .qty-selector {
    margin-left: auto;
    margin-right: auto;
  }
  .addtocart-component .stock-wrapper {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}
.add-to-cart .add-to-cart-item {
  margin-bottom: calc(20px / 2);
}
.add-to-cart .add-to-cart-item::after {
  display: block;
  clear: both;
  content: "";
}
.add-to-cart .add-to-cart-item .thumb {
  float: left;
  margin-right: calc(20px / 2);
}
.add-to-cart .add-to-cart-item .details {
  font-size: 18px;
  margin-left: calc(20px / 2 + 65px);
}
.add-to-cart .add-to-cart-item .details .name {
  font-weight: bold;
  color: inherit;
}
.add-to-cart .add-to-cart-item .price {
  font-size: 22px;
  text-align: right;
  font-weight: bold;
}

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel::after {
  display: block;
  clear: both;
  content: "";
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .owl-carousel .owl-wrapper-outer {
    height: 600px;
  }
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after::after {
  display: block;
  clear: both;
  content: "";
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  float: left;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
@media (min-width: 640px) {
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
    width: 100vw;
  }
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.loading > * {
  min-height: 1px;
}
.owl-carousel .owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
  cursor: pointer;
  position: absolute !important;
  top: 50% !important;
  display: table;
  width: 25px;
  height: 125px;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(255, 255, 255, 0.7);
  font-size: 120px;
  overflow: hidden;
  transition: "0.3s ease-out";
}
@media (prefers-reduced-motion: reduce) {
  .owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
    transition: none;
  }
}
.owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  font-size: 25px;
  line-height: 125px;
  color: #000000;
  transition: "0.3s ease-in";
}
@media (prefers-reduced-motion: reduce) {
  .owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
    transition: none;
  }
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
  color: rgb(255, 255, 255);
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover span.glyphicon {
  color: #8a8d8f;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
  left: 3px;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:before {
  content: "\e075";
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
  right: 5px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
  content: "\e071";
}

.carousel {
  width: auto;
  text-align: center;
}
.carousel .item {
  display: block;
}
.carousel .item .thumb {
  margin-bottom: 20px;
  height: 140px;
}
.carousel .item .thumb img {
  max-width: 140px;
  max-height: 140px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.carousel .item a {
  color: #000000;
}
.carousel .item a:hover,
.carousel .item a:focus {
  text-decoration: none;
  color: #000000;
}
.carousel .item .item-name {
  margin-top: calc(20px / 1.5);
  margin-bottom: 11px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2em;
  overflow: hidden;
  position: relative;
  height: 2.4em;
  font-weight: 600;
  font-size: 16px;
  color: #000000;
}
.carousel .item .item-name:before {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  position: absolute;
  right: 0;
  content: "…";
}
.carousel .item .item-name:after {
  content: "";
  background: #fff none repeat scroll 0% 0%;
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 1;
}
.carousel .item .item-price {
  margin: calc(20px / 2);
  color: #000000;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}

.carousel-component {
  padding: 0 10px;
  margin: 35px 0 15px;
}
.carousel-component::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-component .headline {
  color: #000000;
  font-size: 28px;
  margin: 10px 0 20px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
.carousel-component:first-child {
  margin: 50px 0 22px;
}
.carousel-component + .carousel-component {
  margin-top: 0;
  border-top: 4px solid #000000;
  padding-top: calc(20px / 2 + 20px);
}

.product-references-carousel {
  max-width: 100%;
  width: fit-content;
}
@media (max-width: 639px) {
  .product-references-carousel {
    width: 100% !important;
    max-width: 100%;
  }
}
.product-references-carousel .carousel {
  display: none;
  display: flex;
  overflow: hidden;
  margin: 16px 0 0 0;
  padding: 0;
  position: relative;
}
.product-references-carousel .carousel:before, .product-references-carousel .carousel:after {
  content: "";
  position: absolute;
  top: 0;
  height: 500px;
  width: 2px;
  background: #ffffff;
  z-index: 2;
}
.product-references-carousel .carousel:before {
  left: -1px;
}
.product-references-carousel .carousel:after {
  right: -1px;
}
.product-references-carousel .carousel .owl-wrapper {
  display: inline-flex !important;
}
@media (min-width: 640px) {
  .product-references-carousel .carousel .owl-wrapper {
    justify-content: flex-start;
    gap: 5px;
    width: auto !important;
  }
}
.product-references-carousel .carousel .owl-wrapper .owl-item {
  width: 170px !important;
  border: 2px solid #ddd;
  transition: background-color 0.3s ease-in-out;
}
@media (max-width: 639px) {
  .product-references-carousel .carousel .owl-wrapper .owl-item {
    margin-right: 5px;
  }
}
.product-references-carousel .carousel .owl-wrapper .owl-item:hover {
  background-color: #ffc510;
}
.product-references-carousel .carousel .owl-wrapper .owl-item .owl-item-cont {
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.product-references-carousel .carousel .owl-wrapper .owl-item .owl-item-cont .owl-effect {
  display: block;
  padding: 0 4px;
}
.product-references-carousel .carousel .owl-wrapper .owl-item .owl-item-cont .thumb-cont {
  border-bottom: 2px solid #ddd;
}
.product-references-carousel .carousel .owl-wrapper .owl-item .owl-item-cont .thumb-cont img {
  background-color: #fff;
}
.product-references-carousel .carousel .item {
  margin: 0;
  padding: 0;
}
.product-references-carousel .carousel .item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 500px;
  z-index: 1;
}
.product-references-carousel .carousel .item .thumb {
  width: 100%;
  margin: 0 0 5px 0;
  padding: 0;
}
.product-references-carousel .carousel .item .thumb img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
}
.product-references-carousel .carousel .item .item-name {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-transform: none;
  margin: 0;
  padding: 5px;
  height: auto;
}
.product-references-carousel .carousel .item .item-name:after, .product-references-carousel .carousel .item .item-name:before {
  display: none;
}
.product-references-carousel .carousel.owl-carousel {
  width: 100%;
}
.product-references-carousel .carousel.owl-carousel .owl-wrapper-outer {
  text-align: left;
}
.product-references-carousel .carousel.owl-carousel .owl-controls .owl-buttons .owl-prev,
.product-references-carousel .carousel.owl-carousel .owl-controls .owl-buttons .owl-next {
  bottom: -50%;
  height: auto !important;
}
.product-references-carousel .carousel.owl-carousel .owl-controls .owl-buttons .owl-prev:before,
.product-references-carousel .carousel.owl-carousel .owl-controls .owl-buttons .owl-next:before {
  display: none;
}
.product-references-carousel .carousel.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.product-references-carousel .carousel.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
  background: rgba(255, 255, 255, 0.75);
}
.product-references-carousel .carousel.owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.product-references-carousel .carousel.owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
  display: block;
  line-height: 30px;
  height: 30px;
  width: 100%;
  top: 50%;
  margin-top: -15px;
}
.product-references-carousel .carousel.owl-carousel .owl-prev {
  left: 0 !important;
}
.product-references-carousel .carousel.owl-carousel .owl-next {
  right: 0 !important;
}

.product-references-carousel__title {
  font-size: 17px;
  line-height: 17px;
  margin: 16px 0 0 0;
  padding: 15px 10px !important;
  padding-left: 0 !important;
  border-top: solid 1px #e3e4e4;
  color: #000;
  line-height: 1em;
  font-weight: 500 !important;
}
@media (min-width: 640px) {
  .product-references-carousel__title {
    border-top: none;
    margin: 16px 0 3px 0;
    padding: 0;
  }
}

.rotating-image-componet::after {
  display: block;
  clear: both;
  content: "";
}
.rotating-image-componet .carousel.rotating-image {
  margin: 0;
}
.rotating-image-componet .owl-item .item {
  padding: 0;
  margin: 0;
}
.rotating-image-componet .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.rotating-image-componet .owl-controls .owl-pagination {
  display: block !important;
}

.image-gallery .gallery-image .owl-item .item {
  padding: 0;
}
.image-gallery .gallery-image .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .image-gallery .gallery-image .owl-controls {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .image-gallery .gallery-image .owl-controls {
    display: none !important;
  }
}
.image-gallery .gallery-carousel .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}

.carouselSlider {
  overflow: hidden;
  display: none;
}
@media (max-width: 1023px) {
  .carouselSlider {
    padding-top: 60px;
  }
}
.carouselSlider .item img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .carouselSlider .item img {
    height: 600px;
  }
}

.thumb-cont {
  margin: 0 0 0 0 !important;
  padding: 5px !important;
}

.item-name-cont {
  color: #000 !important;
  padding: 15px 10px !important;
  min-height: 62px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

@media (min-width: 640px) {
  .owl-wrapper-cont {
    display: flex !important;
    justify-content: space-between;
    width: auto !important;
  }
}

.responsive-carousel-container {
  padding-top: 20px;
}
.responsive-carousel-container#promotedProducts {
  padding: 20px !important;
}
.responsive-carousel-container .responsive-carousel-title {
  font-family: "Klavika Medium";
  font-weight: 400;
  font-size: 24px;
}
@media (max-width: 420px) {
  .responsive-carousel-container .responsive-carousel-title {
    margin-left: 10px;
  }
}
.responsive-carousel-container .responsive-carousel {
  position: relative;
}
.responsive-carousel-container .responsive-carousel .responsive-carousel-action {
  display: flex;
  justify-content: flex-end;
  margin: 20px 0;
  margin-bottom: 30px;
}
@media (min-width: 640px) {
  .responsive-carousel-container .responsive-carousel .responsive-carousel-action {
    margin-top: -30px;
  }
}
.responsive-carousel-container .responsive-carousel .responsive-carousel-action span {
  cursor: pointer;
  letter-spacing: 0.03125rem;
  border-bottom: 4px solid #ffc510;
  border-bottom-color: var(--primary);
  color: black;
  text-decoration: none;
  position: relative;
}
.responsive-carousel-container .responsive-carousel .responsive-carousel-action span::before {
  position: absolute;
  content: "";
  top: -10px;
  right: -10px;
  left: -10px;
  bottom: -40px;
  z-index: 4;
}
.responsive-carousel-container .responsive-carousel button {
  border-width: 0;
}
@media (max-width: 420px) {
  .responsive-carousel-container .responsive-carousel button:before {
    content: "";
    position: absolute;
    width: 45px;
    height: 50px;
    top: -6px;
    left: -10px;
    cursor: pointer;
  }
}
.responsive-carousel-container .responsive-carousel .switch-left, .responsive-carousel-container .responsive-carousel .switch-right {
  cursor: pointer;
  color: black;
  font-weight: bold;
  height: 38px;
  width: auto;
  font-size: 25px;
  text-align: center;
  background-color: white;
  top: 40%;
  z-index: 3;
  padding: 5px;
}
@media (max-width: 420px) {
  .responsive-carousel-container .responsive-carousel .switch-left, .responsive-carousel-container .responsive-carousel .switch-right {
    padding: 5px 0;
  }
}
.responsive-carousel-container .responsive-carousel .switch-left:hover, .responsive-carousel-container .responsive-carousel .switch-right:hover {
  background-color: #ffc510;
}
.responsive-carousel-container .responsive-carousel .switch-left {
  position: absolute;
  left: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.responsive-carousel-container .responsive-carousel .switch-right {
  position: absolute;
  right: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.responsive-carousel-container .responsive-carousel .responsive-carousel-box {
  height: 250px;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  padding-bottom: 10px !important;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 24px;
}
@media (max-width: 420px) {
  .responsive-carousel-container .responsive-carousel .responsive-carousel-box {
    margin: 0 10px;
    height: 330px;
    gap: 30px;
    overflow: auto !important;
  }
}
.responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item {
  height: 240px;
  width: 175px !important;
  border: 2px solid #ddd;
  transition: background-color 0.3s ease-in-out;
  position: relative;
}
@media (max-width: 420px) {
  .responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item {
    height: 320px;
    width: 86vw !important;
  }
}
.responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item:hover {
  background-color: #ffc510;
}
.responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item .owl-item-cont {
  width: 170px !important;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
@media (max-width: 420px) {
  .responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item .owl-item-cont {
    width: 86vw !important;
  }
}
.responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item .owl-item-cont .owl-effect {
  display: block;
  padding: 0 4px;
}
@media (max-width: 420px) {
  .responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item .owl-item-cont .owl-effect {
    height: 320px;
    padding: 0 16px;
  }
}
.responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item .owl-item-cont .owl-effect .item-name-cont {
  white-space: normal;
  justify-content: flex-start;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: unset !important;
  margin: 15px 5px;
  min-height: 44px !important;
}
.responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item .owl-item-cont .thumb-cont {
  border-bottom: 2px solid #ddd;
  width: 100%;
  margin: 2px 0 0 0 !important;
  background: white;
}
@media (max-width: 420px) {
  .responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item .owl-item-cont .thumb-cont {
    height: 75%;
  }
}
.responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item .owl-item-cont .thumb-cont img {
  background-color: #fff;
  max-width: 152px;
  height: 152px;
}
@media (max-width: 420px) {
  .responsive-carousel-container .responsive-carousel .responsive-carousel-box .responsive-carousel-item .owl-item-cont .thumb-cont img {
    width: 70vw;
    height: 100%;
  }
}

.reco-extra-margin {
  padding-left: 10%;
  margin-top: 50px;
}

.simpleimagecomponent a {
  display: block;
}
.simpleimagecomponent a img {
  width: 100%;
  height: auto;
}

.banner-component {
  width: 100%;
}
.banner-component a {
  display: block;
  color: #000000;
  text-decoration: none;
}
.banner-component a::after {
  display: block;
  clear: both;
  content: "";
}
.banner-component .title {
  font-weight: bold;
}
.banner-component .thumb {
  padding: calc(20px / 2) 0;
}
.banner-component .thumb img {
  width: 100%;
  height: auto;
}

@media (max-width: 639px) {
  .simple-banner-component {
    margin-right: -15px;
    margin-left: -15px;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    padding-top: 60px;
  }
}
.simple-banner-component a {
  display: block;
}
.simple-banner-component img {
  width: 100%;
  height: auto;
}

.image-map-component img {
  width: 100%;
  height: auto;
}

.cms-image-component img {
  width: 100%;
  height: auto;
}

.tabs {
  margin: 60px 0;
}
@media (max-width: 1023px) {
  .tabs {
    border-top: 1px solid #000000;
  }
}
.tabs .tabs-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
  display: table;
  margin: 0 auto;
  border: 0;
}
.tabs .tabs-list::after {
  display: block;
  clear: both;
  content: "";
}
.tabs .tabs-list > li {
  position: relative;
  display: block;
}
.tabs .tabs-list > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.tabs .tabs-list > li > a:hover, .tabs .tabs-list > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.tabs .tabs-list > li.disabled > a {
  color: #777777;
}
.tabs .tabs-list > li.disabled > a:hover, .tabs .tabs-list > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.tabs .tabs-list .open > a, .tabs .tabs-list .open > a:hover, .tabs .tabs-list .open > a:focus {
  background-color: #eeeeee;
  border-color: #000000;
}
.tabs .tabs-list .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.tabs .tabs-list > li > a > img {
  max-width: none;
}
.tabs .tabs-list > li {
  float: left;
  margin-bottom: -1px;
}
.tabs .tabs-list > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.tabs .tabs-list > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.tabs .tabs-list > li.active > a, .tabs .tabs-list > li.active > a:hover, .tabs .tabs-list > li.active > a:focus {
  color: #555555;
  background-color: #e3e4e4;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.tabs .tabs-list li {
  padding: 0 20px;
}
.tabs .tabs-list li a {
  text-transform: uppercase;
  color: #000000;
  padding: 0 0 5px 0;
  border: 0;
  border-bottom: 4px solid transparent;
}
.tabs .tabs-list li a:focus, .tabs .tabs-list li a:hover {
  cursor: pointer;
  background-color: transparent;
}
.tabs .tabs-list li + li:before {
  content: "";
  position: absolute;
  height: 15px;
  left: 0;
  top: 2px;
  border-left: 1px solid #000000;
}
.tabs .tabs-list li.active a,
.tabs .tabs-list li.active a:hover,
.tabs .tabs-list li.active a:focus {
  color: #000000;
  font-weight: bold;
  border: 0;
  border-bottom: 4px solid #000000;
}
.tabs .tabhead {
  height: 75px;
  display: table;
}
@media (max-width: 639px) {
  .tabs .tabhead {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .tabs .tabhead {
    display: none !important;
  }
}
.tabs .tabhead + .tabbody {
  display: none !important;
}
.tabs .tabhead.active {
  font-weight: bold;
}
.tabs .tabhead.active + .tabbody {
  display: block !important;
}
.tabs .tabhead a {
  padding: 0 calc(20px / 2);
  color: inherit;
  line-height: 1;
  text-decoration: none;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.tabs .tabhead .glyphicon {
  padding: 0 calc(20px / 2);
  display: table-cell;
  vertical-align: middle;
}
.tabs .tabhead .glyphicon:before {
  content: "\e080";
}
.tabs .tabhead.active .glyphicon:before {
  content: "\e114";
}
.tabs .tabbody {
  border-bottom: 1px solid #000000;
  padding: 20px;
  background-color: #ffffff;
}
@media (min-width: 1024px) {
  .tabs .tabbody {
    border-top: 1px solid #000000;
  }
}
@media (max-width: 639px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
.tabs.tabs-responsive .tabhead {
  text-transform: uppercase;
  display: none !important;
  border-bottom-color: #000000;
}
.tabs.tabs-responsive .tabhead.active {
  border-bottom: 4px solid #000000;
}
@media (max-width: 1023px) {
  .tabs.tabs-responsive .tabhead {
    display: table !important;
  }
}
.tabs.tabs-accordion .tabs-list {
  display: none !important;
}
.tabs.tabs-accordion .tabhead {
  display: table !important;
  margin-bottom: 20px;
}

.languagecurrencycomponent {
  float: right !important;
}
.languagecurrencycomponent form {
  display: inline-block;
}
.languagecurrencycomponent form + form {
  margin-left: calc(20px / 2);
}

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

.thumb {
  position: relative;
}
.thumb .badges {
  position: absolute;
  top: calc(20px / 2);
  left: calc(20px / 2);
  right: calc(20px / 2);
  bottom: calc(20px / 2);
  overflow: hidden;
}
.thumb .badges .badge {
  float: left;
  clear: left;
  margin-bottom: calc(20px / 2);
}

.com-space > * {
  padding: calc(20px / 2) 0;
}

.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-column > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.product-classifications .headline {
  font-weight: bold;
  padding: calc(20px / 2);
}
.product-classifications table.table td.attrib {
  width: 50%;
}

.no-space {
  padding: 0 !important;
}
.no-space .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.no-space .yCmsComponent {
  padding: 0 !important;
}

.simple-responsive-banner-component a {
  display: block;
}
.simple-responsive-banner-component img {
  width: 100%;
  height: auto;
}

.error-page {
  text-align: center;
  padding-bottom: 20px;
}

.back-link {
  padding: 20px 0;
}
.back-link.border {
  border-bottom: 1px solid #000000;
}
.back-link button {
  padding: 0;
}
.back-link .glyphicon {
  border-right: 1px solid #000000;
  border-radius: 0;
  padding-right: 10px;
  line-height: 16px;
  top: -2px;
}
.back-link .label {
  color: #000000;
  font-size: 20px;
  line-height: 1em;
  font-weight: 300;
  margin: 0 0 10px;
  padding-left: 10px;
  white-space: normal;
}
@media (min-width: 1023px) {
  .back-link .label {
    font-size: 30px;
  }
}
.back-link .label:last-child {
  margin-bottom: 0;
}
@media (max-width: 639px) {
  .back-link {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    padding-left: 20px;
    padding-right: 20px;
  }
}
.back-link.product-details .label {
  font-weight: 600;
}

.accordion {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.accordion .panel-group {
  margin: 0;
}
.accordion .panel {
  border: none;
}
.accordion .panel .panel-heading {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ffffff;
  position: relative;
  padding: 0;
}
.accordion .panel .panel-heading .accordion-toggle {
  display: block;
  color: #000000;
  padding: 20px;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  content: "\e113";
}
.accordion .panel .panel-heading .accordion-toggle.collapsed:before {
  content: "\e114";
}
.accordion .panel .panel-heading .accordion-lnk {
  position: absolute;
  left: 55px;
  top: 20px;
}
.accordion .panel .panel-heading .accordion-lnk.no-subs {
  display: block;
  position: static;
  padding: 20px;
}
.accordion .panel .panel-collapse .panel-heading {
  background-color: #e6e6e6;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk {
  left: 75px;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 75px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading {
  background-color: #d9d9d9;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #cccccc;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #bfbfbf;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #b3b3b3;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #a6a6a6;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #999999;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #8c8c8c;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: gray;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #737373;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 255px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 255px;
}
.accordion .panel .panel-heading + .panel-collapse > .panel-body {
  border: none;
  padding: 0;
}

@media (max-width: 639px) {
  .main-content-wrapper .top-banner .product-list-header {
    padding: 0 !important;
    top: 120px !important;
  }
}

.hp-banner-carousel .owl-item .item {
  position: relative;
}

.faq-page-container {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .faq-page-container {
    padding: 0 1em;
  }
}
.faq-page-container .faq-sections-wrapper {
  padding: 0 13em;
}
@media (max-width: 1023px) {
  .faq-page-container .faq-sections-wrapper {
    padding: 0;
  }
}
.faq-page-container .faq-sections-wrapper .faq-section-container {
  margin-top: 4rem;
}
.faq-page-container .faq-sections-wrapper .faq-section-container .section-title {
  font-size: 32px;
  margin-bottom: 5px;
  color: black;
}
@media (max-width: 1023px) {
  .faq-page-container .faq-sections-wrapper .faq-section-container .section-title {
    font-size: 22px;
  }
}
.faq-page-container .faq-sections-wrapper .faq-section-container .faq-accordion-panel-title {
  font-size: 24px;
}
.faq-page-container .faq-sections-wrapper .faq-section-container .faq-accordion-panel-button {
  display: flex;
  justify-content: space-between;
  background-color: #F5F5F5;
  cursor: pointer;
  padding: 0 0.8em;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.25rem;
  transition: 0.6s;
  min-height: 2.5em;
  align-items: center;
  font-weight: 500 !important;
}
@media (max-width: 1023px) {
  .faq-page-container .faq-sections-wrapper .faq-section-container .faq-accordion-panel-button {
    font-size: 1rem;
  }
}
.faq-page-container .faq-sections-wrapper .faq-section-container .faq-accordion-panel-button:hover {
  background-color: #FFC510;
}
.faq-page-container .faq-sections-wrapper .faq-section-container .faq-accordion-panel-button .accordion-status {
  font-size: 2em;
}
.faq-page-container .faq-sections-wrapper .faq-section-container .panel-details {
  padding: 0 0.8em;
  margin-top: 0.8em;
  display: none;
  background-color: white;
  overflow: hidden;
  font-size: 16px;
}
.faq-page-container .faq-sections-wrapper .faq-section-container .panel-details a {
  border-bottom: solid #ffc510 4px;
  transition: 0.3s;
}
.faq-page-container .faq-sections-wrapper .faq-section-container .panel-details a:hover {
  background-color: #ffc510;
}
.faq-page-container .faq-help-section {
  margin-top: 4rem;
  padding: 0 10em;
  font-size: 1.13125rem;
}
@media (max-width: 1023px) {
  .faq-page-container .faq-help-section {
    padding: 0;
  }
}
.faq-page-container .faq-contact-us {
  margin: 10rem 0 4rem 0;
  align-self: center;
  justify-self: center;
}
.faq-page-container .faq-contact-us .contact-title {
  font-size: 2rem;
  color: black;
  text-align: center;
  text-transform: none !important;
}
.faq-page-container .faq-contact-us .contact-informations {
  font-size: 1.13125rem;
  margin-top: 2rem;
  text-align: center;
}
@media (max-width: 1023px) {
  .faq-page-container .faq-contact-us .contact-informations {
    text-align: center;
  }
}
.faq-page-container .faq-contact-us .contacts-container {
  display: flex;
  justify-content: space-around;
  margin-top: 4rem;
  padding: 0 4rem;
}
@media (max-width: 1023px) {
  .faq-page-container .faq-contact-us .contacts-container {
    padding: 0 1rem;
  }
}
.faq-page-container .faq-contact-us .contacts-container .contact-item-container {
  margin: 0 0.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.faq-page-container .faq-contact-us .contacts-container .contact-item-container .contact-icon {
  cursor: pointer;
  transition: 0.5s;
  border-bottom: solid 4px white;
  padding: 0 1rem;
}
.faq-page-container .faq-contact-us .contacts-container .contact-item-container .contact-icon p {
  font-size: 50px;
}
.faq-page-container .faq-contact-us .contacts-container .contact-item-container .contact-icon:hover {
  border-bottom: solid 4px #FFC510;
}
.faq-page-container .faq-contact-us .contacts-container .contact-item-container .contact-text {
  font-size: 1.3rem;
  margin-top: 2rem;
  white-space: nowrap;
}

.banner-link {
  position: absolute;
  left: 160px;
  padding: 20px 60px 20px 20px;
  transform: translate(0, -50%);
  background-color: rgba(255, 255, 255, 0.4);
  top: 60%;
}
@media (max-width: 1519px) {
  .banner-link {
    left: 2rem;
  }
}
@media (max-width: 1023px) {
  .banner-link {
    min-width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
}
@media (max-width: 639px) {
  .banner-link {
    min-width: 60%;
    top: 50% !important;
  }
}
.banner-link.bgBlack {
  background-color: rgba(0, 0, 0, 0.4);
}
.banner-link.bgBlack h2, .banner-link.bgBlack .h2 {
  color: white;
}

.banner-message {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  padding: 10px;
}
@media (min-width: 1024px) {
  .banner-message {
    top: 60% !important;
    transform: translate(-60%, -50%);
  }
}

.top-banner {
  position: relative;
  height: 0;
  overflow: hidden;
}
.top-banner.expand-banner {
  height: auto;
  overflow: unset;
}
.top-banner.expand-banner img {
  min-height: 400px !important;
}
@media (max-width: 639px) {
  .top-banner.expand-banner img {
    min-height: 130px !important;
  }
}
.top-banner.is-banner .product-list-header {
  position: absolute;
  left: 160px;
  transform: translate(0, -50%);
  background-color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 1519px) {
  .top-banner.is-banner .product-list-header {
    left: 2rem;
  }
}
@media (max-width: 1023px) {
  .top-banner.is-banner .product-list-header {
    min-width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
}
@media (max-width: 639px) {
  .top-banner.is-banner .product-list-header {
    min-width: 60%;
  }
}
.top-banner.is-banner .product-list-header.bgBlack {
  background-color: rgba(0, 0, 0, 0.4);
}
.top-banner.is-banner .product-list-header.bgBlack h2, .top-banner.is-banner .product-list-header.bgBlack .h2 {
  color: white;
}
.top-banner .yCmsComponent + .product-list-header {
  display: block;
}
.top-banner .product-list-header {
  padding: 10px;
  max-width: 70%;
}
.top-banner .product-list-header .faq-title {
  font-size: 3.44rem;
  font-family: "Klavika Light" !important;
  padding: 5px 40px;
}
@media (max-width: 1023px) {
  .top-banner .product-list-header .faq-title {
    font-size: 4em;
    padding: 0;
  }
}
.top-banner .product-list-header h2, .top-banner .product-list-header .h2 {
  margin: 0 !important;
}
.top-banner .simple-banner-component {
  margin-bottom: 25px;
}

.product-list-section {
  margin-top: 110px !important;
}
@media (min-width: 1023px) {
  .product-list-section {
    padding-left: 0 !important;
  }
}

@media (min-width: 641px) {
  .responsive-banner {
    height: 400px;
    width: 100vw;
  }
  .responsive-banner div.yComponentWrapper {
    overflow: hidden;
    height: 400px;
  }
}
@media (min-width: 1255px) and (max-width: 1425px) {
  .responsive-banner {
    height: 420px;
    width: 100vw;
  }
  .responsive-banner div.yComponentWrapper {
    overflow: hidden;
    height: 420px;
  }
}
@media (min-width: 1425px) and (max-width: 1625px) {
  .responsive-banner {
    height: 480px;
    width: 100vw;
  }
  .responsive-banner div.yComponentWrapper {
    overflow: hidden;
    height: 480px;
  }
}
@media (min-width: 1626px) {
  .responsive-banner {
    height: 550px;
    width: 100vw;
  }
  .responsive-banner div.yComponentWrapper {
    overflow: hidden;
    height: 550px;
  }
}
.responsive-banner img {
  display: none;
  width: 100%;
  height: auto;
}

.articles-4 {
  gap: 2%;
  row-gap: 20px;
}
.articles-4 .news-article {
  flex-basis: 23%;
}

.articles-3 {
  gap: 5%;
  row-gap: 20px;
}
.articles-3 .news-article {
  flex-basis: 30%;
}

.news-page-container .news-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 0 !important;
}
@media (max-width: 1023px) {
  .news-page-container .news-title-wrapper {
    padding: 30px 0 !important;
  }
}
.news-page-container .news-title-wrapper .news-page-title {
  text-align: center;
  align-self: center;
  font-family: "Klavika Medium";
  font-weight: 400;
  font-size: 40px;
  padding: 0 4em;
}
@media (max-width: 1023px) {
  .news-page-container .news-title-wrapper .news-page-title {
    font-size: 28px;
  }
}
.news-page-container .news-body-wrapper {
  padding: 0 80px;
}
@media (max-width: 1023px) {
  .news-page-container .news-body-wrapper {
    padding: 0 !important;
  }
}
.news-page-container .news-body-wrapper .news-date-container {
  font-weight: bold;
  font-size: 20px;
}
@media (max-width: 1023px) {
  .news-page-container .news-body-wrapper .news-date-container {
    padding: 0 20px;
    font-size: 16px;
  }
}
.news-page-container .news-body-wrapper .news-sections-list-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .news-page-container .news-body-wrapper .news-sections-list-container {
    padding: 0 20px;
  }
}
.news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 19px;
  font-family: Klavika Regular;
}
.news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item a {
  color: black;
  border-bottom: 2px solid #ffc510;
  font-weight: bold;
  text-decoration: none;
}
.news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item a:hover {
  background: #ffc510;
  color: black;
  border-bottom: 4px solid #ffc510;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media (max-width: 1023px) {
  .news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item {
    font-size: 15px;
  }
}
.news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item:first-child {
  margin-top: 8em;
}
.news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item .news-text-content {
  font-size: 19px;
}
@media (max-width: 1023px) {
  .news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item .news-text-content {
    font-size: 15px;
  }
}
.news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item .video-container {
  position: relative;
  overflow: hidden;
  margin: auto;
  width: 80%;
  padding-top: 46.25%;
}
@media (max-width: 1023px) {
  .news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item .video-container {
    width: 100%;
    padding-top: 66.25%;
  }
}
.news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item .multimedia-container {
  align-self: center;
  max-width: 1280px;
  max-height: 640px;
}
.news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item .multimedia-container img {
  max-width: 1280px;
  max-height: 640px;
}
@media (max-width: 1023px) {
  .news-page-container .news-body-wrapper .news-sections-list-container .news-section-list-item .multimedia-container img {
    max-width: 350px;
  }
}

.paragraphs-section-list-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 19px;
  font-family: Klavika Regular;
}
.paragraphs-section-list-item a {
  color: black;
  border-bottom: 2px solid #ffc510;
  font-weight: bold;
  text-decoration: none;
}
.paragraphs-section-list-item a:hover {
  background: #ffc510;
  color: black;
  border-bottom: 4px solid #ffc510;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media (max-width: 1023px) {
  .paragraphs-section-list-item {
    font-size: 15px;
  }
}
.paragraphs-section-list-item:first-child {
  margin-top: 4em;
}
.paragraphs-section-list-item .paragraphs-text-content {
  font-size: 1.13rem;
}
.paragraphs-section-list-item .paragraphs-text-content h2, .paragraphs-section-list-item .paragraphs-text-content .h2 {
  color: black !important;
  font-size: 23px;
}
.paragraphs-section-list-item .paragraphs-text-content table {
  border: none;
}
.paragraphs-section-list-item .paragraphs-text-content table td {
  padding: 10px 15px;
}
.paragraphs-section-list-item .paragraphs-text-content table thead tr td {
  background-color: #F4F4F4;
}
.paragraphs-section-list-item .paragraphs-text-content table tbody tr:nth-child(even) {
  background-color: #F2F2F2 !important;
}
.paragraphs-section-list-item .paragraphs-text-content .flex-section {
  display: flex;
}
@media (max-width: 1023px) {
  .paragraphs-section-list-item .paragraphs-text-content .flex-section {
    display: flex;
    flex-direction: column;
  }
}
.paragraphs-section-list-item .paragraphs-text-content .flex-section .left-section {
  flex: 1;
}
.paragraphs-section-list-item .paragraphs-text-content .flex-section .right-section {
  flex: 2;
  margin-left: 5em;
  padding: 2em 5em;
  background: #dfdfdf;
}
@media (max-width: 1023px) {
  .paragraphs-section-list-item .paragraphs-text-content .flex-section .right-section {
    flex: 1;
    padding: 5px 10px;
    margin-left: 0;
  }
}
.paragraphs-section-list-item .paragraphs-text-content .flex-section .right-section .title-section {
  font-size: 1.5rem;
  font-weight: 700;
}
.paragraphs-section-list-item .paragraphs-text-content .flex-section .right-section a {
  font-weight: 400 !important;
}
.paragraphs-section-list-item .paragraphs-text-content .download-section .download-item {
  padding: 1rem;
  margin-bottom: 5px;
  background-color: #F5F5F5;
}
.paragraphs-section-list-item .paragraphs-text-content .download-section .download-item:hover {
  background-color: #E0E0E0;
}
.paragraphs-section-list-item .paragraphs-text-content .download-section .download-item a {
  display: flex;
  flex: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  line-height: normal;
  color: #000;
}
.paragraphs-section-list-item .paragraphs-text-content .download-section .download-item a:hover {
  background: none;
  border: none;
}
.paragraphs-section-list-item .paragraphs-text-content .download-section .download-item a:hover .download {
  color: #FFC510;
}
.paragraphs-section-list-item .paragraphs-text-content .cmp-definition {
  display: flex;
  flex-direction: column;
  border-left: solid #ffc510 5px;
  margin-left: 4em;
  padding-left: 0.4em;
}
@media (max-width: 1023px) {
  .paragraphs-section-list-item .paragraphs-text-content .cmp-definition {
    margin-left: 2em;
  }
}
.paragraphs-section-list-item .video-container {
  position: relative;
  overflow: hidden;
  margin: auto;
  width: 80%;
  padding-top: 46.25%;
}
@media (max-width: 1023px) {
  .paragraphs-section-list-item .video-container {
    width: 100%;
    padding-top: 66.25%;
  }
}
.paragraphs-section-list-item .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.paragraphs-section-list-item .multimedia-container {
  align-self: center;
  max-width: 1280px;
  max-height: 640px;
}
.paragraphs-section-list-item .multimedia-container img {
  max-width: 1280px;
  max-height: 640px;
}
@media (max-width: 1023px) {
  .paragraphs-section-list-item .multimedia-container img {
    max-width: 350px;
  }
}

.link-button-wrapper {
  display: flex;
  width: 100%;
  justify-items: center;
  align-items: center;
}
.link-button-wrapper .link-button {
  align-self: center;
  background-color: #FFC510;
  padding: 0.5em 6em;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1125rem;
}
.link-button-wrapper .link-button a:hover {
  background: none;
  border: none;
  box-shadow: none;
}
.link-button-wrapper .link-button:hover {
  cursor: pointer;
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.1019607843), 0 3px 5px rgba(0, 0, 0, 0.2);
}

.accordion-section-container {
  margin-top: 1rem;
}
.accordion-section-container .section-title {
  font-size: 25px;
  margin-top: 1em;
}
.accordion-section-container .generic-accordion-panel-button {
  display: flex;
  justify-content: space-between;
  background-color: #F5F5F5;
  cursor: pointer;
  padding: 0 0.8em;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.25rem;
  transition: 0.6s;
  min-height: 2.5em;
  align-items: center;
  font-weight: 500 !important;
  margin: 5px 0;
}
@media (max-width: 1023px) {
  .accordion-section-container .generic-accordion-panel-button {
    font-size: 1rem;
  }
}
.accordion-section-container .generic-accordion-panel-button:hover {
  background-color: #FFC510;
}
.accordion-section-container .generic-accordion-panel-button .accordion-status {
  font-size: 2em;
}
.accordion-section-container .panel-details {
  padding: 0 0.8em;
  margin-top: 0.8em;
  display: none;
  background-color: white;
  overflow: hidden;
  font-size: 1.13rem;
}
.accordion-section-container .panel-details p {
  font-size: 1.13rem !important;
}
.accordion-section-container .panel-details p .cmp-definition {
  display: flex;
  flex-direction: column;
  border-left: solid #ffc510 5px;
  margin-left: 4em;
  padding-left: 0.4em;
}
@media (max-width: 1023px) {
  .accordion-section-container .panel-details p .cmp-definition {
    margin-left: 2em;
  }
}
.accordion-section-container .panel-details a {
  border-bottom: solid #ffc510 4px;
  transition: 0.3s;
}
.accordion-section-container .panel-details a:hover {
  background-color: #ffc510;
}
.accordion-section-container .panel-details a .open-in-new-page {
  font-size: 16px !important;
}

.centered-page-container {
  padding: 0 10em;
}
@media (max-width: 1023px) {
  .centered-page-container {
    padding: 0 1em;
  }
}

.ga-page-title {
  font-size: 4em;
  font-weight: lighter;
  padding-left: 2em;
}
@media (max-width: 1023px) {
  .ga-page-title {
    font-size: 3.2em;
    font-weight: lighter;
    padding-left: 15px;
  }
}

.news-container {
  background-color: #e0e0e0;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 2em;
}
.news-container .news-section-title {
  text-align: center;
  padding-bottom: 20px;
  font-family: "Klavika Medium";
  font-weight: 400;
  font-size: 24px;
}
.news-container .news-articles {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (max-width: 1280px) {
  .news-container .news-articles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .news-container .news-articles {
    display: grid !important;
    row-gap: 30px;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
  }
}
.news-container .news-articles .show-content {
  display: flex !important;
}
.news-container .news-articles .hidden-content {
  display: none !important;
}
.news-container .news-articles .news-article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 350px;
  height: 430px;
  min-height: 430px;
  max-height: 430px;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  outline: 1px solid transparent;
  overflow: hidden;
}
@media (max-width: 420px) {
  .news-container .news-articles .news-article {
    width: fit-content;
  }
}
.news-container .news-articles .news-article:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 6px solid var(--primary);
  background: var(--primary);
}
.news-container .news-articles .news-article:hover .news-article-cover {
  display: none;
}
.news-container .news-articles .news-article:hover .news-article-content {
  display: flex;
  width: 100%;
}
.news-container .news-articles .news-article .news-article-cover {
  height: inherit;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}
.news-container .news-articles .news-article .news-article-cover .img-container .news-article-cover-image {
  background-color: #fff;
  width: 100%;
  height: auto;
}
.news-container .news-articles .news-article .news-article-cover .news-article-cover-title {
  padding: 15px 30px 10px 30px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  padding-bottom: 0;
}
.news-container .news-articles .news-article .news-article-cover .news-article-cover-text {
  padding: 10px 30px 30px 30px;
  text-overflow: clip;
  overflow: hidden;
  word-break: break-word;
}
.news-container .news-articles .news-article .news-article-content {
  display: none;
  flex-direction: column;
  gap: 20px;
  padding: 15px 30px;
  padding-top: 15px;
  height: inherit;
  overflow: hidden;
}
.news-container .news-articles .news-article .news-article-content ::-webkit-scrollbar {
  width: 9px;
}
.news-container .news-articles .news-article .news-article-content ::-webkit-scrollbar-track {
  background: transparent;
}
.news-container .news-articles .news-article .news-article-content ::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}
.news-container .news-articles .news-article .news-article-content .content-title {
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  padding-bottom: 22px;
  overflow: hidden;
}
.news-container .news-articles .news-article .news-article-content .content-text {
  height: 280px;
  overflow-y: scroll;
  word-break: break-word;
}
.news-container .news-articles .news-article .news-article-content .article-action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.news-container .news-articles .news-article .news-article-content .article-action a {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.news-container .news-articles .news-article .news-article-content .article-action a p {
  margin: 0px !important;
}

.load-more-section {
  display: flex;
  justify-content: center;
  padding: 30px 0 0 0;
}

@media (min-width: 1024px) {
  .page-productDetails .product-details-header {
    margin: 0 0 10px 0;
  }
}
@media (min-width: 1024px) {
  .product-list-wrapper {
    padding: 0;
  }
}
.results h1, .results .h1 {
  color: #000000;
  font-size: 20px;
  line-height: 1em;
  font-weight: 300;
  margin: 0 0 10px;
  margin-top: 20px;
  padding-left: calc(20px / 2);
  padding-bottom: 0;
}
@media (min-width: 1023px) {
  .results h1, .results .h1 {
    font-size: 30px;
  }
}
.results h1:last-child, .results .h1:last-child {
  margin-bottom: 0;
}

.product-listing {
  padding-left: 0;
  list-style: none;
}
.product-listing .promo {
  color: #3e5983;
  margin-bottom: calc(20px / 2);
}
.product-listing .promo:hover {
  color: #2e4160;
}
.product-listing a.name {
  display: block;
  margin: 0 0 calc(20px / 4) 0;
  font-size: 17px;
  font-weight: bold;
  line-height: 17px;
}
@media (min-width: 1024px) {
  .product-listing a.name {
    font-size: 20px;
  }
}
.product-listing .addtocart {
  clear: both;
  padding: calc(20px / 2) 0 0 0;
}
.product-listing .addtocart button {
  margin-bottom: calc(20px / 4);
  display: inline-block;
  width: auto;
  text-align: middle;
  min-width: 188px;
}
@media (min-width: 1024px) {
  .product-listing .addtocart .actions-container-for-ProductGridComponent > div {
    display: inline-block;
    width: 100%;
  }
  .product-listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
.product-listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
.product-listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
.product-listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction {
    width: 49%;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .product-listing .addtocart .actions-container-for-ProductGridComponent > div {
    float: left;
  }
  .product-listing .addtocart .pickup-in-store-available {
    margin: 0 calc(20px / -5);
  }
  .product-listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
.product-listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
.product-listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
.product-listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction {
    padding: 0 calc(20px / 6);
  }
}
.product-listing.product-list .list-image {
  height: 100%;
}
.product-listing.product-list .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-listing.product-list .thumb img {
  max-width: 160px !important;
  max-height: 160px !important;
}
.product-listing.product-list .addtocart button + button {
  margin-left: calc(20px / 2);
}
.product-listing.product-list .ProductListComponent-ListPickUpInStoreAction,
.product-listing.product-list .ProductListComponent-ListAddToCartAction,
.product-listing.product-list .SearchResultsList-ListPickUpInStoreAction,
.product-listing.product-list .SearchResultsList-ListAddToCartAction {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  position: relative;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
}
@media (min-width: 640px) {
  .product-listing.product-list .ProductListComponent-ListPickUpInStoreAction,
.product-listing.product-list .ProductListComponent-ListAddToCartAction,
.product-listing.product-list .SearchResultsList-ListPickUpInStoreAction,
.product-listing.product-list .SearchResultsList-ListAddToCartAction {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 640px) {
  .product-listing.product-list .ProductListComponent-ListPickUpInStoreAction,
.product-listing.product-list .ProductListComponent-ListAddToCartAction,
.product-listing.product-list .SearchResultsList-ListPickUpInStoreAction,
.product-listing.product-list .SearchResultsList-ListAddToCartAction {
    left: 33.3333333333%;
  }
}
@media (max-width: 639px) {
  .product-listing.product-list .price-panel {
    text-align: left;
    float: none;
    margin-left: 106px;
    width: auto;
  }
}
.product-listing.product-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-listing.product-grid .product-item {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  position: relative;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  position: relative;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  position: relative;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 640px) {
  .product-listing.product-grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .product-listing.product-grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .product-listing.product-grid .product-item {
    float: left;
    width: 25%;
  }
}
.product-listing.product-grid .product-item:first-child {
  margin-left: -1px;
}
.product-listing.product-grid .thumb {
  display: block;
  margin-bottom: calc(20px / 2);
  text-align: center;
  height: 180px;
  overflow: hidden;
}
.product-listing.product-grid .thumb img {
  width: 100%;
  height: auto;
  max-width: 140px;
}
.product-listing.product-grid .details {
  text-align: center;
  margin: 0 auto;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.product-listing.product-grid .details .name {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: calc(20px / 2);
  height: 70px;
  overflow: hidden;
  color: #000000;
}
.product-listing.product-grid .details .price {
  font-size: 18px;
}
.product-listing.product-grid .details .promo {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 640px) {
  .product-listing.product-grid .product-item:nth-child(4n+1) {
    clear: both;
  }
}
@media (max-width: 639px) {
  .product-listing.product-grid .product-item:nth-child(2n+1) {
    clear: both;
  }
}

.search-empty {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.search-empty .headline {
  margin-bottom: 20px;
}
.search-empty .search-suggestions {
  margin-bottom: 20px;
}

.product-category-page .product-categories .refine-bar {
  padding-bottom: calc(20px / 2);
  padding-top: calc(20px / 2);
}
.product-category-page .product-categories .pcp-prod,
.product-category-page .product-categories .pcp-banner {
  padding-left: 0;
  padding-right: 0;
}
.product-category-page .product-categories .pcp-banner .simple-responsive-banner-component {
  margin-right: -20px;
}
.product-category-page .product-categories .pcp-banner {
  padding-top: calc(20px / 2);
}

.checked-desc {
  display: flex;
  flex-direction: row;
}
.checked-desc .desc-container {
  line-height: 26px !important;
}
.checked-desc .desc-container p {
  line-height: 26px !important;
  margin-bottom: 0;
}
.checked-desc .desc-container::first-letter {
  text-transform: capitalize;
}
.checked-desc .check-icon {
  min-width: 30px;
  width: 30px;
}
.checked-desc .check-icon svg {
  height: 20px;
  width: 20px;
}

.product-name {
  color: black;
  font-family: "Klavika Light";
}

.product-item.item {
  border-top: 0 solid transparent !important;
  border-bottom: 1px solid #b1b3b4;
}
.product-item.item:hover {
  border-bottom: 1px solid #ffc510;
  -webkit-transition: #ffc510 0.25s ease-out;
  -o-transition: #ffc510 0.25s ease-out;
  -moz-transition: #ffc510 0.25s ease-out;
  transition: #ffc510 0.25s ease-out;
  cursor: pointer;
}
.product-item.item:hover .title-hover {
  color: #ffc510;
}
.product-item.item:hover .product-item {
  border-bottom: 1px solid #ffc510 !important;
}

.load-container {
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.load-container button {
  color: #000;
  background-color: #ffc510;
  border: 1px;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0.4px 0.4px #87888a;
}

.hidden {
  display: none;
}

.grid-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  gap: 20px;
}
@media (min-width: 640px) {
  .grid-container {
    gap: 0;
    align-items: stretch;
  }
  .grid-container li {
    padding: 10px;
    width: 25%;
  }
}
@media (min-width: 640px) and (min-width: 1424px) {
  .grid-container li {
    width: 20%;
  }
}
@media (min-width: 640px) {
  .grid-container li .element-container {
    padding: 15px;
    max-width: 100%;
    height: 100%;
  }
  .grid-container li .element-container a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100%;
    width: 100%;
  }
  .grid-container li .element-container a .img-container {
    flex-grow: 1;
  }
}
@media (min-width: 640px) and (max-width: 1540px) {
  .grid-container li .element-container a .img-container img {
    max-width: 120px;
  }
}
@media (min-width: 640px) and (min-width: 1541px) {
  .grid-container li .element-container a .img-container img {
    max-width: 220px;
    max-height: 220px;
  }
}
@media (min-width: 640px) and (min-width: 1706px) {
  .grid-container li .element-container a .img-container img {
    max-width: 220px;
    max-height: 180px;
  }
}

@media (min-width: 1800px) {
  .search-grid {
    padding-left: 110px !important;
  }
}

.element-container {
  padding: 15px;
  min-height: 284px;
  height: auto;
  display: flex;
  background: white;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  border: 2px solid #DDDDDD;
}
.element-container .img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
@media (min-width: 640px) {
  .element-container .img-container {
    background-color: white;
  }
}
.element-container img {
  background: white;
  max-height: 300px;
}
@media (min-width: 640px) {
  .element-container img {
    align-self: center;
    max-height: 200px;
  }
}
.element-container .name-container {
  display: flex;
  justify-content: flex-start;
  font-family: "Klavika Light";
  font-weight: bold;
  color: black;
  margin: 10px;
  line-height: 1.5rem;
  height: 3rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 2) {
  .element-container .name-container {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.element-container .divider-line {
  margin: 10px 0 0 0;
  border: 0;
  border-top: 2px solid #ddd;
}
.element-container:hover {
  background: #ffc510;
  border-color: #ffc510;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.element-container:hover .divider-line {
  border-top: 2px solid #ffc510;
}

@media (min-width: 1200px) and (max-width: 1919px) {
  .grid-custom {
    left: 11px;
    position: relative;
    width: 1100px;
  }
}

@media (max-width: 639px) {
  .product-listing.product-list {
    padding: 0 10px;
    min-height: 80vh;
  }

  .product-listing.grid-container > li {
    width: 100%;
  }
  .product-listing.grid-container > li .element-container {
    width: 100%;
    height: 100%;
  }
  .product-listing.grid-container > li .element-container > a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
  }
  .product-listing.grid-container > li .element-container > a .img-container {
    height: 100%;
    background-color: white;
  }
  .product-listing.grid-container > li .element-container > a .img-container img {
    max-width: 320px !important;
  }

  .product-listing .product-item {
    padding-bottom: 20px !important;
    border-bottom-width: 2px !important;
  }
  .product-listing .product-item:hover {
    border-bottom-width: 2px !important;
  }
  .product-listing .product-item .row.row-hover .list-image {
    width: 100%;
    margin-bottom: 20px;
  }
  .product-listing .product-item .row.row-hover .list-image a img {
    display: block;
    margin: 0 auto;
    max-height: 265px;
  }
  .product-listing .product-item .row.row-hover .list-description {
    width: 100%;
  }
}
.item-label-container {
  position: relative;
}

.item-product-label-red {
  position: absolute;
  right: 7px;
  top: 30px;
  padding: 4px 16px;
  color: white;
  font-size: 16px;
  font-family: "Klavika Regular";
  text-transform: uppercase;
  background: #FF3939;
  background-color: #FF3939;
}

.item-product-label-green {
  position: absolute;
  right: 7px;
  top: 30px;
  padding: 4px 16px;
  color: white;
  font-size: 16px;
  font-family: "Klavika Regular";
  text-transform: uppercase;
  background: #77BCB2;
  background-color: #77BCB2;
}

.item-product-label-yellow {
  position: absolute;
  right: 7px;
  top: 30px;
  padding: 4px 16px;
  color: white;
  font-size: 16px;
  font-family: "Klavika Regular";
  text-transform: uppercase;
  background: #FFC510;
  background-color: #FFC510;
}

.product-facet {
  z-index: 5;
  position: absolute;
  background-color: #fff;
  margin-top: -6px;
}
@media (max-width: 639px) {
  .product-facet {
    position: inherit;
  }
}
.product-facet.filter-opened {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.product-facet.filter-opened .js-plp-filter-toggle {
  margin-bottom: 15px !important;
  padding: 15px 30px;
  background-color: #f5f5f5;
}
.product-facet.filter-opened .js-plp-filter-toggle:hover {
  border-bottom: 2px solid transparent;
}
.product-facet.filter-opened .js-plp-filter-toggle span.open-filter {
  display: none;
}
.product-facet.filter-opened .js-plp-filter-toggle span.close-filter {
  display: inline;
}
.product-facet .product-facet-header h2, .product-facet .product-facet-header .h2 {
  text-transform: uppercase;
  color: #87888a;
  font-size: 14px;
  line-height: 1em;
  font-weight: 200;
  margin: 0 0 10px;
}
@media (min-width: 1024px) {
  .product-facet .product-facet-header h2, .product-facet .product-facet-header .h2 {
    font-size: 20px;
  }
}
.product-facet .js-plp-filter-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
.product-facet .js-plp-filter-toggle:hover {
  border-bottom: 2px solid #ffc510;
}
.product-facet .js-plp-filter-toggle span {
  font-size: 16px;
  font-weight: 700;
}
.product-facet .js-plp-filter-toggle span.open-filter {
  display: inline;
}
.product-facet .js-plp-filter-toggle span.close-filter {
  display: none;
}

.js-plp-filter-toggle {
  display: flex;
  gap: 10px;
}
.js-plp-filter-toggle:hover {
  border-bottom: 5px solid #ffc510 !important;
}

.plp-filter-footer {
  padding: 10px 10px;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.plp-filter-section-desktop {
  display: none;
  left: 0;
  min-width: 250px;
  width: max-content;
  max-height: 80vh;
  background-color: white;
  z-index: 1;
}
.plp-filter-section-desktop .filter-list {
  max-height: calc(100vh - 420px);
  overflow-y: auto;
}
@media (min-width: 800px) and (max-width: 1400px) {
  .plp-filter-section-desktop .filter-list {
    max-height: calc(70vh - 420px);
  }
}
.plp-filter-section-desktop .filter-list .facet {
  width: 100%;
}
.plp-filter-section-desktop .filter-category-name {
  display: none;
}
.plp-filter-section-mobile {
  position: fixed;
  left: 100%;
  width: 100vw;
  max-height: 100%;
  background-color: white;
  overflow-y: auto;
  overflow-x: hidden;
  transition: 0.25s ease-in-out;
  z-index: 5;
}
.plp-filter-section-mobile.opened {
  left: 0;
}
.plp-filter-section-mobile .close-filter-list {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 15px;
  font-size: 24px;
  border-bottom: 1px solid #9e9e9e;
  background-color: white;
  z-index: 3;
}
.plp-filter-section-mobile .close-filter-list .close-filter-list-title {
  display: flex;
  align-items: center;
}
.plp-filter-section-mobile .close-filter-list .js-close-filter-list {
  cursor: pointer;
}
.plp-filter-section-mobile .filter-list .facet li,
.plp-filter-section-mobile .filter-list .facet .facet-name {
  padding: 0 40px;
}
@media (max-width: 1023px) {
  .plp-filter-section-mobile .filter-list .facet li,
.plp-filter-section-mobile .filter-list .facet .facet-name {
    padding: 0;
  }
}
.plp-filter-section-mobile .filter-list .facet li.filter-category-name {
  padding: 10px 20px;
  font-size: 1.1em;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
}
.plp-filter-section-mobile .filter-list .facet li.filter-category-name ~ li {
  font-size: 1.1em;
  padding: 10px 40px;
  border-bottom: 1px solid #ddd;
}
.plp-filter-section-mobile .filter-list .facet li.filter-category-name ~ li a {
  border-bottom: none;
}
.plp-filter-section-mobile .filter-list .facet li.filter-category-name ~ li a:hover {
  border-bottom: none;
}
.plp-filter-section-mobile .filter-list .facet .facet-more-less .more,
.plp-filter-section-mobile .filter-list .facet .facet-more-less .less {
  text-align: center;
}
.plp-filter-section-mobile .mobile-clear-all-filter {
  padding: 20px 0px;
  text-align: center;
}
.plp-filter-section-mobile .mobile-clear-all-filter .filter-applied-element {
  font-weight: 700;
  color: black;
  border-bottom: 2px solid #ffc510;
  transition: 0.25s ease-in-out;
  cursor: pointer;
}
.plp-filter-section-mobile .mobile-clear-all-filter .filter-applied-element:hover {
  background-color: #ffc510;
}

.plp-filter-section-desktop .facet,
.plp-filter-section-mobile .facet {
  margin: 0 0 calc(20px / 2) 0;
}
.plp-filter-section-desktop .facet::after,
.plp-filter-section-mobile .facet::after {
  display: block;
  clear: both;
  content: "";
}
.plp-filter-section-desktop .facet:last-child,
.plp-filter-section-mobile .facet:last-child {
  margin: 0;
}
.plp-filter-section-desktop .facet .facet-name,
.plp-filter-section-mobile .facet .facet-name {
  font-weight: 600;
  color: #000000;
  text-wrap: wrap;
  width: 220px;
}
.plp-filter-section-desktop .facet .facet-list,
.plp-filter-section-mobile .facet .facet-list {
  padding-left: 0;
  list-style: none;
  margin: calc(20px / 4) 0 calc(20px / 4);
}
.plp-filter-section-desktop .facet .facet-list li,
.plp-filter-section-mobile .facet .facet-list li {
  margin: 0 0 calc(20px / 4) 0;
}
.plp-filter-section-desktop .facet .facet-list label,
.plp-filter-section-mobile .facet .facet-list label {
  cursor: pointer;
  font-weight: normal;
  display: block;
  margin: 0;
}
.plp-filter-section-desktop .facet .facet-list .facet-mark,
.plp-filter-section-mobile .facet .facet-list .facet-mark {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 2px;
  margin-right: calc(20px / 4);
  border: 1px solid #000000;
  text-align: center;
  vertical-align: middle;
  background: #eceded;
  margin-top: -3px;
}
.plp-filter-section-desktop .facet .facet-list .facet-checkbox:checked + .facet-label .facet-mark,
.plp-filter-section-mobile .facet .facet-list .facet-checkbox:checked + .facet-label .facet-mark {
  background: #000000;
  border: 1px solid #000000;
}
.plp-filter-section-desktop .facet .facet-list .facet-checkbox:checked + .facet-label .facet-text,
.plp-filter-section-mobile .facet .facet-list .facet-checkbox:checked + .facet-label .facet-text {
  color: #000000;
}
.plp-filter-section-desktop .facet .facet-list .facet-checkbox:focus + .facet-label .facet-mark,
.plp-filter-section-mobile .facet .facet-list .facet-checkbox:focus + .facet-label .facet-mark {
  border: 1px solid #000000;
}
.plp-filter-section-desktop .facet .facet-list .facet-text,
.plp-filter-section-mobile .facet .facet-list .facet-text {
  line-height: 20px;
}
.plp-filter-section-desktop .facet .facet-list .facet-text a,
.plp-filter-section-mobile .facet .facet-list .facet-text a {
  color: inherit;
}
.plp-filter-section-desktop .facet .facet-list .facet-text a:hover,
.plp-filter-section-mobile .facet .facet-list .facet-text a:hover {
  text-decoration: underline;
}
.plp-filter-section-desktop .facet .facet-list.facet-list-hidden,
.plp-filter-section-mobile .facet .facet-list.facet-list-hidden {
  display: none;
}
.plp-filter-section-desktop .facet .facet-list li,
.plp-filter-section-mobile .facet .facet-list li {
  margin: 0;
}
.plp-filter-section-desktop .facet .facet-list li .cmp-input,
.plp-filter-section-mobile .facet .facet-list li .cmp-input {
  margin: 0;
  padding: 0;
}
.plp-filter-section-desktop .facet .facet-list li .cmp-input .js-facet-checkbox:checked + label > .facet-text,
.plp-filter-section-mobile .facet .facet-list li .cmp-input .js-facet-checkbox:checked + label > .facet-text {
  font-weight: 700;
}
.plp-filter-section-desktop .facet .facet-list li .cmp-input label.cmp-form-options__field-label,
.plp-filter-section-mobile .facet .facet-list li .cmp-input label.cmp-form-options__field-label {
  margin: 0;
}
.plp-filter-section-desktop .facet .facet-list .facet-text-only,
.plp-filter-section-mobile .facet .facet-list .facet-text-only {
  display: inline-block;
  width: 240px;
  text-wrap: wrap;
}
@media (max-width: 1023px) {
  .plp-filter-section-desktop .facet .facet-list .facet-text-only,
.plp-filter-section-mobile .facet .facet-list .facet-text-only {
    width: 100%;
  }
}
@media (min-width: 640px) {
  .plp-filter-section-desktop .facet .facet-list .facet-text-only,
.plp-filter-section-mobile .facet .facet-list .facet-text-only {
    padding-bottom: 5px;
  }
}
.plp-filter-section-desktop .facet .facet-list .facet-text-only a,
.plp-filter-section-mobile .facet .facet-list .facet-text-only a {
  display: inline-block;
  width: 100%;
  border-bottom: 2px solid black;
  transition: 0.25s ease-in-out;
}
@media (max-width: 1023px) {
  .plp-filter-section-desktop .facet .facet-list .facet-text-only a,
.plp-filter-section-mobile .facet .facet-list .facet-text-only a {
    padding: 0 !important;
  }
}
.plp-filter-section-desktop .facet .facet-list .facet-text-only a:hover,
.plp-filter-section-mobile .facet .facet-list .facet-text-only a:hover {
  text-decoration: none;
  border-bottom: 2px solid #ffc510;
}
.plp-filter-section-desktop .facet .facet-list .facet-text-only a .facet-value-count,
.plp-filter-section-mobile .facet .facet-list .facet-text-only a .facet-value-count {
  font-weight: 700;
}
.plp-filter-section-desktop .facet .more,
.plp-filter-section-mobile .facet .more {
  display: block;
}
.plp-filter-section-desktop .facet .less,
.plp-filter-section-mobile .facet .less {
  display: none;
}
.plp-filter-section-desktop .facet .more a,
.plp-filter-section-desktop .facet .less a,
.plp-filter-section-mobile .facet .more a,
.plp-filter-section-mobile .facet .less a {
  border-bottom: 2px solid #ffc510;
  transition: 0.25s ease-in-out;
}
.plp-filter-section-desktop .facet .more a:hover,
.plp-filter-section-desktop .facet .less a:hover,
.plp-filter-section-mobile .facet .more a:hover,
.plp-filter-section-mobile .facet .less a:hover {
  background-color: #ffc510;
}
.plp-filter-section-desktop .facet .facet-form,
.plp-filter-section-mobile .facet .facet-form {
  padding-top: 10px;
}
.plp-filter-section-desktop .facet .facet-form-hidden,
.plp-filter-section-mobile .facet .facet-form-hidden {
  display: none;
}
.plp-filter-section-desktop .facet .facet-form .input-group,
.plp-filter-section-mobile .facet .facet-form .input-group {
  background-color: #ffffff;
  min-height: 32px;
  border: 1px solid #000000;
}
.plp-filter-section-desktop .facet .facet-form .input-group .form-control,
.plp-filter-section-mobile .facet .facet-form .input-group .form-control {
  border: 0 none;
  height: 32px;
  box-shadow: none;
}
.plp-filter-section-desktop .facet .facet-form .input-group .btn,
.plp-filter-section-mobile .facet .facet-form .input-group .btn {
  width: 40px;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.plp-filter-section-desktop .facet .facet-form .input-group .btn .glyphicon-search,
.plp-filter-section-mobile .facet .facet-form .input-group .btn .glyphicon-search {
  color: #707173;
  font-size: 17px;
  top: 0;
}
.plp-filter-section-desktop .facet .facet-form .line-text,
.plp-filter-section-mobile .facet .facet-form .line-text {
  margin: 20px 0;
}
.plp-filter-section-desktop .facet .facet-container-hidden,
.plp-filter-section-mobile .facet .facet-container-hidden {
  display: none;
}

.filter-applied {
  width: 100%;
  margin-top: 15px;
  padding-left: 10%;
}
@media (max-width: 639px) {
  .filter-applied {
    margin-top: 0;
  }
}
.filter-applied .facet-name {
  display: none !important;
}
.filter-applied .facet-values ul.facet-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.filter-applied .facet-values ul.facet-list li {
  display: flex;
  align-items: center;
  margin: 10px 10px 0 0;
  background-color: #ffc510;
}
.filter-applied .facet-values ul.facet-list li a.filter-applied-element {
  display: flex;
  padding: 5px 10px;
}
.filter-applied .facet-values ul.facet-list li a.filter-applied-element span {
  font-size: 16px;
  font-weight: 700;
  color: blacK;
  line-height: inherit;
}
.filter-applied .facet-values ul.facet-list li a.filter-applied-element span.material-icons {
  margin-left: 5px;
}
.filter-applied .facet-values ul.facet-list li.clear-all-filter {
  align-items: flex-end;
  background-color: white;
}
.filter-applied .facet-values ul.facet-list li.clear-all-filter a {
  font-size: 16px;
  font-weight: 700;
  color: black;
  border-bottom: 3px solid #ffc510;
  transition: 0.25s ease-in-out;
  cursor: pointer;
}
.filter-applied .facet-values ul.facet-list li.clear-all-filter a:hover {
  background-color: #ffc510;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .product-facet .product-facet-header {
    padding-left: 10px;
  }
  .product-facet .product-facet-header h2, .product-facet .product-facet-header .h2 {
    margin-top: calc(20px / 2);
  }
  .product-facet .facet {
    padding-left: 10px;
  }
}
@media (max-width: 639px) {
  .product-facet {
    padding: 10px 10px 10px 0;
    margin: 0;
    border: 0 none;
  }
  #colorbox .product-facet {
    display: block !important;
  }
  .product-facet .facet {
    float: none;
    border: 0;
    margin: 0;
    padding: 0 0 calc(20px / 2) 0;
  }
  .product-facet .facet .facet-name {
    background: #ffffff;
    cursor: pointer;
    padding: calc(20px / 2);
    padding-left: 65px;
    text-transform: uppercase;
    position: relative;
  }
  .product-facet .facet .facet-name .facet-arrow {
    font-size: 12px;
    position: absolute;
    top: 17px;
    left: 30px;
  }
  .product-facet .facet .facet-name .facet-arrow:before {
    content: "\e080";
  }
  .product-facet .facet .facet-values {
    display: none;
  }
  .product-facet .facet.active .facet-arrow:before {
    content: "\e114";
  }
  .product-facet .facet.active .facet-values {
    display: block;
  }
}
.clear-all-filter {
  display: none;
}
@media (min-width: 640px) {
  .clear-all-filter {
    display: flex;
    justify-content: flex-end;
    text-align: right;
  }
  .clear-all-filter .filter-applied-element {
    font-weight: 700;
    color: black;
    border-bottom: 2px solid #ffc510;
    transition: 0.25s ease-in-out;
    cursor: pointer;
  }
  .clear-all-filter .filter-applied-element:hover {
    background-color: #ffc510;
  }
}

.filters ::-webkit-scrollbar {
  width: 6px;
}
.filters ::-webkit-scrollbar-track {
  background: transparent;
}
.filters ::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}

@media (min-width: 641px) {
  .facet-text-only a {
    padding: 10px;
    border-bottom: 1px solid black !important;
  }
}

.filter-list .cmp-form-options--checkbox, .filter-list .facet-name {
  padding-left: 30px !important;
}

.facet-more-less {
  padding: 0 30px !important;
}

.fixed-filters-section-pdp {
  margin-right: 28%;
}
.fixed-filters-section-pdp .product-facet {
  display: block;
  position: fixed;
  margin-top: 6px;
}
@media (max-width: 639px) {
  .fixed-filters-section-pdp {
    margin-right: unset;
  }
  .fixed-filters-section-pdp .product-facet {
    padding: unset;
    position: unset;
  }
}

.sort-refine-bar .form-group select {
  width: auto;
}

.show-facets {
  margin-top: 10px;
}

.pagination-bar .pagination-toolbar {
  padding-bottom: 30px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  border-bottom: 4px solid #000000;
}
.pagination-bar .form-group {
  margin: 0;
}
.pagination-bar .pagination-bar-results {
  margin-top: calc(20px / 2);
  padding-left: calc(20px / 2);
}
.pagination-bar.bottom .pagination-toolbar {
  padding-top: 20px;
  border-top: 1px solid #000000;
  border-bottom-width: 1px;
}

.product-list-length-wrap {
  margin-top: 10px;
}
.product-list-length-wrap .product-list-length-label {
  margin: 0;
  padding-left: calc(20px / 2);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: inline-block;
}
.product-list-length-wrap .product-list-length {
  margin: 0;
  padding-left: 0;
  vertical-align: top;
  display: inline-block;
}
.product-list-length-wrap .product-list-length > li {
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  vertical-align: top;
  display: inline-block;
  position: relative;
}
.product-list-length-wrap .product-list-length > li:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  height: 17px;
  border-left: 1px solid;
}
.product-list-length-wrap .product-list-length > li:first-child:before {
  display: none;
}
.product-list-length-wrap .product-list-length > li a {
  color: inherit;
}
.product-list-length-wrap .product-list-length > li a.active,
.product-list-length-wrap .product-list-length > li span.active {
  color: #b1b3b4;
  text-decoration: underline;
}

.pagination-wrap {
  margin-top: 10px;
}
.pagination-wrap .pagination-label {
  margin: 0;
  padding-left: calc(20px / 2);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: inline-block;
}
.pagination-wrap .pagination {
  padding-left: 0;
  vertical-align: top;
  display: inline-block;
}
.pagination-wrap .pagination > li {
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  vertical-align: top;
  display: inline-block;
  position: relative;
}
.pagination-wrap .pagination > li:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  height: 17px;
  border-left: 1px solid;
}
.pagination-wrap .pagination > li:first-child:before {
  display: none;
}
.pagination-wrap .pagination > li a {
  color: inherit;
  min-width: 15px;
  width: auto;
}
.pagination-wrap .pagination > li a.active,
.pagination-wrap .pagination > li span.active {
  color: #b1b3b4;
  text-decoration: underline;
}
.pagination-wrap .pagination > li.last, .pagination-wrap .pagination > li.first {
  display: none;
}
.pagination-wrap .pagination > li.prev:before {
  border-left: 0;
}
.pagination-wrap .pagination > li strong {
  min-width: 15px;
  text-align: center;
  display: block;
}

@media (min-width: 1024px) {
  .totalResults {
    float: left;
  }
}
@media (min-width: 640px) {
  .pagination-wrap {
    padding-right: 10px;
    text-align: right;
  }
  .pagination-wrap .pagination-label {
    padding-left: 0;
  }
  .pagination-wrap .pagination {
    padding-right: calc(20px / 2);
  }
}
@media (max-width: 1023px) {
  .pagination-bar button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 639px) {
  .sort-refine-bar .form-group select {
    width: 100%;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .sort-refine-bar .form-group select {
    height: 20px;
  }
}
.product-list-header h2, .product-list-header .h2 {
  text-transform: none;
  font-family: "Klavika Regular" !important;
  margin-bottom: 50px !important;
}
@media (max-width: 639px) {
  .product-list-header h2, .product-list-header .h2 {
    margin-bottom: 20px !important;
  }
}

.dropdown-backdrop {
  display: none !important;
}

.top-pagination {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  /*     padding-left: 9px;
      padding-right: 9px; */
}
@media (max-width: 348px) {
  .top-pagination {
    display: inherit;
  }
}
.top-pagination .grid-list-change {
  display: flex;
  gap: 40px;
  font-size: 16px;
  height: 22px;
  align-items: center;
}
@media (max-width: 639px) {
  .top-pagination .grid-list-change {
    gap: 0;
    align-items: flex-start;
  }
}
@media (max-width: 398px) {
  .top-pagination .grid-list-change {
    justify-content: space-between;
  }
}
.top-pagination .grid-list-change .switch-container {
  display: flex;
  gap: 5px;
}
.top-pagination .grid-list-change .switch-container .material-icons:hover {
  cursor: pointer;
}
.top-pagination .grid-list-change .totalResults {
  font-family: "Klavika Light";
  font-weight: bold;
}
@media (max-width: 639px) {
  .top-pagination .grid-list-change .totalResults {
    font-weight: 500;
    font-size: 14px;
    margin-right: 10px;
  }
}
.top-pagination .grid-list-change .material-icons {
  font-size: 20px;
}

.selected {
  color: white;
  background: black;
}

.page-cartPage .row-flex,
.page-orderConfirmationPage .row-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -6px;
  margin-left: -6px;
}
.page-cartPage .row-flex div[class^=col-],
.page-orderConfirmationPage .row-flex div[class^=col-] {
  width: 100%;
  padding-right: 6px;
  padding-left: 6px;
}
@media (max-width: 639px) {
  .page-cartPage .row-flex .col-sm-6 + .col-sm-6,
.page-orderConfirmationPage .row-flex .col-sm-6 + .col-sm-6 {
    margin-top: 10px;
  }
}
@media (min-width: 640px) {
  .page-cartPage .row-flex .col-sm-6,
.page-orderConfirmationPage .row-flex .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    float: none;
  }
}

@media (min-width: 1024px) {
  .page-cartPage .cart-header {
    margin: 0 0 10px 0;
  }
}
.material-entry .material-entry-materialnumber {
  word-wrap: break-word;
  max-width: 100px;
  font-weight: bold;
}
@media (min-width: 640px) {
  .material-entry .material-entry-materialnumber {
    display: block;
    font-weight: normal;
  }
  .material-entry .material-entry-materialnumber:before {
    display: none;
  }
}
.material-entry .material-entry-name {
  max-width: 350px;
  font-weight: bold;
  white-space: nowrap;
}
@media (min-width: 640px) {
  .material-entry .material-entry-name {
    display: block;
    padding-left: calc(20px / 2 * 1.3);
    font-weight: normal;
  }
  .material-entry .material-entry-name:before {
    display: none;
  }
}

.material-entry-component {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid #f5f5f5;
  padding-top: 20px;
  padding-right: 1.6rem !important;
}
@media (max-width: 1023px) {
  .material-entry-component {
    padding-right: 0 !important;
  }
}

@media (min-width: 640px) {
  .material-entry-component .cart-product-componentname {
    min-width: 350px;
  }
}
.components-details-mobile {
  display: none !important;
}
@media (max-width: 639px) {
  .components-details-mobile {
    display: flex !important;
  }
  .components-details-mobile .material-entry-component:not(:last-child) {
    border-bottom: 1px solid #cfcfcf;
  }
  .components-details-mobile .material-entry-component .entry-component-cont {
    padding: 20px;
    flex-direction: column;
  }
  .components-details-mobile .material-entry-component .entry-component-cont > div {
    display: flex;
    width: 100%;
  }
  .components-details-mobile .material-entry-component .entry-component-cont > div:not(:last-child) {
    margin-bottom: 15px;
  }
  .components-details-mobile .material-entry-component .entry-component-cont .content {
    margin-left: 15px;
  }
  .components-details-mobile .material-entry-component .entry-component-cont .title {
    min-width: 125px;
  }
}

.components-details-desktop {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
}
.components-details-desktop > div {
  padding: 20px 50px;
}
.components-details-desktop > div .title {
  font-weight: 700;
}
@media (max-width: 639px) {
  .components-details-desktop {
    display: none !important;
  }
}

.cart-restoration-bar {
  background: #f2f4f7;
  margin-bottom: 20px;
  padding: calc(20px / 2);
}

.help-popup-content strong {
  display: block;
  margin-bottom: 15px;
}

.cart-items {
  margin-bottom: 10px;
}

.cart-top-totals {
  text-align: right;
  line-height: 4em;
  font-size: 1.09375rem;
  font-weight: bold;
}

.table-sm-stripes th.erp-product-table-materialnumber,
.table-sm-stripes th.cart-product-materialnumber {
  max-width: 100px;
}

.qty-wrapper {
  display: flex;
  align-items: center;
}
.qty-wrapper .details {
  height: 30px !important;
}

select.delivery-option {
  background-color: #f5f5f5;
  border-color: transparent;
  border-bottom: 2px solid #000;
  height: 30px !important;
  width: 50px;
  font-size: 18px !important;
  font-weight: 500;
}

.data-l-cart-table .select2-container--default .select2-selection--single .material-icons {
  right: -2px !important;
}

td.cart-product-color .configurable-color {
  width: 165px;
}
td.cart-product-color .configurable-color .gap {
  gap: 5px;
}
td.cart-product-color .configurable-color .color-type {
  display: inline-block;
  width: 60px;
  margin-right: 5px;
  padding-left: 0;
  vertical-align: middle;
}
td.cart-product-color .configurable-color .color-code-select {
  display: inline-block;
  width: 60px;
  margin-right: 5px;
  padding-left: 0;
  vertical-align: middle;
}
td.cart-product-color .configurable-color .color-code {
  display: inline-block;
  width: 80px;
  vertical-align: middle;
  text-transform: uppercase;
}
td.cart-product-color .configurable-color .color-description {
  vertical-align: middle;
  top: 0;
}

.cart-totals .cart-price {
  font-weight: bold;
}
.cart-totals .discount {
  color: #000000;
}
.cart-totals .cart-total {
  font-size: 1.09375rem;
  font-weight: bold;
}

.cart-product-total--desktop {
  display: block;
}
@media (max-width: 639px) {
  .cart-product-total--desktop {
    display: none;
  }
}
.cart-product-total--mobile {
  display: none;
}
@media (max-width: 639px) {
  .cart-product-total--mobile {
    display: block;
  }
}

.cart-totals-table .cart-total {
  font-size: inherit;
  display: inline-block;
}
.cart-totals-table .cart-weight {
  width: 100px;
  display: inline-block;
  text-align: left;
}

.cart-product-delivery-option {
  flex: 0 1 100px;
}

.product-total-price {
  text-align: right;
}
@media (max-width: 640px) {
  .product-total-price {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .cmp-table__group > .entry-condition, .cmp-table__group > .entry-total {
    display: none !important;
  }
}
@media (min-width: 640px) {
  .cart-totals-table .cart-total {
    font-weight: bold;
    white-space: nowrap;
    width: 100% !important;
  }
  .cart-totals-table td.cart-total-label {
    text-align: right;
  }
  .cart-totals-table td.cart-total-label-left {
    text-align: left;
  }
  .cart-totals-table span.cart-total-label {
    text-align: left;
    display: inline-block;
    width: 150px;
    max-width: 100%;
  }
  .cart-totals-table span.cart-total-label-right {
    text-align: right;
    display: inline-block;
    width: 150px;
    max-width: 100%;
  }
  .cart-totals-table .cart-weight-label {
    text-align: right;
  }
}
@media (max-width: 639px) {
  .cart-actions {
    margin: 0;
  }
}
.express-checkout {
  background-color: #ffffff;
  padding: 10px 20px;
  margin: 20px 0;
}
.express-checkout .headline {
  font-size: 1.09375rem;
  margin: 0 0 calc(20px / 2) 0;
}
.express-checkout ul li {
  list-style-type: circle;
}
@media (max-width: 639px) {
  .express-checkout {
    margin-right: -15px;
    margin-left: -15px;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}

.page-cartPage .product-list {
  margin: 20px 0;
}

.product-list {
  padding-left: 0;
  list-style: none;
  margin-top: calc(20px / 4 * 3);
}
@media (max-width: 639px) {
  .product-list {
    margin-right: -15px;
    margin-left: -15px;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
.product-list .product-item {
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #000000;
}
@media (max-width: 639px) {
  .product-list .product-item {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 70px;
  }
}
.product-list .product-item .remove-item {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  /*background: $gray-light;*/
  color: #000000;
  height: 34px;
  width: 34px;
  z-index: 2;
  font-size: 1.4em;
}
@media (max-width: 1023px) {
  .product-list .product-item .remove-item {
    height: 46px;
    width: 46px;
    right: 8px;
  }
}
.product-list .product-item .thumb + .details {
  padding-right: 40px;
}
.product-list .product-item .details {
  margin-left: 110px;
}
.product-list .product-item .details .name {
  font-weight: bold;
}
.product-list .product-item .details .promo {
  color: #000000;
  margin: calc(20px / 2) 0;
}
.product-list .product-item .details .promo ul {
  padding-left: 0;
  list-style: none;
}
.product-list .product-item .details .qty {
  line-height: 32px;
  padding-top: calc(20px / 2);
}
.product-list .product-item .details .qty::after {
  display: block;
  clear: both;
  content: "";
}
@media (max-width: 1023px) {
  .product-list .product-item .details .qty {
    line-height: 23px;
  }
}
.product-list .product-item .details .qty label {
  float: left;
  margin: 0 calc(20px / 2) 0 0;
}
.product-list .product-item .details .qty input {
  float: left;
  width: 70px;
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  margin-right: calc(20px / 2);
}
.product-list .product-item .details .qty .qtyValue {
  float: left;
  text-align: center;
  padding-right: 25px;
}
.product-list .product-item .details.with-editable-grid {
  cursor: pointer;
}
.product-list .product-item .details.with-editable-grid .qty {
  padding-right: 40px;
}
@media (min-width: 1024px) {
  .product-list .product-item .details.with-editable-grid .qty {
    line-height: 32px;
  }
}
.product-list .product-item .details.with-editable-grid:before {
  font-family: "Glyphicons Halflings";
  position: absolute;
  right: 16px;
  top: 15px;
  bottom: 11px;
  content: "\e080";
}
@media (max-width: 1023px) {
  .product-list .product-item .details.with-editable-grid:before {
    right: 20px;
  }
}
.product-list .product-item .details.with-editable-grid.open:before {
  content: "\e114";
}
.product-list .product-item .item-price {
  float: right;
  font-size: 18px;
  margin-top: -1px;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .product-list .product-item .pickup-wrap {
    position: absolute;
    right: -1px;
    top: 65px;
    z-index: 1;
  }
  .product-list .product-item .pickup-wrap .pickup .radio-column {
    margin: 0;
  }
  .product-list .product-item .pickup-wrap .pickup .radio-column label {
    width: auto;
  }
}
@media (max-width: 639px) {
  .product-list .product-item .pickup-wrap {
    position: absolute;
    right: auto;
    top: auto;
    left: 100px;
    bottom: 15px;
    z-index: 1;
  }
}
.product-list .product-item .pickup {
  max-width: 350px;
  color: #000000;
}
.product-list .product-item .pickup::after {
  display: block;
  clear: both;
  content: "";
}
.product-list .product-item .pickup .radio-column {
  float: left;
  margin: 0 calc(20px / 2);
}
.product-list .product-item .pickup .radio-column input {
  display: block;
  float: left;
  margin: calc(20px / 2) 0;
}
.product-list .product-item .pickup .radio-column label {
  width: 50px;
  display: block;
  text-align: center;
  margin: 0 0 0 20px;
  opacity: 0.5;
  cursor: pointer;
}
.product-list .product-item .pickup .radio-column label span {
  display: block;
}
.product-list .product-item .pickup .radio-column label .glyphicon {
  font-size: 1.5em;
}
.product-list .product-item .pickup .radio-column input:checked + label {
  opacity: 1;
}
.product-list .product-item .pickup .store-column {
  margin: 5px 0 5px 5px;
  float: left;
}
.product-list .product-item .pickup .store-column .store-name {
  font-size: 1rem;
}
.product-list .product-item .pickup .actions {
  clear: both;
  margin: calc(20px / 2) 0 calc(20px / 2) 120px;
}
.product-list #cartOrderGridForm {
  background-color: #000000;
}
@media (min-width: 640px) {
  .product-list #cartOrderGridForm {
    max-height: 480px;
    overflow: scroll;
  }
}
.product-list #cartOrderGridForm .update-future-stock {
  padding-right: 15px;
}
.product-list #cartOrderGridForm .product-grid-container table {
  border-bottom: 1px solid #000000;
}
.product-list #cartOrderGridForm .product-grid-container table:nth-child(2n) {
  background-color: transparent;
}
@media (max-width: 639px) {
  .product-list #cartOrderGridForm .product-grid-container {
    font-size: 14px;
    margin: 0;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-detail {
    padding-left: calc(20px / 2);
    padding-top: calc(20px / 2);
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-detail img {
    padding-right: calc(20px / 2);
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-select {
    padding-top: 22px;
    padding-right: calc(20px / 2);
    vertical-align: top;
  }
  .product-list #cartOrderGridForm .product-grid-container > table {
    border-bottom: 1px solid #000000;
  }
  .product-list #cartOrderGridForm .product-grid-container > table tr td {
    border-bottom: none;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-summary {
    background-color: transparent;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-summary > td {
    padding-top: 0;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-summary .variant-summary-items {
    border: none;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-summary table tr td {
    padding: 0 10px 0 0;
  }
  .product-list #cartOrderGridForm .product-grid-container .variant-summary table tr td:last-child {
    padding: 0;
  }
}

.promotion {
  color: #000000;
}

.error-details-section .action {
  text-align: center;
  margin: calc(20px / 2) 0;
}

.doFlowSelectedChange,
#selectPciOption {
  margin-top: 20px;
}

@media (max-width: 639px) {
  .continueShoppingButton,
.checkoutButton {
    margin-bottom: 20px;
  }

  .doFlowSelectedChange {
    margin-top: 0;
  }
}
#cboxContent {
  font-family: "Klavika Regular";
}
#cboxContent .cart_popup_error_msg {
  margin-bottom: 20px;
}

.disabledLabel {
  color: #b1b3b4;
}

.checkbox .disabledLabel:hover,
.checkbox .disabledLabel:hover > span {
  color: #b1b3b4;
  text-decoration: none;
  cursor: default;
}

.checkbox .disabledLabel:hover input {
  cursor: default;
}

#order-listing-overall-status {
  position: relative;
  min-width: 120px;
}
#order-listing-overall-status .tooltip-overlay {
  top: 18px;
}

.form-group-hidden {
  display: none;
}

.shipToAddressDisabled {
  color: #b1b3b4;
}
.shipToAddressDisabled .select2-container--default.select2-container--disabled .select2-selection.select2-selection--single {
  outline: none;
  box-shadow: none;
}
.shipToAddressDisabled .col-form-label {
  color: #b1b3b4;
}

.address-manual-shipto {
  margin-bottom: 0 !important;
}
@media (min-width: 640px) {
  .address-manual-shipto {
    margin-left: auto !important;
  }
}
.address-manual-shipto.is-hidden {
  display: none;
}
.address-manual-shipto [class^=col-] .form-group {
  margin-bottom: 0 !important;
  margin-left: 0;
  margin-right: 0;
}
.address-manual-shipto [class^=col-] .form-group .checkbox {
  display: flex;
  align-items: center;
}

.address-manual-shipto-chkbx-wrapper {
  font-size: 0.7em;
}
.address-manual-shipto-chkbx-wrapper.form-group {
  margin-bottom: 0;
}
.address-manual-shipto-chkbx-wrapper .cmp-input {
  margin: 0 !important;
}
@media (max-width: 639px) {
  .address-manual-shipto-chkbx-wrapper .cmp-input {
    padding: 0 0.5rem !important;
  }
}
.address-manual-shipto-chkbx-wrapper .cmp-input label {
  margin: 0 !important;
}

.construction-contact {
  display: flex;
}
@media (max-width: 639px) {
  .construction-contact {
    flex-direction: column;
  }
}
.construction-contact .contact-name, .construction-contact .contact-phone {
  flex-grow: 1;
  width: unset;
}

.address-manual-shipto-form {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-bottom: 30px !important;
  margin-left: auto;
  padding-left: 20px;
}
.address-manual-shipto-form p.new-delivery {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  z-index: 2;
}
.address-manual-shipto-form.is-hidden {
  display: none;
}
@media (max-width: 639px) {
  .address-manual-shipto-form.is-hidden {
    display: block;
  }
}
.address-manual-shipto-form .pc-city {
  display: flex;
}
.address-manual-shipto-form .pc-city div#postalCodeRule {
  width: 35%;
}
.address-manual-shipto-form .pc-city div.city-input-wrapper {
  width: unset;
  flex-grow: 1;
  margin-left: 20px;
}
.address-manual-shipto-form .form-group {
  margin-bottom: 20px !important;
}
.address-manual-shipto-form .form-group .manual-address-country {
  position: relative;
}
.address-manual-shipto-form .form-group .manual-address-country .material-icons {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.address-manual-shipto-form label.col-form-label {
  font-weight: 700;
}
.address-manual-shipto-form input {
  padding: 0 10px;
  height: 53px;
  color: #000000;
  border-bottom: 3px solid #000000;
  transition: 0.2s;
}
.address-manual-shipto-form input::placeholder {
  color: #dddddd;
}
.address-manual-shipto-form input:focus {
  border-color: #dddddd;
  border-bottom: 3px solid #ffc510;
}
.address-manual-shipto-form select.form-control {
  position: relative;
  padding: 0 10px;
  height: 53px;
  appearance: none;
  border-bottom: 3px solid #000000;
  cursor: pointer;
}
.address-manual-shipto-form select.form-control:focus {
  border-color: #dddddd;
  border-bottom: 3px solid #ffc510;
}
.address-manual-shipto-form select.form-control + .material-icons {
  position: absolute;
  right: 5px;
  top: 50%;
  cursor: pointer;
}
.address-manual-shipto-form select.form-control option {
  font-size: 1em;
  border-bottom: 2px solid transparent;
}
.address-manual-shipto-form select.form-control option:hover {
  border-bottom: 2px solid #ffc510;
}
@media (max-width: 639px) {
  .address-manual-shipto-form {
    position: fixed;
    left: 100%;
    display: block;
    background: white;
    width: 100vw;
    transition: left 0.3s ease-in-out;
  }
}
.address-manual-shipto-form.opened-mobile {
  left: 0;
  margin: 0 !important;
  overflow: scroll;
  z-index: 2;
  transition: left 0.3s ease-in-out;
}
.address-manual-shipto-form.opened-mobile p.new-delivery {
  margin-top: 10px;
}
.address-manual-shipto-form.opened-mobile p.new-delivery .close-address-manual {
  margin-left: auto;
  cursor: pointer;
}
.address-manual-shipto-form.opened-mobile .address-manual-btn-save button {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.shipping-transport, .freight-terms {
  position: relative;
}
.shipping-transport select.form-control, .freight-terms select.form-control {
  text-transform: none;
}
.shipping-transport .tooltip-help, .freight-terms .tooltip-help {
  bottom: 0;
  right: 0;
}
.shipping-transport .is-hidden, .freight-terms .is-hidden {
  display: none !important;
}

span.modal-title {
  font-size: 20px;
}

.modal-footer button {
  color: inherit;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default !important;
}

.cart-box {
  margin-bottom: 10px;
  border: none;
}
.cart-box .cart-box-label {
  text-transform: none;
}
.cart-box .cart-box-selection {
  margin-bottom: 10px;
  text-transform: none;
}
@media (min-width: 640px) {
  .form-group .cart-box {
    margin-bottom: 0;
  }
}
.cart-box.cart-box-no-border {
  border: none;
  padding: 0;
}
.cart-box.cart-box-sub {
  margin: 0;
  display: block;
}

@media (min-width: 1024px) {
  .checkoutb-col-pr {
    padding-right: 5px;
  }
}

@media (min-width: 1024px) {
  .checkoutb-col-pl {
    padding-left: 5px;
  }
}

.checkoutb-box {
  border: none;
  margin-top: 5px;
  padding: 0 10px 0 0;
}

.checkoutb-label {
  text-transform: none;
}

.add-to-cart-file {
  margin-bottom: 15px;
}
.add-to-cart-file__file {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0;
}
.add-to-cart-file__input[type=file] {
  display: none;
}
.add-to-cart-file__name {
  border-width: 1px;
  line-height: 17px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 3px 5px 1px;
  width: 50%;
}
@media (max-width: 639px) {
  .add-to-cart-file__name {
    width: 100px;
  }
}
.add-to-cart-file__buttons {
  text-align: right;
  padding: 0;
}
.add-to-cart-file__template {
  margin-bottom: 5px;
  width: 100%;
}
@media (min-width: 640px) {
  .add-to-cart-file__template {
    width: 188px;
  }
}
.add-to-cart-file__details {
  border: 1px solid #e0e0e0;
  height: 120px;
  overflow: auto;
  padding: 10px;
}
.add-to-cart-file__details-title {
  color: #d9534f;
  font-weight: bold;
  margin-top: 10px;
}
.add-to-cart-file__error:before {
  content: "\e082";
}
.add-to-cart-file__error:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d9534f;
  margin-right: 5px;
}
.add-to-cart-file__warning:before {
  content: "\e107";
}
.add-to-cart-file__warning:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffc510;
  margin-right: 5px;
}

.btn-print-cart {
  margin-right: 20px;
  margin-bottom: 20px;
}

.order-simulation .form-group {
  margin-bottom: 15px;
}
@media (max-width: 639px) {
  .order-simulation .form-group {
    margin-bottom: 10px;
  }
}
.order-simulation .order-number-wrapper {
  margin-bottom: 15px;
}

.delivery-option {
  border: 1px solid #e0e0e0;
  margin-bottom: 5px;
}
.delivery-option__title {
  font-weight: bold;
  margin: 10px 0;
}
.delivery-option__position {
  color: #ffc510;
}
.delivery-option__date .delivery-option-inner {
  padding: 0 0 10px 10px;
}
@media (max-width: 1023px) {
  .delivery-option__date .delivery-option-inner {
    padding-right: 10px;
  }
}
@media (max-width: 639px) {
  .delivery-option__date {
    padding: 0;
  }
}
.delivery-option__date-line {
  margin-top: 4px;
  text-align: right;
}
@media (max-width: 639px) {
  .delivery-option__date-line {
    text-align: center;
  }
}
.delivery-option__date-input {
  width: 80px;
}
.delivery-option__ship-to .delivery-option-inner {
  padding: 0 10px 10px 0;
  margin-top: 4px;
}
@media (max-width: 1023px) {
  .delivery-option__ship-to .delivery-option-inner {
    padding-left: 10px;
  }
}
@media (max-width: 639px) {
  .delivery-option__ship-to {
    padding: 0;
  }
}
.delivery-option__ship-to .address-label {
  font-size: 16px;
  line-height: 34px;
  text-align: center;
}
.delivery-option-add {
  margin-bottom: 10px;
}
.delivery-option-add-btn {
  color: #000000;
  text-decoration: underline;
}
.delivery-option-add-btn[disabled] {
  color: #b1b3b4;
  pointer-events: none;
  text-decoration: none;
}
.delivery-option-reset-btn {
  float: left;
}

.cart-simulate-order-section {
  margin-bottom: 15px;
  padding-right: 10px;
  text-align: right;
}

.cart-section-disabled {
  background: #eceded;
  color: #b1b3b4;
}
.cart-section-disabled .select2-container--default.select2-container--disabled .select2-selection.select2-selection--single {
  background: #eceded;
  outline: none;
  box-shadow: none;
}
.cart-section-disabled .col-form-label {
  color: #b1b3b4;
}

.variants-table {
  border-collapse: collapse !important;
  margin-bottom: 0 !important;
}

.entry-row1, .entry-row1-cart {
  border-style: solid !important;
  border-width: 5px 6px 0 6px !important;
  border-color: #f5f5f5 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-top: 10px;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: flex-start;
}
.entry-row1:last-child, .entry-row1-cart:last-child {
  border-bottom-width: 5px !important;
}
@media (max-width: 860px) {
  .entry-row1, .entry-row1-cart {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.entry-row1 td, .entry-row1-cart td {
  border-bottom: transparent !important;
  border-top: transparent !important;
}

.entry-row1-cart {
  border-width: 24px 6px 0 6px !important;
}
.entry-row1-cart:first-child {
  border-top-width: 5px !important;
}
.entry-row1-cart:last-child {
  border-bottom-width: 5px !important;
}

.td1-cart {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 180px;
}
.td1-cart > div:first-of-type {
  margin-bottom: 15px;
}

.material-number {
  font-weight: 600 !important;
}

.material-details-sec {
  display: grid !important;
  margin-top: -8px;
  grid-template-columns: repeat(var(--max-col), 1fr);
  /*  		td{
                  width: auto;
                 //min-width: 180px !important;
             }  */
  /* td:nth-child(n+5) {
     display: none;
     } */
}

.hidden {
  display: none;
}

.material-entry-col {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  align-items: flex-start;
}
@media (max-width: 639px) {
  .material-entry-col {
    flex-basis: 100% !important;
    flex-direction: row;
  }
  .material-entry-col > div {
    width: 50%;
  }
}
.material-entry-col .title, .material-entry-col .title-len {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  color: #9E9E9E;
  font-family: "klavika";
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.material-entry-col .title-len {
  margin-top: -4px;
  padding-right: 50px;
}

.len-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.tot-len-wrap {
  display: flex;
  justify-content: space-between;
}

.remove-cart-button {
  background: #f5f5f5 !important;
  padding: 3px !important;
  border: none !important;
  box-shadow: none !important;
  margin-left: 15px;
  height: 30px !important;
}

.remove-item-cart-form {
  margin-top: 0;
  margin-right: 10px !important;
}
.remove-item-cart-form .qt-input {
  width: 100% !important;
  min-width: 100px;
  background: #F5F5F5;
  font-size: large;
  font-weight: 500;
  border-color: transparent !important;
  border-bottom-color: black !important;
  border-bottom-style: solid !important;
  border-bottom-width: 2px !important;
  height: 30px;
}
.remove-item-cart-form .qt-input:hover, .remove-item-cart-form .qt-input:active {
  border-bottom-color: #ffc510 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 2px !important;
  cursor: pointer;
}
.remove-item-cart-form button {
  width: auto;
  min-width: 0;
}
.remove-item-cart-form .label {
  display: none;
}
.remove-item-cart-form .icon {
  font-size: 14px;
  line-height: 23px;
  width: auto;
  display: inline;
  color: #000;
}

.entry-row2 {
  border-style: solid !important;
  border-top-width: 0 !important;
  border-bottom-width: 20px !important;
  border-color: #f5f5f5 !important;
  justify-content: flex-start !important;
}
.entry-row2 .more-details, .entry-row2 .less-details {
  padding-left: 0 !important;
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  padding: 0;
  margin-bottom: 10px;
  margin-left: 10px;
  border-style: solid !important;
  border-width: 0 0 3px 0 !important;
  border-color: #ffc510 !important;
}
.entry-row2 .less-details {
  display: none;
}

.more-less-container {
  display: flex;
  justify-content: flex-start !important;
  width: fit-content;
}
.more-less-container .more-details, .more-less-container .less-details {
  padding-left: 0 !important;
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  padding: 0;
  border-style: solid !important;
  border-width: 0 0 3px 0 !important;
  border-color: #ffc510 !important;
}
.more-less-container .less-details {
  display: none;
}

.image-container {
  display: flex;
  width: 120px;
  height: 120px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.image-container img {
  max-height: 100px;
  max-width: 120px;
}

.tb-scrollable {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}

.cmp-table--scrollable {
  height: 600px;
  overflow-y: scroll;
}

.entry-condition-cont, .entry-component-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.entry-condition, .entry-total {
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.entry-condition::before, .entry-total::before {
  content: "";
  width: 97%;
  border-top: 1px solid #f5f5f5;
  position: absolute;
  top: 0;
}
@media (max-width: 640px) {
  .entry-condition, .entry-total {
    display: none;
    padding: 10px 0;
  }
}
.entry-condition td, .entry-total td {
  border: 0 transparent !important;
  display: flex;
  width: 100%;
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.entry-component-cont {
  padding-left: 130px;
  align-items: center;
}
.entry-component-cont .title {
  display: none;
}
@media (max-width: 640px) {
  .entry-component-cont .title {
    display: block;
  }
}
.entry-component-cont .material-entry-quantity {
  display: flex;
}
.entry-component-cont .material-entry-quantity .content {
  width: 80px;
  text-align: center;
}
@media (max-width: 640px) {
  .entry-component-cont .material-entry-quantity .content {
    text-align: start;
    min-width: 88px;
  }
}
.entry-component-cont .material-entry-quantity .content.material-entry-content-container {
  margin-right: 85px;
}
@media (max-width: 1023px) {
  .entry-component-cont .material-entry-quantity .content.material-entry-content-container {
    margin: 0;
  }
}
.entry-component-cont .material-entry-quantity .free-good-label-container {
  font-family: "Klavika Light";
  font-weight: bold;
  text-align: right;
  width: 80px;
}
@media (max-width: 1023px) {
  .entry-component-cont .material-entry-quantity .free-good-label-container {
    margin-left: 0.5rem;
  }
}

.entry-total {
  font-weight: 800;
}

.entry-total-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.entry-total-cont--desktop {
  display: block;
}
@media (max-width: 639px) {
  .entry-total-cont--desktop {
    display: none;
  }
}
.entry-total-cont--mobile {
  display: none;
}
@media (max-width: 639px) {
  .entry-total-cont--mobile {
    display: block;
  }
}

.total-container-single-cart {
  border: 1px #ddd solid;
}

.total-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 5px 0 0 0;
  border-top: 5px #f5f5f5 solid;
}
.total-container:empty {
  display: none;
}
@media (max-width: 639px) {
  .total-container {
    justify-content: center;
  }
  .total-container--fixed {
    position: fixed;
    bottom: 75px;
    left: 0;
    margin-bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;
  }
  .total-container--fixed .tb-row {
    margin-bottom: 0 !important;
  }
}
.total-container .cart-totals-collapse {
  display: none;
}
@media (max-width: 639px) {
  .total-container .cart-totals-collapse {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    font-size: large;
    font-weight: 700;
    cursor: pointer;
  }
}
.total-container .total-row {
  text-transform: capitalize;
}
@media (max-width: 639px) {
  .total-container .total-row.mobile-hidden {
    display: none;
  }
}
.total-container .total-row.mobile-hidden.total-last {
  display: flex;
}
.total-container .total-row:last-child {
  margin-bottom: 0;
}
.total-container .tb-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 20px;
  border-bottom: 1px #ddd solid;
  padding: 10px 30px;
}
.total-container .tb-row:last-child {
  padding-top: 10px;
  border-bottom-color: transparent !important;
  margin-bottom: 0 !important;
  justify-content: flex-end;
}

.left-pr {
  width: 200px !important;
}

.mobile-only {
  display: none;
}

.right-pr span:not(:first-of-type) {
  display: inline-block;
  width: 100px;
  margin-left: 50px;
}

.right-0::after {
  right: -100px !important;
}

.total-last {
  margin-bottom: 0 !important;
  padding-top: 10px !important;
  background: #ffc510 !important;
  font-size: large;
}

.total-weight {
  padding-top: 10px;
  font-size: large;
}

.right-total {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  padding-right: 20px;
}
.right-total div {
  margin-right: 30px;
}

.price-right {
  width: 140px;
  max-width: 140px;
}

.cart-hero-title h2, .cart-hero-title .h2 {
  text-transform: none;
}

.utility-cart-btn-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.utility-cart-btn-section > div {
  margin: 0 0 10px 15px;
}
.utility-cart-btn-section > div.link-return-container {
  align-self: flex-start;
  margin: 0;
  margin-right: auto;
}
.utility-cart-btn-section > div div.sika-button,
.utility-cart-btn-section > div div.tooltip-click-area {
  margin: 0 !important;
}
.utility-cart-btn-section > div div.sika-button span.has-tooltip > span.glyphicon,
.utility-cart-btn-section > div div.tooltip-click-area span.has-tooltip > span.glyphicon {
  font-size: 20px;
}
.utility-cart-btn-section body .tooltip-overlay {
  top: 200% !important;
  width: 200px !important;
}

.modal-content {
  font-family: "Klavika Regular";
  display: flex;
  flex-direction: column;
  padding: 50px !important;
  gap: 30px;
}
@media (max-width: 1023px) {
  .modal-content {
    padding: 20px !important;
    gap: 15px !important;
  }
}
.modal-content .modal-header {
  border-bottom: none;
  display: flex;
  padding: 0;
  justify-content: space-between;
  align-items: center;
}
.modal-content .modal-header .modal-title {
  font-size: 21px;
  font-family: "Klavika Regular" !important;
}
.modal-content .modal-body {
  align-self: center;
  font-size: 16px;
  max-height: 500px;
  overflow-y: auto;
  padding: 0;
}
.modal-content .modal-footer {
  align-self: flex-end;
  border-top: none;
  display: flex;
  gap: 20px;
  padding: 0;
}
.modal-content .modal-footer button {
  margin-left: 2em;
}
.modal-content .modal-footer button.cmp-button:not(:first-child) {
  margin-top: 0 !important;
  margin-left: 0;
}
.modal-content .modal-footer-add-manual-address {
  align-self: center;
  border-top: none;
  margin-top: 30px;
}
.modal-content .modal-footer-add-manual-address button {
  margin-left: 2em;
}
.modal-content .modal-footer-add-manual-address button.cmp-button:not(:first-child) {
  margin-top: 0 !important;
  margin-left: 0;
}

.electronic-invoice-modal::before {
  display: none !important;
}
.electronic-invoice-modal .modal-content .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.electronic-invoice-modal .modal-content .modal-header .close-modal {
  color: #000;
  cursor: pointer;
}
.electronic-invoice-modal .modal-content .modal-body {
  font-weight: 700;
}
.electronic-invoice-modal .modal-content .modal-footer {
  align-self: center;
}
.electronic-invoice-modal .modal-content .modal-footer button {
  margin: 0 30px;
}

@media (max-width: 639px) {
  .electronic-invoice-modal .modal-dialog {
    position: fixed;
    left: 0;
  }
  .electronic-invoice-modal .modal-dialog .modal-content {
    height: 100%;
    padding: 0 !important;
    border: none;
  }
  .electronic-invoice-modal .modal-dialog .modal-content .modal-body,
.electronic-invoice-modal .modal-dialog .modal-content .modal-footer {
    padding: 20px;
  }
  .electronic-invoice-modal .modal-dialog .modal-content .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
    border-bottom: 1px solid #9e9e9e;
  }
  .electronic-invoice-modal .modal-dialog .modal-content .modal-header h4, .electronic-invoice-modal .modal-dialog .modal-content .modal-header .h4 {
    margin: 0 !important;
  }
  .electronic-invoice-modal .modal-dialog .modal-content .modal-header .close-modal {
    color: #000;
    cursor: pointer;
  }
  .electronic-invoice-modal .modal-dialog .modal-content .modal-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    row-gap: 24px;
    width: 100%;
  }
  .electronic-invoice-modal .modal-dialog .modal-content .modal-footer button {
    margin: 0 !important;
  }
  .electronic-invoice-modal .modal-dialog .modal-content .modal-footer::after, .electronic-invoice-modal .modal-dialog .modal-content .modal-footer::before {
    display: none;
  }
}
.tooltip-overlay {
  position: absolute !important;
  top: 20px !important;
  left: 0 !important;
  width: 200px !important;
  background-color: #ffc510 !important;
  color: #ffffff !important;
}
.tooltip-overlay.crt-tool {
  left: -30px !important;
}
@media (max-width: 639px) {
  .tooltip-overlay.desktop {
    display: none !important;
  }
}
.tooltip-overlay.mobile {
  position: static !important;
  width: 100% !important;
  font-family: "Klavika Medium";
  color: #ffc510 !important;
  border: 1px solid #ffc510 !important;
  background-color: white !important;
  top: 200% !important;
}
@media (min-width: 639px) {
  .tooltip-overlay.mobile {
    display: none !important;
  }
}

form.quickadd.e-shop30 {
  position: relative;
  display: flex;
  gap: 15px;
  align-items: center;
}
@media (max-width: 639px) {
  form.quickadd.e-shop30 {
    flex-wrap: wrap;
  }
}
form.quickadd.e-shop30 .quickadd-input-wrapper {
  position: relative;
  align-self: stretch;
}
form.quickadd.e-shop30 .quickadd-input-wrapper .quickadd-input {
  padding: 5px 15px;
  height: 100%;
  border: 1px solid #dddddd;
  border-bottom: 3px solid #000000 !important;
  outline: none !important;
  font-size: 1.2em;
  transition: 0.2s ease-in-out;
}
@media (min-width: 640px) {
  form.quickadd.e-shop30 .quickadd-input-wrapper .quickadd-input {
    min-width: 200px !important;
  }
}
@media (max-width: 375px) {
  form.quickadd.e-shop30 .quickadd-input-wrapper .quickadd-input {
    width: 140px !important;
  }
}
@media (min-width: 376px) and (max-width: 410px) {
  form.quickadd.e-shop30 .quickadd-input-wrapper .quickadd-input {
    width: 165px !important;
  }
}
form.quickadd.e-shop30 .quickadd-input-wrapper .quickadd-input:focus {
  border: 1px solid #dddddd;
  border-bottom: 3px solid #ffc510 !important;
}
form.quickadd.e-shop30 .quickadd-input-wrapper .quickadd-input::placeholder {
  color: #dddddd !important;
}
form.quickadd.e-shop30 .quickadd-input-wrapper .material-icons {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
form.quickadd.e-shop30 .sika-button {
  margin: 0 !important;
}

.print-checkout-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  white-space: nowrap;
}
.print-checkout-section.center {
  justify-content: center;
}
@media (max-width: 639px) {
  .print-checkout-section {
    justify-content: center;
  }
  .print-checkout-section--fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 10;
    margin-bottom: 0;
    height: 75px;
    width: 100vw;
  }
}
.print-checkout-section .quick-add-section {
  display: flex;
  align-items: center;
}
.print-checkout-section .print-checkout-button-wrapper {
  display: flex;
}

.print-checkout-section .sika-button {
  margin: 15px;
}
.print-checkout-section .sika-button button {
  height: 100%;
}

.shipping-conditions-section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 641px) {
  .shipping-conditions-section {
    margin-top: 20px;
  }
}
.shipping-conditions-section .cp-box {
  width: 50%;
}
@media (min-width: 640px) {
  .shipping-conditions-section .cp-box:nth-child(2n-1) {
    padding-right: 20px;
  }
  .shipping-conditions-section .cp-box:nth-child(2n) {
    padding-left: 20px;
  }
}
@media (max-width: 639px) {
  .shipping-conditions-section .cp-box {
    width: 100%;
    margin-bottom: 20px;
  }
}
.shipping-conditions-section .cp-box .cart-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.shipping-conditions-section .cp-box .cart-box .js-address-selection {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.shipping-conditions-section .cp-box .cart-box .js-address-selection label {
  text-align: left;
  font-weight: 700;
}
.shipping-conditions-section .cp-box .cart-box .js-address-selection span.select2-container {
  width: 100% !important;
}
.shipping-conditions-section .cp-box .select2-selection__clear {
  display: none;
}
.shipping-conditions-section .cp-box:nth-child(3n-2) {
  margin-left: unset;
}

.checkbox label.col-form-label {
  padding: 0;
}
.checkbox label.col-form-label span {
  font-weight: 700;
}

.express-delivery-component label:hover > span {
  color: black !important;
  text-decoration: none !important;
}
.express-delivery-component span {
  font-weight: 700;
}
.express-delivery-component .cmp-input__custom-checkbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.express-delivery-component .cmp-form .cmp-input__custom-checkbox label {
  margin: 0 !important;
}

.checkbox label:hover > span {
  color: black !important;
  text-decoration: none !important;
}

.add-to-cart-file .add-to-cart-input-section {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-top: 5px solid #f5f5f5;
  border-bottom: 5px solid #f5f5f5;
  border-left: 6px solid #f5f5f5;
  border-right: 6px solid #f5f5f5;
}
.add-to-cart-file .add-to-cart-input-section input {
  width: auto !important;
}
.add-to-cart-file .add-to-cart-input-section .e-shop30 {
  display: inline-block;
}
.add-to-cart-file .add-to-cart-input-section .e-shop30 .sika-button {
  margin-bottom: 0 !important;
}
.add-to-cart-file .add-to-cart-input-section .add-to-cart-file__file form {
  display: flex;
  align-items: center;
}
.add-to-cart-file .add-to-cart-input-section .add-to-cart-file__file form input {
  min-width: 200px;
  align-self: stretch;
  border: 1px solid #ddd;
  border-bottom: 3px solid #000000;
  outline: none;
}
.add-to-cart-file .add-to-cart-input-section .add-to-cart-file__buttons {
  display: flex;
  align-items: center;
}
.add-to-cart-file .add-to-cart-input-section .add-to-cart-file__buttons button {
  margin: 0 20px;
}

.cp-17-18 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-left: auto;
}
.cp-17-18 .cmp-input {
  margin: 0 !important;
}
.cp-17-18 .quick-add-section {
  width: 100%;
}
@media (max-width: 639px) {
  .cp-17-18 .quick-add-section {
    justify-content: space-between;
  }
  .cp-17-18 .quick-add-section .quickadd-input-wrapper input.quickadd-input {
    min-width: 100px !important;
    width: 100%;
  }
}
.cp-17-18 .activate-cp-17 {
  margin-left: auto;
}
@media (max-width: 639px) {
  .cp-17-18 .activate-cp-17 {
    margin-left: 0;
    margin-right: auto;
  }
  .cp-17-18 .activate-cp-17 .js-toggle-cp-17::after, .cp-17-18 .activate-cp-17 .js-toggle-cp-17::before {
    display: none !important;
  }
  .cp-17-18 .activate-cp-17 .js-toggle-cp-17 .checkbox-text {
    border-bottom: 2px solid #ffc510;
    transition: 0.3s;
  }
  .cp-17-18 .activate-cp-17 .js-toggle-cp-17 .checkbox-text:hover {
    background-color: #ffc510;
  }
}
.cp-17-18 .activate-cp-17 .cmp-input {
  padding: 0 !important;
}

.reset-checkout-top {
  margin-bottom: 15px;
}

.express-delivery-component,
.shipping-conditions-section,
.shipto-soldto,
.cart-material-list,
.shipping-options,
.cart-empty-show-page,
.add-to-cart-validation-section {
  margin-bottom: 30px;
}

@media (max-width: 639px) {
  .shipping-conditions-section {
    margin-bottom: 0;
  }
}

.shipping-options .js-address-manual-shipto-checkbox {
  margin-bottom: 5px;
}

.cart-empty-no-activated .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cart-empty-no-activated .content h2, .cart-empty-no-activated .content .h2 {
  margin-top: 45px;
  font-family: "klavika light";
  font-size: 2.5em;
  font-weight: 700;
  color: black;
}
.cart-empty-no-activated .content p,
.cart-empty-no-activated .content ul {
  display: none;
}

.delivery-option__ship-to .address-label {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  font-weight: 700;
}
.delivery-option__ship-to .select2-selection__rendered .address-shipto span {
  display: none;
}

.delivery-option-add {
  margin-top: 20px;
  margin-bottom: 45px;
}

form.delivery-option {
  border-top: 3px solid #f5f5f5;
  border-bottom: 3px solid #f5f5f5;
  border-left: 7px solid #f5f5f5;
  border-right: 7px solid #f5f5f5;
}
form.delivery-option .delivery-option-wrapper {
  display: flex;
  padding: 10px 0;
}
form.delivery-option .delivery-option-wrapper .delivery-option-title-date {
  width: 50%;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
form.delivery-option .delivery-option-wrapper .delivery-option-title-date .delivery-option__title-reset {
  margin-right: 40px;
}
form.delivery-option .delivery-option-wrapper .delivery-option__ship-to {
  width: 50%;
  padding: 0 20px;
}
form.delivery-option .delivery-option-wrapper .delivery-option__title-reset,
form.delivery-option .delivery-option-wrapper .delivery-option__date,
form.delivery-option .delivery-option-wrapper .delivery-option__ship-to {
  display: flex;
  flex-direction: column;
}
form.delivery-option .delivery-option-wrapper .delivery-option__title-reset {
  justify-content: flex-start;
}
form.delivery-option .delivery-option-wrapper .delivery-option__title-reset .delivery-option__title {
  font-size: 20px;
}
form.delivery-option .delivery-option-wrapper .delivery-option__date {
  justify-content: flex-end;
}
form.delivery-option .delivery-option-wrapper .delivery-option__date label {
  font-size: 16px;
  font-weight: 700;
  line-height: 34px;
}
form.delivery-option .delivery-option-wrapper .delivery-option__date .delivery-date-input-wrapper {
  position: relative;
}
form.delivery-option .delivery-option-wrapper .delivery-option__date .delivery-date-input-wrapper input {
  margin: 0;
  padding: 0 45px;
  min-height: 57px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 3px solid #000;
}
@media (max-width: 639px) {
  form.delivery-option .delivery-option-wrapper .delivery-option__date .delivery-date-input-wrapper input {
    width: 100% !important;
  }
}
form.delivery-option .delivery-option-wrapper .delivery-option__date .delivery-date-input-wrapper input:focus {
  border-bottom: 3px solid #ffc510;
}
form.delivery-option .delivery-option-wrapper .delivery-option__date .delivery-date-input-wrapper .material-icons {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
form.delivery-option .delivery-option-wrapper .delivery-option__ship-to {
  justify-content: flex-end;
}
.delivery-option-wrapper {
  padding: 0 20px;
}
.delivery-option-wrapper.print-section {
  display: flex;
  flex-direction: start;
  border: solid lightgray 1px;
}

.shipping-conditions-print-wrapper {
  display: flex;
  flex-direction: column;
}
.shipping-conditions-print-wrapper .shipping-condition-data {
  display: flex;
  justify-content: space-between;
  border: solid lightgray 1px;
  margin-top: 10px;
  padding: 10px 20px;
}

.order-number-wrapper {
  display: inline-flex !important;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 640px) {
  .order-number-wrapper {
    padding-right: 10px;
  }
}
.order-number-wrapper label {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Klavika Medium";
}
.order-number-wrapper input {
  height: 57px;
  padding: 0 15px;
  outline: none;
  border: 1px solid #c6c7c8;
  border-bottom: 3px solid #000000;
  font-size: 16px;
  font-weight: 700;
  transition: 0.25s;
}
.order-number-wrapper input:focus {
  border-bottom: 3px solid #ffc510;
}

.shipto-soldto .soldto-box {
  padding-right: 20px !important;
}
@media (max-width: 639px) {
  .shipto-soldto .soldto-box {
    padding-right: 6px !important;
    display: flex;
    flex-direction: column;
  }
}
.shipto-soldto .shipto-box {
  padding-left: 20px !important;
}
@media (max-width: 639px) {
  .shipto-soldto .shipto-box {
    padding-left: 6px !important;
    display: flex;
    flex-direction: column;
  }
}
.shipto-soldto .billto-box {
  padding-right: 20px !important;
}
@media (max-width: 639px) {
  .shipto-soldto .billto-box {
    padding-right: 6px !important;
    display: flex;
    flex-direction: column;
  }
}
.shipto-soldto .sales-representative-box {
  padding-left: 20px !important;
}
@media (max-width: 639px) {
  .shipto-soldto .sales-representative-box {
    padding-left: 6px !important;
    display: flex;
    flex-direction: column;
  }
}
.shipto-soldto .address-label {
  display: flex;
  align-items: flex-start;
  min-height: 25px !important;
}
@media (max-width: 639px) {
  .shipto-soldto .address-label {
    flex-wrap: wrap;
  }
}
.shipto-soldto .address-label > .col-form-label {
  white-space: nowrap;
}
.shipto-soldto .address-shipto-name {
  font-weight: 700;
}

.checkout-manual-address {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  padding: 8px;
}
@media (max-width: 639px) {
  .checkout-manual-address {
    width: 100%;
    margin-left: 0;
  }
}
.checkout-manual-address .address-label {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.date-calculate-cart-section {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 639px) {
  .date-calculate-cart-section .cp-17-18 {
    width: 100%;
    margin: 20px 0;
  }
}
.date-calculate-cart-section .cart-deliverydate-selector {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 20px;
}
@media (max-width: 639px) {
  .date-calculate-cart-section .cart-deliverydate-selector {
    margin: 0 0 20px;
    width: 100%;
  }
  .date-calculate-cart-section .cart-deliverydate-selector .date-input-wrapper {
    width: 100%;
  }
  .date-calculate-cart-section .cart-deliverydate-selector .date-input-wrapper input {
    margin: 0;
    width: 100%;
  }
}
.date-calculate-cart-section .cart-deliverydate-selector label.col-form-label {
  font-weight: 700;
}
.date-calculate-cart-section .cart-deliverydate-selector .date-input-wrapper {
  position: relative;
}
.date-calculate-cart-section .cart-deliverydate-selector .date-input-wrapper input {
  min-width: 200px;
  height: 42.8px;
  border-bottom: 3px solid #000000;
  padding: 5px 15px 5px 40px;
}
.date-calculate-cart-section .cart-deliverydate-selector .date-input-wrapper input:focus {
  border: 1px solid #dddddd;
  border-bottom: 3px solid #ffc510;
}
.date-calculate-cart-section .cart-deliverydate-selector .date-input-wrapper .material-icons {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.calculate-cart-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.calculate-cart-btn .sika-button {
  margin: 0 !important;
}
.calculate-cart-btn .sika-button .simulateOrderButton {
  position: relative;
  padding-left: 40px !important;
}
.calculate-cart-btn .sika-button .simulateOrderButton .material-icons {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 10px;
}
.calculate-cart-btn .cp-17-18 label.js-toggle-cp-17 {
  margin: 0 !important;
}
@media (max-width: 639px) {
  .calculate-cart-btn {
    justify-content: space-between;
  }
  .calculate-cart-btn .sika-button,
.calculate-cart-btn .cp-17-18 {
    margin: 20px 0;
    width: 100%;
  }
}

.open-close-total {
  display: none !important;
  cursor: pointer;
}

.return-link-text {
  border-bottom: 5px solid #ffc510;
  font-family: "Klavika Light" !important;
  font-size: 18px !important;
}

@media (max-width: 639px) {
  .link-return-container {
    width: 100%;
    margin-bottom: 15px !important;
  }
  .link-return-container a.link-return {
    margin-bottom: 10px;
  }
  .link-return-container a.link-return .return-link-text {
    border-bottom: 5px solid #ffc510;
    font-family: "Klavika Light" !important;
    font-size: 18px !important;
  }

  form.delivery-option {
    margin-bottom: 20px;
  }
  form.delivery-option .delivery-option-wrapper {
    flex-wrap: wrap;
  }
  form.delivery-option .delivery-option-wrapper > div {
    width: 100% !important;
  }
  form.delivery-option .delivery-option-wrapper > div.delivery-option-title-date {
    flex-direction: column;
  }
  form.delivery-option .delivery-option-wrapper > div.delivery-option-title-date .delivery-option__title-reset {
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
  }
  form.delivery-option .delivery-option-wrapper > div.delivery-option-title-date .delivery-option__title-reset button {
    background-color: #ffc510 !important;
  }
  form.delivery-option .delivery-option-wrapper > div.delivery-option-title-date .delivery-option__date .delivery-option__date-line {
    text-align: left;
  }
  form.delivery-option .delivery-option-wrapper > div.delivery-option-title-date .delivery-option__date .delivery-option__date-line input {
    width: 45%;
    min-width: 140px;
    padding-right: 0;
  }
  form.delivery-option .delivery-option-wrapper > div.delivery-option__ship-to .address-label {
    display: flex;
  }

  .add-to-cart-file-mobile {
    position: fixed;
    left: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100vw;
    background-color: #ffffff;
    z-index: 1;
    transition: 0.3S ease-in-out;
  }
  .add-to-cart-file-mobile.opened {
    left: 0;
  }
  .add-to-cart-file-mobile .close-add-to-cart {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
  }
  .add-to-cart-file-mobile .close-add-to-cart h6.close-add-to-card-title, .add-to-cart-file-mobile .close-add-to-cart .close-add-to-card-title.h6 {
    margin-bottom: 0;
    text-transform: none !important;
  }
  .add-to-cart-file-mobile .close-add-to-cart span {
    margin-left: auto;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
  }
  .add-to-cart-file-mobile .add-to-cart-input-section {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    flex-grow: 1;
  }
  .add-to-cart-file-mobile .add-to-cart-input-section > form {
    align-self: flex-end;
  }
  .add-to-cart-file-mobile .add-to-cart-input-section .add-to-cart-file__file {
    width: 100%;
  }
  .add-to-cart-file-mobile .add-to-cart-input-section .add-to-cart-file__file form.js-add-to-cart-file-form {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
  }
  .add-to-cart-file-mobile .add-to-cart-input-section .add-to-cart-file__file form.js-add-to-cart-file-form .add-to-cart-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .add-to-cart-file-mobile .add-to-cart-input-section .add-to-cart-file__file form.js-add-to-cart-file-form .add-to-cart-input input {
    align-self: stretch;
    flex-grow: 1;
    margin-right: 20px;
    border: 1px solid #ddd;
    border-bottom: 3px solid #000000;
    outline: none;
  }
  .add-to-cart-file-mobile .add-to-cart-input-section .add-to-cart-file__file form.js-add-to-cart-file-form .add-to-cart-input .sika-button {
    margin-bottom: 0 !important;
  }

  .address-manual-mobile-saved .title-btn-section {
    display: flex;
    align-items: flex-end;
  }
  .address-manual-mobile-saved .title-btn-section p {
    margin-bottom: 0;
    margin-right: 15px;
    font-weight: 700;
  }
  .address-manual-mobile-saved .title-btn-section span {
    cursor: pointer;
  }
  .address-manual-mobile-saved .title-btn-section span.js-address-delete {
    margin-left: auto;
  }
  .address-manual-mobile-saved .address-info-section {
    padding: 10px 30px;
  }

  .utility-cart-btn-section .tooltip-holder .cart-page {
    top: 130% !important;
  }

  .pull-right {
    margin-top: 10px;
    margin-bottom: 25px;
  }
}
.qty-tot .qty-price {
  display: none;
}
@media (max-width: 640px) {
  .qty-tot {
    flex-direction: row !important;
    justify-content: space-between;
  }
  .qty-tot .qty-price {
    display: flex !important;
    font-weight: bold;
  }
}

@media (min-width: 280px) and (max-width: 639px) {
  .cart-btn-cont {
    margin: 10px 15px !important;
  }
  .cart-btn-cont a {
    display: flex !important;
    align-items: center;
  }
}

@media (min-width: 280px) and (max-width: 639px) {
  .cart-btn {
    white-space: normal;
    /* max-height: 57px; */
    min-height: 55px;
    padding: 3px 20px !important;
  }
}

@media (max-width: 279px) {
  .cart-btn-cont {
    align-self: center;
    margin: 5px !important;
  }

  .print-checkout-section {
    height: 107px !important;
  }

  #total-container, .total-container {
    bottom: 107px !important;
  }

  .print-checkout-button-wrapper, .bottom-btn-container, .print-checkout-section {
    display: flex !important;
    flex-direction: column;
  }
}
#orderHistoryTable .details-desktop {
  padding-left: 10px;
}

.add-minus-cart-buttons-mobile {
  background: white !important;
  padding: 3px 5px !important;
  border: solid 0.5px #dddddd !important;
  box-shadow: none !important;
  height: 30px !important;
  border-radius: 5px;
}

.quantity-buttons-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 7px;
}

@media (min-width: 1024px) {
  .mobile-quantity-button {
    display: none;
  }
}

.disable-quantity-buttons-mobile {
  background: #ddd !important;
}

.materialnumber-link {
  letter-spacing: 0.03125rem;
  border-bottom: 4px solid #ffc510;
  border-bottom-color: var(--primary);
  color: black;
  text-decoration: none;
}
@media (min-width: 1023px) {
  .materialnumber-link {
    transition: all 0.3s ease-in;
  }
}

.materialnumber-link:hover {
  color: black;
  background-color: var(--primary);
  text-decoration: none;
}

.mail-link {
  color: black;
  border-bottom: 2px solid #ffc510;
  text-decoration: none;
}
.mail-link:hover {
  background: #ffc510;
  color: white;
  border-bottom: 4px solid #ffc510;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media (max-width: 640px) {
  .required-fields {
    padding-left: 15px;
    margin-bottom: 20px;
  }
}

.spinner-text {
  position: fixed;
  text-align: center;
  display: none;
  width: 100%;
  z-index: 2000000000;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding-bottom: 110px;
  font-family: "Klavika Medium";
  color: #000;
  font-size: 18px;
}

.multicart-item-header, .multicart-single-item-header {
  margin-bottom: 35px;
}
.multicart-item-header .multicart-item-confirmation-order-number, .multicart-single-item-header .multicart-item-confirmation-order-number {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  gap: 5px;
}
.multicart-item-header .multicart-item-confirmation-order-number span, .multicart-single-item-header .multicart-item-confirmation-order-number span {
  font-size: 16px;
  font-family: "Klavika Light";
}
.multicart-item-header .multicart-item-order-number, .multicart-single-item-header .multicart-item-order-number {
  display: flex;
  justify-content: center;
  padding: 20px;
  font-size: 1.25rem;
}
.multicart-item-header .multicart-separator, .multicart-single-item-header .multicart-separator {
  border: 0;
  border-top: 5px solid #f5f5f5;
  margin-bottom: 5px;
}
@media (max-width: 640px) {
  .multicart-item-header .multicart-separator, .multicart-single-item-header .multicart-separator {
    border-top: 2px solid black;
  }
}
.multicart-item-header .multicart-item-title-conditions, .multicart-single-item-header .multicart-item-title-conditions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .multicart-item-header .multicart-item-title-conditions, .multicart-single-item-header .multicart-item-title-conditions {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.multicart-item-header .multicart-item-title-conditions h4, .multicart-item-header .multicart-item-title-conditions .h4, .multicart-single-item-header .multicart-item-title-conditions h4, .multicart-single-item-header .multicart-item-title-conditions .h4 {
  font-weight: bold;
  font-family: "Klavika Regular";
  font-size: 1.25rem;
}
@media (max-width: 640px) {
  .multicart-item-header .multicart-item-title-conditions h4, .multicart-item-header .multicart-item-title-conditions .h4, .multicart-single-item-header .multicart-item-title-conditions h4, .multicart-single-item-header .multicart-item-title-conditions .h4 {
    font-size: 1.0625rem;
  }
}
.multicart-item-header .multicart-item-title-conditions .multicart-item-plant .multicart-item-elements-toggle, .multicart-single-item-header .multicart-item-title-conditions .multicart-item-plant .multicart-item-elements-toggle {
  display: none;
}
@media (max-width: 640px) {
  .multicart-item-header .multicart-item-title-conditions .multicart-item-plant, .multicart-single-item-header .multicart-item-title-conditions .multicart-item-plant {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .multicart-item-header .multicart-item-title-conditions .multicart-item-plant .multicart-item-elements-toggle, .multicart-single-item-header .multicart-item-title-conditions .multicart-item-plant .multicart-item-elements-toggle {
    display: block;
  }
}
.multicart-item-header .multicart-item-subtitle-conditions, .multicart-single-item-header .multicart-item-subtitle-conditions {
  font-family: "Klavika Regular";
}
@media (max-width: 640px) {
  .multicart-item-header .multicart-item-subtitle-conditions, .multicart-single-item-header .multicart-item-subtitle-conditions {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 640px) {
  .multicart-item-container {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.multicart-item-container .multicart-mobile-padding {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 640px) {
  .multicart-item-container .multicart-item-body {
    margin-bottom: unset;
  }
  .multicart-item-container .multicart-item-body .cmp-table {
    border-bottom: unset;
  }
}
@media (max-width: 640px) {
  .multicart-item-container:last-of-type {
    border-bottom: 2px solid black;
    padding-bottom: 20px;
  }
}

@media (max-width: 640px) {
  .last-multicart-item-border {
    border-bottom: 2px solid black;
    padding-bottom: 20px;
  }
}

@media (max-width: 640px) {
  .hidden-multicart-item-mobile {
    display: none;
  }
}

.collapse-total-message-container {
  padding-right: 5px !important;
  align-items: flex-start !important;
}
.collapse-total-message-container .js-collapse-total-message {
  margin-top: -10px;
}

@media (max-width: 640px) {
  .cart-total-label-mobile-collapsed {
    overflow: hidden;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 641px) {
  .collapse-total-message-icon-container {
    display: none;
  }
}

.add-shipping-address-button {
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-end;
}

.address-manual-shipto-modal p.new-delivery {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  z-index: 2;
}
.address-manual-shipto-modal .pc-city {
  display: flex;
}
.address-manual-shipto-modal .pc-city div#postalCodeRule {
  width: 35%;
}
.address-manual-shipto-modal .pc-city div.city-input-wrapper {
  width: unset;
  flex-grow: 1;
  margin-left: 20px;
}
@media (max-width: 640px) {
  .address-manual-shipto-modal .pc-city {
    align-items: flex-end;
  }
}
.address-manual-shipto-modal .form-group {
  margin-bottom: 20px !important;
}
.address-manual-shipto-modal .form-group .manual-address-country {
  position: relative;
}
.address-manual-shipto-modal .form-group .manual-address-country .material-icons {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.address-manual-shipto-modal label.col-form-label {
  font-weight: 700;
}
.address-manual-shipto-modal input {
  padding: 0 10px;
  height: 53px;
  color: #000000;
  border-bottom: 3px solid #000000;
  transition: 0.2s;
}
.address-manual-shipto-modal input::placeholder {
  color: #dddddd;
}
.address-manual-shipto-modal input:focus {
  border-color: #dddddd;
  border-bottom: 3px solid #ffc510;
}
.address-manual-shipto-modal select.form-control {
  position: relative;
  padding: 0 10px;
  height: 53px;
  appearance: none;
  border-bottom: 3px solid #000000;
  cursor: pointer;
}
.address-manual-shipto-modal select.form-control:focus {
  border-color: #dddddd;
  border-bottom: 3px solid #ffc510;
}
.address-manual-shipto-modal select.form-control + .material-icons {
  position: absolute;
  right: 5px;
  top: 50%;
  cursor: pointer;
}
.address-manual-shipto-modal select.form-control option {
  font-size: 1em;
  border-bottom: 2px solid transparent;
}
.address-manual-shipto-modal select.form-control option:hover {
  border-bottom: 2px solid #ffc510;
}

#js-add-shipping-address-dialog input:-webkit-autofill,
#js-add-shipping-address-dialog input:-webkit-autofill:hover,
#js-add-shipping-address-dialog input:-webkit-autofill:focus,
#js-add-shipping-address-dialog input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

#js-add-shipping-address-dialog .modal-content {
  max-height: 80vh;
}
@media (min-width: 1024px) {
  #js-add-shipping-address-dialog .modal-content {
    padding: 30px 50px !important;
  }
}
@media (max-width: 1024px) {
  #js-add-shipping-address-dialog .modal-content {
    max-height: 100vh;
  }
}
@media (max-width: 640px) {
  #js-add-shipping-address-dialog .modal-content {
    max-height: 100vh;
    padding: 20px 20px !important;
  }
}

@media (max-width: 640px) {
  #js-add-shipping-address-dialog .modal-footer-add-manual-address button {
    margin-left: unset;
  }
}

#js-add-shipping-address-dialog .modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: unset;
  padding-right: unset;
}

#js-add-shipping-address-dialog .modal-body {
  padding-top: 35px;
  max-height: 60vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (max-width: 640px) {
  #js-add-shipping-address-dialog .modal-body {
    max-height: 80vh;
  }
}

@media (max-width: 1024px) {
  #js-add-shipping-address-dialog .modal-dialog {
    max-width: unset;
    margin-top: 60px;
  }
}
@media (max-width: 640px) {
  #js-add-shipping-address-dialog .modal-dialog {
    margin-top: unset;
  }
}

.new-shipping-address-flex-container {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 640px) {
  .new-shipping-address-flex-container {
    padding-left: unset;
  }
}

.new-shipping-address-container {
  width: 50%;
  padding-left: 20px;
}
@media (max-width: 640px) {
  .new-shipping-address-container {
    width: 100%;
    padding-left: unset;
    padding-bottom: 20px;
  }
}

.new-shipping-address-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.new-shipping-address-header p {
  font-size: 20px;
  font-weight: 700;
}

.new-shipping-address-recap {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  line-height: 23px;
}
.new-shipping-address-recap p, .new-shipping-address-recap span {
  text-transform: uppercase;
}

#new-shipping-address-recap-print {
  padding-left: unset;
}

.delete-manual-address-dialog-actions {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.address-selection-shipto-disabled {
  background-color: #eee !important;
  cursor: default !important;
  pointer-events: none !important;
}

.transport-equipment-disabled {
  background-color: #EEEEEE !important;
  pointer-events: none !important;
}

.print-address-formatting {
  border: 1px solid #ddd;
  padding: 10px !important;
  width: calc(50% - 6px);
}

.new-shipping-address-flex-container-print-only {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.address-manual-btn-save {
  text-align: center;
}
.address-manual-btn-save button {
  margin-top: 30px !important;
}

body.manual-address-modal-open {
  overflow: hidden;
}

@media (max-width: 640px) {
  #js-delete-manual-address-dialog {
    z-index: 2000;
  }

  #js-add-shipping-address-dialog {
    z-index: 2000;
  }
}
#new-shipping-address-container-print .new-shipping-address-container {
  width: 100%;
}

@media (max-width: 640px) {
  .product-description-desktop {
    display: none;
  }
}

.pc-city {
  white-space: nowrap;
}

.conf-lenght-delete-section {
  display: flex;
  flex-direction: row;
}
@media (max-width: 639px) {
  .conf-lenght-delete-section {
    flex-direction: column;
  }
  .conf-lenght-delete-section form {
    align-self: center;
  }
}

.cart-field-error .title {
  color: #e2001a !important;
  font-weight: 600 !important;
}
.cart-field-error .error-message, .cart-field-error label {
  color: #e2001a !important;
  font-size: 14px;
  font-weight: 600 !important;
  font-family: "Klavika Medium";
  padding-top: 5px;
}
.cart-field-error .form-control-label {
  color: #e2001a !important;
  font-weight: 600 !important;
}

.error-message {
  color: #e2001a !important;
  font-size: 14px;
  font-weight: 600;
  font-family: "Klavika Medium";
}

.align-start-date, .align-start-address {
  align-items: flex-start;
}

.delivery-option-error {
  display: flex;
  justify-content: flex-start;
}

.quick-add-cart-mobile-container {
  display: flex;
  justify-content: flex-start;
  margin: 15px;
}

.entry-total span, .entry-total div {
  font-family: "Klavika Light" !important;
  font-size: 16px !important;
}

.modal-backdrop {
  display: none !important;
}

.checkout-sap-timeout-message {
  color: red !important;
}

.checkout-sap-timeout-subtitle {
  text-transform: none !important;
  margin-bottom: 50px !important;
}

@media (max-width: 639px) {
  .desk-terms-conditions {
    display: none;
  }
}

@media (min-width: 640px) {
  .mobile-terms-conditions {
    display: none;
  }
}

.term-conditions-modal-container .modal {
  top: 58px !important;
  z-index: 999 !important;
}
.term-conditions-modal-container .modal-content {
  padding-top: 10px !important;
}
.term-conditions-modal-container .terms-condition-message {
  overflow-y: auto;
  max-height: 82vh;
}
.term-conditions-modal-container button {
  font-family: "Klavika Medium" !important;
  font-size: 16px !important;
}

@media (min-width: 641px) {
  .mobile-configurable-characteristics {
    display: none !important;
  }
}
.mobile-configurable-characteristics .configurable-characteristic {
  display: block !important;
}
.mobile-configurable-characteristics .conf-title {
  font-weight: 400;
  text-transform: uppercase;
  color: #9e9e9e;
}

.express-delivery-input {
  padding: 0 !important;
}

.tooltip-express-delivery {
  gap: 5px;
}
.tooltip-express-delivery label {
  font-family: "Klavika Medium" !important;
  font-size: 18px !important;
}
.tooltip-express-delivery .tooltip-closed-icon, .tooltip-express-delivery .tooltip-open-icon {
  font-size: 18px;
  font-family: "Glyphicons Halflings";
  font-weight: normal;
}
.tooltip-express-delivery .tooltip-closed-icon::after, .tooltip-express-delivery .tooltip-open-icon::after {
  content: "";
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -30px;
  right: -10px;
}

.add-to-cart-file__info {
  display: flex;
  align-items: center;
}
.add-to-cart-file__info .material-icons {
  font-size: 18px;
  color: blue;
  margin-right: 3px;
  margin-left: -2px;
}

.multi-stock-delivery-plant-name-checkout {
  font-family: "Klavika Light";
  font-size: 16px;
  text-align: right;
  padding: 0 20px 10px 0;
}
@media (max-width: 1023px) {
  .multi-stock-delivery-plant-name-checkout {
    text-align: left;
    padding: 0 0 10px 20px;
  }
}

.price-details-desktop-accordion-container.desktop-only {
  display: block;
}
@media (max-width: 1023px) {
  .price-details-desktop-accordion-container.desktop-only {
    display: none;
  }
}
@media print {
  .price-details-desktop-accordion-container.desktop-only {
    display: block;
  }
}
.price-details-desktop-accordion-container .price-details-desktop-accordion-header {
  display: flex;
  justify-content: space-between;
  padding: 0 1em 1em;
  cursor: pointer;
}
.price-details-desktop-accordion-container .price-details-desktop-accordion-header.hidden-header {
  visibility: hidden;
}
.price-details-desktop-accordion-container .price-details-desktop-accordion-header .price-details-title {
  font-weight: bold;
  font-family: "Klavika Light";
  font-size: 16px;
  margin-left: 5px;
  text-transform: none;
}
.price-details-desktop-accordion-container .price-details-desktop-accordion-header .arrow-icon.hidden {
  display: none !important;
}
.price-details-desktop-accordion-container .price-details-desktop-accordion-header .total-taxes-label {
  position: absolute;
  right: 55px;
  font-family: "Klavika Light";
  font-size: 16px;
}
.price-details-desktop-accordion-container .price-details-desktop-accordion-header .total-taxes-label.hidden {
  display: none !important;
}
@media print {
  .price-details-desktop-accordion-container .price-details-desktop-accordion-header .total-taxes-label {
    display: none;
  }
}
.price-details-desktop-accordion-container .price-details-desktop {
  display: block;
}
.price-details-desktop-accordion-container .price-details-desktop.hidden {
  display: none;
}

.textarea-for-product-container {
  font-family: "Klavika Light";
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-left: 3em;
}
.textarea-for-product-container.smaller-container {
  width: 50%;
}
@media (max-width: 1023px) {
  .textarea-for-product-container.smaller-container {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .textarea-for-product-container {
    margin-left: 0;
  }
}
.textarea-for-product-container label {
  font-weight: 600;
  font-family: "Klavika Light";
  font-size: 16px;
}
.textarea-for-product-container .textarea-for-product-element {
  resize: none;
  width: 45%;
}
@media (max-width: 1023px) {
  .textarea-for-product-container .textarea-for-product-element {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  #colorbox #cboxTitle .headline-text {
    display: block !important;
  }
}
.pickup-component .find-store-display::after {
  display: block;
  clear: both;
  content: "";
}
.pickup-component .find-store-display .store-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #000000;
}
.pickup-component .find-store-display .store-navigation .pickup-product {
  display: none;
  height: 56px;
  display: table;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb,
.pickup-component .find-store-display .store-navigation .pickup-product .name,
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  height: 56px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb {
  width: 56px;
  padding: calc(20px / 2);
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb img {
  height: 100%;
  width: 100%;
}
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  padding: 0 calc(20px / 2);
}
.pickup-component .find-store-display .store-navigation .pickup-search-product {
  height: 56px;
  display: table;
  border-bottom: 1px solid #ddd;
  width: 100%;
  font-size: 1rem;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar {
  height: 56px;
  display: table-cell;
  padding-right: calc(20px / 2);
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group {
  border: 1px solid #000000;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group-btn {
  vertical-align: top;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .form-control {
  border: 0 none;
  height: 23px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn {
  box-shadow: none !important;
  height: 23px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .glyphicon {
  top: 0;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me {
  height: 56px;
  display: table-cell;
  padding: 0 calc(20px / 2);
  vertical-align: middle;
  display: none;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me .near-store span {
  margin-right: calc(20px / 2);
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager {
  height: 23px;
  line-height: 23px;
  padding: 0 calc(20px / 2);
  background: #fff;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager::after {
  display: block;
  clear: both;
  content: "";
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .prev {
  float: left;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .next {
  float: right;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.pickup-component .find-store-display .display-details {
  float: left;
  width: 50%;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .store-image {
  float: right;
  width: 150px;
}
.pickup-component .find-store-display .display-details .store-image img {
  width: 100%;
  height: auto;
}
.pickup-component .find-store-display .display-details .distance {
  text-align: right;
  margin-top: calc(20px / 2);
}
.pickup-component .find-store-display .display-details .store-info .name {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-info .address {
  color: #777777;
}
.pickup-component .find-store-display .display-details .store-links {
  margin: calc(20px / 2) 0;
}
.pickup-component .find-store-display .display-details .store-links a {
  display: block;
}
.pickup-component .find-store-display .display-details .store-openings .title {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-openings dl dt {
  width: 60px;
  text-align: left;
  float: left;
}
.pickup-component .find-store-display .display-details .store-openings dl dd {
  margin-left: 80px;
}
.pickup-component .find-store-display .display-details .pickup-product {
  height: 125px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #ddd;
}
.pickup-component .find-store-display .display-details .pickup-product .variants {
  height: 30px;
  margin-top: -30px;
  padding: 5px calc(20px / 2);
  font-weight: normal;
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:after {
  content: ", ";
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:last-child:after {
  content: "";
}
.pickup-component .find-store-display .display-details .pickup-product .thumb {
  float: left;
  width: 112px;
  height: 112px;
  padding: calc(20px / 2);
}
.pickup-component .find-store-display .display-details .pickup-product .thumb img {
  height: 100%;
  width: auto;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info {
  display: table;
  height: 56px;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name,
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name {
  font-weight: normal;
  width: 100%;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  padding: 0 calc(20px / 2);
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price .stock {
  white-space: nowrap;
}
.pickup-component .find-store-display .display-details .pickup-product .action {
  height: 70px;
  padding: calc(20px / 2);
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
  display: inline-block;
  vertical-align: top;
  margin-right: calc(20px / 2);
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
  width: 142px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  height: 19px;
}
.pickup-component .pickup-store-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.pickup-component .pickup-store-list li.loading {
  height: 56px;
  background: #000000;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #000000;
  text-align: center;
  line-height: 56px;
}
.pickup-component .pickup-store-list li.loading .glyphicon {
  color: #000000;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.pickup-component .pickup-store-list .pickup-store-list-entry {
  height: 56px;
}
.pickup-component .pickup-store-list .pickup-store-list-entry input {
  display: none;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 1rem;
  padding: 0 0 0 calc(20px / 2);
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #000000;
  border-bottom: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label:hover {
  background: #f2f2f2;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-name {
  display: block;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-city {
  display: block;
  font-weight: normal;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span div {
  font-size: 10px;
}

.inline-layer {
  height: 0;
  overflow: hidden;
  transition: 0.9s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .inline-layer {
    transition: none;
  }
}
.inline-layer.open {
  height: auto !important;
}

@media (min-width: 1024px) {
  .pickup-component .find-store-display .pickup-store-list {
    margin: 0 -1px 0 0;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label {
    padding-right: calc(28px / 2);
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #000000;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label {
    background: #000000;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .pickup-store-info {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .store-availability {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: calc(28px / 2) solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 1023px) {
  .pickup-component {
    overflow: hidden;
  }
  .pickup-component .find-store-display {
    width: 200%;
    -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;
  }
  .pickup-component .find-store-display .store-navigation {
    width: 50%;
    border: 0;
  }
  .pickup-component.show-store .find-store-display {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .pickup-component .qty-selector input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .action {
    padding-top: 0 !important;
  }
}
@media (max-width: 639px) {
  .pickup-component .find-store-display .display-details .store-image {
    float: none;
    width: auto;
    margin-bottom: calc(20px / 2);
  }
  .pickup-component .find-store-display .display-details .store-image::after {
    display: block;
    clear: both;
    content: "";
  }
  .pickup-component .find-store-display .display-details .store-image img {
    width: 50%;
    height: auto;
    float: left;
    max-width: 150px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance {
    width: 50%;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0 0 0 calc(20px / 2);
  }
  .pickup-component .find-store-display .display-details .store-image .distance strong {
    display: block;
  }
  .pickup-component .find-store-display .display-details .pickup-product {
    position: relative;
  }
  .pickup-component .find-store-display .display-details .pickup-product .thumb {
    width: 56px;
    height: 56px;
    padding: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    white-space: nowrap;
    padding-top: 0;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
    margin-right: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
    min-width: 120px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .btn {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.pickup-component .display-details .store-tabs {
  position: relative;
  padding: 0 0 calc(20px / 2) calc(20px / 2);
  height: 252px;
}
.pickup-component .display-details .store-tabs .tabs-list {
  padding-left: 0;
  list-style: none;
  background-image: linear-gradient(to right, #F6F6F6 0%, #FFFFFF 8px);
  position: absolute;
  right: 0;
  top: calc(20px / 2);
  padding: 10px 0;
}
.pickup-component .display-details .store-tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.pickup-component .display-details .store-tabs .tabs-list:before, .pickup-component .display-details .store-tabs .tabs-list:after {
  content: "";
  position: absolute;
  background-color: transparent;
  height: 10px;
  left: 0;
  width: 100%;
}
.pickup-component .display-details .store-tabs .tabs-list:before {
  top: 0;
  background-image: linear-gradient(#FFFFFF, rgba(255, 255, 255, 0));
}
.pickup-component .display-details .store-tabs .tabs-list:after {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #FFFFFF);
}
.pickup-component .display-details .store-tabs .tabs-list li {
  margin: 5px 0;
  border: 1px solid transparent;
  border-left: 0;
  color: #999;
  position: relative;
}
.pickup-component .display-details .store-tabs .tabs-list li a {
  color: inherit;
  font-size: 18px;
  padding: 5px 10px;
  display: block;
  border-left: 2px solid transparent;
  transition: 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .pickup-component .display-details .store-tabs .tabs-list li a {
    transition: none;
  }
}
.pickup-component .display-details .store-tabs .tabs-list li.active {
  border: 1px solid #eee;
  border-left: 0;
  background: #fff;
  color: #000;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
  border-right: 2px solid #000000;
}
.pickup-component .display-details .store-tabs .tabs-list li.active a {
  border-left: 2px solid transparent !important;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover,
.pickup-component .display-details .store-tabs .tabs-list li a:focus {
  color: #000;
  border-left: 2px solid #000000;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:before,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:before {
  display: block;
  content: attr(aria-label);
  width: auto;
  height: 20px;
  line-height: 20px;
  background: #000000;
  position: absolute;
  top: 0;
  left: -10px;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  font-size: 12px;
  padding: 0 5px;
  color: #fff;
  white-space: nowrap;
  z-index: 100;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:after,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #000000;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 5px);
  -ms-transform: translate(-100%, 5px);
  -o-transform: translate(-100%, 5px);
  transform: translate(-100%, 5px);
}
.pickup-component .display-details .store-tabs .content {
  margin-right: 52px;
  overflow: auto;
  height: 100%;
}
.pickup-component .display-details .store-tabs .tabhead {
  display: none;
}
.pickup-component .display-details .store-tabs .pickup-map {
  height: 232px;
}

.addressbook-component {
  border: 1px solid #eee;
  padding: 0;
  margin: 140px 0;
}
.addressbook-component .addressbook-header {
  background: #eee;
  position: relative;
  border-bottom: 1px solid #000000;
  padding: calc(20px / 2);
  height: 56px;
  display: table;
  width: 100%;
}
.addressbook-component .addressbook-header .headline {
  line-height: 16px;
  font-weight: bold;
  font-size: 1rem;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.addressbook-component .addressbook-header .headline .back-to-storelist {
  display: none;
}
.addressbook-component .addressbook-header .close-addressbook {
  display: table-cell;
}
.addressbook-component .find-address-display::after {
  display: block;
  clear: both;
  content: "";
}
.addressbook-component .find-address-display .address-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #000000;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager {
  height: 28px;
  line-height: 28px;
  padding: 0 calc(20px / 2);
  border-top: 1px solid #DDDDDD;
  margin-top: -1px;
  background: #fff;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager::after {
  display: block;
  clear: both;
  content: "";
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .prev {
  float: left;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .next {
  float: right;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.addressbook-component .find-address-display .display-details {
  float: left;
  width: 50%;
}
.addressbook-component .find-address-display .display-details .address-details {
  padding: calc(20px / 2);
  height: 238px;
  overflow: hidden;
}
.addressbook-component .find-address-display .display-details .address-actions {
  height: 56px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #ddd;
  padding: 10px 10px;
  position: relative;
}
.addressbook-component .find-address-display .display-details .address-actions .set-default {
  position: absolute;
  top: -50px;
  right: 10px;
}
.addressbook-component .address-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.addressbook-component .address-list .address-list-entry {
  height: 56px;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry input {
  display: none;
}
.addressbook-component .address-list .address-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 1rem;
  padding: 0 0 0 calc(20px / 2);
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #eee;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry label:hover {
  background: #f2f2f2;
}
.addressbook-component .address-list .address-list-entry .address-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.addressbook-component .address-list .address-list-entry .address-info .inner {
  max-height: 56px;
  overflow: hidden;
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-name {
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-city {
  display: block;
  font-weight: normal;
}
.addressbook-component .address-list .address-list-entry .address-actions {
  display: table;
  height: 100%;
  width: auto;
}
.addressbook-component .address-list .address-list-entry .address-actions span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  text-align: center;
}

.inline-layer {
  height: 0;
  overflow: hidden;
  transition: 0.9s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .inline-layer {
    transition: none;
  }
}
.inline-layer.open {
  height: auto !important;
}

@media (min-width: 1024px) {
  .addressbook-component .find-address-display .address-list {
    margin: 0 -1px 0 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label {
    padding-right: calc(14px / 2);
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #000000;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: #000000;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: calc(14px / 2) solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 1023px) {
  .addressbook-component {
    overflow: hidden;
  }
  .addressbook-component .find-address-display {
    width: 200%;
    -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;
  }
  .addressbook-component .find-address-display .address-navigation {
    width: 50%;
    border: 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: #000000;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
}
.login-section .headline, .register-section .headline {
  color: #000000;
  font-size: 20px;
  line-height: 1em;
  font-weight: 300;
  margin: 0 0 10px;
}
@media (min-width: 1023px) {
  .login-section .headline, .register-section .headline {
    font-size: 30px;
  }
}
.login-section .headline:last-child, .register-section .headline:last-child {
  margin-bottom: 0;
}

.login-section {
  width: 50%;
  margin: 50px auto 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-section .cmp-button.button.primary.register {
  font-weight: 600;
  flex: 1;
}
.login-section .cmp-button.button.primary.login {
  flex: 1;
}
.login-section .forgotten-password.cmp-textimage.cmp-text a:link {
  border-bottom: 3px solid #ffc510;
}

.forgotten-password .cmp-button.button.primary.cmp-button--right {
  margin-top: 45px;
}

@media (max-width: 1023px) {
  .login-section {
    width: 90%;
  }
}
.login-bottom {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.login-bottom .login-buttons {
  display: flex;
  height: 100%;
  gap: 20px;
}
.login-bottom .login-buttons .sika-button {
  display: flex;
}
@media (max-width: 639px) {
  .login-bottom .login-buttons .sika-button {
    flex: 1;
  }
}

.login-bottom.e-shop30 {
  font-family: "Klavika";
  margin-top: 25px;
}

.forgotten-password {
  margin-top: 50px;
}
@media (max-width: 639px) {
  .forgotten-password {
    margin-top: 0;
  }
}
.forgotten-password .cmp-button.button.primary.cmp-button--right {
  margin-top: 20px;
}
@media (max-width: 639px) {
  .forgotten-password .cmp-button.button.primary.cmp-button--right {
    float: left;
  }
}
.forgotten-password.alert {
  padding-left: 0;
  padding-right: 0;
}
.forgotten-password .description {
  font-family: "Klavika Regular";
  margin-bottom: 20px;
}
@media (max-width: 639px) {
  .forgotten-password .description {
    font-size: 15px;
    margin-top: 60px;
    margin-bottom: 25px;
  }
}
#colorbox .forgotten-password .btn-primary {
  margin-top: 35px;
}

#cboxOverlay.forgotten-pwd {
  background: #ddd;
}

#colorbox {
  font-family: "Klavika Regular";
}
#colorbox.terms-and-conditions #cboxContent {
  border-radius: 0.3rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

#colorbox.forgotten-pwd {
  background: #fff;
  border-radius: 0.3rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  width: 50% !important;
  height: 400px !important;
}
@media (max-width: 1023px) {
  #colorbox.forgotten-pwd {
    left: 0 !important;
    top: 60px !important;
    transform: translate(0, 0);
  }
}
@media (min-width: 64em) {
  #colorbox.forgotten-pwd {
    width: 40% !important;
  }
}
#colorbox.forgotten-pwd #cboxWrapper {
  display: flex !important;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
  padding: 50px;
}
#colorbox.forgotten-pwd #cboxWrapper.hidden {
  display: none !important;
}
#colorbox.forgotten-pwd #cboxClose .material-icons {
  font-size: 18px;
}
@media (max-width: 639px) {
  #colorbox.forgotten-pwd #cboxClose .material-icons {
    font-size: 24px;
  }
}
#colorbox.forgotten-pwd #cboxTitle {
  float: none !important;
  position: initial;
  display: flex !important;
  height: auto;
  background: #fff;
  padding: 0;
}
#colorbox.forgotten-pwd #cboxTitle .headline {
  font-size: 21px;
  font-family: "Klavika Regular";
  letter-spacing: 0.6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 639px) {
  #colorbox.forgotten-pwd #cboxTitle .headline {
    font-size: 24px;
    padding: 0;
  }
}
#colorbox.forgotten-pwd #cboxTitle .headline .forgotten-pwd-close.material-icons {
  cursor: pointer;
}
#colorbox.forgotten-pwd #cboxContent {
  float: none !important;
  height: 100% !important;
  width: auto !important;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}
#colorbox.forgotten-pwd #cboxLoadedContent {
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 639px) {
  #colorbox.forgotten-pwd #cboxLoadedContent {
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
  }
}
@media (max-width: 639px) {
  #colorbox.forgotten-pwd {
    border: none;
    top: 0;
    left: 0 !important;
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100%;
    margin-left: 0;
  }
}
#colorbox.forgotten-pwd.slide {
  left: 0 !important;
  transition: left 0.3s ease-in-out;
}

.register-form-action, .login-form-action {
  margin-top: 35px;
}

.forgotten-password + .login-form-action {
  margin-top: 0;
}

@media (max-width: 639px) {
  .login-form-action .btn-default {
    margin-top: 30px;
  }
}
@media (max-width: 639px) {
  .login-section .forgotten-password,
.register-section .forgotten-password {
    margin-bottom: 45px;
  }
}
.sso-btn-cont {
  flex: 1;
}

.sso-button {
  height: 100%;
  margin-bottom: 0 !important;
}

.login-bottom-sso {
  gap: 20px;
}

.forgot-password-sso:after {
  content: "" !important;
  margin-left: 0 !important;
}

.ASM_header .row {
  margin: unset;
  --bs-gutter-x: unset;
  --bs-gutter-y: unset;
  display: block;
}

.ASM_header .row > * {
  width: unset;
}

#_asm .collapseBtn {
  line-height: 10px !important;
  padding-bottom: 8px !important;
}

.ASM_input_holder .disabled {
  pointer-events: none;
}

.asmAutoComplete .ui-menu-item {
  border-bottom: 1px solid var(--bs-gray-200) !important;
}
@media (min-width: 641px) {
  .asmAutoComplete .ui-menu-item-wrapper {
    width: 30% !important;
  }
}

@media (min-width: 641px) {
  .asm-input-section {
    width: 70% !important;
  }
}

.asm-clear-field-icon {
  display: flex;
  align-items: center;
  margin-left: 8px;
  color: #0486e0;
  cursor: pointer;
}

.checkout-login .headline {
  color: #000000;
  font-size: 20px;
  line-height: 1em;
  font-weight: 300;
  margin: 0 0 10px;
}
@media (min-width: 1023px) {
  .checkout-login .headline {
    font-size: 30px;
  }
}
.checkout-login .headline:last-child {
  margin-bottom: 0;
}
.checkout-login .btn.btn-block + .btn.btn-block {
  margin-top: calc(20px / 2);
}

.checkout-new-account {
  text-align: center;
  background-color: transparent;
  border-top: 1px solid #000000;
  padding: 20px 0 55px;
}
.checkout-new-account-headline {
  font-size: 24px;
  font-weight: bold;
}
.checkout-new-account-form {
  text-align: left;
  margin-top: 25px;
}
.checkout-new-account .accountActions-bottom {
  margin-top: 35px;
}

@media (max-width: 639px) {
  .checkout-new-account {
    margin-right: -15px;
    margin-left: -15px;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    padding-left: calc(20px / 2);
    padding-right: calc(20px / 2);
  }
}
.checkout-headline {
  color: #000000;
  font-size: 20px;
  line-height: 1em;
  font-weight: 300;
  margin: 0 0 10px;
}
@media (min-width: 1023px) {
  .checkout-headline {
    font-size: 30px;
  }
}
.checkout-headline:last-child {
  margin-bottom: 0;
}
.checkout-headline span {
  color: #000000;
  margin-right: 5px;
  top: 2px;
}

.checkout-body-styling {
  padding: 30px 20px 15px;
  border: 1px solid #000000;
  border-top: 0;
}

.checkout-steps .step-head {
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  font-size: 1.09375rem;
  font-weight: 600;
  position: relative;
  display: table;
  width: 100%;
  padding: calc(20px / 2) 20px calc(20px / 2) 40px;
  height: 49px;
  counter-increment: checkout;
}
.checkout-steps .step-head:before {
  content: counter(checkout) ".";
  position: absolute;
  left: 3px;
  top: 0;
  width: 50px;
  text-align: center;
  line-height: 49px;
}
.checkout-steps .step-head + .step-head {
  margin-top: calc(20px / 2);
}
.checkout-steps .step-head.active {
  background: #ffffff;
  color: #000000;
  border-color: #000000;
}
.checkout-steps .step-head .title {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}
.checkout-steps .step-head .edit {
  color: #000000;
  font-size: 20px;
  display: table-cell;
  vertical-align: top;
}
.checkout-steps .step-body .step-body-form {
  padding: 30px 20px 15px;
  border: 1px solid #000000;
  border-top: 0;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection {
  margin-bottom: 5px;
}
.checkout-steps .step-body .checkout-next {
  margin: 30px 0;
}
.checkout-steps .step-body hr {
  margin: -20px;
  border-color: #000000;
}
.checkout-steps .step-body .checkout-indent .headline {
  font-size: 20px;
  padding-bottom: 15px;
  padding-top: 30px;
}

@media (max-width: 639px) {
  .checkout-steps {
    padding-left: calc(20px / 2);
    padding-right: calc(20px / 2);
  }
  .checkout-steps .step-head {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .checkout-steps .step-head:before {
    line-height: 68px;
  }
}
.checkout-shipping {
  padding: 30px 20px 15px;
  border: 1px solid #000000;
  border-top: 0;
  padding-top: 0;
  padding-bottom: calc(20px / 2);
}
.checkout-shipping .checkout-shipping-items .checkout-shipping-items-header {
  text-transform: uppercase;
  padding: 25px 0 calc(20px / 2) 0;
  font-size: 1rem;
  font-weight: 700;
}
.checkout-shipping .checkout-shipping-items > div {
  padding-bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkout-shipping .checkout-shipping-items ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .checkout-shipping-items ul li {
  padding-top: 6px;
  line-height: 1.09375rem;
}
.checkout-shipping .checkout-shipping-items ul li:first-child {
  padding-top: 1px;
}
.checkout-shipping .checkout-shipping-items ul li .name {
  font-weight: 700;
}
.checkout-shipping .simplify-pickup-locations {
  background: #000000;
  padding: calc(20px / 2);
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header {
  background: black;
  padding: calc(20px / 2);
  line-height: 35px;
  margin: calc(20px / -2) calc(20px / -2) calc(20px / 2) calc(20px / -2);
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header::after {
  display: block;
  clear: both;
  content: "";
}
.checkout-shipping .simplify-pickup-locations ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .simplify-pickup-locations ul li + li {
  border-top: 1px solid black;
}
.checkout-shipping .simplify-pickup-locations ul a {
  color: #000000;
  background: #fff;
  display: block;
  padding: calc(20px / 2);
  text-decoration: none;
}

@media (max-width: 1399px) {
  .checkout-shipping .checkout-shipping-items .qty {
    text-align: right;
  }
  .checkout-shipping .checkout-shipping-items .checkout-pickup-items {
    padding-bottom: 0;
  }
}
.checkout-paymentmethod {
  padding: 30px 20px 15px;
  border: 1px solid #000000;
  border-top: 0;
  padding-top: 0;
}
.step-body .checkout-paymentmethod hr {
  margin-top: 25px;
}

#addressbook, #savedpayments, #savedpaymentsbody {
  display: none;
  padding-bottom: 20px;
}
#colorbox #addressbook, #colorbox #savedpayments, #colorbox #savedpaymentsbody {
  display: block;
}
#addressbook ul, #savedpayments ul, #savedpaymentsbody ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
#addressbook ul li, #savedpayments ul li, #savedpaymentsbody ul li {
  padding: calc(20px / 2) 0;
}

.checkout-order-summary .checkout-order-summary-list {
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #000000;
  margin: 0;
}
@media (min-width: 640px) {
  .checkout-order-summary .checkout-order-summary-list:first-of-type .checkout-order-summary-list-heading {
    padding-top: 15px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading:only-child {
    border-bottom: 0;
  }
}
.checkout-order-summary .checkout-order-summary-list li {
  padding: 20px;
}
.checkout-order-summary .checkout-order-summary-list li::after {
  display: block;
  clear: both;
  content: "";
}
.checkout-order-summary .checkout-order-summary-list li:nth-child(2n+3) {
  background-color: #ffffff;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
  background-color: #000000 !important;
  color: #ffffff;
  padding: 15px 20px;
  border-bottom: 1px solid transparent;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading > div {
  float: left;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
  font-weight: 700;
  padding-right: 5px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 85%;
}
.checkout-order-summary .checkout-order-summary-list .thumb {
  float: left;
  margin-right: 20px;
  width: 65px;
}
.checkout-order-summary .checkout-order-summary-list .thumb img {
  width: 100%;
  height: auto;
}
.checkout-order-summary .checkout-order-summary-list .price {
  float: right;
  margin-left: calc(20px / 2);
  margin-bottom: 20px;
  font-size: 0.875rem;
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details {
  font-size: 0.875rem;
  margin-left: 85px;
}
.checkout-order-summary .checkout-order-summary-list .details .name {
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details .promotion {
  color: #000000;
}
.checkout-order-summary .checkout-order-summary-list .updateQuantityProduct-toggle {
  float: right;
}
.checkout-order-summary .checkout-order-summary-list .stock-status {
  clear: both;
  padding: calc(20px / 2) 0;
  font-size: 1rem;
}
@media (max-width: 1023px) {
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
    width: 100%;
  }
}
.checkout-order-summary .subtotals {
  font-size: 1.09375rem;
  margin-top: 30px;
}
.checkout-order-summary .subtotals .subtotal,
.checkout-order-summary .subtotals .shipping,
.checkout-order-summary .subtotals .tax,
.checkout-order-summary .subtotals .totals {
  padding: 5px 0;
}
.checkout-order-summary .subtotals .subtotal span,
.checkout-order-summary .subtotals .shipping span,
.checkout-order-summary .subtotals .tax span,
.checkout-order-summary .subtotals .totals span {
  float: right;
  font-weight: 600;
}
.checkout-order-summary .subtotals .totals {
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 15px;
  padding: calc(20px / 2) 0;
  border-top: 1px solid #000000;
}
.checkout-order-summary .subtotals .realTotals {
  font-size: 0.875rem;
}

@media (max-width: 639px) {
  .checkout-order-summary {
    padding: 30px 20px 15px;
    border: 1px solid #000000;
    border-top: 0;
    margin-left: calc(20px / 2);
    margin-right: calc(20px / 2);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .checkout-order-summary .checkout-order-summary-list {
    padding-left: 0;
    list-style: none;
    border: none;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
    background-color: transparent !important;
    color: #000000;
    padding: 25px 20px;
    border-color: #000000;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
    text-transform: uppercase;
    font-size: 1rem;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-items {
    border-bottom: 1px solid #000000;
  }
  .checkout-order-summary .subtotals {
    padding: 0 20px;
  }
}
.shipping-transport h3, .shipping-transport .h3, .freight-terms h3, .freight-terms .h3 {
  text-transform: none;
}

.checkout-review {
  padding: 30px 20px 15px;
  border: 1px solid #000000;
  border-top: 0;
}
.checkout-review .checkout-order-summary .subtotals {
  margin-top: 0;
}

.place-order-form .checkbox label {
  font-size: 0.875rem;
  color: #000000;
  text-transform: none;
}
.place-order-form .col-sm-3 .form-control-label {
  margin-top: 15px;
}
@media (max-width: 639px) {
  .place-order-form {
    padding: 0 10px;
  }
}

.page-multiStepCheckoutSummaryPage .row-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -6px;
  margin-left: -6px;
}
.page-multiStepCheckoutSummaryPage .row-flex div[class^=col-] {
  width: 100%;
  padding-right: 6px;
  padding-left: 6px;
}
.page-multiStepCheckoutSummaryPage .row-flex .col-xs-6 {
  width: 50% !important;
  padding-right: 6px;
  padding-left: 6px;
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage .row-flex .col-sm-6 {
    margin-top: 10px;
  }
}
@media (min-width: 640px) {
  .page-multiStepCheckoutSummaryPage .row-flex .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    float: none;
  }
}
.page-multiStepCheckoutSummaryPage h3, .page-multiStepCheckoutSummaryPage .h3 {
  text-transform: none;
  margin-top: 0;
}

.btn-close-terms-and-conditions {
  margin: 30px 0;
}

.checkout-help {
  text-align: center;
  border: 1px solid #000000;
  font-size: 15px;
  padding: calc(20px / 2);
  margin-top: 60px;
}
@media (max-width: 639px) {
  .checkout-help {
    margin-top: 30px;
    margin-left: calc(20px / 2);
    margin-right: calc(20px / 2);
  }
}

.checkout-success-body {
  margin: 10px 0 25px;
  text-align: center;
}
.checkout-success-body .order-confirmation {
  margin-bottom: 0;
}
.checkout-success-body-headline {
  text-transform: uppercase;
  font-weight: 600 !important;
}
.checkout-success-footer .additional-info {
  margin-top: 28px;
  margin-bottom: 10px !important;
  font-size: 16px;
}
.checkout-success-footer .additional-info br:only-of-type {
  display: block !important;
}
.checkout-success-footer .additional-info br:last-of-type {
  display: none;
}
.checkout-success .detail-message {
  margin-bottom: 28px !important;
  font-size: 16px;
}

.checkout-success-body-register {
  overflow: hidden;
  margin: 20px 0 35px 0;
}
.checkout-success-body-register .login-section, .checkout-success-body-register .register-section {
  margin: 0 auto;
  float: none;
  background-color: #000000;
  padding: 15px;
}
.checkout-success-body-register .checkout-success-body-register-email {
  display: inline-block;
  margin-left: 5px;
}
.checkout-success-body-register form {
  padding: 20px 0;
  text-align: left;
}

.termsAndConditions-section {
  padding-bottom: 20px;
}

@media (max-width: 1023px) {
  .terms-and-conditions-footer-button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

label.terms {
  margin: 15px 0;
}

fieldset#cardDate > .col-form-label,
fieldset#startDate > .col-form-label {
  font-weight: bold;
  margin-bottom: 5px;
}
fieldset#cardDate .form-group .col-form-label,
fieldset#startDate .form-group .col-form-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
  margin-top: 100px;
  padding: 0;
}
@media (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 130px;
  }
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 170px;
  }
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row {
  border-top: 1px solid #000000;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row:nth-child(2n+2) {
  background: #ffffff;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-prod-info {
  display: inline-block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
  padding: 10px 10px 15px;
  vertical-align: top;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td > span {
  display: block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td.grid-prod-img {
  padding-left: 40px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant,
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-size {
  font-weight: bold;
  min-width: 80px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant {
  display: block;
  font-size: 16px;
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
    padding: 10px 15px 15px;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td:nth-child(2n+2) {
    background-color: transparent;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info {
    display: block;
    text-align: left;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info span {
    display: inline-block;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-price {
    float: right;
  }
}

.card-info-box {
  margin-top: 15px;
  margin-bottom: 10px;
}

.checkout-info-container {
  margin: 10px 0;
}
.checkout-info-container .info-order-list {
  margin: 0;
}
.checkout-info-container ul {
  padding: 0;
}
.checkout-info-container ul li {
  display: block;
  margin: 20px 0;
}
.checkout-info-container .order-number-title, .checkout-info-container .comments-section-title, .checkout-info-container .rushed-order-title, .checkout-info-container .entire-order-title {
  font-family: "Klavika Medium";
  font-weight: 600;
  margin-top: 20px;
  font-size: 1.0625rem;
}

.has-error {
  font-family: "Klavika Medium" !important;
}
.has-error label span {
  color: #e2001a;
  font-weight: 600;
}

.shipping-details {
  padding-left: 10px;
}
.shipping-details .shipping-conditions-title {
  font-family: "Klavika Medium";
  font-weight: 600;
}
.shipping-details .flex-delivery-options-container {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}

.checkout-construction-site {
  padding-left: 5px;
}

.checkout-btn-wrapper {
  margin: 15px 0 !important;
}

.order-number,
.comment-section {
  margin: 30px 0 !important;
}

.shipping-options-section,
.checkout-delivery-option-2 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

@media (min-width: 640px) {
  .order-number-section > .form-group {
    padding-right: 6px;
  }
}
.order-number-section h5, .order-number-section .h5 {
  font-weight: 700 !important;
  font-family: "Klavika Medium" !important;
}
.order-number-section .order-number-label {
  font-weight: 700;
}
.order-number-section .order-number-input {
  display: block;
  padding: 0 15px;
  height: 53px;
  width: 100%;
  font-weight: 700;
  border: 1px solid #ddd;
  border-bottom: 3px solid #000000;
  outline: none;
  transition: 0.2s;
}
.order-number-section .order-number-input:focus {
  border-bottom: 3px solid #ffc510;
}

.comment-section h5, .comment-section .h5 {
  font-weight: 700 !important;
  font-family: "Klavika Medium" !important;
}

.checkout-delivery-option-2 .delivery-date {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.delivery-date-step3 .delivery-date {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.flex-button-container {
  display: flex;
  justify-content: center;
  gap: 40px;
  padding-top: 20px !important;
}

.shipping-conditions-container {
  margin-top: 30px;
}
.shipping-conditions-container .realign-step3 {
  flex: 1 1 50%;
  margin: 0;
  box-sizing: border-box;
}
.shipping-conditions-container .align-remove-padding {
  padding-left: 0 !important;
}
.shipping-conditions-container .shipping-conditions-title {
  font-family: "Klavika Medium";
}
.shipping-conditions-container .checkout-delivery-option {
  margin: 10px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #ddd;
  font-weight: 700 !important;
}
.shipping-conditions-container .checkout-delivery-option > div {
  width: 50% !important;
}
.shipping-conditions-container .checkout-delivery-option > div .checkout-delivery-option__left {
  padding: 10px;
}
.shipping-conditions-container .checkout-delivery-option > div .checkout-delivery-option__right {
  padding: 16px;
}
.shipping-conditions-container .checkout-delivery-option > div .checkout-delivery-option__right .address-shipto {
  font-weight: 500 !important;
}
@media (max-width: 1023px) {
  .shipping-conditions-container .checkout-delivery-option .delivery-option-name,
.shipping-conditions-container .checkout-delivery-option .delivery-option-value {
    display: block;
  }
}
.shipping-conditions-container .checkout-delivery-option .delivery-option-value {
  margin-right: 30px;
  font-weight: 500 !important;
}
.shipping-conditions-container .checkout-delivery-option .delivery-option-name {
  margin-right: 30px;
}
.shipping-conditions-container .title {
  font-family: "Klavika Medium";
  font-weight: 600;
}
.shipping-conditions-container .shipping-checkbox-section .cmp-input {
  padding: 0 !important;
}

@media (max-width: 639px) {
  .shipping-conditions-container .checkout-delivery-option {
    flex-direction: column;
    align-items: flex-start;
  }
  .shipping-conditions-container .checkout-delivery-option > div {
    width: 100% !important;
  }
  .shipping-conditions-container .checkout-delivery-option > div .checkout-delivery-option__left,
.shipping-conditions-container .checkout-delivery-option > div .checkout-delivery-option__right {
    padding: 10px !important;
  }
}
#storeFinder {
  margin-top: 20px;
}
#storeFinder #storelocator-query {
  height: 19px;
}

.store-finder {
  display: none;
  padding: 0;
}
.store-finder-headline {
  font-size: 18px;
  margin-bottom: 10px;
}
.store-finder-search .row > * {
  margin-bottom: 10px;
}
.store-finder-pagination {
  line-height: 19px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.store-finder-pagination::after {
  display: block;
  clear: both;
  content: "";
}
.store-finder-pagination > div {
  line-height: 1;
}
.store-finder-navigation {
  overflow: hidden;
  height: 561px;
}
.store-finder-navigation, .store-finder-details {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
}
.store-finder-map {
  width: 100%;
  height: 200px;
}
.store-finder .stores-nearby {
  margin-bottom: calc(20px / 2);
}
.store-finder-navigation-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  border: 1px solid #ddd;
  position: relative;
}
.store-finder-navigation-list li.loading {
  height: 56px;
  background: #000000;
  border-bottom: 1px solid #ddd;
  text-align: center;
  line-height: 56px;
}
.store-finder-navigation-list li.loading .glyphicon {
  color: #ff4444;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.store-finder-navigation-list-entry {
  height: 56px;
}
.store-finder-navigation-list-entry:last-child label {
  border: 0;
}
.store-finder-navigation-list-entry input {
  display: none;
}
.store-finder-navigation-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 1rem;
  padding: 0 14px 0 calc(20px / 2);
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #000000;
  border-bottom: 1px solid #ddd;
}
.store-finder-navigation-list-entry label:hover {
  background: #f2f2f2;
}
.store-finder-navigation-list-entry input:checked + label {
  background: #000000;
  color: #fff !important;
}
.store-finder-navigation-list-entry input:checked + label:after {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -1px;
  background: transparent;
  border: 28px solid transparent;
  border-right-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.store-finder-navigation-list-entry-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.store-finder-navigation-list-entry-name {
  display: block;
}
.store-finder-navigation-list-entry-city {
  display: block;
  font-weight: normal;
}
.store-finder-navigation-list-entry-distance {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.store-finder-navigation-list-entry-distance span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.store-finder-details-back {
  margin-bottom: 20px;
}
@media (max-width: 639px) {
  .store-finder-details-back {
    display: inline-block !important;
  }
}
.store-finder-details-image {
  width: 112px;
  float: left;
  margin-right: 10px;
}
.store-finder-details-image img {
  width: 100%;
  height: auto;
}
.store-finder-details-info {
  margin-left: 122px;
}
.store-finder-details-info-name {
  font-weight: bold;
}
.store-finder-details hr {
  clear: both;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 1px;
  position: relative;
  border: 0;
}
.store-finder-details hr:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  height: 1px;
  right: 0;
  left: 0;
  background: #ddd;
}
.store-finder-details-map {
  background: #eee;
}
.store-finder-details-openings dl dt {
  text-align: left !important;
  width: 60px;
}
.store-finder-details-openings dl dd {
  margin-left: 60px;
}
.store-finder-details-openings ul {
  padding-left: 0;
  list-style: none;
}
@media (max-width: 639px) {
  .store-finder .back-to-storelist {
    margin-bottom: 10px;
  }
  .store-finder .store-finder-panel {
    width: 200%;
    margin: 0;
    -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;
  }
  .store-finder .store-finder-panel > * {
    padding: 0;
  }
  .store-finder .store-finder-panel .store-finder-details {
    display: none;
  }
  .store-finder .store-finder-pagination {
    line-height: 1rem;
  }
  .store-finder.show-store .store-finder-pagination {
    color: rgba(0, 0, 0, 0);
    height: 46px;
  }
  .store-finder.show-store .store-finder-pagination * {
    display: none;
  }
  .store-finder.show-store .store-finder-panel {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .store-finder.show-store .store-finder-panel .store-finder-navigation {
    padding-right: 20px;
  }
  .store-finder.show-store .store-finder-panel .store-finder-details {
    display: block;
  }
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: white;
  opacity: 1;
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 14px;
  height: 14px;
}

#cboxTopCenter {
  height: 14px;
}

#cboxTopRight {
  width: 14px;
  height: 14px;
}

#cboxBottomLeft {
  width: 14px;
}

#cboxBottomCenter {
  height: 43px;
}

#cboxBottomRight {
  width: 14px;
}

#cboxMiddleLeft {
  width: 14px;
}

#cboxMiddleRight {
  width: 14px;
}

#cboxContent {
  background: #fff;
  overflow: visible;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: bold;
  color: #7C7C7C;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}

#cboxPrevious:hover {
  background-position: -51px 0;
}

#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}

#cboxNext:hover {
  background-position: -75px 0;
}

.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0;
  right: 27px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0;
}

.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0;
}

#cboxTitle {
  background: transparent;
  position: absolute;
  top: 0;
  padding: 43px 40px 15px;
  height: 88px;
  display: table;
  width: 100%;
}
#cboxTitle .headline {
  font-size: 21px;
  line-height: 20px;
  font-weight: lighter;
  width: 100%;
  vertical-align: middle;
}

#cboxClose {
  position: absolute;
  right: 13px;
  top: 30px;
  background: transparent;
  border: 0 none;
  color: #000000;
  padding: 5px;
  font-size: 25px;
}

#cboxLoadedContent {
  margin-top: 88px;
  padding: 15px 40px 30px 40px;
}
#cboxLoadedContent .add-to-cart-item {
  margin-bottom: 40px;
}
#cboxLoadedContent .addressEntry + .addressEntry,
#cboxLoadedContent .saved-payment-entry + .saved-payment-entry {
  margin-top: 55px;
}
#cboxLoadedContent .addressEntry ul, #cboxLoadedContent .saved-payment-entry ul {
  margin-top: calc(20px / -2);
  margin-bottom: 20px;
}
#cboxLoadedContent .modal-actions {
  margin-right: -15px;
  margin-left: -15px;
  --bs-gutter-x: 20px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  margin-top: 20px;
}
#cboxLoadedContent .modal-actions .btn {
  margin-top: 20px;
}

@media (max-width: 639px) {
  #cboxTitle {
    height: 108px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #cboxTitle::after {
    display: block;
    clear: both;
    content: "";
  }

  #cboxLoadedContent {
    margin-top: 108px;
    padding: 15px 20px 30px 20px;
  }
  #cboxLoadedContent .addressEntry ul {
    margin-top: -25px;
  }
}
.price del {
  color: #000;
  font-weight: bold;
}
.price ins {
  color: #ffffff;
  text-decoration: none;
}
.price ins:hover {
  color: #e6e6e6;
}
.price.msrp {
  color: #666;
}

.account-navigation {
  margin-bottom: calc(20px / 2);
}
.account-navigation .account-navigation-header {
  padding: calc(20px / 2);
  text-transform: uppercase;
}
.account-navigation .account-navigation-header a {
  display: block;
}
.account-navigation .account-navigation-list {
  margin: calc(20px / 2);
  padding-left: 0;
  list-style: none;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .account-navigation .account-navigation-list {
    display: none !important;
  }
}
@media (max-width: 639px) {
  .account-navigation .account-navigation-list {
    display: none !important;
  }
}
.account-navigation .account-navigation-list li.title {
  margin-top: calc(20px / 2);
  font-weight: bold;
}
.account-navigation .account-navigation-list li.active {
  font-weight: bold;
}
.account-navigation .account-navigation-list li a:hover, .account-navigation .account-navigation-list li a:focus {
  color: #000000;
}

.account-home .account-home-section {
  margin-bottom: 20px;
}
.account-home .account-home-section .account-home-section-header {
  background: #000000;
  padding: calc(20px / 2);
  text-transform: uppercase;
}
.account-home .account-home-section .account-home-section-content {
  height: 100px;
  padding: calc(20px / 2);
  border: 1px solid #000000;
  border-top: 0;
}
.account-home .account-home-section .account-home-section-content ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

@media (max-width: 1023px) {
  .account-home .account-home-section {
    margin-bottom: calc(20px / 2);
  }
  .account-home .account-home-section .account-home-section-content {
    height: auto;
    padding: 0;
  }
  .account-home .account-home-section .account-home-section-content ul li a {
    padding: calc(20px / 2);
    display: block;
  }
  .account-home .account-home-section .account-home-section-content ul li + li {
    border-top: 1px solid #eee;
  }
}
.account-section .pagination-bar {
  margin: 15px 0 0;
}
.account-section .pagination-bar .pagination-toolbar {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  border-bottom: none;
}
.account-section .pagination-bar .pagination-bar-results {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  padding: calc(20px / 2);
  border-top: 1px solid #000000;
}
@media (max-width: 639px) {
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #000000;
  }
}
.account-section .pagination-bar.bottom .pagination-toolbar {
  padding-top: 5px;
  border: none;
}

@media (max-width: 639px) {
  .update-pass:last-child button,
.accountButtons:last-child button {
    margin-top: 15px;
  }

  .account-section .pagination-bar .pagination-toolbar {
    margin: 0;
  }
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #000000;
    margin-right: -15px;
    margin-left: -15px;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-overview-table,
.account-section div.responsive-table {
    margin-right: -15px;
    margin-left: -15px;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
@media (max-width: 639px) {
  .tooltip-holder.tooltip-visible-xs {
    display: block;
  }
  .tooltip-holder.tooltip-visible-xs .tooltip-overlay {
    width: 50vw;
    color: #ffc510;
    border: 1px solid #ffc510;
    background: white;
  }
}

@media (max-width: 639px) {
  .account-section .tooltip-holder .glyphicon {
    margin-bottom: 15px;
    padding-right: 5px;
  }
  .account-section .tooltip-holder .tooltip-overlay {
    overflow: hidden;
    position: static;
    display: inline;
    color: inherit;
    background: transparent;
    padding: 0;
  }
  .account-section .tooltip-holder .invisible.btn-reset-datepicker {
    display: none;
  }
}
@media (min-width: 640px) {
  .account-section .tooltip-holder {
    display: inline-block;
  }
  .account-section .tooltip-holder.mobile-only {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .account-section .tooltip-holder.mobile-only {
    display: inline-block !important;
  }
}
@media (min-width: 640px) {
  .account-section .tooltip-holder.desktop-only {
    display: inline-block !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .account-section .tooltip-holder.desktop-only {
    display: none !important;
  }
}
@media (min-width: 640px) {
  .account-section .tooltip-holder .tooltip-overlay {
    position: absolute;
  }
}

.account-section .addressBackBtn,
.account-section .orderTopBackBtn {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.account-section .account-section-header {
  text-transform: uppercase;
}
.account-section .account-section-header.account-section-header-secondary {
  color: #000000;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  padding-bottom: calc(20px / 2);
}
.account-section .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-header .account-section-header-add {
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 4px;
}
.account-section .account-orderdetail + .account-section-content .pagination-bar {
  margin-top: 0;
}
.account-section .account-section-content p {
  margin-bottom: 0;
}
.account-section .account-section-content .account-section-form {
  margin-top: 20px;
  margin-bottom: 5px;
}
@media (min-width: 640px) {
  .account-section .account-section-content .account-section-form {
    margin-top: 10px;
  }
}
@media (max-width: 639px) {
  .account-section .account-section-content .account-section-form .checkbox-inline {
    margin-bottom: 15px;
    display: block;
  }
  .account-section .account-section-content .account-section-form .checkbox-inline + .checkbox-inline {
    margin-left: 0;
  }
}
.account-section .account-section-content .account-section-form hr {
  margin-top: 5px;
}
.account-section .account-section-content .account-section-form table {
  /* just for dummy */
}
.account-section .account-section-content .account-section-form table td {
  border-bottom: 0 none;
  border-top: 0 none;
}
.account-section .account-section-content.content-empty {
  margin: 45px 0;
  font-weight: bold;
  font-size: 1.09375rem;
  text-align: center;
}
.account-section .account-section-content .help-block {
  font-size: 0.875rem;
  font-weight: normal;
  color: #d9534f;
}
.account-section .account-section-content .account-orderhistory-pagination {
  padding-top: calc(20px / 2);
}
.account-section .account-section-content .account-orderhistory-pagination .account-orderhistory-pagination-text {
  line-height: 32px;
}
.account-section .account-section-content .account-orderhistory-pagination .pager {
  margin: 0;
}
.account-section .account-section-content .account-orderhistory-sort {
  background: #000000;
  padding: calc(20px / 2);
}
.account-section .account-section-content .accountActions {
  padding-top: 20px;
}
@media (max-width: 639px) {
  .account-section .account-section-content .accountActions .accountButtons:first-child {
    padding-bottom: 20px;
  }
}
.account-section .account-section-content .disable-link,
.account-section .account-section-content .enable-link {
  display: block;
  float: right;
  text-align: right;
  margin: 25px 0;
  padding-right: 15px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}
@media (max-width: 639px) {
  .account-section .account-section-content .disable-link,
.account-section .account-section-content .enable-link {
    text-align: center;
    float: none;
    padding-right: 0 !important;
  }
}
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .enable-link button {
  background: transparent;
  border: 0 none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
}
.account-section .account-section-content .disable-link button[disabled],
.account-section .account-section-content .enable-link button[disabled] {
  color: #000000;
}
.account-section .account-section-content .disable-link form,
.account-section .account-section-content .enable-link form {
  display: inline-block;
}
.account-section .account-section-content .enable-link + .disable-link, .account-section .account-section-content .disable-link + .enable-link, .account-section .account-section-content .disable-link + .disable-link, .account-section .account-section-content .enable-link + .enable-link {
  padding-right: 20px;
  position: relative;
}
.account-section .account-section-content .enable-link + .disable-link:before, .account-section .account-section-content .disable-link + .enable-link:before, .account-section .account-section-content .disable-link + .disable-link:before, .account-section .account-section-content .enable-link + .enable-link:before {
  content: "";
  display: block;
  position: absolute;
  height: 24px;
  width: 1px;
  right: 10px;
  background: #000000;
  top: 0;
}
@media (max-width: 639px) {
  .account-section .account-section-content .enable-link + .disable-link:before, .account-section .account-section-content .disable-link + .enable-link:before, .account-section .account-section-content .disable-link + .disable-link:before, .account-section .account-section-content .enable-link + .enable-link:before {
    display: none;
  }
}
.account-section .account-section-content .disable-link a,
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .disable-link form {
  color: #000000;
}
.account-section .cancel-panel {
  float: right;
}
@media (min-width: 640px) {
  .account-section .cancel-panel {
    padding-left: 0;
  }
}
.account-section .btn.btn-block + .btn.btn-block {
  margin-top: calc(20px / 2);
}
.account-section .account-list.account-addressbook ul,
.account-section .account-list.account-paymentdetails ul {
  margin-bottom: 30px;
}
.account-section .account-list ul {
  padding-left: 0;
  list-style: none;
  float: left;
  width: 90%;
}
.account-section .account-list ul li {
  text-overflow: ellipsis;
  overflow: hidden;
}
.account-section .account-list .account-list-header {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background-color: transparent;
  padding: calc(20px / 2) 25px;
  font-size: 20px;
  line-height: 1.5;
  margin-top: -1px;
}
.account-section .account-list .account-list-header .account-list-header-add {
  font-size: 15px;
  line-height: 2;
  font-weight: 600;
  position: relative;
  top: 2px;
}
.account-section .account-list .account-cards {
  border-left: 1px solid #000000;
}
.account-section .account-list .account-cards.card-select {
  border-top: 1px solid #000000;
}
.account-section .account-list .account-cards-actions {
  float: right;
  width: 24px;
}
.account-section .account-list .account-cards-actions .glyphicon {
  font-size: 24px;
  margin-bottom: 20px;
}
.account-section .account-list .account-cards-actions .edit-item .glyphicon {
  margin-top: 3px;
}
.account-section .account-list .account-cards .card {
  list-style: none;
  border-left: 0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  float: left;
  padding: 30px 25px 25px;
  margin-bottom: 0;
}
.account-section .account-list .account-cards .card:first-child {
  margin-left: -1px;
}
.account-section .account-list .account-cards .card span {
  padding: 0;
  text-align: right;
}
.account-section .account-list .account-cards .card > ul > li {
  margin-bottom: 3px;
}
.account-section .account-list .account-cards .card > ul > li:first-child {
  text-transform: uppercase;
  font-weight: 600;
}
.account-section .account-list .account-cards .card .action-links {
  float: right;
  height: 50px;
  width: 50px;
  margin-right: -15px;
  margin-top: -15px;
  text-align: right;
}
.account-section .account-list .account-cards .card .action-links .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links .glyphicon-pencil {
  font-size: 20px;
  color: #000000;
  padding-right: 15px;
  padding-top: 15px;
}
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-pencil {
  color: #000000;
}
@media (min-width: 640px) {
  .account-section .account-list .account-cards {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.account-section .account-list .account-set-default-address {
  position: absolute;
  left: 25px;
  bottom: 25px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  background: transparent;
  padding: 0;
  border: 0 none;
}
@media (max-width: 639px) {
  .account-section .account-list .account-set-default-address {
    left: 20px;
  }
}

@media (max-width: 639px) {
  .account-section .account-section-header {
    margin-right: -15px;
    margin-left: -15px;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    padding-left: calc(20px / 2);
    padding-right: calc(20px / 2);
  }
  .account-section .account-list {
    margin-left: calc(20px / -2);
    margin-right: calc(20px / -2);
  }
  .account-section .account-list .account-cards {
    border: none;
  }
  .account-section .account-list .account-cards .card {
    border-left: 0;
    border-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-list .account-cards .card:first-child {
    margin: 0;
  }
  .account-section .account-list .account-cards .selected:first-child {
    border-left: none;
  }
}
.account-profil .account-profil-info {
  margin: 0 0 calc(20px / 2);
}
.account-profil .account-profil-info .account-profil-info-line {
  line-height: 2em;
}
.account-profil .account-profil-info .account-profil-info-line span {
  display: inline-block;
  width: 100px;
}
.account-profil a.btn {
  margin-top: calc(20px / 2);
}
.account-profil .btn + .btn {
  margin-left: calc(20px / 2);
}

.account-orderdetail .account-orderdetail-head {
  margin-bottom: 20px;
}
.account-orderdetail::after {
  display: block;
  clear: both;
  content: "";
}
.account-orderdetail .col-sm-9 > .col-sm-4:nth-child(3n+1) {
  clear: both;
}
.account-orderdetail .order-savings {
  text-align: right;
  color: #000000;
  font-weight: 700;
  padding: calc(20px / 2) calc(20px / 2) 25px 0;
}
.account-orderdetail .order-savings + .order-savings {
  padding-top: 0;
}
.account-orderdetail .item-box {
  background: #afb2b5;
  padding: calc(20px / 2);
  margin-bottom: calc(20px / 4);
  margin-top: calc(20px / 4);
}
.account-orderdetail .item-box::after {
  display: block;
  clear: both;
  content: "";
}
.account-orderdetail .order-data {
  background-color: #F2F4F7;
  padding: calc(20px / 2);
}
.account-orderdetail .orderDetail_itemHeader {
  font-size: 20px;
  background-color: transparent;
  padding: calc(20px / 2) 20px;
}
.account-orderdetail .button-panel {
  float: right;
  max-width: 200px;
}
.account-orderdetail .account-orderdetail-item-section-body ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.account-orderdetail .account-orderdetail-item-section-body ul li {
  padding-top: calc(20px / 2);
  padding-bottom: calc(20px / 2);
  border-bottom: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul li::after {
  display: block;
  clear: both;
  content: "";
}
.account-orderdetail .account-orderdetail-item-section-body ul li + li {
  border-top: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul .price-total {
  float: right;
  padding-right: calc(20px / 2);
}
.account-orderdetail .account-orderdetail-item-section-body ul .details .name {
  font-weight: bold;
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo {
  color: #33cc33;
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .account-orderdetail .account-orderdetail-item-section-body ul .promo {
    padding-left: 22px;
  }
}
@media (min-width: 1400px) {
  .account-orderdetail .account-orderdetail-item-section-body ul .promo {
    padding-left: 0;
  }
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo li {
  border-bottom: 0;
}
.account-orderdetail .account-orderdetail-item-section-footer {
  padding-top: 55px;
}
@media (min-width: 640px) {
  .account-orderdetail .account-orderdetail-item-section-footer > div {
    padding-left: calc(20px / 4);
  }
}
.account-orderdetail .orderTotal {
  font-size: 1.09375rem;
  line-height: 38px;
  margin-bottom: 20px;
}
.account-orderdetail .orderTotal .text-right {
  font-weight: 700;
}
.account-orderdetail .orderTotal .totals {
  font-size: 2rem;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 15px;
}
.account-orderdetail .order-store-address .order-track-number,
.account-orderdetail .order-store-hours .order-track-number {
  color: #000000;
}
.account-orderdetail .order-billing-address ul {
  padding: 0;
}
.account-orderdetail .order-billing-address ul li {
  list-style: none;
}
.account-orderdetail .order-billing-address .label-order,
.account-orderdetail .order-payment-data .label-order,
.account-orderdetail .order-ship-to .label-order,
.account-orderdetail .order-shipping-method .label-order,
.account-orderdetail .order-tracking-no .label-order,
.account-orderdetail .order-store-address .label-order,
.account-orderdetail .order-store-hours .label-order {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 2px;
}
.account-orderdetail .order-billing-address .value-order-date,
.account-orderdetail .order-payment-data .value-order-date,
.account-orderdetail .order-ship-to .value-order-date,
.account-orderdetail .order-shipping-method .value-order-date,
.account-orderdetail .order-tracking-no .value-order-date,
.account-orderdetail .order-store-address .value-order-date,
.account-orderdetail .order-store-hours .value-order-date {
  display: inline-block;
  min-width: 15%;
}
.account-orderdetail .value-order {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 639px) {
  .account-orderdetail .order-shipping-method,
.account-orderdetail .order-tracking-no,
.account-orderdetail .order-payment-data,
.account-orderdetail .order-store-hours {
    padding-top: 20px;
  }
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section {
  clear: both;
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section .order-total-taxes {
  text-align: right;
  padding-right: calc(20px / 2);
}
@media (max-width: 1023px) {
  .account-orderdetail .account-orderdetail-orderTotalDiscount-section {
    margin-bottom: 20px;
  }
}

.account-orderdetail .product-list {
  border: none;
  clear: both;
  margin: 0;
}
.account-orderdetail .product-list .order-grid {
  background-color: #000000;
}
.account-orderdetail .product-list .order-grid .grid-row > td {
  border-bottom: 1px solid #000000;
}
.account-orderdetail .product-list .order-grid .grid-prod-img {
  width: 100px;
  padding-top: 25px;
  vertical-align: top;
}
.account-orderdetail .product-list .order-grid .grid-prod-img + td {
  padding-bottom: 5px;
}
.account-orderdetail .product-list .order-grid .grid-variant,
.account-orderdetail .product-list .order-grid .grid-size {
  font-weight: 700;
}
.account-orderdetail .product-list .order-grid .grid-variant + .grid-variant:before,
.account-orderdetail .product-list .order-grid .grid-size + .grid-variant:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #000000;
}
.account-orderdetail .product-list .order-grid .grid-prod-info {
  display: inline-block;
  padding-top: 0;
  padding-right: 40px;
}
.account-orderdetail .product-list .order-grid .grid-qty .grid-qty-label {
  font-size: 12px;
  text-transform: uppercase;
}
.account-orderdetail .product-list .order-grid .grid-price:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #000000;
}

@media (max-width: 639px) {
  .account-orderdetail .product-list {
    margin-right: -15px;
    margin-left: -15px;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  .account-orderdetail .product-list .product-item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-orderdetail .product-list .order-grid .grid-variant {
    display: block;
  }
  .account-orderdetail .product-list .order-grid .grid-variant + .grid-variant:before {
    content: none;
  }
}
.account-address-removal-popup .address {
  margin-top: 20px;
}
.account-address-removal-popup .btn {
  margin-top: calc(20px / 2);
}

.invoice-tbl {
  margin-bottom: 30px;
  width: 100%;
  border-top: 3px solid #f5f5f5;
}
@media (max-width: 639px) {
  .invoice-tbl {
    border-top: 1px solid #ddd;
  }
  .invoice-tbl .material-characteristic-wrapper .cmp-table__row.characteristic {
    flex: 100% !important;
    flex-direction: row;
    gap: 5px;
  }
  .invoice-tbl .material-characteristic-wrapper .cmp-table__row.characteristic > div {
    flex: 0 0 50%;
  }
  .invoice-tbl .material-characteristic-wrapper .cmp-table__row.characteristic .title {
    color: #000000;
    font-weight: 700;
    text-transform: none;
  }
}

.invoice-element-container {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
  cursor: pointer;
}
@media (min-width: 640px) {
  .invoice-element-container {
    border-bottom: 10px solid #f5f5f5;
    transition: 0.2s ease-in-out;
  }
  .invoice-element-container:hover {
    border-bottom: 10px solid #ffc510;
  }
}
.invoice-element-container .expand-details {
  display: block;
}
.invoice-element-container .collapse-details {
  display: none;
}
.invoice-element-container .spinner-details {
  display: none;
}
.invoice-element-container.table-expandable-loading .expand-details {
  display: none;
}
.invoice-element-container.table-expandable-loading .collapse-details {
  display: none;
}
.invoice-element-container.table-expandable-loading .spinner-details {
  display: block;
  animation: spin 1.5s infinite linear;
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(-360deg);
  }
}
.invoice-element-container.table-expandable-open .expand-details {
  display: none;
}
.invoice-element-container.table-expandable-open .collapse-details {
  display: block;
}
.invoice-element-container.table-expandable-open .spinner-details {
  display: none;
}
.invoice-element-container .has-tooltip .material-icons {
  font-size: 22px !important;
}
.invoice-element-container .has-tooltip .invoice-download-icon {
  font-size: 30px !important;
  cursor: pointer;
}

.invoice-group-element {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  border-bottom: 10px solid transparent;
}
.invoice-group-element .invoice-title {
  display: flex;
  align-items: flex-start;
  text-transform: lowercase;
  justify-content: space-between;
  font-family: "Klavika";
  font-weight: bold;
  font-size: 16px;
  gap: 5px;
}
.invoice-group-element .invoice-title .listing-value {
  text-transform: capitalize;
}
.invoice-group-element .invoice-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.invoice-group-element .invoice-data .data-el {
  display: flex;
  flex-direction: column;
  width: auto;
}
.invoice-group-element .invoice-data .data-el-title {
  font-weight: 600;
  font-size: 14px;
  color: #9e9e9e;
  text-transform: capitalize;
}
.invoice-group-element .invoice-data .data-el-title .tooltip-holder {
  color: #000;
}
@media (max-width: 639px) {
  .invoice-group-element .invoice-data .data-el-title .tooltip-holder {
    display: inline-block !important;
  }
}
.invoice-group-element .invoice-data .data-el-value {
  font-weight: 400;
  font-size: 14px;
}
@media (max-width: 639px) {
  .invoice-group-element .invoice-data .data-el.open .tooltip-overlay {
    display: block;
  }
}
.invoice-group-element .invoice-data .data-el .data-el-title {
  display: flex;
  align-items: center;
}
@media (max-width: 639px) {
  .invoice-group-element .invoice-data .data-el .data-el-title {
    font-weight: 700;
    color: #000000;
  }
}
.invoice-group-element .invoice-data .data-total {
  min-width: 100px;
}
@media (max-width: 639px) {
  .invoice-group-element .invoice-data {
    flex-direction: column;
  }
  .invoice-group-element .invoice-data .data-el {
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .invoice-group-element .invoice-data .data-el span {
    flex: 0 0 50%;
  }
}

.g-icon {
  color: black;
}
.g-icon .download-icon {
  font-size: 32px;
}

@media (max-width: 639px) {
  .cmp-table#orderHistoryTable .cmp-table__group {
    padding: 20px 0;
  }
  .cmp-table#orderHistoryTable .material-characteristic-wrapper {
    padding: 0;
  }
}
.cmp-table#orderHistoryTable .cmp-table__row.product-description {
  padding: 0 10px;
  gap: 5px;
}
.cmp-table#orderHistoryTable .cmp-table__row.product-description div {
  display: flex;
  flex-direction: column;
}
@media (max-width: 639px) {
  .cmp-table#orderHistoryTable .cmp-table__row.product-description {
    padding: 0;
    flex-direction: row;
  }
  .cmp-table#orderHistoryTable .cmp-table__row.product-description div {
    flex: 0 0 50%;
  }
  .cmp-table#orderHistoryTable .cmp-table__row.product-description .title {
    color: #000;
    font-weight: 700;
    text-transform: none;
  }
}

.open-close-details-tooltip {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 100%;
  padding: 2px 6px;
  min-width: 80px;
  font-size: 13px;
  color: #fff;
  background-color: #ffc510;
  cursor: default;
  transition: 0.2s 0.05s ease-in-out;
  z-index: -1;
}
@media (max-width: 639px) {
  .open-close-details-tooltip {
    display: none;
  }
}

.toggle-btn, .toggle-btn:active, .toggle-btn:focus {
  background: transparent;
  border: 0 solid transparent;
  box-shadow: none;
}
.toggle-btn:hover, .toggle-btn:active:hover, .toggle-btn:focus:hover {
  background: transparent;
  border: 0 solid transparent;
  box-shadow: none;
}
@media (min-width: 640px) {
  .toggle-btn:hover + .open-close-details-tooltip, .toggle-btn:active:hover + .open-close-details-tooltip, .toggle-btn:focus:hover + .open-close-details-tooltip {
    opacity: 1;
    z-index: 200;
  }
}

.td-options {
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 639px) {
  .td-options {
    margin-top: 15px;
  }
}
.td-options .reorder-tooltip {
  opacity: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 110%;
  padding: 2px 6px;
  min-width: 80px;
  font-size: 13px;
  color: #fff;
  background-color: #ffc510;
  cursor: default;
  transition: 0.2s 0.05s ease-in-out;
  z-index: 2;
}
@media (max-width: 639px) {
  .td-options .reorder-tooltip {
    display: none;
  }
}
.td-options .export-tooltip {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 110%;
  padding: 2px 6px;
  min-width: 80px;
  font-size: 13px;
  color: #fff;
  background-color: #ffc510;
  cursor: default;
  transition: 0.2s 0.05s ease-in-out;
  z-index: 2;
}
@media (max-width: 639px) {
  .td-options .export-tooltip {
    display: none;
  }
}
.td-options .btn-reorder {
  background-color: #f5f5f5 !important;
  padding: 5px !important;
  border: none !important;
  border-radius: 3px;
  box-shadow: none !important;
  height: 40px !important;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out;
}
.td-options .btn-reorder span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.td-options .btn-reorder:hover {
  background-color: #ffc510 !important;
}
@media (min-width: 640px) {
  .td-options .btn-reorder:hover + .reorder-tooltip {
    opacity: 1;
    display: block;
  }
}
.td-options .btn-export {
  background-color: #f5f5f5 !important;
  padding: 5px !important;
  border: none !important;
  border-radius: 3px;
  box-shadow: none !important;
  height: 40px !important;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out;
}
.td-options .btn-export span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.td-options .btn-export:hover {
  background-color: #ffc510 !important;
}
@media (min-width: 640px) {
  .td-options .btn-export:hover + .export-tooltip {
    opacity: 1;
  }
}

.order-action-buttons {
  display: flex;
  gap: 10px;
}

.invoice-data-expandable-rows {
  display: none;
}
.invoice-data-expandable-rows__header, .invoice-data-expandable-rows__footer {
  display: flex;
  justify-content: space-around;
  gap: 25%;
  padding: 30px 0 15px;
  font-weight: 800;
}
@media (min-width: 640px) {
  .invoice-data-expandable-rows__header, .invoice-data-expandable-rows__footer {
    font-size: 16px;
  }
}
.invoice-data-expandable-rows__header {
  padding: 30px 0;
}
@media (max-width: 639px) {
  .invoice-data-expandable-rows__header {
    flex-wrap: wrap;
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
  }
}
@media (max-width: 639px) {
  .invoice-data-expandable-rows__header > div {
    display: flex;
    flex: 0 0 100%;
    gap: 10px;
    padding: 0;
  }
}
.invoice-data-expandable-rows__header > div div {
  flex-basis: 50%;
}
.invoice-data-expandable-rows__header > div .oi-soldto-shipTo-formatted-text {
  font-weight: 400;
}
@media (max-width: 639px) {
  .invoice-data-expandable-rows__header > div .oi-soldto-shipTo-formatted-text {
    font-size: 14px;
  }
}
@media (max-width: 639px) {
  .invoice-data-expandable-rows__footer {
    padding: 30px 0;
  }
  .invoice-data-expandable-rows__footer > div {
    padding: 0;
  }
}

.trackingNumberLink {
  margin: 10px 0;
}
.trackingNumberLink a {
  color: #000;
  border-bottom: 3px solid #ffc510;
}

.material-deliveries {
  display: flex;
  flex-direction: column;
}

.filters-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: sticky;
  margin: 0 -15vw;
  padding: 10px 15vw;
  background-color: white;
  z-index: 2;
}
.filters-top-bar.top-pagination-with-border {
  border-bottom: 1px solid #9e9e9e;
}
.filters-top-bar.top-pagination-with-border .oi-sort {
  display: none;
}
.filters-top-bar.top-pagination-with-border .show-options-mobile {
  display: none;
}
.filters-top-bar .material-icons.open-filter {
  display: none;
}
.filters-top-bar .material-icons.close-filter {
  display: inline-block;
}
.filters-top-bar.oi-filter-closed .material-icons.open-filter {
  display: inline-block;
}
.filters-top-bar.oi-filter-closed .material-icons.close-filter {
  display: none;
}
.filters-top-bar.oi-filter-closed .oi-top-filters-applied {
  display: flex;
}
.filters-top-bar .oi-toggle-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.filters-top-bar .oi-toggle-filters span {
  font-size: 16px;
  font-weight: 700;
}
.filters-top-bar .sort-options-mobile {
  width: 100%;
}
.filters-top-bar .oi-top-filters-applied {
  display: none;
  width: 100%;
}

.oi-top-filters-applied,
.oi-bottom-filters-applied {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  gap: 5px;
}
.oi-top-filters-applied > div,
.oi-bottom-filters-applied > div {
  padding: 2px 5px;
  background-color: #ffc510;
  font-weight: 600;
}

.oi-bottom-filters-applied {
  margin: 80px 0 40px !important;
}

@media (min-width: 1024px) {
  .main-content .account-section {
    padding: 0;
  }
}

.order-invoice-filter-section .order-date-section,
.order-invoice-filter-section .oi-date-section,
.order-invoice-filter-section .eshop-open-checkbox,
.order-invoice-filter-section .oi-required-fields,
.order-invoice-filter-section .oi-reset-filters,
.order-invoice-filter-section .oi-apply-filters,
.order-invoice-filter-section .oi-bottom-filters-applied {
  margin-bottom: 15px;
}
.order-invoice-filter-section .account-section-header h2, .order-invoice-filter-section .account-section-header .h2 {
  text-transform: none !important;
}
.order-invoice-filter-section .order-number-section,
.order-invoice-filter-section .client-section {
  display: flex;
  flex-wrap: wrap;
}
.order-invoice-filter-section .order-number-section .sika-order,
.order-invoice-filter-section .order-number-section .purchase-order,
.order-invoice-filter-section .order-number-section .order-sold-to,
.order-invoice-filter-section .order-number-section .order-ship-to,
.order-invoice-filter-section .client-section .sika-order,
.order-invoice-filter-section .client-section .purchase-order,
.order-invoice-filter-section .client-section .order-sold-to,
.order-invoice-filter-section .client-section .order-ship-to {
  width: 100%;
  padding: 0 30px;
}
@media (min-width: 640px) {
  .order-invoice-filter-section .order-number-section .sika-order,
.order-invoice-filter-section .order-number-section .purchase-order,
.order-invoice-filter-section .order-number-section .order-sold-to,
.order-invoice-filter-section .order-number-section .order-ship-to,
.order-invoice-filter-section .client-section .sika-order,
.order-invoice-filter-section .client-section .purchase-order,
.order-invoice-filter-section .client-section .order-sold-to,
.order-invoice-filter-section .client-section .order-ship-to {
    padding: 0 50px 0 0;
    width: 50%;
  }
}
.order-invoice-filter-section .order-number-section .sika-order input,
.order-invoice-filter-section .order-number-section .purchase-order input,
.order-invoice-filter-section .order-number-section .order-sold-to input,
.order-invoice-filter-section .order-number-section .order-ship-to input,
.order-invoice-filter-section .client-section .sika-order input,
.order-invoice-filter-section .client-section .purchase-order input,
.order-invoice-filter-section .client-section .order-sold-to input,
.order-invoice-filter-section .client-section .order-ship-to input {
  padding: 15px 20px;
  height: 53px;
  font-weight: 600;
  border-bottom: 3px solid #000000;
}
.order-invoice-filter-section .order-number-section .sika-order input:focus,
.order-invoice-filter-section .order-number-section .purchase-order input:focus,
.order-invoice-filter-section .order-number-section .order-sold-to input:focus,
.order-invoice-filter-section .order-number-section .order-ship-to input:focus,
.order-invoice-filter-section .client-section .sika-order input:focus,
.order-invoice-filter-section .client-section .purchase-order input:focus,
.order-invoice-filter-section .client-section .order-sold-to input:focus,
.order-invoice-filter-section .client-section .order-ship-to input:focus {
  border-bottom: 3px solid #ffc510;
}
.order-invoice-filter-section .order-number-section .sika-order .address-shipto .address-shipto-street,
.order-invoice-filter-section .order-number-section .sika-order .address-shipto .address-shipto-location,
.order-invoice-filter-section .order-number-section .purchase-order .address-shipto .address-shipto-street,
.order-invoice-filter-section .order-number-section .purchase-order .address-shipto .address-shipto-location,
.order-invoice-filter-section .order-number-section .order-sold-to .address-shipto .address-shipto-street,
.order-invoice-filter-section .order-number-section .order-sold-to .address-shipto .address-shipto-location,
.order-invoice-filter-section .order-number-section .order-ship-to .address-shipto .address-shipto-street,
.order-invoice-filter-section .order-number-section .order-ship-to .address-shipto .address-shipto-location,
.order-invoice-filter-section .client-section .sika-order .address-shipto .address-shipto-street,
.order-invoice-filter-section .client-section .sika-order .address-shipto .address-shipto-location,
.order-invoice-filter-section .client-section .purchase-order .address-shipto .address-shipto-street,
.order-invoice-filter-section .client-section .purchase-order .address-shipto .address-shipto-location,
.order-invoice-filter-section .client-section .order-sold-to .address-shipto .address-shipto-street,
.order-invoice-filter-section .client-section .order-sold-to .address-shipto .address-shipto-location,
.order-invoice-filter-section .client-section .order-ship-to .address-shipto .address-shipto-street,
.order-invoice-filter-section .client-section .order-ship-to .address-shipto .address-shipto-location {
  display: none;
}
.order-invoice-filter-section .order-number-error-message {
  position: relative;
  bottom: 10px;
  left: 10px;
  color: #d9534f;
  font-weight: bold;
}
.order-invoice-filter-section .invoice-number-error-message {
  color: #d9534f;
  margin-left: 10px;
  margin-top: 5px;
  font-weight: bold;
}
.order-invoice-filter-section .oi-date-section {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 92%;
  padding: 0 30px;
}
@media (min-width: 640px) {
  .order-invoice-filter-section .oi-date-section {
    width: 47%;
    padding: 0 50px 0 0;
  }
}
.order-invoice-filter-section .oi-date-section .oi-date-start,
.order-invoice-filter-section .oi-date-section .oi-date-end {
  margin-bottom: 15px;
  width: 50%;
}
.order-invoice-filter-section .oi-date-section .oi-date-start .end-date-label-container,
.order-invoice-filter-section .oi-date-section .oi-date-end .end-date-label-container {
  display: flex;
  justify-content: space-between;
}
.order-invoice-filter-section .oi-date-section .oi-date-start {
  padding: 0 5px 0 0;
}
.order-invoice-filter-section .oi-date-section .oi-date-end {
  padding: 0 0 0 5px;
}
.order-invoice-filter-section .oi-date-section .oi-date-wrapper {
  position: relative;
}
.order-invoice-filter-section .oi-date-section .oi-date-wrapper input {
  padding: 5px 15px 5px 40px;
  height: 53px;
  border-bottom: 3px solid #000000;
}
.order-invoice-filter-section .oi-date-section .oi-date-wrapper input:focus {
  border-bottom: 3px solid #ffc510;
}
.order-invoice-filter-section .oi-date-section .oi-date-wrapper .material-icons {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
.order-invoice-filter-section .oi-date-section .oi-date-tooltip {
  position: absolute;
  right: 0;
  top: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 640px) {
  .order-invoice-filter-section .oi-date-section .oi-date-tooltip {
    flex-direction: row;
    right: 5px;
  }
}
@media (max-width: 640px) {
  .order-invoice-filter-section .oi-date-section .oi-date-tooltip {
    right: -5px !important;
  }
}
.order-invoice-filter-section .oi-date-section .oi-date-tooltip.open ~ .tooltip-overlay {
  display: block;
}
.order-invoice-filter-section .oi-date-section .oi-date-tooltip .date-reset-tooltip,
.order-invoice-filter-section .oi-date-section .oi-date-tooltip .date-info-tooltip {
  margin: 2px;
  width: 15px;
  height: 20px;
}
.order-invoice-filter-section .oi-date-section .oi-date-tooltip .date-reset-tooltip button,
.order-invoice-filter-section .oi-date-section .oi-date-tooltip .date-reset-tooltip .glyphicon,
.order-invoice-filter-section .oi-date-section .oi-date-tooltip .date-reset-tooltip .has-tooltip,
.order-invoice-filter-section .oi-date-section .oi-date-tooltip .date-info-tooltip button,
.order-invoice-filter-section .oi-date-section .oi-date-tooltip .date-info-tooltip .glyphicon,
.order-invoice-filter-section .oi-date-section .oi-date-tooltip .date-info-tooltip .has-tooltip {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.order-invoice-filter-section .reset-date-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 3px !important;
  background-color: rgba(211, 211, 211, 0.6) !important;
  height: 2.5em !important;
  width: 2.5em !important;
  top: 7px !important;
}
@media (max-width: 640px) {
  .order-invoice-filter-section .reset-date-container {
    height: 2em !important;
    width: 2em !important;
  }
  .order-invoice-filter-section .reset-date-container button {
    font-size: 26px !important;
  }
}
.order-invoice-filter-section .reset-date-container button {
  font-size: 30px;
}
.order-invoice-filter-section .reset-date-container:hover, .order-invoice-filter-section .reset-date-container :active {
  background-color: #FFC510 !important;
}
.order-invoice-filter-section .reset-date-container.invisible {
  display: none !important;
}
.order-invoice-filter-section .reset-date-container .clear-button-overlay {
  display: none !important;
}
@media (hover: hover) {
  .order-invoice-filter-section .reset-date-container:hover .clear-button-overlay {
    display: block !important;
  }
}
@media (max-width: 639px) {
  .order-invoice-filter-section .eshop-open-checkbox,
.order-invoice-filter-section .oi-required-fields,
.order-invoice-filter-section .oi-reset-filters {
    padding: 0 30px;
  }
}
@media (max-width: 639px) {
  .order-invoice-filter-section .oi-reset-filters {
    display: flex;
    justify-content: center;
  }
  .order-invoice-filter-section .oi-reset-filters button {
    width: 210px;
    max-width: 100%;
  }
}
.order-invoice-filter-section .eshop-open-checkbox .form-group {
  margin-bottom: 0;
}
.order-invoice-filter-section .eshop-open-checkbox .checkbox {
  margin: 0;
}
.order-invoice-filter-section .eshop-open-checkbox .checkbox .cmp-input {
  padding: 0;
  margin: 0;
}
.order-invoice-filter-section .oi-apply-filters {
  display: flex;
  justify-content: center;
  padding: 0 30px;
}
@media (max-width: 639px) {
  .order-invoice-filter-section .oi-apply-filters {
    margin-top: 30px;
  }
}
.order-invoice-filter-section .oi-apply-filters button {
  width: 350px;
  max-width: 350px;
}
@media (max-width: 639px) {
  .order-invoice-filter-section .oi-apply-filters button {
    width: 210px;
    max-width: 100%;
  }
}
.order-invoice-filter-section .col-form-label,
.order-invoice-filter-section .form-control-label {
  font-family: "Klavika Medium";
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
}

.order-history-load-more {
  text-align: center;
}

@media (max-width: 639px) {
  .invoice-data-expandable-rows {
    padding: 0 15px;
    border: 1px solid #ddd;
  }
  .invoice-data-expandable-rows #cartTable {
    border-bottom: none !important;
  }
  .invoice-data-expandable-rows #cartTable .cmp-table__group {
    padding: 20px 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #ddd;
  }
  .invoice-data-expandable-rows #cartTable .cmp-table__group .cmp-table__flex {
    font-size: 14px !important;
  }

  .account-section .account-section-content .modal-dialog {
    width: 100%;
  }
  .account-section .account-section-content .modal-dialog form#sikaReorderForm {
    display: flex;
    flex-direction: row-reverse;
  }

  .oi-sort .sort-container .dropdown .dropdown-backdrop {
    display: none;
  }
}
.invoice-el {
  display: none;
}

.load-invoices {
  color: #000;
  background-color: #ffc510;
  border: 1px;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0.4px 0.4px #87888a;
  text-transform: uppercase;
  display: none;
}

.h-tooltip {
  margin-bottom: -6px;
  cursor: pointer;
}

@media (max-width: 639px) {
  .invoice-section {
    gap: 10px;
  }
}
@media (min-width: 640px) {
  .invoice-section {
    margin-bottom: 8px;
  }
}

@media (max-width: 639px) {
  .invoice-date-section {
    margin-top: 10px;
  }
}

.exp-total {
  display: flex;
}
@media (max-width: 639px) {
  .exp-total {
    flex-direction: row;
    gap: 5px;
  }
}

.invoice-sales-text {
  padding-left: 10px;
}

@media (min-width: 640px) {
  .invoice-characteristic {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: left;
  }
}
@media (max-width: 639px) {
  .invoice-characteristic {
    display: flex;
    justify-content: space-between;
    flex: 100% !important;
  }
  .invoice-characteristic div {
    flex: 0 0 50%;
  }
}

.not-visible {
  visibility: hidden;
}

.invoice-type {
  min-width: 110px;
}

.order-history-list .invoice-element-container .material-characteristic-wrapper .characteristic {
  flex: 0 1 15% !important;
}

.invoice-download-icon:after {
  content: "";
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  cursor: pointer;
}

.edit-wishlist-tooltip {
  top: 61px;
  right: 0;
}

.order-history-invoices-fixed-header {
  width: 100vw;
  margin-left: 0;
  padding-left: 160px;
}
@media (max-width: 1500px) {
  .order-history-invoices-fixed-header {
    padding-left: 32px;
  }
}
@media (max-width: 640px) {
  .order-history-invoices-fixed-header {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.quick-view-popup .product-image {
  float: left;
  width: 33%;
}
.quick-view-popup .product-image a {
  display: block;
}
.quick-view-popup .product-image img {
  width: 100%;
  height: auto;
}
.quick-view-popup .product-details {
  margin-left: 33%;
  padding-left: 20px;
}
.quick-view-popup .product-details .name {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .product-details .rating:after {
  clear: none;
}
.quick-view-popup .product-details .price {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .addtocart-component {
  clear: both;
  padding-top: 20px;
}

table {
  width: 100%;
}
table th {
  font-size: 14px;
  font-weight: 400;
  background-color: #000000;
  padding: 10px 5px;
  vertical-align: top;
}
table td {
  padding: 10px 5px;
  vertical-align: top;
}
table.table-sm-stripes tr.material-entry td:empty:before,
table.table-sm-stripes tr.material-entry td .scale-prices li:empty:before,
table.table-sm-stripes tr.material-entry td .scale-prices-tax li:empty:before {
  content: "";
}
table.table-sm-stripes tr.material-entry td.text-right:empty:before,
table.table-sm-stripes tr.material-entry td.text-right .scale-prices li:empty:before,
table.table-sm-stripes tr.material-entry td.text-right .scale-prices-tax li:empty:before {
  text-align: end;
  content: "";
}

@media (max-width: 639px) {
  table.table-sm-stripes {
    width: 100%;
    border-collapse: separate;
  }
  table.table-sm-stripes th {
    padding: 15px 0 10px 0;
    font-weight: bold;
    border-top: 1px solid #b1b3b4;
  }
  table.table-sm-stripes tr.product-item-component th,
table.table-sm-stripes tr.row-secondary th {
    padding: 0;
    border-top-style: dotted;
  }
  table.table-sm-stripes td {
    padding: 10px 0;
    vertical-align: top;
  }
  table.table-sm-stripes td:first-child {
    width: 45%;
  }
  table.table-sm-stripes tr.material-entry-component th {
    border-top-style: dashed;
  }
}
@media (min-width: 640px) {
  table.table-sm-stripes {
    width: 100%;
    border-collapse: separate;
  }
  table.table-sm-stripes.tablesorter tbody td {
    padding: 8px calc(20px / 4) 8px 15px !important;
  }
  table.table-sm-stripes thead:last-child th {
    border-bottom: 1px solid #b1b3b4;
    margin-bottom: calc(20px / 2);
  }
  table.table-sm-stripes th {
    border-top: 1px solid #b1b3b4;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #000000;
    color: #000;
    padding: 3px calc(20px / 4);
    vertical-align: top;
  }
  table.table-sm-stripes th:first-child {
    padding-left: calc(20px / 2);
  }
  table.table-sm-stripes th:last-child {
    padding-right: calc(20px / 2);
  }
  table.table-sm-stripes th .has-tooltip,
table.table-sm-stripes th .has-js-tooltip {
    position: relative;
  }
  table.table-sm-stripes td {
    border-bottom: 1px solid #b1b3b4;
    border-bottom: transparent;
    border-top: 1px solid #b1b3b4;
    vertical-align: top;
  }
  table.table-sm-stripes td:first-child {
    padding-left: calc(20px / 2);
  }
  table.table-sm-stripes td:last-child {
    padding-right: calc(20px / 2);
  }
  table.table-sm-stripes tr.row-secondary td {
    border-top-style: dashed;
  }
  table.table-sm-stripes tr:last-child td {
    border-bottom: 1px solid #b1b3b4;
  }
  table.table-sm-stripes tr.material-entry:last-child td {
    border-bottom: 1px solid #b1b3b4;
  }
  table.table-sm-stripes tr.material-entry-component td,
table.table-sm-stripes tr.material-entry-condition td,
table.table-sm-stripes tr.material-entry-condition + tr.material-entry-total td {
    border-top-style: dashed;
  }
  table.table-sm-stripes tr.material-entry + tr.material-entry-condition td,
table.table-sm-stripes tr.material-entry + tr.material-entry-total td,
table.table-sm-stripes tr.material-entry-total + tr.material-entry-component td,
table.table-sm-stripes tr.material-entry-component + tr.material-entry-condition td,
table.table-sm-stripes tr.material-entry-component + tr.material-entry-total td {
    border-top-style: solid;
  }
  table.table-sm-stripes tr.material-entry-total td {
    font-weight: bold;
    border-top-style: dashed;
    padding-bottom: 21px;
  }
  table.table-sm-stripes tr.material-entry + tr.material-entry-total td,
table.table-sm-stripes tr.material-entry-component + tr.material-entry-total td {
    border-top-style: solid;
  }
  table.table-sm-stripes tr.cart-totals-table td, table.table-sm-stripes tr.cart-totals-table:last-child td {
    border-bottom: 0 none;
  }
  table.table-sm-stripes td.td-options {
    width: 1px;
    padding-right: 5px;
  }
  table.table-sm-stripes td.td-options:last-child {
    padding-right: 0;
  }
  table.table-sm-stripes a {
    color: #000000;
  }
  table.table-sm-stripes .btn-default {
    color: #565655;
  }
  table.table-sm-stripes .btn-default:hover {
    color: #000000;
  }
  table.table-sm-stripes .btn-default,
table.table-sm-stripes .btn-primary {
    width: auto;
    height: 22px;
    line-height: 22px;
    padding: 1px 4px;
    margin-left: 3px;
  }
  table.table-sm-stripes .material-entry-condition:last-child,
table.table-sm-stripes .material-entry:last-child {
    border-bottom: 1px solid #b1b3b4;
  }
}
@media (max-width: 1023px) {
  .material-entry-condition .entry-condition-cont .cart-product-total {
    display: flex;
  }
}
@media (max-width: 1023px) {
  .material-entry-condition .entry-condition-cont .cart-product-total .percentage-under-total-element {
    margin-left: 0;
  }
}
@media (max-width: 1023px) {
  .material-entry-condition .entry-condition-cont .cart-product-total .value-under-total-element {
    margin-left: 0;
  }
}

.responsive-table-item {
  padding: calc(20px / 2);
}
.responsive-table-item:nth-child(even) {
  background-color: #ffffff;
}
.responsive-table-item a.responsive-table-link {
  color: #000000;
}
.responsive-table-item a:hover, .responsive-table-item a:focus {
  color: #8a8d8f;
}
@media (max-width: 639px) {
  .responsive-table-item {
    display: block;
  }
  .responsive-table-item .status strong {
    display: block;
  }
  .responsive-table-item td {
    display: inline-block;
    width: 40%;
    padding: 3px 10px;
  }
  .responsive-table-item td.responsive-table-cell {
    width: 55%;
  }
  .responsive-table-item td.responsive-table-cell-bold {
    font-weight: 600;
  }
}

.account-orderhistory #invoice-details-net-value .tooltip-holder,
.account-orderhistory #invoice-listing-net-value .tooltip-holder {
  padding-left: 5px;
}
.account-orderhistory #invoice-details-net-value .tooltip-overlay,
.account-orderhistory #invoice-listing-net-value .tooltip-overlay {
  margin-top: 15px;
}

.order-listing-key {
  display: none;
}

.table-expandable-rows .table-expandable-toggle {
  width: 100%;
}
@media (min-width: 640px) {
  .table-expandable-rows .table-expandable-toggle {
    width: auto;
  }
}
.table-expandable-rows .table-expandable-toggle .glyphicon-minus {
  display: block;
}
.table-expandable-rows .table-expandable-toggle .btn-text-open, .table-expandable-rows .table-expandable-toggle .btn-text-closed {
  display: block;
  width: 100%;
  color: #565655;
  background: linear-gradient(to bottom, #f8f6f7 0%, #d2d3d4 100%);
  border-color: rgba(0, 0, 0, 0);
  border: 0 solid;
  height: 26px;
  max-width: 100%;
  padding: 1px 6px;
  line-height: 27px;
  font-weight: normal;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.table-expandable-rows .table-expandable-toggle .btn-text-open:hover, .table-expandable-rows .table-expandable-toggle .btn-text-open:focus, .table-expandable-rows .table-expandable-toggle .btn-text-open:active, .table-expandable-rows .table-expandable-toggle .btn-text-open.active, .open .dropdown-toggle .table-expandable-rows .table-expandable-toggle .btn-text-open, .table-expandable-rows .table-expandable-toggle .btn-text-closed:hover, .table-expandable-rows .table-expandable-toggle .btn-text-closed:focus, .table-expandable-rows .table-expandable-toggle .btn-text-closed:active, .table-expandable-rows .table-expandable-toggle .btn-text-closed.active, .open .dropdown-toggle .table-expandable-rows .table-expandable-toggle .btn-text-closed {
  color: #000000;
  background: linear-gradient(to bottom, #f8f6f7 0%, #b8b9bb 100%);
  border-color: #000000;
}
.table-expandable-rows .table-expandable-toggle .btn-text-open .badge, .table-expandable-rows .table-expandable-toggle .btn-text-closed .badge {
  color: #565655;
  background-color: #565655;
}
.table-expandable-rows .table-expandable-toggle .btn-text-open:hover, .table-expandable-rows .table-expandable-toggle .btn-text-open:focus, .table-expandable-rows .table-expandable-toggle .btn-text-closed:hover, .table-expandable-rows .table-expandable-toggle .btn-text-closed:focus {
  text-decoration: none;
}
.table-expandable-rows .table-expandable-toggle.closed .glyphicon-minus {
  display: none;
}
.table-expandable-rows .table-expandable-toggle.closed .btn-text-closed {
  display: none;
}
.table-expandable-rows .table-expandable-toggle.open .glyphicon-plus {
  display: none;
}
.table-expandable-rows .table-expandable-toggle.open .btn-text-open {
  display: none;
}
.table-expandable-rows .table-expandable-toggle.state-loading {
  background-image: url("data:image/gif;base64,R0lGODlhEAAQAPQAAOzt7XBxc+Tl5bOztN3e3pKSlKurrHBxc5qbnYGBg8PExczNzXl6e7u8vXFydIqKjKKjpAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eceded;
}
.table-expandable-rows .table-expandable-toggle.state-loading span.has-tooltip,
.table-expandable-rows .table-expandable-toggle.state-loading span.has-js-tooltip {
  visibility: hidden !important;
}
.table-expandable-rows .table-expandable-row.closed .table-expandable-data {
  display: none;
}
.table-expandable-rows .table-expandable-data {
  padding-top: 0;
  padding-bottom: 0;
  border: 0 none;
}
.table-expandable-rows .table-expandable-data .order-details-cart-total td {
  border-bottom: none;
}
.table-expandable-rows span.order-listing-key,
.table-expandable-rows span.order-listing-only-mobile {
  display: none;
}
.table-expandable-rows .tablesorter-header {
  cursor: pointer;
}
.table-expandable-rows .tablesorter-header:not(.sorter-false) .tablesorter-header-inner {
  padding-left: 9px;
}
.table-expandable-rows .tablesorter-header:hover .tablesorter-header-inner {
  position: relative;
}
.table-expandable-rows .tablesorter-header:hover .tablesorter-header-inner:before {
  content: "\e151";
}
.table-expandable-rows .tablesorter-header:hover .tablesorter-header-inner:before {
  position: absolute;
  top: 1px;
  left: -3px;
  font-size: 9px;
  line-height: 9px;
  font-family: "Glyphicons Halflings";
}
.table-expandable-rows .tablesorter-header.sorter-false {
  cursor: default;
}
.table-expandable-rows .tablesorter-header.sorter-false:hover .tablesorter-header-inner:before {
  display: none;
}

.stacktable.small-only {
  display: table;
}
@media (min-width: 640px) {
  .stacktable.small-only {
    display: none;
  }
}

.stacktable.large-only {
  display: none;
}
@media (min-width: 640px) {
  .stacktable.large-only {
    display: table;
  }
}

.order-list-container {
  border: 1px solid #b1b3b4;
  padding: 10px 20px;
  margin: 0 0 10px;
  width: 100%;
}
@media (min-width: 640px) {
  .order-list-container td {
    border-bottom: 0 transparent;
  }
}
.order-list-container span.order-listing-value {
  white-space: nowrap;
}

.order-details {
  margin-top: 10px;
}
.order-details .deliveries a {
  display: inline-block;
  font-weight: normal;
  color: #b1b3b4;
}
.order-details .deliveries a:hover {
  color: #e2001a;
  text-decoration: underline;
}
.order-details .deliveries li {
  margin-bottom: 5px;
}
.order-details .order-listing-value .material-entry-name {
  display: block;
  padding-left: 13px;
}

table.order-details tbody {
  border-bottom: 0 none;
}

.order-list-container .order-listing-value .item-name {
  display: block;
  padding-left: 13px;
}
.order-list-container .address-shipto .address-shipto-name,
.order-list-container .address-shipto .address-shipto-street,
.order-list-container .address-shipto .address-shipto-location {
  max-width: 400px;
  word-break: break-all;
}

.address-soldto .address-soldto-name,
.address-soldto .address-soldto-street,
.address-soldto .address-soldto-location {
  display: block;
}
.select2-results__option__content .address-soldto .address {
  padding: 3px 7px 4px;
}
.select2-results__option__content .address-soldto .address-soldto-name {
  padding-left: calc(20px / 2);
}
.select2-results__option__content .address-soldto .address-soldto-street,
.select2-results__option__content .address-soldto .address-soldto-location {
  padding-left: 20px;
}
.select2-selection__rendered__content .address-soldto .address-soldto-name {
  display: inline;
}
.select2-selection__rendered__content .address-soldto .address-soldto-street,
.select2-selection__rendered__content .address-soldto .address-soldto-location {
  display: none;
}

.address-shipto .address-shipto-name,
.address-shipto .address-shipto-street,
.address-shipto .address-shipto-location,
.address-shipto .address-shipto-contacts {
  display: block;
}
.select2-results__option__content .address-shipto .address {
  padding: 3px 7px 4px;
}
.select2-results__option__content .address-shipto .address-shipto-name {
  padding-left: calc(20px / 2);
}
.select2-results__option__content .address-shipto .address-shipto-street,
.select2-results__option__content .address-shipto .address-shipto-location,
.select2-results__option__content .address-shipto .address-shipto-contacts {
  padding-left: 20px;
}
.select2-selection__rendered__content .address-shipto .address-shipto-name {
  display: inline;
}
.address-shipto.text-uppercase {
  word-break: break-all;
}

.address-section.address-section-inline {
  display: table;
  width: 100%;
  /*
  @media (min-width: $screen-sm-min) {
  	width: 50%;
  }
  */
}
.address-section.address-section-inline .address {
  display: table-cell;
  width: 50%;
}
.address-section.address-section-inline .address-soldto .address-label,
.address-section.address-section-inline .address-shipto .address-label {
  display: block;
  padding: 10px 10px 0 0;
  font-weight: bold;
  white-space: nowrap;
}
@media (min-width: 640px) {
  .address-section.address-section-inline .address-soldto .address-label,
.address-section.address-section-inline .address-shipto .address-label {
    text-transform: uppercase;
  }
}
.address-section.address-section-inline .address-soldto .address-data,
.address-section.address-section-inline .address-shipto .address-data {
  padding: 10px 10px 10px 0;
  display: table-cell;
  width: 50%;
}
.address-section.address-section-inline .address-soldto .address-data > span,
.address-section.address-section-inline .address-shipto .address-data > span {
  display: block;
}

.address-selection .address-selection-formatted, .address-selection .address-selection-formatted2 {
  margin: 10px 0;
}

.address-section.address-section-block {
  margin-bottom: 10px;
  height: 100%;
}
.address-section.address-section-block .address-shipto,
.address-section.address-section-block .address-soldto {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.address-section.address-section-block .address-shipto .address-selection,
.address-section.address-section-block .address-soldto .address-selection {
  flex-grow: 1;
}
.address-section.address-section-block .address-shipto .address-selection .select2.select2-container,
.address-section.address-section-block .address-soldto .address-selection .select2.select2-container {
  width: 100%;
  height: 100%;
}
.address-section.address-section-block .address-shipto .address-selection .select2.select2-container .selection,
.address-section.address-section-block .address-soldto .address-selection .select2.select2-container .selection {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.address-section.address-section-block .address-shipto .address-selection .select2.select2-container .selection .select2-selection,
.address-section.address-section-block .address-soldto .address-selection .select2.select2-container .selection .select2-selection {
  display: flex;
  align-items: center;
  height: 100%;
}
.address-section.address-section-block .address-label {
  font-family: "Klavika Medium";
  font-weight: 600;
}
.address-section.address-section-block .address-selection {
  margin-bottom: 10px;
}
.address-section.address-section-block .address-data {
  padding-left: 0;
  list-style: none;
}
.address-section.address-section-block .address-data li {
  display: none;
}
.address-section.address-section-block .address-data li > b,
.address-section.address-section-block .address-data li > span {
  display: block;
}
@media (min-width: 640px) {
  .form-group .address-section.address-section-block {
    margin-bottom: 0;
  }
}

.address-section.address-section-block.with-border {
  border: 1px solid #ddd;
  padding: 10px;
}

.table-always-responsive {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 10px;
}
.table-always-responsive > table {
  margin-bottom: 0;
}
.table-always-responsive > table > thead > tr > th,
.table-always-responsive > table > thead > tr > td,
.table-always-responsive > table > tfoot > tr > th,
.table-always-responsive > table > tfoot > tr > td {
  white-space: nowrap;
}

.download-pdf {
  color: #000000;
}

@media (min-width: 640px) {
  table.table-overview th:first-child {
    padding-left: 21px;
  }
  table.table-overview th {
    padding-left: 21px;
  }
  table.table-overview .responsive-table-item .responsive-table-cell {
    padding-left: 21px;
  }
  table.table-overview .responsive-table-item td:last-child {
    padding-right: 21px;
  }
}
table.table-overview .responsive-table-item {
  border-bottom: 1px solid #b1b3b4;
}
table.table-overview .responsive-table-item:last-child {
  margin-bottom: 20px;
}

.no-results {
  display: none;
}

@media (max-width: 639px) {
  table.desktop {
    display: none;
  }

  table .desktop-only {
    display: none !important;
  }
}
@media (min-width: 640px) {
  table.mobile {
    display: none;
  }

  table .mobile-only {
    display: none !important;
  }

  .cart-product-quantity.mobile {
    display: none;
  }
}
table.mobile .width50 {
  width: 45%;
}
table.mobile .material-entry-total td:first-child,
table.mobile .cart-total-label,
table.mobile .cart-product-componentname,
table.mobile .colspanComponentDistance {
  display: block;
}
table.mobile .material-entry-component .colspanComponentDistance[colspan="3"],
table.mobile .material-entry-component .colspanComponentDistance[colspan="2"] {
  display: none;
}
table.mobile .material-entry-condition .cart-product-condition[colspan="6"] {
  display: block;
}
table.mobile .material-entry-component .material-entry-quantity,
table.mobile .material-entry-component .cart-product-componentname {
  border-top: 1px solid #b1b3b4;
  border-top-style: dashed;
  width: 100%;
}
table.mobile .cart-product-total.text-right {
  text-align: left;
}
table.mobile .cart-totals-table td,
table.mobile .material-entry-total td {
  width: 100%;
  border-top: 1px solid #b1b3b4;
}
table.mobile .cart-totals-table .text-right {
  text-align: left;
}
table.mobile .cart-totals-table .cart-total {
  font-weight: bold;
}
table.mobile .cart-product-discount.text-nowrap.text-red {
  margin-left: 5px;
}
table.mobile abbr[title] {
  border: none;
}

.checkout-summary .cart-totals-table td,
.checkout-summary .material-entry-total td {
  width: 100%;
  border-top: 1px solid #b1b3b4;
}
.checkout-summary .cart-product-total {
  width: 100%;
  border-top: 1px solid #b1b3b4;
}
.checkout-summary .cart-product-total.text-red {
  border-top: 0;
}
.checkout-summary .material-entry-component .material-entry-quantity,
.checkout-summary .material-entry-component .cart-product-componentname {
  border-top: 1px solid #b1b3b4;
  border-top-style: dashed;
}
.checkout-summary .cart-product-discount.text-nowrap.text-red {
  margin-left: 5px;
}
.checkout-summary .material-entry-condition .cart-product-condition,
.checkout-summary .material-entry-condition td {
  border-top: 1px solid #b1b3b4;
  border-top-style: dashed;
}
.checkout-summary abbr[title] {
  border: none;
}
.checkout-summary table.table-sm-stripes .cart-totals-table td {
  padding-top: 10px;
}

.table-scrollable {
  overflow: hidden;
  position: relative;
}
.table-scrollable .table__inner {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}
.table-scrollable .table__scrolling-indicator {
  display: none;
  z-index: 2;
  position: absolute;
  top: calc(50% - 20px);
  right: 5px;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background: #000000;
  border: 1px solid #000000;
  border-radius: 50%;
}
.table-scrollable .table__scrolling-indicator i {
  top: 3px;
}
.table-scrollable.table--scrolling-enabled .table__scrolling-indicator {
  display: block;
}
.table-scrollable.table--scrolling-enabled::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  width: 35px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  z-index: 1;
}

.add-to-cart-btn {
  max-height: 42.8px;
  min-width: 200px;
}
.add-to-cart-btn form {
  max-height: 42.8px;
}
.add-to-cart-btn form .bulk-add-to-cart {
  max-height: 100%;
}

table.order-list td.td-options:last-child {
  padding-right: 10px;
}

@media (max-width: 639px) {
  .table-expandable-rows {
    display: block !important;
  }
  .table-expandable-rows thead {
    display: none;
  }
  .table-expandable-rows tbody {
    display: block;
  }
  .table-expandable-rows tbody tr {
    display: block;
    border-top: 1px solid #b1b3b4;
    padding-top: 10px;
  }
  .table-expandable-rows tbody tr:first-of-type {
    border-top: none;
    padding-top: 0;
  }
  .table-expandable-rows tbody tr.order-details-cart-total {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: "flex";
  }
  .table-expandable-rows tbody tr.order-details-cart-total td {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: "flex";
    width: 50%;
  }
  .table-expandable-rows tbody td {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: "flex";
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0;
  }
  .table-expandable-rows tbody td span.order-listing-key,
.table-expandable-rows tbody td span.order-listing-value {
    width: 50%;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: "inline-flex";
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    text-align: left;
  }
}
@media (max-width: 639px) and (max-width: 639px) {
  .table-expandable-rows tbody td span.order-listing-value {
    text-align: right;
  }
}
@media (max-width: 639px) {
  .table-expandable-rows tbody td span.order-listing-key {
    font-weight: bold;
    display: none;
  }
}
@media (max-width: 639px) {
  .table-expandable-rows tbody td span.order-listing-only-mobile {
    display: block;
  }
}
@media (max-width: 639px) {
  .table-expandable-rows tbody td:first-child {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .table-expandable-rows tbody td.td-options {
    padding-top: 10px;
  }
  .table-expandable-rows tbody td.td-options .tooltip-overlay {
    display: none;
  }
  .table-expandable-rows tbody td.td-options a,
.table-expandable-rows tbody td.td-options button {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .table-expandable-rows tbody td .order-details .deliveries {
    width: 100%;
  }
  .table-expandable-rows tbody td .order-details .deliveries ul {
    margin: 0;
    padding: 0;
  }
  .table-expandable-rows tbody td .order-details .deliveries li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: "flex";
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 639px) {
  .table-expandable-rows .order-list-container {
    padding: 20px 20px 0 20px;
  }
}
@media (max-width: 639px) {
  .table-expandable-rows .address-section.address-section-inline .address {
    display: table-row;
  }
  .table-expandable-rows .address-section.address-section-inline .address-soldto .address-label,
.table-expandable-rows .address-section.address-section-inline .address-shipto .address-label {
    display: table-cell;
    width: 50%;
  }
}
.address-forwarding-agent .address-forwarding-agent-name,
.address-forwarding-agent .address-forwarding-agent-street,
.address-forwarding-agent .address-forwarding-agent-location {
  display: block;
}
.select2-results__option__content .address-forwarding-agent .address {
  padding: 3px 7px 4px;
}
.select2-results__option__content .address-forwarding-agent .address-forwarding-agent-name {
  padding-left: calc(20px / 2);
}
.select2-results__option__content .address-forwarding-agent .address-forwarding-agent-street,
.select2-results__option__content .address-forwarding-agent .address-forwarding-agent-location {
  padding-left: 20px;
}
.select2-selection__rendered__content .address-forwarding-agent .address-forwarding-agent-name {
  display: inline;
}
.select2-selection__rendered__content .address-forwarding-agent .address-forwarding-agent-street,
.select2-selection__rendered__content .address-forwarding-agent .address-forwarding-agent-location {
  display: none;
}
.address-forwarding-agent.text-uppercase {
  word-break: break-all;
}

.cmp-table {
  display: block;
  border: 5px solid #f5f5f5;
}
.cmp-table__flex {
  display: flex;
  font-size: 16px;
}
.cmp-table__group {
  padding: 20px;
}
.cmp-table__group:not(:first-child) {
  border-top: 5px solid #f5f5f5;
}
.cmp-table__row {
  display: flex;
  flex-direction: column;
  flex: 1 1 200px;
  padding: 0 10px;
}
.cmp-table__row .title {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #9e9e9e;
  font-family: klavika;
}

@media (max-width: 640px) {
  .cmp-table {
    border: none;
    border-bottom: 5px solid #f5f5f5;
  }
  .cmp-table__flex {
    flex-direction: column;
  }
  .cmp-table__row {
    padding: 10px 0;
    flex: 0 0 auto !important;
  }
}
@media (max-width: 639px) {
  #invoiceTable .cmp-table__group {
    padding: 0;
  }
  #invoiceTable .material-characteristic-wrapper.invoice {
    padding: 0;
  }
}
input[type=radio],
input[type=checkbox] {
  margin-right: 10px;
  margin-bottom: 20px;
}

label {
  color: #000000;
}

label.required:after {
  content: " *";
}

.checkbox > label:hover > span {
  color: #e2001a;
  text-decoration: underline;
}
.checkbox > label > span > a:hover {
  color: #e2001a;
  text-decoration: underline;
}

.checkbox-inline:hover {
  color: #e2001a;
  text-decoration: underline;
}

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

.form-control:focus {
  border-color: #707173;
  outline: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #c6c7c8;
  opacity: 1;
}
.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #c6c7c8;
  opacity: 1;
}
.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c6c7c8;
}
.form-control:-ms-input-placeholder {
  /* IE 10-11 */
  color: #c6c7c8;
}
.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #c6c7c8;
}
.form-control:placeholder {
  color: #c6c7c8;
}
.form-control::placeholder {
  color: #c6c7c8;
}

select.form-control {
  text-transform: uppercase;
  font-size: 13px;
  height: 29px;
  line-height: 17px;
  box-shadow: none;
  -webkit-box-shadow: none;
}
@media (min-width: 640px) {
  select.form-control {
    height: 23px;
  }
}

.form-control {
  height: 29px;
  border: 1px solid #c6c7c8;
  padding: 3px 5px 1px 5px;
  font-size: 14px;
  line-height: 17px;
  background-color: transparent;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  color: #000000;
}
.form-control:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 600;
  color: #ddd;
  opacity: 1;
}
.form-control::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 600;
  color: #ddd;
  opacity: 1;
}
.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 600;
  color: #ddd;
}
.form-control:-ms-input-placeholder {
  /* IE 10-11 */
  font-weight: 600;
  color: #ddd;
}
.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  font-weight: 600;
  color: #ddd;
}
.form-control:placeholder {
  font-weight: 600;
  color: #ddd;
}
.form-control::placeholder {
  font-weight: 600;
  color: #ddd;
}
@media (min-width: 640px) {
  .form-control {
    height: 23px;
  }
}

.password-wrapper {
  position: relative;
}
.password-wrapper ::-ms-reveal {
  display: none;
}
.password-wrapper .reveal-password-toggler {
  font-size: 16px !important;
  position: absolute;
  right: 15px;
  top: 19px;
  cursor: pointer;
  opacity: 0.6;
  font-family: Material Icons;
  color: #000 !important;
  font-weight: normal !important;
}
.password-wrapper .reveal-password-toggler:hover {
  opacity: 1;
}

.login-container {
  min-width: 330px;
}
@media (min-width: 500px) {
  .login-container {
    width: 450px;
  }
}

.login.description {
  max-width: 70%;
  font-family: "Klavika Light";
}
@media (max-width: 639px) {
  .login.description {
    max-width: 100%;
  }
}

.login.form-control {
  font-size: 14px;
  line-height: 17px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 20px;
  padding: 5px 25px;
  height: 53px;
  border: 1px solid #ddd;
  border-bottom: 3px solid #000;
  letter-spacing: 0.6px;
}
.login.form-control[disabled], .login.form-control[readonly], fieldset[disabled] .login.form-control {
  color: #000000;
}
@media (min-width: 640px) {
  .login.form-control {
    height: 53px;
  }
}
@media (max-width: 639px) {
  .login.form-control {
    width: 100%;
  }
}

.forgottenPwd.form-control {
  margin-top: 5px;
  padding: 5px 10px;
  height: 53px;
  width: 50%;
  border: 1px solid #ddd;
  border-bottom: 3px solid #000;
}
@media (max-width: 639px) {
  .forgottenPwd.form-control {
    width: 100%;
  }
}

.forgotten-password.link {
  margin-top: 50px;
}

.forgotten-password {
  margin: 0;
}
@media (max-width: 639px) {
  .forgotten-password .col-form-label {
    font-size: 16px;
  }
}
.forgotten-password .bottom-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-top: 30px;
  margin-bottom: 5px;
}
.forgotten-password .bottom-container .sika-button {
  margin: 0;
}
@media (max-width: 639px) {
  .forgotten-password .bottom-container {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px;
  }
}
@media (max-width: 639px) {
  .forgotten-password {
    justify-content: flex-start;
  }
}

.help-block.with-errors {
  display: none;
}

.has-error .help-block.with-errors {
  display: block;
}
.has-error label.col-form-label,
.has-error label.form-control-label {
  color: #e2001a;
  font-weight: bold;
}
.has-error .help-block {
  color: #d9534f;
  font-style: italic;
}
.has-error .form-control {
  border: 1px solid #c6c7c8;
}
.has-error input.form-control {
  border: 1px solid #c6c7c8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

legend {
  font-size: 18px;
  border-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.form-element-icon {
  position: relative;
}
.form-element-icon .glyphicon {
  position: absolute;
}
.form-element-icon.datepicker .glyphicon, .form-element-icon.datepicker-range .glyphicon {
  top: 32px;
  right: 10px;
  color: #000000;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .form-element-icon.datepicker .glyphicon, .form-element-icon.datepicker-range .glyphicon {
    top: 38px;
  }
}

.form-control-radio,
.form-control-checkbox {
  display: block;
}
.form-control-radio input,
.form-control-checkbox input {
  margin-bottom: 0;
  float: left;
}
.form-control-radio .form-control-label,
.form-control-checkbox .form-control-label {
  margin-left: 25px;
}

fieldset > div:last-of-type input,
fieldset > div:last-of-type label {
  margin-bottom: 0;
}

.select-placeholder {
  color: #c6c7c8;
}

/* jquery.ui.selectmenu.js */
.sort-tag__label {
  display: block;
  text-align: right;
  position: relative;
  margin-top: 15px;
}

.sort-tag__select {
  border: 0;
  font-family: "Klavika Light";
  font-weight: 700;
  width: 100%;
  -moz-appearance: none;
}
.sort-tag__select::-ms-expand {
  display: none;
}

@media (min-width: 640px) {
  .sort-tag__label {
    margin-top: 10px;
  }

  .sort-tag__select {
    width: 100%/3;
  }
}
.sort-btn {
  background: transparent;
  border: 0;
  color: black;
  font-family: "Klavika Light";
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 0;
}
.sort-btn .inline {
  display: inline-block;
}

.sort-options {
  margin-top: -20%;
  padding: 0 40px 5px 15px !important;
  width: max-content;
}
.sort-options li {
  cursor: pointer;
}
.sort-options .sort-option {
  padding: 5px;
  border-bottom: 3px solid transparent;
  font-family: "Klavika Light";
  font-weight: bold;
}
.sort-options .sort-option a {
  font-family: "Klavika Light";
  font-weight: bold;
  background: transparent !important;
  padding: 0 !important;
}
.sort-options .sort-option:hover {
  border-bottom: 3px solid #ffc510;
}

.current-sort {
  margin-left: 5px;
}

.caret-icon {
  position: absolute;
  margin-top: 5px !important;
  right: 10px;
}

@media (max-width: 639px) {
  .desk-dropdown {
    display: none;
  }
}

@media (min-width: 640px) {
  .mobile-dropdown {
    display: none;
  }
}

.sort-options-mobile {
  cursor: pointer;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #dddddd;
  margin: 0 10px;
}
@media (min-width: 640px) {
  .sort-options-mobile {
    display: none;
  }
}
.sort-options-mobile .sort-option-mobile {
  border-bottom: 1px solid #dddddd;
  width: 100%;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}

.show-options-mobile {
  animation: mob-sort 0.3s linear;
}

@keyframes mob-sort {
  0% {
    margin-top: -50px;
    opacity: 0;
  }
  15% {
    margin-top: -45px;
    opacity: 0.15;
  }
  25% {
    margin-top: -40px;
    opacity: 0.25;
  }
  50% {
    margin-top: -30px;
    opacity: 0.5;
  }
  75% {
    margin-top: -15px;
    opacity: 0.75;
  }
  85% {
    margin-top: -5px;
    opacity: 0.85;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
.nice-select {
  /*  -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-radius: 5px;
   border: solid 1px #e8e8e8;
   box-sizing: border-box;
   clear: both;
   cursor: pointer;
   display: block;
   float: left;
   font-family: inherit;
   font-size: 14px;
   font-weight: normal;
   height: 42px;
   line-height: 40px;
   outline: none;
   padding-left: 10px;
   padding-right: 30px;
   position: relative;
   text-align: left !important;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   width: auto; */
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}

.current:after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: 700;
  font-family: Material Design Icons;
  content: "\f140";
  font-weight: 400;
  font-size: 1rem;
  margin-left: 5px;
  color: #fff;
  line-height: 24px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: -20px;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 160;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  display: block !important;
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

#lang-selector-custom {
  display: none !important;
}

.custom-lang-selector {
  display: flex;
  align-items: center;
  border-bottom: 4px solid transparent;
  /*   background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 1px;
    height: 100%;
    border-bottom: 4px solid transparent;
    transition: .35s; */
}
.custom-lang-selector .current {
  text-transform: uppercase;
}
.custom-lang-selector:hover, .custom-lang-selector:active, .custom-lang-selector.open {
  border-color: transparent;
  border-bottom: 4px solid #ffc510;
}
.custom-lang-selector:after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.custom-lang-selector.open .list {
  background-color: #565655;
}
.custom-lang-selector .option.focus, .custom-lang-selector .option.selected.focus, .custom-lang-selector .option:hover {
  background-color: #ECEDED;
  color: #747577;
}
.custom-lang-selector .option.selected {
  display: none !important;
}

@media (min-width: 1024px) {
  .custom-lang-selector li.option:first-child {
    display: none !important;
  }
}
.lang-selector-drop {
  background-color: #ffffff !important;
  border-bottom: 1px solid #c6c7c8;
  transition: 0.15s;
}
.lang-selector-drop .custom-lang-selector {
  background-color: #ffffff;
  position: absolute !important;
  box-shadow: none;
  color: #000000;
  min-height: 35px;
  border-bottom: 4px solid transparent;
  transition: 0.35s;
  width: 100% !important;
}
.lang-selector-drop .custom-lang-selector:after {
  height: 7px;
  margin-top: -4px;
  top: 70%;
  transform: rotate(315deg) scale(105%);
  width: 7px;
}
.lang-selector-drop .custom-lang-selector .list {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100vw;
  transform: scale(1) translateY(0);
  border: none !important;
  box-shadow: none !important;
  transition: 0.2s;
  transition-delay: 0.2s;
}
.lang-selector-drop .custom-lang-selector .list .option {
  background-color: #ffffff !important;
  padding-left: 30px;
  line-height: 40px;
  border-bottom: 1px solid #eceded;
}
.lang-selector-drop .custom-lang-selector .list .option:first-child {
  position: relative;
  background-color: #eceded !important;
}
.lang-selector-drop .custom-lang-selector .list .option:first-child::after {
  content: "";
  display: block;
  height: 6px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: rotate(135deg) translateY(-50%) scale(120%);
  transition: all 0.15s ease-in-out;
  width: 6px;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
}
.lang-selector-drop .custom-lang-selector .current {
  text-transform: uppercase;
  font-family: "klavika", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.lang-selector-drop .custom-lang-selector:hover, .lang-selector-drop .custom-lang-selector:active, .lang-selector-drop .custom-lang-selector.open {
  border-color: transparent;
}
.lang-selector-drop .custom-lang-selector:after {
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
}
.lang-selector-drop .custom-lang-selector.open .list {
  left: -1px;
  top: -2px;
  background-color: #ffffff !important;
}
.lang-selector-drop .custom-lang-selector .option.focus, .lang-selector-drop .custom-lang-selector .option.selected.focus, .lang-selector-drop .custom-lang-selector .option:hover {
  background-color: white !important;
  color: #ffc510 !important;
  transition: 0.35s;
}
.lang-selector-drop .custom-lang-selector .option.selected {
  display: none !important;
}

@media (max-width: 1023px) {
  .wishlist-wrapper {
    padding: 0 16px !important;
  }
}
.wishlist-wrapper .wishlist-content .cart-wish-btn {
  display: flex;
  gap: 15px;
}
.wishlist-wrapper .wishlist-content .cart-wish-btn .wl-add-to-cart .add-cart-button {
  width: 30px;
  height: 30px !important;
  align-items: center;
}
.wishlist-wrapper .wishlist-content .cart-wish-btn .wl-add-to-cart .add-cart-button .icon .icon {
  display: flex;
  align-items: center;
}
.wishlist-wrapper .wishlist-content .cart-wish-btn .wl-remove-from-wishlist .remove-from-wishlist-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}
.wishlist-wrapper .wishlist-content .cart-wish-btn .wl-add-to-cart .add-cart-button,
.wishlist-wrapper .wishlist-content .cart-wish-btn .wl-add-to-cart .remove-from-wishlist-button,
.wishlist-wrapper .wishlist-content .cart-wish-btn .wl-remove-from-wishlist .add-cart-button,
.wishlist-wrapper .wishlist-content .cart-wish-btn .wl-remove-from-wishlist .remove-from-wishlist-button {
  padding: 5px !important;
  background-color: #f5f5f5;
  border-radius: 3px !important;
  transition: 0.3s ease-in-out;
}
.wishlist-wrapper .wishlist-content .cart-wish-btn .wl-add-to-cart .add-cart-button:hover,
.wishlist-wrapper .wishlist-content .cart-wish-btn .wl-add-to-cart .remove-from-wishlist-button:hover,
.wishlist-wrapper .wishlist-content .cart-wish-btn .wl-remove-from-wishlist .add-cart-button:hover,
.wishlist-wrapper .wishlist-content .cart-wish-btn .wl-remove-from-wishlist .remove-from-wishlist-button:hover {
  background-color: #ffc510 !important;
}

.wishlist-add-wrapper {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}
.wishlist-add-wrapper form.quickadd {
  flex-wrap: wrap;
  margin: 0;
}
.wishlist-add-wrapper form.quickadd .quickadd-input-wrapper input {
  height: 42.8px !important;
}

#quickaddForm .wish-conf-length-width {
  width: auto !important;
}

.wishlist-load-more {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  width: 100%;
}

.multiwishlist-load-more {
  display: flex;
  justify-content: center;
  width: 100%;
}

@media (max-width: 639px) {
  .wishlist-wrapper .wishlist-content .cart-wish-btn .wl-add-to-cart .add-cart-button {
    width: 30px;
  }

  .wishlist-add-wrapper {
    flex-direction: column;
  }
  .wishlist-add-wrapper .add-to-cart-btn .bulk-add-to-cart {
    margin-top: 0 !important;
  }

  #wishlistTable .cmp-table__row.product-description {
    display: none;
  }
  #wishlistTable ul.scale-prices {
    padding-right: 10px;
  }
}
@media (max-width: 640px) {
  .remove-from-whishlist {
    margin-left: 55% !important;
    margin-top: -45px !important;
  }
}
@media (max-width: 360px) {
  .remove-from-whishlist {
    margin-left: 60% !important;
  }
}

.wishlist-remove {
  padding-top: 20px;
}

.wishlist-tbl {
  margin-bottom: 30px;
  width: 100%;
  border-top: 3px solid #f5f5f5;
}
@media (max-width: 639px) {
  .wishlist-tbl {
    border-top: 1px solid #ddd;
  }
  .wishlist-tbl .material-characteristic-wrapper .cmp-table__row.characteristic {
    flex: 100% !important;
    flex-direction: row;
    gap: 5px;
  }
  .wishlist-tbl .material-characteristic-wrapper .cmp-table__row.characteristic > div {
    flex: 0 0 50%;
  }
  .wishlist-tbl .material-characteristic-wrapper .cmp-table__row.characteristic .title {
    color: #000000;
    font-weight: 700;
    text-transform: none;
  }
}

.wishlist-tbl:nth-child(-n+3) {
  display: block !important;
}

.wishlist-element-container {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
@media (min-width: 640px) {
  .wishlist-element-container {
    border-bottom: 10px solid #f5f5f5;
    transition: 0.2s ease-in-out;
  }
  .wishlist-element-container:hover {
    border-bottom: 10px solid #ffc510;
  }
}
.wishlist-element-container .wishlist-table {
  margin-top: 30px;
}
.wishlist-element-container .wishlist-table-scrollable {
  height: 600px;
  overflow-y: auto;
}
.wishlist-element-container .expand-details {
  display: block;
}
.wishlist-element-container .collapse-details {
  display: none;
}
.wishlist-element-container .spinner-details {
  display: none;
}
.wishlist-element-container.table-expandable-loading .expand-details {
  display: none;
}
.wishlist-element-container.table-expandable-loading .collapse-details {
  display: none;
}
.wishlist-element-container.table-expandable-loading .spinner-details {
  display: block;
  animation: spin 1.5s infinite linear;
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(-360deg);
  }
}
.wishlist-element-container.table-expandable-open .expand-details {
  display: none;
}
.wishlist-element-container.table-expandable-open .collapse-details {
  display: block;
}
.wishlist-element-container.table-expandable-open .spinner-details {
  display: none;
}
.wishlist-element-container .has-tooltip .material-icons {
  font-size: 22px !important;
}
.wishlist-element-container .has-tooltip .invoice-download-icon {
  font-size: 30px !important;
  cursor: pointer;
}

.wishlist-group-element {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  border-bottom: 10px solid transparent;
  cursor: pointer;
}
.wishlist-group-element .mobile-wishlist-toggle {
  display: none;
}
@media (max-width: 640px) {
  .wishlist-group-element {
    row-gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .wishlist-group-element .desktop-wishlist-toggle {
    display: none;
  }
  .wishlist-group-element .mobile-wishlist-toggle {
    display: flex;
  }
  .wishlist-group-element .wishlist-title {
    font-size: 20px !important;
    flex-basis: 82%;
    word-break: break-word;
  }
  .wishlist-group-element .td-options {
    margin-top: 0;
  }
  .wishlist-group-element .wishlist-actions {
    min-width: 100%;
    justify-content: center;
  }
}
.wishlist-group-element .wishlist-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-family: "Klavika";
  font-weight: bold;
  font-size: 26px;
  gap: 5px;
}
.wishlist-group-element .wishlist-title .listing-value {
  text-transform: capitalize;
}
.wishlist-group-element .wishlist-actions {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.wishlist-group-element .wishlist-actions .wishlist-action-button {
  padding: 5px !important;
  background-color: #f5f5f5;
  border-radius: 3px !important;
  transition: 0.3s ease-in-out;
  padding-bottom: 2px !important;
  max-height: 37px;
}
.wishlist-group-element .wishlist-actions .wishlist-action-button:hover {
  background-color: #ffc510 !important;
}
.wishlist-group-element .wishlist-actions .wishlist-table-toggle-icon {
  margin-top: -20px;
}
.wishlist-group-element .wishlist-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.wishlist-group-element .wishlist-data .data-el {
  display: flex;
  flex-direction: column;
  width: auto;
}
.wishlist-group-element .wishlist-data .data-el-title {
  font-weight: 600;
  font-size: 14px;
  color: #9e9e9e;
  text-transform: capitalize;
}
.wishlist-group-element .wishlist-data .data-el-title .tooltip-holder {
  color: #000;
}
@media (max-width: 639px) {
  .wishlist-group-element .wishlist-data .data-el-title .tooltip-holder {
    display: inline-block !important;
  }
}
.wishlist-group-element .wishlist-data .data-el-value {
  font-weight: 400;
  font-size: 14px;
}
@media (max-width: 639px) {
  .wishlist-group-element .wishlist-data .data-el.open .tooltip-overlay {
    display: block;
  }
}
.wishlist-group-element .wishlist-data .data-el .data-el-title {
  display: flex;
  align-items: center;
}
@media (max-width: 639px) {
  .wishlist-group-element .wishlist-data .data-el .data-el-title {
    font-weight: 700;
    color: #000000;
  }
}
@media (max-width: 639px) {
  .wishlist-group-element .wishlist-data {
    flex-direction: column;
  }
  .wishlist-group-element .wishlist-data .data-el {
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .wishlist-group-element .wishlist-data .data-el span {
    flex: 0 0 50%;
  }
}

.edit-wishlist-modal-dialog {
  width: 30%;
}

.wishlist-modal-content {
  padding: 30px !important;
  gap: 15px !important;
  font-family: "Klavika Regular";
}
.wishlist-modal-content .wishlist-modal-title {
  font-size: 21px;
}
.wishlist-modal-content .wishlist-modal-input {
  display: flex;
  flex-direction: row;
}
.wishlist-modal-content .wishlist-modal-input input {
  width: 100%;
  padding: 15px 20px;
  height: 53px;
  font-weight: 600;
  border: 1px solid #9e9e9e;
  border-bottom: 3px solid #000;
  border-radius: 0 !important;
}
.wishlist-modal-content .wishlist-modal-input input:focus {
  border-radius: 0;
  outline: none;
}
.wishlist-modal-content .wishlist-modal-warning {
  color: red;
}
.wishlist-modal-content .wishlist-modal-message {
  font-size: 16px;
}
.wishlist-modal-content .wishlist-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
@media (max-width: 1023px) {
  .wishlist-modal-content .wishlist-modal-actions {
    justify-content: center;
  }
}
.wishlist-modal-content .wishlist-modal-actions button {
  min-width: 80px !important;
}
.wishlist-modal-content .wishlist-modal-actions.update {
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 1023px) {
  .wishlist-modal-content .wishlist-modal-actions.update {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
.wishlist-modal-content .wishlist-modal-actions.update .buttons-container {
  display: flex;
  gap: 10px;
  position: absolute;
  right: 0;
}
@media (max-width: 1023px) {
  .wishlist-modal-content .wishlist-modal-actions.update .buttons-container {
    position: static;
  }
}

.single-wishlist-add-wrapper {
  justify-content: space-between;
  flex-wrap: wrap;
}
.single-wishlist-add-wrapper .wishlist-add-section {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.add-new-wishlist {
  display: flex;
  margin: 0 0 30px 0;
  justify-content: flex-end;
}

@media (max-width: 640px) {
  .mobile-wishlist-modal {
    top: 60px;
  }
  .mobile-wishlist-modal:before {
    height: 0 !important;
  }
  .mobile-wishlist-modal .modal-dialog {
    min-width: 100%;
    min-height: 100%;
    margin: 0;
  }
  .mobile-wishlist-modal .modal-dialog .modal-content {
    height: 100vh;
    padding-top: 15px !important;
    border: 0;
  }
  .mobile-wishlist-modal .modal-dialog .modal-content button {
    margin-top: 0 !important;
  }
}
.wish-conf-length-width {
  width: 248px !important;
}

.wish-conf-color-width {
  width: 195px !important;
}
.wish-conf-color-width .title, .wish-conf-color-width .configurable-color {
  width: 195px !important;
}

@media (max-width: 641px) {
  .wishlist-tbl .cmp-table__group:not(:first-child) {
    border-top: 2px solid #f5f5f5;
  }

  .cmp-table-wishlist-mobile {
    border: 2px solid #f5f5f5;
  }
}
@media (min-width: 641px) {
  .remove-wishlist-mobile-container .add-to-cart-btn {
    display: none;
  }
}
.remove-wishlist-mobile-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.remove-wishlist-mobile-container button {
  margin-top: 0 !important;
}

.pdp-add-wishlist-container {
  display: flex;
}

@media (min-width: 640px) and (max-width: 1580px) {
  .wishlist-color {
    flex-basis: 150px !important;
  }
}

.wishlist-no-wishlists {
  font-size: 25px;
}

.wishlist-modal-name-error {
  color: red;
}

.product-details-toggle {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
  padding-right: 20px;
}
.product-details-toggle.name {
  font-weight: 600;
}
.product-details.open .product-details-toggle {
  margin-bottom: 0;
}
.product-details-toggle .glyphicon {
  position: absolute;
  right: calc(20px / 4);
  font-size: 0.875rem;
  line-height: 35px;
}
.product-details.open .product-details-toggle .glyphicon:before {
  content: "\e114";
}

.product-details-toggle-wrap {
  display: none;
}
.product-details.open + .product-details-toggle-wrap {
  display: block;
}
.product-details-toggle-wrap .product-details {
  font-size: 2rem;
}
.product-details-toggle-wrap img {
  width: 175px;
  margin: 0 30px 35px 0;
  float: left;
}

@media (min-width: 640px) {
  .product-details-toggle-wrap .product-details {
    text-align: right;
  }
}
@media (max-width: 639px) {
  .product-details-toggle {
    padding: 0 25px 0 calc(20px / 2);
  }
  .product-details-toggle .glyphicon {
    right: calc(20px / 2);
  }

  .product-details-toggle-wrap {
    margin: 0;
  }
  .product-details-toggle-wrap img {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .product-details-toggle-wrap .product-details {
    margin-bottom: 20px;
  }
}
.product-action {
  overflow: hidden;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  margin-bottom: 15px;
}
.product-action ol {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.product-action ol li {
  font-size: 1.09375rem;
  float: right;
  margin: 15px 0 15px 20px;
  line-height: 20.000000006px;
}
.product-action #total-price {
  font-size: 1.09375rem;
  font-weight: 600;
}
.product-action div {
  float: left;
  margin: 15px 0;
  line-height: 20.000000006px;
}

@media (max-width: 639px) {
  .product-action {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    padding: 0 20px;
    margin-bottom: 0;
  }
  .product-action ol li {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .product-action ol li,
.product-action .btn {
    width: 100%;
  }
  .product-action div {
    float: none;
    line-height: 1.42857;
    margin-bottom: 0;
  }
}
.update-future-stock {
  text-align: right;
  padding: 15px 7px 15px 0;
}
.update-future-stock .update_future_stock_button,
.update-future-stock .hide_future_stock_info {
  font-size: 1rem;
}
.update-future-stock .hide_future_stock_info {
  display: none;
}

.product-grid-container .sku-quantity,
#cboxContent .sku-quantity {
  font-size: 1rem;
  line-height: 20px;
  width: 60px;
  padding: 9px 10px;
  margin: 5px 0 3px;
  border: 1px solid #ccc;
  text-align: center;
}
.product-grid-container .td_stock,
#cboxContent .td_stock {
  display: block;
  padding-bottom: 5px;
}
.product-grid-container .td_stock .in-stock,
#cboxContent .td_stock .in-stock {
  color: #000000;
  font-weight: normal;
}
.product-grid-container .future_stock,
#cboxContent .future_stock {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.product-grid-container .future_stock .future_stock_value,
#cboxContent .future_stock .future_stock_value {
  margin: 2px 0 8px 0;
}
.product-grid-container .data-grid-total,
#cboxContent .data-grid-total {
  display: inline-block;
  padding-top: 5px;
  border-top: 1px solid #000000;
  font-size: 1rem;
}

.product-grid-container table td .price {
  font-size: 0rem;
  font-weight: bold;
}
.product-grid-container table td.out-of-stock .variant-prop,
.product-grid-container table td.out-of-stock .price {
  opacity: 0.3;
}
.product-grid-container table td.out-of-stock .sku-quantity {
  opacity: 0.3;
  background-color: #fff;
}

@media (min-width: 640px) {
  .add-to-cart-order-form-wrap {
    position: relative;
  }

  .add-to-cart-order-form-wrap::after {
    background-color: white;
    bottom: 0;
    content: "";
    height: 17px;
    position: absolute;
    width: 100%;
  }

  .add-to-cart-order-form-wrap::before {
    background-color: white;
    right: 0;
    content: "";
    position: absolute;
    height: 100%;
  }

  .add_to_cart_order_form {
    overflow: scroll;
    max-height: 904px;
  }

  .order-form-scroll {
    cursor: pointer;
    background-color: #000000;
    opacity: 0.4;
    color: #fff;
    text-align: center;
    position: absolute;
    display: none;
  }
  .order-form-scroll.right {
    width: 50px;
    height: 75px;
    line-height: 75px;
    right: 0;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.left {
    width: 50px;
    height: 75px;
    line-height: 75px;
    left: 0;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.up {
    width: 75px;
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 50%;
    margin-left: -35px;
  }
  .order-form-scroll.down {
    width: 75px;
    height: 50px;
    line-height: 50px;
    bottom: 17px;
    left: 50%;
    margin-left: -35px;
  }

  .product-grid-container {
    margin-bottom: 15px;
  }
  .product-grid-container-dim-3, .product-grid-container-dim-2 {
    width: 100%;
  }
  .product-grid-container table {
    border-bottom: 1px solid #000000;
  }
  .product-grid-container table:nth-child(2n) {
    background: #ffffff;
  }
  .product-grid-container table tr:first-child > th:first-child {
    border-right: 1px solid #000000;
    white-space: nowrap;
  }
  .product-grid-container table tr > td:first-child {
    border-right: 1px solid #000000;
    padding-top: 20px;
  }
  .product-grid-container table th {
    text-align: center;
  }
  .product-grid-container table td {
    text-align: center;
    padding: 25px 10px 15px;
    vertical-align: top;
    max-width: 200px;
  }
}
@media (max-width: 639px) {
  #cboxContent .sku-quantity {
    font-size: 1rem;
  }

  .product-grid-container {
    font-size: 1rem;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  .product-grid-container table {
    table-layout: fixed;
    width: 100%;
  }
  .product-grid-container table tr td {
    border-bottom: 1px solid #000000;
  }
  .product-grid-container table tr .variant-detail {
    width: 60%;
    padding: 15px 0 15px 20px;
  }
  .product-grid-container table tr .variant-detail img {
    float: left;
    padding-right: 20px;
  }
  .product-grid-container table tr .variant-detail .description {
    padding: 12px 0;
  }
  .product-grid-container table tr .variant-select {
    width: 40%;
    text-align: right;
    font-weight: 600;
    padding-right: 20px;
    vertical-align: middle;
  }
  .product-grid-container table .hidden-size {
    display: none;
  }
  .product-grid-container table .variant-summary {
    display: none;
    background-color: #000000;
  }
  .product-grid-container table .variant-summary .variant-summary-items {
    margin: 15px 0;
  }
  .product-grid-container table .variant-summary tr td {
    padding: 0 20px;
    font-weight: bold;
  }
  .product-grid-container table .variant-summary tr td:last-child {
    text-align: right;
  }
  .product-grid-container table .variant-summary tr:first-child td {
    font-weight: normal;
  }
  .product-grid-container table .variant-summary span {
    display: none;
  }
  .product-grid-container table .editSize {
    display: none;
  }
  .product-grid-container table.selected .variant-summary {
    display: table-row;
  }
  .product-grid-container table.selected .editSize {
    display: inline;
  }
  .product-grid-container table.selected .selectSize {
    display: none;
  }

  .variantSelectMobile #cboxLoadedContent {
    overflow: visible !important;
    padding-left: 0;
    padding-right: 0;
  }

  #cboxContent table {
    width: 100%;
  }
  #cboxContent table td {
    display: block;
    font-weight: 600;
    text-align: center;
    padding: 25px 0 10px 0;
  }
  #cboxContent table td:first-child {
    width: auto;
  }
  #cboxContent table td:nth-child(2n+2) {
    background: #ffffff;
  }
  #cboxContent .product-grid-container {
    margin: 0;
  }
  #cboxContent .orderForm_grid_group {
    position: relative;
  }
  #cboxContent .update-future-stock {
    position: absolute;
    margin-left: -65px;
    left: 50%;
    top: 100px;
  }
  #cboxContent .variant-detail {
    padding: 0 0 60px 0;
  }
  #cboxContent .variant-detail img {
    display: inline-block;
    max-width: 200px;
    float: none;
    padding: 0;
  }
  #cboxContent .variant-detail .description {
    padding: 0;
  }
  #cboxContent .variant-detail .description > div {
    display: inline;
  }
  #cboxContent .mobile-cart-actions {
    padding: 20px;
    border-bottom: none;
    background-color: #fff !important;
  }
  #cboxContent .mobile-cart-actions .btn {
    width: 100%;
  }
  #cboxContent .variant-select,
#cboxContent .variant-summary {
    display: none;
  }
  #cboxContent .variant-prop > span {
    font-weight: 400;
  }
  #cboxContent .sku-quantity {
    font-weight: 400;
    line-height: 60px;
    width: 120px;
    height: 80px;
  }
}
.user-management-list {
  padding-left: 0;
  margin-bottom: 20px;
}
.user-management-list li {
  display: inline-block;
  font-weight: bold;
  border-left: 1px solid #000000;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 15px;
}
.user-management-list li:first-child {
  padding-left: 0;
  border: 0;
}
.user-management-list li:last-child {
  padding-right: 0;
}

.glyphicon-grey {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f7f7+0,d2d3d4+100 */
  background: #f8f7f7;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #f8f7f7 0%, #d2d3d4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #f8f7f7 0%, #d2d3d4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #f8f7f7 0%, #d2d3d4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f8f7f7", endColorstr="#d2d3d4",GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  padding: 3px;
  border-right: 1px solid #5a5a5a;
  border-bottom: 1px solid #5a5a5a;
  color: #7c7b7b;
  float: right;
}

.responsive-table-item:nth-child(even) {
  background: #fff;
}

.account-section-content .responsive-table-cell {
  background: #fff;
  border-bottom: 1px solid #b1b3b4;
  color: #000;
  padding: 10px 20px;
}
.account-section-content .responsive-table-head {
  border-top: 1px solid #b1b3b4;
  border-bottom: 1px solid #b1b3b4;
}
.account-section-content .responsive-table-head th {
  font-weight: bold;
  padding: 5px 20px;
}
.account-section-content a.responsive-table-link {
  color: #000;
}

.btn-usermanagement {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 639px) {
  .user-management-container {
    margin-top: 20px;
  }

  .account-section-header {
    clear: both;
    min-height: 85px;
  }
  .account-section-header .btn-default {
    float: right;
  }
}
@media (max-width: 639px) {
  .account-section-content .responsive-table-cell {
    border: 0;
  }
  .account-section-content .responsive-table-item {
    border-bottom: 1px solid #b1b3b4;
  }
  .account-section-content .responsive-table-item td {
    padding: 10px 5px;
  }

  .glyphicon-grey {
    float: left;
  }
}
.container-finishing h3.bold, .container-finishing .bold.h3,
.container-partners h3.bold,
.container-partners .bold.h3 {
  font-weight: bold;
  margin-bottom: 20px;
}
.container-finishing input[type=checkbox],
.container-partners input[type=checkbox] {
  float: left;
}
.container-finishing input[type=checkbox] + label,
.container-partners input[type=checkbox] + label {
  display: block;
  margin-left: 23px;
}
.container-finishing ul,
.container-partners ul {
  padding: 0;
}
.container-finishing ul li,
.container-partners ul li {
  display: block;
  padding-left: 20px;
}
.container-finishing button .text-less,
.container-partners button .text-less {
  display: none;
}
.container-finishing button.collapse .text-less,
.container-partners button.collapse .text-less {
  display: block;
}
.container-finishing button.collapse .text-all,
.container-partners button.collapse .text-all {
  display: none;
}

input[type=checkbox] {
  margin-bottom: 0;
}

.select-all {
  margin-bottom: 20px;
}

.radiobuttonlist {
  padding-left: 0;
}
.radiobuttonlist li {
  display: block;
  position: relative;
}
.radiobuttonlist li label {
  position: absolute;
  left: 20px;
  top: -2px;
}
.radiobuttonlist li input {
  margin: 0;
}
.radiobuttonlist li.user-radio-button-element {
  margin-top: 6px;
}

hr.line {
  border: 0;
  border-top: 1px solid #b1b3b4 !important;
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
}

.headline-container .back-link {
  padding-bottom: 10px;
  padding-top: 0;
}
.headline-container .label {
  padding-bottom: 0;
  padding-left: 0;
}
.headline-container p {
  margin-bottom: 0;
}

.reset-container {
  margin-top: 10px;
}
.reset-container button.btn + p {
  margin-top: 15px;
}

.salesArea {
  padding-bottom: 25px;
}

.salesAdressArea label {
  display: block;
  padding-left: 23px;
}

.user-form-header {
  padding-bottom: 40px;
}
.user-form-header h1, .user-form-header .h1 {
  text-transform: capitalize;
  font-family: "klavika Light";
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 1px;
}
.user-form-header p {
  text-transform: none;
  font-family: "klavika Light";
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.5px;
}

@media (max-width: 612px) {
  .user-name-container {
    margin-bottom: 25px;
  }
}

.user-inputs-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  height: auto;
  min-height: 123px;
}
@media (max-width: 611px) {
  .user-inputs-container {
    justify-content: center;
  }
}
@media (max-width: 612px) {
  .user-inputs-container div {
    width: 100%;
  }
}
.user-inputs-container .input-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
@media (min-width: 612px) {
  .user-inputs-container .input-container {
    flex-basis: 30%;
  }
}
.user-inputs-container .input-container span {
  font-weight: bold;
  color: #e2001a;
  font-size: 14px;
}
.user-inputs-container .input-container .col-form-label {
  font-family: "Klavika";
  font-weight: bold;
}
.user-inputs-container .input-container .col-form-label .mandatory {
  color: black;
}
.user-inputs-container .input-container #newPassword_minchar {
  display: none;
}
.user-inputs-container .input-container #newPassword_bar {
  margin-top: 25px;
}
.user-inputs-container .form-group {
  margin-bottom: 5px !important;
}
@media (max-width: 612px) {
  .user-inputs-container .form-group {
    width: 100%;
  }
}
.user-inputs-container .form-group div {
  font-family: "Klavika Medium";
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.user-inputs-container .form-group input {
  padding: 15px 20px;
  height: 53px;
  font-weight: 600;
  border-bottom: 3px solid #000;
  width: 100%;
}
@media (max-width: 612px) {
  .user-inputs-container .form-group input {
    width: 100%;
  }
}
.user-inputs-container .form-group input:focus, .user-inputs-container .form-group select:focus {
  border-bottom: 3px solid #ffc510;
}
.user-inputs-container .form-group #sessionLanguage {
  padding: 15px 20px;
  height: 53px;
  font-weight: 600;
  border-bottom: 3px solid #000;
  width: 100%;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M24%2024H0V0h24v24z%22%20fill%3D%22none%22%20opacity%3D%22.87%22%2F%3E%3Cpath%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6-1.41-1.41z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  padding-right: calc(1.5em + 0.75rem);
  background-position: center right calc(0.375em + 0.1875rem);
}
.user-inputs-container .form-group #sessionLanguage option {
  font-size: 1em;
}
.user-inputs-container .form-group .help-block {
  font-style: inherit;
}

.no-margin-left {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.update-btn-container {
  display: flex;
  justify-content: center;
}

.user-password-form {
  padding-top: 40px;
}

.user-form-error .form-group div, .password-form-error .form-group div {
  color: #e2001a !important;
}
.user-form-error .form-group div .col-form-label, .user-form-error .form-group div .mandatory, .password-form-error .form-group div .col-form-label, .password-form-error .form-group div .mandatory {
  color: #e2001a !important;
}

.user-management-overview-wrapper .umo-create-user {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.user-management-overview-wrapper .umo-create-user h2, .user-management-overview-wrapper .umo-create-user .h2 {
  text-transform: none !important;
}
.user-management-overview-wrapper .account-section {
  margin-top: 30px;
}
.user-management-overview-wrapper .account-section .umo-row {
  border: 3px solid #f5f5f5;
  border-bottom: none;
}
.user-management-overview-wrapper .account-section .umo-row .expand-details {
  display: block;
}
.user-management-overview-wrapper .account-section .umo-row .collapse-details {
  display: none;
}
.user-management-overview-wrapper .account-section .umo-row.umo-opened .expand-details {
  display: none;
}
.user-management-overview-wrapper .account-section .umo-row.umo-opened .umo-users-table,
.user-management-overview-wrapper .account-section .umo-row.umo-opened .collapse-details {
  display: block;
}
.user-management-overview-wrapper .account-section .umo-row .user-management-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 20px 60px;
  border-bottom: 10px solid #f5f5f5;
  transition: 0.3s ease-in-out;
}
.user-management-overview-wrapper .account-section .umo-row .user-management-container:hover {
  border-bottom: 10px solid #ffc510;
}
.user-management-overview-wrapper .account-section .umo-row .umo-soldTo-title {
  flex-basis: 50%;
  max-width: 50%;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.user-management-overview-wrapper .account-section .umo-row .umo-soldTo-title .umo-soldTo-label {
  text-transform: none;
  font-weight: 600;
  word-break: break-word;
  white-space: nowrap;
}
.user-management-overview-wrapper .account-section .umo-row .umo-soldTo-btn {
  display: flex;
  gap: 30px;
  flex-shrink: 0;
}
.user-management-overview-wrapper .account-section .umo-row .umo-arrow-users {
  position: absolute;
  top: 0;
  right: 20px;
}
.user-management-overview-wrapper .account-section .umo-row .umo-arrow-users .material-icons {
  cursor: pointer;
}
.user-management-overview-wrapper .account-section .umo-row .umo-users-table {
  display: none;
  border-bottom: 10px solid #f5f5f5;
}
.user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content {
  display: flex;
  gap: 5%;
  padding: 20px 60px;
  border-bottom: 5px solid #f5f5f5;
}
.user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col {
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
@media (min-width: 640px) {
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:first-of-type {
    word-break: break-word;
    flex-basis: 300px;
    max-width: 300px;
  }
}
.user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:nth-of-type(2) {
  flex-grow: 2;
}
@media (min-width: 640px) {
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:nth-of-type(2) {
    flex-basis: 500px;
    max-width: 500px;
    word-break: break-word;
  }
}
@media (min-width: 640px) {
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:nth-of-type(3) {
    flex-basis: 200px;
    max-width: 200px;
    word-break: break-word;
  }
}
@media (min-width: 640px) {
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:nth-of-type(4) {
    flex-basis: 60px;
    max-width: 60px;
  }
}
.user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:last-of-type {
  margin-left: auto;
}
@media (min-width: 640px) {
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:last-of-type {
    flex-basis: 100px;
    max-width: 100px;
    word-break: break-word;
    align-items: center;
  }
}
.user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:last-of-type .umo-table-cell {
  text-align: center;
}
.user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:last-of-type .umo-table-cell .material-icons {
  color: #000;
}
.user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col .umo-table-header {
  margin-bottom: 10px;
  font-weight: 600;
  color: #9e9e9e;
  text-transform: lowercase;
}
.user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col .umo-table-header::first-letter {
  text-transform: uppercase;
}
.user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col .umo-table-cell {
  font-weight: 600;
}

#cboxContent .modal-actions button {
  display: inline-block;
  padding: 0.85em 1em 0.7em;
  min-width: 120px;
  height: 42.8px !important;
  line-height: 1 !important;
  font-size: 1rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  cursor: pointer;
}
#cboxContent .modal-actions > div:first-of-type button {
  background: #ffc510 !important;
}
#cboxContent .modal-actions > div:first-of-type button:hover {
  background: #ffc510 !important;
}
#cboxContent .modal-actions .js-action-confirmation-modal-cancel button {
  background: #e0e0e0 !important;
}
#cboxContent .modal-actions .js-action-confirmation-modal-cancel button:hover {
  background: #e0e0e0 !important;
}

@media (max-width: 1023px) {
  .user-management-overview-wrapper {
    margin: 0 16px;
  }
}
@media (max-width: 1023px) {
  .user-management-container {
    flex-wrap: wrap;
    gap: 0;
    padding: 20px;
    border-bottom: none !important;
  }
  .user-management-container:hover {
    border-bottom: none !important;
  }

  .umo-soldTo-btn {
    flex-shrink: 1;
  }
}
@media (max-width: 639px) {
  .user-management-overview-wrapper {
    margin: 0 16px;
  }
  .user-management-overview-wrapper .account-section .umo-row {
    border: none;
    border-bottom: 3px solid #f5f5f5;
  }
  .user-management-overview-wrapper .account-section .umo-row .user-management-container {
    flex-wrap: wrap;
    gap: 0;
    padding: 20px;
    border-bottom: none !important;
  }
  .user-management-overview-wrapper .account-section .umo-row .user-management-container:hover {
    border-bottom: none !important;
  }
  .user-management-overview-wrapper .account-section .umo-row .umo-soldTo-btn {
    flex-shrink: 1;
  }
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table {
    border-bottom: 10px solid #f5f5f5;
  }
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content {
    flex-direction: column;
    gap: 15px;
    padding: 16px;
    border: 3px solid #f5f5f5 !important;
  }
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col {
    flex-direction: row;
    font-size: 14px;
  }
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:first-of-type {
    width: auto;
  }
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:first-of-type .umo-table-header:first-of-type {
    text-align: left;
  }
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:nth-of-type(2) {
    width: auto;
  }
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col:last-of-type {
    margin-left: unset;
  }
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col .umo-table-header {
    margin-bottom: 10px;
    width: 25%;
    min-width: 25%;
    font-weight: 600;
    color: #000;
  }
  .user-management-overview-wrapper .account-section .umo-row .umo-users-table .umo-users-table-content .umo-table-col .umo-table-cell {
    font-weight: 600;
  }
}
.is-active-container {
  margin-bottom: 20px;
  margin-top: 30px;
}
@media (max-width: 611px) {
  .is-active-container {
    padding-left: 10px;
  }
}

.user-roles-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 30px;
  font-family: "Klavika Light";
  font-weight: bold;
}
@media (max-width: 524px) {
  .user-roles-container {
    flex-direction: column;
  }
}
@media (max-width: 611px) {
  .user-roles-container {
    padding-left: 10px;
  }
}
.user-roles-container label {
  color: #000 !important;
}
.user-roles-container .form-group .col-form-label {
  padding-bottom: 10px;
}
.user-roles-container .form-group .radiobuttonlist {
  padding-left: 10px;
}
@media (min-width: 1024px) {
  .user-roles-container .additional-group {
    margin-left: 10px;
  }
}
.user-roles-container .additional-group .col-form-label {
  padding-bottom: 10px;
}
.user-roles-container .additional-group div {
  padding-left: 25px;
}
.user-roles-container div {
  flex-basis: 30%;
}
@media (min-width: 1024px) {
  .user-roles-container div {
    flex-basis: 30%;
  }
}
.user-roles-container input {
  margin-bottom: 0 !important;
}
.user-roles-container label {
  left: 0 !important;
}
.user-roles-container [type=radio]:checked,
.user-roles-container [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.user-roles-container [type=radio]:checked + label,
.user-roles-container [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.user-roles-container [type=radio]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #ffc510;
}
.user-roles-container [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #ffffff;
}
.user-roles-container [type=radio]:checked + label:after,
.user-roles-container [type=radio]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #000000;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.user-roles-container [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.user-roles-container [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.catalog-section {
  font-family: "Klavika Light";
  font-weight: bold;
}
@media (max-width: 611px) {
  .catalog-section {
    padding-left: 10px;
  }
}
.catalog-section .col-form-label {
  padding-bottom: 10px;
}
.catalog-section .catalog-selection-container {
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  gap: 60px;
}
@media (max-width: 360px) {
  .catalog-section .catalog-selection-container {
    gap: 20px;
  }
}
.catalog-section .catalog-selection-container button {
  background-color: #dddddd !important;
  font-family: "Klavika Regular" !important;
  font-weight: bold;
}
.catalog-section .catalog-selection-container button:hover {
  background-color: #dddddd !important;
}
.catalog-section .catalog-list {
  display: flex;
  height: auto;
  max-height: 260px;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
  column-gap: 0;
}
@media (min-width: 1041px) {
  .catalog-section .catalog-list .catalog-option:nth-child(n+11) {
    margin-left: -5px;
  }
}
@media (min-width: 1100px) {
  .catalog-section .catalog-list .catalog-option:nth-child(n+11) {
    margin-left: -5px;
  }
}
@media (min-width: 1300px) {
  .catalog-section .catalog-list .catalog-option:nth-child(n+11) {
    margin-left: 0;
  }
}
@media (min-width: 1500px) {
  .catalog-section .catalog-list .catalog-option:nth-child(n+11) {
    margin-left: 2px;
  }
}
@media (max-width: 1040px) {
  .catalog-section .catalog-list {
    max-height: 1040px;
  }
  .catalog-section .catalog-list .only-desktop {
    display: none;
  }
}
@media (max-width: 740px) {
  .catalog-section .catalog-list {
    max-height: 2080px;
  }
}
.catalog-section .catalog-list .catalog-option {
  margin-right: 20px;
  flex-basis: 20%;
}
.catalog-section .catalog-list .catalog-option label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalog-section .catalog-list .catalog-option:nth-child(5n) {
  padding-bottom: 20px;
}

.user-edit-container {
  justify-content: flex-start !important;
  flex-direction: column !important;
  align-content: flex-start !important;
  align-items: flex-start !important;
  gap: 10px;
}

.ship-to-title-select-all {
  padding: 20px 80px 20px 80px;
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
}
.ship-to-title-select-all .ship-to-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: #9e9e9e;
}

.ship-to-list-edit {
  padding: 0 80px 10px 80px;
}

.ship-to-address-container {
  display: flex;
  font-family: "Klavika Light";
  padding-bottom: 10px;
}
.ship-to-address-container .address-label {
  display: inline-block !important;
}

.update-table-content {
  flex-direction: column;
}
@media (max-width: 639px) {
  .update-table-content .ship-to-title-select-all {
    align-items: center;
    padding: 20px 10px 20px 10px;
    flex-wrap: wrap;
  }
  .update-table-content .ship-to-list-edit {
    align-items: center;
    padding: 0 10px 20px 10px;
  }
}

@media (max-width: 639px) {
  .update-user-table {
    border-bottom: 0 !important;
    padding-bottom: 20px !important;
  }
}

.user-update-save-btn-container {
  display: flex;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width: 611px) {
  .email-language-container {
    margin-top: 15px;
  }
}

.custom-user-checkbox-cont {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-user-checkbox-cont label {
  cursor: pointer;
}
.custom-user-checkbox-cont.customer-user-permission-item {
  margin-bottom: 0 !important;
  margin-top: 6px;
}

.allow-new-wishlist {
  height: 16px;
  width: 16px;
}

/* Hide the browser's default checkbox */
.custom-user-checkbox-cont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 16px;
  width: 16px;
  top: 0;
  left: 0;
  z-index: 4;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border: 2px solid black;
}

/* When the checkbox is checked, add a blue background */
.custom-user-checkbox-cont input:checked ~ .checkmark {
  background-color: #ffc510;
  border: 2px solid transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-user-checkbox-cont input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-user-checkbox-cont .checkmark:after {
  left: 4px;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.active-label {
  font-family: "Klavika Light";
}

@media (max-width: 611px) {
  .fields-req {
    padding-left: 10px;
  }
}

.pointer-label {
  cursor: pointer;
}

#sessionLanguage:focus {
  border-bottom: 3px solid #ffc510 !important;
}

.electronic-invoice-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin: 32px 0;
}
.electronic-invoice-container > div.form-group {
  width: 30%;
}
.electronic-invoice-container > div.form-group label.col-form-label {
  font-family: "Klavika";
}
.electronic-invoice-container .form-group {
  margin: 0 !important;
}
.electronic-invoice-container .form-group .cmp-input {
  margin: 0 !important;
  padding: 0 !important;
}
.electronic-invoice-container .form-group .cmp-input .checkbox-wrapper {
  display: flex;
}
.electronic-invoice-container .form-group .cmp-input .checkbox-wrapper .tooltip-overlay-right-side {
  top: 0 !important;
}

@media (max-width: 639px) {
  .electronic-invoice-container > div.form-group {
    width: 100%;
  }
  .electronic-invoice-container .form-group .cmp-input .checkbox-wrapper {
    flex-wrap: wrap;
  }
  .electronic-invoice-container .form-group .cmp-input .checkbox-wrapper > div.cmp-input__custom-checkbox,
.electronic-invoice-container .form-group .cmp-input .checkbox-wrapper > div.tooltip-holder {
    width: auto !important;
  }
}
.invoice-email-error {
  font-family: "Klavika";
  font-weight: bold;
  color: #e2001a;
  font-size: 14px;
  padding-top: 5px;
}

.reset-password-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  height: auto;
  min-height: 123px;
  flex-direction: column;
  align-content: center;
}
@media (max-width: 611px) {
  .reset-password-container {
    justify-content: center;
  }
}
@media (max-width: 612px) {
  .reset-password-container div {
    width: 100%;
  }
}
.reset-password-container .input-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
@media (min-width: 612px) {
  .reset-password-container .input-container {
    flex-basis: 30%;
  }
}
.reset-password-container .input-container span {
  font-weight: bold;
  color: #e2001a;
  font-size: 14px;
}
.reset-password-container .input-container .col-form-label {
  font-family: "Klavika";
  font-weight: bold;
}
.reset-password-container .input-container .col-form-label .mandatory {
  color: black;
}
.reset-password-container .input-container #newPassword_minchar {
  display: none;
}
.reset-password-container .input-container #newPassword_bar {
  margin-top: 25px;
}
.reset-password-container .form-group {
  margin-bottom: 5px !important;
}
@media (max-width: 612px) {
  .reset-password-container .form-group {
    width: 100%;
  }
}
.reset-password-container .form-group div {
  font-family: "Klavika Medium";
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.reset-password-container .form-group input {
  padding: 15px 20px;
  height: 53px;
  font-weight: 600;
  border-bottom: 3px solid #000;
  width: 100%;
}
@media (max-width: 612px) {
  .reset-password-container .form-group input {
    width: 100%;
  }
}
.reset-password-container .form-group input:focus, .reset-password-container .form-group select:focus {
  border-bottom: 3px solid #ffc510;
}
.reset-password-container .form-group #sessionLanguage {
  padding: 15px 20px;
  height: 53px;
  font-weight: 600;
  border-bottom: 3px solid #000;
  width: 100%;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M24%2024H0V0h24v24z%22%20fill%3D%22none%22%20opacity%3D%22.87%22%2F%3E%3Cpath%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6-1.41-1.41z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  padding-right: calc(1.5em + 0.75rem);
  background-position: center right calc(0.375em + 0.1875rem);
}
.reset-password-container .form-group #sessionLanguage option {
  font-size: 1em;
}
.reset-password-container .form-group .help-block {
  font-style: inherit;
}

.reset-password-buttons-container {
  display: flex;
  gap: 40px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.user-management-modal-dialog {
  max-width: 500px;
}

.user-management-modal-actions {
  align-self: center;
}

.password-section {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media (max-width: 640px) {
  .password-section {
    flex-direction: column;
  }
}
.password-section .password-inputs-container {
  display: flex;
  flex-direction: column;
  flex-basis: 40%;
  flex-wrap: nowrap !important;
}
.password-section .no-verification .rule-verified {
  opacity: 0;
}
.password-section .password-rules {
  display: flex;
  flex-basis: 44%;
  padding: 20px 0px;
  flex-direction: column;
  gap: 20px;
}
.password-section .password-rules .password-form-error {
  font-weight: bold;
  color: #e2001a;
}
.password-section .password-rules .password-form-error .rule-verified {
  opacity: 0;
}
.password-section .password-rules .rule {
  display: flex;
  align-items: center;
  gap: 10px;
}
.password-section .password-rules .rule .rule-verified {
  font-weight: bold;
  font-size: 18px;
}

#passwordResetForm .password-section {
  justify-content: flex-start !important;
  gap: 60px;
}

.modal {
  text-align: center;
  padding: 0 !important;
}
.modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
@media (max-width: 639px) {
  .modal .btn-default {
    width: 100%;
  }
  .modal .btn + .btn {
    margin-left: 0;
    margin-top: 10px;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.js-modalBoxContainer:not(.hidden) .modal {
  opacity: 1;
}

.tooltip-overlay.tooltip-express-delivery {
  min-width: 240px;
  top: 20px !important;
  left: 0;
}

footer svg {
  display: none;
}
footer ul {
  padding: 0;
}
footer ul li {
  display: block;
}
footer ul li.at-footer {
  width: 16% !important;
}
footer ul li.list-block {
  display: none;
  width: 100%;
}
@media (min-width: 1024px) {
  footer ul li.list-block {
    display: block;
    width: 20%;
    float: left;
    padding: 10px;
  }
}
footer ul li.list-block.list-social, footer ul li.list-block.list-legal {
  display: block;
}
footer ul li.list-block.list-legal a {
  font-size: 16px;
  line-height: 17px;
  padding: 8px 0;
}
@media (min-width: 1024px) {
  footer ul li.list-block.list-legal a {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
  }
}
footer ul li .list li {
  font-family: Klavika Light;
  border-bottom: 1px solid #d9dadb;
}
footer ul li .list li:last-child {
  border-bottom: 0;
}
footer ul li .list li a:hover {
  color: #d9dadb;
  text-decoration: underline;
}
@media (min-width: 1024px) {
  footer ul li .list li {
    border-bottom: none;
    color: #000000;
  }
}
footer ul li a {
  display: block;
}
footer ul li a:hover {
  color: #000000;
  text-decoration: underline;
}
footer ul li h2, footer ul li .h2 {
  font-family: Klavika Regular;
  color: #d9dadb;
  text-align: left !important;
  padding-bottom: 15px;
  margin-bottom: 1.25rem;
  border-bottom: 2px solid #d9dadb;
  text-transform: capitalize;
}
footer ul li .socialMediaBox li {
  display: inline-block;
  width: auto;
}
footer ul li .socialMediaBox .social-list {
  margin-bottom: 35px;
}
footer ul.device-switcher {
  display: none;
}
footer ul.dropdown-list {
  display: none;
}
@media (min-width: 64em) {
  footer .chosen-results,
footer .dropdown-list {
    border-right: 1px solid #5a5a5a;
    border-bottom: 1px solid #5a5a5a;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
footer .dropdown-header {
  display: block;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  color: #000000;
  padding: 2px 0 0 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  background-color: #d0d2d2;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f6f7), to(#d2d3d4));
  background: -webkit-linear-gradient(#f8f6f7 0%, #d2d3d4 100%);
  background: linear-gradient(#f8f6f7 0%, #d2d3d4 100%);
  -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.5);
}
@media (min-width: 1024px) {
  footer .chosen-single,
footer .dropdown-header {
    height: 20px;
    line-height: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    font-weight: 400;
  }
  footer .chosen-single:after,
footer .dropdown-header:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    border-top: 5px solid #707173;
    position: absolute;
    top: 8px;
    right: 5px;
  }
  footer .chosen-single:before,
footer .dropdown-header:before {
    border-left: 1px solid #707173;
    position: absolute;
    right: 20px;
    content: "";
    height: 100%;
    top: 0;
  }
}
@media (min-width: 1024px) {
  footer .is-open .dropdown-list {
    display: block;
    background-color: #d0d2d2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f6f7), to(#d2d3d4));
    background: -webkit-linear-gradient(#f8f6f7 0%, #d2d3d4 100%);
    background: linear-gradient(#f8f6f7 0%, #d2d3d4 100%);
    -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.5);
    max-height: 76px;
    overflow: hidden;
    overflow-y: scroll;
    padding-left: 4px;
  }
  footer .is-open .dropdown-list a {
    color: #000000;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}

.cookie-warning {
  position: fixed;
  padding: 20px 25px !important;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  background: #fff;
  border-top: 1px solid #616161;
  color: #616161;
  opacity: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 639px) {
  .cookie-warning {
    flex-direction: column;
    align-items: flex-end;
  }
  .cookie-warning .text-container {
    align-items: start !important;
  }
  .cookie-warning .text-container a {
    font-size: 14px !important;
  }
}
.cookie-warning .text-container {
  display: flex;
  gap: 30px;
  align-items: end;
}
.cookie-warning .text-container .material-icons.warning {
  font-size: 60px;
}
.cookie-warning .sika-button {
  margin-bottom: 0 !important;
}

@media print {
  @page {
    size: 330mm 427mm;
    margin: 10mm;
  }
  body {
    /* this affects the margin on the content before sending to printer */
    margin-top: 0px;
  }

  .main-content {
    padding: 0 !important;
  }

  .main-content-wrapper {
    padding: 0 !important;
  }

  * {
    overflow: visible !important;
  }

  input, select, textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }

  input[type=number] {
    -moz-appearance: textfield;
  }

  .meta-navigation {
    display: none;
  }

  a[href]:after {
    content: none !important;
  }

  #_asm {
    display: none;
    visibility: hidden;
  }

  .print-footer-component {
    page-break-before: always;
  }

  .cart-header {
    display: none;
    visibility: hidden;
  }

  .product-details-variants-add-to-cart .label {
    display: none;
  }

  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

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

  .product-details-variants .add_to_cart_form .icon {
    font-size: 14px;
    line-height: 23px;
    width: auto;
    display: inline;
    color: #000;
  }

  table.table-sm-stripes .btn-default, table.table-sm-stripes .btn-primary {
    width: auto;
    height: 22px;
    line-height: 22px;
    padding: 1px 4px;
    margin-left: 3px;
  }

  .btn-default {
    color: #565655;
    background: linear-gradient(to bottom, #f8f6f7 0, #d2d3d4 100%);
    -webkit-box-shadow: 1px 1px 0 0 #565655;
    box-shadow: 1px 1px 0 0 #565655;
    border: 0 solid;
    height: 26px;
    line-height: 27px;
    display: inline-block;
  }

  table.table-sm-stripes td {
    border-bottom: 1px solid #b1b3b4;
    border-bottom: transparent;
    border-top: 1px solid #b1b3b4;
    padding: 8px 10px 8px 0;
    vertical-align: top;
  }

  .form-control {
    height: 23px;
  }

  .zoomImg,
.js-show-facets {
    display: none;
  }

  .product-details-image .gallery-zoom-icon {
    display: none;
  }

  .col-12.col-sm-4 {
    width: 20%;
  }

  .col-12.col-sm-8 {
    width: 80%;
  }

  .btn-primary[disabled] {
    color: #565655;
    background: linear-gradient(to bottom, #f8f6f7 0, #d2d3d4 100%);
    -webkit-box-shadow: 1px 1px 0 0 #565655;
    box-shadow: 1px 1px 0 0 #565655;
    border: 0 solid;
  }

  .btn-primary {
    width: 188px;
    height: 21px;
    line-height: 23px;
    max-width: 100%;
  }

  td.cart-product-materialnumber,
th.cart-product-materialnumber {
    width: 200px !important;
    background: grey;
  }

  table {
    font-size: 80% !important;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  header {
    display: none;
  }

  footer {
    display: none;
  }

  .link.link-return {
    display: none;
  }

  table.table-sm-stripes th {
    font-size: 10px;
    color: red;
  }

  .btn-primary,
.checkoutButton,
.btn-primary[disabled] {
    display: none;
  }

  table.cart-items.mobile {
    display: none;
  }

  table.cart-items,
table.cart-items.desktop {
    display: block;
    width: 100%;
  }
  table.cart-items tbody,
table.cart-items thead,
table.cart-items.desktop tbody,
table.cart-items.desktop thead {
    width: 100% !important;
  }
  table.cart-items thead,
table.cart-items.desktop thead {
    display: table-header-group;
  }
  table.cart-items tbody,
table.cart-items.desktop tbody {
    display: table-row-group;
  }
  table.cart-items th,
table.cart-items.desktop th {
    padding: 3px 0;
  }
  table.cart-items th.cart-product-weight,
table.cart-items.desktop th.cart-product-weight {
    width: 200px;
  }
  table.cart-items tr,
table.cart-items.desktop tr {
    display: flex;
    flex-wrap: nowrap;
    border-color: transparent !important;
  }
  table.cart-items tr.material-details-sec td.hidden,
table.cart-items.desktop tr.material-details-sec td.hidden {
    display: block !important;
    visibility: visible !important;
  }
  table.cart-items tr.material-entry-total td,
table.cart-items.desktop tr.material-entry-total td {
    font-weight: bold;
  }
  table.cart-items th:first-child,
table.cart-items td:first-child,
table.cart-items.desktop th:first-child,
table.cart-items.desktop td:first-child {
    padding-left: 10px;
  }
  table.cart-items th:last-child,
table.cart-items td:last-child,
table.cart-items.desktop th:last-child,
table.cart-items.desktop td:last-child {
    padding-right: 10px;
  }
  table.cart-items td,
table.cart-items td.desktop-only,
table.cart-items.desktop td,
table.cart-items.desktop td.desktop-only {
    display: table-cell !important;
  }
  table.cart-items td[align=right],
table.cart-items.desktop td[align=right] {
    text-align: right;
  }
  table.cart-items.table-expandable-rows tbody td span.order-listing-key,
table.cart-items span.order-listing-key,
table.cart-items.desktop.table-expandable-rows tbody td span.order-listing-key,
table.cart-items.desktop span.order-listing-key {
    display: none;
  }
  table.cart-items.table-expandable-rows tbody td span.order-listing-value,
table.cart-items span.order-listing-value,
table.cart-items.desktop.table-expandable-rows tbody td span.order-listing-value,
table.cart-items.desktop span.order-listing-value {
    text-align: unset;
  }
  table.cart-items .desktop-only,
table.cart-items.desktop .desktop-only {
    display: initial !important;
  }
  table.cart-items .mobile-only,
table.cart-items.desktop .mobile-only {
    display: none !important;
  }
  table.cart-items .material-entry .material-entry-materialnumber,
table.cart-items.desktop .material-entry .material-entry-materialnumber {
    font-weight: normal;
  }
  table.cart-items .cart-totals-table .cart-total,
table.cart-items.desktop .cart-totals-table .cart-total {
    padding-right: 50px;
    font-weight: bold;
  }
  table.cart-items .cart-totals-table td.cart-total-label,
table.cart-items.desktop .cart-totals-table td.cart-total-label {
    text-align: right;
  }
  table.cart-items .cart-totals-table span.cart-total-label,
table.cart-items.desktop .cart-totals-table span.cart-total-label {
    text-align: left;
    display: inline-block;
    width: 150px;
    max-width: 100%;
  }
  table.cart-items .cart-totals-table .cart-weight-label,
table.cart-items.desktop .cart-totals-table .cart-weight-label {
    text-align: right;
  }

  .table-sm-stripes th.erp-product-table-materialnumber,
.table-sm-stripes th.cart-product-materialnumber {
    width: 375px;
  }
  .table-sm-stripes th.cart-product-yourprice,
.table-sm-stripes th.cart-product-total {
    width: 80px;
  }

  .checkout-summary,
.tooltip-hover-area,
.cart-product-quantity.mobile {
    display: none !important;
  }

  .tooltip-hover-area.always-visible {
    display: inline-block !important;
    position: relative !important;
  }
  .tooltip-hover-area .always-visible {
    display: block !important;
  }
  .tooltip-hover-area.mobile-only {
    display: none !important;
  }
}
@media print and (max-width: 1023px) {
  .tooltip-hover-area.mobile-only {
    display: inline-block !important;
  }
}
@media print {
  .tooltip-hover-area.desktop-only {
    display: inline-block !important;
  }
}
@media print and (max-width: 1023px) {
  .tooltip-hover-area.desktop-only {
    display: none !important;
  }
}
@media print {
  .cart-header.hero h1, .cart-header.hero .h1 {
    width: 100%;
    padding: 10px;
    display: block;
  }
}
@media print {
  .order-list.hidden-lg.hidden-md {
    display: none;
  }
}
@media print {
  .order-list.hidden-xs {
    display: block !important;
  }
}
@media print {
  .has-tooltip {
    display: none !important;
  }
}
@media print {
  .cmp-table__row.quantity .title .tooltip-holder .has-tooltip {
    display: block !important;
  }
}
@media print {
  .tooltip-overlay {
    display: none !important;
  }
}
@media print {
  .table-always-responsive {
    display: block !important;
  }
}
@media print {
  .order-list .table-expandable-row {
    display: table-row !important;
  }
}
@media print {
  .table-expandable-data .order-list-container {
    display: block !important;
  }
}
@media print {
  .order-list .results td[headers=order-listing-eshop] {
    width: 400px;
  }
}
@media print {
  .table-always-responsive .material-entry.product-item .cart-product-materialnumber {
    width: 300px !important;
  }
  .table-always-responsive .material-entry.product-item .cart-product-packaging {
    width: 200px !important;
  }
  .table-always-responsive .material-entry.product-item .cart-product-unitOfMeasurement {
    width: 100px !important;
  }
  .table-always-responsive .material-entry.product-item .cart-product-color {
    width: 100px !important;
  }
  .table-always-responsive .material-entry.product-item .cart-product-yourprice {
    width: 100px !important;
  }
  .table-always-responsive .material-entry.product-item .cart-product-quantity {
    width: 100px !important;
  }
}
@media print {
  .no-print {
    display: none !important;
  }
}
@media print {
  .form-control {
    border: 0;
    padding: 0;
    overflow: visible;
  }
}
@media print {
  button,
.btn-default {
    display: none;
  }
}
@media print {
  .account-section .row-flex,
.place-order-form .row-flex,
.form-horizontal .row-flex,
.delivery-option .row-flex {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
  }
  .account-section .row-flex div[class^=col-],
.place-order-form .row-flex div[class^=col-],
.form-horizontal .row-flex div[class^=col-],
.delivery-option .row-flex div[class^=col-] {
    display: table-cell;
    text-align: left;
  }
  .account-section .row-flex div[class^=col-].col-sm-6,
.place-order-form .row-flex div[class^=col-].col-sm-6,
.form-horizontal .row-flex div[class^=col-].col-sm-6,
.delivery-option .row-flex div[class^=col-].col-sm-6 {
    width: 50%;
  }
}
@media print {
  .address-section.address-section-block {
    border: none;
    padding-left: 10px;
  }
}
@media print {
  .address-section.address-section-block .address-label {
    text-align: left;
  }
}
@media print {
  .address-manual-shipto-chkbx-wrapper {
    display: none;
    visibility: hidden;
  }
}
@media print {
  .delivery-option {
    border: none;
  }
}
@media print {
  .delivery-option__date .delivery-option-inner,
.delivery-option__ship-to .delivery-option-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media print {
  .delivery-option-add,
.delivery-option-reset-wrapper,
.add-to-cart-file {
    display: none;
    visibility: hidden;
  }
}
@media print {
  .delivery-option__date-line {
    text-align: left;
  }
}
@media print {
  .checkoutb-col-pr {
    padding-right: 5px;
  }
}
@media print {
  .checkoutb-col-pl {
    padding-left: 5px;
  }
}
@media print {
  .address-selection .col-form-label,
.address-selection .cart-box-label,
.forwarding-agent .col-form-label,
.forwarding-agent .cart-box-label,
.construction-site .col-form-label,
.construction-site .cart-box-label,
.delivery-plant .col-form-label,
.delivery-plant .cart-box-label,
.freight-terms .col-form-label,
.freight-terms .cart-box-label,
.shipping-transport .col-form-label,
.shipping-transport .cart-box-label {
    display: block;
    text-align: left;
  }
  .address-selection .select2-container--default,
.forwarding-agent .select2-container--default,
.construction-site .select2-container--default,
.delivery-plant .select2-container--default,
.freight-terms .select2-container--default,
.shipping-transport .select2-container--default {
    width: auto !important;
  }
  .address-selection .select2-container--default .select2-selection--single,
.forwarding-agent .select2-container--default .select2-selection--single,
.construction-site .select2-container--default .select2-selection--single,
.delivery-plant .select2-container--default .select2-selection--single,
.freight-terms .select2-container--default .select2-selection--single,
.shipping-transport .select2-container--default .select2-selection--single {
    border: none;
  }
  .address-selection .select2-container--default .select2-selection--single .material-icons,
.forwarding-agent .select2-container--default .select2-selection--single .material-icons,
.construction-site .select2-container--default .select2-selection--single .material-icons,
.delivery-plant .select2-container--default .select2-selection--single .material-icons,
.freight-terms .select2-container--default .select2-selection--single .material-icons,
.shipping-transport .select2-container--default .select2-selection--single .material-icons {
    display: none;
    visibility: hidden;
  }
  .address-selection .select2-container--default .select2-selection--single .select2-selection__rendered,
.forwarding-agent .select2-container--default .select2-selection--single .select2-selection__rendered,
.construction-site .select2-container--default .select2-selection--single .select2-selection__rendered,
.delivery-plant .select2-container--default .select2-selection--single .select2-selection__rendered,
.freight-terms .select2-container--default .select2-selection--single .select2-selection__rendered,
.shipping-transport .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
  }
  .address-selection .select2-container--default .select2-selection--single .select2-selection__arrow,
.address-selection .select2-container--default .select2-selection--single .select2-selection__clear,
.forwarding-agent .select2-container--default .select2-selection--single .select2-selection__arrow,
.forwarding-agent .select2-container--default .select2-selection--single .select2-selection__clear,
.construction-site .select2-container--default .select2-selection--single .select2-selection__arrow,
.construction-site .select2-container--default .select2-selection--single .select2-selection__clear,
.delivery-plant .select2-container--default .select2-selection--single .select2-selection__arrow,
.delivery-plant .select2-container--default .select2-selection--single .select2-selection__clear,
.freight-terms .select2-container--default .select2-selection--single .select2-selection__arrow,
.freight-terms .select2-container--default .select2-selection--single .select2-selection__clear,
.shipping-transport .select2-container--default .select2-selection--single .select2-selection__arrow,
.shipping-transport .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
    visibility: hidden;
  }
}
@media print {
  .global-alerts {
    display: none !important;
  }
}
@media print {
  .table-scrollable.table--scrolling-enabled .table__scrolling-indicator {
    display: none;
  }
  .table-scrollable.table--scrolling-enabled::after {
    background: none;
  }
}
@media print {
  .checkout-comment-print {
    display: block;
    overflow: visible;
    white-space: pre;
    white-space: pre-wrap;
  }
}
@media print {
  .has-error .help-block.with-errors {
    display: none;
  }
  .has-error label.col-form-label,
.has-error label.form-control-label {
    font-weight: unset;
  }
  .has-error .form-control {
    border: unset;
  }
  .has-error input.form-control {
    border: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
  }
}
@media print {
  .order-number-wrapper input {
    border: none;
    padding: 0;
  }
}
@media print {
  form.delivery-option {
    border: none;
  }
  form.delivery-option .delivery-option-wrapper input {
    border-color: transparent !important;
    padding: 0 !important;
  }
  form.delivery-option .delivery-option-wrapper .material-icons {
    display: none;
  }
}
@media print {
  .date-input-wrapper input.datepicker {
    padding: 0 !important;
    border: none !important;
    border-bottom: none !important;
  }
  .date-input-wrapper .material-icons {
    display: none;
  }
}
@media print {
  .order-number-section .order-number-input {
    padding: 0;
    border: none;
  }
}
@media print {
  .comment-section .form-control-label {
    display: inline-block;
  }
}
@media print {
  .order-number-input {
    padding: 0 !important;
    border: none !important;
  }
}
@media print {
  .cmp-table__flex.details-desktop {
    display: none;
  }
}
@media print {
  .remove-item-cart-form .qt-input {
    border-bottom: none !important;
  }
}
@media print {
  .total-container .tb-row {
    padding: 10px 20px !important;
  }
}
@media print {
  select.delivery-option {
    border-bottom: none !important;
  }
}
@media print {
  .address-manual-shipto-form {
    padding-left: 0 !important;
  }
  .address-manual-shipto-form input,
.address-manual-shipto-form .manual-address-country select {
    padding: 0 !important;
    border-bottom: none !important;
  }
  .address-manual-shipto-form .material-icons {
    display: none !important;
  }
}
@media print {
  .checkout-delivery-option__left,
.checkout-delivery-option__right {
    padding-left: 0 !important;
  }
}
@media print {
  .printed-header img {
    float: right;
  }
}
@media print {
  .cmp-table__row.characteristic {
    display: flex !important;
  }
}
@media print {
  .cmp-table--scrollable {
    height: auto !important;
  }
}
@media print {
  .material-characteristic-wrapper .characteristic {
    flex: 0 1 163px !important;
  }
}
.product-item input[type=number] {
  text-align: center;
  position: relative;
}
.product-item input[type=number]::-webkit-inner-spin-button,
.product-item input[type=number]::-webkit-outer-spin-button {
  position: absolute;
  width: 12.5%;
  height: 100%;
  top: 0;
  right: 0;
}

.mini-cart-icon-add-to-cart {
  width: 20px;
  height: 20px;
  color: black;
  transition: all 0.2s ease-in;
}
.mini-cart-icon-add-to-cart.clicked {
  color: #ffc510;
  transform: scale(1.2);
  /* filter to get brand color */
  filter: invert(67%) sepia(98%) saturate(689%) hue-rotate(343deg) brightness(105%) contrast(92%);
}

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

.replenishment-cancel-button span {
  color: #000000;
  font-size: 21px;
  padding: 13px;
}

.right-cartName {
  margin-left: 60%;
  font-size: 12px;
  text-align: right;
}

.responsive-table-cell.scss-padding {
  padding-top: 5px;
  padding-bottom: 5px;
}

.replenishment-order-history {
  margin-top: 40px;
}

.account-section .backlink {
  padding-left: 30px;
  padding-right: 30px;
}

.sort-refine-bar .form-group select {
  width: 150px;
}

@media (max-width: 639px) {
  .sort-refine-bar .form-group select {
    width: 100%;
  }
}
.responsive-table th:last-child {
  text-align: center;
  padding-right: 70px;
}

.responsive-table-item td:last-child {
  text-align: center;
  padding-right: 70px;
}

@media (max-width: 639px) {
  .responsive-table-item td:last-child {
    text-align: left;
    padding-right: 0;
  }
}
.replenishment-order-cancel-modal #cboxLoadedContent {
  margin-top: 90px;
}
.replenishment-order-cancel-modal #cboxTitle {
  height: 90px;
}
.replenishment-order-cancel-modal .modal-actions {
  margin-top: 30px;
}

.orderListTable {
  margin-top: calc(20px / -2 + 1);
  background-color: #fff;
}
.orderListTable th, .orderListTable td {
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: top;
}
.orderListTable tbody > tr:nth-child(even) {
  background-color: #ffffff;
}
.orderListTable tbody > tr:nth-child(odd):last-child {
  border-bottom: 1px solid #000000;
}

@media (max-width: 639px) {
  .orderListTable th, .orderListTable td {
    padding-left: calc(20px / 2);
  }

  .order-approval-list .responsive-table-item td {
    padding-left: 0;
  }

  #reorderButton {
    margin-top: 20px;
  }

  .replenishment-overview-table .replenishment-order-number {
    width: 51%;
  }
  .replenishment-overview-table .responsive-table-item {
    position: relative;
  }
  .replenishment-overview-table .replenishment-cancel-button {
    position: absolute;
    right: 5px;
    top: 0;
  }
}
.read-only-grid .grid-row > td tr:first-child td {
  padding-top: calc(20px / 2);
}

.quote-header {
  position: relative;
  background: #ffffff;
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .quote-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.quote-header.pre-table {
  margin-bottom: 10px;
}
.quote-header.no-margin-top {
  margin-top: 0;
}

.customer-approval-comments .responsive-table-item td:last-child, .customer-approval-comments th:last-child {
  text-align: left;
}

.page-order-approval-details .enable-link, .page-order-approval-details .disable-link {
  margin: 25px 0;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

.comment-modal textarea {
  width: 100%;
  height: 150px;
}
.comment-modal .headline {
  margin-bottom: 5px;
}
.comment-modal .help-block {
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 12px;
  text-align: right;
}
@media (max-width: 1023px) {
  .comment-modal .form-actions div:first-child {
    margin-bottom: 20px;
  }
}

.checkbox.big {
  position: relative;
}
.checkbox.big #Terms1 {
  margin-left: -35px;
  height: 24px;
  width: 24px;
  margin-top: 0;
}
@media (max-width: 640px) {
  .checkbox.big #Terms1 {
    margin-left: 0;
  }
}
.checkbox.big label {
  font-size: 14px;
  margin-bottom: 20px;
  padding-left: 35px;
  color: #000000;
  text-transform: none;
  width: 80%;
}
.checkbox.big label a {
  color: #000000;
}
@media (max-width: 480px) {
  .checkbox.big label {
    width: 100%;
  }
}

.page-multiStepCheckoutSummaryPage #cboxLoadedContent #requestQuoteForm .headline {
  margin-bottom: 5px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #requestQuoteForm #quoteRequestDescription {
  width: 100%;
  min-height: 245px;
  padding: calc(20px / 2);
  background-color: transparent;
  border: 1px solid #000000;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #requestQuoteForm .help-block {
  font-size: 12px;
  text-align: right;
  margin-bottom: 25px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .form-group {
  margin-bottom: 30px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .column.scheduleform {
  margin-top: 30px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .scheduleform-checkboxes {
  margin-top: 20px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .scheduleform-checkboxes label {
  text-transform: none;
  font-size: 14px;
  color: #000000;
  font-weight: normal;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .replenishmentFrequency_left .has-error .form-group {
  margin-bottom: 0;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .replenishmentFrequency_left .has-error .help-block {
  margin-bottom: 30px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .form-actions {
  margin-top: 40px;
}
@media (max-width: 480px) {
  .page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .form-actions #placeReplenishmentOrder {
    padding: calc(20px / 2) 6px;
  }
}

.checkout-success-body-quote-text {
  margin-bottom: 30px;
}

.advancedSearch .headline {
  color: #000000;
  font-size: 20px;
  line-height: 1em;
  font-weight: 300;
  margin: 0 0 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 1023px) {
  .advancedSearch .headline {
    font-size: 30px;
  }
}
.advancedSearch .headline:last-child {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .advancedSearch .headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.advancedSearch .advanced-search-wrap {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .advancedSearch .advanced-search-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.advancedSearch .advanced-search-wrap .checkbox {
  margin-top: 0;
}
.advancedSearch .advanced-search-wrap .searchButton {
  margin-top: calc(20px / 2 + 5);
}
.advancedSearch .advanced-search-wrap .only-productId label {
  font-weight: 600;
}
.advancedSearch .advanced-search-wrap .product-id-tag-box {
  cursor: pointer;
  display: inline-block;
  background-color: transparent;
  border: 1px solid #000000;
  padding: 9px 15px;
  margin-bottom: 15px;
  margin-right: 20px;
}
.advancedSearch .advanced-search-wrap .product-id-tag-box .glyphicon {
  padding-left: 17px;
  color: #000000;
}
.advancedSearch .pagination-bar {
  margin-top: 35px;
  margin-bottom: 0;
}
.advancedSearch .pagination-bar .pagination-toolbar {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .advancedSearch .pagination-bar .pagination-toolbar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.advancedSearch .pagination-bar.bottom {
  margin-top: 0;
}
.advancedSearch .pagination-bar.bottom .pagination-toolbar {
  border-top: 0;
  border-color: #000000;
}
.advancedSearch .pagination-bar.pagination-empty {
  border-top: 1px solid #000000;
}
.advancedSearch .pagination-bar.pagination-empty .total-results {
  margin-bottom: 30px;
  margin-top: 30px;
}
.advancedSearch .pagination-bar.top .pagination-toolbar {
  padding-top: 30px;
  border-top: 1px solid #000000;
  border-bottom: none;
}
.advancedSearch .pagination-bar .total-results {
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
}
.advancedSearch .pagination-bar .sort-refine-bar + .total-results {
  margin-top: 30px;
}
.advancedSearch .product-action {
  margin-bottom: 0;
}
.advancedSearch .product-action.bottom {
  border-top: 0;
}
.advancedSearch .item-list {
  margin-top: 0;
  margin-bottom: 0;
  border-top: none;
}
.advancedSearch .item-list .item-variants {
  display: none;
}
.advancedSearch .item-list .item-list-item:nth-child(4n+4), .advancedSearch .item-list .item-list-item:nth-child(4n+5) {
  background-color: transparent;
}
.advancedSearch .item-list .item-list-item:nth-of-type(2n+1) + .add-to-cart-order-form-wrap, .advancedSearch .item-list .item-list-item:nth-of-type(2n+1) {
  background-color: #ffffff;
}
.advancedSearch .item-list .item-list-item .item-image {
  padding-left: 30px;
}
@media (max-width: 640px) {
  .advancedSearch .item-list .item-list-item .item-image {
    padding-left: 20px;
  }
}
.advancedSearch .add-to-cart-order-form-wrap {
  display: none;
}
.advancedSearch .item-quantity-total {
  height: 42px;
}
.advancedSearch .item-quantity-total .qty *:not(.glyphicon) {
  display: none;
}
.advancedSearch .create-order-form {
  position: relative;
}
.advancedSearch .create-order-form .create-order-form-button {
  position: absolute;
  right: 0;
  top: -78px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .advancedSearch .create-order-form .create-order-form-button {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.advancedSearch .create-order-form .create-order-form-button.bottom {
  bottom: -86px;
  top: auto;
}
.advancedSearch .create-order-form .item-list {
  border-top: 1px solid #000000;
}
.advancedSearch .create-order-form .item-list .item-variants {
  display: table-cell;
}
.advancedSearch .create-order-form .item-list .item-toggle,
.advancedSearch .create-order-form .item-list .item-description,
.advancedSearch .create-order-form .item-list .item-quantity,
.advancedSearch .create-order-form .item-list .item-total-column {
  display: none;
}
.advancedSearch .create-order-form .item-list .item-id-checkbox {
  margin-top: 10px;
}
.advancedSearch .create-order-form .item-list .item-id-checkbox .form-control-checkbox {
  font-size: 0.875rem;
}
.advancedSearch .create-order-form .item-list .variant-checkboxes {
  margin-top: calc(20px / 2);
  border-top: 1px solid #000000;
  padding-top: calc(20px / 2);
}
.advancedSearch .pagination-no-sorting + .create-order-form .create-order-form-button {
  top: -64px;
}
.advancedSearch .pagination-no-sorting + .create-order-form .create-order-form-button.bottom {
  top: auto;
  bottom: -65px;
}
.advancedSearch .pagination-with-pager + .create-order-form .create-order-form-button {
  position: static;
  border-top: 1px solid #000000;
  padding-top: 20px;
  padding-bottom: 20px;
}
.advancedSearch .pagination-with-pager + .create-order-form .create-order-form-button::after {
  display: block;
  clear: both;
  content: "";
}
.advancedSearch .pagination-with-pager + .create-order-form .create-order-form-button.bottom {
  border-top: 0;
  border-bottom: 1px solid #000000;
}
.advancedSearch .pagination-with-pager + .create-order-form .create-order-form-button .btn {
  float: right;
}
@media (max-width: 639px) {
  .advancedSearch .pagination-with-pager + .create-order-form .create-order-form-button {
    padding: 20px;
    margin-bottom: 0;
  }
  .advancedSearch .pagination-with-pager + .create-order-form .create-order-form-button .btn {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .advancedSearch .item-info {
    width: 30%;
  }
  .advancedSearch .item-description {
    width: 20%;
  }
  .advancedSearch #cartOrderGridForm {
    max-height: 453px;
  }
  .advancedSearch .create-order-form .item-price {
    width: 20%;
  }
}
@media (min-width: 640px) {
  .advancedSearch .advanced-search-wrap .only-productId {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: calc(20px / 2);
  }
  .advancedSearch .pagination-bar .sort-refine-bar,
.advancedSearch .pagination-bar .total-results {
    float: left;
  }
  .advancedSearch .pagination-bar .sort-refine-bar {
    margin-right: 20px;
  }
  .advancedSearch .create-order-form .details-price-wrap {
    text-align: right;
  }
}
@media (max-width: 1023px) {
  .advancedSearch .pagination-bar .sort-refine-bar + .total-results {
    margin-top: 40px;
  }
  .advancedSearch .item-list-item::after {
    display: block;
    clear: both;
    content: "";
  }
  .advancedSearch .item-list .item-quantity {
    float: left;
    text-align: left;
    padding-top: calc(20px / 2);
    padding-right: 0;
    line-height: 42px;
  }
  .advancedSearch .item-list .item-quantity label {
    float: left;
    margin: 0 calc(20px / 2) 0 0;
  }
  .advancedSearch .item-list .item-quantity input {
    float: left;
    margin-right: calc(20px / 2);
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    width: 70px;
  }
  .advancedSearch .item-list .item-total {
    margin: 0;
    padding: calc(20px / 2) 20px 0 0;
    line-height: 42px;
  }
}
@media (max-width: 639px) {
  .advancedSearch .pagination-bar .pagination-toolbar {
    padding-left: 20px;
    padding-right: 20px;
  }
  .advancedSearch .pagination-bar .sort-refine-bar + .total-results {
    margin-top: 30px;
  }
  .advancedSearch .pagination-bar.pagination-empty {
    padding-left: 20px;
    padding-right: 20px;
  }
  .advancedSearch .create-order-form .create-order-form-button {
    right: 10px;
    top: -65px;
  }
  .advancedSearch .create-order-form .create-order-form-button.bottom {
    bottom: -161px;
  }
}
@media (max-width: 480px) {
  .advancedSearch .create-order-form .create-order-form-button {
    position: static;
    margin-bottom: 35px;
  }
  .advancedSearch .create-order-form .create-order-form-button .btn {
    width: 100%;
  }
}
.account-section .account-section-content .label-value {
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (min-width: 640px) {
  .account-section .account-section-content .label-value {
    margin-top: 10px;
  }
}
@media (min-width: 640px) {
  .account-section .account-section-content .accountActions-row {
    margin-right: -15px;
    margin-left: -15px;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
.account-section .account-section-content .accountActions-bottom {
  clear: both;
  margin-top: 35px;
}
.account-section .account-section-content .accountActions-link {
  clear: both;
  margin: 25px 0;
}
.account-section .account-section-content .accountActions-link .disable-link, .account-section .account-section-content .accountActions-link .enable-link {
  margin: 0;
}
@media (max-width: 639px) {
  .account-section .account-section-content .accountActions-link .disable-link, .account-section .account-section-content .accountActions-link .enable-link {
    margin: 8px 0;
  }
}
.account-section .account-list .account-cards .card .glyphicon-ok {
  font-size: 20px;
  color: #000000;
  padding-right: 15px;
  padding-top: 15px;
}
.account-section .account-list .account-cards .card .roles-wrapper {
  margin: 8px 0 5px;
}
.account-section .account-list .account-cards .card .roles-wrapper > ul {
  display: block;
  width: 100%;
}
.account-section .account-list .account-cards .selected {
  background-color: #ffffff;
}
.account-section .account-list .account-cards .selected .glyphicon-ok {
  color: #000000;
}
.account-section .account-list .account-cards .selected:first-child {
  border-left: 1px solid #000000;
}
.account-section .account-list .search-empty {
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}
.account-section .account-list .remove-item,
.account-section .account-list .edit-item {
  color: #000000;
}
.account-section .account-header-done-btn {
  margin-top: 15px;
}

.account-status-inactive {
  color: #000000;
}

@media (max-width: 639px) {
  .account-section .account-section-content #addNewPermissionForm form .confirm {
    margin-bottom: 20px;
  }
  .account-section .account-section-content .accountActions-bottom .btn-default {
    margin-top: 30px;
  }
  .account-section .account-section-content .accountActions-bottom .btn.confirm {
    margin-bottom: 30px;
  }
  .account-section .pagination-bar.top + .account-list .account-cards {
    margin-top: -1px;
  }
  .account-section .account-list .account-list-header {
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-list .add-user-action-menu .add-user-action-buttons {
    display: none;
  }
  .account-section .account-list .add-user-action-menu.open .add-user-action {
    background-color: #000000;
    color: #ffffff;
    padding: 16px 20px;
    text-transform: uppercase;
  }
  .account-section .account-list .add-user-action-menu.open .add-user-action-buttons {
    display: block;
    position: absolute;
    right: 0;
    width: 120px;
    top: 38px;
    z-index: 9000;
  }
  .account-section #unittree {
    padding-left: calc(20px / 2);
    padding-right: calc(20px / 2);
  }
  .account-section .account-header-done-btn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/**
* we use the primary color, all the way up to the alert colors in order to override the
* foundation color palette:
* https://get.foundation/sites/docs/global.html#changing-the-color-palette
*/
/* get-color function is not available here, yet */
/**
* we use the primary color, all the way up to the alert colors in order to override the
* foundation color palette:
* https://get.foundation/sites/docs/global.html#changing-the-color-palette
*/
:root {
  --primary: #ffc510;
  --secondary: #3982b1;
  --success: #52a398;
  --warning: #ffc510;
  --alert: #ff3939;
  --sika-logo-yellow: #f5b325;
  --sika-logo-red: #d8282f;
  --sika-yellow: #ffc510;
  --sika-red: #ff3939;
  --sika-grey: #e0e0e0;
  --black: #000000;
  --white: #ffffff;
  --sika-light-grey: #f5f5f5;
  --sika-middle-grey: #dddddd;
  --sika-grayscale-3: #9e9e9e;
  --sika-dark-grey: #616161;
  --sika-darker-grey: #3c3c3c;
  --sika-lighter-blue: #c1d8e7;
  --sika-light-blue: #90bbd8;
  --sika-blue: #62abda;
  --sika-dark-blue: #3982b1;
  --sika-lighter-green: #c9e3e0;
  --sika-light-green: #9fcfc9;
  --sika-green: #77bcb2;
  --sika-dark-green: #52a398;
}

/**
 * Mixin that will calculate the size of any property on a fluid way between to viewport sizes
 *
 * $param $min-size Minimum size for the given attribute, in pixels
 * $param $max-size Maximum size for the given attribute, in pixels
 * $param $attr Attribute to which we want to assign the calculated size
 * $param $min-viewport Minimal viewport size from which the scaling will start. Under this value, the size remains at $min-size
 * $param $max-viewport Maximal viewport size to which the scaling will keep growing. Over this value, the size remains at $max-size
 * $param $fixed-below If true, will add a fixed min value as the default size for smaller screens
 * $param $fixed-above If true, will add a fixed max value as the size from $max-viewport and above
 */
/* stylelint-disable-next-line value-keyword-case */
@font-face {
  font-family: "Klavika Bold";
  src: url("../fonts/klavika-bold.woff") format("woff"), url("../fonts/klavika-bold.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Klavika Bold Italic";
  src: url("../fonts/klavika-bold-italic.woff") format("woff"), url("../fonts/klavika-bold-italic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Klavika Light";
  src: url("../fonts/klavika-light.woff") format("woff"), url("../fonts/klavika-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Klavika Light Italic";
  src: url("../fonts/klavika-light-italic.woff") format("woff"), url("../fonts/klavika-light-italic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Klavika Medium";
  src: url("../fonts/klavika-medium.woff") format("woff"), url("../fonts/klavika-medium.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Klavika Medium Italic";
  src: url("../fonts/klavika-medium-italic.woff") format("woff"), url("../fonts/klavika-medium-italic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Klavika Regular";
  src: url("../fonts/klavika-regular.woff") format("woff"), url("../fonts/klavika-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Klavika Regular Italic";
  src: url("../fonts/klavika-regular-italic.woff") format("woff"), url("../fonts/klavika-regular-italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Calibri Regular";
  src: url("../fonts/calibri-regular.woff") format("woff"), url("../fonts/calibri-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Iran Sans";
  src: url("../fonts/iran-sans.woff") format("woff"), url("../fonts/iran-sans.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Iran Sans Light";
  src: url("../fonts/iran-sans-light.woff") format("woff"), url("../fonts/iran-sans-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Iran Sans Bold";
  src: url("../fonts/iran-sans-bold.woff") format("woff"), url("../fonts/iran-sans-bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "LanTingHei Light";
  src: url("../fonts/lantinghei-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "LanTingHei Bold";
  src: url("../fonts/lantinghei-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "LanTingHei SemiBold";
  src: url("../fonts/lantinghei-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gothic Light";
  src: url("../fonts/gothic-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gothic Medium";
  src: url("../fonts/gothic-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gothic Bold";
  src: url("../fonts/gothic-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Jasmine";
  src: url("../fonts/jasmine.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Jasmine Italic";
  src: url("../fonts/jasmine-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Jasmine Bold";
  src: url("../fonts/jasmine-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Jasmine Bold Italic";
  src: url("../fonts/jasmine-bold-italic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "SarabunNew";
  src: url("../fonts/sarabunnew.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SarabunNew Italic";
  src: url("../fonts/sarabunnew-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "SarabunNew Bold";
  src: url("../fonts/sarabunnew-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SarabunNew Bold Italic";
  src: url("../fonts/sarabunnew-bold-italic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=3.9.97");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=3.9.97") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff?v=3.9.97") format("woff"), url("../fonts/materialdesignicons-webfont.woff2?v=3.9.97") format("woff2"), url("../fonts/materialdesignicons-webfont.ttf?v=3.9.97") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=3.9.97") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Klavika Medium";
  src: url("../fonts/klavika-medium.woff") format("woff"), url("../fonts/klavika-medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/**
//  Foundation for Sites Settings
//  -----------------------------
// $see https://foundation.zurb.com/sites/docs/sass.html
//
//  Table of Contents:
//
//   1. Global
//   2. Breakpoints
//   3. The Grid
//   4. Base Typography
//   5. Typography Helpers
//   6. Abide
//   7. Accordion
//   8. Accordion Menu
//   9. Badge
//  10. Breadcrumbs
//  11. Button
//  12. Button Group
//  13. Callout
//  14. Card
//  15. Close Button
//  16. Drilldown
//  17. Dropdown
//  18. Dropdown Menu
//  19. Flexbox Utilities
//  20. Forms
//  21. Label
//  22. Media Object
//  23. Menu
//  24. Meter
//  25. Off-canvas
//  26. Orbit
//  27. Pagination
//  28. Progress Bar
//  29. Prototype Arrow
//  30. Prototype Border-Box
//  31. Prototype Border-None
//  32. Prototype Bordered
//  33. Prototype Display
//  34. Prototype Font-Styling
//  35. Prototype List-Style-Type
//  36. Prototype Overflow
//  37. Prototype Position
//  38. Prototype Rounded
//  39. Prototype Separator
//  40. Prototype Shadow
//  41. Prototype Sizing
//  42. Prototype Spacing
//  43. Prototype Text-Decoration
//  44. Prototype Text-Transformation
//  45. Prototype Text-Utilities
//  46. Responsive Embed
//  47. Reveal
//  48. Slider
//  49. Switch
//  50. Table
//  51. Tabs
//  52. Thumbnail
//  53. Title Bar
//  54. Tooltip
//  55. Top Bar
//  56. Xy Grid
***/
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

body {
  margin: 0;
}

.e-shop30 {
  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
  /** RLT support **/
  /* stylelint-disable-next-line value-keyword-case */
  /* specific to quote inside a layout container */
  /* --------------------- generic teasers ----------------------- */
  /* ------------------- / generic teasers ----------------------- */
  /**
  * hack for teasers that are inside a grid.
  * It's not possible to define a margin-bottom to the teaser itself, because it's 100% height and the margin is eaten by the surrounding grid cell.
  * So we apply a padding to the grid cell, which is "stronger" than the teaser height.
  * /!\ The bad point here is the selector, as it's based on AEM generated classes. But... they should not change :P
  */
  /** cancel the padding in storyboard, which are specific display of story teasers */
  /** RLT support Storybook **/
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .reveal, .e-shop30 .reveal.tiny, .e-shop30 .reveal.small, .e-shop30 .reveal.large, .e-shop30 .cmp-video-overlay__wrapper {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
.e-shop30 h1, .e-shop30 .h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.e-shop30 hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.e-shop30 pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
.e-shop30 a {
  background-color: transparent;
}
.e-shop30 abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  -moz-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.e-shop30 b,
.e-shop30 strong {
  font-weight: bolder;
}
.e-shop30 code,
.e-shop30 kbd,
.e-shop30 samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.e-shop30 small, .e-shop30 .small {
  font-size: 80%;
}
.e-shop30 sub,
.e-shop30 sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.e-shop30 sub {
  bottom: -0.25em;
}
.e-shop30 sup {
  top: -0.5em;
}
.e-shop30 img {
  border-style: none;
}
.e-shop30 button,
.e-shop30 input,
.e-shop30 optgroup,
.e-shop30 select,
.e-shop30 textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
.e-shop30 button,
.e-shop30 input {
  overflow: visible;
}
.e-shop30 button,
.e-shop30 select {
  text-transform: none;
}
.e-shop30 button,
.e-shop30 [type=button],
.e-shop30 [type=reset],
.e-shop30 [type=submit] {
  -webkit-appearance: button;
}
.e-shop30 button::-moz-focus-inner,
.e-shop30 [type=button]::-moz-focus-inner,
.e-shop30 [type=reset]::-moz-focus-inner,
.e-shop30 [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.e-shop30 button:-moz-focusring,
.e-shop30 [type=button]:-moz-focusring,
.e-shop30 [type=reset]:-moz-focusring,
.e-shop30 [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.e-shop30 fieldset {
  padding: 0.35em 0.75em 0.625em;
}
.e-shop30 legend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
.e-shop30 progress {
  vertical-align: baseline;
}
.e-shop30 textarea {
  overflow: auto;
}
.e-shop30 [type=checkbox],
.e-shop30 [type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.e-shop30 [type=number]::-webkit-inner-spin-button,
.e-shop30 [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.e-shop30 [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.e-shop30 [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.e-shop30 ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.e-shop30 details {
  display: block;
}
.e-shop30 summary {
  display: list-item;
}
.e-shop30 template {
  display: none;
}
.e-shop30 [hidden] {
  display: none;
}
.e-shop30 .foundation-mq {
  font-family: "small=0em &medium=40em &large=64em &xlarge=75em &xxlarge=95em";
}
.e-shop30 html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1rem;
}
.e-shop30 *,
.e-shop30 *::before,
.e-shop30 *::after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
.e-shop30 body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.45;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.e-shop30 img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
.e-shop30 textarea {
  height: auto;
  min-height: 50px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.e-shop30 select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.e-shop30 .map_canvas img,
.e-shop30 .map_canvas embed,
.e-shop30 .map_canvas object,
.e-shop30 .mqa-display img,
.e-shop30 .mqa-display embed,
.e-shop30 .mqa-display object {
  max-width: none !important;
}
.e-shop30 button {
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
.e-shop30 [data-whatinput=mouse] button {
  outline: 0;
}
.e-shop30 pre {
  overflow: auto;
}
.e-shop30 button,
.e-shop30 input,
.e-shop30 optgroup,
.e-shop30 select,
.e-shop30 textarea {
  font-family: inherit;
}
.e-shop30 .is-visible {
  display: block !important;
}
.e-shop30 .is-hidden {
  display: none !important;
}
.e-shop30 div,
.e-shop30 dl,
.e-shop30 dt,
.e-shop30 dd,
.e-shop30 ul,
.e-shop30 ol,
.e-shop30 li,
.e-shop30 h1,
.e-shop30 .h1,
.e-shop30 h2,
.e-shop30 .h2,
.e-shop30 h3,
.e-shop30 .h3,
.e-shop30 h4,
.e-shop30 .h4,
.e-shop30 h5,
.e-shop30 .h5,
.e-shop30 h6,
.e-shop30 .h6,
.e-shop30 pre,
.e-shop30 form,
.e-shop30 p,
.e-shop30 blockquote,
.e-shop30 th,
.e-shop30 td {
  margin: 0;
  padding: 0;
}
.e-shop30 p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.45;
  text-rendering: optimizeLegibility;
}
.e-shop30 em,
.e-shop30 i {
  font-style: italic;
  line-height: inherit;
}
.e-shop30 strong,
.e-shop30 b {
  font-weight: bold;
  line-height: inherit;
}
.e-shop30 small, .e-shop30 .small {
  font-size: 80%;
  line-height: inherit;
}
.e-shop30 h1, .e-shop30 .h1,
.e-shop30 h2, .e-shop30 .h2,
.e-shop30 h3, .e-shop30 .h3,
.e-shop30 h4, .e-shop30 .h4,
.e-shop30 h5, .e-shop30 .h5,
.e-shop30 h6, .e-shop30 .h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}
.e-shop30 h1 small, .e-shop30 h1 .small, .e-shop30 .h1 .small, .e-shop30 .h1 small,
.e-shop30 h2 small,
.e-shop30 h2 .small,
.e-shop30 .h2 .small, .e-shop30 .h2 small,
.e-shop30 h3 small,
.e-shop30 h3 .small,
.e-shop30 .h3 .small, .e-shop30 .h3 small,
.e-shop30 h4 small,
.e-shop30 h4 .small,
.e-shop30 .h4 .small, .e-shop30 .h4 small,
.e-shop30 h5 small,
.e-shop30 h5 .small,
.e-shop30 .h5 .small, .e-shop30 .h5 small,
.e-shop30 h6 small,
.e-shop30 h6 .small,
.e-shop30 .h6 .small, .e-shop30 .h6 small {
  line-height: 0;
  color: #dddddd;
}
.e-shop30 h1, .e-shop30 .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.e-shop30 h2, .e-shop30 .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.e-shop30 h3, .e-shop30 .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.e-shop30 h4, .e-shop30 .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.e-shop30 h5, .e-shop30 .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.e-shop30 h6, .e-shop30 .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 h1, .e-shop30 .h1 {
    font-size: 3rem;
  }
  .e-shop30 h2, .e-shop30 .h2 {
    font-size: 2.5rem;
  }
  .e-shop30 h3, .e-shop30 .h3 {
    font-size: 1.9375rem;
  }
  .e-shop30 h4, .e-shop30 .h4 {
    font-size: 1.5625rem;
  }
  .e-shop30 h5, .e-shop30 .h5 {
    font-size: 1.25rem;
  }
  .e-shop30 h6, .e-shop30 .h6 {
    font-size: 1rem;
  }
}
.e-shop30 a {
  line-height: inherit;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
.e-shop30 a:hover, .e-shop30 a:focus {
  color: black;
}
.e-shop30 a img {
  border: 0;
}
.e-shop30 hr {
  clear: both;
  max-width: 1200px;
  height: 0;
  margin: 20px auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #dddddd;
  border-left: 0;
}
.e-shop30 ul,
.e-shop30 ol,
.e-shop30 dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.45;
}
.e-shop30 li {
  font-size: inherit;
}
.e-shop30 ul {
  margin-left: 1.25rem;
  list-style-type: square;
}
.e-shop30 ol {
  margin-left: 1.25rem;
}
.e-shop30 ul ul, .e-shop30 ol ul, .e-shop30 ul ol, .e-shop30 ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}
.e-shop30 dl {
  margin-bottom: 1rem;
}
.e-shop30 dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}
.e-shop30 blockquote {
  margin: 0 0 1rem;
  padding: 9px 20px 0 19px;
  border-left: none;
}
.e-shop30 blockquote, .e-shop30 blockquote p {
  line-height: 1.45;
  color: #62abda;
}
.e-shop30 abbr, .e-shop30 abbr[title] {
  border-bottom: 1px dotted #000000;
  cursor: help;
  text-decoration: none;
}
.e-shop30 figure {
  margin: 0;
}
.e-shop30 kbd {
  margin: 0;
  padding: 2px 4px 0;
  background-color: #f5f5f5;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #000000;
}
.e-shop30 .subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.45;
  color: #616161;
}
.e-shop30 .lead {
  font-size: 1.25rem;
  line-height: 1.125;
}
.e-shop30 .stat {
  font-size: 2.5rem;
  line-height: 1;
}
.e-shop30 p + .stat {
  margin-top: -1rem;
}
.e-shop30 ul.no-bullet, .e-shop30 ol.no-bullet {
  margin-left: 0;
  list-style: none;
}
.e-shop30 .cite-block, .e-shop30 cite {
  display: block;
  color: #616161;
  font-size: 0.8125rem;
}
.e-shop30 .cite-block:before, .e-shop30 cite:before {
  content: "— ";
}
.e-shop30 .code-inline, .e-shop30 code {
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #000000;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 2px 5px 1px;
}
.e-shop30 .code-block {
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #000000;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.e-shop30 .text-left {
  text-align: left;
}
.e-shop30 .text-right {
  text-align: right;
}
.e-shop30 .text-center {
  text-align: center;
}
.e-shop30 .text-justify {
  text-align: justify;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .medium-text-left {
    text-align: left;
  }
  .e-shop30 .medium-text-right {
    text-align: right;
  }
  .e-shop30 .medium-text-center {
    text-align: center;
  }
  .e-shop30 .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .large-text-left {
    text-align: left;
  }
  .e-shop30 .large-text-right {
    text-align: right;
  }
  .e-shop30 .large-text-center {
    text-align: center;
  }
  .e-shop30 .large-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .xlarge-text-left {
    text-align: left;
  }
  .e-shop30 .xlarge-text-right {
    text-align: right;
  }
  .e-shop30 .xlarge-text-center {
    text-align: center;
  }
  .e-shop30 .xlarge-text-justify {
    text-align: justify;
  }
}
.e-shop30 .show-for-print {
  display: none !important;
}
@media print {
  .e-shop30 {
    /*@page {
      margin: .5cm;
    }*/
  }
  .e-shop30 * {
    background: transparent !important;
    color: black !important;
    -webkit-print-color-adjust: economy;
    color-adjust: economy;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .e-shop30 .show-for-print {
    display: block !important;
  }
  .e-shop30 .hide-for-print {
    display: none !important;
  }
  .e-shop30 table.show-for-print {
    display: table !important;
  }
  .e-shop30 thead.show-for-print {
    display: table-header-group !important;
  }
  .e-shop30 tbody.show-for-print {
    display: table-row-group !important;
  }
  .e-shop30 tr.show-for-print {
    display: table-row !important;
  }
  .e-shop30 td.show-for-print {
    display: table-cell !important;
  }
  .e-shop30 th.show-for-print {
    display: table-cell !important;
  }
  .e-shop30 a,
.e-shop30 a:visited {
    text-decoration: underline;
  }
  .e-shop30 a[href]:after {
    content: " (" attr(href) ")";
  }
  .e-shop30 .ir a:after,
.e-shop30 a[href^="javascript:"]:after,
.e-shop30 a[href^="#"]:after {
    content: "";
  }
  .e-shop30 abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .e-shop30 pre,
.e-shop30 blockquote {
    border: 1px solid #616161;
    page-break-inside: avoid;
  }
  .e-shop30 thead {
    display: table-header-group;
  }
  .e-shop30 tr,
.e-shop30 img {
    page-break-inside: avoid;
  }
  .e-shop30 img {
    max-width: 100% !important;
  }
  .e-shop30 p,
.e-shop30 h2,
.e-shop30 .h2,
.e-shop30 h3,
.e-shop30 .h3 {
    orphans: 3;
    widows: 3;
  }
  .e-shop30 h2, .e-shop30 .h2,
.e-shop30 h3,
.e-shop30 .h3 {
    page-break-after: avoid;
  }
  .e-shop30 .print-break-inside {
    page-break-inside: auto;
  }
}
.e-shop30 .grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.e-shop30 .grid-container.fluid {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.e-shop30 .grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.e-shop30 .grid-x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.e-shop30 .cell {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
.e-shop30 .cell.auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -moz-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}
.e-shop30 .cell.shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.e-shop30 .grid-x > .auto {
  width: auto;
}
.e-shop30 .grid-x > .shrink {
  width: auto;
}
.e-shop30 .grid-x > .small-shrink, .e-shop30 .grid-x > .small-full, .e-shop30 .grid-x > .small-1, .e-shop30 .grid-x > .small-2, .e-shop30 .grid-x > .small-3, .e-shop30 .grid-x > .small-4, .e-shop30 .grid-x > .small-5, .e-shop30 .grid-x > .small-6, .e-shop30 .grid-x > .small-7, .e-shop30 .grid-x > .small-8, .e-shop30 .grid-x > .small-9, .e-shop30 .grid-x > .small-10, .e-shop30 .grid-x > .small-11, .e-shop30 .grid-x > .small-12 {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-x > .medium-shrink, .e-shop30 .grid-x > .medium-full, .e-shop30 .grid-x > .medium-1, .e-shop30 .grid-x > .medium-2, .e-shop30 .grid-x > .medium-3, .e-shop30 .grid-x > .medium-4, .e-shop30 .grid-x > .medium-5, .e-shop30 .grid-x > .medium-6, .e-shop30 .grid-x > .medium-7, .e-shop30 .grid-x > .medium-8, .e-shop30 .grid-x > .medium-9, .e-shop30 .grid-x > .medium-10, .e-shop30 .grid-x > .medium-11, .e-shop30 .grid-x > .medium-12 {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .grid-x > .large-shrink, .e-shop30 .grid-x > .large-full, .e-shop30 .grid-x > .large-1, .e-shop30 .grid-x > .large-2, .e-shop30 .grid-x > .large-3, .e-shop30 .grid-x > .large-4, .e-shop30 .grid-x > .large-5, .e-shop30 .grid-x > .large-6, .e-shop30 .grid-x > .large-7, .e-shop30 .grid-x > .large-8, .e-shop30 .grid-x > .large-9, .e-shop30 .grid-x > .large-10, .e-shop30 .grid-x > .large-11, .e-shop30 .grid-x > .large-12 {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .grid-x > .xlarge-shrink, .e-shop30 .grid-x > .xlarge-full, .e-shop30 .grid-x > .xlarge-1, .e-shop30 .grid-x > .xlarge-2, .e-shop30 .grid-x > .xlarge-3, .e-shop30 .grid-x > .xlarge-4, .e-shop30 .grid-x > .xlarge-5, .e-shop30 .grid-x > .xlarge-6, .e-shop30 .grid-x > .xlarge-7, .e-shop30 .grid-x > .xlarge-8, .e-shop30 .grid-x > .xlarge-9, .e-shop30 .grid-x > .xlarge-10, .e-shop30 .grid-x > .xlarge-11, .e-shop30 .grid-x > .xlarge-12 {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
.e-shop30 .grid-x > .small-1, .e-shop30 .grid-x > .small-2, .e-shop30 .grid-x > .small-3, .e-shop30 .grid-x > .small-4, .e-shop30 .grid-x > .small-5, .e-shop30 .grid-x > .small-6, .e-shop30 .grid-x > .small-7, .e-shop30 .grid-x > .small-8, .e-shop30 .grid-x > .small-9, .e-shop30 .grid-x > .small-10, .e-shop30 .grid-x > .small-11, .e-shop30 .grid-x > .small-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.e-shop30 .grid-x > .small-1 {
  width: 8.33333%;
}
.e-shop30 .grid-x > .small-2 {
  width: 16.66667%;
}
.e-shop30 .grid-x > .small-3 {
  width: 25%;
}
.e-shop30 .grid-x > .small-4 {
  width: 33.33333%;
}
.e-shop30 .grid-x > .small-5 {
  width: 41.66667%;
}
.e-shop30 .grid-x > .small-6 {
  width: 50%;
}
.e-shop30 .grid-x > .small-7 {
  width: 58.33333%;
}
.e-shop30 .grid-x > .small-8 {
  width: 66.66667%;
}
.e-shop30 .grid-x > .small-9 {
  width: 75%;
}
.e-shop30 .grid-x > .small-10 {
  width: 83.33333%;
}
.e-shop30 .grid-x > .small-11 {
  width: 91.66667%;
}
.e-shop30 .grid-x > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-x > .medium-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    width: auto;
  }
  .e-shop30 .grid-x > .medium-shrink, .e-shop30 .grid-x > .medium-1, .e-shop30 .grid-x > .medium-2, .e-shop30 .grid-x > .medium-3, .e-shop30 .grid-x > .medium-4, .e-shop30 .grid-x > .medium-5, .e-shop30 .grid-x > .medium-6, .e-shop30 .grid-x > .medium-7, .e-shop30 .grid-x > .medium-8, .e-shop30 .grid-x > .medium-9, .e-shop30 .grid-x > .medium-10, .e-shop30 .grid-x > .medium-11, .e-shop30 .grid-x > .medium-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .e-shop30 .grid-x > .medium-shrink {
    width: auto;
  }
  .e-shop30 .grid-x > .medium-1 {
    width: 8.33333%;
  }
  .e-shop30 .grid-x > .medium-2 {
    width: 16.66667%;
  }
  .e-shop30 .grid-x > .medium-3 {
    width: 25%;
  }
  .e-shop30 .grid-x > .medium-4 {
    width: 33.33333%;
  }
  .e-shop30 .grid-x > .medium-5 {
    width: 41.66667%;
  }
  .e-shop30 .grid-x > .medium-6 {
    width: 50%;
  }
  .e-shop30 .grid-x > .medium-7 {
    width: 58.33333%;
  }
  .e-shop30 .grid-x > .medium-8 {
    width: 66.66667%;
  }
  .e-shop30 .grid-x > .medium-9 {
    width: 75%;
  }
  .e-shop30 .grid-x > .medium-10 {
    width: 83.33333%;
  }
  .e-shop30 .grid-x > .medium-11 {
    width: 91.66667%;
  }
  .e-shop30 .grid-x > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .grid-x > .large-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    width: auto;
  }
  .e-shop30 .grid-x > .large-shrink, .e-shop30 .grid-x > .large-1, .e-shop30 .grid-x > .large-2, .e-shop30 .grid-x > .large-3, .e-shop30 .grid-x > .large-4, .e-shop30 .grid-x > .large-5, .e-shop30 .grid-x > .large-6, .e-shop30 .grid-x > .large-7, .e-shop30 .grid-x > .large-8, .e-shop30 .grid-x > .large-9, .e-shop30 .grid-x > .large-10, .e-shop30 .grid-x > .large-11, .e-shop30 .grid-x > .large-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .e-shop30 .grid-x > .large-shrink {
    width: auto;
  }
  .e-shop30 .grid-x > .large-1 {
    width: 8.33333%;
  }
  .e-shop30 .grid-x > .large-2 {
    width: 16.66667%;
  }
  .e-shop30 .grid-x > .large-3 {
    width: 25%;
  }
  .e-shop30 .grid-x > .large-4 {
    width: 33.33333%;
  }
  .e-shop30 .grid-x > .large-5 {
    width: 41.66667%;
  }
  .e-shop30 .grid-x > .large-6 {
    width: 50%;
  }
  .e-shop30 .grid-x > .large-7 {
    width: 58.33333%;
  }
  .e-shop30 .grid-x > .large-8 {
    width: 66.66667%;
  }
  .e-shop30 .grid-x > .large-9 {
    width: 75%;
  }
  .e-shop30 .grid-x > .large-10 {
    width: 83.33333%;
  }
  .e-shop30 .grid-x > .large-11 {
    width: 91.66667%;
  }
  .e-shop30 .grid-x > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .grid-x > .xlarge-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    width: auto;
  }
  .e-shop30 .grid-x > .xlarge-shrink, .e-shop30 .grid-x > .xlarge-1, .e-shop30 .grid-x > .xlarge-2, .e-shop30 .grid-x > .xlarge-3, .e-shop30 .grid-x > .xlarge-4, .e-shop30 .grid-x > .xlarge-5, .e-shop30 .grid-x > .xlarge-6, .e-shop30 .grid-x > .xlarge-7, .e-shop30 .grid-x > .xlarge-8, .e-shop30 .grid-x > .xlarge-9, .e-shop30 .grid-x > .xlarge-10, .e-shop30 .grid-x > .xlarge-11, .e-shop30 .grid-x > .xlarge-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .e-shop30 .grid-x > .xlarge-shrink {
    width: auto;
  }
  .e-shop30 .grid-x > .xlarge-1 {
    width: 8.33333%;
  }
  .e-shop30 .grid-x > .xlarge-2 {
    width: 16.66667%;
  }
  .e-shop30 .grid-x > .xlarge-3 {
    width: 25%;
  }
  .e-shop30 .grid-x > .xlarge-4 {
    width: 33.33333%;
  }
  .e-shop30 .grid-x > .xlarge-5 {
    width: 41.66667%;
  }
  .e-shop30 .grid-x > .xlarge-6 {
    width: 50%;
  }
  .e-shop30 .grid-x > .xlarge-7 {
    width: 58.33333%;
  }
  .e-shop30 .grid-x > .xlarge-8 {
    width: 66.66667%;
  }
  .e-shop30 .grid-x > .xlarge-9 {
    width: 75%;
  }
  .e-shop30 .grid-x > .xlarge-10 {
    width: 83.33333%;
  }
  .e-shop30 .grid-x > .xlarge-11 {
    width: 91.66667%;
  }
  .e-shop30 .grid-x > .xlarge-12 {
    width: 100%;
  }
}
.e-shop30 .grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}
.e-shop30 .grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}
.e-shop30 .grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.e-shop30 .grid-margin-x > .cell {
  width: -webkit-calc(100% - 1.25rem);
  width: -moz-calc(100% - 1.25rem);
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-margin-x > .cell {
    width: -webkit-calc(100% - 1.875rem);
    width: -moz-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
}
.e-shop30 .grid-margin-x > .auto {
  width: auto;
}
.e-shop30 .grid-margin-x > .shrink {
  width: auto;
}
.e-shop30 .grid-margin-x > .small-1 {
  width: -webkit-calc(8.33333% - 1.25rem);
  width: -moz-calc(8.33333% - 1.25rem);
  width: calc(8.33333% - 1.25rem);
}
.e-shop30 .grid-margin-x > .small-2 {
  width: -webkit-calc(16.66667% - 1.25rem);
  width: -moz-calc(16.66667% - 1.25rem);
  width: calc(16.66667% - 1.25rem);
}
.e-shop30 .grid-margin-x > .small-3 {
  width: -webkit-calc(25% - 1.25rem);
  width: -moz-calc(25% - 1.25rem);
  width: calc(25% - 1.25rem);
}
.e-shop30 .grid-margin-x > .small-4 {
  width: -webkit-calc(33.33333% - 1.25rem);
  width: -moz-calc(33.33333% - 1.25rem);
  width: calc(33.33333% - 1.25rem);
}
.e-shop30 .grid-margin-x > .small-5 {
  width: -webkit-calc(41.66667% - 1.25rem);
  width: -moz-calc(41.66667% - 1.25rem);
  width: calc(41.66667% - 1.25rem);
}
.e-shop30 .grid-margin-x > .small-6 {
  width: -webkit-calc(50% - 1.25rem);
  width: -moz-calc(50% - 1.25rem);
  width: calc(50% - 1.25rem);
}
.e-shop30 .grid-margin-x > .small-7 {
  width: -webkit-calc(58.33333% - 1.25rem);
  width: -moz-calc(58.33333% - 1.25rem);
  width: calc(58.33333% - 1.25rem);
}
.e-shop30 .grid-margin-x > .small-8 {
  width: -webkit-calc(66.66667% - 1.25rem);
  width: -moz-calc(66.66667% - 1.25rem);
  width: calc(66.66667% - 1.25rem);
}
.e-shop30 .grid-margin-x > .small-9 {
  width: -webkit-calc(75% - 1.25rem);
  width: -moz-calc(75% - 1.25rem);
  width: calc(75% - 1.25rem);
}
.e-shop30 .grid-margin-x > .small-10 {
  width: -webkit-calc(83.33333% - 1.25rem);
  width: -moz-calc(83.33333% - 1.25rem);
  width: calc(83.33333% - 1.25rem);
}
.e-shop30 .grid-margin-x > .small-11 {
  width: -webkit-calc(91.66667% - 1.25rem);
  width: -moz-calc(91.66667% - 1.25rem);
  width: calc(91.66667% - 1.25rem);
}
.e-shop30 .grid-margin-x > .small-12 {
  width: -webkit-calc(100% - 1.25rem);
  width: -moz-calc(100% - 1.25rem);
  width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-margin-x > .auto {
    width: auto;
  }
  .e-shop30 .grid-margin-x > .shrink {
    width: auto;
  }
  .e-shop30 .grid-margin-x > .small-1 {
    width: -webkit-calc(8.33333% - 1.875rem);
    width: -moz-calc(8.33333% - 1.875rem);
    width: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .small-2 {
    width: -webkit-calc(16.66667% - 1.875rem);
    width: -moz-calc(16.66667% - 1.875rem);
    width: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .small-3 {
    width: -webkit-calc(25% - 1.875rem);
    width: -moz-calc(25% - 1.875rem);
    width: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .small-4 {
    width: -webkit-calc(33.33333% - 1.875rem);
    width: -moz-calc(33.33333% - 1.875rem);
    width: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .small-5 {
    width: -webkit-calc(41.66667% - 1.875rem);
    width: -moz-calc(41.66667% - 1.875rem);
    width: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .small-6 {
    width: -webkit-calc(50% - 1.875rem);
    width: -moz-calc(50% - 1.875rem);
    width: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .small-7 {
    width: -webkit-calc(58.33333% - 1.875rem);
    width: -moz-calc(58.33333% - 1.875rem);
    width: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .small-8 {
    width: -webkit-calc(66.66667% - 1.875rem);
    width: -moz-calc(66.66667% - 1.875rem);
    width: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .small-9 {
    width: -webkit-calc(75% - 1.875rem);
    width: -moz-calc(75% - 1.875rem);
    width: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .small-10 {
    width: -webkit-calc(83.33333% - 1.875rem);
    width: -moz-calc(83.33333% - 1.875rem);
    width: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .small-11 {
    width: -webkit-calc(91.66667% - 1.875rem);
    width: -moz-calc(91.66667% - 1.875rem);
    width: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .small-12 {
    width: -webkit-calc(100% - 1.875rem);
    width: -moz-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-auto {
    width: auto;
  }
  .e-shop30 .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .e-shop30 .grid-margin-x > .medium-1 {
    width: -webkit-calc(8.33333% - 1.875rem);
    width: -moz-calc(8.33333% - 1.875rem);
    width: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-2 {
    width: -webkit-calc(16.66667% - 1.875rem);
    width: -moz-calc(16.66667% - 1.875rem);
    width: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-3 {
    width: -webkit-calc(25% - 1.875rem);
    width: -moz-calc(25% - 1.875rem);
    width: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-4 {
    width: -webkit-calc(33.33333% - 1.875rem);
    width: -moz-calc(33.33333% - 1.875rem);
    width: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-5 {
    width: -webkit-calc(41.66667% - 1.875rem);
    width: -moz-calc(41.66667% - 1.875rem);
    width: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-6 {
    width: -webkit-calc(50% - 1.875rem);
    width: -moz-calc(50% - 1.875rem);
    width: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-7 {
    width: -webkit-calc(58.33333% - 1.875rem);
    width: -moz-calc(58.33333% - 1.875rem);
    width: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-8 {
    width: -webkit-calc(66.66667% - 1.875rem);
    width: -moz-calc(66.66667% - 1.875rem);
    width: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-9 {
    width: -webkit-calc(75% - 1.875rem);
    width: -moz-calc(75% - 1.875rem);
    width: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-10 {
    width: -webkit-calc(83.33333% - 1.875rem);
    width: -moz-calc(83.33333% - 1.875rem);
    width: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-11 {
    width: -webkit-calc(91.66667% - 1.875rem);
    width: -moz-calc(91.66667% - 1.875rem);
    width: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .medium-12 {
    width: -webkit-calc(100% - 1.875rem);
    width: -moz-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .grid-margin-x > .large-auto {
    width: auto;
  }
  .e-shop30 .grid-margin-x > .large-shrink {
    width: auto;
  }
  .e-shop30 .grid-margin-x > .large-1 {
    width: -webkit-calc(8.33333% - 1.875rem);
    width: -moz-calc(8.33333% - 1.875rem);
    width: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .large-2 {
    width: -webkit-calc(16.66667% - 1.875rem);
    width: -moz-calc(16.66667% - 1.875rem);
    width: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .large-3 {
    width: -webkit-calc(25% - 1.875rem);
    width: -moz-calc(25% - 1.875rem);
    width: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .large-4 {
    width: -webkit-calc(33.33333% - 1.875rem);
    width: -moz-calc(33.33333% - 1.875rem);
    width: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .large-5 {
    width: -webkit-calc(41.66667% - 1.875rem);
    width: -moz-calc(41.66667% - 1.875rem);
    width: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .large-6 {
    width: -webkit-calc(50% - 1.875rem);
    width: -moz-calc(50% - 1.875rem);
    width: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .large-7 {
    width: -webkit-calc(58.33333% - 1.875rem);
    width: -moz-calc(58.33333% - 1.875rem);
    width: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .large-8 {
    width: -webkit-calc(66.66667% - 1.875rem);
    width: -moz-calc(66.66667% - 1.875rem);
    width: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .large-9 {
    width: -webkit-calc(75% - 1.875rem);
    width: -moz-calc(75% - 1.875rem);
    width: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .large-10 {
    width: -webkit-calc(83.33333% - 1.875rem);
    width: -moz-calc(83.33333% - 1.875rem);
    width: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .large-11 {
    width: -webkit-calc(91.66667% - 1.875rem);
    width: -moz-calc(91.66667% - 1.875rem);
    width: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .large-12 {
    width: -webkit-calc(100% - 1.875rem);
    width: -moz-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .grid-margin-x > .xlarge-auto {
    width: auto;
  }
  .e-shop30 .grid-margin-x > .xlarge-shrink {
    width: auto;
  }
  .e-shop30 .grid-margin-x > .xlarge-1 {
    width: -webkit-calc(8.33333% - 1.875rem);
    width: -moz-calc(8.33333% - 1.875rem);
    width: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .xlarge-2 {
    width: -webkit-calc(16.66667% - 1.875rem);
    width: -moz-calc(16.66667% - 1.875rem);
    width: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .xlarge-3 {
    width: -webkit-calc(25% - 1.875rem);
    width: -moz-calc(25% - 1.875rem);
    width: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .xlarge-4 {
    width: -webkit-calc(33.33333% - 1.875rem);
    width: -moz-calc(33.33333% - 1.875rem);
    width: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .xlarge-5 {
    width: -webkit-calc(41.66667% - 1.875rem);
    width: -moz-calc(41.66667% - 1.875rem);
    width: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .xlarge-6 {
    width: -webkit-calc(50% - 1.875rem);
    width: -moz-calc(50% - 1.875rem);
    width: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .xlarge-7 {
    width: -webkit-calc(58.33333% - 1.875rem);
    width: -moz-calc(58.33333% - 1.875rem);
    width: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .xlarge-8 {
    width: -webkit-calc(66.66667% - 1.875rem);
    width: -moz-calc(66.66667% - 1.875rem);
    width: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .xlarge-9 {
    width: -webkit-calc(75% - 1.875rem);
    width: -moz-calc(75% - 1.875rem);
    width: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .xlarge-10 {
    width: -webkit-calc(83.33333% - 1.875rem);
    width: -moz-calc(83.33333% - 1.875rem);
    width: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .xlarge-11 {
    width: -webkit-calc(91.66667% - 1.875rem);
    width: -moz-calc(91.66667% - 1.875rem);
    width: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x > .xlarge-12 {
    width: -webkit-calc(100% - 1.875rem);
    width: -moz-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
  }
}
.e-shop30 .grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.e-shop30 .grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.e-shop30 .grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.e-shop30 .small-up-1 > .cell {
  width: 100%;
}
.e-shop30 .small-up-2 > .cell {
  width: 50%;
}
.e-shop30 .small-up-3 > .cell {
  width: 33.33333%;
}
.e-shop30 .small-up-4 > .cell {
  width: 25%;
}
.e-shop30 .small-up-5 > .cell {
  width: 20%;
}
.e-shop30 .small-up-6 > .cell {
  width: 16.66667%;
}
.e-shop30 .small-up-7 > .cell {
  width: 14.28571%;
}
.e-shop30 .small-up-8 > .cell {
  width: 12.5%;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .medium-up-1 > .cell {
    width: 100%;
  }
  .e-shop30 .medium-up-2 > .cell {
    width: 50%;
  }
  .e-shop30 .medium-up-3 > .cell {
    width: 33.33333%;
  }
  .e-shop30 .medium-up-4 > .cell {
    width: 25%;
  }
  .e-shop30 .medium-up-5 > .cell {
    width: 20%;
  }
  .e-shop30 .medium-up-6 > .cell {
    width: 16.66667%;
  }
  .e-shop30 .medium-up-7 > .cell {
    width: 14.28571%;
  }
  .e-shop30 .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .large-up-1 > .cell {
    width: 100%;
  }
  .e-shop30 .large-up-2 > .cell {
    width: 50%;
  }
  .e-shop30 .large-up-3 > .cell {
    width: 33.33333%;
  }
  .e-shop30 .large-up-4 > .cell {
    width: 25%;
  }
  .e-shop30 .large-up-5 > .cell {
    width: 20%;
  }
  .e-shop30 .large-up-6 > .cell {
    width: 16.66667%;
  }
  .e-shop30 .large-up-7 > .cell {
    width: 14.28571%;
  }
  .e-shop30 .large-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .xlarge-up-1 > .cell {
    width: 100%;
  }
  .e-shop30 .xlarge-up-2 > .cell {
    width: 50%;
  }
  .e-shop30 .xlarge-up-3 > .cell {
    width: 33.33333%;
  }
  .e-shop30 .xlarge-up-4 > .cell {
    width: 25%;
  }
  .e-shop30 .xlarge-up-5 > .cell {
    width: 20%;
  }
  .e-shop30 .xlarge-up-6 > .cell {
    width: 16.66667%;
  }
  .e-shop30 .xlarge-up-7 > .cell {
    width: 14.28571%;
  }
  .e-shop30 .xlarge-up-8 > .cell {
    width: 12.5%;
  }
}
.e-shop30 .grid-margin-x.small-up-1 > .cell {
  width: -webkit-calc(100% - 1.25rem);
  width: -moz-calc(100% - 1.25rem);
  width: calc(100% - 1.25rem);
}
.e-shop30 .grid-margin-x.small-up-2 > .cell {
  width: -webkit-calc(50% - 1.25rem);
  width: -moz-calc(50% - 1.25rem);
  width: calc(50% - 1.25rem);
}
.e-shop30 .grid-margin-x.small-up-3 > .cell {
  width: -webkit-calc(33.33333% - 1.25rem);
  width: -moz-calc(33.33333% - 1.25rem);
  width: calc(33.33333% - 1.25rem);
}
.e-shop30 .grid-margin-x.small-up-4 > .cell {
  width: -webkit-calc(25% - 1.25rem);
  width: -moz-calc(25% - 1.25rem);
  width: calc(25% - 1.25rem);
}
.e-shop30 .grid-margin-x.small-up-5 > .cell {
  width: -webkit-calc(20% - 1.25rem);
  width: -moz-calc(20% - 1.25rem);
  width: calc(20% - 1.25rem);
}
.e-shop30 .grid-margin-x.small-up-6 > .cell {
  width: -webkit-calc(16.66667% - 1.25rem);
  width: -moz-calc(16.66667% - 1.25rem);
  width: calc(16.66667% - 1.25rem);
}
.e-shop30 .grid-margin-x.small-up-7 > .cell {
  width: -webkit-calc(14.28571% - 1.25rem);
  width: -moz-calc(14.28571% - 1.25rem);
  width: calc(14.28571% - 1.25rem);
}
.e-shop30 .grid-margin-x.small-up-8 > .cell {
  width: -webkit-calc(12.5% - 1.25rem);
  width: -moz-calc(12.5% - 1.25rem);
  width: calc(12.5% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-margin-x.small-up-1 > .cell {
    width: -webkit-calc(100% - 1.875rem);
    width: -moz-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.small-up-2 > .cell {
    width: -webkit-calc(50% - 1.875rem);
    width: -moz-calc(50% - 1.875rem);
    width: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.small-up-3 > .cell {
    width: -webkit-calc(33.33333% - 1.875rem);
    width: -moz-calc(33.33333% - 1.875rem);
    width: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.small-up-4 > .cell {
    width: -webkit-calc(25% - 1.875rem);
    width: -moz-calc(25% - 1.875rem);
    width: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.small-up-5 > .cell {
    width: -webkit-calc(20% - 1.875rem);
    width: -moz-calc(20% - 1.875rem);
    width: calc(20% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.small-up-6 > .cell {
    width: -webkit-calc(16.66667% - 1.875rem);
    width: -moz-calc(16.66667% - 1.875rem);
    width: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.small-up-7 > .cell {
    width: -webkit-calc(14.28571% - 1.875rem);
    width: -moz-calc(14.28571% - 1.875rem);
    width: calc(14.28571% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.small-up-8 > .cell {
    width: -webkit-calc(12.5% - 1.875rem);
    width: -moz-calc(12.5% - 1.875rem);
    width: calc(12.5% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.medium-up-1 > .cell {
    width: -webkit-calc(100% - 1.875rem);
    width: -moz-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.medium-up-2 > .cell {
    width: -webkit-calc(50% - 1.875rem);
    width: -moz-calc(50% - 1.875rem);
    width: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.medium-up-3 > .cell {
    width: -webkit-calc(33.33333% - 1.875rem);
    width: -moz-calc(33.33333% - 1.875rem);
    width: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.medium-up-4 > .cell {
    width: -webkit-calc(25% - 1.875rem);
    width: -moz-calc(25% - 1.875rem);
    width: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.medium-up-5 > .cell {
    width: -webkit-calc(20% - 1.875rem);
    width: -moz-calc(20% - 1.875rem);
    width: calc(20% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.medium-up-6 > .cell {
    width: -webkit-calc(16.66667% - 1.875rem);
    width: -moz-calc(16.66667% - 1.875rem);
    width: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.medium-up-7 > .cell {
    width: -webkit-calc(14.28571% - 1.875rem);
    width: -moz-calc(14.28571% - 1.875rem);
    width: calc(14.28571% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.medium-up-8 > .cell {
    width: -webkit-calc(12.5% - 1.875rem);
    width: -moz-calc(12.5% - 1.875rem);
    width: calc(12.5% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .grid-margin-x.large-up-1 > .cell {
    width: -webkit-calc(100% - 1.875rem);
    width: -moz-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.large-up-2 > .cell {
    width: -webkit-calc(50% - 1.875rem);
    width: -moz-calc(50% - 1.875rem);
    width: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.large-up-3 > .cell {
    width: -webkit-calc(33.33333% - 1.875rem);
    width: -moz-calc(33.33333% - 1.875rem);
    width: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.large-up-4 > .cell {
    width: -webkit-calc(25% - 1.875rem);
    width: -moz-calc(25% - 1.875rem);
    width: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.large-up-5 > .cell {
    width: -webkit-calc(20% - 1.875rem);
    width: -moz-calc(20% - 1.875rem);
    width: calc(20% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.large-up-6 > .cell {
    width: -webkit-calc(16.66667% - 1.875rem);
    width: -moz-calc(16.66667% - 1.875rem);
    width: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.large-up-7 > .cell {
    width: -webkit-calc(14.28571% - 1.875rem);
    width: -moz-calc(14.28571% - 1.875rem);
    width: calc(14.28571% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.large-up-8 > .cell {
    width: -webkit-calc(12.5% - 1.875rem);
    width: -moz-calc(12.5% - 1.875rem);
    width: calc(12.5% - 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .grid-margin-x.xlarge-up-1 > .cell {
    width: -webkit-calc(100% - 1.875rem);
    width: -moz-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.xlarge-up-2 > .cell {
    width: -webkit-calc(50% - 1.875rem);
    width: -moz-calc(50% - 1.875rem);
    width: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.xlarge-up-3 > .cell {
    width: -webkit-calc(33.33333% - 1.875rem);
    width: -moz-calc(33.33333% - 1.875rem);
    width: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.xlarge-up-4 > .cell {
    width: -webkit-calc(25% - 1.875rem);
    width: -moz-calc(25% - 1.875rem);
    width: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.xlarge-up-5 > .cell {
    width: -webkit-calc(20% - 1.875rem);
    width: -moz-calc(20% - 1.875rem);
    width: calc(20% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.xlarge-up-6 > .cell {
    width: -webkit-calc(16.66667% - 1.875rem);
    width: -moz-calc(16.66667% - 1.875rem);
    width: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.xlarge-up-7 > .cell {
    width: -webkit-calc(14.28571% - 1.875rem);
    width: -moz-calc(14.28571% - 1.875rem);
    width: calc(14.28571% - 1.875rem);
  }
  .e-shop30 .grid-margin-x.xlarge-up-8 > .cell {
    width: -webkit-calc(12.5% - 1.875rem);
    width: -moz-calc(12.5% - 1.875rem);
    width: calc(12.5% - 1.875rem);
  }
}
.e-shop30 .small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}
.e-shop30 .small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}
.e-shop30 .small-margin-collapse > .small-1 {
  width: 8.33333%;
}
.e-shop30 .small-margin-collapse > .small-2 {
  width: 16.66667%;
}
.e-shop30 .small-margin-collapse > .small-3 {
  width: 25%;
}
.e-shop30 .small-margin-collapse > .small-4 {
  width: 33.33333%;
}
.e-shop30 .small-margin-collapse > .small-5 {
  width: 41.66667%;
}
.e-shop30 .small-margin-collapse > .small-6 {
  width: 50%;
}
.e-shop30 .small-margin-collapse > .small-7 {
  width: 58.33333%;
}
.e-shop30 .small-margin-collapse > .small-8 {
  width: 66.66667%;
}
.e-shop30 .small-margin-collapse > .small-9 {
  width: 75%;
}
.e-shop30 .small-margin-collapse > .small-10 {
  width: 83.33333%;
}
.e-shop30 .small-margin-collapse > .small-11 {
  width: 91.66667%;
}
.e-shop30 .small-margin-collapse > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .small-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .e-shop30 .small-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .e-shop30 .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .e-shop30 .small-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .e-shop30 .small-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .e-shop30 .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .e-shop30 .small-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .e-shop30 .small-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .e-shop30 .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .e-shop30 .small-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .e-shop30 .small-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .e-shop30 .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .small-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .e-shop30 .small-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .e-shop30 .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .e-shop30 .small-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .e-shop30 .small-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .e-shop30 .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .e-shop30 .small-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .e-shop30 .small-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .e-shop30 .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .e-shop30 .small-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .e-shop30 .small-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .e-shop30 .small-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .small-margin-collapse > .xlarge-1 {
    width: 8.33333%;
  }
  .e-shop30 .small-margin-collapse > .xlarge-2 {
    width: 16.66667%;
  }
  .e-shop30 .small-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .e-shop30 .small-margin-collapse > .xlarge-4 {
    width: 33.33333%;
  }
  .e-shop30 .small-margin-collapse > .xlarge-5 {
    width: 41.66667%;
  }
  .e-shop30 .small-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .e-shop30 .small-margin-collapse > .xlarge-7 {
    width: 58.33333%;
  }
  .e-shop30 .small-margin-collapse > .xlarge-8 {
    width: 66.66667%;
  }
  .e-shop30 .small-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .e-shop30 .small-margin-collapse > .xlarge-10 {
    width: 83.33333%;
  }
  .e-shop30 .small-margin-collapse > .xlarge-11 {
    width: 91.66667%;
  }
  .e-shop30 .small-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
.e-shop30 .small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}
.e-shop30 .small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .e-shop30 .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .medium-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .e-shop30 .medium-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .e-shop30 .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .e-shop30 .medium-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .e-shop30 .medium-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .e-shop30 .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .e-shop30 .medium-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .e-shop30 .medium-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .e-shop30 .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .e-shop30 .medium-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .e-shop30 .medium-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .e-shop30 .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .medium-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .e-shop30 .medium-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .e-shop30 .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .e-shop30 .medium-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .e-shop30 .medium-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .e-shop30 .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .e-shop30 .medium-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .e-shop30 .medium-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .e-shop30 .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .e-shop30 .medium-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .e-shop30 .medium-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .e-shop30 .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .medium-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .e-shop30 .medium-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .e-shop30 .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .e-shop30 .medium-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .e-shop30 .medium-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .e-shop30 .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .e-shop30 .medium-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .e-shop30 .medium-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .e-shop30 .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .e-shop30 .medium-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .e-shop30 .medium-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .e-shop30 .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .medium-margin-collapse > .xlarge-1 {
    width: 8.33333%;
  }
  .e-shop30 .medium-margin-collapse > .xlarge-2 {
    width: 16.66667%;
  }
  .e-shop30 .medium-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .e-shop30 .medium-margin-collapse > .xlarge-4 {
    width: 33.33333%;
  }
  .e-shop30 .medium-margin-collapse > .xlarge-5 {
    width: 41.66667%;
  }
  .e-shop30 .medium-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .e-shop30 .medium-margin-collapse > .xlarge-7 {
    width: 58.33333%;
  }
  .e-shop30 .medium-margin-collapse > .xlarge-8 {
    width: 66.66667%;
  }
  .e-shop30 .medium-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .e-shop30 .medium-margin-collapse > .xlarge-10 {
    width: 83.33333%;
  }
  .e-shop30 .medium-margin-collapse > .xlarge-11 {
    width: 91.66667%;
  }
  .e-shop30 .medium-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .e-shop30 .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .e-shop30 .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .large-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .e-shop30 .large-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .e-shop30 .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .e-shop30 .large-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .e-shop30 .large-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .e-shop30 .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .e-shop30 .large-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .e-shop30 .large-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .e-shop30 .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .e-shop30 .large-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .e-shop30 .large-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .e-shop30 .large-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .large-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .e-shop30 .large-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .e-shop30 .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .e-shop30 .large-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .e-shop30 .large-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .e-shop30 .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .e-shop30 .large-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .e-shop30 .large-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .e-shop30 .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .e-shop30 .large-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .e-shop30 .large-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .e-shop30 .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .large-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .e-shop30 .large-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .e-shop30 .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .e-shop30 .large-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .e-shop30 .large-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .e-shop30 .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .e-shop30 .large-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .e-shop30 .large-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .e-shop30 .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .e-shop30 .large-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .e-shop30 .large-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .e-shop30 .large-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .large-margin-collapse > .xlarge-1 {
    width: 8.33333%;
  }
  .e-shop30 .large-margin-collapse > .xlarge-2 {
    width: 16.66667%;
  }
  .e-shop30 .large-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .e-shop30 .large-margin-collapse > .xlarge-4 {
    width: 33.33333%;
  }
  .e-shop30 .large-margin-collapse > .xlarge-5 {
    width: 41.66667%;
  }
  .e-shop30 .large-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .e-shop30 .large-margin-collapse > .xlarge-7 {
    width: 58.33333%;
  }
  .e-shop30 .large-margin-collapse > .xlarge-8 {
    width: 66.66667%;
  }
  .e-shop30 .large-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .e-shop30 .large-margin-collapse > .xlarge-10 {
    width: 83.33333%;
  }
  .e-shop30 .large-margin-collapse > .xlarge-11 {
    width: 91.66667%;
  }
  .e-shop30 .large-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .e-shop30 .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .e-shop30 .xlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .xlarge-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .e-shop30 .xlarge-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .e-shop30 .xlarge-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .e-shop30 .xlarge-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .xlarge-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .e-shop30 .xlarge-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .e-shop30 .xlarge-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .e-shop30 .xlarge-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .xlarge-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .e-shop30 .xlarge-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .e-shop30 .xlarge-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .e-shop30 .xlarge-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .xlarge-margin-collapse > .xlarge-1 {
    width: 8.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .xlarge-2 {
    width: 16.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .e-shop30 .xlarge-margin-collapse > .xlarge-4 {
    width: 33.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .xlarge-5 {
    width: 41.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .e-shop30 .xlarge-margin-collapse > .xlarge-7 {
    width: 58.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .xlarge-8 {
    width: 66.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .e-shop30 .xlarge-margin-collapse > .xlarge-10 {
    width: 83.33333%;
  }
  .e-shop30 .xlarge-margin-collapse > .xlarge-11 {
    width: 91.66667%;
  }
  .e-shop30 .xlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .xlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .e-shop30 .xlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
.e-shop30 .small-offset-0 {
  margin-left: 0%;
}
.e-shop30 .grid-margin-x > .small-offset-0 {
  margin-left: -webkit-calc(0% + 0.625rem);
  margin-left: -moz-calc(0% + 0.625rem);
  margin-left: calc(0% + 0.625rem);
}
.e-shop30 .small-offset-1 {
  margin-left: 8.33333%;
}
.e-shop30 .grid-margin-x > .small-offset-1 {
  margin-left: -webkit-calc(8.33333% + 0.625rem);
  margin-left: -moz-calc(8.33333% + 0.625rem);
  margin-left: calc(8.33333% + 0.625rem);
}
.e-shop30 .small-offset-2 {
  margin-left: 16.66667%;
}
.e-shop30 .grid-margin-x > .small-offset-2 {
  margin-left: -webkit-calc(16.66667% + 0.625rem);
  margin-left: -moz-calc(16.66667% + 0.625rem);
  margin-left: calc(16.66667% + 0.625rem);
}
.e-shop30 .small-offset-3 {
  margin-left: 25%;
}
.e-shop30 .grid-margin-x > .small-offset-3 {
  margin-left: -webkit-calc(25% + 0.625rem);
  margin-left: -moz-calc(25% + 0.625rem);
  margin-left: calc(25% + 0.625rem);
}
.e-shop30 .small-offset-4 {
  margin-left: 33.33333%;
}
.e-shop30 .grid-margin-x > .small-offset-4 {
  margin-left: -webkit-calc(33.33333% + 0.625rem);
  margin-left: -moz-calc(33.33333% + 0.625rem);
  margin-left: calc(33.33333% + 0.625rem);
}
.e-shop30 .small-offset-5 {
  margin-left: 41.66667%;
}
.e-shop30 .grid-margin-x > .small-offset-5 {
  margin-left: -webkit-calc(41.66667% + 0.625rem);
  margin-left: -moz-calc(41.66667% + 0.625rem);
  margin-left: calc(41.66667% + 0.625rem);
}
.e-shop30 .small-offset-6 {
  margin-left: 50%;
}
.e-shop30 .grid-margin-x > .small-offset-6 {
  margin-left: -webkit-calc(50% + 0.625rem);
  margin-left: -moz-calc(50% + 0.625rem);
  margin-left: calc(50% + 0.625rem);
}
.e-shop30 .small-offset-7 {
  margin-left: 58.33333%;
}
.e-shop30 .grid-margin-x > .small-offset-7 {
  margin-left: -webkit-calc(58.33333% + 0.625rem);
  margin-left: -moz-calc(58.33333% + 0.625rem);
  margin-left: calc(58.33333% + 0.625rem);
}
.e-shop30 .small-offset-8 {
  margin-left: 66.66667%;
}
.e-shop30 .grid-margin-x > .small-offset-8 {
  margin-left: -webkit-calc(66.66667% + 0.625rem);
  margin-left: -moz-calc(66.66667% + 0.625rem);
  margin-left: calc(66.66667% + 0.625rem);
}
.e-shop30 .small-offset-9 {
  margin-left: 75%;
}
.e-shop30 .grid-margin-x > .small-offset-9 {
  margin-left: -webkit-calc(75% + 0.625rem);
  margin-left: -moz-calc(75% + 0.625rem);
  margin-left: calc(75% + 0.625rem);
}
.e-shop30 .small-offset-10 {
  margin-left: 83.33333%;
}
.e-shop30 .grid-margin-x > .small-offset-10 {
  margin-left: -webkit-calc(83.33333% + 0.625rem);
  margin-left: -moz-calc(83.33333% + 0.625rem);
  margin-left: calc(83.33333% + 0.625rem);
}
.e-shop30 .small-offset-11 {
  margin-left: 91.66667%;
}
.e-shop30 .grid-margin-x > .small-offset-11 {
  margin-left: -webkit-calc(91.66667% + 0.625rem);
  margin-left: -moz-calc(91.66667% + 0.625rem);
  margin-left: calc(91.66667% + 0.625rem);
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .medium-offset-0 {
    margin-left: 0%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-0 {
    margin-left: -webkit-calc(0% + 0.9375rem);
    margin-left: -moz-calc(0% + 0.9375rem);
    margin-left: calc(0% + 0.9375rem);
  }
  .e-shop30 .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-1 {
    margin-left: -webkit-calc(8.33333% + 0.9375rem);
    margin-left: -moz-calc(8.33333% + 0.9375rem);
    margin-left: calc(8.33333% + 0.9375rem);
  }
  .e-shop30 .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-2 {
    margin-left: -webkit-calc(16.66667% + 0.9375rem);
    margin-left: -moz-calc(16.66667% + 0.9375rem);
    margin-left: calc(16.66667% + 0.9375rem);
  }
  .e-shop30 .medium-offset-3 {
    margin-left: 25%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-3 {
    margin-left: -webkit-calc(25% + 0.9375rem);
    margin-left: -moz-calc(25% + 0.9375rem);
    margin-left: calc(25% + 0.9375rem);
  }
  .e-shop30 .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-4 {
    margin-left: -webkit-calc(33.33333% + 0.9375rem);
    margin-left: -moz-calc(33.33333% + 0.9375rem);
    margin-left: calc(33.33333% + 0.9375rem);
  }
  .e-shop30 .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-5 {
    margin-left: -webkit-calc(41.66667% + 0.9375rem);
    margin-left: -moz-calc(41.66667% + 0.9375rem);
    margin-left: calc(41.66667% + 0.9375rem);
  }
  .e-shop30 .medium-offset-6 {
    margin-left: 50%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-6 {
    margin-left: -webkit-calc(50% + 0.9375rem);
    margin-left: -moz-calc(50% + 0.9375rem);
    margin-left: calc(50% + 0.9375rem);
  }
  .e-shop30 .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-7 {
    margin-left: -webkit-calc(58.33333% + 0.9375rem);
    margin-left: -moz-calc(58.33333% + 0.9375rem);
    margin-left: calc(58.33333% + 0.9375rem);
  }
  .e-shop30 .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-8 {
    margin-left: -webkit-calc(66.66667% + 0.9375rem);
    margin-left: -moz-calc(66.66667% + 0.9375rem);
    margin-left: calc(66.66667% + 0.9375rem);
  }
  .e-shop30 .medium-offset-9 {
    margin-left: 75%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-9 {
    margin-left: -webkit-calc(75% + 0.9375rem);
    margin-left: -moz-calc(75% + 0.9375rem);
    margin-left: calc(75% + 0.9375rem);
  }
  .e-shop30 .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-10 {
    margin-left: -webkit-calc(83.33333% + 0.9375rem);
    margin-left: -moz-calc(83.33333% + 0.9375rem);
    margin-left: calc(83.33333% + 0.9375rem);
  }
  .e-shop30 .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .e-shop30 .grid-margin-x > .medium-offset-11 {
    margin-left: -webkit-calc(91.66667% + 0.9375rem);
    margin-left: -moz-calc(91.66667% + 0.9375rem);
    margin-left: calc(91.66667% + 0.9375rem);
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .large-offset-0 {
    margin-left: 0%;
  }
  .e-shop30 .grid-margin-x > .large-offset-0 {
    margin-left: -webkit-calc(0% + 0.9375rem);
    margin-left: -moz-calc(0% + 0.9375rem);
    margin-left: calc(0% + 0.9375rem);
  }
  .e-shop30 .large-offset-1 {
    margin-left: 8.33333%;
  }
  .e-shop30 .grid-margin-x > .large-offset-1 {
    margin-left: -webkit-calc(8.33333% + 0.9375rem);
    margin-left: -moz-calc(8.33333% + 0.9375rem);
    margin-left: calc(8.33333% + 0.9375rem);
  }
  .e-shop30 .large-offset-2 {
    margin-left: 16.66667%;
  }
  .e-shop30 .grid-margin-x > .large-offset-2 {
    margin-left: -webkit-calc(16.66667% + 0.9375rem);
    margin-left: -moz-calc(16.66667% + 0.9375rem);
    margin-left: calc(16.66667% + 0.9375rem);
  }
  .e-shop30 .large-offset-3 {
    margin-left: 25%;
  }
  .e-shop30 .grid-margin-x > .large-offset-3 {
    margin-left: -webkit-calc(25% + 0.9375rem);
    margin-left: -moz-calc(25% + 0.9375rem);
    margin-left: calc(25% + 0.9375rem);
  }
  .e-shop30 .large-offset-4 {
    margin-left: 33.33333%;
  }
  .e-shop30 .grid-margin-x > .large-offset-4 {
    margin-left: -webkit-calc(33.33333% + 0.9375rem);
    margin-left: -moz-calc(33.33333% + 0.9375rem);
    margin-left: calc(33.33333% + 0.9375rem);
  }
  .e-shop30 .large-offset-5 {
    margin-left: 41.66667%;
  }
  .e-shop30 .grid-margin-x > .large-offset-5 {
    margin-left: -webkit-calc(41.66667% + 0.9375rem);
    margin-left: -moz-calc(41.66667% + 0.9375rem);
    margin-left: calc(41.66667% + 0.9375rem);
  }
  .e-shop30 .large-offset-6 {
    margin-left: 50%;
  }
  .e-shop30 .grid-margin-x > .large-offset-6 {
    margin-left: -webkit-calc(50% + 0.9375rem);
    margin-left: -moz-calc(50% + 0.9375rem);
    margin-left: calc(50% + 0.9375rem);
  }
  .e-shop30 .large-offset-7 {
    margin-left: 58.33333%;
  }
  .e-shop30 .grid-margin-x > .large-offset-7 {
    margin-left: -webkit-calc(58.33333% + 0.9375rem);
    margin-left: -moz-calc(58.33333% + 0.9375rem);
    margin-left: calc(58.33333% + 0.9375rem);
  }
  .e-shop30 .large-offset-8 {
    margin-left: 66.66667%;
  }
  .e-shop30 .grid-margin-x > .large-offset-8 {
    margin-left: -webkit-calc(66.66667% + 0.9375rem);
    margin-left: -moz-calc(66.66667% + 0.9375rem);
    margin-left: calc(66.66667% + 0.9375rem);
  }
  .e-shop30 .large-offset-9 {
    margin-left: 75%;
  }
  .e-shop30 .grid-margin-x > .large-offset-9 {
    margin-left: -webkit-calc(75% + 0.9375rem);
    margin-left: -moz-calc(75% + 0.9375rem);
    margin-left: calc(75% + 0.9375rem);
  }
  .e-shop30 .large-offset-10 {
    margin-left: 83.33333%;
  }
  .e-shop30 .grid-margin-x > .large-offset-10 {
    margin-left: -webkit-calc(83.33333% + 0.9375rem);
    margin-left: -moz-calc(83.33333% + 0.9375rem);
    margin-left: calc(83.33333% + 0.9375rem);
  }
  .e-shop30 .large-offset-11 {
    margin-left: 91.66667%;
  }
  .e-shop30 .grid-margin-x > .large-offset-11 {
    margin-left: -webkit-calc(91.66667% + 0.9375rem);
    margin-left: -moz-calc(91.66667% + 0.9375rem);
    margin-left: calc(91.66667% + 0.9375rem);
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .xlarge-offset-0 {
    margin-left: 0%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-0 {
    margin-left: -webkit-calc(0% + 0.9375rem);
    margin-left: -moz-calc(0% + 0.9375rem);
    margin-left: calc(0% + 0.9375rem);
  }
  .e-shop30 .xlarge-offset-1 {
    margin-left: 8.33333%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-1 {
    margin-left: -webkit-calc(8.33333% + 0.9375rem);
    margin-left: -moz-calc(8.33333% + 0.9375rem);
    margin-left: calc(8.33333% + 0.9375rem);
  }
  .e-shop30 .xlarge-offset-2 {
    margin-left: 16.66667%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-2 {
    margin-left: -webkit-calc(16.66667% + 0.9375rem);
    margin-left: -moz-calc(16.66667% + 0.9375rem);
    margin-left: calc(16.66667% + 0.9375rem);
  }
  .e-shop30 .xlarge-offset-3 {
    margin-left: 25%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-3 {
    margin-left: -webkit-calc(25% + 0.9375rem);
    margin-left: -moz-calc(25% + 0.9375rem);
    margin-left: calc(25% + 0.9375rem);
  }
  .e-shop30 .xlarge-offset-4 {
    margin-left: 33.33333%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-4 {
    margin-left: -webkit-calc(33.33333% + 0.9375rem);
    margin-left: -moz-calc(33.33333% + 0.9375rem);
    margin-left: calc(33.33333% + 0.9375rem);
  }
  .e-shop30 .xlarge-offset-5 {
    margin-left: 41.66667%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-5 {
    margin-left: -webkit-calc(41.66667% + 0.9375rem);
    margin-left: -moz-calc(41.66667% + 0.9375rem);
    margin-left: calc(41.66667% + 0.9375rem);
  }
  .e-shop30 .xlarge-offset-6 {
    margin-left: 50%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-6 {
    margin-left: -webkit-calc(50% + 0.9375rem);
    margin-left: -moz-calc(50% + 0.9375rem);
    margin-left: calc(50% + 0.9375rem);
  }
  .e-shop30 .xlarge-offset-7 {
    margin-left: 58.33333%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-7 {
    margin-left: -webkit-calc(58.33333% + 0.9375rem);
    margin-left: -moz-calc(58.33333% + 0.9375rem);
    margin-left: calc(58.33333% + 0.9375rem);
  }
  .e-shop30 .xlarge-offset-8 {
    margin-left: 66.66667%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-8 {
    margin-left: -webkit-calc(66.66667% + 0.9375rem);
    margin-left: -moz-calc(66.66667% + 0.9375rem);
    margin-left: calc(66.66667% + 0.9375rem);
  }
  .e-shop30 .xlarge-offset-9 {
    margin-left: 75%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-9 {
    margin-left: -webkit-calc(75% + 0.9375rem);
    margin-left: -moz-calc(75% + 0.9375rem);
    margin-left: calc(75% + 0.9375rem);
  }
  .e-shop30 .xlarge-offset-10 {
    margin-left: 83.33333%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-10 {
    margin-left: -webkit-calc(83.33333% + 0.9375rem);
    margin-left: -moz-calc(83.33333% + 0.9375rem);
    margin-left: calc(83.33333% + 0.9375rem);
  }
  .e-shop30 .xlarge-offset-11 {
    margin-left: 91.66667%;
  }
  .e-shop30 .grid-margin-x > .xlarge-offset-11 {
    margin-left: -webkit-calc(91.66667% + 0.9375rem);
    margin-left: -moz-calc(91.66667% + 0.9375rem);
    margin-left: calc(91.66667% + 0.9375rem);
  }
}
.e-shop30 .grid-y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.e-shop30 .grid-y > .cell {
  height: auto;
  max-height: none;
}
.e-shop30 .grid-y > .auto {
  height: auto;
}
.e-shop30 .grid-y > .shrink {
  height: auto;
}
.e-shop30 .grid-y > .small-shrink, .e-shop30 .grid-y > .small-full, .e-shop30 .grid-y > .small-1, .e-shop30 .grid-y > .small-2, .e-shop30 .grid-y > .small-3, .e-shop30 .grid-y > .small-4, .e-shop30 .grid-y > .small-5, .e-shop30 .grid-y > .small-6, .e-shop30 .grid-y > .small-7, .e-shop30 .grid-y > .small-8, .e-shop30 .grid-y > .small-9, .e-shop30 .grid-y > .small-10, .e-shop30 .grid-y > .small-11, .e-shop30 .grid-y > .small-12 {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-y > .medium-shrink, .e-shop30 .grid-y > .medium-full, .e-shop30 .grid-y > .medium-1, .e-shop30 .grid-y > .medium-2, .e-shop30 .grid-y > .medium-3, .e-shop30 .grid-y > .medium-4, .e-shop30 .grid-y > .medium-5, .e-shop30 .grid-y > .medium-6, .e-shop30 .grid-y > .medium-7, .e-shop30 .grid-y > .medium-8, .e-shop30 .grid-y > .medium-9, .e-shop30 .grid-y > .medium-10, .e-shop30 .grid-y > .medium-11, .e-shop30 .grid-y > .medium-12 {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .grid-y > .large-shrink, .e-shop30 .grid-y > .large-full, .e-shop30 .grid-y > .large-1, .e-shop30 .grid-y > .large-2, .e-shop30 .grid-y > .large-3, .e-shop30 .grid-y > .large-4, .e-shop30 .grid-y > .large-5, .e-shop30 .grid-y > .large-6, .e-shop30 .grid-y > .large-7, .e-shop30 .grid-y > .large-8, .e-shop30 .grid-y > .large-9, .e-shop30 .grid-y > .large-10, .e-shop30 .grid-y > .large-11, .e-shop30 .grid-y > .large-12 {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .grid-y > .xlarge-shrink, .e-shop30 .grid-y > .xlarge-full, .e-shop30 .grid-y > .xlarge-1, .e-shop30 .grid-y > .xlarge-2, .e-shop30 .grid-y > .xlarge-3, .e-shop30 .grid-y > .xlarge-4, .e-shop30 .grid-y > .xlarge-5, .e-shop30 .grid-y > .xlarge-6, .e-shop30 .grid-y > .xlarge-7, .e-shop30 .grid-y > .xlarge-8, .e-shop30 .grid-y > .xlarge-9, .e-shop30 .grid-y > .xlarge-10, .e-shop30 .grid-y > .xlarge-11, .e-shop30 .grid-y > .xlarge-12 {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
.e-shop30 .grid-y > .small-1, .e-shop30 .grid-y > .small-2, .e-shop30 .grid-y > .small-3, .e-shop30 .grid-y > .small-4, .e-shop30 .grid-y > .small-5, .e-shop30 .grid-y > .small-6, .e-shop30 .grid-y > .small-7, .e-shop30 .grid-y > .small-8, .e-shop30 .grid-y > .small-9, .e-shop30 .grid-y > .small-10, .e-shop30 .grid-y > .small-11, .e-shop30 .grid-y > .small-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.e-shop30 .grid-y > .small-1 {
  height: 8.33333%;
}
.e-shop30 .grid-y > .small-2 {
  height: 16.66667%;
}
.e-shop30 .grid-y > .small-3 {
  height: 25%;
}
.e-shop30 .grid-y > .small-4 {
  height: 33.33333%;
}
.e-shop30 .grid-y > .small-5 {
  height: 41.66667%;
}
.e-shop30 .grid-y > .small-6 {
  height: 50%;
}
.e-shop30 .grid-y > .small-7 {
  height: 58.33333%;
}
.e-shop30 .grid-y > .small-8 {
  height: 66.66667%;
}
.e-shop30 .grid-y > .small-9 {
  height: 75%;
}
.e-shop30 .grid-y > .small-10 {
  height: 83.33333%;
}
.e-shop30 .grid-y > .small-11 {
  height: 91.66667%;
}
.e-shop30 .grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-y > .medium-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    height: auto;
  }
  .e-shop30 .grid-y > .medium-shrink, .e-shop30 .grid-y > .medium-1, .e-shop30 .grid-y > .medium-2, .e-shop30 .grid-y > .medium-3, .e-shop30 .grid-y > .medium-4, .e-shop30 .grid-y > .medium-5, .e-shop30 .grid-y > .medium-6, .e-shop30 .grid-y > .medium-7, .e-shop30 .grid-y > .medium-8, .e-shop30 .grid-y > .medium-9, .e-shop30 .grid-y > .medium-10, .e-shop30 .grid-y > .medium-11, .e-shop30 .grid-y > .medium-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .e-shop30 .grid-y > .medium-shrink {
    height: auto;
  }
  .e-shop30 .grid-y > .medium-1 {
    height: 8.33333%;
  }
  .e-shop30 .grid-y > .medium-2 {
    height: 16.66667%;
  }
  .e-shop30 .grid-y > .medium-3 {
    height: 25%;
  }
  .e-shop30 .grid-y > .medium-4 {
    height: 33.33333%;
  }
  .e-shop30 .grid-y > .medium-5 {
    height: 41.66667%;
  }
  .e-shop30 .grid-y > .medium-6 {
    height: 50%;
  }
  .e-shop30 .grid-y > .medium-7 {
    height: 58.33333%;
  }
  .e-shop30 .grid-y > .medium-8 {
    height: 66.66667%;
  }
  .e-shop30 .grid-y > .medium-9 {
    height: 75%;
  }
  .e-shop30 .grid-y > .medium-10 {
    height: 83.33333%;
  }
  .e-shop30 .grid-y > .medium-11 {
    height: 91.66667%;
  }
  .e-shop30 .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .grid-y > .large-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    height: auto;
  }
  .e-shop30 .grid-y > .large-shrink, .e-shop30 .grid-y > .large-1, .e-shop30 .grid-y > .large-2, .e-shop30 .grid-y > .large-3, .e-shop30 .grid-y > .large-4, .e-shop30 .grid-y > .large-5, .e-shop30 .grid-y > .large-6, .e-shop30 .grid-y > .large-7, .e-shop30 .grid-y > .large-8, .e-shop30 .grid-y > .large-9, .e-shop30 .grid-y > .large-10, .e-shop30 .grid-y > .large-11, .e-shop30 .grid-y > .large-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .e-shop30 .grid-y > .large-shrink {
    height: auto;
  }
  .e-shop30 .grid-y > .large-1 {
    height: 8.33333%;
  }
  .e-shop30 .grid-y > .large-2 {
    height: 16.66667%;
  }
  .e-shop30 .grid-y > .large-3 {
    height: 25%;
  }
  .e-shop30 .grid-y > .large-4 {
    height: 33.33333%;
  }
  .e-shop30 .grid-y > .large-5 {
    height: 41.66667%;
  }
  .e-shop30 .grid-y > .large-6 {
    height: 50%;
  }
  .e-shop30 .grid-y > .large-7 {
    height: 58.33333%;
  }
  .e-shop30 .grid-y > .large-8 {
    height: 66.66667%;
  }
  .e-shop30 .grid-y > .large-9 {
    height: 75%;
  }
  .e-shop30 .grid-y > .large-10 {
    height: 83.33333%;
  }
  .e-shop30 .grid-y > .large-11 {
    height: 91.66667%;
  }
  .e-shop30 .grid-y > .large-12 {
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .grid-y > .xlarge-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    height: auto;
  }
  .e-shop30 .grid-y > .xlarge-shrink, .e-shop30 .grid-y > .xlarge-1, .e-shop30 .grid-y > .xlarge-2, .e-shop30 .grid-y > .xlarge-3, .e-shop30 .grid-y > .xlarge-4, .e-shop30 .grid-y > .xlarge-5, .e-shop30 .grid-y > .xlarge-6, .e-shop30 .grid-y > .xlarge-7, .e-shop30 .grid-y > .xlarge-8, .e-shop30 .grid-y > .xlarge-9, .e-shop30 .grid-y > .xlarge-10, .e-shop30 .grid-y > .xlarge-11, .e-shop30 .grid-y > .xlarge-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .e-shop30 .grid-y > .xlarge-shrink {
    height: auto;
  }
  .e-shop30 .grid-y > .xlarge-1 {
    height: 8.33333%;
  }
  .e-shop30 .grid-y > .xlarge-2 {
    height: 16.66667%;
  }
  .e-shop30 .grid-y > .xlarge-3 {
    height: 25%;
  }
  .e-shop30 .grid-y > .xlarge-4 {
    height: 33.33333%;
  }
  .e-shop30 .grid-y > .xlarge-5 {
    height: 41.66667%;
  }
  .e-shop30 .grid-y > .xlarge-6 {
    height: 50%;
  }
  .e-shop30 .grid-y > .xlarge-7 {
    height: 58.33333%;
  }
  .e-shop30 .grid-y > .xlarge-8 {
    height: 66.66667%;
  }
  .e-shop30 .grid-y > .xlarge-9 {
    height: 75%;
  }
  .e-shop30 .grid-y > .xlarge-10 {
    height: 83.33333%;
  }
  .e-shop30 .grid-y > .xlarge-11 {
    height: 91.66667%;
  }
  .e-shop30 .grid-y > .xlarge-12 {
    height: 100%;
  }
}
.e-shop30 .grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.e-shop30 .grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}
.e-shop30 .grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.e-shop30 .grid-margin-y > .cell {
  height: -webkit-calc(100% - 1.25rem);
  height: -moz-calc(100% - 1.25rem);
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-margin-y > .cell {
    height: -webkit-calc(100% - 1.875rem);
    height: -moz-calc(100% - 1.875rem);
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.e-shop30 .grid-margin-y > .auto {
  height: auto;
}
.e-shop30 .grid-margin-y > .shrink {
  height: auto;
}
.e-shop30 .grid-margin-y > .small-1 {
  height: -webkit-calc(8.33333% - 1.25rem);
  height: -moz-calc(8.33333% - 1.25rem);
  height: calc(8.33333% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-2 {
  height: -webkit-calc(16.66667% - 1.25rem);
  height: -moz-calc(16.66667% - 1.25rem);
  height: calc(16.66667% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-3 {
  height: -webkit-calc(25% - 1.25rem);
  height: -moz-calc(25% - 1.25rem);
  height: calc(25% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-4 {
  height: -webkit-calc(33.33333% - 1.25rem);
  height: -moz-calc(33.33333% - 1.25rem);
  height: calc(33.33333% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-5 {
  height: -webkit-calc(41.66667% - 1.25rem);
  height: -moz-calc(41.66667% - 1.25rem);
  height: calc(41.66667% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-6 {
  height: -webkit-calc(50% - 1.25rem);
  height: -moz-calc(50% - 1.25rem);
  height: calc(50% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-7 {
  height: -webkit-calc(58.33333% - 1.25rem);
  height: -moz-calc(58.33333% - 1.25rem);
  height: calc(58.33333% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-8 {
  height: -webkit-calc(66.66667% - 1.25rem);
  height: -moz-calc(66.66667% - 1.25rem);
  height: calc(66.66667% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-9 {
  height: -webkit-calc(75% - 1.25rem);
  height: -moz-calc(75% - 1.25rem);
  height: calc(75% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-10 {
  height: -webkit-calc(83.33333% - 1.25rem);
  height: -moz-calc(83.33333% - 1.25rem);
  height: calc(83.33333% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-11 {
  height: -webkit-calc(91.66667% - 1.25rem);
  height: -moz-calc(91.66667% - 1.25rem);
  height: calc(91.66667% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-12 {
  height: -webkit-calc(100% - 1.25rem);
  height: -moz-calc(100% - 1.25rem);
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-margin-y > .auto {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .shrink {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .small-1 {
    height: -webkit-calc(8.33333% - 1.875rem);
    height: -moz-calc(8.33333% - 1.875rem);
    height: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-2 {
    height: -webkit-calc(16.66667% - 1.875rem);
    height: -moz-calc(16.66667% - 1.875rem);
    height: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-3 {
    height: -webkit-calc(25% - 1.875rem);
    height: -moz-calc(25% - 1.875rem);
    height: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-4 {
    height: -webkit-calc(33.33333% - 1.875rem);
    height: -moz-calc(33.33333% - 1.875rem);
    height: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-5 {
    height: -webkit-calc(41.66667% - 1.875rem);
    height: -moz-calc(41.66667% - 1.875rem);
    height: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-6 {
    height: -webkit-calc(50% - 1.875rem);
    height: -moz-calc(50% - 1.875rem);
    height: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-7 {
    height: -webkit-calc(58.33333% - 1.875rem);
    height: -moz-calc(58.33333% - 1.875rem);
    height: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-8 {
    height: -webkit-calc(66.66667% - 1.875rem);
    height: -moz-calc(66.66667% - 1.875rem);
    height: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-9 {
    height: -webkit-calc(75% - 1.875rem);
    height: -moz-calc(75% - 1.875rem);
    height: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-10 {
    height: -webkit-calc(83.33333% - 1.875rem);
    height: -moz-calc(83.33333% - 1.875rem);
    height: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-11 {
    height: -webkit-calc(91.66667% - 1.875rem);
    height: -moz-calc(91.66667% - 1.875rem);
    height: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-12 {
    height: -webkit-calc(100% - 1.875rem);
    height: -moz-calc(100% - 1.875rem);
    height: calc(100% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-auto {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .medium-1 {
    height: -webkit-calc(8.33333% - 1.875rem);
    height: -moz-calc(8.33333% - 1.875rem);
    height: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-2 {
    height: -webkit-calc(16.66667% - 1.875rem);
    height: -moz-calc(16.66667% - 1.875rem);
    height: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-3 {
    height: -webkit-calc(25% - 1.875rem);
    height: -moz-calc(25% - 1.875rem);
    height: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-4 {
    height: -webkit-calc(33.33333% - 1.875rem);
    height: -moz-calc(33.33333% - 1.875rem);
    height: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-5 {
    height: -webkit-calc(41.66667% - 1.875rem);
    height: -moz-calc(41.66667% - 1.875rem);
    height: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-6 {
    height: -webkit-calc(50% - 1.875rem);
    height: -moz-calc(50% - 1.875rem);
    height: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-7 {
    height: -webkit-calc(58.33333% - 1.875rem);
    height: -moz-calc(58.33333% - 1.875rem);
    height: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-8 {
    height: -webkit-calc(66.66667% - 1.875rem);
    height: -moz-calc(66.66667% - 1.875rem);
    height: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-9 {
    height: -webkit-calc(75% - 1.875rem);
    height: -moz-calc(75% - 1.875rem);
    height: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-10 {
    height: -webkit-calc(83.33333% - 1.875rem);
    height: -moz-calc(83.33333% - 1.875rem);
    height: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-11 {
    height: -webkit-calc(91.66667% - 1.875rem);
    height: -moz-calc(91.66667% - 1.875rem);
    height: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-12 {
    height: -webkit-calc(100% - 1.875rem);
    height: -moz-calc(100% - 1.875rem);
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .grid-margin-y > .large-auto {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .large-shrink {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .large-1 {
    height: -webkit-calc(8.33333% - 1.875rem);
    height: -moz-calc(8.33333% - 1.875rem);
    height: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-2 {
    height: -webkit-calc(16.66667% - 1.875rem);
    height: -moz-calc(16.66667% - 1.875rem);
    height: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-3 {
    height: -webkit-calc(25% - 1.875rem);
    height: -moz-calc(25% - 1.875rem);
    height: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-4 {
    height: -webkit-calc(33.33333% - 1.875rem);
    height: -moz-calc(33.33333% - 1.875rem);
    height: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-5 {
    height: -webkit-calc(41.66667% - 1.875rem);
    height: -moz-calc(41.66667% - 1.875rem);
    height: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-6 {
    height: -webkit-calc(50% - 1.875rem);
    height: -moz-calc(50% - 1.875rem);
    height: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-7 {
    height: -webkit-calc(58.33333% - 1.875rem);
    height: -moz-calc(58.33333% - 1.875rem);
    height: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-8 {
    height: -webkit-calc(66.66667% - 1.875rem);
    height: -moz-calc(66.66667% - 1.875rem);
    height: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-9 {
    height: -webkit-calc(75% - 1.875rem);
    height: -moz-calc(75% - 1.875rem);
    height: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-10 {
    height: -webkit-calc(83.33333% - 1.875rem);
    height: -moz-calc(83.33333% - 1.875rem);
    height: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-11 {
    height: -webkit-calc(91.66667% - 1.875rem);
    height: -moz-calc(91.66667% - 1.875rem);
    height: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-12 {
    height: -webkit-calc(100% - 1.875rem);
    height: -moz-calc(100% - 1.875rem);
    height: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .xlarge-1 {
    height: -webkit-calc(8.33333% - 1.875rem);
    height: -moz-calc(8.33333% - 1.875rem);
    height: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-2 {
    height: -webkit-calc(16.66667% - 1.875rem);
    height: -moz-calc(16.66667% - 1.875rem);
    height: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-3 {
    height: -webkit-calc(25% - 1.875rem);
    height: -moz-calc(25% - 1.875rem);
    height: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-4 {
    height: -webkit-calc(33.33333% - 1.875rem);
    height: -moz-calc(33.33333% - 1.875rem);
    height: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-5 {
    height: -webkit-calc(41.66667% - 1.875rem);
    height: -moz-calc(41.66667% - 1.875rem);
    height: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-6 {
    height: -webkit-calc(50% - 1.875rem);
    height: -moz-calc(50% - 1.875rem);
    height: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-7 {
    height: -webkit-calc(58.33333% - 1.875rem);
    height: -moz-calc(58.33333% - 1.875rem);
    height: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-8 {
    height: -webkit-calc(66.66667% - 1.875rem);
    height: -moz-calc(66.66667% - 1.875rem);
    height: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-9 {
    height: -webkit-calc(75% - 1.875rem);
    height: -moz-calc(75% - 1.875rem);
    height: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-10 {
    height: -webkit-calc(83.33333% - 1.875rem);
    height: -moz-calc(83.33333% - 1.875rem);
    height: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-11 {
    height: -webkit-calc(91.66667% - 1.875rem);
    height: -moz-calc(91.66667% - 1.875rem);
    height: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-12 {
    height: -webkit-calc(100% - 1.875rem);
    height: -moz-calc(100% - 1.875rem);
    height: calc(100% - 1.875rem);
  }
}
.e-shop30 .grid-frame {
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100vw;
}
.e-shop30 .cell .grid-frame {
  width: 100%;
}
.e-shop30 .cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.e-shop30 .cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.e-shop30 .cell-block-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100%;
}
.e-shop30 .cell-block-container > .grid-x {
  max-height: 100%;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw;
  }
  .e-shop30 .cell .medium-grid-frame {
    width: 100%;
  }
  .e-shop30 .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .e-shop30 .medium-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
  }
  .e-shop30 .medium-cell-block-container > .grid-x {
    max-height: 100%;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .e-shop30 .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .large-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw;
  }
  .e-shop30 .cell .large-grid-frame {
    width: 100%;
  }
  .e-shop30 .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .e-shop30 .large-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
  }
  .e-shop30 .large-cell-block-container > .grid-x {
    max-height: 100%;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .e-shop30 .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw;
  }
  .e-shop30 .cell .xlarge-grid-frame {
    width: 100%;
  }
  .e-shop30 .xlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .e-shop30 .xlarge-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
  }
  .e-shop30 .xlarge-cell-block-container > .grid-x {
    max-height: 100%;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .e-shop30 .xlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.e-shop30 .grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100vh;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .grid-y.xlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh;
  }
}
.e-shop30 .cell .grid-y.grid-frame {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .cell .grid-y.xlarge-grid-frame {
    height: 100%;
  }
}
.e-shop30 .grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.e-shop30 .grid-margin-y > .cell {
  height: -webkit-calc(100% - 1.25rem);
  height: -moz-calc(100% - 1.25rem);
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-margin-y > .cell {
    height: -webkit-calc(100% - 1.875rem);
    height: -moz-calc(100% - 1.875rem);
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.e-shop30 .grid-margin-y > .auto {
  height: auto;
}
.e-shop30 .grid-margin-y > .shrink {
  height: auto;
}
.e-shop30 .grid-margin-y > .small-1 {
  height: -webkit-calc(8.33333% - 1.25rem);
  height: -moz-calc(8.33333% - 1.25rem);
  height: calc(8.33333% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-2 {
  height: -webkit-calc(16.66667% - 1.25rem);
  height: -moz-calc(16.66667% - 1.25rem);
  height: calc(16.66667% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-3 {
  height: -webkit-calc(25% - 1.25rem);
  height: -moz-calc(25% - 1.25rem);
  height: calc(25% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-4 {
  height: -webkit-calc(33.33333% - 1.25rem);
  height: -moz-calc(33.33333% - 1.25rem);
  height: calc(33.33333% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-5 {
  height: -webkit-calc(41.66667% - 1.25rem);
  height: -moz-calc(41.66667% - 1.25rem);
  height: calc(41.66667% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-6 {
  height: -webkit-calc(50% - 1.25rem);
  height: -moz-calc(50% - 1.25rem);
  height: calc(50% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-7 {
  height: -webkit-calc(58.33333% - 1.25rem);
  height: -moz-calc(58.33333% - 1.25rem);
  height: calc(58.33333% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-8 {
  height: -webkit-calc(66.66667% - 1.25rem);
  height: -moz-calc(66.66667% - 1.25rem);
  height: calc(66.66667% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-9 {
  height: -webkit-calc(75% - 1.25rem);
  height: -moz-calc(75% - 1.25rem);
  height: calc(75% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-10 {
  height: -webkit-calc(83.33333% - 1.25rem);
  height: -moz-calc(83.33333% - 1.25rem);
  height: calc(83.33333% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-11 {
  height: -webkit-calc(91.66667% - 1.25rem);
  height: -moz-calc(91.66667% - 1.25rem);
  height: calc(91.66667% - 1.25rem);
}
.e-shop30 .grid-margin-y > .small-12 {
  height: -webkit-calc(100% - 1.25rem);
  height: -moz-calc(100% - 1.25rem);
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-margin-y > .auto {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .shrink {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .small-1 {
    height: -webkit-calc(8.33333% - 1.875rem);
    height: -moz-calc(8.33333% - 1.875rem);
    height: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-2 {
    height: -webkit-calc(16.66667% - 1.875rem);
    height: -moz-calc(16.66667% - 1.875rem);
    height: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-3 {
    height: -webkit-calc(25% - 1.875rem);
    height: -moz-calc(25% - 1.875rem);
    height: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-4 {
    height: -webkit-calc(33.33333% - 1.875rem);
    height: -moz-calc(33.33333% - 1.875rem);
    height: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-5 {
    height: -webkit-calc(41.66667% - 1.875rem);
    height: -moz-calc(41.66667% - 1.875rem);
    height: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-6 {
    height: -webkit-calc(50% - 1.875rem);
    height: -moz-calc(50% - 1.875rem);
    height: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-7 {
    height: -webkit-calc(58.33333% - 1.875rem);
    height: -moz-calc(58.33333% - 1.875rem);
    height: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-8 {
    height: -webkit-calc(66.66667% - 1.875rem);
    height: -moz-calc(66.66667% - 1.875rem);
    height: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-9 {
    height: -webkit-calc(75% - 1.875rem);
    height: -moz-calc(75% - 1.875rem);
    height: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-10 {
    height: -webkit-calc(83.33333% - 1.875rem);
    height: -moz-calc(83.33333% - 1.875rem);
    height: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-11 {
    height: -webkit-calc(91.66667% - 1.875rem);
    height: -moz-calc(91.66667% - 1.875rem);
    height: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .small-12 {
    height: -webkit-calc(100% - 1.875rem);
    height: -moz-calc(100% - 1.875rem);
    height: calc(100% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-auto {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .medium-1 {
    height: -webkit-calc(8.33333% - 1.875rem);
    height: -moz-calc(8.33333% - 1.875rem);
    height: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-2 {
    height: -webkit-calc(16.66667% - 1.875rem);
    height: -moz-calc(16.66667% - 1.875rem);
    height: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-3 {
    height: -webkit-calc(25% - 1.875rem);
    height: -moz-calc(25% - 1.875rem);
    height: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-4 {
    height: -webkit-calc(33.33333% - 1.875rem);
    height: -moz-calc(33.33333% - 1.875rem);
    height: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-5 {
    height: -webkit-calc(41.66667% - 1.875rem);
    height: -moz-calc(41.66667% - 1.875rem);
    height: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-6 {
    height: -webkit-calc(50% - 1.875rem);
    height: -moz-calc(50% - 1.875rem);
    height: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-7 {
    height: -webkit-calc(58.33333% - 1.875rem);
    height: -moz-calc(58.33333% - 1.875rem);
    height: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-8 {
    height: -webkit-calc(66.66667% - 1.875rem);
    height: -moz-calc(66.66667% - 1.875rem);
    height: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-9 {
    height: -webkit-calc(75% - 1.875rem);
    height: -moz-calc(75% - 1.875rem);
    height: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-10 {
    height: -webkit-calc(83.33333% - 1.875rem);
    height: -moz-calc(83.33333% - 1.875rem);
    height: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-11 {
    height: -webkit-calc(91.66667% - 1.875rem);
    height: -moz-calc(91.66667% - 1.875rem);
    height: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .medium-12 {
    height: -webkit-calc(100% - 1.875rem);
    height: -moz-calc(100% - 1.875rem);
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .grid-margin-y > .large-auto {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .large-shrink {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .large-1 {
    height: -webkit-calc(8.33333% - 1.875rem);
    height: -moz-calc(8.33333% - 1.875rem);
    height: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-2 {
    height: -webkit-calc(16.66667% - 1.875rem);
    height: -moz-calc(16.66667% - 1.875rem);
    height: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-3 {
    height: -webkit-calc(25% - 1.875rem);
    height: -moz-calc(25% - 1.875rem);
    height: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-4 {
    height: -webkit-calc(33.33333% - 1.875rem);
    height: -moz-calc(33.33333% - 1.875rem);
    height: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-5 {
    height: -webkit-calc(41.66667% - 1.875rem);
    height: -moz-calc(41.66667% - 1.875rem);
    height: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-6 {
    height: -webkit-calc(50% - 1.875rem);
    height: -moz-calc(50% - 1.875rem);
    height: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-7 {
    height: -webkit-calc(58.33333% - 1.875rem);
    height: -moz-calc(58.33333% - 1.875rem);
    height: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-8 {
    height: -webkit-calc(66.66667% - 1.875rem);
    height: -moz-calc(66.66667% - 1.875rem);
    height: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-9 {
    height: -webkit-calc(75% - 1.875rem);
    height: -moz-calc(75% - 1.875rem);
    height: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-10 {
    height: -webkit-calc(83.33333% - 1.875rem);
    height: -moz-calc(83.33333% - 1.875rem);
    height: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-11 {
    height: -webkit-calc(91.66667% - 1.875rem);
    height: -moz-calc(91.66667% - 1.875rem);
    height: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .large-12 {
    height: -webkit-calc(100% - 1.875rem);
    height: -moz-calc(100% - 1.875rem);
    height: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .e-shop30 .grid-margin-y > .xlarge-1 {
    height: -webkit-calc(8.33333% - 1.875rem);
    height: -moz-calc(8.33333% - 1.875rem);
    height: calc(8.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-2 {
    height: -webkit-calc(16.66667% - 1.875rem);
    height: -moz-calc(16.66667% - 1.875rem);
    height: calc(16.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-3 {
    height: -webkit-calc(25% - 1.875rem);
    height: -moz-calc(25% - 1.875rem);
    height: calc(25% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-4 {
    height: -webkit-calc(33.33333% - 1.875rem);
    height: -moz-calc(33.33333% - 1.875rem);
    height: calc(33.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-5 {
    height: -webkit-calc(41.66667% - 1.875rem);
    height: -moz-calc(41.66667% - 1.875rem);
    height: calc(41.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-6 {
    height: -webkit-calc(50% - 1.875rem);
    height: -moz-calc(50% - 1.875rem);
    height: calc(50% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-7 {
    height: -webkit-calc(58.33333% - 1.875rem);
    height: -moz-calc(58.33333% - 1.875rem);
    height: calc(58.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-8 {
    height: -webkit-calc(66.66667% - 1.875rem);
    height: -moz-calc(66.66667% - 1.875rem);
    height: calc(66.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-9 {
    height: -webkit-calc(75% - 1.875rem);
    height: -moz-calc(75% - 1.875rem);
    height: calc(75% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-10 {
    height: -webkit-calc(83.33333% - 1.875rem);
    height: -moz-calc(83.33333% - 1.875rem);
    height: calc(83.33333% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-11 {
    height: -webkit-calc(91.66667% - 1.875rem);
    height: -moz-calc(91.66667% - 1.875rem);
    height: calc(91.66667% - 1.875rem);
  }
  .e-shop30 .grid-margin-y > .xlarge-12 {
    height: -webkit-calc(100% - 1.875rem);
    height: -moz-calc(100% - 1.875rem);
    height: calc(100% - 1.875rem);
  }
}
.e-shop30 .grid-frame.grid-margin-y {
  height: -webkit-calc(100vh + 1.25rem);
  height: -moz-calc(100vh + 1.25rem);
  height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-frame.grid-margin-y {
    height: -webkit-calc(100vh + 1.875rem);
    height: -moz-calc(100vh + 1.875rem);
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .grid-frame.grid-margin-y {
    height: -webkit-calc(100vh + 1.875rem);
    height: -moz-calc(100vh + 1.875rem);
    height: calc(100vh + 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .grid-frame.grid-margin-y {
    height: -webkit-calc(100vh + 1.875rem);
    height: -moz-calc(100vh + 1.875rem);
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .grid-margin-y.medium-grid-frame {
    height: -webkit-calc(100vh + 1.875rem);
    height: -moz-calc(100vh + 1.875rem);
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .grid-margin-y.large-grid-frame {
    height: -webkit-calc(100vh + 1.875rem);
    height: -moz-calc(100vh + 1.875rem);
    height: calc(100vh + 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .grid-margin-y.xlarge-grid-frame {
    height: -webkit-calc(100vh + 1.875rem);
    height: -moz-calc(100vh + 1.875rem);
    height: calc(100vh + 1.875rem);
  }
}
.e-shop30 .button {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0.85em 1em 0.7em;
  min-width: 120px;
  border: 1px solid transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  text-transform: capitalize;
  cursor: pointer;
}
.e-shop30 form#resetCart button {
  min-width: 80px;
}
.e-shop30 [data-whatinput=mouse] .button {
  outline: 0;
}
.e-shop30 .button.tiny {
  font-size: 0.6rem;
}
.e-shop30 .button.small {
  font-size: 0.75rem;
}
.e-shop30 .button.large {
  font-size: 1.25rem;
}
.e-shop30 .button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.e-shop30 .button, .e-shop30 .button.disabled, .e-shop30 .button[disabled], .e-shop30 .button.disabled:hover, .e-shop30 .button[disabled]:hover, .e-shop30 .button.disabled:focus, .e-shop30 .button[disabled]:focus {
  background-color: #ffc510;
  color: #3c3c3c;
}
.e-shop30 .button:hover, .e-shop30 .button:focus {
  background-color: #e6ae00;
  color: #3c3c3c;
}
.e-shop30 .button.primary, .e-shop30 .button.primary.disabled, .e-shop30 .button.primary[disabled], .e-shop30 .button.primary.disabled:hover, .e-shop30 .button.primary[disabled]:hover, .e-shop30 .button.primary.disabled:focus, .e-shop30 .button.primary[disabled]:focus {
  background-color: #ffc510;
  color: #3c3c3c;
}
.e-shop30 .button.primary:hover, .e-shop30 .button.primary:focus {
  background-color: #d9a400;
  color: #3c3c3c;
}
.e-shop30 .button.secondary, .e-shop30 .button.secondary.disabled, .e-shop30 .button.secondary[disabled], .e-shop30 .button.secondary.disabled:hover, .e-shop30 .button.secondary[disabled]:hover, .e-shop30 .button.secondary.disabled:focus, .e-shop30 .button.secondary[disabled]:focus {
  background-color: #3982b1;
  color: #3c3c3c;
}
.e-shop30 .button.secondary:hover, .e-shop30 .button.secondary:focus {
  background-color: #2e688e;
  color: #3c3c3c;
}
.e-shop30 .button.text, .e-shop30 .button.text.disabled, .e-shop30 .button.text[disabled], .e-shop30 .button.text.disabled:hover, .e-shop30 .button.text[disabled]:hover, .e-shop30 .button.text.disabled:focus, .e-shop30 .button.text[disabled]:focus {
  background-color: transparent;
  color: #3c3c3c;
}
.e-shop30 .button.text:hover, .e-shop30 .button.text:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #3c3c3c;
}
.e-shop30 .button.hollow, .e-shop30 .button.hollow:hover, .e-shop30 .button.hollow:focus, .e-shop30 .button.hollow.disabled, .e-shop30 .button.hollow.disabled:hover, .e-shop30 .button.hollow.disabled:focus, .e-shop30 .button.hollow[disabled], .e-shop30 .button.hollow[disabled]:hover, .e-shop30 .button.hollow[disabled]:focus {
  background-color: transparent;
}
.e-shop30 .button.hollow, .e-shop30 .button.hollow.disabled, .e-shop30 .button.hollow[disabled], .e-shop30 .button.hollow.disabled:hover, .e-shop30 .button.hollow[disabled]:hover, .e-shop30 .button.hollow.disabled:focus, .e-shop30 .button.hollow[disabled]:focus {
  border: 1px solid #ffc510;
  color: #ffc510;
}
.e-shop30 .button.hollow:hover, .e-shop30 .button.hollow:focus {
  border-color: #886700;
  color: #886700;
}
.e-shop30 .button.hollow.primary, .e-shop30 .button.hollow.primary.disabled, .e-shop30 .button.hollow.primary[disabled], .e-shop30 .button.hollow.primary.disabled:hover, .e-shop30 .button.hollow.primary[disabled]:hover, .e-shop30 .button.hollow.primary.disabled:focus, .e-shop30 .button.hollow.primary[disabled]:focus {
  border: 1px solid #ffc510;
  color: #ffc510;
}
.e-shop30 .button.hollow.primary:hover, .e-shop30 .button.hollow.primary:focus {
  border-color: #886700;
  color: #886700;
}
.e-shop30 .button.hollow.secondary, .e-shop30 .button.hollow.secondary.disabled, .e-shop30 .button.hollow.secondary[disabled], .e-shop30 .button.hollow.secondary.disabled:hover, .e-shop30 .button.hollow.secondary[disabled]:hover, .e-shop30 .button.hollow.secondary.disabled:focus, .e-shop30 .button.hollow.secondary[disabled]:focus {
  border: 1px solid #3982b1;
  color: #3982b1;
}
.e-shop30 .button.hollow.secondary:hover, .e-shop30 .button.hollow.secondary:focus {
  border-color: #1d4159;
  color: #1d4159;
}
.e-shop30 .button.hollow.text, .e-shop30 .button.hollow.text.disabled, .e-shop30 .button.hollow.text[disabled], .e-shop30 .button.hollow.text.disabled:hover, .e-shop30 .button.hollow.text[disabled]:hover, .e-shop30 .button.hollow.text.disabled:focus, .e-shop30 .button.hollow.text[disabled]:focus {
  border: 1px solid transparent;
  color: transparent;
}
.e-shop30 .button.hollow.text:hover, .e-shop30 .button.hollow.text:focus {
  border-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
}
.e-shop30 .button.clear, .e-shop30 .button.clear:hover, .e-shop30 .button.clear:focus, .e-shop30 .button.clear.disabled, .e-shop30 .button.clear.disabled:hover, .e-shop30 .button.clear.disabled:focus, .e-shop30 .button.clear[disabled], .e-shop30 .button.clear[disabled]:hover, .e-shop30 .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.e-shop30 .button.clear, .e-shop30 .button.clear.disabled, .e-shop30 .button.clear[disabled], .e-shop30 .button.clear.disabled:hover, .e-shop30 .button.clear[disabled]:hover, .e-shop30 .button.clear.disabled:focus, .e-shop30 .button.clear[disabled]:focus {
  color: #ffc510;
}
.e-shop30 .button.clear:hover, .e-shop30 .button.clear:focus {
  color: #886700;
}
.e-shop30 .button.clear.primary, .e-shop30 .button.clear.primary.disabled, .e-shop30 .button.clear.primary[disabled], .e-shop30 .button.clear.primary.disabled:hover, .e-shop30 .button.clear.primary[disabled]:hover, .e-shop30 .button.clear.primary.disabled:focus, .e-shop30 .button.clear.primary[disabled]:focus {
  color: #ffc510;
}
.e-shop30 .button.clear.primary:hover, .e-shop30 .button.clear.primary:focus {
  color: #886700;
}
.e-shop30 .button.clear.secondary, .e-shop30 .button.clear.secondary.disabled, .e-shop30 .button.clear.secondary[disabled], .e-shop30 .button.clear.secondary.disabled:hover, .e-shop30 .button.clear.secondary[disabled]:hover, .e-shop30 .button.clear.secondary.disabled:focus, .e-shop30 .button.clear.secondary[disabled]:focus {
  color: #3982b1;
}
.e-shop30 .button.clear.secondary:hover, .e-shop30 .button.clear.secondary:focus {
  color: #1d4159;
}
.e-shop30 .button.clear.text, .e-shop30 .button.clear.text.disabled, .e-shop30 .button.clear.text[disabled], .e-shop30 .button.clear.text.disabled:hover, .e-shop30 .button.clear.text[disabled]:hover, .e-shop30 .button.clear.text.disabled:focus, .e-shop30 .button.clear.text[disabled]:focus {
  color: transparent;
}
.e-shop30 .button.clear.text:hover, .e-shop30 .button.clear.text:focus {
  color: rgba(0, 0, 0, 0);
}
.e-shop30 .button.disabled, .e-shop30 .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}
.e-shop30 .button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #ffffff transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}
.e-shop30 .button.dropdown.hollow::after, .e-shop30 .button.dropdown.clear::after {
  border-top-color: #ffc510;
}
.e-shop30 .button.dropdown.hollow.primary::after, .e-shop30 .button.dropdown.clear.primary::after {
  border-top-color: #ffc510;
}
.e-shop30 .button.dropdown.hollow.secondary::after, .e-shop30 .button.dropdown.clear.secondary::after {
  border-top-color: #3982b1;
}
.e-shop30 .button.dropdown.hollow.text::after, .e-shop30 .button.dropdown.clear.text::after {
  border-top-color: transparent;
}
.e-shop30 .button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}
.e-shop30 a.button:hover, .e-shop30 a.button:focus {
  text-decoration: none;
}
.e-shop30 .close-button {
  position: absolute;
  z-index: 10;
  color: #616161;
  cursor: pointer;
}
.e-shop30 [data-whatinput=mouse] .close-button {
  outline: 0;
}
.e-shop30 .close-button:hover, .e-shop30 .close-button:focus {
  color: #000000;
}
.e-shop30 .close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}
.e-shop30 .close-button.medium, .e-shop30 .close-button {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}
.e-shop30 .label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #ffc510;
  color: #ffffff;
}
.e-shop30 .label.primary {
  background: #ffc510;
  color: #000000;
}
.e-shop30 .label.secondary {
  background: #3982b1;
  color: #000000;
}
.e-shop30 .label.success {
  background: #52a398;
  color: #000000;
}
.e-shop30 .label.warning {
  background: #ffc510;
  color: #000000;
}
.e-shop30 .label.alert {
  background: #ff3939;
  color: #000000;
}
.e-shop30 .label.sika-logo-yellow {
  background: #f5b325;
  color: #000000;
}
.e-shop30 .label.sika-logo-red {
  background: #d8282f;
  color: #ffffff;
}
.e-shop30 .label.sika-yellow {
  background: #ffc510;
  color: #000000;
}
.e-shop30 .label.sika-red {
  background: #ff3939;
  color: #000000;
}
.e-shop30 .label.sika-grey {
  background: #e0e0e0;
  color: #000000;
}
.e-shop30 .label.black {
  background: #000000;
  color: #ffffff;
}
.e-shop30 .label.white {
  background: #ffffff;
  color: #000000;
}
.e-shop30 .label.sika-light-grey {
  background: #f5f5f5;
  color: #000000;
}
.e-shop30 .label.sika-middle-grey {
  background: #dddddd;
  color: #000000;
}
.e-shop30 .label.sika-grayscale-3 {
  background: #9e9e9e;
  color: #000000;
}
.e-shop30 .label.sika-dark-grey {
  background: #616161;
  color: #ffffff;
}
.e-shop30 .label.sika-darker-grey {
  background: #3c3c3c;
  color: #ffffff;
}
.e-shop30 .label.sika-lighter-blue {
  background: #c1d8e7;
  color: #000000;
}
.e-shop30 .label.sika-light-blue {
  background: #90bbd8;
  color: #000000;
}
.e-shop30 .label.sika-blue {
  background: #62abda;
  color: #000000;
}
.e-shop30 .label.sika-dark-blue {
  background: #3982b1;
  color: #000000;
}
.e-shop30 .label.sika-lighter-green {
  background: #c9e3e0;
  color: #000000;
}
.e-shop30 .label.sika-light-green {
  background: #9fcfc9;
  color: #000000;
}
.e-shop30 .label.sika-green {
  background: #77bcb2;
  color: #000000;
}
.e-shop30 .label.sika-dark-green {
  background: #52a398;
  color: #000000;
}
.e-shop30 .switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #ffffff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.e-shop30 .switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}
.e-shop30 .switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #dddddd;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
.e-shop30 input + .switch-paddle {
  margin: 0;
}
.e-shop30 .switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #ffffff;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  content: "";
}
.e-shop30 input:checked ~ .switch-paddle {
  background: #ffc510;
}
.e-shop30 input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
.e-shop30 input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: 0.5;
}
.e-shop30 [data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}
.e-shop30 .switch-active, .e-shop30 .switch-inactive {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.e-shop30 .switch-active {
  left: 8%;
  display: none;
}
.e-shop30 input:checked + label > .switch-active {
  display: block;
}
.e-shop30 .switch-inactive {
  right: 15%;
}
.e-shop30 input:checked + label > .switch-inactive {
  display: none;
}
.e-shop30 .switch.tiny {
  height: 1.5rem;
}
.e-shop30 .switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.e-shop30 .switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.e-shop30 .switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}
.e-shop30 .switch.small {
  height: 1.75rem;
}
.e-shop30 .switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.e-shop30 .switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.e-shop30 .switch.small input:checked ~ .switch-paddle::after {
  left: 2rem;
}
.e-shop30 .switch.large {
  height: 2.5rem;
}
.e-shop30 .switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.e-shop30 .switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}
.e-shop30 .switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}
.e-shop30 table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.e-shop30 thead,
.e-shop30 tbody,
.e-shop30 tfoot {
  border: 1px solid #f2f2f2;
  background-color: #ffffff;
}
.e-shop30 caption {
  padding: 8px 30px 10px;
  font-weight: bold;
}
.e-shop30 thead {
  background: #f9f9f9;
  color: #000000;
}
.e-shop30 tfoot {
  background: #f2f2f2;
  color: #000000;
}
.e-shop30 thead tr,
.e-shop30 tfoot tr {
  background: transparent;
}
.e-shop30 thead th,
.e-shop30 thead td,
.e-shop30 tfoot th,
.e-shop30 tfoot td {
  padding: 8px 30px 10px;
  font-weight: bold;
  text-align: left;
}
.e-shop30 tbody th,
.e-shop30 tbody td {
  padding: 8px 30px 10px;
}
.e-shop30 tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f2f2f2;
}
.e-shop30 table.unstriped tbody {
  background-color: #ffffff;
}
.e-shop30 table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f2f2f2;
  background-color: #ffffff;
}
@media print, screen and (max-width: 63.99875em) {
  .e-shop30 table.stack thead {
    display: none;
  }
  .e-shop30 table.stack tfoot {
    display: none;
  }
  .e-shop30 table.stack tr,
.e-shop30 table.stack th,
.e-shop30 table.stack td {
    display: block;
  }
  .e-shop30 table.stack td {
    border-top: 0;
  }
}
.e-shop30 table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}
.e-shop30 table.hover thead tr:hover {
  background-color: #f4f4f4;
}
.e-shop30 table.hover tfoot tr:hover {
  background-color: #ededed;
}
.e-shop30 table.hover tbody tr:hover {
  background-color: #fafafa;
}
.e-shop30 table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ededed;
}
.e-shop30 .table-scroll {
  overflow-x: auto;
}
.e-shop30 .dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #dddddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #ffffff;
  font-size: 1rem;
}
.e-shop30 .dropdown-pane.is-opening {
  display: block;
}
.e-shop30 .dropdown-pane.is-open {
  display: block;
  visibility: visible;
}
.e-shop30 .dropdown-pane.tiny {
  width: 100px;
}
.e-shop30 .dropdown-pane.small {
  width: 200px;
}
.e-shop30 .dropdown-pane.large {
  width: 400px;
}
.e-shop30 .has-tip {
  position: relative;
  display: inline-block;
  border-bottom: none;
  font-weight: normal;
  cursor: pointer;
}
.e-shop30 .tooltip {
  position: absolute;
  top: -webkit-calc(100% + 0.4rem);
  top: -moz-calc(100% + 0.4rem);
  top: calc(100% + 0.4rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.2rem 0.3rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #ffffff;
  font-size: 80%;
  color: #000000;
}
.e-shop30 .tooltip::before {
  position: absolute;
}
.e-shop30 .tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4rem;
  content: "";
  border-top-width: 0;
  border-bottom-style: solid;
  border-color: transparent transparent #ffffff;
  bottom: 100%;
}
.e-shop30 .tooltip.bottom.align-center::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.e-shop30 .tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4rem;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #ffffff transparent transparent;
  top: 100%;
  bottom: auto;
}
.e-shop30 .tooltip.top.align-center::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.e-shop30 .tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4rem;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #ffffff;
  left: 100%;
}
.e-shop30 .tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.e-shop30 .tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4rem;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #ffffff transparent transparent;
  right: 100%;
  left: auto;
}
.e-shop30 .tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.e-shop30 .tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}
.e-shop30 .tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}
.e-shop30 .tooltip.align-left::before {
  left: 10%;
  right: auto;
}
.e-shop30 .tooltip.align-right::before {
  left: auto;
  right: 10%;
}
.e-shop30 .accordion {
  margin-left: 0;
  background: #ffffff;
  list-style-type: none;
}
.e-shop30 .accordion[disabled] .accordion-title {
  cursor: not-allowed;
}
.e-shop30 .accordion-item:first-child > :first-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.e-shop30 .accordion-item:last-child > :last-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.e-shop30 .accordion-title {
  position: relative;
  display: block;
  padding: 1rem;
  border: 0;
  border-bottom: 0;
  font-size: 1.3125rem;
  line-height: 1;
  color: #ffc510;
}
.e-shop30 :last-child:not(.is-active) > .accordion-title {
  border-bottom: 0;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.e-shop30 .accordion-title:hover, .e-shop30 .accordion-title:focus {
  background-color: #f5f5f5;
}
.e-shop30 .accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.e-shop30 .is-active > .accordion-title::before {
  content: "–";
}
.e-shop30 .accordion-content {
  display: none;
  padding: 1.5rem 1rem 1rem 1rem;
  border: 0;
  border-bottom: 0;
  background-color: #ffffff;
  color: #000000;
}
.e-shop30 :last-child > .accordion-content:last-child {
  border-bottom: 0;
}
.e-shop30 .tabs {
  margin: 0;
  border: 1px solid #f5f5f5;
  background: #ffffff;
  list-style-type: none;
}
.e-shop30 .tabs::before, .e-shop30 .tabs::after {
  display: table;
  content: " ";
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.e-shop30 .tabs::after {
  clear: both;
}
.e-shop30 .tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}
.e-shop30 .tabs.simple > li > a {
  padding: 0;
}
.e-shop30 .tabs.simple > li > a:hover {
  background: transparent;
}
.e-shop30 .tabs.primary {
  background: #ffc510;
}
.e-shop30 .tabs.primary > li > a {
  color: #000000;
}
.e-shop30 .tabs.primary > li > a:hover, .e-shop30 .tabs.primary > li > a:focus {
  background: #ffc202;
}
.e-shop30 .tabs-title {
  float: left;
}
.e-shop30 .tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #ffc510;
}
.e-shop30 [data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.e-shop30 .tabs-title > a:hover {
  background: transparent;
  color: #e9b100;
}
.e-shop30 .tabs-title > a:focus, .e-shop30 .tabs-title > a[aria-selected=true] {
  background: #f5f5f5;
  color: #ffc510;
}
.e-shop30 .tabs-content {
  border: 1px solid #f5f5f5;
  border-top: 0;
  background: #ffffff;
  color: #000000;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.e-shop30 .tabs-content.vertical {
  border: 1px solid #f5f5f5;
  border-left: 0;
}
.e-shop30 .tabs-panel {
  display: none;
  padding: 25px 0;
}
.e-shop30 .tabs-panel.is-active {
  display: block;
}
.e-shop30 .menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.e-shop30 [data-whatinput=mouse] .menu li {
  outline: 0;
}
.e-shop30 .menu a,
.e-shop30 .menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 1.25rem;
}
.e-shop30 .menu input,
.e-shop30 .menu select,
.e-shop30 .menu a,
.e-shop30 .menu button {
  margin-bottom: 0;
}
.e-shop30 .menu input {
  display: inline-block;
}
.e-shop30 .menu, .e-shop30 .menu.horizontal {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.e-shop30 .menu.vertical {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.e-shop30 .menu.expanded li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -moz-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}
.e-shop30 .menu.simple {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.e-shop30 .menu.simple li + li {
  margin-left: 1rem;
}
.e-shop30 .menu.simple a {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .menu.medium-horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .e-shop30 .menu.medium-vertical {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .e-shop30 .menu.medium-expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
  }
  .e-shop30 .menu.medium-simple li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .menu.large-horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .e-shop30 .menu.large-vertical {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .e-shop30 .menu.large-expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
  }
  .e-shop30 .menu.large-simple li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .menu.xlarge-horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .e-shop30 .menu.xlarge-vertical {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .e-shop30 .menu.xlarge-expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
  }
  .e-shop30 .menu.xlarge-simple li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
  }
}
.e-shop30 .menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.e-shop30 .menu.icons a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.e-shop30 .menu.icon-top a, .e-shop30 .menu.icon-right a, .e-shop30 .menu.icon-bottom a, .e-shop30 .menu.icon-left a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.e-shop30 .menu.icon-left li a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.e-shop30 .menu.icon-left li a img,
.e-shop30 .menu.icon-left li a i,
.e-shop30 .menu.icon-left li a svg {
  margin-right: 0.25rem;
}
.e-shop30 .menu.icon-right li a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.e-shop30 .menu.icon-right li a img,
.e-shop30 .menu.icon-right li a i,
.e-shop30 .menu.icon-right li a svg {
  margin-left: 0.25rem;
}
.e-shop30 .menu.icon-top li a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.e-shop30 .menu.icon-top li a img,
.e-shop30 .menu.icon-top li a i,
.e-shop30 .menu.icon-top li a svg {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.e-shop30 .menu.icon-bottom li a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.e-shop30 .menu.icon-bottom li a img,
.e-shop30 .menu.icon-bottom li a i,
.e-shop30 .menu.icon-bottom li a svg {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.e-shop30 .menu .is-active > a {
  background: #ffc510;
  color: #000000;
}
.e-shop30 .menu .active > a {
  background: #ffc510;
  color: #000000;
}
.e-shop30 .menu.align-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.e-shop30 .menu.align-right li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.e-shop30 .menu.align-right li .submenu li {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.e-shop30 .menu.align-right.vertical li {
  display: block;
  text-align: right;
}
.e-shop30 .menu.align-right.vertical li .submenu li {
  text-align: right;
}
.e-shop30 .menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.e-shop30 .menu.align-center li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .menu.align-center li .submenu li {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.e-shop30 .menu .menu-text {
  padding: 1.25rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}
.e-shop30 .menu-centered > .menu {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .menu-centered > .menu li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .menu-centered > .menu li .submenu li {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.e-shop30 .no-js [data-responsive-menu] ul {
  display: none;
}
.e-shop30 .dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.e-shop30 .dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.e-shop30 .dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.e-shop30 .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #000000 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
.e-shop30 [data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.e-shop30 .dropdown.menu > li > a {
  background: #ffffff;
  padding: 1.25rem;
}
.e-shop30 .dropdown.menu > li.is-active > a {
  background: transparent;
  color: #ffc510;
}
.e-shop30 .no-js .dropdown.menu ul {
  display: none;
}
.e-shop30 .dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.e-shop30 .dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}
.e-shop30 .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}
.e-shop30 .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.e-shop30 .dropdown.menu.vertical > li > a::after {
  right: 14px;
}
.e-shop30 .dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #000000 transparent transparent;
  right: auto;
  left: 5px;
}
.e-shop30 .dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #000000;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .e-shop30 .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .e-shop30 .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .e-shop30 .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .e-shop30 .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .e-shop30 .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .e-shop30 .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .e-shop30 .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .e-shop30 .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000000 transparent transparent;
    right: auto;
    left: 5px;
  }
  .e-shop30 .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000000;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .e-shop30 .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .e-shop30 .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .e-shop30 .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .e-shop30 .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .e-shop30 .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .e-shop30 .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .e-shop30 .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .e-shop30 .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000000 transparent transparent;
    right: auto;
    left: 5px;
  }
  .e-shop30 .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000000;
  }
}
@media screen and (min-width: 75em) {
  .e-shop30 .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .e-shop30 .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .e-shop30 .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .e-shop30 .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .e-shop30 .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .e-shop30 .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .e-shop30 .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .e-shop30 .dropdown.menu.xlarge-vertical > li > a::after {
    right: 14px;
  }
  .e-shop30 .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000000 transparent transparent;
    right: auto;
    left: 5px;
  }
  .e-shop30 .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000000;
  }
}
.e-shop30 .dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}
.e-shop30 .is-dropdown-menu.vertical {
  width: 100px;
}
.e-shop30 .is-dropdown-menu.vertical.align-right {
  float: right;
}
.e-shop30 .is-dropdown-submenu-parent {
  position: relative;
}
.e-shop30 .is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}
.e-shop30 .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.e-shop30 .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.e-shop30 .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.e-shop30 .is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #dddddd;
  background: #ffffff;
}
.e-shop30 .dropdown .is-dropdown-submenu a {
  padding: 1.25rem;
}
.e-shop30 .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.e-shop30 .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #000000 transparent transparent;
  right: auto;
  left: 5px;
}
.e-shop30 .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #000000;
}
.e-shop30 .is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.e-shop30 .is-dropdown-submenu > li {
  width: 100%;
}
.e-shop30 .is-dropdown-submenu.js-dropdown-active {
  display: block;
}
.e-shop30 html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
.e-shop30 html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
}
.e-shop30 html.is-reveal-open body {
  overflow-y: hidden;
}
.e-shop30 .reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  overflow-y: auto;
}
.e-shop30 .reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #dddddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #ffffff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}
.e-shop30 [data-whatinput=mouse] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .reveal {
    min-height: 0;
  }
}
.e-shop30 .reveal .column {
  min-width: 0;
}
.e-shop30 .reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .reveal {
    width: 600px;
    max-width: 1200px;
  }
}
.e-shop30 .reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .reveal.tiny {
    width: 30%;
    max-width: 1200px;
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .reveal.small {
    width: 50%;
    max-width: 1200px;
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .reveal.large {
    width: 90%;
    max-width: 1200px;
  }
}
.e-shop30 .reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
.e-shop30 .reveal.without-overlay {
  position: fixed;
}
.e-shop30 .sticky-container {
  position: relative;
}
.e-shop30 .sticky {
  position: relative;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.e-shop30 .sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}
.e-shop30 .sticky.is-stuck.is-at-top {
  top: 0;
}
.e-shop30 .sticky.is-stuck.is-at-bottom {
  bottom: 0;
}
.e-shop30 .sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.e-shop30 .sticky.is-anchored.is-at-bottom {
  bottom: 0;
}
.e-shop30 .cmp-icon:before,
.e-shop30 .cmp-icon-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.e-shop30 .cmp-icon-account::before {
  content: "\f004";
}
.e-shop30 .cmp-icon-account-search::before {
  content: "\f016";
}
.e-shop30 .cmp-icon-account-multiple::before {
  content: "\f00e";
}
.e-shop30 .cmp-icon-adjust::before {
  content: "\f01a";
}
.e-shop30 .cmp-icon-alert::before {
  content: "\f026";
}
.e-shop30 .cmp-icon-arrow-down::before {
  content: "\f045";
}
.e-shop30 .cmp-icon-arrow-down-bold::before {
  content: "\f72d";
}
.e-shop30 .cmp-icon-arrow-expand::before {
  content: "\f616";
}
.e-shop30 .cmp-icon-arrow-left::before {
  content: "\f04d";
}
.e-shop30 .cmp-icon-arrow-left-bold::before {
  content: "\f730";
}
.e-shop30 .cmp-icon-arrow-right::before {
  content: "\f054";
}
.e-shop30 .cmp-icon-arrow-right-bold::before {
  content: "\f733";
}
.e-shop30 .cmp-icon-arrow-top-right::before {
  content: "\f05c";
}
.e-shop30 .cmp-icon-arrow-top-right-thick::before {
  content: "暈";
}
.e-shop30 .cmp-icon-arrow-right-thick::before {
  content: "\f055";
}
.e-shop30 .cmp-icon-arrow-left-thick::before {
  content: "\f04e";
}
.e-shop30 .cmp-icon-arrow-up::before {
  content: "\f05d";
}
.e-shop30 .cmp-icon-arrow-up-bold::before {
  content: "\f736";
}
.e-shop30 .cmp-icon-arrow-bottom-right-thick::before {
  content: "惡";
}
.e-shop30 .cmp-icon-arrow-bottom-right::before {
  content: "\f043";
}
.e-shop30 .cmp-icon-book-open-page-variant::before {
  content: "\f5da";
}
.e-shop30 .cmp-icon-bookmark-plus-outline::before {
  content: "\f0c4";
}
.e-shop30 .cmp-icon-briefcase::before {
  content: "\f0d6";
}
.e-shop30 .cmp-icon-calculator::before {
  content: "\f0ec";
}
.e-shop30 .cmp-icon-cart::before {
  content: "\f110";
}
.e-shop30 .cmp-icon-cart-outline::before {
  content: "\f111";
}
.e-shop30 .cmp-icon-cart-minus::before {
  content: "﵄";
}
.e-shop30 .cmp-icon-cart-plus::before {
  content: "\f112";
}
.e-shop30 .cmp-icon-chevron-down::before {
  content: "\f140";
}
.e-shop30 .cmp-icon-chevron-left::before {
  content: "\f141";
}
.e-shop30 .cmp-icon-chevron-right::before {
  content: "\f142";
}
.e-shop30 .cmp-icon-chevron-up::before {
  content: "\f143";
}
.e-shop30 .cmp-icon-close::before {
  content: "\f156";
}
.e-shop30 .cmp-icon-database-search::before {
  content: "\f865";
}
.e-shop30 .cmp-icon-download::before {
  content: "\f1da";
}
.e-shop30 .cmp-icon-earth::before {
  content: "\f1e7";
}
.e-shop30 .cmp-icon-facebook::before {
  content: "\f20c";
}
.e-shop30 .cmp-icon-file::before {
  content: "\f214";
}
.e-shop30 .cmp-icon-file-pdf::before {
  content: "\f225";
}
.e-shop30 .cmp-icon-file-plus::before {
  content: "\f751";
}
.e-shop30 .cmp-icon-file-remove::before {
  content: "ﭴ";
}
.e-shop30 .cmp-icon-file-multiple::before {
  content: "\f222";
}
.e-shop30 .cmp-icon-filter::before {
  content: "\f232";
}
.e-shop30 .cmp-icon-home::before {
  content: "\f2dc";
}
.e-shop30 .cmp-icon-information::before {
  content: "\f2fc";
}
.e-shop30 .cmp-icon-instagram::before {
  content: "\f2fe";
}
.e-shop30 .cmp-icon-linkedin::before {
  content: "\f33b";
}
.e-shop30 .cmp-icon-login::before {
  content: "\f342";
}
.e-shop30 .cmp-icon-menu::before {
  content: "\f35c";
}
.e-shop30 .cmp-icon-menu-up::before {
  content: "\f360";
}
.e-shop30 .cmp-icon-menu-down::before {
  content: "\f35d";
}
.e-shop30 .cmp-icon-magnify::before {
  content: "\f349";
}
.e-shop30 .cmp-icon-map-marker::before {
  content: "\f34e";
}
.e-shop30 .cmp-icon-minus::before {
  content: "\f374";
}
.e-shop30 .cmp-icon-package-variant-closed::before {
  content: "\f3d7";
}
.e-shop30 .cmp-icon-phone::before {
  content: "\f3f2";
}
.e-shop30 .cmp-icon-play-circle-outline::before {
  content: "\f40d";
}
.e-shop30 .cmp-icon-plus::before {
  content: "\f415";
}
.e-shop30 .cmp-icon-share-variant::before {
  content: "\f497";
}
.e-shop30 .cmp-icon-store::before {
  content: "\f4dc";
}
.e-shop30 .cmp-icon-twitter::before {
  content: "\f544";
}
.e-shop30 .cmp-icon-triangle::before {
  content: "\f536";
}
.e-shop30 .cmp-icon-youtube::before {
  content: "\f5c3";
}
.e-shop30 .cmp-icon-check::before {
  content: "\f12c";
}
.e-shop30 .cmp-icon-alert-box::before {
  content: "\f027";
}
.e-shop30 .cmp-icon-checkbox-marked::before {
  content: "\f132";
}
.e-shop30 .cmp-icon-email-outline::before {
  content: "\f1f0";
}
.e-shop30 .cmp-icon-open-in-new::before {
  content: "\f3cc";
}
.e-shop30 .cmp-icon-basket::before {
  content: "\f076";
}
.e-shop30 .cmp-icon-basket-fill::before {
  content: "\f077";
}
.e-shop30 .cmp-icon-basket-unfill::before {
  content: "\f078";
}
.e-shop30 .cmp-icon-star::before {
  content: "\f4ce";
}
.e-shop30 .cmp-icon-star-outline::before {
  content: "\f4d2";
}
.e-shop30 .cmp-icon-xing::before {
  content: "\f5bd";
}
.e-shop30 .cmp-icon-whatsapp::before {
  content: "\f5a3";
}
.e-shop30 .cmp-icon-blank::before {
  content: "\f68c";
  visibility: hidden;
}
.e-shop30 .cmp-icon-18px.cmp-icon-set, .e-shop30 .cmp-icon-18px.cmp-icon:before {
  font-size: 18px;
}
.e-shop30 .cmp-icon-24px.cmp-icon-set, .e-shop30 .cmp-icon-24px.cmp-icon:before {
  font-size: 24px;
}
.e-shop30 .cmp-icon-36px.cmp-icon-set, .e-shop30 .cmp-icon-36px.cmp-icon:before {
  font-size: 36px;
}
.e-shop30 .cmp-icon-48px.cmp-icon-set, .e-shop30 .cmp-icon-48px.cmp-icon:before {
  font-size: 48px;
}
.e-shop30 .cmp-icon-dark:before {
  color: rgba(0, 0, 0, 0.54);
}
.e-shop30 .cmp-icon-dark.cmp-icon-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}
.e-shop30 .cmp-icon-light:before {
  color: white;
}
.e-shop30 .cmp-icon-light.cmp-icon-inactive:before {
  color: rgba(255, 255, 255, 0.3);
}
.e-shop30 .cmp-icon-rotate-45 {
  /*
        // Not included in production
        &.cmp-icon-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(45deg);
            transform: scaleX(-1) rotate(45deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.cmp-icon-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: scaleY(-1) rotate(45deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}
.e-shop30 .cmp-icon-rotate-45:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.e-shop30 .cmp-icon-rotate-90 {
  /*
        // Not included in production
        &.cmp-icon-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(90deg);
            transform: scaleX(-1) rotate(90deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.cmp-icon-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: scaleY(-1) rotate(90deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}
.e-shop30 .cmp-icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.e-shop30 .cmp-icon-rotate-135 {
  /*
        // Not included in production
        &.cmp-icon-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(135deg);
            transform: scaleX(-1) rotate(135deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.cmp-icon-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: scaleY(-1) rotate(135deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}
.e-shop30 .cmp-icon-rotate-135:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.e-shop30 .cmp-icon-rotate-180 {
  /*
        // Not included in production
        &.cmp-icon-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(180deg);
            transform: scaleX(-1) rotate(180deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.cmp-icon-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: scaleY(-1) rotate(180deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}
.e-shop30 .cmp-icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.e-shop30 .cmp-icon-rotate-225 {
  /*
        // Not included in production
        &.cmp-icon-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(225deg);
            transform: scaleX(-1) rotate(225deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.cmp-icon-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: scaleY(-1) rotate(225deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}
.e-shop30 .cmp-icon-rotate-225:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
.e-shop30 .cmp-icon-rotate-270 {
  /*
        // Not included in production
        &.cmp-icon-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(270deg);
            transform: scaleX(-1) rotate(270deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.cmp-icon-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: scaleY(-1) rotate(270deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}
.e-shop30 .cmp-icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.e-shop30 .cmp-icon-rotate-315 {
  /*
        // Not included in production
        &.cmp-icon-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(315deg);
            transform: scaleX(-1) rotate(315deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.cmp-icon-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(315deg);
            -ms-transform: rotate(315deg);
            transform: scaleY(-1) rotate(315deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}
.e-shop30 .cmp-icon-rotate-315:before {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}
.e-shop30 .cmp-icon-flip-h:before {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH;
  -ms-filter: "FlipH";
}
.e-shop30 .cmp-icon-flip-v:before {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
  -webkit-filter: FlipV;
  filter: FlipV;
  -ms-filter: "FlipV";
}
.e-shop30 .cmp-icon-spin:before {
  -webkit-animation: cmp-icon-spin 2s infinite linear;
  -moz-animation: cmp-icon-spin 2s infinite linear;
  -o-animation: cmp-icon-spin 2s infinite linear;
  animation: cmp-icon-spin 2s infinite linear;
}
@-webkit-keyframes cmp-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes cmp-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes cmp-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes cmp-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.e-shop30 *[dir=rtl] .cmp-icon-arrow-left:before {
  content: "\f054";
}
.e-shop30 *[dir=rtl] .cmp-icon-arrow-right:before {
  content: "\f04d";
}
.e-shop30 .cmp-icon {
  -webkit-transition: color 0.3s ease-in;
  -o-transition: color 0.3s ease-in;
  -moz-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
}
.e-shop30 .cmp-icon:hover {
  -webkit-transition: color 0.3s ease-in;
  -o-transition: color 0.3s ease-in;
  -moz-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
}
.e-shop30 html {
  height: 100%;
  height: 100vh;
  scroll-behavior: smooth;
}
.e-shop30 body {
  min-height: 100%;
  min-height: 100vh;
}
.e-shop30 iframe {
  border: 0 !important;
}
.e-shop30 .cmp-app {
  overflow: hidden;
}
.e-shop30 .cmp-font {
  /* Klavika */
  /* Calibri Regular */
  /* Calibri Standard */
  /* Iran Sans */
  /* LanTingHei */
  /* Gothic */
  /* Jasmine */
  /* SarabunNew */
}
.e-shop30 .cmp-font--klavika {
  font-family: "Klavika Light";
  /* headings styling */
}
.e-shop30 .cmp-font--klavika h1,
.e-shop30 .cmp-font--klavika .h1,
.e-shop30 .cmp-font--klavika h3,
.e-shop30 .cmp-font--klavika .h3,
.e-shop30 .cmp-font--klavika h5,
.e-shop30 .cmp-font--klavika .h5,
.e-shop30 .cmp-font--klavika h6,
.e-shop30 .cmp-font--klavika .h6 {
  font-family: "Klavika Medium";
  font-weight: 700;
}
.e-shop30 .cmp-font--klavika h2,
.e-shop30 .cmp-font--klavika .h2,
.e-shop30 .cmp-font--klavika h4,
.e-shop30 .cmp-font--klavika .h4 {
  font-family: "Klavika Regular";
  font-weight: 400;
}
.e-shop30 .cmp-font--klavika h1,
.e-shop30 .cmp-font--klavika .h1 {
  font-size: 3.05rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika h1,
.e-shop30 .cmp-font--klavika .h1 {
    font-size: -webkit-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: -moz-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika h1,
.e-shop30 .cmp-font--klavika .h1 {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--klavika h1,
.e-shop30 .cmp-font--klavika .h1 {
  line-height: 48px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika h1,
.e-shop30 .cmp-font--klavika .h1 {
    line-height: -webkit-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: -moz-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: calc(48px + 10 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika h1,
.e-shop30 .cmp-font--klavika .h1 {
    line-height: 58px;
  }
}
.e-shop30 .cmp-font--klavika h2,
.e-shop30 .cmp-font--klavika .h2 {
  font-size: 2.44rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika h2,
.e-shop30 .cmp-font--klavika .h2 {
    font-size: -webkit-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: -moz-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika h2,
.e-shop30 .cmp-font--klavika .h2 {
    font-size: 2.75rem;
  }
}
.e-shop30 .cmp-font--klavika h2,
.e-shop30 .cmp-font--klavika .h2 {
  line-height: 44px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika h2,
.e-shop30 .cmp-font--klavika .h2 {
    line-height: -webkit-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: calc(44px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika h2,
.e-shop30 .cmp-font--klavika .h2 {
    line-height: 49px;
  }
}
.e-shop30 .cmp-font--klavika h3,
.e-shop30 .cmp-font--klavika .h3 {
  font-size: 1.95rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika h3,
.e-shop30 .cmp-font--klavika .h3 {
    font-size: -webkit-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika h3,
.e-shop30 .cmp-font--klavika .h3 {
    font-size: 2.35rem;
  }
}
.e-shop30 .cmp-font--klavika h3,
.e-shop30 .cmp-font--klavika .h3 {
  line-height: 40px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika h3,
.e-shop30 .cmp-font--klavika .h3 {
    line-height: -webkit-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: calc(40px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika h3,
.e-shop30 .cmp-font--klavika .h3 {
    line-height: 38px;
  }
}
.e-shop30 .cmp-font--klavika h4,
.e-shop30 .cmp-font--klavika .h4 {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika h4,
.e-shop30 .cmp-font--klavika .h4 {
    font-size: -webkit-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika h4,
.e-shop30 .cmp-font--klavika .h4 {
    font-size: 1.88rem;
  }
}
.e-shop30 .cmp-font--klavika h4,
.e-shop30 .cmp-font--klavika .h4 {
  line-height: 25px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika h4,
.e-shop30 .cmp-font--klavika .h4 {
    line-height: -webkit-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: calc(25px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika h4,
.e-shop30 .cmp-font--klavika .h4 {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--klavika h5,
.e-shop30 .cmp-font--klavika .h5 {
  line-height: 24px;
}
.e-shop30 .cmp-font--klavika h5,
.e-shop30 .cmp-font--klavika .h5 {
  font-size: 1.25rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika h5,
.e-shop30 .cmp-font--klavika .h5 {
    font-size: -webkit-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika h5,
.e-shop30 .cmp-font--klavika .h5 {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--klavika h6,
.e-shop30 .cmp-font--klavika .h6 {
  letter-spacing: 0.03125rem;
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--klavika h6,
.e-shop30 .cmp-font--klavika .h6 {
  font-size: 1rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika h6,
.e-shop30 .cmp-font--klavika .h6 {
    font-size: -webkit-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: calc(1rem + 0.2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika h6,
.e-shop30 .cmp-font--klavika .h6 {
    font-size: 1.2rem;
  }
}
.e-shop30 .cmp-font--klavika h6,
.e-shop30 .cmp-font--klavika .h6 {
  line-height: 20px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika h6,
.e-shop30 .cmp-font--klavika .h6 {
    line-height: -webkit-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: -moz-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: calc(20px + -1 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika h6,
.e-shop30 .cmp-font--klavika .h6 {
    line-height: 19px;
  }
}
.e-shop30 .cmp-font--klavika .cmp-display {
  font-family: "Klavika Light";
  letter-spacing: 0.03125rem;
}
.e-shop30 .cmp-font--klavika .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-font--klavika .cmp-display {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--klavika .lead {
  font-size: 1.44rem;
  font-family: "Klavika Light";
}
.e-shop30 .cmp-font--klavika .lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika .lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika .lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--klavika .cmp-lead {
  font-size: 1.44rem;
  font-family: "Klavika Light";
}
.e-shop30 .cmp-font--klavika .cmp-lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika .cmp-lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika .cmp-lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--klavika small,
.e-shop30 .cmp-font--klavika .small {
  font-size: 0.625rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika small,
.e-shop30 .cmp-font--klavika .small {
    font-size: -webkit-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: -moz-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika small,
.e-shop30 .cmp-font--klavika .small {
    font-size: 0.8125rem;
  }
}
.e-shop30 .cmp-font--klavika small,
.e-shop30 .cmp-font--klavika .small {
  line-height: 12px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika small,
.e-shop30 .cmp-font--klavika .small {
    line-height: -webkit-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: -moz-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: calc(12px + 4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika small,
.e-shop30 .cmp-font--klavika .small {
    line-height: 16px;
  }
}
.e-shop30 .cmp-font--klavika blockquote {
  font-weight: bold;
  font-style: italic !important;
  font-family: "Klavika Medium Italic";
}
.e-shop30 .cmp-font--klavika blockquote {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika blockquote {
    font-size: -webkit-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika blockquote {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--klavika blockquote {
  line-height: 34px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--klavika blockquote {
    line-height: -webkit-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: calc(34px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--klavika blockquote {
    line-height: 32px;
  }
}
.e-shop30 .cmp-font--klavika .button {
  letter-spacing: 0.03125rem;
  font-weight: bold;
  font-family: "Klavika Medium";
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--klavika .cmp-product {
  /* styling for PIM imported content */
}
.e-shop30 .cmp-font--klavika .cmp-product span {
  font-size: 1.3125rem;
}
.e-shop30 .cmp-font--klavika .cmp-product__description .button {
  padding: 0;
}
.e-shop30 .cmp-font--klavika .cmp-header {
  font-family: "Klavika Regular";
}
.e-shop30 .cmp-font--klavika .cmp-text .cmp-definition b {
  font-family: "Klavika Medium";
  font-weight: bold;
}
.e-shop30 .cmp-font--klavika .cmp-font--light {
  font-family: "Klavika Light";
  font-weight: normal;
}
.e-shop30 .cmp-font--klavika .cmp-font--regular {
  font-family: "Klavika Regular";
  font-weight: normal;
}
.e-shop30 .cmp-font--klavika .cmp-font--bold {
  font-family: "Klavika Medium";
}
.e-shop30 .cmp-font--calibri-regular {
  font-family: "Calibri Regular";
  /* headings styling */
}
.e-shop30 .cmp-font--calibri-regular h1,
.e-shop30 .cmp-font--calibri-regular .h1,
.e-shop30 .cmp-font--calibri-regular h3,
.e-shop30 .cmp-font--calibri-regular .h3,
.e-shop30 .cmp-font--calibri-regular h5,
.e-shop30 .cmp-font--calibri-regular .h5,
.e-shop30 .cmp-font--calibri-regular h6,
.e-shop30 .cmp-font--calibri-regular .h6 {
  font-family: "Calibri Regular";
  font-weight: 700;
}
.e-shop30 .cmp-font--calibri-regular h2,
.e-shop30 .cmp-font--calibri-regular .h2,
.e-shop30 .cmp-font--calibri-regular h4,
.e-shop30 .cmp-font--calibri-regular .h4 {
  font-family: "Calibri Regular";
  font-weight: 400;
}
.e-shop30 .cmp-font--calibri-regular h1,
.e-shop30 .cmp-font--calibri-regular .h1 {
  font-size: 3.05rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular h1,
.e-shop30 .cmp-font--calibri-regular .h1 {
    font-size: -webkit-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: -moz-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular h1,
.e-shop30 .cmp-font--calibri-regular .h1 {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--calibri-regular h1,
.e-shop30 .cmp-font--calibri-regular .h1 {
  line-height: 48px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular h1,
.e-shop30 .cmp-font--calibri-regular .h1 {
    line-height: -webkit-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: -moz-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: calc(48px + 10 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular h1,
.e-shop30 .cmp-font--calibri-regular .h1 {
    line-height: 58px;
  }
}
.e-shop30 .cmp-font--calibri-regular h2,
.e-shop30 .cmp-font--calibri-regular .h2 {
  font-size: 2.44rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular h2,
.e-shop30 .cmp-font--calibri-regular .h2 {
    font-size: -webkit-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: -moz-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular h2,
.e-shop30 .cmp-font--calibri-regular .h2 {
    font-size: 2.75rem;
  }
}
.e-shop30 .cmp-font--calibri-regular h2,
.e-shop30 .cmp-font--calibri-regular .h2 {
  line-height: 44px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular h2,
.e-shop30 .cmp-font--calibri-regular .h2 {
    line-height: -webkit-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: calc(44px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular h2,
.e-shop30 .cmp-font--calibri-regular .h2 {
    line-height: 49px;
  }
}
.e-shop30 .cmp-font--calibri-regular h3,
.e-shop30 .cmp-font--calibri-regular .h3 {
  font-size: 1.95rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular h3,
.e-shop30 .cmp-font--calibri-regular .h3 {
    font-size: -webkit-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular h3,
.e-shop30 .cmp-font--calibri-regular .h3 {
    font-size: 2.35rem;
  }
}
.e-shop30 .cmp-font--calibri-regular h3,
.e-shop30 .cmp-font--calibri-regular .h3 {
  line-height: 40px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular h3,
.e-shop30 .cmp-font--calibri-regular .h3 {
    line-height: -webkit-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: calc(40px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular h3,
.e-shop30 .cmp-font--calibri-regular .h3 {
    line-height: 38px;
  }
}
.e-shop30 .cmp-font--calibri-regular h4,
.e-shop30 .cmp-font--calibri-regular .h4 {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular h4,
.e-shop30 .cmp-font--calibri-regular .h4 {
    font-size: -webkit-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular h4,
.e-shop30 .cmp-font--calibri-regular .h4 {
    font-size: 1.88rem;
  }
}
.e-shop30 .cmp-font--calibri-regular h4,
.e-shop30 .cmp-font--calibri-regular .h4 {
  line-height: 25px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular h4,
.e-shop30 .cmp-font--calibri-regular .h4 {
    line-height: -webkit-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: calc(25px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular h4,
.e-shop30 .cmp-font--calibri-regular .h4 {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--calibri-regular h5,
.e-shop30 .cmp-font--calibri-regular .h5 {
  line-height: 24px;
}
.e-shop30 .cmp-font--calibri-regular h5,
.e-shop30 .cmp-font--calibri-regular .h5 {
  font-size: 1.25rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular h5,
.e-shop30 .cmp-font--calibri-regular .h5 {
    font-size: -webkit-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular h5,
.e-shop30 .cmp-font--calibri-regular .h5 {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--calibri-regular h6,
.e-shop30 .cmp-font--calibri-regular .h6 {
  letter-spacing: 0.03125rem;
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--calibri-regular h6,
.e-shop30 .cmp-font--calibri-regular .h6 {
  font-size: 1rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular h6,
.e-shop30 .cmp-font--calibri-regular .h6 {
    font-size: -webkit-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: calc(1rem + 0.2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular h6,
.e-shop30 .cmp-font--calibri-regular .h6 {
    font-size: 1.2rem;
  }
}
.e-shop30 .cmp-font--calibri-regular h6,
.e-shop30 .cmp-font--calibri-regular .h6 {
  line-height: 20px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular h6,
.e-shop30 .cmp-font--calibri-regular .h6 {
    line-height: -webkit-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: -moz-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: calc(20px + -1 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular h6,
.e-shop30 .cmp-font--calibri-regular .h6 {
    line-height: 19px;
  }
}
.e-shop30 .cmp-font--calibri-regular .cmp-display {
  font-family: "Calibri Regular";
  letter-spacing: 0.03125rem;
}
.e-shop30 .cmp-font--calibri-regular .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-font--calibri-regular .cmp-display {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--calibri-regular .lead {
  font-size: 1.44rem;
  font-family: "Calibri Regular";
}
.e-shop30 .cmp-font--calibri-regular .lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular .lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular .lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--calibri-regular .cmp-lead {
  font-size: 1.44rem;
  font-family: "Calibri Regular";
}
.e-shop30 .cmp-font--calibri-regular .cmp-lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular .cmp-lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular .cmp-lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--calibri-regular small,
.e-shop30 .cmp-font--calibri-regular .small {
  font-size: 0.625rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular small,
.e-shop30 .cmp-font--calibri-regular .small {
    font-size: -webkit-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: -moz-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular small,
.e-shop30 .cmp-font--calibri-regular .small {
    font-size: 0.8125rem;
  }
}
.e-shop30 .cmp-font--calibri-regular small,
.e-shop30 .cmp-font--calibri-regular .small {
  line-height: 12px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular small,
.e-shop30 .cmp-font--calibri-regular .small {
    line-height: -webkit-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: -moz-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: calc(12px + 4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular small,
.e-shop30 .cmp-font--calibri-regular .small {
    line-height: 16px;
  }
}
.e-shop30 .cmp-font--calibri-regular blockquote {
  font-weight: bold;
  font-style: italic !important;
  font-family: "Calibri Regular";
}
.e-shop30 .cmp-font--calibri-regular blockquote {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular blockquote {
    font-size: -webkit-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular blockquote {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--calibri-regular blockquote {
  line-height: 34px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri-regular blockquote {
    line-height: -webkit-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: calc(34px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri-regular blockquote {
    line-height: 32px;
  }
}
.e-shop30 .cmp-font--calibri-regular .button {
  letter-spacing: 0.03125rem;
  font-weight: bold;
  font-family: "Calibri Regular";
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--calibri-regular .cmp-product {
  /* styling for PIM imported content */
}
.e-shop30 .cmp-font--calibri-regular .cmp-product span {
  font-size: 1.3125rem;
}
.e-shop30 .cmp-font--calibri-regular .cmp-product__description .button {
  padding: 0;
}
.e-shop30 .cmp-font--calibri-regular .cmp-header {
  font-family: "Calibri Regular";
}
.e-shop30 .cmp-font--calibri-regular .cmp-text .cmp-definition b {
  font-family: "Calibri Regular";
  font-weight: bold;
}
.e-shop30 .cmp-font--calibri-regular .cmp-font--light {
  font-weight: normal;
}
.e-shop30 .cmp-font--calibri-regular .cmp-font--regular {
  font-weight: normal;
}
.e-shop30 .cmp-font--calibri-regular .cmp-font--bold {
  font-weight: bold;
}
.e-shop30 .cmp-font--calibri {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
  /* headings styling */
}
.e-shop30 .cmp-font--calibri h1,
.e-shop30 .cmp-font--calibri .h1,
.e-shop30 .cmp-font--calibri h3,
.e-shop30 .cmp-font--calibri .h3,
.e-shop30 .cmp-font--calibri h5,
.e-shop30 .cmp-font--calibri .h5,
.e-shop30 .cmp-font--calibri h6,
.e-shop30 .cmp-font--calibri .h6 {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
  font-weight: 700;
}
.e-shop30 .cmp-font--calibri h2,
.e-shop30 .cmp-font--calibri .h2,
.e-shop30 .cmp-font--calibri h4,
.e-shop30 .cmp-font--calibri .h4 {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
  font-weight: 400;
}
.e-shop30 .cmp-font--calibri h1,
.e-shop30 .cmp-font--calibri .h1 {
  font-size: 3.05rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri h1,
.e-shop30 .cmp-font--calibri .h1 {
    font-size: -webkit-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: -moz-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri h1,
.e-shop30 .cmp-font--calibri .h1 {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--calibri h1,
.e-shop30 .cmp-font--calibri .h1 {
  line-height: 48px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri h1,
.e-shop30 .cmp-font--calibri .h1 {
    line-height: -webkit-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: -moz-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: calc(48px + 10 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri h1,
.e-shop30 .cmp-font--calibri .h1 {
    line-height: 58px;
  }
}
.e-shop30 .cmp-font--calibri h2,
.e-shop30 .cmp-font--calibri .h2 {
  font-size: 2.44rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri h2,
.e-shop30 .cmp-font--calibri .h2 {
    font-size: -webkit-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: -moz-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri h2,
.e-shop30 .cmp-font--calibri .h2 {
    font-size: 2.75rem;
  }
}
.e-shop30 .cmp-font--calibri h2,
.e-shop30 .cmp-font--calibri .h2 {
  line-height: 44px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri h2,
.e-shop30 .cmp-font--calibri .h2 {
    line-height: -webkit-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: calc(44px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri h2,
.e-shop30 .cmp-font--calibri .h2 {
    line-height: 49px;
  }
}
.e-shop30 .cmp-font--calibri h3,
.e-shop30 .cmp-font--calibri .h3 {
  font-size: 1.95rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri h3,
.e-shop30 .cmp-font--calibri .h3 {
    font-size: -webkit-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri h3,
.e-shop30 .cmp-font--calibri .h3 {
    font-size: 2.35rem;
  }
}
.e-shop30 .cmp-font--calibri h3,
.e-shop30 .cmp-font--calibri .h3 {
  line-height: 40px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri h3,
.e-shop30 .cmp-font--calibri .h3 {
    line-height: -webkit-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: calc(40px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri h3,
.e-shop30 .cmp-font--calibri .h3 {
    line-height: 38px;
  }
}
.e-shop30 .cmp-font--calibri h4,
.e-shop30 .cmp-font--calibri .h4 {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri h4,
.e-shop30 .cmp-font--calibri .h4 {
    font-size: -webkit-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri h4,
.e-shop30 .cmp-font--calibri .h4 {
    font-size: 1.88rem;
  }
}
.e-shop30 .cmp-font--calibri h4,
.e-shop30 .cmp-font--calibri .h4 {
  line-height: 25px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri h4,
.e-shop30 .cmp-font--calibri .h4 {
    line-height: -webkit-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: calc(25px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri h4,
.e-shop30 .cmp-font--calibri .h4 {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--calibri h5,
.e-shop30 .cmp-font--calibri .h5 {
  line-height: 24px;
}
.e-shop30 .cmp-font--calibri h5,
.e-shop30 .cmp-font--calibri .h5 {
  font-size: 1.25rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri h5,
.e-shop30 .cmp-font--calibri .h5 {
    font-size: -webkit-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri h5,
.e-shop30 .cmp-font--calibri .h5 {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--calibri h6,
.e-shop30 .cmp-font--calibri .h6 {
  letter-spacing: 0.03125rem;
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--calibri h6,
.e-shop30 .cmp-font--calibri .h6 {
  font-size: 1rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri h6,
.e-shop30 .cmp-font--calibri .h6 {
    font-size: -webkit-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: calc(1rem + 0.2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri h6,
.e-shop30 .cmp-font--calibri .h6 {
    font-size: 1.2rem;
  }
}
.e-shop30 .cmp-font--calibri h6,
.e-shop30 .cmp-font--calibri .h6 {
  line-height: 20px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri h6,
.e-shop30 .cmp-font--calibri .h6 {
    line-height: -webkit-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: -moz-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: calc(20px + -1 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri h6,
.e-shop30 .cmp-font--calibri .h6 {
    line-height: 19px;
  }
}
.e-shop30 .cmp-font--calibri .cmp-display {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
  letter-spacing: 0.03125rem;
}
.e-shop30 .cmp-font--calibri .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-font--calibri .cmp-display {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--calibri .lead {
  font-size: 1.44rem;
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
}
.e-shop30 .cmp-font--calibri .lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri .lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri .lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--calibri .cmp-lead {
  font-size: 1.44rem;
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
}
.e-shop30 .cmp-font--calibri .cmp-lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri .cmp-lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri .cmp-lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--calibri small,
.e-shop30 .cmp-font--calibri .small {
  font-size: 0.625rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri small,
.e-shop30 .cmp-font--calibri .small {
    font-size: -webkit-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: -moz-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri small,
.e-shop30 .cmp-font--calibri .small {
    font-size: 0.8125rem;
  }
}
.e-shop30 .cmp-font--calibri small,
.e-shop30 .cmp-font--calibri .small {
  line-height: 12px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri small,
.e-shop30 .cmp-font--calibri .small {
    line-height: -webkit-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: -moz-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: calc(12px + 4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri small,
.e-shop30 .cmp-font--calibri .small {
    line-height: 16px;
  }
}
.e-shop30 .cmp-font--calibri blockquote {
  font-weight: bold;
  font-style: italic !important;
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
}
.e-shop30 .cmp-font--calibri blockquote {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri blockquote {
    font-size: -webkit-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri blockquote {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--calibri blockquote {
  line-height: 34px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--calibri blockquote {
    line-height: -webkit-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: calc(34px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--calibri blockquote {
    line-height: 32px;
  }
}
.e-shop30 .cmp-font--calibri .button {
  letter-spacing: 0.03125rem;
  font-weight: bold;
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--calibri .cmp-product {
  /* styling for PIM imported content */
}
.e-shop30 .cmp-font--calibri .cmp-product span {
  font-size: 1.3125rem;
}
.e-shop30 .cmp-font--calibri .cmp-product__description .button {
  padding: 0;
}
.e-shop30 .cmp-font--calibri .cmp-header {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
}
.e-shop30 .cmp-font--calibri .cmp-text .cmp-definition b {
  font-family: Calibri, Helmet, Freesans, Helvetica, Droid, Arial, sans-serif;
  font-weight: bold;
}
.e-shop30 .cmp-font--calibri .cmp-font--light {
  font-weight: normal;
}
.e-shop30 .cmp-font--calibri .cmp-font--regular {
  font-weight: normal;
}
.e-shop30 .cmp-font--calibri .cmp-font--bold {
  font-weight: bold;
}
.e-shop30 .cmp-font--iransans {
  font-family: "Iran Sans Light";
  /* headings styling */
}
.e-shop30 .cmp-font--iransans h1,
.e-shop30 .cmp-font--iransans .h1,
.e-shop30 .cmp-font--iransans h3,
.e-shop30 .cmp-font--iransans .h3,
.e-shop30 .cmp-font--iransans h5,
.e-shop30 .cmp-font--iransans .h5,
.e-shop30 .cmp-font--iransans h6,
.e-shop30 .cmp-font--iransans .h6 {
  font-family: "Iran Sans Bold";
  font-weight: 700;
}
.e-shop30 .cmp-font--iransans h2,
.e-shop30 .cmp-font--iransans .h2,
.e-shop30 .cmp-font--iransans h4,
.e-shop30 .cmp-font--iransans .h4 {
  font-family: "Iran Sans";
  font-weight: 400;
}
.e-shop30 .cmp-font--iransans h1,
.e-shop30 .cmp-font--iransans .h1 {
  font-size: 3.05rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans h1,
.e-shop30 .cmp-font--iransans .h1 {
    font-size: -webkit-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: -moz-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans h1,
.e-shop30 .cmp-font--iransans .h1 {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--iransans h1,
.e-shop30 .cmp-font--iransans .h1 {
  line-height: 48px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans h1,
.e-shop30 .cmp-font--iransans .h1 {
    line-height: -webkit-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: -moz-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: calc(48px + 10 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans h1,
.e-shop30 .cmp-font--iransans .h1 {
    line-height: 58px;
  }
}
.e-shop30 .cmp-font--iransans h2,
.e-shop30 .cmp-font--iransans .h2 {
  font-size: 2.44rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans h2,
.e-shop30 .cmp-font--iransans .h2 {
    font-size: -webkit-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: -moz-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans h2,
.e-shop30 .cmp-font--iransans .h2 {
    font-size: 2.75rem;
  }
}
.e-shop30 .cmp-font--iransans h2,
.e-shop30 .cmp-font--iransans .h2 {
  line-height: 44px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans h2,
.e-shop30 .cmp-font--iransans .h2 {
    line-height: -webkit-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: calc(44px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans h2,
.e-shop30 .cmp-font--iransans .h2 {
    line-height: 49px;
  }
}
.e-shop30 .cmp-font--iransans h3,
.e-shop30 .cmp-font--iransans .h3 {
  font-size: 1.95rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans h3,
.e-shop30 .cmp-font--iransans .h3 {
    font-size: -webkit-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans h3,
.e-shop30 .cmp-font--iransans .h3 {
    font-size: 2.35rem;
  }
}
.e-shop30 .cmp-font--iransans h3,
.e-shop30 .cmp-font--iransans .h3 {
  line-height: 40px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans h3,
.e-shop30 .cmp-font--iransans .h3 {
    line-height: -webkit-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: calc(40px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans h3,
.e-shop30 .cmp-font--iransans .h3 {
    line-height: 38px;
  }
}
.e-shop30 .cmp-font--iransans h4,
.e-shop30 .cmp-font--iransans .h4 {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans h4,
.e-shop30 .cmp-font--iransans .h4 {
    font-size: -webkit-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans h4,
.e-shop30 .cmp-font--iransans .h4 {
    font-size: 1.88rem;
  }
}
.e-shop30 .cmp-font--iransans h4,
.e-shop30 .cmp-font--iransans .h4 {
  line-height: 25px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans h4,
.e-shop30 .cmp-font--iransans .h4 {
    line-height: -webkit-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: calc(25px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans h4,
.e-shop30 .cmp-font--iransans .h4 {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--iransans h5,
.e-shop30 .cmp-font--iransans .h5 {
  line-height: 24px;
}
.e-shop30 .cmp-font--iransans h5,
.e-shop30 .cmp-font--iransans .h5 {
  font-size: 1.25rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans h5,
.e-shop30 .cmp-font--iransans .h5 {
    font-size: -webkit-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans h5,
.e-shop30 .cmp-font--iransans .h5 {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--iransans h6,
.e-shop30 .cmp-font--iransans .h6 {
  letter-spacing: 0.03125rem;
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--iransans h6,
.e-shop30 .cmp-font--iransans .h6 {
  font-size: 1rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans h6,
.e-shop30 .cmp-font--iransans .h6 {
    font-size: -webkit-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: calc(1rem + 0.2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans h6,
.e-shop30 .cmp-font--iransans .h6 {
    font-size: 1.2rem;
  }
}
.e-shop30 .cmp-font--iransans h6,
.e-shop30 .cmp-font--iransans .h6 {
  line-height: 20px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans h6,
.e-shop30 .cmp-font--iransans .h6 {
    line-height: -webkit-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: -moz-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: calc(20px + -1 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans h6,
.e-shop30 .cmp-font--iransans .h6 {
    line-height: 19px;
  }
}
.e-shop30 .cmp-font--iransans .cmp-display {
  font-family: "Iran Sans Light";
  letter-spacing: 0.03125rem;
}
.e-shop30 .cmp-font--iransans .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-font--iransans .cmp-display {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--iransans .lead {
  font-size: 1.44rem;
  font-family: "Iran Sans Light";
}
.e-shop30 .cmp-font--iransans .lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans .lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans .lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--iransans .cmp-lead {
  font-size: 1.44rem;
  font-family: "Iran Sans Light";
}
.e-shop30 .cmp-font--iransans .cmp-lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans .cmp-lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans .cmp-lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--iransans small,
.e-shop30 .cmp-font--iransans .small {
  font-size: 0.625rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans small,
.e-shop30 .cmp-font--iransans .small {
    font-size: -webkit-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: -moz-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans small,
.e-shop30 .cmp-font--iransans .small {
    font-size: 0.8125rem;
  }
}
.e-shop30 .cmp-font--iransans small,
.e-shop30 .cmp-font--iransans .small {
  line-height: 12px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans small,
.e-shop30 .cmp-font--iransans .small {
    line-height: -webkit-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: -moz-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: calc(12px + 4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans small,
.e-shop30 .cmp-font--iransans .small {
    line-height: 16px;
  }
}
.e-shop30 .cmp-font--iransans blockquote {
  font-weight: bold;
  font-style: italic !important;
  font-family: "Iran Sans";
}
.e-shop30 .cmp-font--iransans blockquote {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans blockquote {
    font-size: -webkit-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans blockquote {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--iransans blockquote {
  line-height: 34px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--iransans blockquote {
    line-height: -webkit-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: calc(34px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--iransans blockquote {
    line-height: 32px;
  }
}
.e-shop30 .cmp-font--iransans .button {
  letter-spacing: 0.03125rem;
  font-weight: bold;
  font-family: "Iran Sans Bold";
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--iransans .cmp-product {
  /* styling for PIM imported content */
}
.e-shop30 .cmp-font--iransans .cmp-product span {
  font-size: 1.3125rem;
}
.e-shop30 .cmp-font--iransans .cmp-product__description .button {
  padding: 0;
}
.e-shop30 .cmp-font--iransans .cmp-header {
  font-family: "Iran Sans";
}
.e-shop30 .cmp-font--iransans .cmp-text .cmp-definition b {
  font-family: "Iran Sans Bold";
  font-weight: bold;
}
.e-shop30 .cmp-font--iransans .cmp-font--light {
  font-family: "Iran Sans Light";
  font-weight: normal;
}
.e-shop30 .cmp-font--iransans .cmp-font--regular {
  font-family: "Iran Sans";
  font-weight: normal;
}
.e-shop30 .cmp-font--iransans .cmp-font--bold {
  font-family: "Iran Sans Bold";
  font-weight: bold;
}
.e-shop30 .cmp-font--lantinghei {
  font-family: "LanTingHei SemiBold";
  /* headings styling */
}
.e-shop30 .cmp-font--lantinghei h1,
.e-shop30 .cmp-font--lantinghei .h1,
.e-shop30 .cmp-font--lantinghei h3,
.e-shop30 .cmp-font--lantinghei .h3,
.e-shop30 .cmp-font--lantinghei h5,
.e-shop30 .cmp-font--lantinghei .h5,
.e-shop30 .cmp-font--lantinghei h6,
.e-shop30 .cmp-font--lantinghei .h6 {
  font-family: "LanTingHei SemiBold";
  font-weight: 700;
}
.e-shop30 .cmp-font--lantinghei h2,
.e-shop30 .cmp-font--lantinghei .h2,
.e-shop30 .cmp-font--lantinghei h4,
.e-shop30 .cmp-font--lantinghei .h4 {
  font-family: "LanTingHei SemiBold";
  font-weight: 400;
}
.e-shop30 .cmp-font--lantinghei h1,
.e-shop30 .cmp-font--lantinghei .h1 {
  font-size: 3.05rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei h1,
.e-shop30 .cmp-font--lantinghei .h1 {
    font-size: -webkit-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: -moz-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei h1,
.e-shop30 .cmp-font--lantinghei .h1 {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--lantinghei h1,
.e-shop30 .cmp-font--lantinghei .h1 {
  line-height: 48px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei h1,
.e-shop30 .cmp-font--lantinghei .h1 {
    line-height: -webkit-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: -moz-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: calc(48px + 10 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei h1,
.e-shop30 .cmp-font--lantinghei .h1 {
    line-height: 58px;
  }
}
.e-shop30 .cmp-font--lantinghei h2,
.e-shop30 .cmp-font--lantinghei .h2 {
  font-size: 2.44rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei h2,
.e-shop30 .cmp-font--lantinghei .h2 {
    font-size: -webkit-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: -moz-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei h2,
.e-shop30 .cmp-font--lantinghei .h2 {
    font-size: 2.75rem;
  }
}
.e-shop30 .cmp-font--lantinghei h2,
.e-shop30 .cmp-font--lantinghei .h2 {
  line-height: 44px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei h2,
.e-shop30 .cmp-font--lantinghei .h2 {
    line-height: -webkit-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: calc(44px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei h2,
.e-shop30 .cmp-font--lantinghei .h2 {
    line-height: 49px;
  }
}
.e-shop30 .cmp-font--lantinghei h3,
.e-shop30 .cmp-font--lantinghei .h3 {
  font-size: 1.95rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei h3,
.e-shop30 .cmp-font--lantinghei .h3 {
    font-size: -webkit-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei h3,
.e-shop30 .cmp-font--lantinghei .h3 {
    font-size: 2.35rem;
  }
}
.e-shop30 .cmp-font--lantinghei h3,
.e-shop30 .cmp-font--lantinghei .h3 {
  line-height: 40px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei h3,
.e-shop30 .cmp-font--lantinghei .h3 {
    line-height: -webkit-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: calc(40px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei h3,
.e-shop30 .cmp-font--lantinghei .h3 {
    line-height: 38px;
  }
}
.e-shop30 .cmp-font--lantinghei h4,
.e-shop30 .cmp-font--lantinghei .h4 {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei h4,
.e-shop30 .cmp-font--lantinghei .h4 {
    font-size: -webkit-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei h4,
.e-shop30 .cmp-font--lantinghei .h4 {
    font-size: 1.88rem;
  }
}
.e-shop30 .cmp-font--lantinghei h4,
.e-shop30 .cmp-font--lantinghei .h4 {
  line-height: 25px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei h4,
.e-shop30 .cmp-font--lantinghei .h4 {
    line-height: -webkit-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: calc(25px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei h4,
.e-shop30 .cmp-font--lantinghei .h4 {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--lantinghei h5,
.e-shop30 .cmp-font--lantinghei .h5 {
  line-height: 24px;
}
.e-shop30 .cmp-font--lantinghei h5,
.e-shop30 .cmp-font--lantinghei .h5 {
  font-size: 1.25rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei h5,
.e-shop30 .cmp-font--lantinghei .h5 {
    font-size: -webkit-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei h5,
.e-shop30 .cmp-font--lantinghei .h5 {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--lantinghei h6,
.e-shop30 .cmp-font--lantinghei .h6 {
  letter-spacing: 0.03125rem;
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--lantinghei h6,
.e-shop30 .cmp-font--lantinghei .h6 {
  font-size: 1rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei h6,
.e-shop30 .cmp-font--lantinghei .h6 {
    font-size: -webkit-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: calc(1rem + 0.2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei h6,
.e-shop30 .cmp-font--lantinghei .h6 {
    font-size: 1.2rem;
  }
}
.e-shop30 .cmp-font--lantinghei h6,
.e-shop30 .cmp-font--lantinghei .h6 {
  line-height: 20px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei h6,
.e-shop30 .cmp-font--lantinghei .h6 {
    line-height: -webkit-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: -moz-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: calc(20px + -1 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei h6,
.e-shop30 .cmp-font--lantinghei .h6 {
    line-height: 19px;
  }
}
.e-shop30 .cmp-font--lantinghei .cmp-display {
  font-family: "LanTingHei SemiBold";
  letter-spacing: 0.03125rem;
}
.e-shop30 .cmp-font--lantinghei .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-font--lantinghei .cmp-display {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--lantinghei .lead {
  font-size: 1.44rem;
  font-family: "LanTingHei SemiBold";
}
.e-shop30 .cmp-font--lantinghei .lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei .lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei .lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--lantinghei .cmp-lead {
  font-size: 1.44rem;
  font-family: "LanTingHei SemiBold";
}
.e-shop30 .cmp-font--lantinghei .cmp-lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei .cmp-lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei .cmp-lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--lantinghei small,
.e-shop30 .cmp-font--lantinghei .small {
  font-size: 0.625rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei small,
.e-shop30 .cmp-font--lantinghei .small {
    font-size: -webkit-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: -moz-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei small,
.e-shop30 .cmp-font--lantinghei .small {
    font-size: 0.8125rem;
  }
}
.e-shop30 .cmp-font--lantinghei small,
.e-shop30 .cmp-font--lantinghei .small {
  line-height: 12px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei small,
.e-shop30 .cmp-font--lantinghei .small {
    line-height: -webkit-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: -moz-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: calc(12px + 4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei small,
.e-shop30 .cmp-font--lantinghei .small {
    line-height: 16px;
  }
}
.e-shop30 .cmp-font--lantinghei blockquote {
  font-weight: bold;
  font-style: italic !important;
  font-family: "LanTingHei SemiBold";
}
.e-shop30 .cmp-font--lantinghei blockquote {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei blockquote {
    font-size: -webkit-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei blockquote {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--lantinghei blockquote {
  line-height: 34px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--lantinghei blockquote {
    line-height: -webkit-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: calc(34px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--lantinghei blockquote {
    line-height: 32px;
  }
}
.e-shop30 .cmp-font--lantinghei .button {
  letter-spacing: 0.03125rem;
  font-weight: bold;
  font-family: "LanTingHei SemiBold";
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--lantinghei .cmp-product {
  /* styling for PIM imported content */
}
.e-shop30 .cmp-font--lantinghei .cmp-product span {
  font-size: 1.3125rem;
}
.e-shop30 .cmp-font--lantinghei .cmp-product__description .button {
  padding: 0;
}
.e-shop30 .cmp-font--lantinghei .cmp-header {
  font-family: "LanTingHei SemiBold";
}
.e-shop30 .cmp-font--lantinghei .cmp-text .cmp-definition b {
  font-family: "LanTingHei SemiBold";
  font-weight: bold;
}
.e-shop30 .cmp-font--lantinghei .cmp-font--light {
  font-family: "LanTingHei Light";
  font-weight: 300;
}
.e-shop30 .cmp-font--lantinghei .cmp-font--regular {
  font-family: "LanTingHei SemiBold";
  font-weight: 600;
}
.e-shop30 .cmp-font--lantinghei .cmp-font--bold {
  font-family: "LanTingHei Bold";
  font-weight: bold;
}
.e-shop30 .cmp-font--gothic {
  font-family: "Gothic Medium";
  /* headings styling */
}
.e-shop30 .cmp-font--gothic h1,
.e-shop30 .cmp-font--gothic .h1,
.e-shop30 .cmp-font--gothic h3,
.e-shop30 .cmp-font--gothic .h3,
.e-shop30 .cmp-font--gothic h5,
.e-shop30 .cmp-font--gothic .h5,
.e-shop30 .cmp-font--gothic h6,
.e-shop30 .cmp-font--gothic .h6 {
  font-family: "Gothic Medium";
  font-weight: 700;
}
.e-shop30 .cmp-font--gothic h2,
.e-shop30 .cmp-font--gothic .h2,
.e-shop30 .cmp-font--gothic h4,
.e-shop30 .cmp-font--gothic .h4 {
  font-family: "Gothic Medium";
  font-weight: 400;
}
.e-shop30 .cmp-font--gothic h1,
.e-shop30 .cmp-font--gothic .h1 {
  font-size: 3.05rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic h1,
.e-shop30 .cmp-font--gothic .h1 {
    font-size: -webkit-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: -moz-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic h1,
.e-shop30 .cmp-font--gothic .h1 {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--gothic h1,
.e-shop30 .cmp-font--gothic .h1 {
  line-height: 48px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic h1,
.e-shop30 .cmp-font--gothic .h1 {
    line-height: -webkit-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: -moz-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: calc(48px + 10 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic h1,
.e-shop30 .cmp-font--gothic .h1 {
    line-height: 58px;
  }
}
.e-shop30 .cmp-font--gothic h2,
.e-shop30 .cmp-font--gothic .h2 {
  font-size: 2.44rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic h2,
.e-shop30 .cmp-font--gothic .h2 {
    font-size: -webkit-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: -moz-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic h2,
.e-shop30 .cmp-font--gothic .h2 {
    font-size: 2.75rem;
  }
}
.e-shop30 .cmp-font--gothic h2,
.e-shop30 .cmp-font--gothic .h2 {
  line-height: 44px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic h2,
.e-shop30 .cmp-font--gothic .h2 {
    line-height: -webkit-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: calc(44px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic h2,
.e-shop30 .cmp-font--gothic .h2 {
    line-height: 49px;
  }
}
.e-shop30 .cmp-font--gothic h3,
.e-shop30 .cmp-font--gothic .h3 {
  font-size: 1.95rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic h3,
.e-shop30 .cmp-font--gothic .h3 {
    font-size: -webkit-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic h3,
.e-shop30 .cmp-font--gothic .h3 {
    font-size: 2.35rem;
  }
}
.e-shop30 .cmp-font--gothic h3,
.e-shop30 .cmp-font--gothic .h3 {
  line-height: 40px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic h3,
.e-shop30 .cmp-font--gothic .h3 {
    line-height: -webkit-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: calc(40px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic h3,
.e-shop30 .cmp-font--gothic .h3 {
    line-height: 38px;
  }
}
.e-shop30 .cmp-font--gothic h4,
.e-shop30 .cmp-font--gothic .h4 {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic h4,
.e-shop30 .cmp-font--gothic .h4 {
    font-size: -webkit-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic h4,
.e-shop30 .cmp-font--gothic .h4 {
    font-size: 1.88rem;
  }
}
.e-shop30 .cmp-font--gothic h4,
.e-shop30 .cmp-font--gothic .h4 {
  line-height: 25px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic h4,
.e-shop30 .cmp-font--gothic .h4 {
    line-height: -webkit-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: calc(25px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic h4,
.e-shop30 .cmp-font--gothic .h4 {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--gothic h5,
.e-shop30 .cmp-font--gothic .h5 {
  line-height: 24px;
}
.e-shop30 .cmp-font--gothic h5,
.e-shop30 .cmp-font--gothic .h5 {
  font-size: 1.25rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic h5,
.e-shop30 .cmp-font--gothic .h5 {
    font-size: -webkit-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic h5,
.e-shop30 .cmp-font--gothic .h5 {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--gothic h6,
.e-shop30 .cmp-font--gothic .h6 {
  letter-spacing: 0.03125rem;
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--gothic h6,
.e-shop30 .cmp-font--gothic .h6 {
  font-size: 1rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic h6,
.e-shop30 .cmp-font--gothic .h6 {
    font-size: -webkit-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: calc(1rem + 0.2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic h6,
.e-shop30 .cmp-font--gothic .h6 {
    font-size: 1.2rem;
  }
}
.e-shop30 .cmp-font--gothic h6,
.e-shop30 .cmp-font--gothic .h6 {
  line-height: 20px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic h6,
.e-shop30 .cmp-font--gothic .h6 {
    line-height: -webkit-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: -moz-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: calc(20px + -1 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic h6,
.e-shop30 .cmp-font--gothic .h6 {
    line-height: 19px;
  }
}
.e-shop30 .cmp-font--gothic .cmp-display {
  font-family: "Gothic Medium";
  letter-spacing: 0.03125rem;
}
.e-shop30 .cmp-font--gothic .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-font--gothic .cmp-display {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--gothic .lead {
  font-size: 1.44rem;
  font-family: "Gothic Medium";
}
.e-shop30 .cmp-font--gothic .lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic .lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic .lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--gothic .cmp-lead {
  font-size: 1.44rem;
  font-family: "Gothic Medium";
}
.e-shop30 .cmp-font--gothic .cmp-lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic .cmp-lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic .cmp-lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--gothic small,
.e-shop30 .cmp-font--gothic .small {
  font-size: 0.625rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic small,
.e-shop30 .cmp-font--gothic .small {
    font-size: -webkit-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: -moz-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic small,
.e-shop30 .cmp-font--gothic .small {
    font-size: 0.8125rem;
  }
}
.e-shop30 .cmp-font--gothic small,
.e-shop30 .cmp-font--gothic .small {
  line-height: 12px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic small,
.e-shop30 .cmp-font--gothic .small {
    line-height: -webkit-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: -moz-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: calc(12px + 4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic small,
.e-shop30 .cmp-font--gothic .small {
    line-height: 16px;
  }
}
.e-shop30 .cmp-font--gothic blockquote {
  font-weight: bold;
  font-style: italic !important;
  font-family: "Gothic Medium";
}
.e-shop30 .cmp-font--gothic blockquote {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic blockquote {
    font-size: -webkit-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic blockquote {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--gothic blockquote {
  line-height: 34px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--gothic blockquote {
    line-height: -webkit-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: calc(34px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--gothic blockquote {
    line-height: 32px;
  }
}
.e-shop30 .cmp-font--gothic .button {
  letter-spacing: 0.03125rem;
  font-weight: bold;
  font-family: "Gothic Medium";
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--gothic .cmp-product {
  /* styling for PIM imported content */
}
.e-shop30 .cmp-font--gothic .cmp-product span {
  font-size: 1.3125rem;
}
.e-shop30 .cmp-font--gothic .cmp-product__description .button {
  padding: 0;
}
.e-shop30 .cmp-font--gothic .cmp-header {
  font-family: "Gothic Medium";
}
.e-shop30 .cmp-font--gothic .cmp-text .cmp-definition b {
  font-family: "Gothic Medium";
  font-weight: bold;
}
.e-shop30 .cmp-font--gothic .cmp-font--light {
  font-family: "Gothic Light";
  font-weight: 300;
}
.e-shop30 .cmp-font--gothic .cmp-font--regular {
  font-family: "Gothic Medium";
  font-weight: 500;
}
.e-shop30 .cmp-font--gothic .cmp-font--bold {
  font-family: "Gothic Bold";
  font-weight: bold;
}
.e-shop30 .cmp-font--jasmine {
  font-family: "Jasmine";
  /* headings styling */
}
.e-shop30 .cmp-font--jasmine h1,
.e-shop30 .cmp-font--jasmine .h1,
.e-shop30 .cmp-font--jasmine h3,
.e-shop30 .cmp-font--jasmine .h3,
.e-shop30 .cmp-font--jasmine h5,
.e-shop30 .cmp-font--jasmine .h5,
.e-shop30 .cmp-font--jasmine h6,
.e-shop30 .cmp-font--jasmine .h6 {
  font-family: "Jasmine";
  font-weight: 700;
}
.e-shop30 .cmp-font--jasmine h2,
.e-shop30 .cmp-font--jasmine .h2,
.e-shop30 .cmp-font--jasmine h4,
.e-shop30 .cmp-font--jasmine .h4 {
  font-family: "Jasmine";
  font-weight: 400;
}
.e-shop30 .cmp-font--jasmine h1,
.e-shop30 .cmp-font--jasmine .h1 {
  font-size: 3.05rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine h1,
.e-shop30 .cmp-font--jasmine .h1 {
    font-size: -webkit-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: -moz-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine h1,
.e-shop30 .cmp-font--jasmine .h1 {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--jasmine h1,
.e-shop30 .cmp-font--jasmine .h1 {
  line-height: 48px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine h1,
.e-shop30 .cmp-font--jasmine .h1 {
    line-height: -webkit-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: -moz-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: calc(48px + 10 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine h1,
.e-shop30 .cmp-font--jasmine .h1 {
    line-height: 58px;
  }
}
.e-shop30 .cmp-font--jasmine h2,
.e-shop30 .cmp-font--jasmine .h2 {
  font-size: 2.44rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine h2,
.e-shop30 .cmp-font--jasmine .h2 {
    font-size: -webkit-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: -moz-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine h2,
.e-shop30 .cmp-font--jasmine .h2 {
    font-size: 2.75rem;
  }
}
.e-shop30 .cmp-font--jasmine h2,
.e-shop30 .cmp-font--jasmine .h2 {
  line-height: 44px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine h2,
.e-shop30 .cmp-font--jasmine .h2 {
    line-height: -webkit-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: calc(44px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine h2,
.e-shop30 .cmp-font--jasmine .h2 {
    line-height: 49px;
  }
}
.e-shop30 .cmp-font--jasmine h3,
.e-shop30 .cmp-font--jasmine .h3 {
  font-size: 1.95rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine h3,
.e-shop30 .cmp-font--jasmine .h3 {
    font-size: -webkit-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine h3,
.e-shop30 .cmp-font--jasmine .h3 {
    font-size: 2.35rem;
  }
}
.e-shop30 .cmp-font--jasmine h3,
.e-shop30 .cmp-font--jasmine .h3 {
  line-height: 40px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine h3,
.e-shop30 .cmp-font--jasmine .h3 {
    line-height: -webkit-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: calc(40px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine h3,
.e-shop30 .cmp-font--jasmine .h3 {
    line-height: 38px;
  }
}
.e-shop30 .cmp-font--jasmine h4,
.e-shop30 .cmp-font--jasmine .h4 {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine h4,
.e-shop30 .cmp-font--jasmine .h4 {
    font-size: -webkit-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine h4,
.e-shop30 .cmp-font--jasmine .h4 {
    font-size: 1.88rem;
  }
}
.e-shop30 .cmp-font--jasmine h4,
.e-shop30 .cmp-font--jasmine .h4 {
  line-height: 25px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine h4,
.e-shop30 .cmp-font--jasmine .h4 {
    line-height: -webkit-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: calc(25px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine h4,
.e-shop30 .cmp-font--jasmine .h4 {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--jasmine h5,
.e-shop30 .cmp-font--jasmine .h5 {
  line-height: 24px;
}
.e-shop30 .cmp-font--jasmine h5,
.e-shop30 .cmp-font--jasmine .h5 {
  font-size: 1.25rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine h5,
.e-shop30 .cmp-font--jasmine .h5 {
    font-size: -webkit-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine h5,
.e-shop30 .cmp-font--jasmine .h5 {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--jasmine h6,
.e-shop30 .cmp-font--jasmine .h6 {
  letter-spacing: 0.03125rem;
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--jasmine h6,
.e-shop30 .cmp-font--jasmine .h6 {
  font-size: 1rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine h6,
.e-shop30 .cmp-font--jasmine .h6 {
    font-size: -webkit-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: calc(1rem + 0.2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine h6,
.e-shop30 .cmp-font--jasmine .h6 {
    font-size: 1.2rem;
  }
}
.e-shop30 .cmp-font--jasmine h6,
.e-shop30 .cmp-font--jasmine .h6 {
  line-height: 20px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine h6,
.e-shop30 .cmp-font--jasmine .h6 {
    line-height: -webkit-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: -moz-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: calc(20px + -1 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine h6,
.e-shop30 .cmp-font--jasmine .h6 {
    line-height: 19px;
  }
}
.e-shop30 .cmp-font--jasmine .cmp-display {
  font-family: "Jasmine";
  letter-spacing: 0.03125rem;
}
.e-shop30 .cmp-font--jasmine .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-font--jasmine .cmp-display {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--jasmine .lead {
  font-size: 1.44rem;
  font-family: "Jasmine";
}
.e-shop30 .cmp-font--jasmine .lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine .lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine .lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--jasmine .cmp-lead {
  font-size: 1.44rem;
  font-family: "Jasmine";
}
.e-shop30 .cmp-font--jasmine .cmp-lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine .cmp-lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine .cmp-lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--jasmine small,
.e-shop30 .cmp-font--jasmine .small {
  font-size: 0.625rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine small,
.e-shop30 .cmp-font--jasmine .small {
    font-size: -webkit-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: -moz-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine small,
.e-shop30 .cmp-font--jasmine .small {
    font-size: 0.8125rem;
  }
}
.e-shop30 .cmp-font--jasmine small,
.e-shop30 .cmp-font--jasmine .small {
  line-height: 12px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine small,
.e-shop30 .cmp-font--jasmine .small {
    line-height: -webkit-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: -moz-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: calc(12px + 4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine small,
.e-shop30 .cmp-font--jasmine .small {
    line-height: 16px;
  }
}
.e-shop30 .cmp-font--jasmine blockquote {
  font-weight: bold;
  font-style: italic !important;
  font-family: "Jasmine";
}
.e-shop30 .cmp-font--jasmine blockquote {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine blockquote {
    font-size: -webkit-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine blockquote {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--jasmine blockquote {
  line-height: 34px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--jasmine blockquote {
    line-height: -webkit-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: calc(34px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--jasmine blockquote {
    line-height: 32px;
  }
}
.e-shop30 .cmp-font--jasmine .button {
  letter-spacing: 0.03125rem;
  font-weight: bold;
  font-family: "Jasmine";
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--jasmine .cmp-product {
  /* styling for PIM imported content */
}
.e-shop30 .cmp-font--jasmine .cmp-product span {
  font-size: 1.3125rem;
}
.e-shop30 .cmp-font--jasmine .cmp-product__description .button {
  padding: 0;
}
.e-shop30 .cmp-font--jasmine .cmp-header {
  font-family: "Jasmine";
}
.e-shop30 .cmp-font--jasmine .cmp-text .cmp-definition b {
  font-family: "Jasmine";
  font-weight: bold;
}
.e-shop30 .cmp-font--jasmine .cmp-font--light {
  font-family: "Jasmine";
  font-weight: 300;
}
.e-shop30 .cmp-font--jasmine .cmp-font--regular {
  font-family: "Jasmine";
  font-weight: normal;
}
.e-shop30 .cmp-font--jasmine .cmp-font--bold {
  font-family: "Jasmine Bold";
  font-weight: bold;
}
.e-shop30 .cmp-font--sarabunnew {
  font-family: "SarabunNew";
  /* headings styling */
}
.e-shop30 .cmp-font--sarabunnew h1,
.e-shop30 .cmp-font--sarabunnew .h1,
.e-shop30 .cmp-font--sarabunnew h3,
.e-shop30 .cmp-font--sarabunnew .h3,
.e-shop30 .cmp-font--sarabunnew h5,
.e-shop30 .cmp-font--sarabunnew .h5,
.e-shop30 .cmp-font--sarabunnew h6,
.e-shop30 .cmp-font--sarabunnew .h6 {
  font-family: "SarabunNew";
  font-weight: 700;
}
.e-shop30 .cmp-font--sarabunnew h2,
.e-shop30 .cmp-font--sarabunnew .h2,
.e-shop30 .cmp-font--sarabunnew h4,
.e-shop30 .cmp-font--sarabunnew .h4 {
  font-family: "SarabunNew";
  font-weight: 400;
}
.e-shop30 .cmp-font--sarabunnew h1,
.e-shop30 .cmp-font--sarabunnew .h1 {
  font-size: 3.05rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew h1,
.e-shop30 .cmp-font--sarabunnew .h1 {
    font-size: -webkit-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: -moz-calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
    font-size: calc(3.05rem + 0.39 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew h1,
.e-shop30 .cmp-font--sarabunnew .h1 {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--sarabunnew h1,
.e-shop30 .cmp-font--sarabunnew .h1 {
  line-height: 48px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew h1,
.e-shop30 .cmp-font--sarabunnew .h1 {
    line-height: -webkit-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: -moz-calc(48px + 10 * ((100vw - 320px) / 320));
    line-height: calc(48px + 10 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew h1,
.e-shop30 .cmp-font--sarabunnew .h1 {
    line-height: 58px;
  }
}
.e-shop30 .cmp-font--sarabunnew h2,
.e-shop30 .cmp-font--sarabunnew .h2 {
  font-size: 2.44rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew h2,
.e-shop30 .cmp-font--sarabunnew .h2 {
    font-size: -webkit-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: -moz-calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
    font-size: calc(2.44rem + 0.31 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew h2,
.e-shop30 .cmp-font--sarabunnew .h2 {
    font-size: 2.75rem;
  }
}
.e-shop30 .cmp-font--sarabunnew h2,
.e-shop30 .cmp-font--sarabunnew .h2 {
  line-height: 44px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew h2,
.e-shop30 .cmp-font--sarabunnew .h2 {
    line-height: -webkit-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(44px + 5 * ((100vw - 320px) / 320));
    line-height: calc(44px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew h2,
.e-shop30 .cmp-font--sarabunnew .h2 {
    line-height: 49px;
  }
}
.e-shop30 .cmp-font--sarabunnew h3,
.e-shop30 .cmp-font--sarabunnew .h3 {
  font-size: 1.95rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew h3,
.e-shop30 .cmp-font--sarabunnew .h3 {
    font-size: -webkit-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
    font-size: calc(1.95rem + 0.4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew h3,
.e-shop30 .cmp-font--sarabunnew .h3 {
    font-size: 2.35rem;
  }
}
.e-shop30 .cmp-font--sarabunnew h3,
.e-shop30 .cmp-font--sarabunnew .h3 {
  line-height: 40px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew h3,
.e-shop30 .cmp-font--sarabunnew .h3 {
    line-height: -webkit-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(40px + -2 * ((100vw - 320px) / 320));
    line-height: calc(40px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew h3,
.e-shop30 .cmp-font--sarabunnew .h3 {
    line-height: 38px;
  }
}
.e-shop30 .cmp-font--sarabunnew h4,
.e-shop30 .cmp-font--sarabunnew .h4 {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew h4,
.e-shop30 .cmp-font--sarabunnew .h4 {
    font-size: -webkit-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + 0.32 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew h4,
.e-shop30 .cmp-font--sarabunnew .h4 {
    font-size: 1.88rem;
  }
}
.e-shop30 .cmp-font--sarabunnew h4,
.e-shop30 .cmp-font--sarabunnew .h4 {
  line-height: 25px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew h4,
.e-shop30 .cmp-font--sarabunnew .h4 {
    line-height: -webkit-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: -moz-calc(25px + 5 * ((100vw - 320px) / 320));
    line-height: calc(25px + 5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew h4,
.e-shop30 .cmp-font--sarabunnew .h4 {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--sarabunnew h5,
.e-shop30 .cmp-font--sarabunnew .h5 {
  line-height: 24px;
}
.e-shop30 .cmp-font--sarabunnew h5,
.e-shop30 .cmp-font--sarabunnew .h5 {
  font-size: 1.25rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew h5,
.e-shop30 .cmp-font--sarabunnew .h5 {
    font-size: -webkit-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
    font-size: calc(1.25rem + 0.25 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew h5,
.e-shop30 .cmp-font--sarabunnew .h5 {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--sarabunnew h6,
.e-shop30 .cmp-font--sarabunnew .h6 {
  letter-spacing: 0.03125rem;
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--sarabunnew h6,
.e-shop30 .cmp-font--sarabunnew .h6 {
  font-size: 1rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew h6,
.e-shop30 .cmp-font--sarabunnew .h6 {
    font-size: -webkit-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1rem + 0.2 * ((100vw - 320px) / 320));
    font-size: calc(1rem + 0.2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew h6,
.e-shop30 .cmp-font--sarabunnew .h6 {
    font-size: 1.2rem;
  }
}
.e-shop30 .cmp-font--sarabunnew h6,
.e-shop30 .cmp-font--sarabunnew .h6 {
  line-height: 20px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew h6,
.e-shop30 .cmp-font--sarabunnew .h6 {
    line-height: -webkit-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: -moz-calc(20px + -1 * ((100vw - 320px) / 320));
    line-height: calc(20px + -1 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew h6,
.e-shop30 .cmp-font--sarabunnew .h6 {
    line-height: 19px;
  }
}
.e-shop30 .cmp-font--sarabunnew .cmp-display {
  font-family: "SarabunNew";
  letter-spacing: 0.03125rem;
}
.e-shop30 .cmp-font--sarabunnew .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-font--sarabunnew .cmp-display {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-font--sarabunnew .lead {
  font-size: 1.44rem;
  font-family: "SarabunNew";
}
.e-shop30 .cmp-font--sarabunnew .lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew .lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew .lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--sarabunnew .cmp-lead {
  font-size: 1.44rem;
  font-family: "SarabunNew";
}
.e-shop30 .cmp-font--sarabunnew .cmp-lead {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew .cmp-lead {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew .cmp-lead {
    line-height: 30px;
  }
}
.e-shop30 .cmp-font--sarabunnew small,
.e-shop30 .cmp-font--sarabunnew .small {
  font-size: 0.625rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew small,
.e-shop30 .cmp-font--sarabunnew .small {
    font-size: -webkit-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: -moz-calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
    font-size: calc(0.625rem + 0.1875 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew small,
.e-shop30 .cmp-font--sarabunnew .small {
    font-size: 0.8125rem;
  }
}
.e-shop30 .cmp-font--sarabunnew small,
.e-shop30 .cmp-font--sarabunnew .small {
  line-height: 12px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew small,
.e-shop30 .cmp-font--sarabunnew .small {
    line-height: -webkit-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: -moz-calc(12px + 4 * ((100vw - 320px) / 320));
    line-height: calc(12px + 4 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew small,
.e-shop30 .cmp-font--sarabunnew .small {
    line-height: 16px;
  }
}
.e-shop30 .cmp-font--sarabunnew blockquote {
  font-weight: bold;
  font-style: italic !important;
  font-family: "SarabunNew";
}
.e-shop30 .cmp-font--sarabunnew blockquote {
  font-size: 1.56rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew blockquote {
    font-size: -webkit-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
    font-size: calc(1.56rem + -0.06 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew blockquote {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-font--sarabunnew blockquote {
  line-height: 34px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-font--sarabunnew blockquote {
    line-height: -webkit-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(34px + -2 * ((100vw - 320px) / 320));
    line-height: calc(34px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-font--sarabunnew blockquote {
    line-height: 32px;
  }
}
.e-shop30 .cmp-font--sarabunnew .button {
  letter-spacing: 0.03125rem;
  font-weight: bold;
  font-family: "SarabunNew";
  text-transform: uppercase !important;
}
.e-shop30 .cmp-font--sarabunnew .cmp-product {
  /* styling for PIM imported content */
}
.e-shop30 .cmp-font--sarabunnew .cmp-product span {
  font-size: 1.3125rem;
}
.e-shop30 .cmp-font--sarabunnew .cmp-product__description .button {
  padding: 0;
}
.e-shop30 .cmp-font--sarabunnew .cmp-header {
  font-family: "SarabunNew";
}
.e-shop30 .cmp-font--sarabunnew .cmp-text .cmp-definition b {
  font-family: "SarabunNew";
  font-weight: bold;
}
.e-shop30 .cmp-font--sarabunnew .cmp-font--light {
  font-family: "SarabunNew";
  font-weight: 300;
}
.e-shop30 .cmp-font--sarabunnew .cmp-font--regular {
  font-family: "SarabunNew";
  font-weight: normal;
}
.e-shop30 .cmp-font--sarabunnew .cmp-font--bold {
  font-family: "SarabunNew Bold";
  font-weight: bold;
}
.e-shop30 .cmp--dark {
  color: #ffffff;
}
.e-shop30 .cmp--dark a {
  color: #ffffff;
}
.e-shop30 .cmp--dark .cmp--light {
  color: #000000;
}
.e-shop30 .cmp--dark .cmp--light a {
  color: #000000;
}
.e-shop30 .cmp--underline {
  padding-bottom: 15px;
  border-bottom: 2px solid #ffffff;
}
.e-shop30 .cmp-background--light-grey .cmp-tabs-container__content, .e-shop30 .cmp-background--grey .cmp-tabs-container__content, .e-shop30 .cmp-background--middle-grey .cmp-tabs-container__content, .e-shop30 .cmp-background--dark-grey .cmp-tabs-container__content, .e-shop30 .cmp-background--darker-grey .cmp-tabs-container__content {
  padding: 0 1rem;
}
.e-shop30 .cmp-background--light-grey .cmp-layout, .e-shop30 .cmp-background--grey .cmp-layout, .e-shop30 .cmp-background--middle-grey .cmp-layout, .e-shop30 .cmp-background--dark-grey .cmp-layout, .e-shop30 .cmp-background--darker-grey .cmp-layout, .e-shop30 .cmp-background--yellow .cmp-layout {
  padding-top: 1.5rem !important;
}
.e-shop30 .cmp-background--light-grey {
  background-color: #f5f5f5;
}
.e-shop30 .cmp-background--grey {
  background-color: #e0e0e0;
}
.e-shop30 .cmp-background--middle-grey {
  background-color: #9e9e9e;
}
.e-shop30 .cmp-background--dark-grey {
  background-color: #616161;
}
.e-shop30 .cmp-background--darker-grey {
  background-color: #3c3c3c;
}
.e-shop30 .cmp-background--yellow {
  background: #ffc510;
}
.e-shop30 .cmp-background--yellow .cmp-button {
  background-color: #ffffff;
}
.e-shop30 .cmp-background--white {
  background: #ffffff;
}
.e-shop30 .cmp-background-keynumber--light-grey .cmp-key-number {
  background: #f5f5f5;
  color: #000000;
}
.e-shop30 .cmp-background-keynumber--light-grey .cmp-key-number__value {
  color: #ffc510;
}
.e-shop30 .cmp-background-keynumber--light-grey .cmp-key-number a {
  color: #000000;
}
.e-shop30 .cmp-background-keynumber--grey .cmp-key-number {
  background: #e0e0e0;
  color: #000000;
}
.e-shop30 .cmp-background-keynumber--grey .cmp-key-number__value {
  color: #ffc510;
}
.e-shop30 .cmp-background-keynumber--grey .cmp-key-number a {
  color: #000000;
}
.e-shop30 .cmp-background-keynumber--middle-grey .cmp-key-number {
  background: #9e9e9e;
  color: #ffffff;
}
.e-shop30 .cmp-background-keynumber--middle-grey .cmp-key-number__value {
  color: #ffc510;
}
.e-shop30 .cmp-background-keynumber--middle-grey .cmp-key-number a {
  color: #ffffff;
}
.e-shop30 .cmp-background-keynumber--dark-grey .cmp-key-number {
  background: #616161;
  color: #ffffff;
}
.e-shop30 .cmp-background-keynumber--dark-grey .cmp-key-number__value {
  color: #ffc510;
}
.e-shop30 .cmp-background-keynumber--dark-grey .cmp-key-number a {
  color: #ffffff;
}
.e-shop30 .cmp-background-keynumber--yellow .cmp-key-number {
  background: #ffc510;
  color: #000000;
}
.e-shop30 .cmp-background-keynumber--yellow .cmp-key-number__value {
  color: #ffffff;
}
.e-shop30 .cmp-background-keynumber--yellow .cmp-key-number a {
  color: #000000;
}
.e-shop30 .cmp-background-keynumber--white .cmp-key-number {
  background: #ffffff;
  color: #000000;
}
.e-shop30 .cmp-background-keynumber--white .cmp-key-number__value {
  color: #ffc510;
}
.e-shop30 .cmp-background-keynumber--white .cmp-key-number a {
  color: #000000;
}
.e-shop30 .cmp-shadow__left {
  position: absolute !important;
  width: 50px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  color: #ffc510;
  font-size: 3rem;
  text-align: center;
  line-height: 1;
  left: 0;
}
.e-shop30 .cmp-shadow__left .cmp-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.e-shop30 .cmp-shadow__right {
  position: absolute !important;
  width: 50px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  color: #ffc510;
  font-size: 3rem;
  text-align: center;
  line-height: 1;
  right: 0;
}
.e-shop30 .cmp-shadow__right .cmp-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.e-shop30 .sika-button {
  margin-bottom: 1rem;
}
.e-shop30 .sika-button::after {
  content: "";
  display: block;
  clear: both;
}
.e-shop30 .cmp-button .cmp-icon {
  font-size: 1.5rem;
  margin-right: 15px;
  vertical-align: middle;
  line-height: 0.5rem;
}
.e-shop30 .cmp-button:not(:first-child) {
  margin-top: 10px;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-button:not(:first-child) {
    margin-top: 0;
  }
}
.e-shop30 .cmp-button.button {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.e-shop30 .cmp-button.button:hover {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.e-shop30 .cmp-button.button.primary:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color: #ffc510;
}
.e-shop30 .cmp-button.button.primary:focus {
  background-color: #ffc510;
}
.e-shop30 .cmp-button.button.primary.disabled, .e-shop30 .cmp-button.button.primary.disabled:hover, .e-shop30 .cmp-button.button.primary.disabled:focus {
  opacity: 1;
  color: #dddddd;
  background-color: #ffffff;
}
.e-shop30 .cmp-button.button.secondary {
  background-color: #e0e0e0;
}
.e-shop30 .cmp-button.button.secondary:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color: #e0e0e0;
}
.e-shop30 .cmp-button.button.secondary:focus {
  background-color: #e0e0e0;
}
.e-shop30 .cmp-button.button.secondary.disabled, .e-shop30 .cmp-button.button.secondary.disabled:hover, .e-shop30 .cmp-button.button.secondary.disabled:focus {
  opacity: 1;
  color: #dddddd;
  background-color: #ffffff;
}
.e-shop30 .cmp-button.button.text {
  color: #000000;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.e-shop30 .cmp-button.button.text:hover {
  background-color: #e0e0e0;
}
.e-shop30 .cmp-button.button.text:focus {
  background-color: #e0e0e0;
}
.e-shop30 .cmp-button.button.text.disabled, .e-shop30 .cmp-button.button.text.disabled:hover, .e-shop30 .cmp-button.button.text.disabled:focus {
  opacity: 1;
  color: #dddddd;
  background-color: transparent;
}
.e-shop30 .cmp-button.button.hollow {
  color: #3c3c3c;
  border: 2px solid #3c3c3c;
  background-color: transparent;
}
.e-shop30 .cmp-button.button.hollow:hover {
  border: 2px solid #dddddd;
}
.e-shop30 .cmp-button.button.hollow:focus {
  border: 1px solid #dddddd;
}
.e-shop30 .cmp-button.button.hollow.disabled, .e-shop30 .cmp-button.button.hollow.disabled:hover, .e-shop30 .cmp-button.button.hollow.disabled:focus {
  opacity: 1;
  color: #e0e0e0;
  background-color: transparent;
  border: 2px solid #e0e0e0;
}
.e-shop30 .cmp-button--left {
  float: left;
}
.e-shop30 .cmp-button--left::after {
  content: "";
  display: block;
  clear: both;
}
.e-shop30 .cmp-button--center {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: auto;
}
.e-shop30 .cmp-button--right {
  float: right;
}
.e-shop30 .cmp-button--right::after {
  content: "";
  display: block;
  clear: both;
}
.e-shop30 .cmp-image--no-black-bars {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-bottom: 56%;
}
.e-shop30 .cmp-image--no-black-bars img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.e-shop30 .cmp-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.e-shop30 .cmp-play-button--icon {
  color: #ffffff;
  font-size: 6rem;
  cursor: pointer;
}
.e-shop30 .cmp-image__title {
  padding-top: 7px;
}
.e-shop30 .cmp-image__title strong {
  padding-right: 10px;
}
.e-shop30 .cmp-bigimages {
  margin: 0 10px;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-bigimages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-bigimages {
    max-width: 1920px;
  }
}
.e-shop30 .cmp-bigimages .cmp-image--left {
  margin-top: 0;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-bigimages .cmp-image {
    width: 50vw;
  }
  .e-shop30 .cmp-bigimages .cmp-image--left {
    padding-right: 15px;
    margin-bottom: 0;
    text-align: right;
  }
  .e-shop30 .cmp-bigimages .cmp-image--left {
    margin-top: 50px;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  .e-shop30 .cmp-bigimages .cmp-image--left {
    margin-top: -webkit-calc(50px + 50 * ((100vw - 640px) / 560));
    margin-top: -moz-calc(50px + 50 * ((100vw - 640px) / 560));
    margin-top: calc(50px + 50 * ((100vw - 640px) / 560));
  }
}
@media screen and (min-width: 40em) and (min-width: 75em) {
  .e-shop30 .cmp-bigimages .cmp-image--left {
    margin-top: 100px;
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-bigimages .cmp-image--right {
    padding-left: 15px;
  }
}
.e-shop30 .cmp-bigimages .cmp-image--left {
  margin-bottom: 30px;
}
.e-shop30 .cmp-label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  margin-bottom: 8px;
}
.e-shop30 .cmp-label--default {
  background-color: #f5f5f5;
  color: black;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  font-weight: 900;
  letter-spacing: 0.5px;
}
.e-shop30 .cmp-list {
  list-style-position: outside;
  margin-bottom: 1rem;
}
.e-shop30 .cmp-list--square {
  list-style-type: square !important;
}
.e-shop30 .cmp-list--disc {
  list-style-type: disc !important;
}
.e-shop30 .cmp-list--circle {
  list-style-type: circle !important;
}
.e-shop30 .cmp-list--decimal {
  list-style-type: decimal !important;
}
.e-shop30 .cmp-list--lower-alpha {
  list-style-type: lower-alpha !important;
}
.e-shop30 .cmp-list--lower-latin {
  list-style-type: lower-latin !important;
}
.e-shop30 .cmp-list--lower-roman {
  list-style-type: lower-roman !important;
}
.e-shop30 .cmp-list--upper-alpha {
  list-style-type: upper-alpha !important;
}
.e-shop30 .cmp-list--upper-latin {
  list-style-type: upper-latin !important;
}
.e-shop30 .cmp-list--upper-roman {
  list-style-type: upper-roman !important;
}
.e-shop30 .cmp-list--no-bullet {
  list-style: none;
  margin-left: 0;
}
.e-shop30 .cmp-list__load-more {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .cmp-list__load-more .cmp-loading {
  display: none;
}
.e-shop30 .cmp-list__load-more .cmp-button {
  display: block;
}
.e-shop30 .cmp-list__load-more--is-active .cmp-loading {
  display: block;
}
.e-shop30 .cmp-list__load-more--is-active .cmp-button {
  display: none;
}
.e-shop30 .cmp-list--search {
  margin-bottom: 2rem;
}
.e-shop30 .cmp-list--search .cmp-search-field {
  padding-left: 0;
}
.e-shop30 .cmp-list--search .cmp-search-field .cmp-link-list .suggestion a {
  border-bottom: 0;
}
.e-shop30 .cmp-list--search .cmp-search-field .cmp-search-form {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list--search .cmp-search-field .cmp-search-form {
    width: 80%;
  }
}
.e-shop30 .cmp-list--search .cmp-search-field .cmp-search-form .cmp-search-form__field {
  width: 100%;
  font-size: 1.25rem;
}
.e-shop30 .cmp-list--search .cmp-search-field .cmp-search-form .cmp-search-block {
  margin-top: 43px;
}
.e-shop30 .cmp-list--filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-list--filters .cmp-form .cmp-input {
    padding-left: 0;
  }
}
.e-shop30 .cmp-list--filters__selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.e-shop30 .cmp-list--filters__selected .cmp-button .cmp-icon {
  margin: 0 0 0 10px;
  font-size: 1rem;
}
.e-shop30 .cmp-list--filters__selected .cmp-button.cmp-button__remove-all {
  font-family: "Klavika Light", sans-serif;
  text-transform: capitalize !important;
  visibility: hidden;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  height: 33px;
  margin: 15px 0 -28px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.e-shop30 .cmp-list--filters .cmp-list--filter-item {
  margin: 5px 10px 5px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
.e-shop30 .cmp-list--filters .cmp-list--filter-item .cmp-filter-item__title {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
}
.e-shop30 .cmp-list--filters .cmp-list--filter-item .cmp-filter-item__title .cmp-icon {
  margin: 0 0 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .cmp-list--downloads .cmp-list--search {
  margin-bottom: 20px;
}
.e-shop30 .cmp-list--downloads .cmp-list--filters {
  margin-top: 0;
}
.e-shop30 .cmp-list .cmp-list__title {
  text-align: center;
}
.e-shop30 .cmp-list .text-center {
  margin: 16px auto;
}
.e-shop30 .cmp-list .cmp-text .cmp-button {
  margin: 3px 0;
}
.e-shop30 .cmp-modal__content .cmp-icon-magnify {
  margin-left: -18px;
}
.e-shop30 .cmp-modal__content .cmp-filters-wrap {
  width: 100%;
  height: auto;
  max-height: 500px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0;
  overflow-y: auto;
}
@media screen and (min-width: 40em) and (max-width: 63.99875em) and (orientation: landscape) {
  .e-shop30 .cmp-modal__content .cmp-filters-wrap {
    max-height: 100px;
  }
}
.e-shop30 .cmp-modal__content .cmp-filters-wrap__search {
  padding: 0.75rem 0;
  border: 0;
  width: 40%;
  border-bottom: 1px solid #616161;
  outline: none;
}
.e-shop30 .cmp-modal__content .cmp-filters-wrap__filter {
  margin: 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 2px solid transparent;
}
.e-shop30 .cmp-modal__content .cmp-filters-wrap__filter--is-active {
  border: 2px solid #ffc510;
  background-color: #ffc510;
}
.e-shop30 .cmp-modal__content .cmp-filters-wrap__filter:hover {
  border: 2px solid #ffc510;
  cursor: pointer;
}
.e-shop30 .cmp-modal__content .cmp-filters-submit {
  display: block;
  width: auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 20px;
  float: right;
  background: #ffc510;
  padding: 10px;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.e-shop30 .cmp-modal__content .cmp-filters-submit:hover {
  cursor: pointer;
}
.e-shop30 .cmp-list--filters_items {
  font-family: "Klavika Light";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 10px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.e-shop30 .cmp-list--filters_items__item {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 10px 5px 0;
  background-color: #616161;
  color: #ffc510;
  padding: 5px 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.e-shop30 .cmp-list--filters_items__item:hover {
  background-color: #ffffff;
  color: #616161;
}
.e-shop30 .cmp-list--filters_items__item::after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f156";
  font-size: inherit;
  padding-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.e-shop30 .cmp-list--filters_items__item:first-child {
  margin-left: 0;
}
.e-shop30 .cmp-list--filters_items__item:last-child {
  margin-right: 0;
}
.e-shop30 .cmp-tabs-container {
  margin-bottom: 1rem;
  position: relative;
}
.e-shop30 .cmp-tabs-container__head--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .cmp-tabs-container__content {
  border: 1px solid #f5f5f5;
  border-top: 0;
  background: #ffffff;
  color: #000000;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: none;
}
.e-shop30 .cmp-tabs-container__panel {
  display: none;
  padding: 1rem 0 0 0;
}
.e-shop30 .cmp-tabs-container__panel.is-active {
  display: block;
}
.e-shop30 .cmp-tabs-container__panel--is-active {
  display: block;
}
.e-shop30 .cmp-tabs-container .cmp-shadow__left {
  position: absolute !important;
  line-height: 0.5;
}
.e-shop30 .cmp-tabs-container .cmp-shadow__right {
  position: absolute !important;
  line-height: 0.5;
}
.e-shop30 .cmp-tabs {
  margin: 0;
  border: 1px solid #f5f5f5;
  background: #ffffff;
  list-style-type: none;
  background: none;
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}
.e-shop30 .cmp-tabs::before, .e-shop30 .cmp-tabs::after {
  display: table;
  content: " ";
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.e-shop30 .cmp-tabs::after {
  clear: both;
}
.e-shop30 .cmp-tab {
  float: left;
  text-align: center;
  margin: 0 1rem;
  background: none;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: 116px;
  line-height: 1.2;
}
.e-shop30 .cmp-tab .cmp-tab-content__icon {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  background: #ffffff;
  height: 116px;
}
.e-shop30 .cmp-tab .cmp-tab-content__icon .cmp-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  color: #616161;
  font-size: 3rem;
}
.e-shop30 .cmp-tab .cmp-tab-content__title {
  width: 100%;
  padding: 10px;
  color: #000000;
  text-transform: none;
  height: 116px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .cmp-tab .cmp-tab-content__arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 22px solid #ffffff;
  left: -webkit-calc(50% - 20px);
  left: -moz-calc(50% - 20px);
  left: calc(50% - 20px);
  position: relative;
  display: none;
}
.e-shop30 .cmp-tab--is-active .cmp-tab-content__icon {
  background: #ffc510;
}
.e-shop30 .cmp-tab--is-active .cmp-tab-content__icon .cmp-icon {
  color: #ffffff;
}
.e-shop30 .cmp-tab--is-active .cmp-tab-content__arrow-down {
  display: block;
}
.e-shop30 .cmp-tab.cmp-tab-simple {
  margin: 0 1rem 0 1rem;
  width: auto;
}
.e-shop30 .cmp-tab.cmp-tab-simple .cmp-tab-content__title {
  display: initial;
  padding: 0;
}
.e-shop30 .cmp-tab.cmp-tab-simple a {
  font-size: 1.3125rem;
  color: #000000;
  padding: 5px 10px;
  text-align: center;
  display: block;
}
.e-shop30 .cmp-tab.cmp-tab-simple a::after {
  content: "";
  display: block;
  margin: auto;
  height: 4px;
  width: 0;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.e-shop30 .cmp-tab.cmp-tab-simple a:hover::after {
  width: 100%;
  background-color: #ffc510;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.e-shop30 .cmp-tab.cmp-tab-simple.cmp-tab--is-active a::after {
  width: 100%;
  background-color: #ffc510;
}
.e-shop30 .cmp-tab.cmp-tab-simple.cmp-tab--is-active a:hover::after {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
  width: 120%;
  background-color: #ffc510;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateX(-10%);
  -moz-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  -o-transform: translateX(-10%);
  transform: translateX(-10%);
}
.e-shop30 .cmp-modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  overflow-y: auto;
  -webkit-animation: enterFade 0.7s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  -moz-animation: enterFade 0.7s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  -o-animation: enterFade 0.7s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  animation: enterFade 0.7s cubic-bezier(0.25, 0.75, 0.5, 1.25);
}
.e-shop30 .cmp-modal__overlay--website-selector {
  background: rgba(245, 245, 245, 0.95);
}
.e-shop30 .cmp-modal__overlay--website-selector .cmp-modal__content {
  height: 100%;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  padding: 0 0 40px 0;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
  background: none;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-modal__overlay--website-selector .cmp-modal__content {
    display: block;
  }
}
.e-shop30 .cmp-modal__overlay--website-selector .cmp-modal__close-button {
  top: 12px;
  right: 12px;
}
.e-shop30 .cmp-modal__overlay--website-selector .cmp-modal__close-button .cmp-icon {
  font-size: 2rem;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-modal__overlay--website-selector .cmp-modal__close-button {
    top: 40px;
    right: 40px;
  }
  .e-shop30 .cmp-modal__overlay--website-selector .cmp-modal__close-button .cmp-icon {
    font-size: 3rem;
  }
}
.e-shop30 .cmp-modal__overlay-video.cmp-modal--show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-modal__overlay-video.cmp-modal--show.cmp-modal--anim .cmp-modal__content {
    -webkit-animation: leaveScaleVideo 0.4s;
    -moz-animation: leaveScaleVideo 0.4s;
    -o-animation: leaveScaleVideo 0.4s;
    animation: leaveScaleVideo 0.4s;
  }
}
.e-shop30 .cmp-modal__overlay-video .cmp-modal__content {
  position: relative;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  margin: auto !important;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-modal__overlay-video .cmp-modal__content {
    -webkit-animation: blowUpModalVideo 0.4s;
    -moz-animation: blowUpModalVideo 0.4s;
    -o-animation: blowUpModalVideo 0.4s;
    animation: blowUpModalVideo 0.4s;
  }
}
@-webkit-keyframes enterFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes enterFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes enterFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes enterFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes leaveFade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes leaveFade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes leaveFade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes leaveFade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes leaveScale {
  from {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
  to {
    -webkit-transform: scale(0) translate(-150%, -150%);
    transform: scale(0) translate(-150%, -150%);
    opacity: 0;
  }
}
@-moz-keyframes leaveScale {
  from {
    -moz-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
  to {
    -moz-transform: scale(0) translate(-150%, -150%);
    transform: scale(0) translate(-150%, -150%);
    opacity: 0;
  }
}
@-o-keyframes leaveScale {
  from {
    -o-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
  to {
    -o-transform: scale(0) translate(-150%, -150%);
    transform: scale(0) translate(-150%, -150%);
    opacity: 0;
  }
}
@keyframes leaveScale {
  from {
    -webkit-transform: scale(1) translate(-50%, -50%);
    -moz-transform: scale(1) translate(-50%, -50%);
    -o-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
  to {
    -webkit-transform: scale(0) translate(-150%, -150%);
    -moz-transform: scale(0) translate(-150%, -150%);
    -o-transform: scale(0) translate(-150%, -150%);
    transform: scale(0) translate(-150%, -150%);
    opacity: 0;
  }
}
@-webkit-keyframes blowUpModal {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
}
@-moz-keyframes blowUpModal {
  0% {
    opacity: 0;
    -moz-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
}
@-o-keyframes blowUpModal {
  0% {
    opacity: 0;
    -o-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes blowUpModal {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translate(-50%, -50%);
    -moz-transform: scale(0) translate(-50%, -50%);
    -o-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    -moz-transform: scale(1) translate(-50%, -50%);
    -o-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
}
@-webkit-keyframes blowUpModalVideo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blowUpModalVideo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes blowUpModalVideo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blowUpModalVideo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes leaveScaleVideo {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes leaveScaleVideo {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes leaveScaleVideo {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes leaveScaleVideo {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.e-shop30 .cmp-modal__content {
  margin-top: 15%;
  margin-left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 1rem;
  width: 96%;
  max-width: 640px;
  position: absolute;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-modal__content {
    -webkit-animation: blowUpModal 0.5s cubic-bezier(0.25, 0.75, 0.5, 1.25);
    -moz-animation: blowUpModal 0.5s cubic-bezier(0.25, 0.75, 0.5, 1.25);
    -o-animation: blowUpModal 0.5s cubic-bezier(0.25, 0.75, 0.5, 1.25);
    animation: blowUpModal 0.5s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-modal__content {
    width: 80%;
    max-width: 1200px;
  }
}
.e-shop30 .cmp-modal__activator {
  position: relative;
  text-align: center;
}
.e-shop30 .cmp-modal__close-button {
  position: absolute;
  z-index: 10;
  color: #616161;
  cursor: pointer;
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
  height: 37px;
}
.e-shop30 [data-whatinput=mouse] .cmp-modal__close-button {
  outline: 0;
}
.e-shop30 .cmp-modal__close-button:hover, .e-shop30 .cmp-modal__close-button:focus {
  color: #000000;
}
.e-shop30 .cmp-modal__close-button i {
  font-size: 2rem;
}
.e-shop30 .cmp-modal--show {
  display: block;
  overflow: hidden;
}
.e-shop30 .cmp-modal--show.cmp-modal--anim {
  -webkit-animation: leaveFade 0.7s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  -moz-animation: leaveFade 0.7s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  -o-animation: leaveFade 0.7s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  animation: leaveFade 0.7s cubic-bezier(0.25, 0.75, 0.5, 1.25);
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-modal--show.cmp-modal--anim .cmp-modal__content {
    -webkit-animation: leaveScale 0.6s cubic-bezier(0.25, 0.75, 0.5, 1.25);
    -moz-animation: leaveScale 0.6s cubic-bezier(0.25, 0.75, 0.5, 1.25);
    -o-animation: leaveScale 0.6s cubic-bezier(0.25, 0.75, 0.5, 1.25);
    animation: leaveScale 0.6s cubic-bezier(0.25, 0.75, 0.5, 1.25);
  }
}
.e-shop30 .cmp-modal--open {
  overflow: hidden;
}
.e-shop30 .cmp-full-modal {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background: #f5f5f5;
}
.e-shop30 .cmp-full-modal__close-button {
  position: absolute;
  z-index: 10;
  color: #616161;
  cursor: pointer;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  top: 12px;
  right: 12px;
}
.e-shop30 [data-whatinput=mouse] .cmp-full-modal__close-button {
  outline: 0;
}
.e-shop30 .cmp-full-modal__close-button:hover, .e-shop30 .cmp-full-modal__close-button:focus {
  color: #000000;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-full-modal__close-button {
    font-size: 3rem;
    top: 40px;
    right: 55px;
  }
}
.e-shop30 .cmp-full-modal__close-button .cmp-icon {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .cmp-text a, .e-shop30 .cmp-textimage p a, .e-shop30 .cmp-layout .cmp-link-list li a, .e-shop30 .cmp-categorydrilldown h3 a, .e-shop30 .cmp-categorydrilldown .h3 a,
.e-shop30 .cmp-categorydrilldown h4 a,
.e-shop30 .cmp-categorydrilldown .h4 a, .e-shop30 .cmp-person__address a {
  letter-spacing: 0.03125rem;
  border-bottom: 4px solid #ffc510;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .cmp-text a, .e-shop30 .cmp-textimage p a, .e-shop30 .cmp-layout .cmp-link-list li a, .e-shop30 .cmp-categorydrilldown h3 a, .e-shop30 .cmp-categorydrilldown .h3 a,
.e-shop30 .cmp-categorydrilldown h4 a,
.e-shop30 .cmp-categorydrilldown .h4 a, .e-shop30 .cmp-person__address a {
    font-size: 1.125rem;
  }
}
.e-shop30 body.rtl .cmp-text a, .e-shop30 .cmp-text body.rtl a, .e-shop30 body.rtl .cmp-textimage p a, .e-shop30 .cmp-textimage p body.rtl a, .e-shop30 body.rtl .cmp-layout .cmp-link-list li a, .e-shop30 .cmp-layout .cmp-link-list li body.rtl a, .e-shop30 body.rtl .cmp-categorydrilldown h3 a, .e-shop30 body.rtl .cmp-categorydrilldown .h3 a, .e-shop30 .cmp-categorydrilldown h3 body.rtl a, .e-shop30 .cmp-categorydrilldown .h3 body.rtl a,
.e-shop30 body.rtl .cmp-categorydrilldown h4 a,
.e-shop30 body.rtl .cmp-categorydrilldown .h4 a, .e-shop30 .cmp-categorydrilldown h4 body.rtl a, .e-shop30 .cmp-categorydrilldown .h4 body.rtl a, .e-shop30 body.rtl .cmp-person__address a, .e-shop30 .cmp-person__address body.rtl a {
  display: inline-block;
}
.e-shop30 .cmp-text a[target=_blank]::after, .e-shop30 .cmp-textimage p a[target=_blank]::after, .e-shop30 .cmp-layout .cmp-link-list li a[target=_blank]::after, .e-shop30 .cmp-categorydrilldown h3 a[target=_blank]::after, .e-shop30 .cmp-categorydrilldown .h3 a[target=_blank]::after,
.e-shop30 .cmp-categorydrilldown h4 a[target=_blank]::after,
.e-shop30 .cmp-categorydrilldown .h4 a[target=_blank]::after, .e-shop30 .cmp-person__address a[target=_blank]::after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f3cc";
  margin-left: 10px;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.e-shop30 .cmp-text a:hover, .e-shop30 .cmp-textimage p a:hover, .e-shop30 .cmp-layout .cmp-link-list li a:hover, .e-shop30 .cmp-categorydrilldown h3 a:hover, .e-shop30 .cmp-categorydrilldown .h3 a:hover,
.e-shop30 .cmp-categorydrilldown h4 a:hover,
.e-shop30 .cmp-categorydrilldown .h4 a:hover, .e-shop30 .cmp-person__address a:hover {
  background-color: #ffc510;
}
.e-shop30 .cmp-text .cmp-definition, .e-shop30 .cmp-textimage .cmp-definition {
  display: inline-block;
  border-left: 6px solid #ffc510;
  margin-left: 75px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 10px;
}
.e-shop30 .cmp-text--two-columns {
  margin-bottom: 17px;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-text--two-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .e-shop30 .cmp-text--two-columns.cmp-textimage::after {
    display: none;
  }
  .e-shop30 .cmp-text--two-columns > * {
    max-width: -webkit-calc(50% - 15px);
    max-width: -moz-calc(50% - 15px);
    max-width: calc(50% - 15px);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.e-shop30 .cmp-footer .cmp-text.cmp-textimage p {
  padding: inherit;
}
.e-shop30 .cmp-text.cmp-date-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 7px;
}
.e-shop30 .cmp-text.cmp-date-heading h6:first-child:not(:last-child), .e-shop30 .cmp-text.cmp-date-heading .h6:first-child:not(:last-child) {
  position: relative;
  padding-right: 25px;
}
.e-shop30 .cmp-text.cmp-date-heading h6:first-child:not(:last-child)::after, .e-shop30 .cmp-text.cmp-date-heading .h6:first-child:not(:last-child)::after {
  content: "//";
  padding-left: 5px;
}
.e-shop30 .cmp-text p {
  font-size: 1.13125rem;
}
.e-shop30 .cmp-text p .cmp-lead {
  font-size: 1.81rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-text p .cmp-lead {
    font-size: -webkit-calc(1.81rem + -0.37 * ((100vw - 640px) / 384));
    font-size: -moz-calc(1.81rem + -0.37 * ((100vw - 640px) / 384));
    font-size: calc(1.81rem + -0.37 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-text p .cmp-lead {
    font-size: 1.44rem;
  }
}
.e-shop30 .cmp-textimage {
  margin-bottom: 1rem;
}
.e-shop30 .cmp-textimage .cmp-image {
  margin-bottom: 1rem;
}
.e-shop30 .cmp-textimage .cmp-image--left {
  width: auto;
}
.e-shop30 .cmp-textimage .cmp-image--right {
  width: auto;
}
.e-shop30 .cmp-textimage .cmp-image--center {
  width: auto;
}
.e-shop30 .cmp-textimage .cmp-image__title {
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-textimage .cmp-image--center {
    width: 600px;
    margin: 0 auto 2rem;
  }
  .e-shop30 .cmp-textimage .cmp-image--left {
    width: 400px;
    float: left;
    margin: 0 0.625rem 0.625rem -10%;
    padding-right: 30px;
  }
  .e-shop30 .cmp-textimage .cmp-image--left .cmp-image__title {
    text-align: left;
  }
  .e-shop30 .cmp-textimage .cmp-image--right {
    width: 400px;
    float: right;
    margin: 0 -10% 10px 10px;
    padding-left: 30px;
  }
  .e-shop30 .cmp-textimage .cmp-image--right .cmp-image__title {
    text-align: right;
  }
}
.e-shop30 .cmp-textimage h1, .e-shop30 .cmp-textimage .h1,
.e-shop30 .cmp-textimage h2,
.e-shop30 .cmp-textimage .h2,
.e-shop30 .cmp-textimage h3,
.e-shop30 .cmp-textimage .h3,
.e-shop30 .cmp-textimage h4,
.e-shop30 .cmp-textimage .h4,
.e-shop30 .cmp-textimage h5,
.e-shop30 .cmp-textimage .h5,
.e-shop30 .cmp-textimage h6,
.e-shop30 .cmp-textimage .h6 {
  margin-bottom: 0.9rem;
}
.e-shop30 .cmp-textimage p {
  font-size: 1.13125rem;
}
.e-shop30 .cmp-textimage p:last-child {
  margin-bottom: 0;
}
.e-shop30 .cmp-textimage ol {
  counter-reset: foo;
}
.e-shop30 .cmp-textimage ol li {
  counter-increment: foo;
}
.e-shop30 .cmp-textimage ol li::before {
  display: table-cell;
  text-align: right;
  padding-right: 8px;
  content: counter(foo) ".";
}
.e-shop30 .cmp-textimage ul li::before {
  display: table-cell;
  text-align: right;
  padding-right: 8px;
  content: "▪";
}
.e-shop30 .cmp-textimage ul,
.e-shop30 .cmp-textimage ol {
  display: table;
  font-size: 1.13125rem;
  margin-bottom: 0;
  list-style-position: inside;
  margin-left: 0;
}
.e-shop30 .cmp-textimage ul li,
.e-shop30 .cmp-textimage ol li {
  display: table-row;
}
.e-shop30 .cmp-textimage::after {
  content: "";
  display: table;
  clear: both;
}
.e-shop30 .cmp-title__text.cmp-layout--center {
  text-align: center;
}
.e-shop30 .cmp-title--space-on-top {
  padding-top: 20px;
}
.e-shop30 .cmp-site-title {
  font-family: "Klavika Medium";
}
.e-shop30 .cmp-video {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: 1rem;
}
.e-shop30 .cmp-video .cmp-iframe {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 0;
  /* cancel margin-bottom from the above mixin */
}
.e-shop30 .cmp-video .cmp-iframe iframe,
.e-shop30 .cmp-video .cmp-iframe object,
.e-shop30 .cmp-video .cmp-iframe embed,
.e-shop30 .cmp-video .cmp-iframe video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.e-shop30 .cmp-video .cmp-iframe--image {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}
.e-shop30 .cmp-video video {
  min-width: 100%;
  min-height: 100%;
}
.e-shop30 .cmp-video-overlay {
  height: 100%;
  width: 100%;
  text-align: center;
}
.e-shop30 .cmp-video-overlay__modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  overflow-y: auto;
  height: 100%;
  width: 100%;
  display: none;
}
.e-shop30 .cmp-video-overlay__modal-overlay--show {
  display: block;
}
.e-shop30 .cmp-video-overlay__wrapper {
  text-align: left;
  background: #ffffff;
  padding: 2px 10px;
  margin: -webkit-calc(100% - 95%) auto 0 auto;
  margin: -moz-calc(100% - 95%) auto 0 auto;
  margin: calc(100% - 95%) auto 0 auto;
  height: 400px;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-video-overlay__wrapper {
    width: 600px;
    max-width: 1200px;
  }
}
.e-shop30 body.rtl .cmp-video-overlay__wrapper {
  text-align: right;
}
.e-shop30 .cmp-video-overlay__wrapper i {
  font-size: 1.5rem;
}
.e-shop30 .cmp-modal__content .cmp-video {
  margin-top: 2rem;
}
.e-shop30 .cmp-breadcrumb {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.e-shop30 .cmp-breadcrumb__list {
  list-style-type: none;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.e-shop30 .cmp-breadcrumb__list .cmp-breadcrumb__item {
  position: relative;
  margin-right: 10px;
  padding: 0 10px;
  line-height: 34px;
  font-family: "Klavika Light";
}
.e-shop30 body.rtl .cmp-breadcrumb__list .cmp-breadcrumb__item {
  margin-right: 0;
  margin-left: 10px;
}
.e-shop30 .cmp-breadcrumb__list .cmp-breadcrumb__item--dummy {
  display: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 20px;
}
.e-shop30 .cmp-breadcrumb__list .cmp-breadcrumb__item--dummy::after {
  margin-left: 20px !important;
}
.e-shop30 body.rtl .cmp-breadcrumb__list .cmp-breadcrumb__item--dummy::after {
  margin-left: 0;
  margin-right: 20px !important;
}
.e-shop30 .cmp-breadcrumb__list .cmp-breadcrumb__item--dummy span {
  border-bottom: 3px solid transparent;
}
.e-shop30 .cmp-breadcrumb__list .cmp-breadcrumb__item--dummy:hover span {
  border-bottom: 3px solid #ffc510;
}
.e-shop30 .cmp-breadcrumb__list .cmp-breadcrumb__item .cmp-breadcrumb__item-link {
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  font-weight: 600;
}
.e-shop30 .cmp-breadcrumb__list .cmp-breadcrumb__item .cmp-breadcrumb__item-link::after {
  position: absolute;
  font-size: 0.825rem;
  font-weight: normal;
}
.e-shop30 .cmp-breadcrumb__list .cmp-breadcrumb__item--active span {
  color: #616161 !important;
}
.e-shop30 .cmp-breadcrumb__list .cmp-breadcrumb__item.is-collapsed .cmp-breadcrumb__item-link {
  padding: 0 10px;
}
.e-shop30 .cmp-breadcrumb__list .cmp-breadcrumb__item:hover .cmp-breadcrumb__item-link {
  border-bottom: 3px solid #ffc510;
}
.e-shop30 .cmp-breadcrumb__list .cmp-breadcrumb__item:not(:last-child)::after {
  content: ">";
  position: absolute;
  margin-left: 10px;
  color: #dddddd;
  font-weight: 600;
}
.e-shop30 body.rtl .cmp-breadcrumb__list .cmp-breadcrumb__item:not(:last-child)::after {
  margin-left: 0;
  margin-right: 10px;
}
.e-shop30 .cmp-breadcrumb__list.cmp-breadcrumb__item--active .cmp-breadcrumb__item {
  display: list-item !important;
}
.e-shop30 .cmp-breadcrumb__list.cmp-breadcrumb__item--active .cmp-breadcrumb__item--dummy {
  display: none !important;
}
.e-shop30 .cmp-breadcrumb--has-scroll .cmp-breadcrumb__list .cmp-breadcrumb__item--dummy {
  display: list-item;
}
.e-shop30 .cmp-breadcrumb--has-scroll .cmp-breadcrumb__list .cmp-breadcrumb__item:not(:first-child):not(:last-child):not(:nth-child(2)) {
  display: none;
}
.e-shop30 .cmp-breadcrumb--has-scroll .cmp-breadcrumb__list.cmp-breadcrumb__item--active .cmp-breadcrumb__item {
  display: list-item;
}
.e-shop30 .cmp-breadcrumb--has-scroll .cmp-breadcrumb__list.cmp-breadcrumb__item--active .cmp-breadcrumb__item--dummy {
  display: none;
}
.e-shop30 .cmp-breadcrumb .left_shadow {
  width: 50px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  height: 100% !important;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 0, 0, 0)), to(white));
  background-image: -webkit-linear-gradient(right, rgba(255, 0, 0, 0), white);
  background-image: -moz-linear-gradient(right, rgba(255, 0, 0, 0), white);
  background-image: -o-linear-gradient(right, rgba(255, 0, 0, 0), white);
  background-image: linear-gradient(to left, rgba(255, 0, 0, 0), white);
}
.e-shop30 .cmp-breadcrumb .right_shadow {
  width: 50px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  height: 100% !important;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0)), to(white));
  background-image: -webkit-linear-gradient(left, rgba(255, 0, 0, 0), white);
  background-image: -moz-linear-gradient(left, rgba(255, 0, 0, 0), white);
  background-image: -o-linear-gradient(left, rgba(255, 0, 0, 0), white);
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), white);
}
.e-shop30 .cmp-form [type=text], .e-shop30 .cmp-form [type=password], .e-shop30 .cmp-form [type=date], .e-shop30 .cmp-form [type=datetime], .e-shop30 .cmp-form [type=datetime-local], .e-shop30 .cmp-form [type=month], .e-shop30 .cmp-form [type=week], .e-shop30 .cmp-form [type=email], .e-shop30 .cmp-form [type=number], .e-shop30 .cmp-form [type=search], .e-shop30 .cmp-form [type=tel], .e-shop30 .cmp-form [type=time], .e-shop30 .cmp-form [type=url], .e-shop30 .cmp-form [type=color],
.e-shop30 .cmp-form textarea {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 2.3875rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #dddddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.45;
  color: #000000;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -moz-transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -moz-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s, -moz-box-shadow 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.e-shop30 .cmp-form [type=text]:focus, .e-shop30 .cmp-form [type=password]:focus, .e-shop30 .cmp-form [type=date]:focus, .e-shop30 .cmp-form [type=datetime]:focus, .e-shop30 .cmp-form [type=datetime-local]:focus, .e-shop30 .cmp-form [type=month]:focus, .e-shop30 .cmp-form [type=week]:focus, .e-shop30 .cmp-form [type=email]:focus, .e-shop30 .cmp-form [type=number]:focus, .e-shop30 .cmp-form [type=search]:focus, .e-shop30 .cmp-form [type=tel]:focus, .e-shop30 .cmp-form [type=time]:focus, .e-shop30 .cmp-form [type=url]:focus, .e-shop30 .cmp-form [type=color]:focus,
.e-shop30 .cmp-form textarea:focus {
  outline: none;
  border: 1px solid #616161;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px #dddddd;
  -moz-box-shadow: 0 0 5px #dddddd;
  box-shadow: 0 0 5px #dddddd;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -moz-transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -moz-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s, -moz-box-shadow 0.5s;
}
.e-shop30 .cmp-form textarea {
  max-width: 100%;
}
.e-shop30 .cmp-form textarea[rows] {
  height: auto;
}
.e-shop30 .cmp-form input:disabled, .e-shop30 .cmp-form input[readonly],
.e-shop30 .cmp-form textarea:disabled,
.e-shop30 .cmp-form textarea[readonly] {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.e-shop30 .cmp-form [type=submit],
.e-shop30 .cmp-form [type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.e-shop30 .cmp-form input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.e-shop30 .cmp-form ::-webkit-input-placeholder {
  color: #dddddd;
}
.e-shop30 .cmp-form :-moz-placeholder {
  color: #dddddd;
}
.e-shop30 .cmp-form ::-moz-placeholder {
  color: #dddddd;
}
.e-shop30 .cmp-form :-ms-input-placeholder {
  color: #dddddd;
}
.e-shop30 .cmp-form ::-ms-input-placeholder {
  color: #dddddd;
}
.e-shop30 .cmp-form ::placeholder {
  color: #dddddd;
}
.e-shop30 .cmp-form [type=file],
.e-shop30 .cmp-form [type=checkbox],
.e-shop30 .cmp-form [type=radio] {
  margin: 0 0 1rem;
}
.e-shop30 .cmp-form [type=checkbox] + label,
.e-shop30 .cmp-form [type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
.e-shop30 .cmp-form [type=checkbox] + label[for],
.e-shop30 .cmp-form [type=radio] + label[for] {
  cursor: pointer;
}
.e-shop30 .cmp-form label > [type=checkbox],
.e-shop30 .cmp-form label > [type=radio] {
  margin-right: 0.5rem;
}
.e-shop30 .cmp-form [type=file] {
  width: 100%;
}
.e-shop30 .cmp-form label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #000000;
}
.e-shop30 .cmp-form label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}
.e-shop30 .cmp-form .help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #000000;
}
.e-shop30 .cmp-form .input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.e-shop30 .cmp-form .input-group > :first-child, .e-shop30 .cmp-form .input-group > :first-child.input-group-button > * {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.e-shop30 .cmp-form .input-group > :last-child, .e-shop30 .cmp-form .input-group > :last-child.input-group-button > * {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.e-shop30 .cmp-form .input-group-label, .e-shop30 .cmp-form .input-group-field, .e-shop30 .cmp-form .input-group-button, .e-shop30 .cmp-form .input-group-button a,
.e-shop30 .cmp-form .input-group-button input,
.e-shop30 .cmp-form .input-group-button button,
.e-shop30 .cmp-form .input-group-button label {
  margin: 0;
  white-space: nowrap;
}
.e-shop30 .cmp-form .input-group-label {
  padding: 0 1rem;
  border: 1px solid #dddddd;
  background: #f5f5f5;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.e-shop30 .cmp-form .input-group-label:first-child {
  border-right: 0;
}
.e-shop30 .cmp-form .input-group-label:last-child {
  border-left: 0;
}
.e-shop30 .cmp-form .input-group-field {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -moz-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  min-width: 0;
}
.e-shop30 .cmp-form .input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.e-shop30 .cmp-form .input-group-button a,
.e-shop30 .cmp-form .input-group-button input,
.e-shop30 .cmp-form .input-group-button button,
.e-shop30 .cmp-form .input-group-button label {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}
.e-shop30 .cmp-form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.e-shop30 .cmp-form legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}
.e-shop30 .cmp-form .fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #dddddd;
}
.e-shop30 .cmp-form .fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}
.e-shop30 .cmp-form select {
  height: 2.3875rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #dddddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #ffffff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.45;
  color: #000000;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2897, 97, 97%29'></polygon></svg>");
  -webkit-background-origin: content-box;
  -moz-background-origin: content-box;
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  -webkit-background-size: 9px 6px;
  -moz-background-size: 9px 6px;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -moz-transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -moz-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s, -moz-box-shadow 0.5s;
}
.e-shop30 .cmp-form select {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
}
.e-shop30 .cmp-form select:focus {
  outline: none;
  border: 1px solid #616161;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px #dddddd;
  -moz-box-shadow: 0 0 5px #dddddd;
  box-shadow: 0 0 5px #dddddd;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -moz-transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -moz-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s, -moz-box-shadow 0.5s;
}
.e-shop30 .cmp-form select:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.e-shop30 .cmp-form select::-ms-expand {
  display: none;
}
.e-shop30 .cmp-form select[multiple] {
  height: auto;
  background-image: none;
}
.e-shop30 .cmp-form select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}
.e-shop30 .cmp-form .is-invalid-input:not(:focus) {
  border-color: #ff3939;
  background-color: #ffebeb;
}
.e-shop30 .cmp-form .is-invalid-input:not(:focus)::-webkit-input-placeholder {
  color: #ff3939;
}
.e-shop30 .cmp-form .is-invalid-input:not(:focus):-moz-placeholder {
  color: #ff3939;
}
.e-shop30 .cmp-form .is-invalid-input:not(:focus)::-moz-placeholder {
  color: #ff3939;
}
.e-shop30 .cmp-form .is-invalid-input:not(:focus):-ms-input-placeholder {
  color: #ff3939;
}
.e-shop30 .cmp-form .is-invalid-input:not(:focus)::-ms-input-placeholder {
  color: #ff3939;
}
.e-shop30 .cmp-form .is-invalid-input:not(:focus)::placeholder {
  color: #ff3939;
}
.e-shop30 .cmp-form .is-invalid-label {
  color: #ff3939;
}
.e-shop30 .cmp-form .form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ff3939;
}
.e-shop30 .cmp-form .form-error.is-visible {
  display: block;
}
.e-shop30 .cmp-form .cmp-input__float-field:not(:disabled),
.e-shop30 .cmp-form .cmp-input__custom-checkbox:not(:disabled) + label::before,
.e-shop30 .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio] + label::before {
  background: #f5f5f5;
}
.e-shop30 .cmp-form__text--winnie {
  position: absolute;
  left: -9425px;
}
.e-shop30 .cmp-form .cmp-input__icon-wrap--ok input[type=date],
.e-shop30 .cmp-form .cmp-input__icon-wrap--ok input[type=number], .e-shop30 .cmp-form .cmp-input__icon-wrap--error input[type=date],
.e-shop30 .cmp-form .cmp-input__icon-wrap--error input[type=number], .e-shop30 .cmp-form .cmp-input__icon-wrap--select input[type=date],
.e-shop30 .cmp-form .cmp-input__icon-wrap--select input[type=number] {
  padding-right: 35px;
}
.e-shop30 body.rtl .cmp-form .cmp-input__icon-wrap--ok input[type=date],
.e-shop30 body.rtl .cmp-form .cmp-input__icon-wrap--ok input[type=number], .e-shop30 body.rtl .cmp-form .cmp-input__icon-wrap--error input[type=date],
.e-shop30 body.rtl .cmp-form .cmp-input__icon-wrap--error input[type=number], .e-shop30 body.rtl .cmp-form .cmp-input__icon-wrap--select input[type=date],
.e-shop30 body.rtl .cmp-form .cmp-input__icon-wrap--select input[type=number] {
  padding-right: 10px;
  padding-left: 35px;
}
.e-shop30 .cmp-form .cmp-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1rem;
  margin: 30px 0 10px;
  position: relative;
}
.e-shop30 .cmp-form .cmp-input__float-field {
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: #000000;
  border-bottom-width: 2px;
  outline: 0;
  padding: 5px 10px 0;
  width: 100%;
  margin: 0;
}
.e-shop30 .cmp-form .cmp-input__float-field::-ms-clear {
  display: none;
}
.e-shop30 .cmp-form .cmp-input__float-field:disabled {
  background: #e0e0e0;
}
.e-shop30 .cmp-form .cmp-input__icon-wrap {
  position: relative;
}
.e-shop30 .cmp-form .cmp-input__icon-wrap--ok::after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f132";
  right: 9px;
  font-size: 1.25rem;
  top: 5px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
  color: #77bcb2;
}
.e-shop30 body.rtl .cmp-form .cmp-input__icon-wrap--ok::after {
  right: inherit;
  left: 9px;
}
.e-shop30 .cmp-form .cmp-input__icon-wrap--error::after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f027";
  right: 9px;
  font-size: 1.25rem;
  top: 5px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
  color: #ff3939;
}
.e-shop30 body.rtl .cmp-form .cmp-input__icon-wrap--error::after {
  right: inherit;
  left: 9px;
}
.e-shop30 .cmp-form .cmp-input__icon-wrap--select::after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f140";
  right: 9px;
  font-size: 1.25rem;
  top: 5px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
  color: #000000;
}
.e-shop30 body.rtl .cmp-form .cmp-input__icon-wrap--select::after {
  right: inherit;
  left: 9px;
}
.e-shop30 .cmp-form .cmp-input__icon-wrap.cmp-input__icon-wrap--ok .cmp-input__float-field {
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: #77bcb2;
  border-bottom-width: 2px;
}
.e-shop30 .cmp-form .cmp-input__icon-wrap.cmp-input__icon-wrap--error .cmp-input__float-field {
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: #ff3939;
  border-bottom-width: 2px;
}
.e-shop30 .cmp-form .cmp-input__icon-wrap::before {
  content: "";
  right: 4px;
  top: 0;
  background: #ffffff;
  position: absolute;
  pointer-events: none;
  display: block;
}
.e-shop30 .cmp-form .cmp-input__icon-wrap select {
  background-position: right 0 center;
  padding: 5px 32px 0 10px !important;
  height: 40px;
}
.e-shop30 body.rtl .cmp-form .cmp-input__icon-wrap select {
  padding: 5px 10px 0 32px !important;
}
.e-shop30 .cmp-form .cmp-input__icon-wrap select.cmp-input__float-field--select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.e-shop30 .cmp-form .cmp-input__icon-wrap select.cmp-input__float-field--select::-ms-expand {
  display: none;
}
.e-shop30 .cmp-form .cmp-input__float-label {
  color: rgba(0, 0, 0, 0.4) !important;
  position: absolute;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: translate(10px, 8px) scale(1);
  -moz-transform: translate(10px, 8px) scale(1);
  -ms-transform: translate(10px, 8px) scale(1);
  -o-transform: translate(10px, 8px) scale(1);
  transform: translate(10px, 8px) scale(1);
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.e-shop30 body.rtl .cmp-form .cmp-input__float-label {
  margin-right: 20px;
}
.e-shop30 .cmp-form .cmp-input__float-label--select {
  line-height: 24px;
}
.e-shop30 .cmp-form .cmp-input__error {
  color: #ff3939;
  display: none;
}
.e-shop30 .cmp-form .cmp-input--active .cmp-input__float-label {
  color: #000000 !important;
  -webkit-transform: translate(0, -22px) scale(0.8);
  -moz-transform: translate(0, -22px) scale(0.8);
  -ms-transform: translate(0, -22px) scale(0.8);
  -o-transform: translate(0, -22px) scale(0.8);
  transform: translate(0, -22px) scale(0.8);
  font-weight: bold;
}
.e-shop30 body.rtl .cmp-form .cmp-input--active .cmp-input__float-label {
  margin-right: -8px;
}
.e-shop30 .cmp-form .cmp-input--active .cmp-input__float-label.cmp-input__float-label--select {
  -webkit-transform: translate(0, -22px) scale(0.8);
  -moz-transform: translate(0, -22px) scale(0.8);
  -ms-transform: translate(0, -22px) scale(0.8);
  -o-transform: translate(0, -22px) scale(0.8);
  transform: translate(0, -22px) scale(0.8);
}
.e-shop30 .cmp-form .cmp-input--active.active:not(.cmp-input__icon-wrap--ok).active:not(.cmp-input__icon-wrap--error) .cmp-input__float-field {
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: #ffc510;
  border-bottom-width: 2px;
}
.e-shop30 .cmp-form .cmp-input__custom-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.e-shop30 .cmp-form .cmp-input__custom-checkbox input[type=checkbox]:checked + label::before {
  background: #ffc510;
  border: 2px solid #ffc510;
}
.e-shop30 .cmp-form .cmp-input__custom-checkbox input[type=checkbox]:checked + label > span.checkbox-text {
  border-bottom: 2px solid #ffc510;
}
.e-shop30 .cmp-form .cmp-input__custom-checkbox input[type=checkbox]:disabled + label {
  color: #616161;
  cursor: auto;
}
.e-shop30 .cmp-form .cmp-input__custom-checkbox input[type=checkbox]:disabled + label::before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #e0e0e0;
}
.e-shop30 .cmp-form .cmp-input__custom-checkbox input[type=checkbox]:checked + label::after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f12c";
  font-size: 0.75rem;
  position: absolute;
  left: 2px;
  top: 1px;
  width: 2px;
  height: 2px;
}
.e-shop30 body.rtl .cmp-form .cmp-input__custom-checkbox input[type=checkbox]:checked + label::after {
  left: 0;
  right: 2px;
}
.e-shop30 .cmp-form .cmp-input__custom-checkbox label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 8px 8px 0;
}
.e-shop30 .cmp-form .cmp-input__custom-checkbox label .termsAndConditionsLink {
  border-bottom: 2px solid #ffc510;
  transition: 0.25s;
}
.e-shop30 .cmp-form .cmp-input__custom-checkbox label .termsAndConditionsLink:hover {
  background-color: #ffc510;
}
.e-shop30 .rushOrderCheckbox {
  display: flex;
}
.e-shop30 body.rtl .cmp-form .cmp-input__custom-checkbox label {
  margin: 0 0 8px 8px;
}
.e-shop30 .cmp-form .cmp-input__custom-checkbox label::before {
  content: "";
  margin-right: 8px;
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  background: #f5f5f5;
  border: 2px solid #000000;
}
.e-shop30 body.rtl .cmp-form .cmp-input__custom-checkbox label::before {
  margin-left: 18px;
  margin-right: 0;
}
.e-shop30 .cmp-form .cmp-input__toggle > span {
  position: relative;
  margin-left: 0;
  margin-top: 6px;
  font-size: 0.875rem;
}
.e-shop30 .cmp-form .cmp-input__toggle > input[type=checkbox] {
  display: none;
}
.e-shop30 .cmp-form .cmp-input__toggle > label {
  cursor: pointer;
  background: #000000;
  top: -5px;
  height: 0;
  position: relative;
  width: 44px;
  margin-left: 24px;
}
.e-shop30 body.rtl .cmp-form .cmp-input__toggle > label {
  margin-left: 0;
  margin-right: 24px;
}
.e-shop30 .cmp-form .cmp-input__toggle > label::before {
  background: #000000;
  content: "";
  height: 4px;
  top: 0;
  position: absolute;
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 32px;
}
.e-shop30 body.rtl .cmp-form .cmp-input__toggle > label::before {
  left: 18px;
}
.e-shop30 .cmp-form .cmp-input__toggle > label::after {
  background: #ffc510;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  content: "";
  height: 18px;
  width: 18px;
  top: 0;
  left: -8px;
  margin-top: -8px;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.e-shop30 body.rtl .cmp-form .cmp-input__toggle > label::after {
  left: 8px;
}
.e-shop30 .cmp-form .cmp-input__toggle > input[type=checkbox]:checked + label::before {
  background: inherit;
}
.e-shop30 .cmp-form .cmp-input__toggle > input[type=checkbox]:checked + label::after {
  background: #ffc510;
  left: 26px;
}
.e-shop30 body.rtl .cmp-form .cmp-input__toggle > input[type=checkbox]:checked + label::after {
  left: 38px;
}
.e-shop30 .cmp-form .cmp-input__custom-radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.e-shop30 .cmp-form .cmp-input__custom-radio input[type=radio] + .cmp-input__radio-label {
  margin: 0 8px 8px 0;
}
.e-shop30 body.rtl .cmp-form .cmp-input__custom-radio input[type=radio] + .cmp-input__radio-label {
  margin: 0 0 8px 8px;
}
.e-shop30 .cmp-form .cmp-input__custom-radio input[type=radio] + .cmp-input__radio-label::before {
  content: "";
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #000000;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
  margin-right: 16px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  transition: all 250ms ease;
}
.e-shop30 body.rtl .cmp-form .cmp-input__custom-radio input[type=radio] + .cmp-input__radio-label::before {
  margin-right: 0;
  margin-left: 16px;
}
.e-shop30 .cmp-form .cmp-input__custom-radio input[type=radio] + .cmp-input__radio-label:empty::before {
  margin-right: 0;
}
.e-shop30 .cmp-form .cmp-input__custom-radio input[type=radio]:checked + .cmp-input__radio-label::before {
  background: #000000;
  -webkit-box-shadow: 0 0 0 0 #ffc510;
  -moz-box-shadow: 0 0 0 0 #ffc510;
  box-shadow: 0 0 0 0 #ffc510;
  border: 4px solid #ffc510;
}
.e-shop30 .cmp-form .cmp-input__custom-radio input[type=radio]:disabled + .cmp-input__radio-label {
  color: #616161;
}
.e-shop30 .cmp-form .cmp-input__custom-radio input[type=radio]:disabled + .cmp-input__radio-label::before {
  -webkit-box-shadow: 0 0 0 0 #ffc510;
  -moz-box-shadow: 0 0 0 0 #ffc510;
  box-shadow: 0 0 0 0 #ffc510;
  background-color: #000000;
  border: 6px solid #e0e0e0;
}
.e-shop30 .cmp-form .cmp-input__custom-radio input[type=radio]:focus + .cmp-input__radio-label::before {
  outline: none;
  border-color: #ffc510;
}
.e-shop30 .cmp-form .cmp-input__custom-radio input[type=radio]:disabled + .cmp-input__radio-label::before {
  -webkit-box-shadow: 0 0 0 0 #ffc510;
  -moz-box-shadow: 0 0 0 0 #ffc510;
  box-shadow: 0 0 0 0 #ffc510;
  background-color: #e0e0e0;
  border: 2px solid #000000;
}
.e-shop30 .cmp-form .cmp-input [placeholder]::-webkit-input-placeholder {
  opacity: 0;
}
.e-shop30 .cmp-form .cmp-input [placeholder]::-moz-placeholder {
  opacity: 0;
}
.e-shop30 .cmp-form .cmp-input [placeholder]:-ms-input-placeholder {
  opacity: 0;
}
.e-shop30 .cmp-form .cmp-input [placeholder]:focus::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
.e-shop30 .cmp-form .cmp-input .cmp-input__float-field {
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: #000000;
  border-bottom-width: 2px;
}
.e-shop30 .cmp-form .cmp-input .cmp-input__float-field:not(textarea) {
  height: 40px;
}
.e-shop30 .cmp-form .cmp-input .cmp-input__float-field:focus {
  border-style: solid;
  border-top: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: #ffc510;
  border-bottom-width: 2px;
}
.e-shop30 .cmp-form .cmp-input .cmp-input__float-field:hover, .e-shop30 .cmp-form .cmp-input .cmp-input__float-field:focus {
  -webkit-box-shadow: 0 2px 8px #dddddd;
  -moz-box-shadow: 0 2px 8px #dddddd;
  box-shadow: 0 2px 8px #dddddd;
}
.e-shop30 .cmp-form .cmp-input .cmp-input__float-field:hover:disabled, .e-shop30 .cmp-form .cmp-input .cmp-input__float-field:focus:disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.e-shop30 .cmp-form .cmp-button {
  margin: 1rem;
}
.e-shop30 .cmp-background--light-grey .cmp-form .cmp-input__float-field:not(:disabled),
.e-shop30 .cmp-background--light-grey .cmp-form .cmp-input__custom-checkbox:not(:disabled) + label::before,
.e-shop30 .cmp-background--light-grey .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio] + label::before,
.e-shop30 .cmp-background--grey .cmp-form .cmp-input__float-field:not(:disabled),
.e-shop30 .cmp-background--grey .cmp-form .cmp-input__custom-checkbox:not(:disabled) + label::before,
.e-shop30 .cmp-background--grey .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio] + label::before,
.e-shop30 .cmp-background--middle-grey .cmp-form .cmp-input__float-field:not(:disabled),
.e-shop30 .cmp-background--middle-grey .cmp-form .cmp-input__custom-checkbox:not(:disabled) + label::before,
.e-shop30 .cmp-background--middle-grey .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio] + label::before,
.e-shop30 .cmp-background--dark-grey .cmp-form .cmp-input__float-field:not(:disabled),
.e-shop30 .cmp-background--dark-grey .cmp-form .cmp-input__custom-checkbox:not(:disabled) + label::before,
.e-shop30 .cmp-background--dark-grey .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio] + label::before,
.e-shop30 .cmp-background--darker-grey .cmp-form .cmp-input__float-field:not(:disabled),
.e-shop30 .cmp-background--darker-grey .cmp-form .cmp-input__custom-checkbox:not(:disabled) + label::before,
.e-shop30 .cmp-background--darker-grey .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio] + label::before,
.e-shop30 .cmp-background--yellow .cmp-form .cmp-input__float-field:not(:disabled),
.e-shop30 .cmp-background--yellow .cmp-form .cmp-input__custom-checkbox:not(:disabled) + label::before,
.e-shop30 .cmp-background--yellow .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio] + label::before {
  background: #ffffff;
}
.e-shop30 .cmp--dark .cmp-form .cmp-input__float-field:not(:disabled),
.e-shop30 .cmp--dark .cmp-form .cmp-input__custom-checkbox:not(:disabled) + label::before,
.e-shop30 .cmp--dark .cmp-form .cmp-input__custom-radio:not(:disabled) input[type=radio] + label::before {
  background: #ffffff;
}
.e-shop30 .cmp--dark .cmp-form .cmp-input label,
.e-shop30 .cmp--dark .cmp-form .cmp-input legend, .e-shop30 .cmp--dark .cmp-form .cmp-input__toggle, .e-shop30 .cmp--dark .cmp-form .cmp-input__icon-wrap::after {
  color: #000000;
}
.e-shop30 .cmp-vue-sticky-navigation .cmp-layout a:target {
  position: relative;
  display: block;
  top: -80px;
  visibility: hidden;
  top: -146px;
}
.e-shop30 .cmp-layout {
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
  position: relative;
  /* nested layout containers */
}
.e-shop30 .cmp-layout .cmp-layout {
  padding-top: 0;
}
.e-shop30 .cmp-layout .cmp-layout:last-of-type {
  margin-bottom: 0;
}
.e-shop30 .cmp-layout--wide {
  max-width: 100rem;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.e-shop30 .cmp-layout__head {
  text-align: center;
}
.e-shop30 .cmp-layout__head--has-padding {
  padding-top: 20px;
}
.e-shop30 .cmp-layout__title {
  margin-bottom: 0.9rem;
}
.e-shop30 .cmp-layout .cmp-title__text {
  margin-bottom: 0.9rem;
}
.e-shop30 .cmp-layout__foot {
  text-align: center;
}
.e-shop30 .cmp-layout--left {
  text-align: left !important;
}
.e-shop30 body.rtl .cmp-layout--left {
  text-align: right !important;
}
.e-shop30 .cmp-layout--right {
  text-align: right !important;
}
.e-shop30 body.rtl .cmp-layout--right {
  text-align: left !important;
}
.e-shop30 .cmp-layout--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.e-shop30 .cmp-layout a:target {
  position: relative;
  display: block;
  top: -80px;
  visibility: hidden;
}
.e-shop30 .cmp-layout a.stickyAnchor:target {
  top: 0;
}
.e-shop30 .line-clamp_readmore {
  width: 100%;
  position: relative;
}
.e-shop30 .line-clamp_readmore_button {
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
}
.e-shop30 .line-clamp_readmore_button:empty {
  display: none;
  margin-bottom: 0;
}
.e-shop30 .line-clamp_readmore_button:hover {
  text-decoration: underline;
}
.e-shop30 .line-clamp_readmore_ellipsis::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 32px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(white));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), white 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), white 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), white 100%);
  -webkit-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}
.e-shop30 .line-clamp_readmore_ellipsis.open::after {
  height: 0;
}
.e-shop30 .cmp-quote {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 1rem 0;
}
.e-shop30 .cmp-quote.cmp-quote--wide {
  min-height: -webkit-calc(45vw * 0.66);
  min-height: -moz-calc(45vw * 0.66);
  min-height: calc(45vw * 0.66);
  height: -webkit-calc(45vw * 0.66);
  height: -moz-calc(45vw * 0.66);
  height: calc(45vw * 0.66);
}
.e-shop30 .cmp-quote.cmp-quote--wide.cmp-quote--reverse picture img {
  left: 0;
  right: initial;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-quote.cmp-quote--wide picture {
    position: relative;
  }
  .e-shop30 .cmp-quote.cmp-quote--wide picture img {
    position: absolute;
    right: 0;
    max-width: none;
    height: auto;
    width: 45vw;
  }
}
.e-shop30 .cmp-quote--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.e-shop30 .cmp-quote--reverse blockquote {
  text-align: right;
  margin-right: 1rem;
}
.e-shop30 body.rtl .cmp-quote--reverse blockquote {
  text-align: left;
  margin-right: 0;
  margin-left: 1rem;
}
.e-shop30 .cmp-quote--reverse picture {
  text-align: left;
}
.e-shop30 .cmp-quote--center blockquote {
  margin: auto !important;
  text-align: center !important;
}
.e-shop30 .cmp-quote blockquote {
  text-align: left;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-left: 1rem;
  padding: 0;
}
.e-shop30 body.rtl .cmp-quote blockquote {
  text-align: right;
  margin-left: 0;
  margin-right: 1rem;
}
.e-shop30 .cmp-quote blockquote cite {
  padding-top: 1rem;
  font-style: normal;
  font-size: 1.13125rem;
  color: #000000;
}
.e-shop30 .cmp-quote blockquote cite::before {
  content: "";
}
.e-shop30 .cmp-layout .cmp-quote--reverse blockquote {
  text-align: initial;
}
.e-shop30 .cmp-layout .cmp-quote picture {
  text-align: initial;
}
.e-shop30 .cmp-layout .cmp-quote picture img {
  max-height: none;
}
.e-shop30 .cmp-hero {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .cmp-hero {
    min-height: 350px;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .e-shop30 .cmp-hero {
    min-height: 500px;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero {
    height: 815px;
  }
}
.e-shop30 .cmp-hero--parallax {
  background-attachment: scroll;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero--parallax {
    background-attachment: fixed;
  }
}
.e-shop30 .cmp-hero--darkbg .cmp-hero__content {
  color: #ffffff;
}
.e-shop30 .cmp-hero--lightbg .cmp-hero__content {
  color: #000000;
}
.e-shop30 .cmp-hero--small {
  min-height: initial;
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .cmp-hero--small {
    min-height: 250px;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .e-shop30 .cmp-hero--small {
    min-height: 500px;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero--small {
    height: 600px;
  }
}
.e-shop30 .cmp-hero--small .cmp-hero__content {
  margin-top: 60px;
}
.e-shop30 .cmp-hero--small .cmp-hero__content--wrapper .cmp-display {
  font-weight: normal;
  text-transform: uppercase;
}
.e-shop30 .cmp-hero--small .cmp-hero__content--wrapper .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-hero--small .cmp-hero__content--wrapper .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero--small .cmp-hero__content--wrapper .cmp-display {
    font-size: 3.44rem;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero--small .cmp-hero__content {
    margin-top: 256px;
  }
}
.e-shop30 .cmp-hero--noimage {
  background-color: #f5f5f5;
  height: auto;
}
.e-shop30 .cmp-hero--noimage .cmp-hero__content {
  margin-top: 60px;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero--noimage .cmp-hero__content {
    margin-top: 256px;
  }
}
.e-shop30 .cmp-hero--noimage .cmp-hero__content .cmp-text {
  color: #000000;
}
.e-shop30 .cmp-hero--noimage .cmp-hero__content--wrapper .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-hero--noimage .cmp-hero__content--wrapper .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero--noimage .cmp-hero__content--wrapper .cmp-display {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-hero .cmp-video {
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.e-shop30 .cmp-hero .cmp-video video {
  width: auto;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero .cmp-video video {
    height: auto;
  }
}
.e-shop30 .cmp-hero__content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #ffffff;
  z-index: 2;
  margin-top: 60px;
  padding: 50px 0;
  max-width: 1920px;
}
@media screen and (min-width: 75em) {
  .e-shop30 .cmp-hero__content {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .cmp-hero__content br {
    display: none !important;
  }
}
.e-shop30 .cmp-hero__content--wrapper {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero__content--wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.e-shop30 .cmp-hero__content--wrapper .cmp-button {
  margin-top: 2rem !important;
  margin-right: 1rem;
}
.e-shop30 body.rtl .cmp-hero__content--wrapper .cmp-button {
  margin-right: 0;
  margin-left: 1rem;
}
.e-shop30 .cmp-hero__content--wrapper--light {
  background-color: rgba(255, 255, 255, 0.4);
  color: #000000;
  padding: 30px;
}
.e-shop30 .cmp-hero__content--wrapper--dark {
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  padding: 30px;
}
.e-shop30 .cmp-hero__content--wrapper .cmp-display {
  font-weight: normal;
  text-transform: uppercase;
  word-break: break-word;
}
.e-shop30 .cmp-hero__content--wrapper .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-hero__content--wrapper .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero__content--wrapper .cmp-display {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-hero__bottom-wrapper {
  position: absolute;
  z-index: 0;
  bottom: 6px;
  width: 80%;
}
@media screen and (min-width: 75em) {
  .e-shop30 .cmp-hero__bottom-wrapper {
    width: 1200px;
  }
}
.e-shop30 .cmp-hero__bottom-wrapper--go-to-bottom {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color: #ffc510;
  position: absolute;
  top: -18px;
  right: 0;
  width: 45px;
  height: 45px;
  cursor: pointer;
  color: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  right: 20px;
}
.e-shop30 .cmp-hero__bottom-wrapper--go-to-bottom:hover {
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.e-shop30 .cmp-hero__bottom-wrapper--go-to-bottom .cmp-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero__bottom-wrapper--go-to-bottom {
    right: initial;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hero__content--wrapper {
    padding: 0 2rem;
    padding-left: 2rem;
  }
}
@media screen and (min-width: 95em) {
  .e-shop30 .cmp-hero__content--wrapper {
    padding-left: 160px;
  }
  .e-shop30 body.rtl .cmp-hero__content--wrapper {
    padding-left: 2rem;
    padding-right: 160px;
  }
}
.e-shop30 .cmp-hidden-hero-title {
  margin-top: 50px;
  padding-left: 16px;
  padding-right: 16px;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hidden-hero-title {
    padding: 0 2rem;
    padding-left: 2rem;
  }
}
@media screen and (min-width: 95em) {
  .e-shop30 .cmp-hidden-hero-title {
    padding-left: 160px;
  }
  .e-shop30 body.rtl .cmp-hidden-hero-title {
    padding-left: 2rem;
    padding-right: 160px;
  }
}
.e-shop30 .cmp-hidden-hero-title .cmp-display {
  font-weight: normal;
  text-transform: uppercase;
}
.e-shop30 .cmp-hidden-hero-title .cmp-display {
  font-size: 2.88rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-hidden-hero-title .cmp-display {
    font-size: -webkit-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: -moz-calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
    font-size: calc(2.88rem + 0.56 * ((100vw - 640px) / 384));
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-hidden-hero-title .cmp-display {
    font-size: 3.44rem;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--project .cmp-image .gradient, .e-shop30 .cmp-teaser--project-carousel .cmp-image .gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 60, 60, 0)), to(rgba(60, 60, 60, 0.9)));
  background-image: -webkit-linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, 0.9));
  background-image: -moz-linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, 0.9));
  background-image: -o-linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, 0.9));
  background-image: linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, 0.9));
  z-index: 1;
  top: 0;
  left: 0;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase, .e-shop30 .cmp-teaser.cmp-teaser--square, .e-shop30 .cmp-teaser.cmp-teaser--product, .e-shop30 .cmp-teaser.cmp-teaser--event, .e-shop30 .cmp-teaser.cmp-teaser--news, .e-shop30 .cmp-teaser.cmp-teaser--story, .e-shop30 .cmp-teaser.cmp-teaser--project {
  font-size: 1.13125rem;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--product .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--event .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--news .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--story .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--project .cmp-tags {
  margin: 0 0 0.5rem;
  overflow: hidden;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic .cmp-tags li, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase .cmp-tags li, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-tags li, .e-shop30 .cmp-teaser.cmp-teaser--product .cmp-tags li, .e-shop30 .cmp-teaser.cmp-teaser--event .cmp-tags li, .e-shop30 .cmp-teaser.cmp-teaser--news .cmp-tags li, .e-shop30 .cmp-teaser.cmp-teaser--story .cmp-tags li, .e-shop30 .cmp-teaser.cmp-teaser--project .cmp-tags li {
  text-transform: uppercase !important;
  display: inline-block;
  padding-right: 16px;
  color: #616161;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--product .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--event .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--news .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--story .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--project .cmp-image {
  cursor: pointer;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--product .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--event .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--news .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--story .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--project .cmp-teaser__content .cmp-content .publish-date {
  margin-bottom: 0.5rem;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--product .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--event .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--news .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--story .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--project .cmp-teaser__content .cmp-content .publish-date {
  font-size: 0.875rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-teaser.cmp-teaser--generic .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--product .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--event .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--news .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--story .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--project .cmp-teaser__content .cmp-content .publish-date {
    font-size: -webkit-calc(0.875rem + 0.125 * ((100vw - 320px) / 320));
    font-size: -moz-calc(0.875rem + 0.125 * ((100vw - 320px) / 320));
    font-size: calc(0.875rem + 0.125 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--generic .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--product .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--event .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--news .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--story .cmp-teaser__content .cmp-content .publish-date, .e-shop30 .cmp-teaser.cmp-teaser--project .cmp-teaser__content .cmp-content .publish-date {
    font-size: 1rem;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--generic .cmp-teaser__subtitle, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase .cmp-teaser__subtitle, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__subtitle, .e-shop30 .cmp-teaser.cmp-teaser--product .cmp-teaser__subtitle, .e-shop30 .cmp-teaser.cmp-teaser--event .cmp-teaser__subtitle, .e-shop30 .cmp-teaser.cmp-teaser--news .cmp-teaser__subtitle, .e-shop30 .cmp-teaser.cmp-teaser--story .cmp-teaser__subtitle, .e-shop30 .cmp-teaser.cmp-teaser--project .cmp-teaser__subtitle {
  margin-top: -4px;
  margin-bottom: 8px;
}
.e-shop30 .cmp-teaser .cmp-label--ribbon {
  top: 10px;
  left: 0;
  padding: 0 !important;
  margin: 0 !important;
}
.e-shop30 .cmp-teaser .cmp-label--ribbon--right {
  left: auto;
  right: 0;
}
.e-shop30 .cmp-teaser .cmp-label--ribbon span {
  display: block;
  background-color: #52a398;
  color: #ffffff;
  font-size: 1rem !important;
  padding: 7px 20px;
}
.e-shop30 .cmp-teaser .cmp-image + .cmp-label--ribbon {
  position: absolute;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card, .e-shop30 .cmp-teaser.cmp-teaser--square, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 1px solid transparent;
  margin-bottom: 1rem;
  /* force white background (also on hover) for teasers with image or video */
}
.e-shop30 .cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--square .cmp-teaser__content, .e-shop30 .cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser--spaceontop.cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content {
  padding-top: 60px;
}
.e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--square .cmp-teaser__content, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content {
  background-color: #f5f5f5;
  padding-top: 46px;
}
.e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--generic.cmp-teaser--card > a, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card > a, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--square > a, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--event.cmp-teaser--card > a, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--news.cmp-teaser--card > a, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--story.cmp-teaser--card > a, .e-shop30 .cmp-teaser--no-image.cmp-teaser.cmp-teaser--project.cmp-teaser--card > a {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #f5f5f5;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content {
  height: auto;
  padding: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content .cmp-date {
  font-size: 0.8125rem;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content .cmp-tags, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content .cmp-tags {
  height: 23px;
  overflow: hidden;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content h4, .e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__content .h4, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content h4, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__content .h4, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content h4, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content .h4, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content h4, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__content .h4, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content h4, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content .h4, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content h4, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__content .h4, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content h4, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content .h4 {
  min-height: 60px;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-label--ribbon {
  display: block;
  position: absolute;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__head + a .cmp-teaser__content {
  background-color: #ffffff;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover, .e-shop30 .cmp-teaser.cmp-teaser--square:hover, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  outline: 6px solid #ffc510;
  background-color: #ffc510;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover.cmp-teaser--no-image > a, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover.cmp-teaser--no-image > a, .e-shop30 .cmp-teaser.cmp-teaser--square:hover.cmp-teaser--no-image > a, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover.cmp-teaser--no-image > a, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover.cmp-teaser--no-image > a, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover.cmp-teaser--no-image > a, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover.cmp-teaser--no-image > a {
  background-color: #ffc510;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--square:hover .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover .cmp-teaser__content {
  background-color: #ffc510;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--card:hover .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--card:hover .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--square:hover .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card:hover .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card:hover .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--card:hover .cmp-teaser__head + a .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card:hover .cmp-teaser__head + a .cmp-teaser__content {
  background-color: #ffc510;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list {
  margin-bottom: 1rem;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.13125rem;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 1rem;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-image {
  overflow: visible;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-image {
    padding: 0 16px;
    max-width: 33%;
  }
  .e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-image .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-image .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-image .cmp-image {
    margin-bottom: 0;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-image div, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-image div, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image div, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-image div {
  overflow: hidden;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-image div img, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-image div img, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image div img, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-image div img {
  max-height: 250px;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-content, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-content, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-content, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-content {
  width: 100%;
  padding: 0 1rem;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content .cmp-product__action, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content .cmp-product__action, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-product__action, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content .cmp-product__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 20px;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content:hover, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content:hover, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content:hover, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 2px solid #ffc510;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content:hover h4, .e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-teaser__content:hover .h4, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content:hover h4, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-teaser__content:hover .h4, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content:hover h4, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content:hover .h4, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content:hover h4, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-teaser__content:hover .h4 {
  color: #ffc510;
}
.e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-label--ribbon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--generic.cmp-teaser--list .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list .cmp-label--ribbon {
    display: block;
    position: absolute;
    top: 0;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list {
  margin-bottom: 1rem;
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 2px solid #e0e0e0;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  padding-bottom: 1rem;
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date {
  color: #e0e0e0;
  padding-bottom: 8px;
  display: none;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date {
    width: 140px;
    text-align: right;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding-right: 12px;
    display: block;
  }
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date > div, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date > div, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date > div {
    padding-right: 0;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date > div, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date > div, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date > div {
  padding-right: 5px;
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .day, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .day, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .marker {
  line-height: 0.9;
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .day, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .day, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .marker {
  font-size: 1.35rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .day, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .day, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .marker {
    font-size: -webkit-calc(1.35rem + 2.15 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.35rem + 2.15 * ((100vw - 320px) / 320));
    font-size: calc(1.35rem + 2.15 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .day, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .day, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .day,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .marker,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .marker {
    font-size: 3.5rem;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .location, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .location, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .year {
  line-height: 0.9;
  margin-top: 5px;
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .location, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .location, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .year {
  font-size: 1rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .location, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .location, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .year {
    font-size: -webkit-calc(1rem + 0.5 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1rem + 0.5 * ((100vw - 320px) / 320));
    font-size: calc(1rem + 0.5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .location, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .location, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .location,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .month,
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .year {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .marker .cmp-icon, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .marker .cmp-icon, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .marker .cmp-icon {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-date .year,
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-date .year {
    margin-top: 10px;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content-container, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content-container, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content-container, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content-container, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content-container .cmp-date {
    display: none;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image {
  display: block;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 1rem;
  }
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content .cmp-image {
    display: none;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content h4, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content .h4, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content h4, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content .h4, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content h4, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content .h4 {
  font-size: 1rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content h4, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content .h4, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content h4, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content .h4, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content h4, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content .h4 {
    font-size: -webkit-calc(1rem + 0.5 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1rem + 0.5 * ((100vw - 320px) / 320));
    font-size: calc(1rem + 0.5 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content h4, .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-content .h4, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content h4, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-content .h4, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content h4, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-content .h4 {
    font-size: 1.5rem;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-image {
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content {
    max-height: 500px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .cmp-image, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-image {
    padding-left: 16px;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content:hover .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content:hover .cmp-date, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content:hover .cmp-date {
  color: #ffc510;
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-label--ribbon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-label--ribbon, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-label--ribbon {
    display: block;
    position: absolute;
    top: 0;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list:hover .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list:hover .cmp-teaser__content, .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list:hover .cmp-teaser__content {
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border-bottom: 2px solid #ffc510;
}
.e-shop30 .cmp-teaser {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  /* --------------------- generic teaser --------------------- */
  /* ------------------- / generic teaser --------------------- */
  /* --------------------- knowledge base teaser -------------- */
  /* ------------------- / square teaser -------------- */
  /* --------------------- product teaser --------------------- */
  /* ------------------- / product teaser --------------------- */
  /* --------------------- product list teaser ------------------------ */
  /* ------------------- / product list teaser ------------------------ */
  /* --------------------- article teaser --------------------- */
  /* ------------------- / article teaser --------------------- */
  /* --------------------- event teaser ----------------------- */
  /* ------------------- / event teaser ----------------------- */
  /* --------------------- news teaser ------------------------ */
  /* ------------------- / news teaser ------------------------ */
  /* --------------------- story list teaser ------------------ */
  /* --------------------- project teaser NEW --------------------- */
  /* --------------------- project teaser carousel --------------------- */
  /* --------------------- document teaser --------------------- */
}
.e-shop30 .cmp-teaser .cmp-image {
  overflow: hidden;
}
.e-shop30 .cmp-teaser .cmp-image img {
  width: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #ffffff;
}
.e-shop30 .cmp-teaser__head {
  position: relative;
}
.e-shop30 .cmp-teaser__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.e-shop30 .cmp-teaser__content .cmp-label {
  padding: 0.76923rem 0.60976rem;
  margin-bottom: 0.625rem;
}
.e-shop30 .cmp-teaser__content h4, .e-shop30 .cmp-teaser__content .h4 {
  font-size: 1.125rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-teaser__content h4, .e-shop30 .cmp-teaser__content .h4 {
    font-size: -webkit-calc(1.125rem + 0.4375 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.125rem + 0.4375 * ((100vw - 320px) / 320));
    font-size: calc(1.125rem + 0.4375 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser__content h4, .e-shop30 .cmp-teaser__content .h4 {
    font-size: 1.5625rem;
  }
}
.e-shop30 .cmp-teaser__icon {
  position: relative;
  margin-left: -webkit-calc(45vw * 0.66);
  margin-left: -moz-calc(45vw * 0.66);
  margin-left: calc(45vw * 0.66);
  font-size: 2rem;
}
.e-shop30 body.rtl .cmp-teaser__icon {
  margin-left: 0;
  margin-right: -webkit-calc(45vw * 0.66);
  margin-right: -moz-calc(45vw * 0.66);
  margin-right: calc(45vw * 0.66);
}
.e-shop30 .cmp-teaser--card {
  overflow: hidden;
  outline: none;
}
.e-shop30 .cmp-teaser--card .cmp-image img {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.e-shop30 .cmp-teaser--card .cmp-teaser__content {
  padding: 40px 20px;
  background: transparent;
}
.e-shop30 .cmp-teaser--card .cmp-teaser__content .cmp-title {
  font-size: 1.5625rem;
}
.e-shop30 .cmp-teaser--card .cmp-teaser__content .cmp-text {
  font-size: 1rem;
}
.e-shop30 .cmp-teaser--card:hover {
  outline: 6px solid #ffc510;
}
.e-shop30 .cmp-teaser--card:hover .cmp-image img {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.e-shop30 .cmp-teaser--card:hover .cmp-teaser__content {
  background-color: #ffc510;
}
.e-shop30 .cmp-teaser--card-centered {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.e-shop30 .cmp-teaser--card-centered .cmp-image {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  -webkit-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.e-shop30 .cmp-teaser--card-centered .cmp-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.e-shop30 .cmp-teaser--card-centered .cmp-teaser__content {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 60, 60, 0)), to(rgba(60, 60, 60, 0.4)));
  background-image: -webkit-linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, 0.4));
  background-image: -moz-linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, 0.4));
  background-image: -o-linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, 0.4));
  background-image: linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, 0.4));
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.3s ease-in;
  -o-transition: color 0.3s ease-in;
  -moz-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
  text-align: center;
  font-size: 3.0625rem;
}
.e-shop30 .cmp-teaser--card-centered .cmp-teaser__content .cmp-title {
  font-size: 1.88rem;
}
.e-shop30 .cmp-teaser--card-centered a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.e-shop30 .cmp-teaser--card-centered .sb-placeholder {
  height: 100%;
}
.e-shop30 .cmp-teaser--card-centered:hover {
  cursor: pointer;
  background-color: #ffc510;
  -webkit-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}
.e-shop30 .cmp-teaser--card-centered:hover .cmp-image {
  opacity: 0;
}
.e-shop30 .cmp-teaser--card-centered:hover .cmp-teaser__content {
  color: #000000;
  background-image: none;
}
.e-shop30 .cmp-teaser--no-image .cmp-teaser__content {
  background-color: #f5f5f5;
}
.e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list {
  /* if there is a ribbon, push the content below */
}
.e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list .cmp-label--ribbon + .cmp-content {
    margin-top: 38px;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--knowledgebase.cmp-teaser--list:hover .cmp-image div {
  outline: none !important;
}
.e-shop30 .cmp-teaser.cmp-teaser--square {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.e-shop30 .cmp-teaser.cmp-teaser--square--square-video .cmp-teaser__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.e-shop30 .cmp-teaser.cmp-teaser--square--square-video .cmp-teaser__content .cmp-teaser__content--video {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .cmp-teaser.cmp-teaser--square::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-modal__activator {
  position: inherit;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto !important;
  background-color: #f5f5f5;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content__icon {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 30px;
  color: #3c3c3c;
}
.e-shop30 body.rtl .cmp-teaser.cmp-teaser--square .cmp-teaser__content__icon {
  left: 0;
  right: auto;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content__icon div {
  height: 40px;
  width: 40px;
  background: #ffc510;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content__icon div.cmp-teaser__content__icon--video {
  position: absolute;
  bottom: 0;
  right: 0;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content__icon div .cmp-icon {
  padding-top: 6px;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content > div {
  width: 100%;
  height: 100%;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content .cmp-tags.cmp-tags--video {
  position: absolute;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image .cmp-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image .cmp-image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image .cmp-image .gradient-to-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(60, 60, 60, 0)), to(#3c3c3c));
  background-image: -webkit-linear-gradient(bottom, rgba(60, 60, 60, 0), #3c3c3c);
  background-image: -moz-linear-gradient(bottom, rgba(60, 60, 60, 0), #3c3c3c);
  background-image: -o-linear-gradient(bottom, rgba(60, 60, 60, 0), #3c3c3c);
  background-image: linear-gradient(to top, rgba(60, 60, 60, 0), #3c3c3c);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image > div {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image > div .cmp-tags {
  padding: 30px 30px 0;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image > div .cmp-tags li {
  color: #ffffff;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image > div h4, .e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image > div .h4 {
  padding: 30px;
  color: #ffffff;
}
.e-shop30 .cmp-teaser.cmp-teaser--square .cmp-teaser__content--has-image.cmp-teaser__content--has-video > div .cmp-video-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
}
.e-shop30 .cmp-teaser.cmp-teaser_product {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  border: 5px solid transparent;
  outline: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-label--ribbon {
  margin-left: -1px;
  position: absolute;
  display: block;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-image {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 215px;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  right: -5px;
  border-bottom: 2px solid #e0e0e0;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-teaser_productContent {
  min-height: 150px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px;
  margin: 0 -5px;
  -webkit-transition: margin 0.3s ease-in;
  -o-transition: margin 0.3s ease-in;
  -moz-transition: margin 0.3s ease-in;
  transition: margin 0.3s ease-in;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-teaser_productContent__title {
  min-height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-teaser_productContent__former-name {
  margin-top: -12px;
  margin-bottom: 14px;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-teaser_productContent__text {
  min-height: 46px;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer .cmp-teaser_productContent p {
  margin-bottom: 0;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer:hover {
  outline: 6px solid #ffc510;
  background-color: #ffc510;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer:hover .cmp-image {
  margin: 0;
}
.e-shop30 .cmp-teaser.cmp-teaser_product .cmp-teaser_productContainer:hover .cmp-image::after {
  opacity: 0;
}
.e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list.cmp-teaser--hotspot .cmp-teaser__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list.cmp-teaser--hotspot .cmp-teaser__content .cmp-image {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  max-width: 250px;
}
.e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content {
  width: 100%;
}
.e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--product.cmp-teaser--list .cmp-teaser__content .cmp-image {
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content {
  overflow: hidden;
}
.e-shop30 .cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content > span {
  font-size: 1.3125rem;
}
.e-shop30 .cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content > span.line-clamp_readmore {
  font-size: inherit;
}
.e-shop30 .cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content .cmp-product__attributes {
  padding-top: 10px;
  font-size: 0;
  /* to ignore text inside this div but not in <ul>, sometimes there is a &nbsp; which otherwise creates a space */
  margin-left: 10px;
}
.e-shop30 .cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content .cmp-product__attributes ul {
  font-size: 1.13125rem;
  /* cancel the font-size: 0 from above */
  margin-bottom: 0;
}
.e-shop30 .cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content .cmp-product__attributes ul li::before {
  width: 16px;
  height: 16px;
  font-size: 1.13125rem;
}
.e-shop30 .cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content .cmp-product__attributes ul li:nth-child(-n+3) {
  display: list-item;
  text-indent: -24px;
  padding-left: 24px;
}
.e-shop30 body.rtl .cmp-teaser.cmp-teaser .cmp-teaser__content .cmp-content .cmp-product__attributes ul li:nth-child(-n+3) {
  padding-left: inherit;
  padding-right: 24px;
}
.e-shop30 .cmp-teaser.cmp-teaser--article .cmp-teaser__content {
  position: absolute;
  bottom: -20px;
}
.e-shop30 .cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-label--primary {
  background: none;
}
.e-shop30 .cmp-teaser.cmp-teaser--article:hover {
  background: none;
  outline: none;
}
.e-shop30 .cmp-teaser.cmp-teaser--article:hover .cmp-teaser__content {
  background-color: transparent;
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--card {
  margin-bottom: 0;
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list {
  /* display image in first place */
  /* as image is on the right on desktop, the ribbon should keep its 10px of top spacing */
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-teaser__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--event.cmp-teaser--list .cmp-label--ribbon {
  top: 10px !important;
}
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card {
  margin-bottom: 0;
}
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--card .cmp-teaser__content {
  height: auto;
}
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list {
  /* display image in first place */
  /* as image is on the right on desktop, the ribbon should keep its 10px of top spacing */
}
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-teaser__content .publish-date {
    display: none;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--news.cmp-teaser--list .cmp-label--ribbon {
  top: 10px !important;
}
.e-shop30 .cmp-teaser.cmp-teaser--story.cmp-teaser--list__content {
  padding-bottom: 32px;
}
.e-shop30 .cmp-teaser.cmp-teaser--project .cmp-image {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.e-shop30 .cmp-teaser.cmp-teaser--project .cmp-image h4, .e-shop30 .cmp-teaser.cmp-teaser--project .cmp-image .h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  z-index: 2;
  padding: 30px;
  color: #ffffff;
}
.e-shop30 .cmp-teaser.cmp-teaser--project .cmp-image picture {
  width: 100%;
}
.e-shop30 .cmp-teaser.cmp-teaser--project .cmp-image picture img {
  width: 100%;
}
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--card .cmp-teaser__content .cmp-location {
  margin-bottom: 5px;
  font-size: 1rem;
}
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list {
  /* hide image in mobile mode as there is another visible image in the structure */
}
.e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-image {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--project.cmp-teaser--list .cmp-teaser__content .cmp-image {
    display: block;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--project.teaser-card-no-image .cmp-image h4, .e-shop30 .cmp-teaser.cmp-teaser--project.teaser-card-no-image .cmp-image .h4 {
  position: relative;
  color: #000000;
  width: 100%;
  background-color: #f5f5f5;
}
.e-shop30 .cmp-teaser.cmp-teaser--project:hover.cmp-teaser--card .cmp-teaser__content {
  background-color: #ffc510;
}
.e-shop30 .cmp-teaser.cmp-teaser--project:hover.teaser-card-no-image .cmp-image h4, .e-shop30 .cmp-teaser.cmp-teaser--project:hover.teaser-card-no-image .cmp-image .h4 {
  background-color: #ffffff;
}
.e-shop30 .cmp-teaser--project-carousel {
  width: 100%;
  overflow: hidden;
}
.e-shop30 .cmp-teaser--project-carousel--wide {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser--project-carousel--wide {
    width: 785px !important;
    /* important needed to overwrite a "slick carousel" styling on the div element */
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser--project-carousel--wide .cmp-image {
    width: 100% !important;
  }
}
.e-shop30 .cmp-teaser--project-carousel .cmp-image {
  position: relative;
  width: 378px;
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser--project-carousel .cmp-image .image-mobile {
    display: none;
  }
  .e-shop30 .cmp-teaser--project-carousel .cmp-image .image-desktop {
    display: block;
  }
}
.e-shop30 .cmp-teaser--project-carousel .cmp-image .image-mobile {
  display: block;
}
.e-shop30 .cmp-teaser--project-carousel .cmp-image .image-desktop {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser--project-carousel .cmp-image img {
    width: 100%;
    height: auto;
  }
}
.e-shop30 .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__content {
  padding: 30px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  z-index: 2;
}
.e-shop30 .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__content .cmp-title {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #ffffff;
}
.e-shop30 .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__content .cmp-location {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #ffffff;
}
.e-shop30 .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__content .cmp-location .cmp-icon {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.e-shop30 .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 3;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-color: #ffc510;
}
.e-shop30 .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .cmp-text {
  margin-top: 10px;
}
.e-shop30 .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .cmp-title,
.e-shop30 .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .cmp-location,
.e-shop30 .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .year,
.e-shop30 .cmp-teaser--project-carousel.cmp-teaser .cmp-teaser__overlay .cmp-text {
  color: #000000;
}
.e-shop30 .cmp-teaser--project-carousel.cmp-teaser:hover .cmp-teaser__overlay {
  opacity: 1;
}
.e-shop30 .cmp-teaser.cmp-teaser--document {
  margin-bottom: 8px;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  word-wrap: break-word;
  background-color: #f5f5f5;
  color: #3c3c3c;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--left .cmp-icon {
  display: inline-block;
  font-size: 4rem;
  margin-top: -2px;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--right {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 10px 0 0 10px;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--right__title {
  font-weight: bold;
  padding-right: 40px;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--right div:last-of-type {
  color: #9e9e9e;
  text-transform: uppercase;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended {
  padding: 15px;
  background: #f5f5f5;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0 10px 0 0;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--left > img {
  max-height: 200px;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 80%;
  -moz-box-flex: 1;
  -ms-flex: 1 1 80%;
  flex: 1 1 80%;
  margin: 0 10px;
  color: #3c3c3c;
  font-weight: bold;
  padding: 0;
  line-height: 16px;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right > div {
  font-weight: normal;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right > div:first-of-type {
  margin-bottom: 20px;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right > div:last-of-type {
  color: #9e9e9e;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  text-transform: uppercase;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right > div:last-of-type .cmp-icon {
  color: #000000;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right > div:last-of-type .cmp-icon {
  medium: 0.8rem;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right > div:last-of-type .cmp-icon {
    medium: -webkit-calc(0.8rem + 0.7625 * ((100vw - 1024px) / -384));
    medium: -moz-calc(0.8rem + 0.7625 * ((100vw - 1024px) / -384));
    medium: calc(0.8rem + 0.7625 * ((100vw - 1024px) / -384));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content--extended .cmp-teaser__content--right > div:last-of-type .cmp-icon {
    medium: 1.5625rem;
  }
}
.e-shop30 .cmp-teaser.cmp-teaser--document .cmp-teaser__content:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.e-shop30 .cmp-teaser.cmp-teaser--document .addToDocumentCart {
  cursor: pointer;
  outline: none;
  line-height: initial;
  position: absolute;
  right: 10px;
  top: 12px;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .addToDocumentCart .cmp-icon {
  -webkit-transition: color 0.3s ease-in;
  -o-transition: color 0.3s ease-in;
  -moz-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
  font-size: 1.5rem;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .addToDocumentCart .cmp-icon::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f751";
  font-size: inherit;
  font-weight: normal;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .addToDocumentCart .cmp-icon:hover {
  color: #ffc510;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .addToDocumentCart .cmp-icon:hover::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f751";
  font-weight: normal;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .addToDocumentCart--active .cmp-icon::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "ﭴ";
  color: #ffc510;
  font-size: inherit;
  font-weight: normal;
}
.e-shop30 .cmp-teaser.cmp-teaser--document .addToDocumentCart--active .cmp-icon:hover::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "ﭴ";
  font-weight: normal;
}
.e-shop30 .cmp-teaser a {
  display: block;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.e-shop30 .news.list.section .cell,
.e-shop30 .events.list.section .cell,
.e-shop30 .products.list.section .cell,
.e-shop30 .stories.list.section .cell {
  padding-bottom: 2rem;
}
.e-shop30 .stories.list.section .storyboard .cell {
  padding-bottom: 0;
}
.e-shop30 *[dir=rtl] .cmp-teaser--article .cmp-teaser__content {
  text-align: right;
}
.e-shop30 *[dir=rtl] .cmp-teaser--card .cmp-teaser__content {
  padding-right: 30px;
  text-align: right;
}
.e-shop30 *[dir=rtl] .cmp-teaser .cmp-teaser__icon {
  margin-left: 0;
  margin-right: -webkit-calc(45vw * 0.66);
  margin-right: -moz-calc(45vw * 0.66);
  margin-right: calc(45vw * 0.66);
}
.e-shop30 .cmp-storyboard__story {
  padding: 3px;
  height: 100%;
}
.e-shop30 .cmp-storyboard__story .cmp-teaser {
  height: 100%;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.e-shop30 .cmp-storyboard__story .cmp-teaser a {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.e-shop30 .cmp-storyboard__story .cmp-teaser .cmp-image {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.e-shop30 .cmp-storyboard__story .cmp-teaser .cmp-image img {
  height: 100%;
  width: 100%;
  display: block;
}
.e-shop30 .cmp-storyboard__story .cmp-teaser::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 6px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  pointer-events: none;
}
.e-shop30 .cmp-storyboard__story .cmp-teaser:hover::after {
  border-color: #ffc510;
}
.e-shop30 .cmp-storyboard__story .cmp-teaser:hover .cmp-image img {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.e-shop30 .cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content,
.e-shop30 .cmp-storyboard__story .cmp-teaser__content {
  background-color: rgba(255, 255, 255, 0.6) !important;
  padding: 20px;
}
.e-shop30 .cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-text,
.e-shop30 .cmp-storyboard__story .cmp-teaser__content .cmp-text {
  padding: 0;
}
.e-shop30 .cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-text,
.e-shop30 .cmp-storyboard__story .cmp-teaser__content .cmp-text {
  font-size: 1.125rem;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-text,
.e-shop30 .cmp-storyboard__story .cmp-teaser__content .cmp-text {
    font-size: -webkit-calc(1.125rem + 0.4375 * ((100vw - 320px) / 320));
    font-size: -moz-calc(1.125rem + 0.4375 * ((100vw - 320px) / 320));
    font-size: calc(1.125rem + 0.4375 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-text,
.e-shop30 .cmp-storyboard__story .cmp-teaser__content .cmp-text {
    font-size: 1.5625rem;
  }
}
.e-shop30 .cmp-storyboard__story .cmp-teaser.cmp-teaser--article .cmp-teaser__content .cmp-text p,
.e-shop30 .cmp-storyboard__story .cmp-teaser__content .cmp-text p {
  line-height: 0;
  display: inline;
  margin: 0;
  font-size: 1.5625rem;
}
.e-shop30 .cmp-storyboard__story .cmp-teaser__content {
  bottom: 14px !important;
  left: 14px !important;
  margin-right: 14px;
  height: auto;
}
.e-shop30 .cmp-storyboard__story--ne .cmp-teaser__content {
  top: 14px !important;
  right: 14px !important;
  bottom: initial !important;
  left: initial !important;
  margin-left: 14px;
}
.e-shop30 .cmp-storyboard__story--se .cmp-teaser__content {
  right: 14px !important;
  left: initial !important;
  margin-left: 14px;
}
.e-shop30 .cmp-storyboard__story--nw .cmp-teaser__content {
  top: 14px !important;
  bottom: initial !important;
}
.e-shop30 .cmp-persona {
  position: relative;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  width: 100%;
}
.e-shop30 .cmp-persona--wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.e-shop30 .cmp-persona__link {
  background-color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: auto;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 60%;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-persona__link {
    width: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-persona__link {
    width: 50%;
  }
}
.e-shop30 .cmp-persona__link:hover {
  background: #ffc510;
}
.e-shop30 .cmp-persona__content {
  padding: 20px 20px 40px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 230px;
}
.e-shop30 .cmp-persona__content__title {
  padding: 20px 15px 10px;
  font-size: 1.5625rem;
  line-height: 1.88rem;
}
.e-shop30 .cmp-persona__content__description {
  padding: 0 15px 15px;
  font-size: 1rem;
}
.e-shop30 .cmp-list-view {
  margin-bottom: 1rem;
}
.e-shop30 .cmp-list-view__wrapper {
  font-size: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.e-shop30 .cmp-list-view__wrapper .cmp-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.5rem;
}
.e-shop30 .cmp-list-view__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: bold;
  line-height: normal;
  color: #000000;
}
.e-shop30 .cmp-list-view__content__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 50;
  -webkit-flex: 50;
  -moz-box-flex: 50;
  -ms-flex: 50;
  flex: 50;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.e-shop30 .cmp-list-view__content__left .cmp-icon {
  color: #3c3c3c;
}
.e-shop30 .cmp-list-view__content__left .cmp-icon:hover {
  color: #ffc510;
}
.e-shop30 .cmp-list-view__content__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 50;
  -webkit-flex: 50;
  -moz-box-flex: 50;
  -ms-flex: 50;
  flex: 50;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: 10px;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view__content__right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.e-shop30 .cmp-list-view__content__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 10px;
}
.e-shop30 .cmp-list-view__content__action .cart .addToDocumentCart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  line-height: initial;
}
.e-shop30 .cmp-list-view__content__action .cart .addToDocumentCart .cmp-icon {
  -webkit-transition: color 0.15s ease-in;
  -o-transition: color 0.15s ease-in;
  -moz-transition: color 0.15s ease-in;
  transition: color 0.15s ease-in;
}
.e-shop30 .cmp-list-view__content__action .cart .addToDocumentCart .cmp-icon::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f751";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: inherit;
  font-weight: normal;
}
.e-shop30 .cmp-list-view__content__action .cart .addToDocumentCart--active .cmp-icon::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "ﭴ";
  color: #ffc510;
}
.e-shop30 .cmp-list-view__content .cmp-icon:not(.cmp-icon-download) {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view__content .cmp-icon:not(.cmp-icon-download) {
    display: block;
  }
}
.e-shop30 .cmp-list-view__content .download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 10px;
}
.e-shop30 .cmp-list-view__title {
  overflow-wrap: break-word;
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view__title {
    margin-left: 10px;
  }
}
.e-shop30 .cmp-list-view__type {
  justify-self: flex-start;
  overflow-wrap: break-word;
  font-weight: normal;
  padding-bottom: 10px;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view__type {
    padding-bottom: 0;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
}
.e-shop30 .cmp-list-view__size {
  justify-self: flex-end;
  overflow-wrap: break-word;
  color: #616161;
  text-transform: uppercase;
  font-weight: normal;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view__size {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.e-shop30 .cmp-list-view > div {
  margin-bottom: 5px;
  background-color: #f5f5f5;
  padding: 1rem;
}
.e-shop30 .cmp-list-view > div:hover {
  background-color: #e0e0e0;
}
.e-shop30 .cmp-list-view > div:hover .cmp-icon-download {
  color: #ffc510;
}
.e-shop30 .cmp-list-view-extended .cmp-accordion__item--is-active .plus .expand::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f374";
  font-size: 1.13125rem;
  font-weight: normal;
  color: #ffc510;
}
.e-shop30 .cmp-list-view-extended .cmp-accordion__item--is-active .cmp-accordion__title {
  background-color: #e0e0e0;
}
.e-shop30 .cmp-list-view-extended .cmp-accordion__item--is-active .cmp-accordion__title:hover {
  background-color: #e0e0e0;
}
.e-shop30 .cmp-list-view-extended .cmp-accordion__title:hover {
  background-color: #e0e0e0;
}
.e-shop30 .cmp-list-view-extended .cmp-accordion__title:hover .plus .expand::before {
  color: #ffc510;
}
.e-shop30 .cmp-list-view-extended .cmp-accordion__title::before {
  content: "";
  display: none;
}
.e-shop30 .cmp-list-view-extended__wrapper {
  font-size: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.e-shop30 .cmp-list-view-extended__wrapper .cmp-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #3c3c3c;
}
.e-shop30 .cmp-list-view-extended__wrapper .cmp-icon:hover {
  color: #ffc510;
}
.e-shop30 .cmp-list-view-extended__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #000000;
  font-weight: bold;
  line-height: normal;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view-extended__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.e-shop30 .cmp-list-view-extended__content__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 50;
  -webkit-flex: 50;
  -moz-box-flex: 50;
  -ms-flex: 50;
  flex: 50;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.e-shop30 .cmp-list-view-extended__content__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 50;
  -webkit-flex: 50;
  -moz-box-flex: 50;
  -ms-flex: 50;
  flex: 50;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 5px;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view-extended__content__right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    margin-top: 0;
  }
}
.e-shop30 .cmp-list-view-extended__content__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 10px;
}
.e-shop30 .cmp-list-view-extended__content__action .download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .cmp-list-view-extended__content__action .cart {
  margin-left: 10px;
}
.e-shop30 .cmp-list-view-extended__content__action .cart .addToDocumentCart {
  cursor: pointer;
  outline: none;
}
.e-shop30 .cmp-list-view-extended__content__action .cart .addToDocumentCart .cmp-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.15s ease-in;
  -o-transition: color 0.15s ease-in;
  -moz-transition: color 0.15s ease-in;
  transition: color 0.15s ease-in;
}
.e-shop30 .cmp-list-view-extended__content__action .cart .addToDocumentCart .cmp-icon::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f751";
  font-weight: normal;
}
.e-shop30 .cmp-list-view-extended__content__action .cart .addToDocumentCart--active .cmp-icon::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "ﭴ";
  color: #ffc510;
  font-weight: normal;
}
.e-shop30 .cmp-list-view-extended__content__action .plus {
  margin-left: 10px;
}
.e-shop30 .cmp-list-view-extended__content__action .plus .expand {
  outline: none;
  cursor: pointer;
}
.e-shop30 .cmp-list-view-extended__content__action .plus .expand::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f415";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.13125rem;
  font-weight: normal;
}
.e-shop30 .cmp-list-view-extended__content .cmp-icon:not(.cmp-icon-download) {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view-extended__content .cmp-icon:not(.cmp-icon-download) {
    display: block;
  }
}
.e-shop30 .cmp-list-view-extended__title {
  overflow-wrap: break-word;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view-extended__title {
    margin-left: 10px;
  }
}
.e-shop30 .cmp-list-view-extended__type {
  justify-self: flex-start;
  overflow-wrap: break-word;
  font-weight: normal;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view-extended__type {
    padding-bottom: 0;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
}
.e-shop30 .cmp-list-view-extended__size {
  justify-self: flex-end;
  overflow-wrap: break-word;
  color: #616161;
  text-transform: uppercase;
  font-weight: normal;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view-extended__size {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.e-shop30 .cmp-list-view-extended__ac-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  width: 100%;
  font-weight: bold;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 20px;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-list-view-extended__ac-content {
    padding-left: 40px;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-list-view-extended__ac-content .image {
    -webkit-box-flex: 100;
    -webkit-flex: 100;
    -moz-box-flex: 100;
    -ms-flex: 100;
    flex: 100;
  }
}
.e-shop30 .cmp-list-view-extended__ac-content .image img {
  max-width: 50px;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-list-view-extended__ac-content .image img {
    max-width: 100px;
  }
}
.e-shop30 .cmp-list-view-extended__ac-content .description {
  width: 100%;
  margin-left: 10px;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-list-view-extended__ac-content .description {
    margin-left: 20px;
  }
}
.e-shop30 .cmp-list-view-extended__ac-content .description > div {
  width: 100%;
  font-weight: normal;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-list-view-extended__ac-content .description > div {
    width: 76%;
  }
}
.e-shop30 .cmp-layout .cmp-link-list li {
  margin-bottom: 10px;
}
.e-shop30 .cmp-layout .cmp-link-list li a {
  margin-bottom: 50px;
}
.e-shop30 .cmp-link-list__title {
  margin-bottom: 1.25rem;
}
.e-shop30 .cmp-link-list__items ul {
  margin-left: 0;
}
.e-shop30 .cmp-link-list__items li {
  list-style: none;
  font-size: 16px;
}
.e-shop30 .cmp-link-list .cmp-icon {
  margin-right: 10px;
  font-size: 20px;
  vertical-align: sub;
}
.e-shop30 .cmp-link-list a .cmp-icon {
  display: inline-block;
  font-size: 16px;
  vertical-align: baseline;
  padding-left: 4px;
  margin-right: 0;
}
.e-shop30 .cmp-link-list--arrow .cmp-link-list__items ul {
  margin-left: 0;
}
.e-shop30 body.rtl .cmp-link-list--arrow .cmp-link-list__items ul li a {
  padding-left: 0;
  padding-right: 0.5rem;
}
.e-shop30 .cmp-link-list--arrow .cmp-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  color: #ffc510;
}
.e-shop30 .cmp-link-list ul,
.e-shop30 .cmp-link-list ol {
  margin-left: 0;
}
.e-shop30 .cmp-footer .cmp-link-list .cmp-icon {
  display: none;
}
.e-shop30 .cmp-footer .cmp-link-list a .cmp-icon {
  display: inline-block;
}
.e-shop30 .cmp-accordion__item {
  background-color: #f5f5f5;
  margin-bottom: 6px;
}
.e-shop30 .cmp-accordion__item:first-child > :first-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.e-shop30 .cmp-accordion__item:last-child > :last-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.e-shop30 .cmp-accordion__item--is-active {
  background-color: #f5f5f5;
}
.e-shop30 .cmp-accordion__item--is-active .cmp-accordion__content {
  display: block;
}
.e-shop30 .cmp-accordion__item--is-active .cmp-accordion__title::before {
  font-size: 1.3125rem;
  width: 1.3125rem;
  height: 1.3125rem;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f374";
  font-weight: normal;
}
.e-shop30 .cmp-accordion__item--is-active .cmp-accordion__title:hover {
  background-color: #ffc510;
}
.e-shop30 .cmp-accordion__item--is-active .cmp-accordion__title:focus {
  background-color: #f5f5f5;
}
.e-shop30 .cmp-accordion__item table tr:hover ul {
  background: none;
}
.e-shop30 .cmp-accordion__title {
  position: relative;
  display: block;
  padding: 1rem 1.5rem 1rem 1rem;
  border: 0;
  border-bottom: 0;
  font-size: 1.3125rem;
  line-height: 1;
  color: #ffc510;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.e-shop30 :last-child:not(.is-active) > .cmp-accordion__title {
  border-bottom: 0;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.e-shop30 .cmp-accordion__title:hover, .e-shop30 .cmp-accordion__title:focus {
  background-color: #f5f5f5;
}
.e-shop30 .cmp-accordion__title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.e-shop30 .is-active > .cmp-accordion__title::before {
  content: "–";
}
.e-shop30 .cmp-accordion__title {
  color: #000000;
}
.e-shop30 .cmp-accordion__title:visited {
  color: #000000;
}
.e-shop30 .cmp-accordion__title:hover {
  color: #000000;
}
.e-shop30 .cmp-accordion__title:active, .e-shop30 .cmp-accordion__title:focus {
  color: #000000;
}
.e-shop30 .cmp-accordion__title::before {
  font-size: 1.3125rem;
  width: 1.3125rem;
  height: 1.3125rem;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f415";
  font-weight: normal;
  margin-top: -0.6rem;
  right: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-accordion__title::before {
    right: 1rem;
  }
}
.e-shop30 body.rtl .cmp-accordion__title::before {
  left: 1rem;
  right: auto;
}
.e-shop30 .cmp-accordion__title:focus {
  background-color: #f5f5f5;
}
.e-shop30 .cmp-accordion__title:hover {
  background-color: #ffc510;
}
.e-shop30 .cmp-accordion__content {
  display: none;
  padding: 1.5rem 1rem 1rem 1rem;
  border: 0;
  border-bottom: 0;
  background-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.e-shop30 :last-child > .cmp-accordion__content:last-child {
  border-bottom: 0;
}
.e-shop30 .cmp-accordion__content--left {
  text-align: left;
  text-align: left;
}
.e-shop30 body.rtl .cmp-accordion__content--left {
  text-align: right;
}
.e-shop30 .cmp-accordion__content--right {
  text-align: right;
  color: #616161;
}
.e-shop30 body.rtl .cmp-accordion__content--right {
  text-align: left;
}
.e-shop30 .cmp-accordion__content .cmp-textimage .cmp-image--left {
  margin-left: 0;
}
.e-shop30 .cmp-accordion__content .cmp-textimage .cmp-image--right {
  margin-right: 0;
}
.e-shop30 .cmp-accordion__content .cmp-layout {
  padding: 0;
}
.e-shop30 .cmp-accordion .cmp-product--padding-right {
  padding-left: 0;
  padding-right: 0;
}
.e-shop30 .cmp-accordion ul {
  margin-left: 0;
  background: #ffffff;
  list-style-type: none;
  background-color: transparent;
  list-style-type: square;
  list-style-position: inside !important;
}
.e-shop30 .cmp-accordion ul[disabled] .accordion-title {
  cursor: not-allowed;
}
.e-shop30 .cmp-background--white .cmp-accordion__content {
  background: #f5f5f5;
}
.e-shop30 .cmp-background--light-grey .cmp-accordion__title {
  background: #ffffff;
}
.e-shop30 .cmp-background--light-grey .cmp-accordion__title:hover {
  background-color: #ffc510;
}
.e-shop30 .cmp-background--light-grey .cmp-accordion__content {
  background: #ffffff;
}
.e-shop30 .cmp--dark .cmp-accordion {
  color: #000000;
}
.e-shop30 .cmp--dark .cmp-accordion__content {
  background-color: #ffffff;
}
.e-shop30 .cmp--dark .cmp-accordion a {
  color: #3c3c3c;
}
.e-shop30 .cmp-layout .cell.large-10 {
  margin-left: auto;
  margin-right: auto;
}
.e-shop30 .cmp-categorydrilldown {
  margin-bottom: 1rem;
}
.e-shop30 .cmp-categorydrilldown .grid-container {
  margin-bottom: 20px;
}
.e-shop30 .cmp-categorydrilldown .grid-x .cell {
  padding-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-categorydrilldown .grid-x .cell {
    padding-bottom: 2rem;
  }
}
.e-shop30 .cmp-categorydrilldown h3, .e-shop30 .cmp-categorydrilldown .h3,
.e-shop30 .cmp-categorydrilldown h4,
.e-shop30 .cmp-categorydrilldown .h4 {
  margin-bottom: 1.3rem;
}
.e-shop30 .cmp-helpbox {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 20px;
  height: 335px;
  background-color: #ffc510;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-helpbox {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-helpbox {
    padding: 40px;
  }
}
.e-shop30 .cmp-helpbox__title {
  text-align: center;
}
.e-shop30 .cmp-helpbox__title {
  medium: 2.44rem;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-helpbox__title {
    medium: -webkit-calc(2.44rem + 0.31 * ((100vw - 1024px) / -384));
    medium: -moz-calc(2.44rem + 0.31 * ((100vw - 1024px) / -384));
    medium: calc(2.44rem + 0.31 * ((100vw - 1024px) / -384));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-helpbox__title {
    medium: 2.75rem;
  }
}
.e-shop30 .cmp-helpbox__content .cmp-search-field .cmp-search-form__field {
  background: #ffffff;
}
.e-shop30 .cmp-helpbox__content .cmp-search-field .cmp-search-form .cmp-icon {
  background-color: #ffffff;
}
.e-shop30 .cmp-helpbox__icon {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
  font-size: 1.44rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 110px;
  width: 230px;
  max-width: 230px;
  margin: 0 17.5px;
  padding: 20px;
  background-color: #616161;
  color: #ffffff;
  text-decoration: none;
}
.e-shop30 .cmp-helpbox__icon {
  line-height: 32px;
}
@media screen and (min-width: 20em) {
  .e-shop30 .cmp-helpbox__icon {
    line-height: -webkit-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: -moz-calc(32px + -2 * ((100vw - 320px) / 320));
    line-height: calc(32px + -2 * ((100vw - 320px) / 320));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-helpbox__icon {
    line-height: 30px;
  }
}
.e-shop30 .cmp-helpbox__icon--stacked {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.e-shop30 .cmp-helpbox__icon--stacked .cmp-icon {
  padding-bottom: 10px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.e-shop30 .cmp-helpbox__icon .cmp-icon {
  font-size: 2.875rem;
  padding-right: 10px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.e-shop30 body.rtl .cmp-helpbox__icon .cmp-icon {
  padding-left: 10px;
  padding-right: 0;
}
@media print, screen and (max-width: 63.99875em) {
  .e-shop30 .cmp-helpbox__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
.e-shop30 .cmp-helpbox__icon-text {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.e-shop30 .cmp-helpbox__icon:hover {
  color: #ffc510;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-helpbox-offset {
    margin-top: -75px;
    margin-bottom: 30px;
    /* changed after test with Olga, but seems strange such a difference.... */
  }
}
.e-shop30 .cmp-helpbox-container {
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-helpbox-container {
    max-width: 1280px;
  }
}
.e-shop30 .cmp-helpbox-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-top: -70px;
  padding: 0 17.5px;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-helpbox-bar {
    padding: 0;
  }
}
.e-shop30 .cmp-helpbox-bar--one-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-helpbox-bar {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .e-shop30 .cmp-helpbox-bar--one-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .e-shop30 .cmp-helpbox-bar--two-items {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-helpbox-bar {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.e-shop30 .cmp-helpbox-bar .cmp-shadow__left {
  position: absolute !important;
  width: 50px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: -webkit-gradient(linear, left top, right top, from(white), color-stop(50%, rgba(255, 255, 255, 0.522847)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.522847) 50%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.522847) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.522847) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.522847) 50%, rgba(255, 255, 255, 0) 100%);
}
.e-shop30 .cmp-helpbox-bar .cmp-shadow__right {
  position: absolute !important;
  width: 50px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.522847)), to(white));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.522847) 50%, white 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.522847) 50%, white 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.522847) 50%, white 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.522847) 50%, white 100%);
}
.e-shop30 .cmp-helpbox-bar :first-child {
  margin-left: 0;
}
.e-shop30 body.rtl .cmp-helpbox-bar :first-child {
  margin-right: 0;
  margin-left: 15px;
}
.e-shop30 body.rtl .cmp-helpbox-bar :first-child .cmp-helpbox__icon-text {
  margin: 0;
}
.e-shop30 .cmp-helpbox-bar :last-child {
  margin-right: 0;
}
.e-shop30 body.rtl .cmp-helpbox-bar :last-child {
  margin-left: 0;
  margin-right: 15px;
}
.e-shop30 body.rtl .cmp-helpbox-bar :last-child .cmp-helpbox__icon-text {
  margin: 0;
}
.e-shop30 .cmp-helpbox-bar::-webkit-scrollbar {
  display: none;
}
.e-shop30 .cmp-person {
  margin-bottom: 1rem;
}
.e-shop30 .cmp-person__name {
  padding-top: 1rem;
  font-size: 1.375em;
}
.e-shop30 .cmp-person__role {
  padding-bottom: 1rem;
  font-size: 1.25rem;
}
.e-shop30 .cmp-person__address {
  font-size: 1.25rem;
}
.e-shop30 .cmp-person .cmp-icon {
  padding-right: 0.5rem;
}
.e-shop30 .cmp-contact__item {
  text-align: center;
}
.e-shop30 .cmp-contact__item .cmp-icon {
  font-size: 3.75rem;
  padding-bottom: 15px;
  border-bottom: 4px solid;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.e-shop30 .cmp-contact__item .cmp-title {
  margin-top: 2rem;
}
.e-shop30 .cmp-contact-content {
  padding-right: 0;
  padding-left: 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 40px 0;
}
.e-shop30 .cmp-contact-content .cmp-title {
  text-align: center;
  margin-bottom: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .cmp-contact-content {
    padding: 20px 0;
  }
}
.e-shop30 .cmp-contact-content--description {
  text-align: center;
  margin-bottom: 3rem;
}
.e-shop30 .cmp-contact a {
  font-family: inherit;
}
.e-shop30 .cmp-contact a:hover .cmp-icon {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 4px solid #ffc510;
}
.e-shop30 .cmp-contact-overlay__logo {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-contact-overlay__logo {
    display: block;
    width: 80px;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 15px;
  }
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-contact-overlay__logo {
    width: 120px;
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__head h2, .e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__head .h2 {
    max-width: 75%;
  }
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout--wide {
  max-width: 100% !important;
  padding-bottom: 0;
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container {
  margin: 40px 0 0 0;
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container__panel {
  width: auto;
  max-width: 100rem;
  margin: auto;
  padding: 0 25px 50px;
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-shadow__left {
  width: 20px !important;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-shadow__right {
  width: 20px !important;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.4)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.4) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.4) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.4) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.4) 100%);
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab .cmp-tab-content__icon {
  background: transparent;
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab .cmp-tab-content__icon .cmp-icon {
  color: #000000;
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab .cmp-tab-content__title {
  color: #000000;
  padding: 0;
  margin: 10px 0;
  height: 80px;
  word-break: break-word;
  font-size: 1.13125rem;
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab--is-active .cmp-tab-content__icon {
  background: #ffffff;
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab--is-active .cmp-tab-content__icon .cmp-icon {
  color: #ffc510;
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cmp-tabs-container .cmp-tabs .cmp-tab--is-active .cmp-tab-content__title {
  color: #ffffff;
}
.e-shop30 .cmp-contact-overlay .cmp-background--yellow .cmp-layout__content .cell {
  margin: 0;
}
.e-shop30 table th {
  position: relative;
  cursor: pointer;
}
.e-shop30 table th::after {
  position: absolute;
  padding-left: 10px;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.e-shop30 table th.sorted::after {
  position: absolute;
  top: -2px;
  padding-left: 10px;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.e-shop30 table th.sorted--up::after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f360";
  top: -2px;
}
.e-shop30 table th.sorted--down::after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f35d";
  top: 5px;
}
.e-shop30 .cmp-table {
  display: block;
  width: 100%;
  overflow: auto;
  margin-bottom: 1rem;
}
.e-shop30 .cmp-table--grid tbody tr {
  background-color: transparent !important;
}
.e-shop30 .cmp-table--grid tbody tr td {
  border-bottom: 1px solid #e0e0e0;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-table--hover thead tr:hover {
    background-color: #f4f4f4;
  }
  .e-shop30 .cmp-table--hover tfoot tr:hover {
    background-color: #ededed;
  }
  .e-shop30 .cmp-table--hover tbody tr:hover {
    background-color: #ffc510;
  }
  .e-shop30 .cmp-table--hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ffc510;
  }
  .e-shop30 .cmp-table--hover tbody tr:hover td a {
    border-bottom: 2px solid #000000;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .cmp-table--responsive {
    display: table;
  }
  .e-shop30 .cmp-table--responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .e-shop30 .cmp-table--responsive tr {
    border-bottom: 3px solid #e0e0e0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .e-shop30 .cmp-table--responsive tr:nth-child(even) {
    border-bottom: 3px solid #e0e0e0;
    background-color: inherit;
  }
  .e-shop30 .cmp-table--responsive tr:hover {
    background-color: inherit;
  }
  .e-shop30 .cmp-table--responsive td {
    border-bottom: 1px solid #e0e0e0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 8px 10px;
  }
  .e-shop30 .cmp-table--responsive .mobile-header {
    display: block !important;
    font-weight: bold;
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
  }
  .e-shop30 .cmp-table--responsive .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1rem;
  }
}
.e-shop30 .cmp-table--responsive .mobile-header {
  display: none;
}
.e-shop30 .cmp-table a {
  letter-spacing: 0.03125rem;
  border-bottom: 4px solid #ffc510;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .cmp-table a {
    font-size: 1.125rem;
  }
}
.e-shop30 body.rtl .cmp-table a {
  display: inline-block;
}
.e-shop30 .cmp-table a[target=_blank]::after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f3cc";
  margin-left: 10px;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.e-shop30 .cmp-table a:hover {
  background-color: #ffc510;
}
.e-shop30 table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block;
  width: 100%;
  overflow-x: auto;
  margin-bottom: 0;
  display: table;
  border: none;
}
.e-shop30 thead,
.e-shop30 tbody,
.e-shop30 tfoot {
  border: 1px solid #f2f2f2;
  background-color: #ffffff;
}
.e-shop30 caption {
  padding: 8px 30px 10px;
  font-weight: bold;
}
.e-shop30 thead {
  background: #e0e0e0;
  color: #000000;
}
.e-shop30 tfoot {
  background: #f2f2f2;
  color: #000000;
}
.e-shop30 thead tr,
.e-shop30 tfoot tr {
  background: transparent;
}
.e-shop30 thead th,
.e-shop30 thead td,
.e-shop30 tfoot th,
.e-shop30 tfoot td {
  padding: 8px 30px 10px;
  font-weight: bold;
  text-align: left;
}
.e-shop30 tbody th,
.e-shop30 tbody td {
  padding: 8px 30px 10px;
}
.e-shop30 tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f2f2f2;
}
.e-shop30 table.unstriped tbody {
  background-color: #ffffff;
}
.e-shop30 table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f2f2f2;
  background-color: #ffffff;
}
.e-shop30 table tbody,
.e-shop30 table tfoot,
.e-shop30 table thead,
.e-shop30 table td,
.e-shop30 table th {
  border: none;
}
.e-shop30 table td {
  vertical-align: text-top;
}
.e-shop30 table th {
  text-align: left;
  background-color: #e0e0e0;
}
.e-shop30 table th.active:not(.sorted)::after {
  font-size: 24px;
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-family: "Material Design Icons";
  content: "\f35d";
  top: 5px;
}
.e-shop30 .cmp-pictograms__title {
  margin-bottom: 1.25rem;
}
.e-shop30 .cmp-pictograms__items {
  margin-left: 0;
  margin-right: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.e-shop30 .cmp-pictograms__item {
  width: 30%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.e-shop30 .cmp-pictograms__item__link {
  padding: 0;
}
.e-shop30 .cmp-pictograms__item__icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.e-shop30 .cmp-pictograms__item__image {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.e-shop30 .cmp-pre-footer {
  margin-top: 40px;
}
.e-shop30 .cmp-pre-footer__item {
  text-align: center;
}
.e-shop30 .cmp-pre-footer__item .cmp-icon {
  font-size: 3.75rem;
  padding-bottom: 15px;
  border-bottom: 4px solid;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.e-shop30 .cmp-pre-footer__item .cmp-title {
  margin-top: 2rem;
}
.e-shop30 .cmp-pre-footer__item .cmp-title h3, .e-shop30 .cmp-pre-footer__item .cmp-title .h3 {
  medium: 1.95rem;
}
@media print, screen and (min-width: 64em) {
  .e-shop30 .cmp-pre-footer__item .cmp-title h3, .e-shop30 .cmp-pre-footer__item .cmp-title .h3 {
    medium: -webkit-calc(1.95rem + 0.25 * ((100vw - 1024px) / -384));
    medium: -moz-calc(1.95rem + 0.25 * ((100vw - 1024px) / -384));
    medium: calc(1.95rem + 0.25 * ((100vw - 1024px) / -384));
  }
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-pre-footer__item .cmp-title h3, .e-shop30 .cmp-pre-footer__item .cmp-title .h3 {
    medium: 2.2rem;
  }
}
.e-shop30 .cmp-pre-footer-content {
  padding-right: 0;
  padding-left: 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 40px 0;
}
.e-shop30 .cmp-pre-footer-content .cmp-title {
  text-align: center;
  margin-bottom: 3rem;
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .cmp-pre-footer-content {
    padding: 20px 0;
  }
}
.e-shop30 .cmp-pre-footer a {
  font-family: inherit;
}
.e-shop30 .cmp-pre-footer a:hover .cmp-icon {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 4px solid #ffc510;
}
.e-shop30 .cmp-footer__link-list .cmp-link-list__items {
  margin-left: 0;
}
.e-shop30 .cmp-footer__link-list .cmp-link-list__items li {
  line-height: normal;
  margin-bottom: 16px;
}
@media print, screen and (max-width: 63.99875em) {
  .e-shop30 .cmp-footer .cmp-link-list__items {
    margin-bottom: 0;
  }
}
.e-shop30 .cmp-footer__back-to-top {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color: #ffc510;
  position: absolute;
  top: -18px;
  right: 0;
  width: 45px;
  height: 45px;
  cursor: pointer;
  color: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.e-shop30 .cmp-footer__back-to-top:hover {
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.e-shop30 .cmp-footer__back-to-top .cmp-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
@media print, screen and (max-width: 63.99875em) {
  .e-shop30 .cmp-footer__back-to-top {
    right: 20px;
  }
}
.e-shop30 .cmp-footer-content {
  padding-right: 0;
  padding-left: 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 40px 0;
  justify-content: space-between;
}
.e-shop30 .cmp-footer-content--bottom {
  padding: 15px 0;
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .cmp-footer-content--bottom {
    text-align: center;
  }
  .e-shop30 .cmp-footer-content--bottom .cmp-footer-links__item:not(:first-child) a {
    padding-left: 0;
  }
  .e-shop30 .cmp-footer-content--bottom .cmp-footer-links__item:not(:last-child) a {
    padding-right: 0;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .e-shop30 .cmp-footer-content--bottom {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .e-shop30 .cmp-footer-content--bottom {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.e-shop30 .cmp-footer-content--bottom .cmp-footer-links__item:not(:first-child) a {
  padding-left: 12px;
}
.e-shop30 .cmp-footer-content--bottom .cmp-footer-links__item:not(:last-child) a {
  padding-right: 12px;
}
@media print, screen and (min-width: 40em) {
  .e-shop30 .cmp-footer-content .cmp-footer__link-list {
    margin-right: 20px;
  }
  .e-shop30 .cmp-footer-content .cmp-footer__link-list:last-child {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 1200px) {
  .e-shop30 .cmp-footer-content .cmp-footer__link-list {
    flex-grow: 1;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .e-shop30 .cmp-footer-content .cell {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .cmp-footer-content {
    padding: 20px 0;
  }
  .e-shop30 .cmp-footer-content .cmp-footer__link-list:not(:first-child) > div {
    margin-top: 20px;
  }
  .e-shop30 .cmp-footer-content .cmp-footer-corporation {
    margin-top: 40px;
  }
}
.e-shop30 .cmp-footer-content .grid-x :first-child {
  margin-left: 0;
}
.e-shop30 .cmp-footer-content .grid-x :last-child {
  margin-right: 0;
}
.e-shop30 .cmp-footer-links {
  background-color: transparent;
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
.e-shop30 .cmp-footer-links__menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.e-shop30 [data-whatinput=mouse] .cmp-footer-links__menu li {
  outline: 0;
}
.e-shop30 .cmp-footer-links__menu a,
.e-shop30 .cmp-footer-links__menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 1.25rem;
}
.e-shop30 .cmp-footer-links__menu input,
.e-shop30 .cmp-footer-links__menu select,
.e-shop30 .cmp-footer-links__menu a,
.e-shop30 .cmp-footer-links__menu button {
  margin-bottom: 0;
}
.e-shop30 .cmp-footer-links__menu input {
  display: inline-block;
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .e-shop30 .cmp-footer-links__menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.e-shop30 .cmp-footer-links__menu li a {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.e-shop30 .cmp-footer-links__menu li:first-child a {
  padding-left: 0;
}
.e-shop30 .cmp-footer-links__menu li:last-child a {
  padding-right: 0;
}
.e-shop30 .cmp-footer-links__item {
  display: table;
}
.e-shop30 .cmp-footer-links__item:not(:last-child)::after {
  content: "|";
  display: table-cell;
}
@media print, screen and (max-width: 39.99875em) {
  .e-shop30 .cmp-footer-links__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .e-shop30 .cmp-footer-links__menu li a {
    padding-left: 0;
  }
  .e-shop30 .cmp-footer-links__item {
    display: block;
  }
  .e-shop30 .cmp-footer-links__item:not(:last-child)::after {
    content: none;
  }
}
.e-shop30 .cmp-footer .cmp-link-list__title,
.e-shop30 .cmp-footer .cmp-pictograms__title {
  padding-bottom: 15px;
  border-bottom: 2px solid #ffffff;
  display: table;
}
.e-shop30 .cmp-footer-corporation {
  position: relative;
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .e-shop30 .cmp-footer-corporation {
    margin-top: 20px;
  }
}
.e-shop30 .cmp-footer-corporation .cmp-logo {
  max-width: 90%;
  width: 400px;
  margin-right: 0;
  margin-left: auto;
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .e-shop30 .cmp-footer-corporation .cmp-logo {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.e-shop30 .cmp-footer-corporation .cmp-logo img {
  width: 400px;
}
.e-shop30 .cmp-footer a {
  font-family: inherit;
}
.e-shop30 .login-title {
  font-family: "Klavika Regular";
  color: #000;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 40px;
}
@media (max-width: 639px) {
  .e-shop30 .forgotten-password-link .forgotten-password-anchor {
    font-size: 14px;
  }
}

.e-shop30 .button, .select2-container .select2-selection--single .select2-selection__rendered, .user-inputs-container .form-group div, .homepage-wrapper .hp-welcome h2, .homepage-wrapper .hp-welcome .h2 {
  text-transform: none !important;
}

.user-form-header h1, .user-form-header .h1 {
  text-transform: uppercase !important;
}

#_asm .ASM-btn.ASM-btn-customer360 {
  display: none;
}
#_asm .ASM-input {
  background-color: #fff;
  cursor: default;
  color: #000;
}

/*# sourceMappingURL=style.css.map */