@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700,800";
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  line-height: 1.15;
}

body {
  margin: 0;
}

article, aside, footer, header, nav, section {
  display: block;
}

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

figcaption, figure, main {
  display: block;
}

figure {
  margin: 1em 40px;
}

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

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  -webkit-text-decoration-skip: objects;
  background-color: #0000;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  color: #000;
  background-color: #ff0;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

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

[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="button"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="reset"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
  max-width: 100%;
  padding: 0;
  display: table;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

details, menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template, [hidden] {
  display: none;
}

:root {
  --clr-primary: #83be26;
}

.opc-notifications .notifications-dialog[data-op-capture="1"]:before {
  content: "";
  z-index: 1;
  display: block;
  position: absolute;
  inset: 0;
}

.opc-notifications .notifications-footer .notifications-buttons[data-op-type="primary"] {
  text-align: right;
}

.opc-notifications .notifications-footer .notifications-buttons[data-op-type="primary"] .opc-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons[data-op-type="primary"] .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons[data-op-type="primary"] .notifications-ok, .opc-notifications .notifications-footer .notifications-buttons[data-op-type="primary"] .opc-compare-button, .opc-notifications .notifications-footer .notifications-buttons[data-op-type="primary"] .opc-favorite-button {
  margin: 4px;
}

.opc-notifications .notifications-footer .notifications-buttons[data-op-type="auxiliary"] {
  float: left;
  clear: none;
  text-align: left;
}

.opc-notifications .notifications-footer .notifications-buttons[data-op-type="auxiliary"] .opc-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons[data-op-type="auxiliary"] .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons[data-op-type="auxiliary"] .notifications-ok, .opc-notifications .notifications-footer .notifications-buttons[data-op-type="auxiliary"] .opc-compare-button, .opc-notifications .notifications-footer .notifications-buttons[data-op-type="auxiliary"] .opc-favorite-button {
  margin: 4px;
}

.opc-notifications .notifications-footer .notifications-buttons .opc-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-footer .notifications-buttons .opc-compare-button, .opc-notifications .notifications-footer .notifications-buttons .opc-favorite-button {
  min-width: 88px;
  min-height: 35px;
}

.opc-notifications.is-no-overflow .notifications-body .notifications-content {
  overflow: hidden !important;
}

.opc-notifications[data-op-no-padding="1"].is-maximized .notifications-body .notifications-content {
  padding: 0;
  left: 0;
  right: 0;
}

.opc-notifications[data-op-no-padding="1"]:not(.is-maximized) .notifications-body {
  margin-left: -24px;
  margin-right: -24px;
}

.opc-notifications[data-op-no-padding="1"]:not(.is-maximized) .notifications-body .notifications-content {
  padding: 0;
}

.opc-notifications[data-op-no-padding="1"].is-resizable .notifications-body .notifications-content {
  left: 0;
  right: 0;
}

.opc-notifications.is-maximizable .notifications-commands button.notifications-maximize, .opc-notifications.is-maximizable .notifications-commands button.notifications-restore, .opc-notifications.is-closable .notifications-commands button.notifications-close {
  display: inline-block;
}

.opc-notifications.is-maximized.is-modeless .notifications-modal {
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  position: fixed !important;
}

.opc-notifications.is-maximized .notifications-commands button.notifications-maximize {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=");
}

.opc-notifications.is-resizable .notifications-dialog, .opc-notifications.is-maximized .notifications-dialog {
  padding: 0;
}

.opc-notifications.is-resizable .notifications-commands, .opc-notifications.is-maximized .notifications-commands {
  margin: 14px 24px 0 0;
}

.opc-notifications.is-resizable .notifications-header, .opc-notifications.is-maximized .notifications-header {
  margin: 0;
  padding: 16px 24px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.opc-notifications.is-resizable .notifications-body, .opc-notifications.is-maximized .notifications-body {
  min-height: 224px;
  display: inline-block;
}

.opc-notifications.is-resizable .notifications-body .notifications-content, .opc-notifications.is-maximized .notifications-body .notifications-content {
  position: absolute;
  inset: 50px 24px;
  overflow: auto;
}

.opc-notifications.is-resizable .notifications-footer, .opc-notifications.is-maximized .notifications-footer {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.opc-notifications.is-resizable:not(.is-maximized) .notifications-dialog {
  min-width: 548px;
}

.opc-notifications.is-resizable:not(.is-maximized) .notifications-handle {
  display: block;
}

.opc-notifications.is-movable:not(.is-maximized) .notifications-header {
  cursor: move;
}

.opc-notifications.is-modeless .notifications-dimmer, .opc-notifications.is-modeless .notifications-reset {
  display: none;
}

.opc-notifications.is-modeless .notifications-modal {
  max-width: none;
  max-height: 0;
  overflow: visible;
}

.opc-notifications.is-modeless.is-pinnable .notifications-commands button.notifications-pin {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC");
  display: inline-block;
}

.opc-notifications.is-modeless.is-unpinned .notifications-modal {
  position: absolute;
}

.opc-notifications.is-modeless.is-unpinned .notifications-commands button.notifications-pin {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=");
}

.opc-notifications.is-modeless:not(.is-unpinned) .notifications-body {
  max-height: 500px;
  overflow: auto;
}

.opc-notifications[data-op-basic="1"] .notifications-header {
  opacity: 0;
}

.opc-notifications[data-op-basic="1"] .notifications-footer {
  visibility: hidden;
}

.opc-notifications.is-frameless .notifications-header {
  opacity: 0;
  z-index: 1;
  min-height: 60px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.opc-notifications.is-frameless .notifications-footer {
  display: none;
}

.opc-notifications.is-frameless .notifications-body .notifications-content {
  position: absolute;
  inset: 0;
}

.opc-notifications.is-frameless:not(.is-resizable) .notifications-dialog {
  padding-top: 0;
}

.opc-notifications.is-frameless:not(.is-resizable) .notifications-dialog .notifications-commands {
  margin-top: 0;
}

.is-no-overflow {
  outline: none;
  overflow: hidden !important;
}

.is-no-overflow.is-fixed {
  position: fixed;
  inset: 0;
  overflow-y: scroll !important;
}

[data-op-no-selection="1"], [data-op-no-selection="1"] * {
  -webkit-user-select: none;
  user-select: none;
}

@media screen and (width <= 568px) {
  .opc-notifications .notifications-dialog {
    min-width: 150px;
  }

  .opc-notifications:not(.is-maximized) .notifications-modal {
    padding: 0 5%;
  }

  .opc-notifications:not(.is-maximized).notifications-resizable .notifications-dialog {
    min-width: initial;
    min-width: auto;
  }
}

@-moz-document url-prefix() {
  .opc-notifications button:focus {
    outline: 1px dotted #3593d2;
  }
}

.opc-notifications.is-hidden .notifications-dimmer, .opc-notifications.is-hidden .notifications-modal {
  visibility: hidden;
  opacity: 0;
}

.opc-notifications.is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-duration: .5s;
}

.opc-notifications.is-progress-out.is-hidden .notifications-dialog {
  animation-duration: .25s;
}

@keyframes notifications-shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.opc-notifications[data-op-slide="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-slideIn;
  animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.opc-notifications[data-op-slide="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-slideOut;
  animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
}

.opc-notifications[data-op-zoom="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-zoomIn;
}

.opc-notifications[data-op-zoom="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-zoomOut;
}

.opc-notifications[data-op-fade="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-fadeIn;
}

.opc-notifications[data-op-fade="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-fadeOut;
}

.opc-notifications[data-op-pulse="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-pulseIn;
}

.opc-notifications[data-op-pulse="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-pulseOut;
}

.opc-notifications[data-op-flipx="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-flipInX;
}

.opc-notifications[data-op-flipx="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-flipOutX;
}

.opc-notifications[data-op-flipy="1"].is-progress-in:not(.is-hidden) .notifications-dialog {
  animation-name: notifications-flipInY;
}

.opc-notifications[data-op-flipy="1"].is-progress-out.is-hidden .notifications-dialog {
  animation-name: notifications-flipOutY;
}

@keyframes notifications-pulseIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes notifications-pulseOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes notifications-zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.25, .25, .25);
  }

  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes notifications-zoomOut {
  0% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  100% {
    opacity: 0;
    transform: scale3d(.25, .25, .25);
  }
}

@keyframes notifications-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes notifications-fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes notifications-flipInX {
  0% {
    opacity: 0;
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  }

  40% {
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }

  60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

@keyframes notifications-flipOutX {
  0% {
    transform: perspective(400px);
  }

  30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }

  100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  }
}

@keyframes notifications-flipInY {
  0% {
    opacity: 0;
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  }

  40% {
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  }

  60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

@keyframes notifications-flipOutY {
  0% {
    transform: perspective(400px);
  }

  30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
  }

  100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  }
}

@keyframes notifications-slideIn {
  0% {
    margin-top: -100%;
  }

  100% {
    margin-top: 5%;
  }
}

@keyframes notifications-slideOut {
  0% {
    margin-top: 5%;
  }

  100% {
    margin-top: -100%;
  }
}

.opc-notifications-notifier .notifications-message.is-visible {
  opacity: 1;
  max-height: 100%;
  margin-top: 10px;
  padding: 15px;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.opc-notifications-notifier .notifications-message.is-success {
  background: #5bbd72f2;
}

.opc-notifications-notifier .notifications-message.is-error {
  background: #d95c5cf2;
}

.opc-notifications-notifier .notifications-message.is-warning {
  background: #fcf8d7f2;
}

.opc-notifications-notifier[data-op-notifier-top="1"] {
  top: 10px;
}

.opc-notifications-notifier[data-op-notifier-bottom="1"] {
  bottom: 10px;
}

.opc-notifications-notifier[data-op-notifier-right="1"] {
  right: 10px;
}

.opc-notifications-notifier[data-op-notifier-right="1"] .notifications-message {
  right: -320px;
}

.opc-notifications-notifier[data-op-notifier-right="1"] .notifications-message.is-visible {
  right: 290px;
}

.opc-notifications-notifier[data-op-notifier-left="1"] {
  left: 10px;
}

.opc-notifications-notifier[data-op-notifier-left="1"] .notifications-message {
  left: -300px;
}

.opc-notifications-notifier[data-op-notifier-left="1"] .notifications-message.is-visible {
  left: 0;
}

.opc-notifications-notifier[data-op-notifier-center="1"] {
  left: 50%;
}

.opc-notifications-notifier[data-op-notifier-center="1"] .notifications-message {
  transform: translateX(-50%);
}

.opc-notifications-notifier[data-op-notifier-center="1"] .notifications-message.is-visible {
  transition-timing-function: cubic-bezier(.57, .43, .1, .65);
  left: 50%;
}

.opc-notifications-notifier[data-op-notifier-center="1"][data-op-notifier-top="1"] .notifications-message {
  top: -300px;
}

.opc-notifications-notifier[data-op-notifier-center="1"][data-op-notifier-top="1"] .notifications-message.is-visible {
  top: 0;
}

.opc-notifications-notifier[data-op-notifier-center="1"][data-op-notifier-bottom="1"] .notifications-message {
  bottom: -300px;
}

.opc-notifications-notifier[data-op-notifier-center="1"][data-op-notifier-bottom="1"] .notifications-message.is-visible {
  bottom: 0;
}

.flatpickr-calendar {
  opacity: 0;
  text-align: center;
  visibility: hidden;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  direction: ltr;
  background: #fff;
  border: 0;
  border-radius: 5px;
  width: 100%;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  animation: none;
  display: none;
  position: absolute;
  box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 0 3px 13px #00000014;
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  max-height: 640px;
}

.flatpickr-calendar.open {
  z-index: 99999;
  display: inline-block;
  position: relative;
}

.flatpickr-calendar.animate.open {
  animation: .3s cubic-bezier(.23, 1, .32, 1) fpFadeInDown;
}

.flatpickr-calendar.inline {
  width: 100%;
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #e6e6e6;
  height: 40px;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  pointer-events: none;
  content: "";
  border: solid #0000;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  width: 100%;
  display: inline-block;
  position: relative;
}

.flatpickr-months {
  display: flex;
}

.flatpickr-months .flatpickr-month {
  color: #000000e6;
  fill: #000000e6;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  background: none;
  flex: 1;
  height: 40px;
  line-height: 1;
  position: relative;
  overflow: hidden;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  z-index: 3;
  color: #000000e6;
  fill: #000000e6;
  height: 34px;
  padding: 10px;
  text-decoration: none;
  position: absolute;
  top: 0;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}

.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  fill: inherit;
  transition: fill .1s;
}

.numInputWrapper {
  height: auto;
  position: relative;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.numInputWrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.numInputWrapper span {
  opacity: 0;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #39393926;
  width: 14px;
  height: 50%;
  padding: 0 4px 0 2px;
  line-height: 50%;
  position: absolute;
  right: 0;
}

.numInputWrapper span:hover {
  background: #0000001a;
}

.numInputWrapper span:active {
  background: #0003;
}

.numInputWrapper span:after {
  content: "";
  display: block;
  position: absolute;
}

.numInputWrapper span.arrowUp {
  border-bottom: 0;
  top: 0;
}

.numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid #39393999;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-top: 4px solid #39393999;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: #00000080;
}

.numInputWrapper:hover {
  background: #0000000d;
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: var(--typ-h5-size, 135%);
  line-height: inherit;
  font-weight: var(--typ-h5-weight, 300);
  color: inherit;
  text-align: center;
  justify-content: space-between;
  width: 75%;
  height: auto;
  padding: 0;
  line-height: 1;
  display: flex;
  position: absolute;
  left: 12.5%;
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  color: inherit;
  margin-left: .5ch;
  padding: 0;
  font-family: inherit;
  font-weight: 700;
  display: inline-block;
}

.flatpickr-current-month span.cur-month:hover {
  background: #0000000d;
}

.flatpickr-current-month .numInputWrapper {
  width: auto;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #000000e6;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #000000e6;
}

.flatpickr-current-month input.cur-year {
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  vertical-align: initial;
  appearance: textfield;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 1rem 2rem;
  display: inline-block;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  color: #00000080;
  pointer-events: none;
  background: none;
  font-size: 100%;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: rgba(var(--tk-grey80-rgb, #ccc), .1);
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  height: auto;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  vertical-align: initial;
  box-sizing: border-box;
  appearance: menulist;
  border: none;
  border-radius: 0;
  outline: none;
  width: 80%;
  margin: -1px 0 0;
  padding: 1rem 2rem;
  position: relative;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: #0000000d;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #0000;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  text-align: center;
  background: none;
  align-items: center;
  width: 100%;
  height: 28px;
  display: flex;
  overflow: hidden;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  flex: 1;
  display: flex;
}

span.flatpickr-weekday {
  cursor: default;
  color: #0000008a;
  text-align: center;
  background: none;
  flex: 1;
  margin: 0;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  display: block;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0;
}

.flatpickr-days {
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  text-align: left;
  width: 100%;
  min-width: inherit;
  max-width: inherit;
  box-sizing: border-box;
  opacity: 1;
  outline: 0;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
  display: flex;
  transform: translate3d(0, 0, 0);
}

.dayContainer + .dayContainer {
  box-shadow: -1px 0 #e6e6e6;
}

.flatpickr-day {
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  width: 14.2857%;
  max-width: inherit;
  text-align: center;
  background: none;
  border: 1px solid #0000;
  border-radius: 150px;
  flex-basis: 14.2857%;
  justify-content: center;
  height: 39px;
  margin: 0;
  font-weight: 400;
  line-height: 39px;
  display: inline-block;
  position: relative;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  background: #e6e6e6;
  border-color: #e6e6e6;
  outline: 0;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  color: #fff;
  background: #959ea9;
  border-color: #959ea9;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: var(--clr-primary, #fc8200);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: var(--clr-primary, #fc8200);
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 var(--clr-primary, #fc8200);
  box-shadow: -10px 0 0 var(--clr-primary, #fc8200);
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: #3939394d;
  cursor: default;
  background: none;
  border-color: #0000;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: #3939391a;
}

.flatpickr-day.week.selected {
  -webkit-box-shadow: -5px 0 0 var(--clr-primary, #fc8200), 5px 0 0 var(--clr-primary, #fc8200);
  box-shadow: -5px 0 0 var(--clr-primary, #fc8200), 5px 0 0 var(--clr-primary, #fc8200);
  border-radius: 0;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  color: #3939394d;
  cursor: default;
  background: none;
  border: none;
  width: 100%;
  max-width: none;
  display: block;
}

.flatpickr-innerContainer {
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
}

.flatpickr-rContainer {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  display: inline-block;
}

.flatpickr-time {
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  height: 0;
  max-height: 40px;
  line-height: 40px;
  display: flex;
  overflow: hidden;
}

.flatpickr-time:after {
  content: "";
  clear: both;
  display: table;
}

.flatpickr-time .numInputWrapper {
  float: left;
  flex: 1;
  width: 40%;
  height: 40px;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: center;
  height: inherit;
  line-height: inherit;
  color: #393939;
  box-sizing: border-box;
  appearance: textfield;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font-size: 14px;
  position: relative;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  border: 0;
  outline: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  -webkit-user-select: none;
  user-select: none;
  align-self: center;
  width: 2%;
  font-weight: bold;
}

.flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  text-align: center;
  outline: 0;
  width: 18%;
  font-weight: 400;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.tippy-box[data-animation="fade"][data-state="hidden"] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  color: #000;
  white-space: normal;
  background-color: #ffc107;
  border-radius: 4px;
  outline: 0;
  font-size: 14px;
  line-height: 1.4;
  transition-property: transform, visibility, opacity;
  position: relative;
}

.tippy-box[data-placement^="top"] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^="top"] > .tippy-arrow:before {
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: top;
  bottom: -7px;
  left: 0;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: bottom;
  top: -7px;
  left: 0;
}

.tippy-box[data-placement^="left"] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^="left"] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  transform-origin: 0;
  right: -7px;
}

.tippy-box[data-placement^="right"] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^="right"] > .tippy-arrow:before {
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: 100%;
  left: -7px;
}

.tippy-box[data-inertia][data-state="visible"] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
}

.tippy-arrow {
  color: #ffc107;
  width: 16px;
  height: 16px;
}

.tippy-arrow:before {
  content: "";
  border-style: solid;
  border-color: #0000;
  position: absolute;
}

.tippy-content {
  z-index: 1;
  padding: 5px 9px;
  position: relative;
}

.opc-autocomplete .opc-input[data-op-type="autocomplete"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23999%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-size: 1.8rem;
  position: relative;
  padding-right: 3.5rem !important;
}

.opc-autocomplete.is-loading .opc-input[data-op-type="autocomplete"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 version%3D%221.0%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23999%22 viewBox%3D%220 0 128 128%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3ClinearGradient id%3D%22linear-gradient%22%3E%3Cstop offset%3D%220%25%22 stop-color%3D%22%23ffffff%22%2F%3E%3Cstop offset%3D%22100%25%22 stop-color%3D%22%23000000%22%2F%3E%3C%2FlinearGradient%3E%3Cpath d%3D%22M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z%22 fill%3D%22url%28%23linear-gradient%29%22 fill-rule%3D%22evenodd%22%2F%3E%3CanimateTransform attributeName%3D%22transform%22 type%3D%22rotate%22 from%3D%220 64 64%22 to%3D%22360 64 64%22 dur%3D%221080ms%22 repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.opc-autocomplete .form-field-list {
  border-top: none;
  display: block;
  overflow: hidden;
}

.opc-autocomplete .form-field-list .select-list {
  z-index: 1000;
  box-sizing: border-box;
  max-height: inherit;
  overflow: auto;
}

.opc-autocomplete .form-field-list .select-list li {
  display: flex;
}

.opc-autocomplete .form-field-list .select-list .list-item-image {
  max-width: 100px;
  max-height: 100px;
  padding-right: 1rem;
}

.opc-autocomplete .form-field-list .select-list .list-item-name, .opc-autocomplete .form-field-list .select-list .list-item-description {
  display: block;
}

.opc-autocomplete .form-field-list .select-list .autocomplete-group {
  background: #eee;
}

.opc-autocomplete .form-field-list .select-list .selected, .opc-autocomplete .form-field-list .select-list li:hover:not(.autocomplete-group) {
  cursor: pointer;
  background: #eee;
}

.opc-autocomplete .form-field-list.is-hidden {
  display: none;
}

.opc-autocomplete .autocomplete-highlight {
  color: #83be26;
  font-weight: bold;
}

.clearfix {
  clear: both;
  width: 100%;
  display: block;
}

.mobile-search .mobile-search-head, .section-wrapper, .footer-wrapper, .mainnav-wrapper, .header-wrapper, .topbar-wrapper, .opc-search[data-op-type="fullscreen"] .search-head {
  width: 100%;
  padding-left: .37037rem;
  padding-right: .37037rem;
}

@media only screen and (width >= 800px) {
  .mobile-search .mobile-search-head, .section-wrapper, .footer-wrapper, .mainnav-wrapper, .header-wrapper, .topbar-wrapper, .opc-search[data-op-type="fullscreen"] .search-head {
    padding-left: .555556rem;
    padding-right: .555556rem;
  }
}

@media only screen and (width >= 1200px) {
  .mobile-search .mobile-search-head, .section-wrapper, .footer-wrapper, .mainnav-wrapper, .header-wrapper, .topbar-wrapper, .opc-search[data-op-type="fullscreen"] .search-head {
    padding-left: 1.11111rem;
    padding-right: 1.11111rem;
  }
}

.section-wrapper .section-inner, .footer-wrapper .footer-inner-bottom, .footer-wrapper .footer-inner-payment, .footer-wrapper .footer-inner, .offcanvas-menu-wrapper .offcanvas-menu-inner, .mainnav-wrapper .mainnav-inner, .header-wrapper .header-inner, .topbar-wrapper .topbar-inner {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.is-visuallyhidden {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
}

.spacer, .spacer[data-op-spacer="small"] {
  margin-bottom: 1.11111rem;
}

.spacer[data-op-spacer="medium"] {
  margin-bottom: 1.66667rem;
}

.spacer[data-op-spacer="large"] {
  margin-bottom: 2.22222rem;
}

.loader {
  border: 8px solid #ccc;
  border-top-color: #83be26;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: 2s linear infinite spin;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(359deg);
  }
}

.fetch-loader-frame {
  opacity: .6;
  z-index: 99999;
  cursor: progress;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: grid;
  position: absolute;
}

.opc-row, .page-checkout .checkout-addresses {
  clear: both;
}

.opc-row:after, .page-checkout .checkout-addresses:after {
  content: " ";
  clear: both;
  display: block;
}

.opc-row, .page-checkout .checkout-addresses {
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.opc-col {
  width: 100%;
  margin-bottom: 2rem;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

[data-op-col="1"] {
  width: 8.33333%;
  max-width: 8.33333%;
}

[data-op-col="2"] {
  width: 16.6667%;
  max-width: 16.6667%;
}

[data-op-col="3"] {
  width: 25%;
  max-width: 25%;
}

[data-op-col="4"] {
  width: 33.3333%;
  max-width: 33.3333%;
}

[data-op-col="5"] {
  width: 41.6667%;
  max-width: 41.6667%;
}

[data-op-col="6"] {
  width: 50%;
  max-width: 50%;
}

[data-op-col="7"] {
  width: 58.3333%;
  max-width: 58.3333%;
}

[data-op-col="8"] {
  width: 66.6667%;
  max-width: 66.6667%;
}

[data-op-col="9"] {
  width: 75%;
  max-width: 75%;
}

[data-op-col="10"] {
  width: 83.3333%;
  max-width: 83.3333%;
}

[data-op-col="11"] {
  width: 91.6667%;
  max-width: 91.6667%;
}

[data-op-col="12"] {
  width: 100%;
  max-width: 100%;
}

@media only screen and (width >= 640px) {
  [data-op-col="12-6-3"] {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-6-3"] {
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 1024px) {
  [data-op-col="12-6-3"] {
    width: 25%;
    max-width: 25%;
  }
}

@media only screen and (width >= 640px) {
  [data-op-col="12-6-8"] {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-6-8"] {
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 1024px) {
  [data-op-col="12-6-8"] {
    width: 66.6667%;
    max-width: 66.6667%;
  }
}

@media only screen and (width >= 640px) {
  [data-op-col="12-6-4"] {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-6-4"] {
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 1024px) {
  [data-op-col="12-6-4"] {
    width: 33.3333%;
    max-width: 33.3333%;
  }
}

[data-op-col="12-6"] {
  width: 100%;
}

@media only screen and (width >= 640px) {
  [data-op-col="12-6"] {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-6"] {
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 640px) {
  [data-op-col="12-8"] {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-8"] {
    width: 66.6667%;
    max-width: 66.6667%;
  }
}

@media only screen and (width >= 640px) {
  [data-op-col="12-4"] {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-4"] {
    width: 33.3333%;
    max-width: 33.3333%;
  }
}

h1, .h1, .opc-carousel h2 span, h2, .h2 {
  margin: 0 0 .5em;
  font-family: UniversLTPro-55Roman, Arial, sans-serif;
  font-size: 1.36111rem;
  font-weight: 400;
  line-height: 1.25;
}

h3, .h3, .basket-modal h2, .opc-category-navigation ul .category-item .category-item-title, .opc-art-spec .art-spec-label {
  margin: 0 0 .5em;
  font-family: UniversLTPro-55Roman, Arial, sans-serif;
  font-size: 1.08333rem;
  font-weight: 400;
  line-height: 1.25;
}

p, .copy, .text, .footer-wrapper .footer-col .opc-static-content, .basket-modal .opc-price, .opc-category-navigation ul .category-item .category-item-description, .opc-art-spec .art-spec-data {
  margin: 0 0 .5em;
  font-family: UniversLTPro-45Light, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

[class^="op-icon-"], div[class*=" op-icon-"], [class^="opc-icon-"], div[class*=" opc-icon-"], [class="opc-icon"] {
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  width: 1em;
  height: 1em;
  font-size: 1.2em;
  display: inline-block;
}

svg {
  pointer-events: none;
}

svg title {
  display: none !important;
}

a {
  text-decoration: none;
  position: relative;
}

a:link, a:visited {
  color: #83be26;
}

a:hover {
  color: #c8ea94;
}

a:active {
  color: #9dd93f;
}

a[data-op-style="animated"]:after {
  content: "";
  background: #c8ea94;
  height: 2px;
  transition: all .2s ease-in-out .1s;
  position: absolute;
  top: 100%;
  left: 0;
  right: 100%;
}

a[data-op-style="animated"]:hover {
  color: #c8ea94;
}

a[data-op-style="animated"]:hover:after {
  right: 0;
}

.opc-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-compare-button, .opc-favorite-button {
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #0000;
  outline: none;
  justify-content: center;
  align-items: center;
  height: 2.22222rem;
  padding: 0 1.38889rem;
  font-size: .777778rem;
  transition: all .2s ease-in-out;
  display: inline-flex;
  overflow: hidden;
}

.opc-button svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-compare-button svg, .opc-favorite-button svg {
  margin-right: calc(rem / 1.8);
  flex-shrink: 0;
  font-size: 1.4em;
}

.opc-button.is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-ok, .is-progress.opc-compare-button, .is-progress.opc-favorite-button {
  pointer-events: none;
  transform: scale(.8);
}

.opc-button.is-hidden, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-hidden.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-hidden.notifications-ok, .is-hidden.opc-compare-button, .is-hidden.opc-favorite-button {
  display: none;
}

.opc-button:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:disabled, .opc-compare-button:disabled, .opc-favorite-button:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.opc-button[data-op-style="primary"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok, [data-op-style="primary"].opc-compare-button, [data-op-style="primary"].opc-favorite-button {
  color: #fffc;
  background: #3d4961;
  border-radius: 0;
}

.opc-button[data-op-style="primary"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok:hover, [data-op-style="primary"].opc-compare-button:hover, [data-op-style="primary"].opc-favorite-button:hover, .opc-button[data-op-style="primary"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok:focus, [data-op-style="primary"].opc-compare-button:focus, [data-op-style="primary"].opc-favorite-button:focus {
  color: #fff;
  background: #516180;
}

.opc-button[data-op-style="primary"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok:hover:disabled, [data-op-style="primary"].opc-compare-button:hover:disabled, [data-op-style="primary"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="primary"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok:focus:disabled, [data-op-style="primary"].opc-compare-button:focus:disabled, [data-op-style="primary"].opc-favorite-button:focus:disabled {
  color: #fffc;
  background: #3d4961;
}

.opc-button[data-op-style="primary"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label {
  color: #fffc;
  background: #3d4961;
  border-radius: 0;
}

.opc-button[data-op-style="primary"][data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label:hover, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="primary"][data-op-type="radio"] label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label:focus, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label:focus {
  color: #fff;
  background: #516180;
}

.opc-button[data-op-style="primary"][data-op-type="radio"] label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label:hover:disabled, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="primary"][data-op-type="radio"] label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label:focus:disabled, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label:focus:disabled {
  color: #fffc;
  background: #3d4961;
}

.opc-button[data-op-style="primary"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-progress.notifications-ok, [data-op-style="primary"].is-progress.opc-compare-button, [data-op-style="primary"].is-progress.opc-favorite-button {
  background: #ccc !important;
}

.opc-button[data-op-style="primary"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-success.notifications-ok, [data-op-style="primary"].is-success.opc-compare-button, [data-op-style="primary"].is-success.opc-favorite-button {
  background: #83be26 !important;
}

.opc-button[data-op-style="secondary"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok, [data-op-style="secondary"].opc-compare-button, [data-op-style="secondary"].opc-favorite-button {
  color: #000c;
  background: #ccc;
  border-radius: 0;
}

.opc-button[data-op-style="secondary"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:hover, [data-op-style="secondary"].opc-compare-button:hover, [data-op-style="secondary"].opc-favorite-button:hover, .opc-button[data-op-style="secondary"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:focus, [data-op-style="secondary"].opc-compare-button:focus, [data-op-style="secondary"].opc-favorite-button:focus {
  color: #000;
  background: #e6e6e6;
}

.opc-button[data-op-style="secondary"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:hover:disabled, [data-op-style="secondary"].opc-compare-button:hover:disabled, [data-op-style="secondary"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="secondary"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:focus:disabled, [data-op-style="secondary"].opc-compare-button:focus:disabled, [data-op-style="secondary"].opc-favorite-button:focus:disabled {
  color: #000c;
  background: #ccc;
}

.opc-button[data-op-style="secondary"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-progress.notifications-ok, [data-op-style="secondary"].is-progress.opc-compare-button, [data-op-style="secondary"].is-progress.opc-favorite-button {
  background: #ccc !important;
}

.opc-button[data-op-style="secondary"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-success.notifications-ok, [data-op-style="secondary"].is-success.opc-compare-button, [data-op-style="secondary"].is-success.opc-favorite-button {
  background: #83be26 !important;
}

.opc-button[data-op-style="loud"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, [data-op-style="loud"].opc-compare-button, [data-op-style="loud"].opc-favorite-button, .opc-button[data-op-style="basket"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel, [data-op-style="basket"].opc-compare-button, [data-op-style="basket"].opc-favorite-button {
  color: #fffc;
  background: #83be26;
  border-radius: 0;
}

.opc-button[data-op-style="loud"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, [data-op-style="loud"].opc-compare-button:hover, [data-op-style="loud"].opc-favorite-button:hover, .opc-button[data-op-style="loud"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:focus, [data-op-style="loud"].opc-compare-button:focus, [data-op-style="loud"].opc-favorite-button:focus, .opc-button[data-op-style="basket"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel:hover, [data-op-style="basket"].opc-compare-button:hover, [data-op-style="basket"].opc-favorite-button:hover, .opc-button[data-op-style="basket"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel:focus, [data-op-style="basket"].opc-compare-button:focus, [data-op-style="basket"].opc-favorite-button:focus {
  color: #fff;
  background: #9dd93f;
}

.opc-button[data-op-style="loud"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover:disabled, [data-op-style="loud"].opc-compare-button:hover:disabled, [data-op-style="loud"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="loud"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:focus:disabled, [data-op-style="loud"].opc-compare-button:focus:disabled, [data-op-style="loud"].opc-favorite-button:focus:disabled, .opc-button[data-op-style="basket"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel:hover:disabled, [data-op-style="basket"].opc-compare-button:hover:disabled, [data-op-style="basket"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="basket"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel:focus:disabled, [data-op-style="basket"].opc-compare-button:focus:disabled, [data-op-style="basket"].opc-favorite-button:focus:disabled {
  color: #fffc;
  background: #83be26;
}

.opc-button[data-op-style="loud"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok, [data-op-style="loud"][data-op-type="radio"].opc-compare-button, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button, .opc-button[data-op-style="basket"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel, [data-op-style="basket"][data-op-type="radio"].opc-compare-button, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button {
  background: none;
  border: none;
}

.opc-button[data-op-style="loud"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label, .opc-button[data-op-style="basket"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label {
  color: #fffc;
  background: #83be26;
  border-radius: 0;
}

.opc-button[data-op-style="loud"][data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:hover, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="loud"][data-op-type="radio"] label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:focus, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label:focus, .opc-button[data-op-style="basket"][data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label:hover, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="basket"][data-op-type="radio"] label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label:focus, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label:focus {
  color: #fff;
  background: #9dd93f;
}

.opc-button[data-op-style="loud"][data-op-type="radio"] label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:hover:disabled, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="loud"][data-op-type="radio"] label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:focus:disabled, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label:focus:disabled, .opc-button[data-op-style="basket"][data-op-type="radio"] label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label:hover:disabled, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="basket"][data-op-type="radio"] label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label:focus:disabled, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label:focus:disabled {
  color: #fffc;
  background: #83be26;
}

.opc-button[data-op-style="loud"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-ok, [data-op-style="loud"].is-progress.opc-compare-button, [data-op-style="loud"].is-progress.opc-favorite-button, .opc-button[data-op-style="basket"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].is-progress.notifications-cancel, [data-op-style="basket"].is-progress.opc-compare-button, [data-op-style="basket"].is-progress.opc-favorite-button {
  background: #ccc !important;
}

.opc-button[data-op-style="loud"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-success.notifications-ok, [data-op-style="loud"].is-success.opc-compare-button, [data-op-style="loud"].is-success.opc-favorite-button, .opc-button[data-op-style="basket"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].is-success.notifications-cancel, [data-op-style="basket"].is-success.opc-compare-button, [data-op-style="basket"].is-success.opc-favorite-button {
  background: #83be26 !important;
}

.opc-button[data-op-style="primary-lined"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok, [data-op-style="primary-lined"].opc-compare-button, [data-op-style="primary-lined"].opc-favorite-button {
  color: #3d4961;
  background: none;
  border-color: #3d4961;
  border-radius: 0;
}

.opc-button[data-op-style="primary-lined"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:hover, [data-op-style="primary-lined"].opc-compare-button:hover, [data-op-style="primary-lined"].opc-favorite-button:hover, .opc-button[data-op-style="primary-lined"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:focus, [data-op-style="primary-lined"].opc-compare-button:focus, [data-op-style="primary-lined"].opc-favorite-button:focus {
  color: #516180;
  border-color: #516180;
}

.opc-button[data-op-style="primary-lined"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:hover:disabled, [data-op-style="primary-lined"].opc-compare-button:hover:disabled, [data-op-style="primary-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="primary-lined"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:focus:disabled, [data-op-style="primary-lined"].opc-compare-button:focus:disabled, [data-op-style="primary-lined"].opc-favorite-button:focus:disabled {
  color: #3d4961;
  border-color: #3d4961;
}

.opc-button[data-op-style="primary-lined"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label {
  color: #3d4961;
  background: none;
  border-color: #3d4961;
  border-radius: 0;
}

.opc-button[data-op-style="primary-lined"][data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label:hover, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="primary-lined"][data-op-type="radio"] label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label:focus, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label:focus {
  color: #fffc;
  background: #3d4961;
  border-color: #516180;
}

.opc-button[data-op-style="primary-lined"][data-op-type="radio"] label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label:hover:disabled, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="primary-lined"][data-op-type="radio"] label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label:focus:disabled, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label:focus:disabled {
  color: #3d4961;
  background: none;
  border-color: #3d4961;
}

.opc-button[data-op-style="primary-lined"][data-op-type="radio"] input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok input:checked + label, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button input:checked + label, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button input:checked + label {
  color: #fffc;
  background: #3d4961;
}

.opc-button[data-op-style="primary-lined"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-progress.notifications-ok, [data-op-style="primary-lined"].is-progress.opc-compare-button, [data-op-style="primary-lined"].is-progress.opc-favorite-button {
  color: #ccc !important;
  border-color: #ccc !important;
}

.opc-button[data-op-style="primary-lined"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-success.notifications-ok, [data-op-style="primary-lined"].is-success.opc-compare-button, [data-op-style="primary-lined"].is-success.opc-favorite-button {
  color: #83be26 !important;
  border-color: #83be26 !important;
}

.opc-button[data-op-style="secondary-lined"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok, [data-op-style="secondary-lined"].opc-compare-button, [data-op-style="secondary-lined"].opc-favorite-button {
  color: #000c;
  background: none;
  border-color: #ccc;
  border-radius: 0;
}

.opc-button[data-op-style="secondary-lined"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:hover, [data-op-style="secondary-lined"].opc-compare-button:hover, [data-op-style="secondary-lined"].opc-favorite-button:hover, .opc-button[data-op-style="secondary-lined"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:focus, [data-op-style="secondary-lined"].opc-compare-button:focus, [data-op-style="secondary-lined"].opc-favorite-button:focus {
  color: #000;
  border-color: #e6e6e6;
}

.opc-button[data-op-style="secondary-lined"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:hover:disabled, [data-op-style="secondary-lined"].opc-compare-button:hover:disabled, [data-op-style="secondary-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="secondary-lined"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:focus:disabled, [data-op-style="secondary-lined"].opc-compare-button:focus:disabled, [data-op-style="secondary-lined"].opc-favorite-button:focus:disabled {
  color: #000c;
  border-color: #ccc;
}

.opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label {
  color: #ccc;
  background: none;
  border-color: #ccc;
  border-radius: 0;
}

.opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label:hover, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label:focus, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label:focus {
  color: #000c;
  background: #ccc;
  border-color: #e6e6e6;
}

.opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label:hover:disabled, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label:focus:disabled, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label:focus:disabled {
  color: #ccc;
  background: none;
  border-color: #ccc;
}

.opc-button[data-op-style="secondary-lined"][data-op-type="radio"] input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok input:checked + label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button input:checked + label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button input:checked + label {
  color: #000c;
  background: #ccc;
}

.opc-button[data-op-style="secondary-lined"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-progress.notifications-ok, [data-op-style="secondary-lined"].is-progress.opc-compare-button, [data-op-style="secondary-lined"].is-progress.opc-favorite-button {
  color: #ccc !important;
  border-color: #ccc !important;
}

.opc-button[data-op-style="secondary-lined"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-success.notifications-ok, [data-op-style="secondary-lined"].is-success.opc-compare-button, [data-op-style="secondary-lined"].is-success.opc-favorite-button {
  color: #83be26 !important;
  border-color: #83be26 !important;
}

.opc-button[data-op-style="loud-lined"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok, [data-op-style="loud-lined"].opc-compare-button, [data-op-style="loud-lined"].opc-favorite-button {
  color: #83be26;
  background: none;
  border-color: #83be26;
  border-radius: 0;
}

.opc-button[data-op-style="loud-lined"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok:hover, [data-op-style="loud-lined"].opc-compare-button:hover, [data-op-style="loud-lined"].opc-favorite-button:hover, .opc-button[data-op-style="loud-lined"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok:focus, [data-op-style="loud-lined"].opc-compare-button:focus, [data-op-style="loud-lined"].opc-favorite-button:focus {
  color: #9dd93f;
  border-color: #9dd93f;
}

.opc-button[data-op-style="loud-lined"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok:hover:disabled, [data-op-style="loud-lined"].opc-compare-button:hover:disabled, [data-op-style="loud-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="loud-lined"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok:focus:disabled, [data-op-style="loud-lined"].opc-compare-button:focus:disabled, [data-op-style="loud-lined"].opc-favorite-button:focus:disabled {
  color: #83be26;
  border-color: #83be26;
}

.opc-button[data-op-style="loud-lined"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label {
  color: #83be26;
  background: none;
  border-color: #83be26;
  border-radius: 0;
}

.opc-button[data-op-style="loud-lined"][data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label:hover, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label:hover, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label:hover, .opc-button[data-op-style="loud-lined"][data-op-type="radio"] label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label:focus, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label:focus, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label:focus {
  color: #fffc;
  background: #83be26;
  border-color: #9dd93f;
}

.opc-button[data-op-style="loud-lined"][data-op-type="radio"] label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label:hover:disabled, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label:hover:disabled, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label:hover:disabled, .opc-button[data-op-style="loud-lined"][data-op-type="radio"] label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label:focus:disabled, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label:focus:disabled, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label:focus:disabled {
  color: #fffc;
  background: none;
  border-color: #9dd93f;
}

.opc-button[data-op-style="loud-lined"][data-op-type="radio"] input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok input:checked + label, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button input:checked + label, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button input:checked + label {
  color: #fffc;
  background: #83be26;
}

.opc-button[data-op-style="loud-lined"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].is-progress.notifications-ok, [data-op-style="loud-lined"].is-progress.opc-compare-button, [data-op-style="loud-lined"].is-progress.opc-favorite-button {
  color: #ccc !important;
  border-color: #ccc !important;
}

.opc-button[data-op-style="loud-lined"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].is-success.notifications-ok, [data-op-style="loud-lined"].is-success.opc-compare-button, [data-op-style="loud-lined"].is-success.opc-favorite-button {
  color: #83be26 !important;
  border-color: #83be26 !important;
}

.opc-button[data-op-style="primary-color"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok, [data-op-style="primary-color"].opc-compare-button, [data-op-style="primary-color"].opc-favorite-button {
  color: #3d4961;
  background: none;
  border-color: #0000;
  border-radius: 0;
}

.opc-button[data-op-style="primary-color"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok:hover, [data-op-style="primary-color"].opc-compare-button:hover, [data-op-style="primary-color"].opc-favorite-button:hover, .opc-button[data-op-style="primary-color"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok:focus, [data-op-style="primary-color"].opc-compare-button:focus, [data-op-style="primary-color"].opc-favorite-button:focus {
  color: #516180;
}

.opc-button[data-op-style="primary-color"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok:hover:disabled, [data-op-style="primary-color"].opc-compare-button:hover:disabled, [data-op-style="primary-color"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="primary-color"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok:focus:disabled, [data-op-style="primary-color"].opc-compare-button:focus:disabled, [data-op-style="primary-color"].opc-favorite-button:focus:disabled {
  color: #3d4961;
}

.opc-button[data-op-style="primary-color"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-progress.notifications-ok, [data-op-style="primary-color"].is-progress.opc-compare-button, [data-op-style="primary-color"].is-progress.opc-favorite-button {
  color: #ccc !important;
}

.opc-button[data-op-style="primary-color"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-success.notifications-ok, [data-op-style="primary-color"].is-success.opc-compare-button, [data-op-style="primary-color"].is-success.opc-favorite-button {
  color: #83be26 !important;
}

.opc-button[data-op-style="secondary-color"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok, [data-op-style="secondary-color"].opc-compare-button, [data-op-style="secondary-color"].opc-favorite-button {
  color: #ccc;
  background: none;
  border-color: #0000;
  border-radius: 0;
}

.opc-button[data-op-style="secondary-color"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:hover, [data-op-style="secondary-color"].opc-compare-button:hover, [data-op-style="secondary-color"].opc-favorite-button:hover, .opc-button[data-op-style="secondary-color"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:focus, [data-op-style="secondary-color"].opc-compare-button:focus, [data-op-style="secondary-color"].opc-favorite-button:focus {
  color: #e6e6e6;
}

.opc-button[data-op-style="secondary-color"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:hover:disabled, [data-op-style="secondary-color"].opc-compare-button:hover:disabled, [data-op-style="secondary-color"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="secondary-color"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:focus:disabled, [data-op-style="secondary-color"].opc-compare-button:focus:disabled, [data-op-style="secondary-color"].opc-favorite-button:focus:disabled {
  color: #ccc;
}

.opc-button[data-op-style="secondary-color"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-progress.notifications-ok, [data-op-style="secondary-color"].is-progress.opc-compare-button, [data-op-style="secondary-color"].is-progress.opc-favorite-button {
  color: #ccc !important;
}

.opc-button[data-op-style="secondary-color"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-success.notifications-ok, [data-op-style="secondary-color"].is-success.opc-compare-button, [data-op-style="secondary-color"].is-success.opc-favorite-button {
  color: #83be26 !important;
}

.opc-button[data-op-style="loud-color"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok, [data-op-style="loud-color"].opc-compare-button, [data-op-style="loud-color"].opc-favorite-button {
  color: #83be26;
  background: none;
  border-color: #0000;
  border-radius: 0;
}

.opc-button[data-op-style="loud-color"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok:hover, [data-op-style="loud-color"].opc-compare-button:hover, [data-op-style="loud-color"].opc-favorite-button:hover, .opc-button[data-op-style="loud-color"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok:focus, [data-op-style="loud-color"].opc-compare-button:focus, [data-op-style="loud-color"].opc-favorite-button:focus {
  color: #9dd93f;
}

.opc-button[data-op-style="loud-color"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok:hover:disabled, [data-op-style="loud-color"].opc-compare-button:hover:disabled, [data-op-style="loud-color"].opc-favorite-button:hover:disabled, .opc-button[data-op-style="loud-color"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok:focus:disabled, [data-op-style="loud-color"].opc-compare-button:focus:disabled, [data-op-style="loud-color"].opc-favorite-button:focus:disabled {
  color: #83be26;
}

.opc-button[data-op-style="loud-color"].is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-progress.notifications-ok, [data-op-style="loud-color"].is-progress.opc-compare-button, [data-op-style="loud-color"].is-progress.opc-favorite-button {
  color: #ccc !important;
}

.opc-button[data-op-style="loud-color"].is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-success.notifications-ok, [data-op-style="loud-color"].is-success.opc-compare-button, [data-op-style="loud-color"].is-success.opc-favorite-button {
  color: #83be26 !important;
}

.opc-button[data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok, [data-op-type="link"].opc-compare-button, [data-op-type="link"].opc-favorite-button {
  background: none;
  padding-left: .347222rem;
  padding-right: .347222rem;
}

.opc-button[data-op-type="link"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:hover, [data-op-type="link"].opc-compare-button:hover, [data-op-type="link"].opc-favorite-button:hover, .opc-button[data-op-type="link"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:focus, [data-op-type="link"].opc-compare-button:focus, [data-op-type="link"].opc-favorite-button:focus {
  background: none;
}

.opc-button[data-op-type="link"][data-op-style="primary"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok, [data-op-type="link"][data-op-style="primary"].opc-compare-button, [data-op-type="link"][data-op-style="primary"].opc-favorite-button, .opc-button[data-op-type="link"][data-op-style="primary-lined"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button, [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button {
  color: #3d4961;
}

.opc-button[data-op-type="link"][data-op-style="primary"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok:hover, [data-op-type="link"][data-op-style="primary"].opc-compare-button:hover, [data-op-type="link"][data-op-style="primary"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="primary"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok:focus, [data-op-type="link"][data-op-style="primary"].opc-compare-button:focus, [data-op-type="link"][data-op-style="primary"].opc-favorite-button:focus, .opc-button[data-op-type="link"][data-op-style="primary-lined"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok:hover, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button:hover, [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="primary-lined"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok:focus, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button:focus, [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button:focus {
  color: #516180;
}

.opc-button[data-op-type="link"][data-op-style="primary"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok:hover:disabled, [data-op-type="link"][data-op-style="primary"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="primary"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="primary"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok:focus:disabled, [data-op-type="link"][data-op-style="primary"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="primary"].opc-favorite-button:focus:disabled, .opc-button[data-op-type="link"][data-op-style="primary-lined"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok:hover:disabled, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="primary-lined"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok:focus:disabled, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button:focus:disabled {
  color: #3d4961;
}

.opc-button[data-op-type="link"][data-op-style="secondary"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok, [data-op-type="link"][data-op-style="secondary"].opc-compare-button, [data-op-type="link"][data-op-style="secondary"].opc-favorite-button, .opc-button[data-op-type="link"][data-op-style="secondary-lined"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button, [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button {
  color: #ccc;
}

.opc-button[data-op-type="link"][data-op-style="secondary"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok:hover, [data-op-type="link"][data-op-style="secondary"].opc-compare-button:hover, [data-op-type="link"][data-op-style="secondary"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="secondary"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok:focus, [data-op-type="link"][data-op-style="secondary"].opc-compare-button:focus, [data-op-type="link"][data-op-style="secondary"].opc-favorite-button:focus, .opc-button[data-op-type="link"][data-op-style="secondary-lined"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok:hover, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button:hover, [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="secondary-lined"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok:focus, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button:focus, [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button:focus {
  color: #e6e6e6;
}

.opc-button[data-op-type="link"][data-op-style="secondary"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok:hover:disabled, [data-op-type="link"][data-op-style="secondary"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="secondary"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="secondary"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok:focus:disabled, [data-op-type="link"][data-op-style="secondary"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="secondary"].opc-favorite-button:focus:disabled, .opc-button[data-op-type="link"][data-op-style="secondary-lined"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok:hover:disabled, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="secondary-lined"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok:focus:disabled, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button:focus:disabled {
  color: #ccc;
}

.opc-button[data-op-type="link"][data-op-style="loud"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok, [data-op-type="link"][data-op-style="loud"].opc-compare-button, [data-op-type="link"][data-op-style="loud"].opc-favorite-button, .opc-button[data-op-type="link"][data-op-style="loud-lined"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button, [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button {
  color: #83be26;
}

.opc-button[data-op-type="link"][data-op-style="loud"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:hover, [data-op-type="link"][data-op-style="loud"].opc-compare-button:hover, [data-op-type="link"][data-op-style="loud"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="loud"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:focus, [data-op-type="link"][data-op-style="loud"].opc-compare-button:focus, [data-op-type="link"][data-op-style="loud"].opc-favorite-button:focus, .opc-button[data-op-type="link"][data-op-style="loud-lined"]:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:hover, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button:hover, [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button:hover, .opc-button[data-op-type="link"][data-op-style="loud-lined"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:focus, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button:focus, [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button:focus {
  color: #9dd93f;
}

.opc-button[data-op-type="link"][data-op-style="loud"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:hover:disabled, [data-op-type="link"][data-op-style="loud"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="loud"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="loud"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:focus:disabled, [data-op-type="link"][data-op-style="loud"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="loud"].opc-favorite-button:focus:disabled, .opc-button[data-op-type="link"][data-op-style="loud-lined"]:hover:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:hover:disabled, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button:hover:disabled, [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button:hover:disabled, .opc-button[data-op-type="link"][data-op-style="loud-lined"]:focus:disabled, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:focus:disabled, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button:focus:disabled, [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button:focus:disabled {
  color: #83be26;
}

.opc-button[data-op-type="text"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-ok, [data-op-type="text"].opc-compare-button, [data-op-type="text"].opc-favorite-button {
  margin: 0 1rem 0 0;
}

.opc-button[data-op-type="text"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-ok i, [data-op-type="text"].opc-compare-button i, [data-op-type="text"].opc-favorite-button i, .opc-button[data-op-type="text"] svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-ok svg, [data-op-type="text"].opc-compare-button svg, [data-op-type="text"].opc-favorite-button svg {
  display: none;
}

.opc-button[data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok, [data-op-type="icon"].opc-compare-button, [data-op-type="icon"].opc-favorite-button {
  text-align: center;
  vertical-align: middle;
  flex-shrink: 0;
  position: relative;
  overflow: visible;
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.opc-button[data-op-type="icon"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok i, [data-op-type="icon"].opc-compare-button i, [data-op-type="icon"].opc-favorite-button i, .opc-button[data-op-type="icon"] svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok svg, [data-op-type="icon"].opc-compare-button svg, [data-op-type="icon"].opc-favorite-button svg {
  vertical-align: middle;
  font-size: 1.4em;
  margin: 0 !important;
}

.opc-button[data-op-type="icon"]:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok:focus, [data-op-type="icon"].opc-compare-button:focus, [data-op-type="icon"].opc-favorite-button:focus {
  outline: none;
}

.opc-button[data-op-type="icon"] span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok span, [data-op-type="icon"].opc-compare-button span, [data-op-type="icon"].opc-favorite-button span {
  display: none;
}

.opc-button[data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok, [data-op-type="radio"].opc-compare-button, [data-op-type="radio"].opc-favorite-button {
  background: none;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.opc-button[data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label, [data-op-type="radio"].opc-compare-button label, [data-op-type="radio"].opc-favorite-button label {
  border: 1px solid #0000;
  height: 100%;
  line-height: 1;
  border-radius: 0 !important;
}

.opc-button[data-op-type="radio"] label:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:before, [data-op-type="radio"].opc-compare-button label:before, [data-op-type="radio"].opc-favorite-button label:before, .opc-button[data-op-type="radio"] label:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:after, [data-op-type="radio"].opc-compare-button label:after, [data-op-type="radio"].opc-favorite-button label:after {
  display: none;
}

.opc-button[data-op-size="tiny"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-ok, [data-op-size="tiny"].opc-compare-button, [data-op-size="tiny"].opc-favorite-button {
  height: 1.44444rem;
  padding: 0 calc(calc(rem / 1.8) * 2);
  font-size: .666667rem;
}

.opc-button[data-op-size="tiny"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="link"].notifications-ok, [data-op-size="tiny"][data-op-type="link"].opc-compare-button, [data-op-size="tiny"][data-op-type="link"].opc-favorite-button {
  padding-left: calc(calc(rem / 1.8) / 2);
  padding-right: calc(calc(rem / 1.8) / 2);
}

.opc-button[data-op-size="tiny"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-ok i, [data-op-size="tiny"].opc-compare-button i, [data-op-size="tiny"].opc-favorite-button i {
  margin-right: calc(rem / 1.8);
}

.opc-button[data-op-size="tiny"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="icon"].notifications-ok, [data-op-size="tiny"][data-op-type="icon"].opc-compare-button, [data-op-size="tiny"][data-op-type="icon"].opc-favorite-button {
  width: 1.44444rem;
}

.opc-button[data-op-size="tiny"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-ok, [data-op-size="tiny"][data-op-type="radio"].opc-compare-button, [data-op-size="tiny"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="tiny"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-ok label, [data-op-size="tiny"][data-op-type="radio"].opc-compare-button label, [data-op-size="tiny"][data-op-type="radio"].opc-favorite-button label {
  height: 1.44444rem;
  padding: 0 calc(calc(rem / 1.8) * 2);
  line-height: 1.44444rem;
}

.opc-button[data-op-size="small"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-ok, [data-op-size="small"].opc-compare-button, [data-op-size="small"].opc-favorite-button {
  height: 1.77778rem;
  padding: 0 .833333rem;
  font-size: .777778rem;
}

.opc-button[data-op-size="small"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="link"].notifications-ok, [data-op-size="small"][data-op-type="link"].opc-compare-button, [data-op-size="small"][data-op-type="link"].opc-favorite-button {
  padding-left: .208333rem;
  padding-right: .208333rem;
}

.opc-button[data-op-size="small"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-ok i, [data-op-size="small"].opc-compare-button i, [data-op-size="small"].opc-favorite-button i {
  margin-right: .416667rem;
}

.opc-button[data-op-size="small"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-ok, [data-op-size="small"][data-op-type="icon"].opc-compare-button, [data-op-size="small"][data-op-type="icon"].opc-favorite-button {
  width: 1.77778rem;
}

.opc-button[data-op-size="small"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-ok, [data-op-size="small"][data-op-type="radio"].opc-compare-button, [data-op-size="small"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="small"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-ok label, [data-op-size="small"][data-op-type="radio"].opc-compare-button label, [data-op-size="small"][data-op-type="radio"].opc-favorite-button label {
  height: 1.77778rem;
  padding: 0 .833333rem;
  line-height: 1.77778rem;
}

.opc-button[data-op-size="medium"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-ok, [data-op-size="medium"].opc-compare-button, [data-op-size="medium"].opc-favorite-button {
  height: 2.22222rem;
  padding: 0 1.38889rem;
  font-size: .777778rem;
}

.opc-button[data-op-size="medium"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="link"].notifications-ok, [data-op-size="medium"][data-op-type="link"].opc-compare-button, [data-op-size="medium"][data-op-type="link"].opc-favorite-button {
  padding-left: .347222rem;
  padding-right: .347222rem;
}

.opc-button[data-op-size="medium"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-ok i, [data-op-size="medium"].opc-compare-button i, [data-op-size="medium"].opc-favorite-button i {
  margin-right: .694444rem;
}

.opc-button[data-op-size="medium"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="icon"].notifications-ok, [data-op-size="medium"][data-op-type="icon"].opc-compare-button, [data-op-size="medium"][data-op-type="icon"].opc-favorite-button {
  width: 2.22222rem;
}

.opc-button[data-op-size="medium"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-ok, [data-op-size="medium"][data-op-type="radio"].opc-compare-button, [data-op-size="medium"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="medium"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-ok label, [data-op-size="medium"][data-op-type="radio"].opc-compare-button label, [data-op-size="medium"][data-op-type="radio"].opc-favorite-button label {
  height: 2.22222rem;
  padding: 0 1.38889rem;
  line-height: 2.22222rem;
}

.opc-button[data-op-size="normal"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok, [data-op-size="normal"].opc-compare-button, [data-op-size="normal"].opc-favorite-button {
  height: 2.22222rem;
  padding: 0 1.38889rem;
  font-size: .777778rem;
}

.opc-button[data-op-size="normal"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="link"].notifications-ok, [data-op-size="normal"][data-op-type="link"].opc-compare-button, [data-op-size="normal"][data-op-type="link"].opc-favorite-button {
  padding-left: .347222rem;
  padding-right: .347222rem;
}

.opc-button[data-op-size="normal"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok i, [data-op-size="normal"].opc-compare-button i, [data-op-size="normal"].opc-favorite-button i {
  margin-right: .694444rem;
}

.opc-button[data-op-size="normal"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-ok, [data-op-size="normal"][data-op-type="icon"].opc-compare-button, [data-op-size="normal"][data-op-type="icon"].opc-favorite-button {
  width: 2.22222rem;
}

.opc-button[data-op-size="normal"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-ok, [data-op-size="normal"][data-op-type="radio"].opc-compare-button, [data-op-size="normal"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="normal"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-ok label, [data-op-size="normal"][data-op-type="radio"].opc-compare-button label, [data-op-size="normal"][data-op-type="radio"].opc-favorite-button label {
  height: 2.22222rem;
  padding: 0 1.38889rem;
  line-height: 2.22222rem;
}

.opc-button[data-op-size="large"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-ok, [data-op-size="large"].opc-compare-button, [data-op-size="large"].opc-favorite-button {
  height: 2.77778rem;
  padding: 0 1.94444rem;
  font-size: .888889rem;
}

.opc-button[data-op-size="large"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="link"].notifications-ok, [data-op-size="large"][data-op-type="link"].opc-compare-button, [data-op-size="large"][data-op-type="link"].opc-favorite-button {
  padding-left: .486111rem;
  padding-right: .486111rem;
}

.opc-button[data-op-size="large"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-ok i, [data-op-size="large"].opc-compare-button i, [data-op-size="large"].opc-favorite-button i {
  margin-right: .972222rem;
}

.opc-button[data-op-size="large"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="icon"].notifications-ok, [data-op-size="large"][data-op-type="icon"].opc-compare-button, [data-op-size="large"][data-op-type="icon"].opc-favorite-button {
  width: 2.77778rem;
}

.opc-button[data-op-size="large"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-ok, [data-op-size="large"][data-op-type="radio"].opc-compare-button, [data-op-size="large"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="large"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-ok label, [data-op-size="large"][data-op-type="radio"].opc-compare-button label, [data-op-size="large"][data-op-type="radio"].opc-favorite-button label {
  height: 2.77778rem;
  padding: 0 1.94444rem;
  line-height: 2.77778rem;
}

.opc-button[data-op-size="huge"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-ok, [data-op-size="huge"].opc-compare-button, [data-op-size="huge"].opc-favorite-button {
  height: 3.33333rem;
  padding: 0 2.22222rem;
  font-size: 1rem;
}

.opc-button[data-op-size="huge"][data-op-type="link"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="link"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="link"].notifications-ok, [data-op-size="huge"][data-op-type="link"].opc-compare-button, [data-op-size="huge"][data-op-type="link"].opc-favorite-button {
  padding-left: .555556rem;
  padding-right: .555556rem;
}

.opc-button[data-op-size="huge"] i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-cancel i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-ok i, [data-op-size="huge"].opc-compare-button i, [data-op-size="huge"].opc-favorite-button i {
  margin-right: 1.11111rem;
}

.opc-button[data-op-size="huge"][data-op-type="icon"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="icon"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="icon"].notifications-ok, [data-op-size="huge"][data-op-type="icon"].opc-compare-button, [data-op-size="huge"][data-op-type="icon"].opc-favorite-button {
  width: 3.33333rem;
}

.opc-button[data-op-size="huge"][data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-ok, [data-op-size="huge"][data-op-type="radio"].opc-compare-button, [data-op-size="huge"][data-op-type="radio"].opc-favorite-button {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="huge"][data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-ok label, [data-op-size="huge"][data-op-type="radio"].opc-compare-button label, [data-op-size="huge"][data-op-type="radio"].opc-favorite-button label {
  height: 3.33333rem;
  padding: 0 2.22222rem;
  line-height: 3.33333rem;
}

.opc-button-wrapper[data-op-align="right"] .opc-button, .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button-wrapper[data-op-align="right"] .notifications-cancel, .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button-wrapper[data-op-align="right"] .notifications-ok, .opc-button-wrapper[data-op-align="right"] .opc-compare-button, .opc-button-wrapper[data-op-align="right"] .opc-favorite-button {
  margin-left: 1rem;
}

.opc-radio input[type="radio"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.opc-radio input[type="radio"]:focus + label:before {
  background: #fff;
  border: 1px solid #aaa;
}

.opc-radio input[type="radio"]:disabled + label {
  cursor: not-allowed;
  opacity: .65;
}

.opc-radio input[type="radio"]:disabled + label:after {
  opacity: 1;
  background-image: none;
  border-radius: 50%;
  background-color: #eee !important;
}

.opc-radio input[type="radio"]:disabled:checked + label:after {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23333%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
}

.opc-boolean label {
  visibility: hidden;
  z-index: -1;
  position: relative;
  top: 0;
  left: 0;
}

.opc-boolean label .buttonbackground {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 1.1875rem;
  width: 4.75rem;
  height: 2.375rem;
  transition: background-color .2s;
  display: inline-block;
  position: relative;
}

.opc-boolean label .buttonbackground .buttonslider {
  background: #ddd;
  border-radius: 50%;
  width: 2.1375rem;
  height: 2.1375rem;
  transition: all .2s;
  display: block;
  position: absolute;
  top: 2.1375rem;
  left: 0;
  transform: translateY(-2.1375rem);
}

.opc-boolean input[id$="TRUE"] ~ label:hover, .opc-boolean input[id$="FALSE"] ~ label:hover {
  cursor: pointer;
}

.opc-boolean input[id$="TRUE"]:focus ~ label .buttonbackground, .opc-boolean input[id$="FALSE"]:focus ~ label .buttonbackground {
  background: #fff;
  outline: none;
  border: 1px solid #aaa !important;
}

.opc-boolean input[id$="TRUE"][type="radio"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.opc-boolean input[id$="TRUE"][type="radio"]:disabled ~ label {
  opacity: .65;
}

.opc-boolean input[id$="TRUE"][type="radio"]:disabled ~ label .buttonbackground {
  filter: grayscale(.75);
}

.opc-boolean input[id$="TRUE"][type="radio"]:disabled ~ label:hover {
  cursor: not-allowed;
}

.opc-boolean input[id$="TRUE"][type="radio"]:checked ~ label[for$="FALSE"] {
  visibility: visible;
  z-index: auto;
}

.opc-boolean input[id$="TRUE"][type="radio"]:checked ~ label[for$="FALSE"] .buttonbackground {
  background-color: #83be26;
  border: 1px solid #83be26;
}

.opc-boolean input[id$="TRUE"][type="radio"]:checked ~ label[for$="FALSE"] .buttonbackground .buttonslider {
  left: 100%;
  transform: translateX(-2.1375rem) translateY(-2.1375rem);
}

.opc-boolean input[id$="TRUE"][type="radio"]:checked ~ label[for$="TRUE"] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.opc-boolean input[id$="TRUE"][type="radio"]:checked ~ label[for$="TRUE"] .buttonslider {
  left: 100%;
  transform: translateX(-2.1375rem) translateY(-2.1375rem);
}

.opc-boolean input[id$="FALSE"][type="radio"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.opc-boolean input[id$="FALSE"][type="radio"]:disabled ~ label:hover {
  cursor: not-allowed;
}

.opc-boolean input[id$="FALSE"][type="radio"]:checked ~ label[for$="TRUE"] {
  visibility: visible;
  z-index: auto;
}

.opc-boolean input[id$="FALSE"][type="radio"]:checked ~ label[for$="TRUE"] .buttonbackground {
  background-color: #fff;
  border: 1px solid #ccc;
}

.opc-boolean input[id$="FALSE"][type="radio"]:checked ~ label[for$="TRUE"] .buttonbackground .buttonslider {
  left: 0;
}

.opc-boolean input[id$="FALSE"][type="radio"]:checked ~ label[for$="FALSE"] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.opc-boolean input[id$="FALSE"][type="radio"]:checked ~ label[for$="FALSE"] .buttonslider {
  left: 0;
}

.opc-boolean input[id$="FALSE"][type="radio"]:not(:checked) + input[id$="TRUE"][type="radio"]:not(:checked) ~ label[for$="TRUE"] {
  visibility: visible;
  z-index: auto;
  position: absolute;
}

.opc-boolean input[id$="FALSE"][type="radio"]:not(:checked) + input[id$="TRUE"][type="radio"]:not(:checked) ~ label[for$="TRUE"] .buttonbackground {
  background-color: #fff;
  border: 1px solid #ccc;
}

.opc-boolean input[id$="FALSE"][type="radio"]:not(:checked) + input[id$="TRUE"][type="radio"]:not(:checked) ~ label[for$="TRUE"] .buttonbackground .buttonslider {
  left: 0;
}

.opc-checkbox input[type="checkbox"]:disabled + label {
  cursor: not-allowed;
  opacity: .65;
}

.opc-checkbox input[type="checkbox"]:disabled + label:after {
  cursor: not-allowed;
  opacity: .65;
  background-image: none;
  border-radius: 20%;
  background-color: #eee !important;
}

.opc-checkbox input[type="checkbox"]:disabled:checked + label:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23333%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
}

.opc-time, .opc-date {
  position: relative;
}

.opc-time .daterangepicker-input:read-only, .opc-time .flatpickr-input:read-only, .opc-date .daterangepicker-input:read-only, .opc-date .flatpickr-input:read-only {
  cursor: pointer;
  background: initial;
  opacity: initial;
}

.opc-time .daterangepicker-input:disabled, .opc-time .flatpickr-input:disabled, .opc-date .daterangepicker-input:disabled, .opc-date .flatpickr-input:disabled {
  cursor: not-allowed;
  opacity: .65;
  background: #eee !important;
}

.opc-time .daterangepicker-input + .daterangepicker-calendar.open, .opc-time .daterangepicker-input + .flatpickr-calendar.open, .opc-time .flatpickr-input + .daterangepicker-calendar.open, .opc-time .flatpickr-input + .flatpickr-calendar.open, .opc-date .daterangepicker-input + .daterangepicker-calendar.open, .opc-date .daterangepicker-input + .flatpickr-calendar.open, .opc-date .flatpickr-input + .daterangepicker-calendar.open, .opc-date .flatpickr-input + .flatpickr-calendar.open {
  min-width: 250px;
  max-width: 100%;
  position: absolute;
  top: 2.22222rem;
  left: 0;
}

.opc-time .daterangepicker-input[data-op-size="tiny"] + .daterangepicker-calendar.open, .opc-time .daterangepicker-input[data-op-size="tiny"] + .flatpickr-calendar.open, .opc-time .flatpickr-input[data-op-size="tiny"] + .daterangepicker-calendar.open, .opc-time .flatpickr-input[data-op-size="tiny"] + .flatpickr-calendar.open, .opc-date .daterangepicker-input[data-op-size="tiny"] + .daterangepicker-calendar.open, .opc-date .daterangepicker-input[data-op-size="tiny"] + .flatpickr-calendar.open, .opc-date .flatpickr-input[data-op-size="tiny"] + .daterangepicker-calendar.open, .opc-date .flatpickr-input[data-op-size="tiny"] + .flatpickr-calendar.open {
  position: absolute;
  top: 1.44444rem;
  left: 0;
}

.opc-time .daterangepicker-input[data-op-size="small"] + .daterangepicker-calendar.open, .opc-time .daterangepicker-input[data-op-size="small"] + .flatpickr-calendar.open, .opc-time .flatpickr-input[data-op-size="small"] + .daterangepicker-calendar.open, .opc-time .flatpickr-input[data-op-size="small"] + .flatpickr-calendar.open, .opc-date .daterangepicker-input[data-op-size="small"] + .daterangepicker-calendar.open, .opc-date .daterangepicker-input[data-op-size="small"] + .flatpickr-calendar.open, .opc-date .flatpickr-input[data-op-size="small"] + .daterangepicker-calendar.open, .opc-date .flatpickr-input[data-op-size="small"] + .flatpickr-calendar.open {
  position: absolute;
  top: 1.77778rem;
  left: 0;
}

.opc-time .daterangepicker-input[data-op-size="medium"] + .daterangepicker-calendar.open, .opc-time .daterangepicker-input[data-op-size="medium"] + .flatpickr-calendar.open, .opc-time .flatpickr-input[data-op-size="medium"] + .daterangepicker-calendar.open, .opc-time .flatpickr-input[data-op-size="medium"] + .flatpickr-calendar.open, .opc-date .daterangepicker-input[data-op-size="medium"] + .daterangepicker-calendar.open, .opc-date .daterangepicker-input[data-op-size="medium"] + .flatpickr-calendar.open, .opc-date .flatpickr-input[data-op-size="medium"] + .daterangepicker-calendar.open, .opc-date .flatpickr-input[data-op-size="medium"] + .flatpickr-calendar.open {
  position: absolute;
  top: 2.22222rem;
  left: 0;
}

.opc-time .daterangepicker-input[data-op-size="large"] + .daterangepicker-calendar.open, .opc-time .daterangepicker-input[data-op-size="large"] + .flatpickr-calendar.open, .opc-time .flatpickr-input[data-op-size="large"] + .daterangepicker-calendar.open, .opc-time .flatpickr-input[data-op-size="large"] + .flatpickr-calendar.open, .opc-date .daterangepicker-input[data-op-size="large"] + .daterangepicker-calendar.open, .opc-date .daterangepicker-input[data-op-size="large"] + .flatpickr-calendar.open, .opc-date .flatpickr-input[data-op-size="large"] + .daterangepicker-calendar.open, .opc-date .flatpickr-input[data-op-size="large"] + .flatpickr-calendar.open {
  position: absolute;
  top: 2.77778rem;
  left: 0;
}

.opc-time .daterangepicker-input[data-op-size="huge"] + .daterangepicker-calendar.open, .opc-time .daterangepicker-input[data-op-size="huge"] + .flatpickr-calendar.open, .opc-time .flatpickr-input[data-op-size="huge"] + .daterangepicker-calendar.open, .opc-time .flatpickr-input[data-op-size="huge"] + .flatpickr-calendar.open, .opc-date .daterangepicker-input[data-op-size="huge"] + .daterangepicker-calendar.open, .opc-date .daterangepicker-input[data-op-size="huge"] + .flatpickr-calendar.open, .opc-date .flatpickr-input[data-op-size="huge"] + .daterangepicker-calendar.open, .opc-date .flatpickr-input[data-op-size="huge"] + .flatpickr-calendar.open {
  position: absolute;
  top: 3.33333rem;
  left: 0;
}

.opc-input:disabled, .opc-input:read-only, .opc-textarea:disabled, .opc-textarea:read-only {
  cursor: not-allowed;
  opacity: .65;
  background: #eee !important;
}

.opc-select:disabled, .opc-compare .compare-row .compare-label select:disabled, .article-list-menu .article-list-sort select:disabled, .opc-basket-button .basket-button-dim-variants:disabled {
  cursor: not-allowed;
  opacity: .65;
  background: #eee !important;
}

.is-invalid .opc-wysiwyg, .opc-wysiwyg.is-invalid {
  color: #fa7979;
  border: 1px solid #fa7979;
}

.opc-form-field .form-field-element input[type="text"], .opc-form-field .form-field-element input[type="password"], .opc-form-field .form-field-element input[type="email"], .opc-form-field .form-field-element input[type="number"], .opc-form-field .form-field-element input[type="tel"], .opc-form-field .form-field-element input[type="search"], .opc-form-field .form-field-element input[type="url"], .opc-form-field .form-field-element input[type="date"], .opc-form-field .form-field-element textarea {
  width: 100%;
}

.opc-form-field .form-field-element input[type="text"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="password"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="email"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="number"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="tel"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="search"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="url"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element input[type="date"]::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element textarea::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element select, .opc-form-field .form-field-element option {
  width: 100%;
}

.opc-form-field .form-field-element select::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element option::-ms-expand {
  display: none;
}

.opc-form-field .form-field-element option::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-note {
  color: #0006;
  font-size: .666667rem;
}

.opc-form-field[data-op-label="left"] > .form-field-note, .opc-form-field[data-op-label="left"] > .form-field-error {
  margin-left: 10rem;
}

.opc-form-field[data-op-label="material"] {
  position: relative;
}

.opc-form-field[data-op-label="material"] > label {
  z-index: 2;
  cursor: text;
  pointer-events: none;
  align-items: center;
  width: 100%;
  height: 2.4rem;
  margin-bottom: 0;
  padding: .2rem 1.25rem;
  transition: all .2s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(1.3rem);
}

.opc-form-field[data-op-label="material"] > .form-field-element {
  background: #fff;
  border: none;
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
}

.opc-form-field[data-op-label="material"] > .form-field-element:before {
  content: "";
  background: #999;
  height: 3px;
  transition: transform .2s ease-in-out;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.opc-form-field[data-op-label="material"] > .form-field-element input[type="text"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="password"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="email"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="number"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="tel"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="search"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="url"], .opc-form-field[data-op-label="material"] > .form-field-element input[type="date"], .opc-form-field[data-op-label="material"] > .form-field-element select {
  opacity: 0;
  background: none;
  border: none;
  outline: none;
  height: 5rem;
  transition: opacity .2s ease-in-out;
  padding-top: 1.25rem !important;
}

.opc-form-field[data-op-label="material"] > .form-field-element textarea {
  opacity: 0;
  background: none;
  border: none;
  outline: none;
  height: auto;
  min-height: 5rem;
  margin-top: 2rem;
  padding-top: 0;
}

.opc-form-field[data-op-label="material"] > .form-field-note {
  margin-top: .4rem;
  margin-left: 1.25rem;
}

.opc-form-field[data-op-label="material"] > .form-field-error {
  margin-left: 1.25rem;
}

.opc-form-field[data-op-label="material"].is-materialized > label {
  pointer-events: none;
  font-size: .75em;
  transform: translateY(0);
}

.opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="text"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="password"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="email"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="number"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="tel"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="search"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="url"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element input[type="date"], .opc-form-field[data-op-label="material"].is-materialized > .form-field-element select, .opc-form-field[data-op-label="material"].is-materialized > .form-field-element textarea {
  opacity: 1;
}

.opc-form-field[data-op-label="material"].is-materialized > .form-field-element:before {
  transform: scaleX(1);
}

.opc-form-field[data-op-label="material"].is-invalid > label {
  color: #fa7979;
}

.opc-form-field[data-op-label="material"].is-invalid > .form-field-element {
  border-color: #fa7979;
}

.opc-form-field[data-op-label="material"].is-invalid > .form-field-element:before {
  background: #fa7979;
}

.opc-form-field .ff-error, .opc-form-field .form-field-error {
  color: #fa7979;
  margin: 0;
  padding: .5rem 0;
  font-size: .666667rem;
}

.opc-form-field[data-op-size="tiny"][data-op-label="left"] .form-field-label {
  height: 1.44444rem;
  padding: 0 calc(rem / 1.8);
  font-size: .666667rem;
  line-height: 1.44444rem;
}

.opc-form-field[data-op-size="small"][data-op-label="left"] .form-field-label {
  height: 1.77778rem;
  padding: 0 .416667rem;
  font-size: .777778rem;
  line-height: 1.77778rem;
}

.opc-form-field[data-op-size="medium"][data-op-label="left"] .form-field-label, .opc-form-field[data-op-size="normal"][data-op-label="left"] .form-field-label {
  height: 2.22222rem;
  padding: 0 .694444rem;
  font-size: .777778rem;
  line-height: 2.22222rem;
}

.opc-form-field[data-op-size="large"][data-op-label="left"] .form-field-label {
  height: 2.77778rem;
  padding: 0 .972222rem;
  font-size: .888889rem;
  line-height: 2.77778rem;
}

.opc-form-field[data-op-size="huge"][data-op-label="left"] .form-field-label {
  height: 3.33333rem;
  padding: 0 1.11111rem;
  font-size: 1rem;
  line-height: 3.33333rem;
}

.opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-button, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .notifications-cancel, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .notifications-ok, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-compare-button, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-favorite-button {
  margin: 0;
}

.pwd-strength ul li {
  grid-template-columns: 16px 1fr;
  align-items: center;
  column-gap: 8px;
  margin-bottom: .5rem;
  font-size: 1.4rem;
  display: grid;
}

.form-field-list .select-list li.disabled {
  pointer-events: none;
}

.opc-checkbox-slider .checkbox-slider-wrapper {
  width: 5rem;
  height: 2.4rem;
  display: inline-block;
  position: relative;
}

.opc-checkbox-slider .checkbox-slider-wrapper input {
  opacity: 0;
  width: 0;
  height: 0;
}

.opc-checkbox-slider .slider-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 34px;
  transition: all .2s;
  position: absolute;
  inset: 0;
}

.opc-checkbox-slider .slider-button:before {
  content: "";
  background-color: #ddd;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all .2s;
  position: absolute;
  bottom: 1px;
  left: 1px;
}

.opc-checkbox-slider input:checked + .slider-button {
  background-color: #83be26;
}

.opc-checkbox-slider input:focus + .slider-button {
  box-shadow: 0 0 1px #83be26;
}

.opc-checkbox-slider input:checked + .slider-button:before {
  transform: translateX(26px);
}

table {
  text-align: left;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

table thead th, table thead td {
  padding: 1rem;
}

table tbody tr {
  border-bottom: 1px solid #ccc;
}

table tbody th, table tbody td {
  padding: 1rem;
}

table[data-op-type="tablesort"] th > .sort-header {
  cursor: pointer;
  grid-template-columns: 1fr max-content;
  align-items: center;
  display: grid;
}

table[data-op-type="tablesort"] th[data-op-sort-direction="desc"] .sort-header-arrow {
  border: 6px solid #0000;
  border-top-color: #000;
  border-bottom-width: 0;
  width: 0;
  height: 0;
  margin-bottom: 3px;
}

table[data-op-type="tablesort"] th[data-op-sort-direction="asc"] .sort-header-arrow {
  border: 6px solid #0000;
  border-top-width: 0;
  border-bottom-color: #000;
  width: 0;
  height: 0;
  margin-bottom: 3px;
}

dl {
  margin: 0 0 1rem;
  padding: 0;
}

dl dt {
  font-weight: bold;
}

dl dd {
  margin: 0;
  padding: 0;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li > a {
  padding: 1.5rem 2rem;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active-parent > a:hover, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active-parent > a:hover {
  color: #fff;
  background: #66941e !important;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-open > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-open > a {
  background: #0006;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-2, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-2 {
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  column-count: 4;
  background: #333;
  padding-top: 2rem;
  padding-bottom: 2rem;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transform: translate(0) scale(.95);
}

.opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li:hover > a {
  background: #0006;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-toggler {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23fff%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 2.6rem;
  height: 2.6rem;
  margin-top: -1.3rem;
  display: none;
  position: absolute;
  top: 50%;
  right: .5rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-toggler:hover {
  background-color: #0003;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-toggler:before {
  content: "";
  background: #fff6;
  width: 1px;
  height: 1.6rem;
  margin-top: -.8rem;
  display: block;
  position: absolute;
  top: 50%;
  left: -.4rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-parent-label {
  display: none;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 {
  justify-content: flex-start;
  display: flex;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li {
  position: relative;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li > a {
  color: #fff;
  white-space: nowrap;
  padding: 1.5rem 2rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li > a:hover {
  color: #fff;
  background-color: #0003;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.has-children > a {
  padding-right: 4rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.has-children .navigation-toggler {
  display: block;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.has-children .navigation-toggler:before {
  display: none;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active-parent > .navigation-label {
  color: #fff;
  background: #83be26;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active > .navigation-label:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active-parent > a:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-active-parent > .navigation-label:hover {
  color: #fff;
  background: #66941e;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-open > a {
  background: #0006;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-1 > li.is-open > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 {
  visibility: hidden;
  opacity: 0;
  background: #333;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translate(0) scale(.95);
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2:before {
  content: "";
  background: none;
  width: 100%;
  height: .5rem;
  position: absolute;
  top: -.5rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 .navigation-toggler {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23fff%22%3E%3Cpath style%3D%22 %22 d%3D%22M 12.96875 4.28125 L 11.53125 5.71875 L 21.8125 16 L 11.53125 26.28125 L 12.96875 27.71875 L 23.96875 16.71875 L 24.65625 16 L 23.96875 15.28125 Z %22%2F%3E%3C%2Fsvg%3E");
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li > a {
  white-space: nowrap;
  min-width: 16rem;
  padding: 1rem 2rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li:hover > a {
  color: #fff;
  background: #0000001a;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-active-parent > a {
  color: #83be26;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.has-children {
  position: relative;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.has-children > a {
  padding-right: 5rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-open {
  position: relative;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-open > a {
  background: #0006;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-open > .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-open > .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-2 li.is-open > .navigation-level-5 {
  visibility: visible;
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="arrow"] .navigation-level-5 {
  background: #333;
  display: none;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-toggler, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .has-children > a {
  display: none;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .has-children > .navigation-label {
  cursor: pointer;
  display: block;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-parent-label {
  text-transform: uppercase;
  opacity: .6;
  font-size: .6em;
  display: block;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 {
  justify-content: flex-start;
  display: flex;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li {
  position: relative;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li > .navigation-label {
  color: #fff;
  white-space: nowrap;
  padding: 1.5rem 2rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li > a:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li > .navigation-label:hover {
  color: #fff;
  background-color: #0003;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.has-children > a {
  padding-right: 4rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active-parent > .navigation-label {
  color: #fff;
  background: #83be26;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active > .navigation-label:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active-parent > a:hover, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-active-parent > .navigation-label:hover {
  color: #fff;
  background: #66941e;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-open > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-open > .navigation-label {
  background: #0006;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-1 > li.is-open > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 {
  visibility: hidden;
  opacity: 0;
  background: #333;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translate(0) scale(.95);
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2:before {
  content: "";
  background: none;
  width: 100%;
  height: .5rem;
  position: absolute;
  top: -.5rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li > .navigation-label {
  white-space: nowrap;
  color: #fff;
  min-width: 16rem;
  padding: 1rem 2rem;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li:hover > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li:hover > .navigation-label {
  color: #fff;
  background: #0000001a;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active > .navigation-label, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active-parent > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-active-parent > .navigation-label {
  color: #83be26;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.has-children, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open {
  position: relative;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open > a, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open > .navigation-label {
  background: #0006;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open > .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open > .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-2 li.is-open > .navigation-level-5 {
  visibility: visible;
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
}

.opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-3, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-4, .opc-navigation[data-op-navtype="default"][data-op-layout="click"] .navigation-level-5 {
  background: #333;
  display: none;
}

.is-mobile .opc-search {
  display: none;
}

.is-mobile .opc-search .search-query {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  display: flex;
}

.is-mobile .opc-search .search-query input {
  border: 1px solid #ccc;
  width: 100%;
  padding: 0 1rem;
}

.search-open .opc-search[data-op-type="search-back"] {
  visibility: visible;
  z-index: 1000;
  opacity: 1;
  pointer-events: all;
  background: #fffffffa;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

.opc-search {
  visibility: visible;
  opacity: 1;
  z-index: 20000;
  background: none;
  width: 100%;
  position: relative;
  inset: auto;
}

@media only screen and (width >= 800px) {
  .opc-search .opc-search-bg, .opc-search .opc-search-toggle {
    display: none;
  }

  .opc-search .opc-search-content {
    padding: 0;
    position: relative;
  }
}

.opc-search .opc-search-content {
  padding: 0;
  position: relative;
}

.opc-search .opc-search-content .opc-button[data-op-action="close"], .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-cancel, .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-ok, .opc-search .opc-search-content [data-op-action="close"].opc-compare-button, .opc-search .opc-search-content [data-op-action="close"].opc-favorite-button {
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-search .opc-search-content .opc-button[data-op-action="close"], .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-cancel, .opc-search .opc-search-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-action="close"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content [data-op-action="close"].notifications-ok, .opc-search .opc-search-content [data-op-action="close"].opc-compare-button, .opc-search .opc-search-content [data-op-action="close"].opc-favorite-button {
    display: none;
  }
}

.opc-search .opc-search-content .opc-search-query .search-query {
  border: none;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.opc-search .opc-search-content .opc-search-query .search-btn, .opc-search .opc-search-content .opc-search-query .reset-btn, .opc-search .opc-search-content .opc-search-query .back-btn {
  color: #83be26;
  background: none;
  border: none;
  flex-shrink: 0;
  width: 4rem;
  height: 3rem;
}

.opc-search .opc-search-content .opc-search-query .back-btn {
  display: none;
}

.is-mobile .opc-search .opc-search-content .opc-search-query .back-btn {
  display: block;
}

.opc-search .opc-search-content .opc-search-results {
  width: 100%;
  padding: 0;
  display: none;
  position: absolute;
  top: 100%;
}

.opc-search .opc-search-content .opc-search-results .opc-directsearch-message {
  z-index: 2;
  background: #eee;
  justify-content: center;
  align-items: center;
  height: 4rem;
  margin: .5rem;
  display: flex;
  position: relative;
}

.opc-search[data-op-type="fullscreen"] {
  visibility: hidden;
  opacity: 0;
  z-index: -10;
  pointer-events: none;
  background: #fffffffa;
  width: 100%;
  height: 100%;
  position: fixed;
}

.search-open .opc-search[data-op-type="fullscreen"] {
  visibility: visible;
  z-index: 1000;
  opacity: 1;
  pointer-events: all;
  display: block;
}

.opc-search[data-op-type="fullscreen"] .search-head {
  z-index: 20000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 12rem;
  padding: 0 2rem;
  display: flex;
  position: relative;
  box-shadow: 0 0 6px #ccc;
}

.opc-search[data-op-type="fullscreen"] .search-head button {
  color: #000;
  cursor: pointer;
  background: none;
  width: 4rem;
  height: 4rem;
  margin-right: -1rem;
  padding-left: 0;
  padding-right: 0;
}

.opc-search[data-op-type="fullscreen"] .search-query {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  display: flex;
}

.column-section-list li {
  border-bottom: 1px solid #eee;
}

.column-section-list li a {
  padding: 1.5rem 0;
  display: block;
}

.column-section-list li a:hover {
  background: #eee;
}

.column-section-list li a > span {
  display: block;
}

.column-section-list[data-op-type="article-image"] .list-item-image {
  width: 8rem;
  margin-right: 1rem;
}

.column-section-list[data-op-type="article-image"] .list-item-info {
  width: calc(100% - 9rem);
}

.column-section-list[data-op-type="article-image"] .list-item-description {
  max-width: 100%;
}

.column-section-list[data-op-type="article-image"] a {
  width: 100%;
  padding: 1rem 0;
  display: flex;
}

.column-section-list[data-op-type="article-image"] a .image {
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  display: flex;
}

.column-section-list[data-op-type="article-image"] a .info .name {
  margin-bottom: .2em;
  font-weight: 600;
  display: block;
}

.column-section-list[data-op-type="article-image"] a .info .additional-name {
  opacity: .8;
  margin-bottom: .2em;
  font-size: 1.2rem;
  display: block;
}

.column-section-list[data-op-type="article-image"] a .info .description {
  display: block;
}

.column-section-list[data-op-type="simple"] a {
  position: relative;
}

.column-section-list[data-op-type="simple"] .CatStruct-Name ~ .Amount, .column-section-list[data-op-type="simple"] .CatStruct-Number {
  display: none;
}

.column-section-list .moreItems a {
  padding: 1rem;
  font-weight: bold;
}

.siteloader {
  z-index: 99999999;
  background: #efefef99;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.siteloader.is-progressing {
  min-height: 6px;
  overflow-x: hidden;
}

.siteloader.is-progressing:before {
  content: "";
  background-color: #fc8200;
  width: 100%;
  height: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.siteloader.is-progressing:after {
  content: "";
  background-color: #f89b37;
  width: 20%;
  height: 6px;
  animation: 2s cubic-bezier(.65, .815, .735, .395) infinite is-progressing-animation;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20%;
}

@keyframes is-progressing-animation {
  0% {
    left: -20%;
  }

  100% {
    left: 100%;
  }
}

.opc-breadcrumb {
  margin-bottom: 2rem;
  display: flex;
}

.opc-breadcrumb .breadcrumb-pretext {
  vertical-align: top;
  flex-shrink: 0;
  margin-right: .5rem;
  display: inline-block;
}

.opc-breadcrumb .breadcrumb-navigation-multi {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-breadcrumb .breadcrumb-navigation {
  vertical-align: top;
  margin: 0 0 .5rem;
  padding: 0;
  list-style: none;
  display: inline-block;
}

.opc-breadcrumb .breadcrumb-navigation li {
  float: left;
  margin-right: .5rem;
}

.opc-breadcrumb .breadcrumb-navigation li:after {
  content: "";
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 12.96875 4.28125 L 11.53125 5.71875 L 21.8125 16 L 11.53125 26.28125 L 12.96875 27.71875 L 23.96875 16.71875 L 24.65625 16 L 23.96875 15.28125 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  width: 1em;
  height: 1em;
  display: inline-block;
}

.opc-breadcrumb .breadcrumb-navigation li.is-active {
  font-weight: bold;
}

.opc-breadcrumb .breadcrumb-navigation li.is-active:after {
  display: none;
}

.opc-breadcrumb .breadcrumb-navigation li a {
  color: inherit;
  text-decoration: none;
}

.opc-breadcrumb .breadcrumb-navigation li a:hover {
  color: #83be26;
}

.op-mediaslider-outer {
  padding: 0 !important;
}

.op-mediaslider-outer [hidden] {
  display: none !important;
}

.op-mediaslider-outer [aria-controls], .op-mediaslider-outer [data-action] {
  cursor: pointer;
}

.op-mediaslider-outer.ms-touch {
  -ms-overflow-style: none;
  -ms-scroll-chaining: none;
  -ms-scroll-snap-type: mandatory;
  -ms-scroll-snap-points-x: snapInterval(0%, 100%);
  overflow: scroll hidden;
}

.op-mediaslider-slider {
  transition: all;
}

.op-mediaslider-slider > .op-mediaslider-item {
  box-sizing: border-box;
}

.op-mediaslider-horizontal.op-mediaslider-subpixel {
  white-space: nowrap;
}

.op-mediaslider-horizontal.op-mediaslider-subpixel > .op-mediaslider-item {
  vertical-align: top;
  white-space: normal;
  display: inline-block;
}

.op-mediaslider-horizontal.op-mediaslider-no-subpixel:after {
  content: "";
  clear: both;
  display: table;
}

.op-mediaslider-horizontal.op-mediaslider-no-subpixel > .op-mediaslider-item {
  float: left;
  margin-right: -100%;
}

.op-mediaslider-no-calc {
  position: relative;
  left: 0;
}

.op-mediaslider-gallery {
  min-height: 1px;
  position: relative;
  left: 0;
}

.op-mediaslider-gallery > .op-mediaslider-item {
  transition: transform, opacity;
  position: absolute;
  left: -100%;
}

.op-mediaslider-gallery > .op-mediaslider-moving {
  transition: all .25s;
}

.op-mediaslider-lazy-img {
  opacity: .6;
  transition: opacity .6s;
}

.op-mediaslider-lazy-img.loaded {
  opacity: 1;
}

.op-mediaslider-ah {
  transition: height;
}

.op-mediaslider-ovh {
  overflow: hidden;
}

.op-mediaslider-hdx {
  overflow-x: hidden;
}

.op-mediaslider-hdy {
  overflow-y: hidden;
}

.op-mediaslider-visually-hidden {
  position: absolute;
  left: -10000em;
}

.op-mediaslider-transparent {
  opacity: 0;
  visibility: hidden;
}

.op-mediaslider-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.op-mediaslider-normal, .op-mediaslider-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.carousel-slides {
  display: flex;
  overflow: hidden;
}

.carousel-slides.op-mediaslider-carousel > div {
  position: absolute;
}

.carousel-slides.op-mediaslider-carousel .carousel-slide {
  justify-content: center;
  align-items: center;
  position: relative;
  display: flex !important;
}

.carousel-slides.op-mediaslider-carousel .carousel-slide:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  background: none;
  border: 2px solid #0000;
  border-top-color: #83be26;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  transition: opacity .4s ease-in-out;
  animation-name: rotater;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  display: block;
  position: absolute;
  bottom: 4rem;
  right: 4rem;
}

@keyframes rotater {
  50% {
    transform: rotate(400deg);
  }
}

.carousel-slides.op-mediaslider-carousel .carousel-slide .carousel-slide-image, .carousel-slides.op-mediaslider-carousel .carousel-slide .carousel-slide-content {
  opacity: 0;
  transition: opacity .4s ease-in-out;
}

.carousel-slides.op-mediaslider-carousel .carousel-slide.op-mediaslider-item .carousel-slide-image, .carousel-slides.op-mediaslider-carousel .carousel-slide.op-mediaslider-item .carousel-slide-content {
  opacity: 1;
  transition-delay: 1s;
}

.carousel-slides.op-mediaslider-gallery .carousel-slide {
  position: absolute;
}

.opc-carousel {
  z-index: 1;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.opc-carousel .carousel-slides {
  height: 50vh;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

@media only screen and (width >= 800px) {
  .opc-carousel .carousel-slides {
    height: 50vh;
  }
}

.opc-carousel .carousel-slides .carousel-slide {
  height: 50vh;
}

@media only screen and (width >= 800px) {
  .opc-carousel .carousel-slides .carousel-slide {
    height: 50vh;
  }
}

.opc-carousel .carousel-slides .carousel-slide {
  flex-shrink: 0;
  width: 100%;
}

.opc-carousel .carousel-slides .carousel-slide .carousel-slide-image {
  z-index: 1;
  opacity: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
  position: absolute;
  inset: 0;
}

.opc-carousel .carousel-slides .carousel-slide .carousel-slide-image img {
  width: 100%;
  display: none;
}

.opc-carousel .carousel-slides .carousel-slide .carousel-slide-content {
  z-index: 2;
  justify-content: center;
  height: 50vh;
  display: flex;
  position: relative;
}

@media only screen and (width >= 800px) {
  .opc-carousel .carousel-slides .carousel-slide .carousel-slide-content {
    height: 50vh;
  }
}

.opc-carousel .carousel-slides .carousel-slide .carousel-slide-content .carousel-slide-content-inner {
  text-align: center;
  align-self: center;
}

.opc-carousel .carousel-thumb-slides {
  margin: 20px auto 0;
  display: none;
}

.opc-carousel .carousel-thumb-slides .carousel-thumb-slide {
  opacity: .5;
  cursor: pointer;
  outline: none;
  width: 10rem;
  margin: 0 10px;
}

.opc-carousel .carousel-thumb-slides .carousel-thumb-slide .thumb-slide-image img {
  max-width: 100%;
  transition: transform .2s ease-in-out;
  transform: scale(.9);
}

.opc-carousel .op-mediaslider-outer {
  position: relative;
}

.opc-carousel .op-mediaslider-controls {
  z-index: 99;
  justify-content: space-between;
  width: 100%;
  height: 0;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.opc-carousel .op-mediaslider-controls [data-controls="prev"], .opc-carousel .op-mediaslider-controls [data-controls="next"] {
  color: #0000;
  background-color: #fff6;
  border: none;
  outline: none;
  width: 4rem;
  height: 4rem;
  padding: 0;
  font-size: 3rem;
  display: block;
  position: absolute;
  left: 0;
  transform: translateY(-50%);
}

.opc-carousel .op-mediaslider-controls [data-controls="prev"]:before, .opc-carousel .op-mediaslider-controls [data-controls="prev"]:after, .opc-carousel .op-mediaslider-controls [data-controls="next"]:before, .opc-carousel .op-mediaslider-controls [data-controls="next"]:after {
  content: "";
  color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 3rem;
  width: 4rem;
  height: 4rem;
  display: block;
}

.opc-carousel .op-mediaslider-controls [data-controls="prev"]:hover, .opc-carousel .op-mediaslider-controls [data-controls="next"]:hover {
  background-color: #fffc;
}

.opc-carousel .op-mediaslider-controls [data-controls="next"] {
  left: auto;
  right: 0;
}

.opc-carousel .op-mediaslider-controls [data-controls="prev"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23333%22%3E%3Cpath d%3D%22M19.031 4.281l-11 11-0.688 0.719 0.688 0.719 11 11 1.438-1.438-10.281-10.281 10.281-10.281z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.opc-carousel .op-mediaslider-controls [data-controls="next"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23333%22%3E%3Cpath style%3D%22 %22 d%3D%22M 12.96875 4.28125 L 11.53125 5.71875 L 21.8125 16 L 11.53125 26.28125 L 12.96875 27.71875 L 23.96875 16.71875 L 24.65625 16 L 23.96875 15.28125 Z %22%2F%3E%3C%2Fsvg%3E");
}

.opc-carousel .op-mediaslider-nav {
  text-align: center;
  z-index: 99;
  width: 100%;
  padding: 1rem 0 0;
  display: block;
  position: absolute;
  bottom: 2rem;
}

.opc-carousel .op-mediaslider-nav button {
  opacity: .4;
  background: #fff;
  border: 0;
  border-radius: 50%;
  outline: none;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 .3rem;
}

.opc-carousel .op-mediaslider-nav button[aria-selected="true"] {
  opacity: 1;
}

.opc-carousel[data-op-type="thumb-slider"] .carousel-thumb-slides {
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

.opc-carousel[data-op-type="thumb-slider"] .carousel-thumb-slides [aria-selected="true"] {
  opacity: 1;
}

.opc-carousel[data-op-type="thumb-slider"] .carousel-thumb-slides [aria-selected="true"] img {
  transform: scale(1);
}

.opc-carousel[data-op-type="hero-slider"] .carousel-slide-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}

.opc-carousel[data-op-type="hero-slider"] .carousel-slide-image img {
  display: none;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 {
  flex-wrap: wrap;
  width: 100%;
  margin-left: 0;
  display: flex;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-favorite-button {
  text-align: center;
  background: #eee;
  border: 1px solid #eee;
  width: 4rem;
  height: 3rem;
  padding: 0;
  font-weight: bold;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="inc"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="dec"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="inc"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="dec"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="inc"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="dec"], .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-favorite-button {
  opacity: .8;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="inc"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="dec"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="inc"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="dec"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="inc"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="dec"]:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-cancel:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-ok:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-compare-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-favorite-button:hover, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-favorite-button:focus {
  opacity: 1;
  background: #d5d5d5;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 [data-op-qtychange="dec"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 [data-op-qtychange="dec"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="inc"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="inc"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="inc"].opc-favorite-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button[data-op-qtychange="dec"]:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-cancel:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-cancel:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-qtychange="dec"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].notifications-ok:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-compare-button:focus, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 [data-op-qtychange="dec"].opc-favorite-button:focus {
  outline: none;
}

.opc-flags {
  display: flex;
}

.opc-flags .flag-news, .opc-flags .flag-free1, .opc-flags .flag-free2 {
  text-align: center;
  text-transform: uppercase;
  white-space: pre-line;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  margin-right: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 6rem;
  display: inline-flex;
  transform: rotate(-30deg);
}

[data-op-article-list-type="list"] .opc-flags .flag-news, [data-op-article-list-type="list"] .opc-flags .flag-free1, [data-op-article-list-type="list"] .opc-flags .flag-free2 {
  width: 4rem;
  height: 4rem;
  margin-right: .5rem;
  font-size: .933333rem;
  line-height: 4rem;
}

.opc-flags .flag-news span, .opc-flags .flag-free1 span, .opc-flags .flag-free2 span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.opc-flags .flag-news svg, .opc-flags .flag-free1 svg, .opc-flags .flag-free2 svg {
  flex-shrink: 0;
  margin: 0;
  font-size: 4rem;
}

.opc-flags .flag-news {
  color: #fff;
  background: #2eacb0;
}

.opc-flags .flag-free1 {
  color: #fff;
  background: #d85d40;
}

.opc-flags .flag-free2 {
  color: #fff;
  background: #8fd840;
}

.opc-flags[data-op-layout="icon"] svg {
  font-size: 6rem;
}

[data-op-article-list-type="list"] .opc-flags[data-op-layout="icon"] svg {
  font-size: 4rem;
}

.opc-flags[data-op-layout="icon"] .flag-news {
  color: #2eacb0;
  background: none !important;
}

.opc-flags[data-op-layout="icon"] .flag-free1 {
  color: #d85d40;
  background: none !important;
}

.opc-flags[data-op-layout="icon"] .flag-free2 {
  color: #8fd840;
  background: none !important;
}

.opc-flags[data-op-layout="text"] svg {
  display: none;
}

.opc-price {
  margin-bottom: 1rem;
  display: flex;
}

.opc-price.is-basis .price-promotion, .opc-price.is-basis .price-service, .opc-price.is-promo .price-basis, .opc-price.is-promo .price-service, .opc-price.is-service .price-promotion, .opc-price.is-service .price-basis {
  display: none;
}

.opc-price.is-basis.is-promo:not(.is-service) .price-basis {
  color: #999;
  order: 2;
  font-size: 1.4rem;
  text-decoration: line-through;
}

.opc-price.is-basis.is-promo:not(.is-service) .price-promotion {
  order: 1;
}

.opc-price.is-basis.is-promo:not(.is-service) .price-service {
  display: none;
}

.opc-price.is-basis.is-promo:not(.is-service) .price-basis, .opc-price.is-basis.is-promo:not(.is-service) .price-promotion {
  display: inherit;
}

.opc-price.is-basis.is-service:not(.is-promo) .price-basis {
  color: #999;
  order: 2;
  font-size: 1.4rem;
  text-decoration: line-through;
}

.opc-price.is-basis.is-service:not(.is-promo) .price-service {
  order: 1;
}

.opc-price.is-basis.is-service:not(.is-promo) .price-promotion {
  display: none;
}

.opc-price.is-basis.is-service:not(.is-promo) .price-basis, .opc-price.is-basis.is-service:not(.is-promo) .price-service {
  display: inherit;
}

.opc-price.is-basis.is-service.is-promo .price-basis {
  color: #999;
  order: 2;
  font-size: 1.4rem;
  text-decoration: line-through;
}

.opc-price.is-basis.is-service.is-promo .price-service {
  order: 1;
}

.opc-price.is-basis.is-service.is-promo .price-basis, .opc-price.is-basis.is-service.is-promo .price-service {
  display: inherit;
}

.opc-price.is-service.is-promo:not(.is-basis) .price-promotion {
  color: #999;
  order: 2;
  font-size: 1.4rem;
  text-decoration: line-through;
}

.opc-price.is-service.is-promo:not(.is-basis) .price-service {
  order: 1;
}

.opc-price.is-service.is-promo:not(.is-basis) .price-basis {
  display: none;
}

.opc-price.is-service.is-promo:not(.is-basis) .price-promotion, .opc-price.is-service.is-promo:not(.is-basis) .price-service {
  display: inherit;
}

.opc-asset[data-op-type="gallery"] {
  width: 100%;
  max-width: 100%;
  max-height: auto;
  flex-flow: row;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.opc-asset[data-op-type="gallery"] > li {
  flex-grow: 1;
  flex-basis: 8rem;
  align-content: center;
  align-items: center;
  max-width: 8rem;
  margin: 0 .5rem;
  padding: 1rem;
  display: flex;
}

.opc-asset[data-op-type="gallery"] > li.is-selected {
  border: 1px solid #83be26;
}

.opc-asset[data-op-type="gallery"] > li img {
  width: 100%;
  height: auto;
  max-height: inherit;
  flex-shrink: 0;
  width: 6rem;
}

.opc-art-spec {
  width: 100%;
}

.opc-art-spec .art-spec-group {
  margin-bottom: 2rem;
}

.opc-art-spec .art-spec-data:last-of-type {
  margin-bottom: 0;
}

.opc-art-spec .art-spec-data dt {
  width: 50%;
  font-size: inherit;
  border-bottom: 1px solid #ccc;
  align-self: flex-start;
  margin: 0 0 .5rem;
  padding: .5rem 0;
}

.opc-art-spec .art-spec-data dd {
  width: 50%;
  font-size: inherit;
  border-bottom: 1px solid #ccc;
  margin: 0 0 .5rem;
  padding: .5rem 0;
}

.opc-brand-slider > ul {
  -webkit-overflow-scrolling: touch;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-x: auto;
}

.opc-brand-slider > ul > li {
  flex-shrink: 0;
  width: 20%;
  margin-right: 2rem;
}

.opc-brand-slider > ul > li a img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.opc-favorite-button {
  opacity: .4;
}

.opc-favorite-button:hover, .opc-favorite-button:focus {
  opacity: .8;
}

.opc-favorite-button.is-active {
  opacity: 1;
}

.opc-favorite-button:focus {
  outline: none;
}

.opc-favorite-button svg {
  font-size: 1.4em;
}

.opc-favorite-info {
  position: relative;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button {
  cursor: pointer;
  background: none;
  border: none;
  margin-left: .5rem;
  padding: 0 .5rem;
  font-size: 3.6rem;
  position: relative;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok svg, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button svg, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button svg {
  font-size: 3.6rem;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button .favorite-text, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel .favorite-text, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok .favorite-text, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button .favorite-text, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button .favorite-text {
  display: none;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button .favorite-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel .favorite-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok .favorite-count, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button .favorite-count, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button .favorite-count {
  text-align: center;
  color: #fff;
  background: #83be26;
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  font-size: 1.1rem;
  line-height: 1.8rem;
  display: block;
  position: absolute;
  top: .4rem;
  right: 0;
}

.opc-favorite-info[data-op-layout="1"] > .opc-button .favorite-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-cancel .favorite-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="1"] > .notifications-ok .favorite-count:empty, .opc-favorite-info[data-op-layout="1"] > .opc-compare-button .favorite-count:empty, .opc-favorite-info[data-op-layout="1"] > .opc-favorite-button .favorite-count:empty {
  display: none;
}

.opc-favorite-info[data-op-layout="2"] > .opc-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button {
  height: auto;
  line-height: inherit;
  padding: 0;
}

.opc-favorite-info[data-op-layout="2"] > .opc-button svg.op-icon-fav, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel svg.op-icon-fav, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok svg.op-icon-fav, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button svg.op-icon-fav, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button svg.op-icon-fav {
  display: none;
}

.opc-favorite-info[data-op-layout="2"] > .opc-button .favorite-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel .favorite-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok .favorite-count, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button .favorite-count, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button .favorite-count {
  font-weight: bold;
}

.opc-favorite-info[data-op-layout="2"] > .opc-button .favorite-count:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel .favorite-count:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok .favorite-count:before, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button .favorite-count:before, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button .favorite-count:before {
  content: "(";
}

.opc-favorite-info[data-op-layout="2"] > .opc-button .favorite-count:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel .favorite-count:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok .favorite-count:after, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button .favorite-count:after, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button .favorite-count:after {
  content: ")";
}

.opc-favorite-info[data-op-layout="2"] > .opc-button .favorite-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-cancel .favorite-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-info[data-op-layout="2"] > .notifications-ok .favorite-count:empty, .opc-favorite-info[data-op-layout="2"] > .opc-compare-button .favorite-count:empty, .opc-favorite-info[data-op-layout="2"] > .opc-favorite-button .favorite-count:empty {
  display: none;
}

.opc-compare-info {
  position: relative;
}

.opc-compare-info[data-op-layout="1"] > .opc-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-ok, .opc-compare-info[data-op-layout="1"] > .opc-compare-button, .opc-compare-info[data-op-layout="1"] > .opc-favorite-button {
  cursor: pointer;
  background: none;
  border: none;
  margin-left: .5rem;
  padding: 0 .5rem;
  font-size: 3.6rem;
  position: relative;
}

.opc-compare-info[data-op-layout="1"] > .opc-button svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-ok svg, .opc-compare-info[data-op-layout="1"] > .opc-compare-button svg, .opc-compare-info[data-op-layout="1"] > .opc-favorite-button svg {
  font-size: 3.6rem;
}

.opc-compare-info[data-op-layout="1"] > .opc-button .compare-text, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-cancel .compare-text, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-ok .compare-text, .opc-compare-info[data-op-layout="1"] > .opc-compare-button .compare-text, .opc-compare-info[data-op-layout="1"] > .opc-favorite-button .compare-text {
  display: none;
}

.opc-compare-info[data-op-layout="1"] > .opc-button .compare-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-cancel .compare-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-ok .compare-count, .opc-compare-info[data-op-layout="1"] > .opc-compare-button .compare-count, .opc-compare-info[data-op-layout="1"] > .opc-favorite-button .compare-count {
  text-align: center;
  color: #fff;
  background: #83be26;
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  font-size: 1.1rem;
  line-height: 1.8rem;
  display: block;
  position: absolute;
  top: .4rem;
  right: 0;
}

.opc-compare-info[data-op-layout="1"] > .opc-button .compare-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-cancel .compare-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="1"] > .notifications-ok .compare-count:empty, .opc-compare-info[data-op-layout="1"] > .opc-compare-button .compare-count:empty, .opc-compare-info[data-op-layout="1"] > .opc-favorite-button .compare-count:empty {
  display: none;
}

.opc-compare-info[data-op-layout="2"] > .opc-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok, .opc-compare-info[data-op-layout="2"] > .opc-compare-button, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button {
  height: auto;
  line-height: inherit;
  padding: 0;
}

.opc-compare-info[data-op-layout="2"] > .opc-button svg.op-icon-compare, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel svg.op-icon-compare, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok svg.op-icon-compare, .opc-compare-info[data-op-layout="2"] > .opc-compare-button svg.op-icon-compare, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button svg.op-icon-compare {
  display: none;
}

.opc-compare-info[data-op-layout="2"] > .opc-button .compare-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel .compare-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok .compare-count, .opc-compare-info[data-op-layout="2"] > .opc-compare-button .compare-count, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button .compare-count {
  margin-left: .4rem;
  font-weight: bold;
}

.opc-compare-info[data-op-layout="2"] > .opc-button .compare-count:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel .compare-count:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok .compare-count:before, .opc-compare-info[data-op-layout="2"] > .opc-compare-button .compare-count:before, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button .compare-count:before {
  content: "(";
}

.opc-compare-info[data-op-layout="2"] > .opc-button .compare-count:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel .compare-count:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok .compare-count:after, .opc-compare-info[data-op-layout="2"] > .opc-compare-button .compare-count:after, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button .compare-count:after {
  content: ")";
}

.opc-compare-info[data-op-layout="2"] > .opc-button .compare-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-cancel .compare-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-info[data-op-layout="2"] > .notifications-ok .compare-count:empty, .opc-compare-info[data-op-layout="2"] > .opc-compare-button .compare-count:empty, .opc-compare-info[data-op-layout="2"] > .opc-favorite-button .compare-count:empty {
  display: none;
}

.opc-basket-info > .opc-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok, .opc-basket-info > .opc-compare-button, .opc-basket-info > .opc-favorite-button {
  cursor: pointer;
  background: none;
  border: none;
  margin-left: .5rem;
  padding: 0 .5rem;
  font-size: 3.8rem;
  position: relative;
}

.opc-basket-info > .opc-button svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok svg, .opc-basket-info > .opc-compare-button svg, .opc-basket-info > .opc-favorite-button svg {
  font-size: 4rem;
}

.opc-basket-info > .opc-button .basket-info-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel .basket-info-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok .basket-info-count, .opc-basket-info > .opc-compare-button .basket-info-count, .opc-basket-info > .opc-favorite-button .basket-info-count {
  text-align: center;
  color: #fff;
  background: #83be26;
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  font-size: 1.1rem;
  line-height: 1.8rem;
  display: block;
  position: absolute;
  top: .4rem;
  right: 50%;
  transform: translateX(50%) translateX(2px);
}

.opc-basket-info > .opc-button .basket-info-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel .basket-info-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok .basket-info-count:empty, .opc-basket-info > .opc-compare-button .basket-info-count:empty, .opc-basket-info > .opc-favorite-button .basket-info-count:empty {
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-basket-info .mini-basket .mini-basket-head {
    padding: 2rem;
  }

  .opc-basket-info .mini-basket .mini-basket-footer {
    padding: 1rem 2rem;
  }
}

.opc-basket-info .mini-basket .mini-basket-footer .opc-button, .opc-basket-info .mini-basket .mini-basket-footer .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .mini-basket-footer .notifications-cancel, .opc-basket-info .mini-basket .mini-basket-footer .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .mini-basket-footer .notifications-ok, .opc-basket-info .mini-basket .mini-basket-footer .opc-compare-button, .opc-basket-info .mini-basket .mini-basket-footer .opc-favorite-button {
  text-align: center;
  width: 100%;
}

@media only screen and (width >= 800px) {
  .opc-basket-info .mini-basket .basket-item-list .basket-item {
    padding: 1rem 2rem;
  }
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-button, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-cancel, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-ok, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-compare-button, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-favorite-button {
  color: #000;
  background: none;
  padding: .2rem;
  line-height: 1;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-button svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-cancel svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-ok svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-compare-button svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-favorite-button svg {
  font-size: 1.6rem !important;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-button:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-cancel:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-ok:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-compare-button:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-favorite-button:hover {
  color: #dc143c;
  background: none;
}

.opc-history .history-pretext {
  vertical-align: top;
  margin-right: .5rem;
  display: inline-block;
}

.opc-history .history-navigation {
  vertical-align: top;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

.opc-history .history-navigation li {
  float: left;
  margin-right: .5rem;
}

.opc-history .history-navigation li:after {
  content: "";
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 12.96875 4.28125 L 11.53125 5.71875 L 21.8125 16 L 11.53125 26.28125 L 12.96875 27.71875 L 23.96875 16.71875 L 24.65625 16 L 23.96875 15.28125 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  width: 1em;
  height: 1em;
  display: inline-block;
}

.opc-history .history-navigation li.is-active {
  font-weight: bold;
}

.opc-history .history-navigation li.is-active:after {
  display: none;
}

.opc-history .history-navigation li a {
  color: inherit;
  text-decoration: none;
}

.opc-history .history-navigation li a:hover {
  color: #83be26;
}

.opc-static-content[data-op-style="span2"] {
  width: 16.6667%;
  max-width: 16.6667%;
}

.opc-static-content[data-op-style="span4"] {
  width: 33.3333%;
  max-width: 33.3333%;
}

.opc-static-content[data-op-style="span6"] {
  width: 50%;
  max-width: 50%;
}

.opc-static-content[data-op-style="span8"] {
  width: 66.6667%;
  max-width: 66.6667%;
}

.opc-static-content[data-op-style="span10"] {
  width: 83.3333%;
  max-width: 83.3333%;
}

.opc-static-content[data-op-type="editable"] div[id^="staticcontent-"]:empty {
  text-align: center;
  color: #ccc;
  border: 3px dotted #ccc;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 4rem;
}

.opc-static-content[data-op-type="editable"] div[id^="staticcontent-"]:empty:before {
  content: "WYSIWYG-CONTENT";
}

.opc-static-content .opc-button, .opc-static-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-static-content .notifications-cancel, .opc-static-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-static-content .notifications-ok, .opc-static-content .opc-compare-button, .opc-static-content .opc-favorite-button {
  color: #fff;
  background: #333;
  border: 1px solid #fff;
}

.opc-payment-infos-svg {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-payment-infos-svg:after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}

.opc-payment-infos-svg > li {
  float: left;
  margin-right: 4rem;
}

.opc-payment-infos-svg > li:last-child {
  margin-right: 0;
}

.opc-payment-infos-svg > li svg {
  color: #fff;
  font-size: 2em;
}

.opc-tabs[data-op-type="accordion"] .tab-content-inner > .tab-body {
  padding: 2rem;
  display: none;
}

.opc-tabs[data-op-type="accordion"] .tab-content-inner.is-active > .tab-body {
  display: block;
}

.article-list-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.article-list-menu .article-list-count {
  flex-grow: 1;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (width >= 640px) {
  .article-list-menu .article-list-count {
    width: auto;
  }
}

.article-list-menu .article-list-sort {
  margin-right: 0;
}

@media only screen and (width >= 640px) {
  .article-list-menu .article-list-sort {
    width: auto;
    margin-right: 2rem;
  }
}

.article-list-menu .article-list-layout .opc-button, .article-list-menu .article-list-layout .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-menu .article-list-layout .notifications-cancel, .article-list-menu .article-list-layout .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-menu .article-list-layout .notifications-ok, .article-list-menu .article-list-layout .opc-compare-button, .article-list-menu .article-list-layout .opc-favorite-button {
  opacity: .4;
  background: none;
}

.article-list-menu .article-list-layout .opc-button.is-active, .article-list-menu .article-list-layout .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-active.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-menu .article-list-layout .is-active.notifications-cancel, .article-list-menu .article-list-layout .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-active.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .article-list-menu .article-list-layout .is-active.notifications-ok, .article-list-menu .article-list-layout .is-active.opc-compare-button, .article-list-menu .article-list-layout .is-active.opc-favorite-button {
  opacity: 1;
}

.article-list-paging {
  text-align: center;
}

.opc-article-list {
  flex-wrap: wrap;
  margin: 0 -15px;
  padding: 0;
  list-style: none;
  display: flex;
}

.opc-article-list > li {
  flex-basis: 100%;
  max-width: 100%;
  padding: 15px;
}

@media only screen and (width >= 640px) {
  .opc-article-list > li {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-article-list > li {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-article-list > li {
    flex-basis: 25%;
    max-width: 25%;
  }
}

@media only screen and (width >= 1200px) {
  .opc-article-list > li {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }
}

@media only screen and (width >= 640px) {
  .opc-article-list[data-op-tile-col="4"] > li {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-article-list[data-op-tile-col="4"] > li {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-article-list[data-op-tile-col="4"] > li {
    flex-basis: 25%;
    max-width: 25%;
  }
}

@media only screen and (width >= 640px) {
  .opc-article-list[data-op-tile-col="3"] > li {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-article-list[data-op-tile-col="3"] > li {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-article-list[data-op-tile-col="3"] > li {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

.opc-article-list[data-op-tile-col="6"] > li {
  flex-basis: 50%;
  max-width: 50%;
}

@media only screen and (width >= 640px) {
  .opc-article-list[data-op-tile-col="6"] > li {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-article-list[data-op-tile-col="6"] > li {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-article-list[data-op-tile-col="6"] > li {
    flex-basis: 25%;
    max-width: 25%;
  }
}

@media only screen and (width >= 1200px) {
  .opc-article-list[data-op-tile-col="6"] > li {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }
}

.opc-article-list[data-op-article-list-type="list"] > li {
  flex-basis: 100%;
  width: auto;
  max-width: none;
  padding: .5rem 15px;
}

.opc-article-list-slider {
  display: block;
}

.article-list-item {
  background: #fff;
  border: 1px solid #eee;
  padding: 1.5rem;
  position: relative;
}

.article-list-item:hover {
  z-index: 2;
  border: 1px solid #ccc;
}

.article-list-item .article-list-item-category {
  margin-bottom: 1rem;
  display: none;
}

.article-list-item .article-list-item-category a {
  color: #000;
  align-items: center;
  display: flex;
}

.article-list-item .article-list-item-category a:hover {
  color: #333;
}

.article-list-item .article-list-item-category a svg {
  margin-right: 1rem;
}

.article-list-item .article-list-item-image {
  justify-content: center;
  align-items: center;
  height: 18rem;
  margin-bottom: 2rem;
  display: flex;
}

.article-list-item .article-list-item-image img {
  object-fit: contain;
  flex-shrink: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.article-list-item .article-list-item-flags {
  position: absolute;
  top: -1rem;
  left: -1rem;
}

.article-list-item .article-list-item-flags .new, .article-list-item .article-list-item-flags .bestseller {
  display: none;
}

.article-list-item .article-list-item-details {
  margin-bottom: 1rem;
}

.article-list-item .article-list-item-details .article-list-item-title {
  margin-bottom: .5rem;
  font-weight: 600;
}

.article-list-item .article-list-item-details .article-list-item-title a {
  color: #000;
}

.article-list-item .article-list-item-details .article-list-item-title a:hover {
  color: #333;
}

.article-list-item .article-list-item-details .article-list-item-description {
  font-size: 1.4rem;
  font-weight: 400;
}

@media only screen and (width >= 800px) {
  .article-list-item .article-list-item-actions .opc-basket-button {
    width: 4rem;
    margin-left: auto;
    padding: 0;
  }

  .article-list-item .article-list-item-actions .opc-basket-button svg {
    margin-right: 0;
  }
}

.article-list-item .article-list-item-actions .details-button {
  width: 100%;
  margin-left: auto;
}

@media only screen and (width >= 800px) {
  .article-list-item .article-list-item-actions .details-button {
    width: auto;
  }
}

[data-op-article-list-type="list"] .article-list-item {
  flex-wrap: wrap;
  display: flex;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-image {
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 2rem;
  margin-right: 2rem;
  display: none;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-image img {
  height: auto;
}

@media only screen and (width >= 640px) {
  [data-op-article-list-type="list"] .article-list-item .article-list-item-image {
    width: 10rem;
    height: 10rem;
    margin-bottom: 0;
    display: block;
  }
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-flags {
  top: -1rem;
  right: -1rem;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-flags:not(:empty) ~ .article-list-item-details {
  margin-top: 1rem;
}

@media only screen and (width >= 640px) {
  [data-op-article-list-type="list"] .article-list-item .article-list-item-flags:not(:empty) ~ .article-list-item-details {
    margin-top: 0;
  }
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-details {
  flex-grow: 1;
  width: 100%;
  margin-bottom: 1rem;
}

@media only screen and (width >= 640px) {
  [data-op-article-list-type="list"] .article-list-item .article-list-item-details {
    width: 1%;
    margin-bottom: 0;
  }
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-details .article-list-item-title {
  margin-bottom: .5rem;
  font-size: 1.8rem;
  font-weight: 600;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-details .article-list-item-description {
  font-size: 1.4rem;
  font-weight: 400;
  display: none;
}

@media only screen and (width >= 640px) {
  [data-op-article-list-type="list"] .article-list-item .article-list-item-details .article-list-item-description {
    display: block;
  }
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions {
  z-index: 1;
  flex-wrap: nowrap;
  place-content: flex-start space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .details-button {
  margin-top: auto;
  margin-left: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button {
  flex-wrap: nowrap;
  flex-grow: 0;
  order: 1;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button[data-op-type="single-dim"] .basket-button-dim-1 {
  width: 100%;
  margin-bottom: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-cancel, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-ok, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-compare-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-favorite-button {
  flex-grow: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-favorite-button {
  margin-bottom: 0;
  margin-left: 1rem;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-favorite-button:first-of-type {
  margin-left: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-compare-button {
  margin-bottom: 0;
  margin-left: 1rem;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-more-button {
  margin-bottom: 0;
  margin-left: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-more-button:first-child {
  margin-left: 0;
}

@media only screen and (width >= 640px) {
  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions {
    flex-wrap: wrap;
    place-content: flex-start flex-end;
    align-items: flex-start;
    width: auto;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button {
    flex-wrap: wrap;
    flex-grow: 0;
    justify-content: flex-end;
    width: 100%;
    margin-right: 0;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button[data-op-type="single-dim"] .basket-button-dim-1 {
    width: auto;
    margin-bottom: 0;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-cancel, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-ok, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-compare-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-favorite-button {
    flex-grow: 0;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-button svg, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-cancel svg, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-ok svg, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-compare-button svg, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-favorite-button svg {
    display: block;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-button span, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-cancel span, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .notifications-ok span, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-compare-button span, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button .opc-favorite-button span {
    display: none;
  }

  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-favorite-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-compare-button, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-more-button {
    order: unset;
    margin-bottom: 1rem;
    margin-left: 1rem;
  }
}

.opc-filter-set .item-marker, .opc-item-list .item-marker {
  width: 1.2em;
  height: 1.2em;
  margin-right: 1rem;
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-filter-set .filter-toggle {
    display: none;
  }
}

.opc-filter-set .filter-toggle.is-hidden {
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-filter-set .filter-set-list {
    display: flex !important;
  }
}

.opc-filter-set .filter-set-list.is-open {
  display: flex;
}

.opc-filter-set .filter-set-list .filter-set-list-item .filteritemamount {
  margin: 0 0 0 .5rem;
}

.opc-filter-set .filter-set-list .filter-set-list-item .filteritemamount:before {
  content: "(";
}

.opc-filter-set .filter-set-list .filter-set-list-item .filteritemamount:after {
  content: ")";
}

.opc-filter-set[data-op-layout="horizontal"] .filter-set-list .filter-set-list-item[data-op-style="fullwidth"] {
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

@media only screen and (width >= 640px) {
  .opc-filter-set[data-op-layout="horizontal"] .filter-set-list .filter-set-list-item {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-filter-set[data-op-layout="horizontal"] .filter-set-list .filter-set-list-item {
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
  }
}

.opc-filter .filter-head {
  padding: 10px 0;
}

.opc-filter[data-op-type="range"] .slider-values input:focus {
  outline: none;
}

.opc-filter[data-op-type="range"] .slider-values .range-separator {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng2"] .slider-controls {
  justify-content: space-between;
  display: flex;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng2"] .slider-controls .slider-values {
  width: 50%;
  left: auto;
  bottom: inherit;
  background: none;
  border: 1px solid #d9d9d9;
  justify-content: center;
  align-self: center;
  height: 1.77778rem;
  display: flex;
  position: relative;
  transform: none;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng2"] .slider-controls .slider-values .range-separator {
  position: absolute;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng2"] .slider-controls .slider-values input {
  text-align: center;
  background: none;
  border: none;
  width: 50%;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng2"] .slider-controls .slider-values input[disabled] {
  cursor: not-allowed;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng3"] .slider-controls {
  justify-content: space-between;
  display: flex;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng3"] .slider-controls .slider-values {
  width: 75%;
  left: auto;
  bottom: inherit;
  background: none;
  border: 1px solid #d9d9d9;
  justify-content: center;
  align-self: center;
  height: 1.77778rem;
  display: flex;
  position: relative;
  transform: none;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng3"] .slider-controls .slider-values .range-separator {
  position: absolute;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng3"] .slider-controls .slider-values input {
  text-align: center;
  background: none;
  border: none;
  width: 50%;
}

.opc-filter[data-op-type="range"][data-op-layouttype1="opc-rng3"] .slider-controls .slider-values input[disabled] {
  cursor: not-allowed;
}

.opc-filter[data-op-type="datepicker"] .filter-body-inner {
  border-top: none;
  padding: 1rem 2rem;
  position: relative;
}

.opc-filter[data-op-type="datepicker"] .filter-values {
  color: #000;
  background: #d9d9d9;
  border-radius: 5px;
  padding: .25rem 1rem;
  display: block;
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%);
}

.opc-filter[data-op-type="datepicker"] .filter-values input:focus {
  outline: none;
}

.opc-filter[data-op-type="datepicker"] .filter-values .filter-separator {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.opc-filter[data-op-type="datepicker"][data-op-layouttype1="opc-dat3"] .filter-controls {
  justify-content: space-between;
  display: flex;
}

.opc-filter[data-op-type="datepicker"][data-op-layouttype1="opc-dat3"] .filter-controls .filter-values {
  width: 75%;
  left: auto;
  bottom: inherit;
  background: none;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  justify-content: center;
  align-self: center;
  height: 1.77778rem;
  display: flex;
  position: relative;
  transform: none;
}

.opc-filter[data-op-type="datepicker"][data-op-layouttype1="opc-dat3"] .filter-controls .filter-values .filter-separator {
  position: absolute;
}

.opc-filter[data-op-type="datepicker"][data-op-layouttype1="opc-dat3"] .filter-controls .filter-values input {
  text-align: center;
  background: none;
  border: none;
  width: 50%;
}

.opc-filter[data-op-type="datepicker"][data-op-layouttype1="opc-dat3"] .filter-controls .filter-values input[disabled] {
  cursor: not-allowed;
}

.opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body:nth-child(-n+1) {
  margin-top: 0;
}

.opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .filter-body-search input {
  background: #fff;
  height: calc(5rem - 1px);
  line-height: calc(5rem - 1px);
}

.opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .opc-button, .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .notifications-cancel, .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .notifications-ok, .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .opc-compare-button, .opc-filter[data-op-style="classic"][data-op-type="text"] .filter-body .opc-favorite-button {
  background: none;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  top: 0;
  right: 0;
}

.filter-tag-list .tag .tag-value {
  align-items: baseline;
  font-weight: bold;
  display: inline-flex;
}

.select-list li label {
  cursor: pointer;
  align-items: center;
  padding: 1rem 2rem;
  display: flex;
}

.slider-controls + .range-slider[data-op-orientation="horizontal"] {
  margin: 20px 0 10px;
}

.opc-more-button {
  text-align: center;
  opacity: .6;
  position: relative;
}

.opc-more-button[data-op-type="icon"] {
  border: 1px solid #ccc;
  border-radius: 50%;
}

.opc-more-button:hover {
  opacity: 1;
}

.opc-more-button i {
  margin: 0 !important;
}

.opc-more-button svg {
  pointer-events: none;
}

.opc-more-button .more-button-content {
  text-align: left;
  opacity: 0;
  color: #fff;
  visibility: hidden;
  background: #333;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  list-style: none;
  position: absolute;
  top: 0;
  right: 0;
}

.opc-more-button .more-button-content li {
  white-space: nowrap;
  border-bottom: 1px solid #666;
  padding: 0;
  line-height: 2;
  margin-bottom: 0 !important;
}

.opc-more-button .more-button-content li button, .opc-more-button .more-button-content li .opc-button, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-cancel, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-ok, .opc-more-button .more-button-content li .opc-compare-button, .opc-more-button .more-button-content li .opc-favorite-button {
  color: #fff;
  opacity: .8;
  padding: 0 2rem;
  background: none !important;
  width: auto !important;
}

.opc-more-button .more-button-content li button svg, .opc-more-button .more-button-content li .opc-button svg, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-cancel svg, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-ok svg, .opc-more-button .more-button-content li .opc-compare-button svg, .opc-more-button .more-button-content li .opc-favorite-button svg {
  display: none;
}

.opc-more-button .more-button-content li button span, .opc-more-button .more-button-content li .opc-button span, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-cancel span, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-ok span, .opc-more-button .more-button-content li .opc-compare-button span, .opc-more-button .more-button-content li .opc-favorite-button span {
  display: block;
}

.opc-more-button .more-button-content li button, .opc-more-button .more-button-content li .opc-button, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-cancel, .opc-more-button .more-button-content li .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-more-button .more-button-content li .notifications-ok, .opc-more-button .more-button-content li .opc-compare-button, .opc-more-button .more-button-content li .opc-favorite-button {
  border: none !important;
  margin-bottom: 0 !important;
}

.opc-more-button .more-button-content li:hover {
  background: #222 !important;
}

.opc-more-button .more-button-content li:hover button {
  color: #fff;
  opacity: 1;
  box-shadow: none !important;
}

@media only screen and (width <= 640px) {
  .opc-more-button[mobile-left] .more-button-content {
    left: 0;
    right: auto;
  }
}

.opc-more-button:focus {
  opacity: 1;
  outline: none;
}

.opc-more-button:focus .more-button-content {
  opacity: 1;
  visibility: visible;
}

.opc-compare-button {
  opacity: .4;
}

.opc-compare-button:hover {
  opacity: .8;
}

.opc-compare-button.is-active {
  opacity: 1;
}

.opc-compare-button:focus {
  outline: none;
}

.opc-compare-button svg {
  font-size: 1.4em;
}

.opc-compare-count {
  font-weight: bold;
}

.opc-compare-count:before {
  content: "(";
}

.opc-compare-count:after {
  content: ")";
}

.opc-compare-count:empty {
  display: none;
}

.opc-category-navigation ul {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 -15px;
  padding: 0;
  list-style: none;
  display: flex;
}

.opc-category-navigation ul li {
  flex-basis: 50%;
  width: 50%;
  max-width: 50%;
  margin-bottom: 30px;
  padding: 0 15px;
}

@media only screen and (width >= 640px) {
  .opc-category-navigation ul li {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 800px) {
  .opc-category-navigation ul li {
    flex-basis: 33.3333%;
    width: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-category-navigation ul li {
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
  }
}

.opc-category-navigation ul .category-item .category-item-image {
  background: #eee;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  height: 18rem;
  margin-bottom: 1rem;
  display: flex;
  overflow: hidden;
}

.opc-category-navigation ul .category-item .category-item-image img {
  flex-shrink: 0;
  max-width: 100%;
}

.opc-category-navigation ul .category-item .category-item-title {
  margin-bottom: 1rem;
}

.opc-category-navigation ul .category-item .category-item-title a {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  height: 2.4rem;
  display: block;
  overflow: hidden;
}

.opc-category-navigation ul .category-item .category-item-title a:hover {
  color: #333;
}

.opc-category-navigation ul .category-item .category-item-description {
  height: 3.8rem;
  display: none;
  overflow: hidden;
}

@media only screen and (width >= 640px) {
  .opc-category-navigation ul .category-item .category-item-description {
    display: block;
  }
}

.opc-category-navigation ul .category-item .category-item-description:empty {
  display: none;
}

.opc-extended-head {
  background: #f8f8f8;
  margin-bottom: 2rem;
  padding: 4rem 2rem;
}

.opc-extended-head h1 {
  margin-bottom: .8em !important;
}

.opc-manager-update {
  text-align: center;
}

.opc-manager-stage {
  margin-top: 20px;
}

.opc-manager-stage .opc-col > div {
  text-align: center;
  border: 1px solid gray;
  min-height: 325px;
  padding: 15px;
}

.opc-manager-stage .stage-action {
  margin: 10px;
}

.opc-manager-stage .stage-cache {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
}

.opc-manager-stage .stage-cache span.opc-button, .opc-manager-stage .stage-cache .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons span.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-manager-stage .stage-cache span.notifications-cancel, .opc-manager-stage .stage-cache .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons span.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-manager-stage .stage-cache span.notifications-ok, .opc-manager-stage .stage-cache span.opc-favorite-button, .opc-manager-stage .stage-cache span.opc-compare-button {
  pointer-events: none;
}

.opc-manager-cookie {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.opc-cookie-message {
  color: #fff;
  text-align: center;
  background: #333;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  display: flex;
}

@media only screen and (width >= 640px) {
  .opc-cookie-message {
    flex-direction: row;
  }
}

.opc-cookie-message p {
  font-size: 1.2rem;
}

@media only screen and (width >= 640px) {
  .opc-cookie-message p {
    margin-bottom: 0;
    margin-right: 1rem;
  }
}

.opc-cookie-message p a {
  color: #83be26;
}

.opc-cookie-message .opc-button, .opc-cookie-message .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cookie-message .notifications-cancel, .opc-cookie-message .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cookie-message .notifications-ok, .opc-cookie-message .opc-favorite-button, .opc-cookie-message .opc-compare-button {
  flex-shrink: 0;
}

.opc-stock {
  vertical-align: middle;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.opc-stock .stock-label {
  vertical-align: middle;
  display: none;
}

.opc-stock svg {
  flex-shrink: 0;
  margin-right: .5rem;
  font-size: 1.2em;
}

.opc-stock .stock-value {
  vertical-align: middle;
}

.opc-stock .stock-location {
  align-items: center;
  display: flex;
}

.opc-stock .stock-location .stock-name {
  margin-right: .4rem;
}

.opc-stock .stock-location .stock-name:empty {
  display: none;
}

.opc-stock .stock-location .stock-value {
  margin-right: .4rem;
  font-weight: bold;
}

.opc-stock[data-op-status="on-stock"] svg, .opc-stock[data-op-status="on-stock"] .stock-value {
  color: #83be26;
}

.opc-stock[data-op-status="out-stock"] svg, .opc-stock[data-op-status="out-stock"] .stock-value {
  color: #fa7979;
}

.opc-stock[data-op-status="call-stock"] svg, .opc-stock[data-op-status="call-stock"] .stock-value {
  color: #78b3da;
}

.opc-stock[data-op-status="less-stock"] svg, .opc-stock[data-op-status="less-stock"] .stock-value {
  color: #f0bb54;
}

.opc-stock[data-op-status="na-stock"] svg, .opc-stock[data-op-status="na-stock"] .stock-value {
  color: #fa7979;
}

.opc-option-selection {
  z-index: 10;
  margin-bottom: 4rem;
  position: relative;
}

.opc-option-selection .option-selection-item, .opc-option-selection .option-selection-select {
  vertical-align: middle;
  cursor: pointer;
  color: #999;
  border: 1px solid #ccc;
  height: 2.22222rem;
  margin-right: 1rem;
  padding: 0 2rem;
  line-height: 2.22222rem;
  display: inline-block;
}

.opc-option-selection .option-selection-item:hover, .opc-option-selection .option-selection-select:hover {
  border: 1px solid #999;
}

.opc-option-selection .option-selection-item.is-selected, .opc-option-selection .option-selection-select.is-selected {
  color: #83be26;
  border: 1px solid #83be26;
}

.opc-option-selection .option-selection-select {
  padding: 0 1rem;
}

.opc-option-selection .option-selection-group {
  vertical-align: middle;
  margin-right: 1rem;
  display: inline-block;
}

.opc-option-selection .option-selection-group label, .opc-option-selection .option-selection-group .label, .opc-option-selection .option-selection-group .option-selection-group-label {
  margin-bottom: .5rem;
  margin-right: .5rem;
  font-weight: 600;
  display: inline-block;
}

.opc-option-selection .option-selection-group[data-op-type="image"] .option-selection-item {
  height: 10rem;
}

.opc-option-selection .option-selection-group[data-op-type="image"] .option-selection-item img {
  max-height: 100%;
}

.opc-option-selection .option-selection-group[data-op-type="color"] .option-selection-item {
  border-color: #0000;
}

.opc-option-selection .option-selection-group[data-op-type="color"] .option-selection-item.is-selected {
  position: relative;
}

.opc-option-selection .option-selection-group[data-op-type="color"] .option-selection-item.is-selected:before {
  color: #fff;
  text-shadow: 0 0 1px #000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.opc-option-selection .opc-prodart-selection .opc-selection ul {
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.opc-tablelist ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-tablelist .tablelist-head, .opc-tablelist .tablelist-body li {
  border-bottom: 1px solid #eee;
  display: flex;
}

.opc-tablelist .tablelist-head {
  border-bottom: 1px solid #ccc;
  font-weight: 600;
  display: none;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-head {
    display: flex;
  }
}

.opc-tablelist .tablelist-body li {
  flex-wrap: wrap;
  padding: 1rem 0;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-body li {
    flex-wrap: nowrap;
    padding: 0;
  }
}

.opc-tablelist .tablelist-body li:hover, .opc-tablelist .tablelist-body li.is-active {
  background: #eee;
}

.opc-tablelist .tablelist-column {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0 1rem .5rem;
  display: flex;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column {
    flex-flow: wrap;
    justify-content: flex-start;
    padding: 1rem;
  }
}

.opc-tablelist .tablelist-column .tablelist-column-label {
  flex-shrink: 0;
  width: 40%;
  margin-bottom: .2rem;
  margin-right: .5rem;
  font-weight: 600;
  display: block;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column .tablelist-column-label {
    display: none;
  }
}

.opc-tablelist .tablelist-column .tablelist-column-value {
  width: 60%;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column .tablelist-column-value {
    width: 100%;
  }
}

.opc-tablelist .tablelist-column .tablelist-column-value a {
  color: #000;
}

.opc-tablelist .tablelist-column .tablelist-column-value a:hover {
  color: #666;
}

.opc-tablelist .tablelist-column.column-image .tablelist-img {
  margin: 0 auto 1rem;
  display: none;
}

.opc-tablelist .tablelist-column.column-image .tablelist-img .opc-asset {
  max-width: 100%;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column.column-image {
    flex-shrink: 0;
    width: 10rem;
  }

  .opc-tablelist .tablelist-column.column-image .tablelist-img {
    margin: 0 auto 1rem;
    display: block;
  }

  .opc-tablelist .tablelist-column.column-image .tablelist-img img {
    object-fit: contain;
    flex-shrink: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
  }

  .opc-tablelist .tablelist-column.column-image .tablelist-img .opc-asset {
    width: 8rem;
  }
}

@media only screen and (width >= 800px) {
  .opc-tablelist .tablelist-column.column-articleno {
    flex-shrink: 0;
    width: 10rem;
  }
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column.column-articleno {
    flex-shrink: 0;
    width: 10rem;
  }

  .opc-tablelist .tablelist-column.column-details {
    flex-grow: 1;
  }
}

@media only screen and (width >= 800px) {
  .opc-tablelist .tablelist-column.column-details {
    flex-grow: 1;
  }
}

.opc-tablelist .tablelist-column.column-details dl dt {
  opacity: .6;
  margin-bottom: .2rem;
  font-weight: 600;
}

.opc-tablelist .tablelist-column.column-details dl dd {
  margin-bottom: 1rem;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column.column-price {
    text-align: right;
    flex-shrink: 0;
    justify-content: flex-end;
    width: 12rem;
  }
}

@media only screen and (width >= 800px) {
  .opc-tablelist .tablelist-column.column-price {
    flex-shrink: 0;
    width: 12rem;
  }
}

.opc-tablelist .tablelist-column.column-price .opc-price {
  flex-direction: column;
}

.opc-tablelist .tablelist-column.column-price .opc-price .price-basis, .opc-tablelist .tablelist-column.column-price .opc-price .price-service, .opc-tablelist .tablelist-column.column-price .opc-price .price-promotion {
  align-self: inherit;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column.column-price .opc-price .price-basis, .opc-tablelist .tablelist-column.column-price .opc-price .price-service, .opc-tablelist .tablelist-column.column-price .opc-price .price-promotion {
    align-self: flex-end;
    margin-right: 0;
  }
}

.opc-tablelist .tablelist-column.column-actions {
  justify-content: space-between;
}

.opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-modal] span {
  display: none;
}

.opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-modal] {
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-left: 1rem;
  padding: 0;
}

.opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-modal] svg {
  margin-right: 0;
}

@media only screen and (width >= 640px) {
  .opc-tablelist .tablelist-column.column-actions {
    flex-wrap: wrap;
    flex-shrink: 0;
    place-content: flex-start flex-end;
    width: 20rem;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-basket-button {
    flex-wrap: nowrap;
    flex-grow: 0;
    order: 1;
    justify-content: flex-end;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-type="single-dim"] .basket-button-dim-1 {
    margin-bottom: 0;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-basket-button .opc-button, .opc-tablelist .tablelist-column.column-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-tablelist .tablelist-column.column-actions .opc-basket-button .notifications-cancel, .opc-tablelist .tablelist-column.column-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-tablelist .tablelist-column.column-actions .opc-basket-button .notifications-ok, .opc-tablelist .tablelist-column.column-actions .opc-basket-button .opc-favorite-button, .opc-tablelist .tablelist-column.column-actions .opc-basket-button .opc-compare-button {
    flex-grow: 0;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-modal] span {
    display: none;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-basket-button[data-op-modal] {
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-left: 1rem;
    padding: 0;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-favorite-button {
    margin-bottom: 1rem;
    margin-left: 1rem;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-favorite-button:first-of-type {
    margin-left: 0;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-compare-button {
    margin-bottom: 0;
    margin-left: 1rem;
  }

  .opc-tablelist .tablelist-column.column-actions .opc-more-button {
    order: 4;
    margin-bottom: 0;
    margin-left: 1rem;
  }
}

.opc-tablelist .tablelist-column .opc-price .price-basis, .opc-tablelist .tablelist-column .opc-price .price-service, .opc-tablelist .tablelist-column .opc-price .price-promotion {
  font-size: inherit;
}

.opc-tablelist .tablelist-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.opc-tablelist .tablelist-actions > .opc-favorite-button, .opc-tablelist .tablelist-actions > .opc-compare-button, .opc-tablelist .tablelist-actions > .opc-basket-button .opc-button, .opc-tablelist .tablelist-actions > .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-tablelist .tablelist-actions > .opc-basket-button .notifications-cancel, .opc-tablelist .tablelist-actions > .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-tablelist .tablelist-actions > .opc-basket-button .notifications-ok, .opc-tablelist .tablelist-actions > .opc-basket-button .opc-favorite-button, .opc-tablelist .tablelist-actions > .opc-basket-button .opc-compare-button, .opc-tablelist .tablelist-actions > .opc-basket-button .basket-button-quantity, .opc-tablelist .tablelist-actions > .opc-more-button {
  margin-left: .5rem;
  width: 1.77778rem !important;
  height: 1.77778rem !important;
}

.opc-tablelist .tablelist-actions .opc-basket-button {
  justify-content: flex-end;
  width: 100%;
}

.opc-language-selection {
  position: relative;
}

.opc-language-selection[data-op-layout="list"] .language-selection-label {
  cursor: pointer;
}

.opc-language-selection[data-op-layout="list"] .language-selection-label span {
  font-weight: bold;
}

.opc-language-selection[data-op-layout="list"] .language-selection-label:after {
  content: "";
  margin-left: .5rem;
}

.opc-language-selection[data-op-layout="list"] .language-selection-label:focus {
  outline: none;
}

.opc-language-selection[data-op-layout="list"] ul {
  color: #fffc;
  z-index: 90000;
  background: #333;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
}

.opc-language-selection[data-op-layout="list"] ul li {
  border-bottom: 1px solid #ffffff1a;
}

.opc-language-selection[data-op-layout="list"] ul li a {
  color: inherit;
  padding: .5rem 1rem;
  display: block;
}

.opc-language-selection[data-op-layout="list"] ul li a:hover {
  background: #0003;
}

.opc-language-selection[data-op-layout="list"] ul li > span {
  color: inherit;
  cursor: pointer;
  padding: .5rem 1rem;
  display: block;
}

.opc-language-selection[data-op-layout="list"] ul li > span:hover {
  color: #666;
  background: #0003;
}

.opc-language-selection[data-op-layout="list"].is-open ul {
  display: block;
}

.opc-language-selection[data-op-layout="button"] a {
  vertical-align: unset;
}

.opc-language-selection[data-op-layout="button"] a.is-active {
  font-weight: bold;
}

.opc-language-selection[data-op-layout="button"] > span {
  vertical-align: unset;
  cursor: pointer;
}

.opc-language-selection[data-op-layout="button"] > span:hover {
  color: #666;
}

.opc-language-selection[data-op-layout="button"] > span.is-active {
  font-weight: bold;
}

.opc-static-content-editor {
  max-height: 80vh;
}

.opc-static-content-editor .static-content-editor-head {
  padding: 1.5rem 2rem;
  display: none;
  position: relative;
}

.opc-static-content-editor .static-content-editor-head h3 {
  margin: 0;
  font-size: 1.8rem;
}

.opc-static-content-editor .static-content-editor-head .opc-button, .opc-static-content-editor .static-content-editor-head .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-static-content-editor .static-content-editor-head .notifications-cancel, .opc-static-content-editor .static-content-editor-head .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-static-content-editor .static-content-editor-head .notifications-ok, .opc-static-content-editor .static-content-editor-head .opc-favorite-button, .opc-static-content-editor .static-content-editor-head .opc-compare-button {
  font-size: inherit;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}

.opc-static-content-editor .static-content-editor-head {
  border-bottom: 1px solid #ccc;
}

.opc-static-content-editor .static-content-editor-body {
  border: 1px solid #ccc;
  padding: 0;
  overflow: hidden;
}

.opc-static-content-editor .static-content-editor-body .mce-tinymce {
  border: none !important;
}

.opc-static-content-editor .static-content-editor-footer {
  text-align: right;
  padding: 1rem 0;
}

.opc-basket-summary .basket-summary-head {
  border-bottom: 1px solid #999;
  padding: .5rem 0;
  font-weight: bold;
}

.opc-basket-summary .basket-summary-body {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}

.opc-basket-summary .basket-summary-head, .opc-basket-summary .basket-summary-item {
  display: flex;
}

.opc-basket-summary .basket-summary-head .basket-summary-item-title, .opc-basket-summary .basket-summary-item .basket-summary-item-title {
  color: #000;
  flex-grow: 1;
  width: 80%;
  padding: 0 1rem;
}

.opc-basket-summary .basket-summary-head .basket-summary-item-count, .opc-basket-summary .basket-summary-item .basket-summary-item-count {
  text-align: right;
  flex-shrink: 0;
  width: 20%;
  padding: 0 1rem 0 0;
}

@media only screen and (width >= 800px) {
  .opc-basket-summary .basket-summary-head .basket-summary-item-count, .opc-basket-summary .basket-summary-item .basket-summary-item-count {
    text-align: right;
    width: 6rem;
  }
}

.opc-basket-summary .basket-summary-head .basket-summary-item-price, .opc-basket-summary .basket-summary-item .basket-summary-item-price {
  text-align: right;
  flex-shrink: 0;
  width: 20%;
  padding: 0 1rem 0 0;
}

@media only screen and (width >= 800px) {
  .opc-basket-summary .basket-summary-head .basket-summary-item-price, .opc-basket-summary .basket-summary-item .basket-summary-item-price {
    width: 14rem;
  }
}

.opc-basket-summary .basket-summary-item {
  border-bottom: 1px solid #eee;
  padding: 1rem 0;
}

.opc-basket-summary .basket-summary-item:hover {
  background: #eee;
}

.opc-basket-summary .basket-summary-footer {
  background: #eee;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 2rem;
  padding: 1rem;
  display: flex;
}

.opc-basket-summary .basket-summary-footer .summary-footer-line dl {
  margin: 0;
  padding: .5rem 0;
  display: flex;
}

.opc-basket-summary .basket-summary-footer .summary-footer-line dl dd {
  text-align: right;
  width: 12rem;
}

.opc-newsletter .opc-message {
  text-align: center;
}

.opc-newsletter .opc-message svg {
  margin: 0 auto 1rem;
  font-size: 3rem;
  display: block;
}

.opc-iconbox {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
  padding: 4rem;
  display: flex;
}

.opc-iconbox svg {
  color: #666;
  border: 1px solid #999;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 10rem;
  height: 10rem;
  margin-bottom: 2rem;
  padding: 2rem;
  font-size: 8rem;
  display: flex;
}

.opc-iconbox b {
  margin-bottom: 1rem;
  font-size: 1.8rem;
}

.opc-iconbox p {
  max-width: 100%;
  margin-bottom: 1em;
}

.opc-iconbox .opc-button, .opc-iconbox .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-iconbox .notifications-cancel, .opc-iconbox .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-iconbox .notifications-ok, .opc-iconbox .opc-favorite-button, .opc-iconbox .opc-compare-button {
  width: auto;
  margin: 0 auto;
  display: inline-flex;
}

.opc-iconbox .opc-static-content {
  margin-bottom: 2rem;
}

.opc-iconbox[data-op-style="success"] svg {
  color: #83be26;
  border: 1px solid #83be26;
}

.opc-iconbox[data-op-style="error"] svg {
  color: #fa7979;
  border: 1px solid #fa7979;
}

.opc-item-list .list-item.is-changing .list-item-column {
  align-self: flex-start;
  padding-right: .5rem;
  display: block;
}

.opc-item-list .list-item-column {
  flex-grow: 0;
  align-items: center;
  width: 33%;
  min-width: 8rem;
  display: flex;
}

.opc-product-article-selection ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-product-article-selection ul li a {
  margin: -2rem;
  padding: 2rem;
  display: block;
}

.opc-product-article-selection img {
  max-width: 100%;
  max-height: 100%;
}

.opc-product-article-selection .is-disabled {
  opacity: .4;
  pointer-events: none;
  cursor: default !important;
}

.opc-product-article-selection .is-disabled a {
  cursor: default;
}

.opc-product-article-selection .product-article-selection-label {
  margin-bottom: .5rem;
  margin-right: 1rem;
  font-weight: bold;
}

.opc-product-article-selection .product-article-selection-options .option-item {
  border: 1px solid #ccc;
  padding: 2rem;
  display: inline-flex;
}

.opc-product-article-selection .product-article-selection-options .option-item:hover {
  border-color: #666;
}

.opc-product-article-selection .product-article-selection-options .option-item.is-selected {
  border-color: #83be26;
}

.opc-product-article-selection[data-op-type="image"] .option-item {
  height: 10rem;
  padding: 1rem;
}

.opc-product-article-selection[data-op-layout="inline"] {
  align-items: flex-start;
  margin-right: 2rem;
  display: flex;
}

.opc-product-article-selection[data-op-layout="list"] {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.opc-product-article-selection[data-op-layout="list"] .product-article-selection-label {
  width: 100%;
  display: block;
}

.opc-product-article-selection[data-op-layout="list"] .product-article-selection-options {
  width: 100%;
  display: flex;
}

.opc-product-article-selection[data-op-layout="list"] .product-article-selection-options .option-item {
  margin-bottom: .5rem;
  margin-right: 1rem;
  display: block;
}

.opc-product-article-selection[data-op-layout="select"] {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options {
  width: 100%;
  position: relative;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list-selection {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-size: 2rem;
  border: 1px solid #ccc;
  width: 100%;
  padding: 2rem;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list {
  z-index: 10;
  background: #fff;
  border: 1px solid #ccc;
  max-height: 12rem;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: auto;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list .option-item {
  cursor: pointer;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 1rem 2rem;
  display: block;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list .option-item:hover {
  background: #efefef;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list .option-item:last-of-type {
  border-bottom: none;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list .option-item.is-selected {
  color: #fff;
  background: #83be26;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options .option-item-list .option-item a {
  color: inherit;
}

.opc-product-article-selection[data-op-layout="select"] .product-article-selection-options.is-open .option-item-list {
  display: block;
}

.opc-notifications.is-maximized .notifications-dialog {
  width: 90% !important;
  max-width: none !important;
  height: 90% !important;
  margin: 0 auto !important;
  top: 5% !important;
  left: 0 !important;
}

.opc-notifications .notifications-dialog {
  padding: 0;
}

.opc-notifications .notifications-dialog .notifications-commands {
  margin: 0;
  top: 2rem;
  right: 2rem;
}

.opc-notifications .notifications-dialog .notifications-header {
  margin: 0;
  padding: 2rem;
}

.opc-notifications .notifications-dialog .notifications-header h3 {
  margin: 0 !important;
}

.opc-notifications .notifications-dialog .notifications-body {
  padding: 0 2rem 2rem;
}

.opc-notifications .notifications-dialog .notifications-body .notifications-content {
  padding: 0 !important;
}

.opc-notifications .notifications-dialog .notifications-footer {
  margin: 0;
  padding: 0 2rem 2rem;
}

.opc-notifications .notifications-dialog .notifications-footer .notifications-buttons {
  width: 100%;
}

@media only screen and (width >= 640px) {
  .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons {
    width: auto;
  }
}

.opc-notifications .notifications-dialog .notifications-commands {
  top: 1.5rem;
  right: 1.5rem;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-close {
  opacity: .6;
  background-size: 2.4rem;
  width: 3rem;
  height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z %22%2F%3E%3C%2Fsvg%3E") !important;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-close:hover {
  opacity: 1;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-maximize {
  opacity: .6;
  background-size: 2.4rem;
  width: 3rem;
  height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z %22%2F%3E%3C%2Fsvg%3E") !important;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-maximize:hover {
  opacity: 1;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-pin {
  opacity: .6;
  background-size: 2.4rem;
  width: 3rem;
  height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z %22%2F%3E%3C%2Fsvg%3E") !important;
}

.opc-notifications .notifications-dialog .notifications-commands .notifications-pin:hover {
  opacity: 1;
}

.opc-notifications .notifications-error {
  background: #fa7979;
  border-radius: 1rem;
}

.opc-notifications-notifier .notifications-message {
  text-align: left;
  word-wrap: normal;
  border-radius: 1rem;
  width: 28rem;
  font-size: .9rem;
  box-shadow: 0 0 10px #0003;
}

.opc-notifications-notifier .notifications-message.is-error {
  color: #fff;
  background: #fa7979;
}

.opc-notifications-notifier .notifications-message.is-success {
  color: #fff;
  background: #83be26;
}

.opc-notifications-notifier .notifications-message .notifications-link {
  color: #fff;
}

.opc-notifications-notifier .notifications-message .notifications-link:hover {
  color: #c8ea94;
}

.opc-notifications-notifier .notifications-message .notifications-close {
  background-color: #0000;
  top: 2rem;
  right: 1rem;
}

.opc-notifications-notifier .notifications-message.is-visible {
  padding: 2rem 3rem 2rem 2rem;
}

.opc-directsearch-suggest .directsearch-suggest-column a {
  color: #000;
}

.opc-directsearch-suggest h3 {
  color: #776b5f;
  margin-bottom: .2em;
  font-size: 1.2rem;
}

@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  30%, 70% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.1);
  }

  20% {
    transform: scale(1);
  }
}

.opc-dropzone, .opc-dropzone * {
  box-sizing: border-box;
}

.opc-dropzone-wrapper.is-inactive .opc-dropzone {
  cursor: not-allowed;
  opacity: .25 !important;
  background: #c7c7c7 !important;
}

.opc-dropzone-wrapper.is-inactive .dz-message {
  text-decoration: line-through;
}

.opc-dropzone {
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #0003;
  min-height: 150px;
  padding: 1rem;
  display: flex;
  overflow: auto hidden;
}

.opc-dropzone.dz-clickable {
  cursor: pointer;
}

.opc-dropzone.dz-clickable * {
  cursor: default;
}

.opc-dropzone.dz-clickable .dz-message, .opc-dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.opc-dropzone.dz-started .dz-message {
  display: none;
}

.opc-dropzone.dz-drag-hover {
  border-style: solid;
  box-shadow: 0 0 5px #ccc;
}

.opc-dropzone.dz-drag-hover .dz-message {
  opacity: .5;
}

.opc-dropzone .dz-message {
  text-align: center;
  align-self: center;
  width: 100%;
  margin: 2em 0;
}

.opc-dropzone .dz-preview {
  vertical-align: top;
  min-height: 100px;
  margin: 1rem;
  display: inline-block;
  position: relative;
}

.opc-dropzone .dz-preview .dz-details {
  z-index: 20;
  width: 120px;
}

.opc-dropzone .dz-preview .dz-details .dz-size {
  opacity: .5;
  margin-bottom: 0;
  font-size: 12px;
}

.opc-dropzone .dz-preview .dz-details .dz-size span {
  padding: 0;
}

.opc-dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.opc-dropzone .dz-preview .dz-details .dz-filename span {
  text-overflow: ellipsis;
  padding: 0;
  display: block;
  overflow: hidden;
}

.opc-dropzone .dz-preview:hover {
  z-index: 1000;
}

.opc-dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05);
}

.opc-dropzone .dz-preview.dz-file-preview .dz-image {
  background: linear-gradient(#eee, #ddd);
  border-radius: 0;
}

.opc-dropzone .dz-preview.dz-file-preview .dz-image-preview {
  opacity: 1;
}

.opc-dropzone .dz-preview.dz-image-preview {
  background: #fff;
}

.opc-dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity .2s linear;
}

.opc-dropzone .dz-preview .dz-remove {
  text-align: left;
  cursor: pointer;
  color: #dc143c;
  border: none;
  font-size: 12px;
  display: inline-block;
}

.opc-dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.opc-dropzone .dz-preview .dz-image {
  z-index: 10;
  background-color: #eee;
  border-radius: 10px;
  width: 120px;
  height: 120px;
  margin: 0 auto 20px;
  display: block;
  position: relative;
  overflow: hidden;
}

.opc-dropzone .dz-preview .dz-image img {
  max-width: 100%;
  display: block;
}

.opc-dropzone .dz-preview .dz-success-mark, .opc-dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  margin-top: -15px;
  margin-left: -15px;
  display: block;
  position: absolute;
  top: 60px;
  left: 60px;
}

.opc-dropzone .dz-preview .dz-success-mark svg, .opc-dropzone .dz-preview .dz-error-mark svg {
  width: 30px;
  height: 30px;
  display: block;
}

.opc-dropzone .dz-preview.dz-success .dz-success-mark {
  animation: 3s cubic-bezier(.77, 0, .175, 1) passing-through;
}

.opc-dropzone .dz-preview.dz-error .dz-error-mark svg {
  fill: red;
}

.opc-dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: 3s cubic-bezier(.77, 0, .175, 1) slide-in;
}

.opc-dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.opc-dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.opc-dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all .2s linear;
}

.opc-dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity .4s ease-in;
}

.opc-dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: 6s infinite pulse;
}

.opc-dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  background: #cccc;
  border-radius: 20px;
  height: 6px;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  top: 128px;
  left: 0;
  right: 0;
  overflow: hidden;
  -webkit-transform: scale(1);
}

.opc-dropzone .dz-preview .dz-progress .dz-upload {
  background: linear-gradient(#666, #444);
  width: 0;
  transition: width .3s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.opc-dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  color: #fff;
  background: #fa7979;
  border-radius: 1rem;
  width: 120px;
  font-size: 12px;
  transition: opacity .3s;
  display: block;
  position: relative;
  left: 0;
}

.opc-dropzone .dz-preview .dz-error-message span {
  margin-top: 1rem;
  padding: 1rem;
  display: block;
  position: relative;
}

.opc-dropzone .dz-preview .dz-error-message span:empty {
  display: none;
}

.opc-dropzone .dz-preview .dz-error-message span:after {
  content: "";
  border-bottom: 6px solid #fa7979;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  left: 54px;
}

.opc-dropzone[data-op-type="single"] {
  height: 4rem;
  min-height: 4rem;
  max-height: 4rem;
}

.opc-dropzone[data-op-type="single"] .dz-preview {
  align-items: baseline;
  margin: 0;
  padding: 0;
  display: flex;
}

.opc-dropzone[data-op-type="single"] .dz-image {
  display: none;
}

.opc-dropzone[data-op-type="single"] .dz-details {
  width: auto;
  display: flex;
}

.opc-dropzone[data-op-type="single"] .dz-details .dz-filename {
  order: 1;
  font-size: 1.4rem;
}

.opc-dropzone[data-op-type="single"] .dz-details .dz-size {
  order: 2;
  margin-left: .5rem;
  font-size: 1.4rem;
}

.opc-dropzone[data-op-type="single"] .dz-remove {
  margin-left: 1rem;
}

.opc-dropzone[data-op-type="single"] .dz-error-message, .opc-dropzone[data-op-type="single"] .dz-error-mark, .opc-dropzone[data-op-type="single"] .dz-success-mark {
  display: none !important;
}

.opc-basket-list-quickorder {
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px;
  display: flex;
}

@media only screen and (width >= 800px) {
  .opc-basket-list-quickorder {
    padding: 15px 0;
  }
}

.opc-basket-list-quickorder > .quickorder-title {
  width: 100%;
  margin-bottom: 10px;
}

.opc-basket-list-quickorder > .opc-form-field {
  width: 100%;
  position: relative;
}

@media only screen and (width >= 800px) {
  .opc-basket-list-quickorder > .opc-form-field {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
    margin-right: 1rem;
  }
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper {
  z-index: 10;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper:before {
  content: "";
  background: none;
  border: 2px solid #0000;
  border-top-color: #83be26;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  margin: 0 auto 0 -1.5rem;
  animation-name: rotater;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  display: none;
  position: absolute;
  top: .5rem;
  left: 50%;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper.is-showing {
  display: block;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper.is-showing:before {
  display: none;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper.is-loading {
  min-height: 5rem;
  display: block;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper.is-loading:before {
  display: block;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list {
  z-index: 2;
  flex-wrap: wrap;
  width: 100%;
  min-height: 3rem;
  max-height: 30rem;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-y: auto;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li {
  background: #fff;
  align-items: center;
  width: 100%;
  min-height: 7.5rem;
  margin-bottom: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li:hover {
  cursor: pointer;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-image {
  flex: 0 0 6rem;
  margin-right: 2rem;
  padding: .5rem 0;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-image img {
  max-width: 100%;
  max-height: 75px;
  margin: 0 auto;
  display: block;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-info-wrapper {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-info {
  color: #000;
  flex-grow: 1;
  flex-basis: 1%;
  max-width: 100%;
  padding: .5rem 0;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-info .list-item-title {
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: .4em;
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  overflow: hidden;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-info .list-item-title .article-flag-wrapper {
  margin-left: 1rem;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action {
  margin-left: auto;
  display: flex;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .basket-button-quantity {
  width: 3rem;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-favorite-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-compare-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .notifications-ok > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .notifications-cancel > span {
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-favorite-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-compare-button > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .notifications-ok > span, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-action .notifications-cancel > span {
    display: block;
  }
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button {
  height: 100%;
  margin-left: 2rem;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .opc-button, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .opc-favorite-button, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .opc-compare-button, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .notifications-ok, .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .list-item-basket-button .notifications-cancel {
  width: 7.5rem;
  height: 100%;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list li .opc-message {
  width: 100%;
  margin-bottom: 0;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .quickorder-search-result-list > li:last-child {
  border-bottom: none;
}

.opc-basket-list-quickorder .quickorder-search-result-list-wrapper .opc-quickorder-message {
  z-index: 2;
  background: #eee;
  justify-content: center;
  align-items: center;
  height: 4rem;
  margin: .5rem;
  display: flex;
  position: relative;
}

.opc-manager-session-timeout {
  display: none;
}

.session-timeout-message-active {
  position: fixed;
  inset: 0;
}

.session-timeout-message-active .opc-manager-session-timeout {
  z-index: 9999;
  text-align: center;
  background: #fffffff2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.session-timeout-message-active .opc-manager-session-timeout .session-timeout-title {
  max-width: 100%;
}

@font-face {
  font-family: UniversLTPro-45Light;
  src: url("394AC3_0_0.e91b4b25.eot");
  src: url("394AC3_0_0.e91b4b25.eot#iefix") format("embedded-opentype"), url("394AC3_0_0.621cdd7b.woff2") format("woff2"), url("394AC3_0_0.eaed0f47.woff") format("woff"), url("394AC3_0_0.0bbdaedf.ttf") format("truetype");
}

@font-face {
  font-family: UniversLTPro-55Roman;
  src: url("394AC3_1_0.933fce93.eot");
  src: url("394AC3_1_0.933fce93.eot#iefix") format("embedded-opentype"), url("394AC3_1_0.99e9fe6f.woff2") format("woff2"), url("394AC3_1_0.9c0d0703.woff") format("woff"), url("394AC3_1_0.235e9962.ttf") format("truetype");
}

@font-face {
  font-family: UniversLTPro-65Bold;
  src: url("394AC3_2_0.f250e733.eot");
  src: url("394AC3_2_0.f250e733.eot#iefix") format("embedded-opentype"), url("394AC3_2_0.3e999ee1.woff2") format("woff2"), url("394AC3_2_0.61647c5e.woff") format("woff"), url("394AC3_2_0.3a37b847.ttf") format("truetype");
}

.opc-button, .opc-favorite-button, .opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel {
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #0000;
  outline: none;
  justify-content: center;
  align-items: center;
  height: 2.22222rem;
  padding: 0 1.38889rem;
  font-size: .777778rem;
  transition: all .2s ease-in-out;
  display: inline-flex;
  overflow: hidden;
}

.opc-button svg, .opc-favorite-button svg, .opc-compare-button svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg {
  margin-right: calc(rem / 1.8);
  flex-shrink: 0;
  font-size: 1.4em;
}

.opc-button.is-progress, .is-progress.opc-favorite-button, .is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-cancel {
  pointer-events: none;
  transform: scale(.8);
}

.opc-button[data-op-style="ele"], [data-op-style="ele"].opc-favorite-button, [data-op-style="ele"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="ele"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="ele"].notifications-cancel {
  color: #fff;
}

.opc-button[data-op-style="ele"]:before, [data-op-style="ele"].opc-favorite-button:before, [data-op-style="ele"].opc-compare-button:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="ele"].notifications-ok:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="ele"].notifications-cancel:before {
  content: "";
  z-index: -2;
  background-image: linear-gradient(-45deg, #9dd93f -10%, #83be26 100%);
  width: 102%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1%;
}

.opc-button[data-op-style="ele"]:after, [data-op-style="ele"].opc-favorite-button:after, [data-op-style="ele"].opc-compare-button:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="ele"].notifications-ok:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="ele"].notifications-cancel:after {
  content: "";
  z-index: -1;
  background-color: #83be26;
  width: 102%;
  height: 100%;
  transition: all .3s linear;
  position: absolute;
  top: 0;
  left: -1%;
  transform: scaleX(0);
}

.opc-button[data-op-style="ele"]:hover:after, [data-op-style="ele"].opc-favorite-button:hover:after, [data-op-style="ele"].opc-compare-button:hover:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="ele"].notifications-ok:hover:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="ele"].notifications-cancel:hover:after {
  transform: scaleX(1);
}

.opc-button[data-op-style="primary"], [data-op-style="primary"].opc-favorite-button, [data-op-style="primary"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel {
  color: #fffc;
  background: #3d4961;
  border-radius: 0;
}

.opc-button[data-op-style="primary"]:hover, [data-op-style="primary"].opc-favorite-button:hover, [data-op-style="primary"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].notifications-cancel:hover {
  color: #fff;
  background: #516180;
}

.opc-button[data-op-style="primary"][data-op-type="radio"] label, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label {
  color: #fffc;
  background: #3d4961;
  border-radius: 0;
}

.opc-button[data-op-style="primary"][data-op-type="radio"] label:hover, [data-op-style="primary"][data-op-type="radio"].opc-favorite-button label:hover, [data-op-style="primary"][data-op-type="radio"].opc-compare-button label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-ok label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"][data-op-type="radio"].notifications-cancel label:hover {
  color: #fff;
  background: #516180;
}

.opc-button[data-op-style="primary"].is-progress, [data-op-style="primary"].is-progress.opc-favorite-button, [data-op-style="primary"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-progress.notifications-cancel {
  background: #ccc !important;
}

.opc-button[data-op-style="primary"].is-success, [data-op-style="primary"].is-success.opc-favorite-button, [data-op-style="primary"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-success.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary"].is-success.notifications-cancel {
  background: #83be26 !important;
}

.opc-button[data-op-style="secondary"], [data-op-style="secondary"].opc-favorite-button, [data-op-style="secondary"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel {
  color: #000c;
  background: #ccc;
  border-radius: 0;
}

.opc-button[data-op-style="secondary"]:hover, [data-op-style="secondary"].opc-favorite-button:hover, [data-op-style="secondary"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].notifications-cancel:hover {
  color: #000;
  background: #e6e6e6;
}

.opc-button[data-op-style="secondary"].is-progress, [data-op-style="secondary"].is-progress.opc-favorite-button, [data-op-style="secondary"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-progress.notifications-cancel {
  background: #ccc !important;
}

.opc-button[data-op-style="secondary"].is-success, [data-op-style="secondary"].is-success.opc-favorite-button, [data-op-style="secondary"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-success.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary"].is-success.notifications-cancel {
  background: #83be26 !important;
}

.opc-button[data-op-style="loud"], [data-op-style="loud"].opc-favorite-button, [data-op-style="loud"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-button[data-op-style="basket"], [data-op-style="basket"].opc-favorite-button, [data-op-style="basket"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel, .opc-button button.opc-button, .opc-favorite-button button.opc-button, .opc-compare-button button.opc-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.opc-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.opc-button, .opc-button button.opc-favorite-button, .opc-favorite-button button.opc-favorite-button, .opc-compare-button button.opc-favorite-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.opc-favorite-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.opc-favorite-button, .opc-button button.opc-compare-button, .opc-favorite-button button.opc-compare-button, .opc-compare-button button.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.opc-compare-button, .opc-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button button.notifications-cancel, .opc-favorite-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-button button.notifications-cancel, .opc-compare-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-button button.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.notifications-cancel {
  color: #fffc;
  background: #83be26;
  border-radius: 0;
}

.opc-button[data-op-style="loud"]:hover, [data-op-style="loud"].opc-favorite-button:hover, [data-op-style="loud"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, .opc-button[data-op-style="basket"]:hover, [data-op-style="basket"].opc-favorite-button:hover, [data-op-style="basket"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].notifications-cancel:hover, .opc-button button.opc-button:hover, .opc-favorite-button button.opc-button:hover, .opc-compare-button button.opc-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.opc-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.opc-button:hover, .opc-button button.opc-favorite-button:hover, .opc-favorite-button button.opc-favorite-button:hover, .opc-compare-button button.opc-favorite-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.opc-favorite-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.opc-favorite-button:hover, .opc-button button.opc-compare-button:hover, .opc-favorite-button button.opc-compare-button:hover, .opc-compare-button button.opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.opc-compare-button:hover, .opc-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button button.notifications-cancel:hover, .opc-favorite-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-button button.notifications-cancel:hover, .opc-compare-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-button button.notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.notifications-cancel:hover {
  color: #fff;
  background: #9dd93f;
}

.opc-button[data-op-style="loud"][data-op-type="radio"], [data-op-style="loud"][data-op-type="radio"].opc-favorite-button, [data-op-style="loud"][data-op-type="radio"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok, .opc-button[data-op-style="basket"][data-op-type="radio"], [data-op-style="basket"][data-op-type="radio"].opc-favorite-button, [data-op-style="basket"][data-op-type="radio"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel, .opc-button button.opc-button[data-op-type="radio"], .opc-favorite-button button.opc-button[data-op-type="radio"], .opc-compare-button button.opc-button[data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.opc-button[data-op-type="radio"], .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.opc-button[data-op-type="radio"], .opc-button button[data-op-type="radio"].opc-favorite-button, .opc-favorite-button button[data-op-type="radio"].opc-favorite-button, .opc-compare-button button[data-op-type="radio"].opc-favorite-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button[data-op-type="radio"].opc-favorite-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button[data-op-type="radio"].opc-favorite-button, .opc-button button[data-op-type="radio"].opc-compare-button, .opc-favorite-button button[data-op-type="radio"].opc-compare-button, .opc-compare-button button[data-op-type="radio"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button[data-op-type="radio"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button[data-op-type="radio"].opc-compare-button, .opc-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button[data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button button[data-op-type="radio"].notifications-cancel, .opc-favorite-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button[data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-button button[data-op-type="radio"].notifications-cancel, .opc-compare-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button[data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-button button[data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button[data-op-type="radio"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button[data-op-type="radio"].notifications-cancel {
  background: none;
  border: none;
}

.opc-button[data-op-style="loud"][data-op-type="radio"] label, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label, .opc-button[data-op-style="basket"][data-op-type="radio"] label, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label, .opc-button button.opc-button[data-op-type="radio"] label, .opc-favorite-button button.opc-button[data-op-type="radio"] label, .opc-compare-button button.opc-button[data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.opc-button[data-op-type="radio"] label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.opc-button[data-op-type="radio"] label, .opc-button button[data-op-type="radio"].opc-favorite-button label, .opc-favorite-button button[data-op-type="radio"].opc-favorite-button label, .opc-compare-button button[data-op-type="radio"].opc-favorite-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button[data-op-type="radio"].opc-favorite-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button[data-op-type="radio"].opc-favorite-button label, .opc-button button[data-op-type="radio"].opc-compare-button label, .opc-favorite-button button[data-op-type="radio"].opc-compare-button label, .opc-compare-button button[data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button[data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button[data-op-type="radio"].opc-compare-button label, .opc-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button[data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button button[data-op-type="radio"].notifications-cancel label, .opc-favorite-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button[data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-button button[data-op-type="radio"].notifications-cancel label, .opc-compare-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button[data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-button button[data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button[data-op-type="radio"].notifications-cancel label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button[data-op-type="radio"].notifications-cancel label {
  color: #fffc;
  background: #83be26;
  border-radius: 0;
}

.opc-button[data-op-style="loud"][data-op-type="radio"] label:hover, [data-op-style="loud"][data-op-type="radio"].opc-favorite-button label:hover, [data-op-style="loud"][data-op-type="radio"].opc-compare-button label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"][data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:hover, .opc-button[data-op-style="basket"][data-op-type="radio"] label:hover, [data-op-style="basket"][data-op-type="radio"].opc-favorite-button label:hover, [data-op-style="basket"][data-op-type="radio"].opc-compare-button label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"][data-op-type="radio"].notifications-cancel label:hover, .opc-button button.opc-button[data-op-type="radio"] label:hover, .opc-favorite-button button.opc-button[data-op-type="radio"] label:hover, .opc-compare-button button.opc-button[data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.opc-button[data-op-type="radio"] label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.opc-button[data-op-type="radio"] label:hover, .opc-button button[data-op-type="radio"].opc-favorite-button label:hover, .opc-favorite-button button[data-op-type="radio"].opc-favorite-button label:hover, .opc-compare-button button[data-op-type="radio"].opc-favorite-button label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button[data-op-type="radio"].opc-favorite-button label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button[data-op-type="radio"].opc-favorite-button label:hover, .opc-button button[data-op-type="radio"].opc-compare-button label:hover, .opc-favorite-button button[data-op-type="radio"].opc-compare-button label:hover, .opc-compare-button button[data-op-type="radio"].opc-compare-button label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button[data-op-type="radio"].opc-compare-button label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button[data-op-type="radio"].opc-compare-button label:hover, .opc-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button[data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button button[data-op-type="radio"].notifications-cancel label:hover, .opc-favorite-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button[data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-button button[data-op-type="radio"].notifications-cancel label:hover, .opc-compare-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button[data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-button button[data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button[data-op-type="radio"].notifications-cancel label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button[data-op-type="radio"].notifications-cancel label:hover {
  color: #fff;
  background: #9dd93f;
}

.opc-button[data-op-style="loud"].is-progress, [data-op-style="loud"].is-progress.opc-favorite-button, [data-op-style="loud"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-ok, .opc-button[data-op-style="basket"].is-progress, [data-op-style="basket"].is-progress.opc-favorite-button, [data-op-style="basket"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].is-progress.notifications-cancel, .opc-button button.opc-button.is-progress, .opc-favorite-button button.opc-button.is-progress, .opc-compare-button button.opc-button.is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.opc-button.is-progress, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.opc-button.is-progress, .opc-button button.is-progress.opc-favorite-button, .opc-favorite-button button.is-progress.opc-favorite-button, .opc-compare-button button.is-progress.opc-favorite-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.is-progress.opc-favorite-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.is-progress.opc-favorite-button, .opc-button button.is-progress.opc-compare-button, .opc-favorite-button button.is-progress.opc-compare-button, .opc-compare-button button.is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.is-progress.opc-compare-button, .opc-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button button.is-progress.notifications-cancel, .opc-favorite-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-button button.is-progress.notifications-cancel, .opc-compare-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-button button.is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.is-progress.notifications-cancel {
  background: #ccc !important;
}

.opc-button[data-op-style="loud"].is-success, [data-op-style="loud"].is-success.opc-favorite-button, [data-op-style="loud"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud"].is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-success.notifications-ok, .opc-button[data-op-style="basket"].is-success, [data-op-style="basket"].is-success.opc-favorite-button, [data-op-style="basket"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="basket"].is-success.notifications-cancel, .opc-button button.opc-button.is-success, .opc-favorite-button button.opc-button.is-success, .opc-compare-button button.opc-button.is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.opc-button.is-success, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.opc-button.is-success, .opc-button button.is-success.opc-favorite-button, .opc-favorite-button button.is-success.opc-favorite-button, .opc-compare-button button.is-success.opc-favorite-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.is-success.opc-favorite-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.is-success.opc-favorite-button, .opc-button button.is-success.opc-compare-button, .opc-favorite-button button.is-success.opc-compare-button, .opc-compare-button button.is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.is-success.opc-compare-button, .opc-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button button.is-success.notifications-cancel, .opc-favorite-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-button button.is-success.notifications-cancel, .opc-compare-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons button.is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-compare-button button.is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok button.is-success.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel button.is-success.notifications-cancel {
  background: #83be26 !important;
}

.opc-button[data-op-style="primary-lined"], [data-op-style="primary-lined"].opc-favorite-button, [data-op-style="primary-lined"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel {
  color: #3d4961;
  background: none;
  border-color: #3d4961;
  border-radius: 0;
}

.opc-button[data-op-style="primary-lined"]:hover, [data-op-style="primary-lined"].opc-favorite-button:hover, [data-op-style="primary-lined"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].notifications-cancel:hover {
  color: #516180;
  border-color: #516180;
}

.opc-button[data-op-style="primary-lined"][data-op-type="radio"] label, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label {
  color: #3d4961;
  background: none;
  border-color: #3d4961;
  border-radius: 0;
}

.opc-button[data-op-style="primary-lined"][data-op-type="radio"] label:hover, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button label:hover, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel label:hover {
  color: #fffc;
  background: #3d4961;
  border-color: #516180;
}

.opc-button[data-op-style="primary-lined"][data-op-type="radio"] input:checked + label, [data-op-style="primary-lined"][data-op-type="radio"].opc-favorite-button input:checked + label, [data-op-style="primary-lined"][data-op-type="radio"].opc-compare-button input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-ok input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"][data-op-type="radio"].notifications-cancel input:checked + label {
  color: #fffc;
  background: #3d4961;
}

.opc-button[data-op-style="primary-lined"].is-progress, [data-op-style="primary-lined"].is-progress.opc-favorite-button, [data-op-style="primary-lined"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-progress.notifications-cancel {
  color: #ccc !important;
  border-color: #ccc !important;
}

.opc-button[data-op-style="primary-lined"].is-success, [data-op-style="primary-lined"].is-success.opc-favorite-button, [data-op-style="primary-lined"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-success.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-lined"].is-success.notifications-cancel {
  color: #83be26 !important;
  border-color: #83be26 !important;
}

.opc-button[data-op-style="secondary-lined"], [data-op-style="secondary-lined"].opc-favorite-button, [data-op-style="secondary-lined"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel {
  color: #000c;
  background: none;
  border-color: #ccc;
  border-radius: 0;
}

.opc-button[data-op-style="secondary-lined"]:hover, [data-op-style="secondary-lined"].opc-favorite-button:hover, [data-op-style="secondary-lined"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].notifications-cancel:hover {
  color: #000;
  border-color: #e6e6e6;
}

.opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label {
  color: #ccc;
  background: none;
  border-color: #ccc;
  border-radius: 0;
}

.opc-button[data-op-style="secondary-lined"][data-op-type="radio"] label:hover, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button label:hover, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel label:hover {
  color: #000c;
  background: #ccc;
  border-color: #e6e6e6;
}

.opc-button[data-op-style="secondary-lined"][data-op-type="radio"] input:checked + label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-favorite-button input:checked + label, [data-op-style="secondary-lined"][data-op-type="radio"].opc-compare-button input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-ok input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"][data-op-type="radio"].notifications-cancel input:checked + label {
  color: #000c;
  background: #ccc;
}

.opc-button[data-op-style="secondary-lined"].is-progress, [data-op-style="secondary-lined"].is-progress.opc-favorite-button, [data-op-style="secondary-lined"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-progress.notifications-cancel {
  color: #ccc !important;
  border-color: #ccc !important;
}

.opc-button[data-op-style="secondary-lined"].is-success, [data-op-style="secondary-lined"].is-success.opc-favorite-button, [data-op-style="secondary-lined"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-success.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-lined"].is-success.notifications-cancel {
  color: #83be26 !important;
  border-color: #83be26 !important;
}

.opc-button[data-op-style="loud-lined"], [data-op-style="loud-lined"].opc-favorite-button, [data-op-style="loud-lined"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel {
  color: #83be26;
  background: none;
  border-color: #83be26;
  border-radius: 0;
}

.opc-button[data-op-style="loud-lined"]:hover, [data-op-style="loud-lined"].opc-favorite-button:hover, [data-op-style="loud-lined"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover {
  color: #9dd93f;
  border-color: #9dd93f;
}

.opc-button[data-op-style="loud-lined"][data-op-type="radio"] label, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label {
  color: #83be26;
  background: none;
  border-color: #83be26;
  border-radius: 0;
}

.opc-button[data-op-style="loud-lined"][data-op-type="radio"] label:hover, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button label:hover, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok label:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:hover {
  color: #fffc;
  background: #83be26;
  border-color: #9dd93f;
}

.opc-button[data-op-style="loud-lined"][data-op-type="radio"] input:checked + label, [data-op-style="loud-lined"][data-op-type="radio"].opc-favorite-button input:checked + label, [data-op-style="loud-lined"][data-op-type="radio"].opc-compare-button input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"][data-op-type="radio"].notifications-ok input:checked + label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel input:checked + label {
  color: #fffc;
  background: #83be26;
}

.opc-button[data-op-style="loud-lined"].is-progress, [data-op-style="loud-lined"].is-progress.opc-favorite-button, [data-op-style="loud-lined"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-progress.notifications-cancel {
  color: #ccc !important;
  border-color: #ccc !important;
}

.opc-button[data-op-style="loud-lined"].is-success, [data-op-style="loud-lined"].is-success.opc-favorite-button, [data-op-style="loud-lined"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-lined"].is-success.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-success.notifications-cancel {
  color: #83be26 !important;
  border-color: #83be26 !important;
}

.opc-button[data-op-style="primary-color"], [data-op-style="primary-color"].opc-favorite-button, [data-op-style="primary-color"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel {
  color: #3d4961;
  background: none;
  border-color: #0000;
  border-radius: 0;
}

.opc-button[data-op-style="primary-color"]:hover, [data-op-style="primary-color"].opc-favorite-button:hover, [data-op-style="primary-color"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].notifications-cancel:hover {
  color: #516180;
}

.opc-button[data-op-style="primary-color"].is-progress, [data-op-style="primary-color"].is-progress.opc-favorite-button, [data-op-style="primary-color"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-progress.notifications-cancel {
  color: #ccc !important;
}

.opc-button[data-op-style="primary-color"].is-success, [data-op-style="primary-color"].is-success.opc-favorite-button, [data-op-style="primary-color"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-success.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="primary-color"].is-success.notifications-cancel {
  color: #83be26 !important;
}

.opc-button[data-op-style="secondary-color"], [data-op-style="secondary-color"].opc-favorite-button, [data-op-style="secondary-color"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel {
  color: #ccc;
  background: none;
  border-color: #0000;
  border-radius: 0;
}

.opc-button[data-op-style="secondary-color"]:hover, [data-op-style="secondary-color"].opc-favorite-button:hover, [data-op-style="secondary-color"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].notifications-cancel:hover {
  color: #e6e6e6;
}

.opc-button[data-op-style="secondary-color"].is-progress, [data-op-style="secondary-color"].is-progress.opc-favorite-button, [data-op-style="secondary-color"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-progress.notifications-cancel {
  color: #ccc !important;
}

.opc-button[data-op-style="secondary-color"].is-success, [data-op-style="secondary-color"].is-success.opc-favorite-button, [data-op-style="secondary-color"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-success.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="secondary-color"].is-success.notifications-cancel {
  color: #83be26 !important;
}

.opc-button[data-op-style="loud-color"], [data-op-style="loud-color"].opc-favorite-button, [data-op-style="loud-color"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel {
  color: #83be26;
  background: none;
  border-color: #0000;
  border-radius: 0;
}

.opc-button[data-op-style="loud-color"]:hover, [data-op-style="loud-color"].opc-favorite-button:hover, [data-op-style="loud-color"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].notifications-cancel:hover {
  color: #9dd93f;
}

.opc-button[data-op-style="loud-color"].is-progress, [data-op-style="loud-color"].is-progress.opc-favorite-button, [data-op-style="loud-color"].is-progress.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-progress.notifications-cancel {
  color: #ccc !important;
}

.opc-button[data-op-style="loud-color"].is-success, [data-op-style="loud-color"].is-success.opc-favorite-button, [data-op-style="loud-color"].is-success.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-success.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-style="loud-color"].is-success.notifications-cancel {
  color: #83be26 !important;
}

.opc-button[data-op-type="link"], [data-op-type="link"].opc-favorite-button, [data-op-type="link"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel {
  background: none;
  padding-left: .347222rem;
  padding-right: .347222rem;
}

.opc-button[data-op-type="link"]:hover, [data-op-type="link"].opc-favorite-button:hover, [data-op-type="link"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:hover {
  background: none;
}

.opc-button[data-op-type="link"][data-op-style="primary"], [data-op-type="link"][data-op-style="primary"].opc-favorite-button, [data-op-type="link"][data-op-style="primary"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel, .opc-button[data-op-type="link"][data-op-style="primary-lined"], [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel {
  color: #3d4961;
}

.opc-button[data-op-type="link"][data-op-style="primary"]:hover, [data-op-type="link"][data-op-style="primary"].opc-favorite-button:hover, [data-op-type="link"][data-op-style="primary"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary"].notifications-cancel:hover, .opc-button[data-op-type="link"][data-op-style="primary-lined"]:hover, [data-op-type="link"][data-op-style="primary-lined"].opc-favorite-button:hover, [data-op-type="link"][data-op-style="primary-lined"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="primary-lined"].notifications-cancel:hover {
  color: #516180;
}

.opc-button[data-op-type="link"][data-op-style="secondary"], [data-op-type="link"][data-op-style="secondary"].opc-favorite-button, [data-op-type="link"][data-op-style="secondary"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel, .opc-button[data-op-type="link"][data-op-style="secondary-lined"], [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel {
  color: #ccc;
}

.opc-button[data-op-type="link"][data-op-style="secondary"]:hover, [data-op-type="link"][data-op-style="secondary"].opc-favorite-button:hover, [data-op-type="link"][data-op-style="secondary"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary"].notifications-cancel:hover, .opc-button[data-op-type="link"][data-op-style="secondary-lined"]:hover, [data-op-type="link"][data-op-style="secondary-lined"].opc-favorite-button:hover, [data-op-type="link"][data-op-style="secondary-lined"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"][data-op-style="secondary-lined"].notifications-cancel:hover {
  color: #e6e6e6;
}

.opc-button[data-op-type="link"][data-op-style="loud"], [data-op-type="link"][data-op-style="loud"].opc-favorite-button, [data-op-type="link"][data-op-style="loud"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok, .opc-button[data-op-type="link"][data-op-style="loud-lined"], [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel {
  color: #83be26;
}

.opc-button[data-op-type="link"][data-op-style="loud"]:hover, [data-op-type="link"][data-op-style="loud"].opc-favorite-button:hover, [data-op-type="link"][data-op-style="loud"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-ok:hover, .opc-button[data-op-type="link"][data-op-style="loud-lined"]:hover, [data-op-type="link"][data-op-style="loud-lined"].opc-favorite-button:hover, [data-op-type="link"][data-op-style="loud-lined"].opc-compare-button:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="link"].notifications-cancel:hover {
  color: #9dd93f;
}

.opc-button[data-op-type="text"], [data-op-type="text"].opc-favorite-button, [data-op-type="text"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-cancel {
  margin: 0 .555556rem 0 0;
}

.opc-button[data-op-type="text"] i, [data-op-type="text"].opc-favorite-button i, [data-op-type="text"].opc-compare-button i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-ok i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-cancel i, .opc-button[data-op-type="text"] svg, [data-op-type="text"].opc-favorite-button svg, [data-op-type="text"].opc-compare-button svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="text"].notifications-cancel svg {
  display: none;
}

.opc-button[data-op-type="icon"], [data-op-type="icon"].opc-favorite-button, [data-op-type="icon"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel {
  text-align: center;
  vertical-align: middle;
  flex-shrink: 0;
  position: relative;
  overflow: visible;
  padding-left: .277778rem !important;
  padding-right: .277778rem !important;
}

.opc-button[data-op-type="icon"] i, [data-op-type="icon"].opc-favorite-button i, [data-op-type="icon"].opc-compare-button i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel i, .opc-button[data-op-type="icon"] svg, [data-op-type="icon"].opc-favorite-button svg, [data-op-type="icon"].opc-compare-button svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel svg {
  vertical-align: middle;
  font-size: 1.4em;
  margin: 0 !important;
}

.opc-button[data-op-type="icon"]:focus, [data-op-type="icon"].opc-favorite-button:focus, [data-op-type="icon"].opc-compare-button:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok:focus, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel:focus {
  outline: none;
}

.opc-button[data-op-type="icon"] span, [data-op-type="icon"].opc-favorite-button span, [data-op-type="icon"].opc-compare-button span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-ok span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="icon"].notifications-cancel span {
  display: none;
}

.opc-button[data-op-type="radio"], [data-op-type="radio"].opc-favorite-button, [data-op-type="radio"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel {
  background: none;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.opc-button[data-op-type="radio"] label, [data-op-type="radio"].opc-favorite-button label, [data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label {
  border: 1px solid #0000;
  height: 100%;
  line-height: 1;
  border-radius: 0 !important;
}

.opc-button[data-op-type="radio"] label:before, [data-op-type="radio"].opc-favorite-button label:before, [data-op-type="radio"].opc-compare-button label:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:before, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:before, .opc-button[data-op-type="radio"] label:after, [data-op-type="radio"].opc-favorite-button label:after, [data-op-type="radio"].opc-compare-button label:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-ok label:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-type="radio"].notifications-cancel label:after {
  display: none;
}

.opc-button[data-op-size="tiny"], [data-op-size="tiny"].opc-favorite-button, [data-op-size="tiny"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-cancel {
  height: 1.44444rem;
  padding: 0 calc(calc(rem / 1.8) * 2);
  font-size: .666667rem;
}

.opc-button[data-op-size="tiny"][data-op-type="link"], [data-op-size="tiny"][data-op-type="link"].opc-favorite-button, [data-op-size="tiny"][data-op-type="link"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="link"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="link"].notifications-cancel {
  padding-left: calc(calc(rem / 1.8) / 2);
  padding-right: calc(calc(rem / 1.8) / 2);
}

.opc-button[data-op-size="tiny"] i, [data-op-size="tiny"].opc-favorite-button i, [data-op-size="tiny"].opc-compare-button i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-ok i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"].notifications-cancel i {
  margin-right: calc(rem / 1.8);
}

.opc-button[data-op-size="tiny"][data-op-type="icon"], [data-op-size="tiny"][data-op-type="icon"].opc-favorite-button, [data-op-size="tiny"][data-op-type="icon"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="icon"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="icon"].notifications-cancel {
  width: 1.44444rem;
}

.opc-button[data-op-size="tiny"][data-op-type="radio"], [data-op-size="tiny"][data-op-type="radio"].opc-favorite-button, [data-op-size="tiny"][data-op-type="radio"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-cancel {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="tiny"][data-op-type="radio"] label, [data-op-size="tiny"][data-op-type="radio"].opc-favorite-button label, [data-op-size="tiny"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-ok label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="tiny"][data-op-type="radio"].notifications-cancel label {
  height: 1.44444rem;
  padding: 0 calc(calc(rem / 1.8) * 2);
  line-height: 1.44444rem;
}

.opc-button[data-op-size="small"], [data-op-size="small"].opc-favorite-button, [data-op-size="small"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-cancel {
  height: 1.77778rem;
  padding: 0 .833333rem;
  font-size: .777778rem;
}

.opc-button[data-op-size="small"][data-op-type="link"], [data-op-size="small"][data-op-type="link"].opc-favorite-button, [data-op-size="small"][data-op-type="link"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="link"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="link"].notifications-cancel {
  padding-left: .208333rem;
  padding-right: .208333rem;
}

.opc-button[data-op-size="small"] i, [data-op-size="small"].opc-favorite-button i, [data-op-size="small"].opc-compare-button i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-ok i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"].notifications-cancel i {
  margin-right: .416667rem;
}

.opc-button[data-op-size="small"][data-op-type="icon"], [data-op-size="small"][data-op-type="icon"].opc-favorite-button, [data-op-size="small"][data-op-type="icon"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="icon"].notifications-cancel {
  width: 1.77778rem;
}

.opc-button[data-op-size="small"][data-op-type="radio"], [data-op-size="small"][data-op-type="radio"].opc-favorite-button, [data-op-size="small"][data-op-type="radio"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-cancel {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="small"][data-op-type="radio"] label, [data-op-size="small"][data-op-type="radio"].opc-favorite-button label, [data-op-size="small"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-ok label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="small"][data-op-type="radio"].notifications-cancel label {
  height: 1.77778rem;
  padding: 0 .833333rem;
  line-height: 1.77778rem;
}

.opc-button[data-op-size="medium"], [data-op-size="medium"].opc-favorite-button, [data-op-size="medium"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-cancel {
  height: 2.22222rem;
  padding: 0 1.38889rem;
  font-size: .777778rem;
}

.opc-button[data-op-size="medium"][data-op-type="link"], [data-op-size="medium"][data-op-type="link"].opc-favorite-button, [data-op-size="medium"][data-op-type="link"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="link"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="link"].notifications-cancel {
  padding-left: .347222rem;
  padding-right: .347222rem;
}

.opc-button[data-op-size="medium"] i, [data-op-size="medium"].opc-favorite-button i, [data-op-size="medium"].opc-compare-button i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-ok i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"].notifications-cancel i {
  margin-right: .694444rem;
}

.opc-button[data-op-size="medium"][data-op-type="icon"], [data-op-size="medium"][data-op-type="icon"].opc-favorite-button, [data-op-size="medium"][data-op-type="icon"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="icon"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="icon"].notifications-cancel {
  width: 2.22222rem;
}

.opc-button[data-op-size="medium"][data-op-type="radio"], [data-op-size="medium"][data-op-type="radio"].opc-favorite-button, [data-op-size="medium"][data-op-type="radio"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-cancel {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="medium"][data-op-type="radio"] label, [data-op-size="medium"][data-op-type="radio"].opc-favorite-button label, [data-op-size="medium"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-ok label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="medium"][data-op-type="radio"].notifications-cancel label {
  height: 2.22222rem;
  padding: 0 1.38889rem;
  line-height: 2.22222rem;
}

.opc-button[data-op-size="normal"], [data-op-size="normal"].opc-favorite-button, [data-op-size="normal"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel {
  height: 2.22222rem;
  padding: 0 1.38889rem;
  font-size: .777778rem;
}

.opc-button[data-op-size="normal"][data-op-type="link"], [data-op-size="normal"][data-op-type="link"].opc-favorite-button, [data-op-size="normal"][data-op-type="link"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="link"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="link"].notifications-cancel {
  padding-left: .347222rem;
  padding-right: .347222rem;
}

.opc-button[data-op-size="normal"] i, [data-op-size="normal"].opc-favorite-button i, [data-op-size="normal"].opc-compare-button i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-ok i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"].notifications-cancel i {
  margin-right: .694444rem;
}

.opc-button[data-op-size="normal"][data-op-type="icon"], [data-op-size="normal"][data-op-type="icon"].opc-favorite-button, [data-op-size="normal"][data-op-type="icon"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="icon"].notifications-cancel {
  width: 2.22222rem;
}

.opc-button[data-op-size="normal"][data-op-type="radio"], [data-op-size="normal"][data-op-type="radio"].opc-favorite-button, [data-op-size="normal"][data-op-type="radio"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-cancel {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="normal"][data-op-type="radio"] label, [data-op-size="normal"][data-op-type="radio"].opc-favorite-button label, [data-op-size="normal"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-ok label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="normal"][data-op-type="radio"].notifications-cancel label {
  height: 2.22222rem;
  padding: 0 1.38889rem;
  line-height: 2.22222rem;
}

.opc-button[data-op-size="large"], [data-op-size="large"].opc-favorite-button, [data-op-size="large"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-cancel {
  height: 2.77778rem;
  padding: 0 1.94444rem;
  font-size: .888889rem;
}

.opc-button[data-op-size="large"][data-op-type="link"], [data-op-size="large"][data-op-type="link"].opc-favorite-button, [data-op-size="large"][data-op-type="link"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="link"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="link"].notifications-cancel {
  padding-left: .486111rem;
  padding-right: .486111rem;
}

.opc-button[data-op-size="large"] i, [data-op-size="large"].opc-favorite-button i, [data-op-size="large"].opc-compare-button i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-ok i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"].notifications-cancel i {
  margin-right: .972222rem;
}

.opc-button[data-op-size="large"][data-op-type="icon"], [data-op-size="large"][data-op-type="icon"].opc-favorite-button, [data-op-size="large"][data-op-type="icon"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="icon"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="icon"].notifications-cancel {
  width: 2.77778rem;
}

.opc-button[data-op-size="large"][data-op-type="radio"], [data-op-size="large"][data-op-type="radio"].opc-favorite-button, [data-op-size="large"][data-op-type="radio"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-cancel {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="large"][data-op-type="radio"] label, [data-op-size="large"][data-op-type="radio"].opc-favorite-button label, [data-op-size="large"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-ok label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="large"][data-op-type="radio"].notifications-cancel label {
  height: 2.77778rem;
  padding: 0 1.94444rem;
  line-height: 2.77778rem;
}

.opc-button[data-op-size="huge"], [data-op-size="huge"].opc-favorite-button, [data-op-size="huge"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-cancel {
  height: 3.33333rem;
  padding: 0 2.22222rem;
  font-size: 1rem;
}

.opc-button[data-op-size="huge"][data-op-type="link"], [data-op-size="huge"][data-op-type="link"].opc-favorite-button, [data-op-size="huge"][data-op-type="link"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="link"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="link"].notifications-cancel {
  padding-left: .555556rem;
  padding-right: .555556rem;
}

.opc-button[data-op-size="huge"] i, [data-op-size="huge"].opc-favorite-button i, [data-op-size="huge"].opc-compare-button i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-ok i, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"].notifications-cancel i {
  margin-right: 1.11111rem;
}

.opc-button[data-op-size="huge"][data-op-type="icon"], [data-op-size="huge"][data-op-type="icon"].opc-favorite-button, [data-op-size="huge"][data-op-type="icon"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="icon"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="icon"].notifications-cancel {
  width: 3.33333rem;
}

.opc-button[data-op-size="huge"][data-op-type="radio"], [data-op-size="huge"][data-op-type="radio"].opc-favorite-button, [data-op-size="huge"][data-op-type="radio"].opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-cancel {
  height: auto;
  padding: 0;
  line-height: 1;
}

.opc-button[data-op-size="huge"][data-op-type="radio"] label, [data-op-size="huge"][data-op-type="radio"].opc-favorite-button label, [data-op-size="huge"][data-op-type="radio"].opc-compare-button label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-ok label, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-size="huge"][data-op-type="radio"].notifications-cancel label {
  height: 3.33333rem;
  padding: 0 2.22222rem;
  line-height: 3.33333rem;
}

.opc-button.is-hidden, .is-hidden.opc-favorite-button, .is-hidden.opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-hidden.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .is-hidden.notifications-cancel {
  display: none;
}

.opc-button-wrapper {
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
}

.opc-button-wrapper[data-op-align="left"] {
  justify-content: flex-start;
}

.opc-button-wrapper[data-op-align="right"] {
  justify-content: flex-end;
}

.opc-button-wrapper[data-op-align="right"] .opc-button, .opc-button-wrapper[data-op-align="right"] .opc-favorite-button, .opc-button-wrapper[data-op-align="right"] .opc-compare-button, .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button-wrapper[data-op-align="right"] .notifications-ok, .opc-button-wrapper[data-op-align="right"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-button-wrapper[data-op-align="right"] .notifications-cancel {
  margin-left: .555556rem;
}

.opc-button-wrapper[data-op-align="center"] {
  justify-content: center;
}

h1, .h1, .opc-carousel h2 span, h2, .h2 {
  color: #83be26;
  margin: 0 0 .5em;
  font-family: UniversLTPro-55Roman, Arial, sans-serif;
  font-size: 1.33333rem;
  font-weight: 400;
  line-height: 1.25;
}

h3, .h3, .basket-modal h2, .opc-art-spec .art-spec-label, .opc-category-navigation ul .category-item .category-item-title {
  margin: 0 0 .5em;
  font-family: UniversLTPro-55Roman, Arial, sans-serif;
  font-size: 1.08333rem;
  font-weight: 400;
  line-height: 1.25;
}

h4, .opc-directsearch-suggest h3, .h4, .opc-compare .compare-group-title .group-title-inner, .article-list-item .article-list-item-details .article-list-item-title {
  margin: 0 0 .5em;
  font-family: UniversLTPro-55Roman, Arial, sans-serif;
  font-size: .833333rem;
  font-weight: 400;
  line-height: 1.25;
}

h5, .h5, h6, .h6 {
  margin: 0 0 .5em;
  font-family: UniversLTPro-55Roman, Arial, sans-serif;
  font-size: .583333rem;
  font-weight: 400;
  line-height: 1.25;
}

.lead, .opc-iconbox p {
  margin: 0 0 .5em;
  font-family: UniversLTPro-45Light, Arial, sans-serif;
  font-size: 25.2px;
  font-weight: 400;
  line-height: 1.25;
}

p, .copy, .text, .footer-wrapper .footer-col .opc-static-content, .basket-modal .opc-price, .opc-art-spec .art-spec-data, .opc-category-navigation ul .category-item .category-item-description {
  margin: 0 0 .5em;
  font-family: UniversLTPro-45Light, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

small, .small {
  margin: 0 0 .5em;
  font-family: UniversLTPro-45Light, Arial, sans-serif;
  font-size: .666667rem;
  font-weight: 400;
  line-height: 1.4;
}

.opc-mini-label {
  text-transform: uppercase;
  color: #000;
  opacity: .4;
  margin-bottom: .5em;
  font-size: 1.4rem;
  display: block;
}

label {
  margin-bottom: .277778rem;
  display: inline-block;
}

.opc-radio {
  margin-right: 1.11111rem;
  display: inline-block;
  position: relative;
}

.opc-radio label {
  cursor: pointer;
  vertical-align: top;
  margin-bottom: 0;
  padding-left: 2.11111rem;
  font-size: .777778rem;
  line-height: 1.31111rem;
  position: relative;
}

.opc-radio label:before {
  content: "";
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 1.11111rem;
  width: 1.11111rem;
  height: 1.11111rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.opc-radio label:after {
  content: "";
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23333%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: .888889rem;
  border: 1px solid #0000;
  width: 1.11111rem;
  height: 1.11111rem;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(0) rotate(-360deg);
}

.opc-radio label.error:before, .opc-radio label.error:after {
  display: none;
}

.opc-radio label:hover:before {
  background: #fff;
  border: 1px solid #bbb;
}

.opc-radio label:focus:before {
  background: #fff;
  border: 1px solid #aaa;
}

.opc-radio input[type="radio"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.opc-radio input[type="radio"]:checked + label:before {
  background: #fff;
  border: 1px solid #ccc;
}

.opc-radio input[type="radio"]:checked + label:after {
  opacity: 1;
  transform: translateY(0) rotate(0);
}

.field-accept-terms-link {
  vertical-align: top;
  font-size: .777778rem;
  line-height: 1.31111rem;
}

.opc-checkbox {
  margin-right: 1.11111rem;
  display: inline-block;
  position: relative;
}

.opc-checkbox--fix-label-width label {
  width: 1.11111rem;
  height: 1.11111rem;
}

.opc-checkbox label {
  cursor: pointer;
  vertical-align: top;
  margin-bottom: 0;
  padding-left: 2.11111rem;
  font-size: .777778rem;
  line-height: 1.31111rem;
  position: relative;
}

.opc-checkbox label:before {
  content: "";
  background: #fff;
  border: 1px solid #ccc;
  border-radius: .277778rem;
  width: 1.11111rem;
  height: 1.11111rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.opc-checkbox label:after {
  content: "";
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23333%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: .888889rem;
  border: 1px solid #0000;
  width: 1.11111rem;
  height: 1.11111rem;
  transition: all .5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(0) rotate(-360deg);
}

.opc-checkbox label.error:before, .opc-checkbox label.error:after {
  display: none;
}

.opc-checkbox label:hover:before {
  background: #fff;
  border: 1px solid #bbb;
}

.opc-checkbox label:focus:before {
  background: #fff;
  border: 1px solid #aaa;
}

.opc-checkbox input[type="checkbox"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.opc-checkbox input[type="checkbox"]:checked + label:before {
  background: #fff;
  border: 1px solid #ccc;
}

.opc-checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: translateY(0) rotate(0);
}

.opc-input, .opc-textarea {
  font-family: sans-serif;
  font-size: inherit;
  background: #fff;
  border: 1px solid #ccc;
  height: 2.22222rem;
  padding: 0 .694444rem;
  font-size: .777778rem;
  line-height: 2.22222rem;
}

.opc-input::-ms-expand {
  display: none;
}

.opc-textarea::-ms-expand {
  display: none;
}

.opc-input::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-textarea::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-input:hover, .opc-textarea:hover {
  background: #fff;
  border: 1px solid #bbb;
}

.opc-input:focus, .opc-textarea:focus {
  background: #fff;
  border: 1px solid #aaa;
  outline: none;
}

.is-invalid .opc-input, .opc-input.is-invalid, .is-invalid .opc-textarea, .opc-textarea.is-invalid {
  color: #fa7979;
  border: 1px solid #fa7979;
}

.is-valid .opc-input, .opc-input.is-valid, .is-valid .opc-textarea, .opc-textarea.is-valid {
  color: #83be26;
  border: 1px solid #83be26;
}

.opc-textarea {
  height: auto;
  padding: .694444rem;
  line-height: 1.4;
}

.opc-select, .opc-compare .compare-row .compare-label select, .article-list-menu .article-list-sort select, .opc-basket-button .basket-button-dim-variants {
  font-family: sans-serif;
  font-size: inherit;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23999%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: calc(100% - .555556rem);
  background-repeat: no-repeat;
  background-size: 1rem;
  border: 1px solid #ccc;
  height: 2.22222rem;
  padding: 0 .694444rem;
  font-size: .777778rem;
  line-height: 2.22222rem;
  padding-right: 2.22222rem !important;
}

.opc-select::-ms-expand {
  display: none;
}

.opc-compare .compare-row .compare-label select::-ms-expand {
  display: none;
}

.opc-basket-button .basket-button-dim-variants::-ms-expand {
  display: none;
}

.opc-select::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-compare .compare-row .compare-label select::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.article-list-menu .article-list-sort select::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-basket-button .basket-button-dim-variants::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-select:hover, .opc-compare .compare-row .compare-label select:hover, .article-list-menu .article-list-sort select:hover, .opc-basket-button .basket-button-dim-variants:hover {
  background-color: #fff;
  border: 1px solid #bbb;
}

.opc-select:focus, .opc-compare .compare-row .compare-label select:focus, .article-list-menu .article-list-sort select:focus, .opc-basket-button .basket-button-dim-variants:focus {
  background-color: #fff;
  border: 1px solid #aaa;
}

.is-invalid .opc-select, .is-invalid .opc-compare .compare-row .compare-label select, .opc-compare .compare-row .compare-label .is-invalid select, .is-invalid .article-list-menu .article-list-sort select, .article-list-menu .article-list-sort .is-invalid select, .is-invalid .opc-basket-button .basket-button-dim-variants, .opc-basket-button .is-invalid .basket-button-dim-variants, .opc-select.is-invalid, .opc-compare .compare-row .compare-label select.is-invalid, .article-list-menu .article-list-sort select.is-invalid, .opc-basket-button .is-invalid.basket-button-dim-variants {
  color: #fa7979;
  border: 1px solid #fa7979;
}

.is-valid .opc-select, .is-valid .opc-compare .compare-row .compare-label select, .opc-compare .compare-row .compare-label .is-valid select, .is-valid .article-list-menu .article-list-sort select, .article-list-menu .article-list-sort .is-valid select, .is-valid .opc-basket-button .basket-button-dim-variants, .opc-basket-button .is-valid .basket-button-dim-variants, .opc-select.is-valid, .opc-compare .compare-row .compare-label select.is-valid, .article-list-menu .article-list-sort select.is-valid, .opc-basket-button .is-valid.basket-button-dim-variants {
  color: #83be26;
  border: 1px solid #83be26;
}

.opc-dropzone:hover {
  background: #fff;
  border: 1px solid #bbb;
}

.opc-dropzone:focus {
  background: #fff;
  border: 1px solid #aaa;
  outline: none;
}

.is-invalid .opc-dropzone, .opc-dropzone.is-invalid {
  color: #fa7979;
  border: 1px solid #fa7979;
}

.is-valid .opc-dropzone, .opc-dropzone.is-valid {
  color: #83be26;
  border: 1px solid #83be26;
}

.opc-input[data-op-size="tiny"], .opc-select[data-op-size="tiny"], .opc-compare .compare-row .compare-label select[data-op-size="tiny"], .article-list-menu .article-list-sort select[data-op-size="tiny"], .opc-basket-button [data-op-size="tiny"].basket-button-dim-variants {
  height: 1.44444rem;
  padding: 0 calc(rem / 1.8);
  font-size: .666667rem;
  line-height: 1.44444rem;
}

.opc-input[data-op-size="small"], .opc-select[data-op-size="small"], .opc-compare .compare-row .compare-label select[data-op-size="small"], .article-list-menu .article-list-sort select[data-op-size="small"], .opc-basket-button [data-op-size="small"].basket-button-dim-variants {
  height: 1.77778rem;
  padding: 0 .416667rem;
  font-size: .777778rem;
  line-height: 1.77778rem;
}

.opc-input[data-op-size="medium"], .opc-select[data-op-size="medium"], .opc-compare .compare-row .compare-label select[data-op-size="medium"], .article-list-menu .article-list-sort select[data-op-size="medium"], .opc-basket-button [data-op-size="medium"].basket-button-dim-variants {
  height: 2.22222rem;
  padding: 0 .694444rem;
  font-size: .777778rem;
  line-height: 2.22222rem;
}

.opc-input[data-op-size="large"], .opc-select[data-op-size="large"], .opc-compare .compare-row .compare-label select[data-op-size="large"], .article-list-menu .article-list-sort select[data-op-size="large"], .opc-basket-button [data-op-size="large"].basket-button-dim-variants {
  height: 2.77778rem;
  padding: 0 .972222rem;
  font-size: .888889rem;
  line-height: 2.77778rem;
}

.opc-input[data-op-size="huge"], .opc-select[data-op-size="huge"], .opc-compare .compare-row .compare-label select[data-op-size="huge"], .article-list-menu .article-list-sort select[data-op-size="huge"], .opc-basket-button [data-op-size="huge"].basket-button-dim-variants {
  height: 3.33333rem;
  padding: 0 1.11111rem;
  font-size: 1rem;
  line-height: 3.33333rem;
}

.opc-form-field {
  margin-bottom: 1.11111rem;
}

.opc-form-field .form-field-label {
  color: #000;
  font-family: inherit;
  font-weight: 600;
  display: block;
}

.opc-form-field .form-field-element {
  width: 100%;
  position: relative;
}

.opc-form-field .form-field-element input[type="text"], .opc-form-field .form-field-element input[type="password"], .opc-form-field .form-field-element input[type="email"], .opc-form-field .form-field-element input[type="number"], .opc-form-field .form-field-element input[type="tel"], .opc-form-field .form-field-element input[type="search"], .opc-form-field .form-field-element input[type="url"], .opc-form-field .form-field-element input[type="date"], .opc-form-field .form-field-element select, .opc-form-field .form-field-element textarea {
  width: 100%;
}

.opc-form-field .form-field-element input[type="text"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="password"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="email"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="number"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="tel"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="search"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="url"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="date"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element select::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element textarea::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.opc-form-field .form-field-element input[type="date"]::-webkit-inner-spin-button {
  display: none;
}

.opc-form-field[data-op-label="hidden"] > label {
  display: none;
}

.opc-form-field[data-op-label="top"] > label {
  margin-bottom: .277778rem;
}

.opc-form-field[data-op-label="left"] {
  flex-wrap: wrap;
  display: flex;
}

.opc-form-field[data-op-label="left"] > label {
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.opc-form-field[data-op-label="left"] > .form-field-element {
  flex-shrink: 0;
  width: 90%;
}

.opc-form-field[data-op-label="left"] > .form-field-note {
  margin-left: 100%;
}

.opc-form-field[data-op-label="material"] > label {
  margin-bottom: .277778rem;
}

.opc-form-field[data-op-label="material"] > .form-field-element {
  flex-shrink: 0;
  width: 100%;
}

.opc-form-field[data-op-label="material"] > .form-field-note {
  margin-left: 100%;
}

.opc-form-field .ff-error {
  color: #fa7979;
  margin: 0;
  padding: .277778rem 0;
  font-size: .666667rem;
}

.opc-form-field[data-op-size="tiny"] .form-field-element {
  width: 100%;
}

.opc-form-field[data-op-size="tiny"] .form-field-element input[type="text"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="password"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="email"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="number"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="search"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="url"], .opc-form-field[data-op-size="tiny"] .form-field-element input[type="date"], .opc-form-field[data-op-size="tiny"] .form-field-element select, .opc-form-field[data-op-size="tiny"] .form-field-element textarea {
  width: 100%;
  height: 1.44444rem;
  padding: 0 calc(rem / 1.8);
  font-size: .666667rem;
  line-height: 1.44444rem;
}

.opc-form-field[data-op-size="tiny"][data-op-label="inline"] .form-field-label {
  height: 1.44444rem;
  padding: 0 calc(rem / 1.8);
  font-size: .666667rem;
  line-height: 1.44444rem;
}

.opc-form-field[data-op-size="small"] .form-field-element {
  width: 100%;
}

.opc-form-field[data-op-size="small"] .form-field-element input[type="text"], .opc-form-field[data-op-size="small"] .form-field-element input[type="password"], .opc-form-field[data-op-size="small"] .form-field-element input[type="email"], .opc-form-field[data-op-size="small"] .form-field-element input[type="number"], .opc-form-field[data-op-size="small"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="small"] .form-field-element input[type="search"], .opc-form-field[data-op-size="small"] .form-field-element input[type="url"], .opc-form-field[data-op-size="small"] .form-field-element input[type="date"], .opc-form-field[data-op-size="small"] .form-field-element select, .opc-form-field[data-op-size="small"] .form-field-element textarea {
  width: 100%;
  height: 1.77778rem;
  padding: 0 .416667rem;
  font-size: .777778rem;
  line-height: 1.77778rem;
}

.opc-form-field[data-op-size="small"][data-op-label="inline"] .form-field-label {
  height: 1.77778rem;
  padding: 0 .416667rem;
  font-size: .777778rem;
  line-height: 1.77778rem;
}

.opc-form-field[data-op-size="medium"] .form-field-element {
  width: 100%;
}

.opc-form-field[data-op-size="medium"] .form-field-element input[type="text"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="password"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="email"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="number"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="search"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="url"], .opc-form-field[data-op-size="medium"] .form-field-element input[type="date"], .opc-form-field[data-op-size="medium"] .form-field-element select, .opc-form-field[data-op-size="medium"] .form-field-element textarea {
  width: 100%;
  height: 2.22222rem;
  padding: 0 .694444rem;
  font-size: .777778rem;
  line-height: 2.22222rem;
}

.opc-form-field[data-op-size="medium"][data-op-label="inline"] .form-field-label {
  height: 2.22222rem;
  padding: 0 .694444rem;
  font-size: .777778rem;
  line-height: 2.22222rem;
}

.opc-form-field[data-op-size="normal"] .form-field-element {
  width: 100%;
}

.opc-form-field[data-op-size="normal"] .form-field-element input[type="text"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="password"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="email"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="number"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="search"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="url"], .opc-form-field[data-op-size="normal"] .form-field-element input[type="date"], .opc-form-field[data-op-size="normal"] .form-field-element select, .opc-form-field[data-op-size="normal"] .form-field-element textarea {
  width: 100%;
  height: 2.22222rem;
  padding: 0 .694444rem;
  font-size: .777778rem;
  line-height: 2.22222rem;
}

.opc-form-field[data-op-size="normal"][data-op-label="inline"] .form-field-label {
  height: 2.22222rem;
  padding: 0 .694444rem;
  font-size: .777778rem;
  line-height: 2.22222rem;
}

.opc-form-field[data-op-size="large"] .form-field-element {
  width: 100%;
}

.opc-form-field[data-op-size="large"] .form-field-element input[type="text"], .opc-form-field[data-op-size="large"] .form-field-element input[type="password"], .opc-form-field[data-op-size="large"] .form-field-element input[type="email"], .opc-form-field[data-op-size="large"] .form-field-element input[type="number"], .opc-form-field[data-op-size="large"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="large"] .form-field-element input[type="search"], .opc-form-field[data-op-size="large"] .form-field-element input[type="url"], .opc-form-field[data-op-size="large"] .form-field-element input[type="date"], .opc-form-field[data-op-size="large"] .form-field-element select, .opc-form-field[data-op-size="large"] .form-field-element textarea {
  width: 100%;
  height: 2.77778rem;
  padding: 0 .972222rem;
  font-size: .888889rem;
  line-height: 2.77778rem;
}

.opc-form-field[data-op-size="large"][data-op-label="inline"] .form-field-label {
  height: 2.77778rem;
  padding: 0 .972222rem;
  font-size: .888889rem;
  line-height: 2.77778rem;
}

.opc-form-field[data-op-size="huge"] .form-field-element {
  width: 100%;
}

.opc-form-field[data-op-size="huge"] .form-field-element input[type="text"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="password"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="email"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="number"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="tel"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="search"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="url"], .opc-form-field[data-op-size="huge"] .form-field-element input[type="date"], .opc-form-field[data-op-size="huge"] .form-field-element select, .opc-form-field[data-op-size="huge"] .form-field-element textarea {
  width: 100%;
  height: 3.33333rem;
  padding: 0 1.11111rem;
  font-size: 1rem;
  line-height: 3.33333rem;
}

.opc-form-field[data-op-size="huge"][data-op-label="inline"] .form-field-label {
  height: 3.33333rem;
  padding: 0 1.11111rem;
  font-size: 1rem;
  line-height: 3.33333rem;
}

.opc-form-field[data-op-addon] .form-field-element {
  padding-right: 2.22222rem;
  position: relative;
}

.opc-form-field[data-op-addon] .form-field-element .form-field-element-addon {
  background: #fff;
  border: 1px solid #ccc;
  border-left: none;
  justify-content: center;
  align-items: center;
  width: 2.22222rem;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-button, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-favorite-button, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-compare-button, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .notifications-ok, .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-form-field[data-op-addon] .form-field-element .form-field-element-addon .notifications-cancel {
  margin: 0;
}

.opc-form-field[data-op-addon] .form-field-element .form-field-element-addon svg {
  font-size: 1.4em;
}

.pwd-strength {
  margin-top: .555556rem;
  margin-bottom: 1.11111rem;
  padding-left: 1.11111rem;
}

.pwd-strength ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pwd-strength ul li {
  align-items: center;
  margin-bottom: .277778rem;
  font-size: .777778rem;
  display: flex;
}

.pwd-strength ul li:before {
  content: "";
  color: #fa7979;
  text-align: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23fa7979%22%3E%3Cpath style%3D%22 %22 d%3D%22M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: .888889rem;
  height: .888889rem;
  margin-right: .277778rem;
  display: inline-block;
}

.pwd-strength ul li.is-valid:before {
  content: "";
  color: #83be26;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%2383be26%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 100%;
}

.opc-form-field-group {
  width: 100%;
  display: flex;
}

.opc-form-field-group .opc-form-field {
  margin-bottom: 0;
}

.opc-form-field-btn {
  cursor: pointer;
  background: #fff;
  margin-left: -1px;
}

.opc-form-field-btn:hover {
  background: #eee;
}

.form-field-list {
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  max-height: 11.1111rem;
  margin-bottom: 1.11111rem;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  overflow-y: auto;
}

.form-field-list.is-visible {
  display: block;
}

.form-field-list .select-list li {
  cursor: pointer;
  padding: .277778rem .555556rem;
}

.form-field-list .select-list li:hover {
  background: #eee;
}

.text-small {
  font-size: .6rem;
}

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

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

.spacer-large {
  margin-bottom: 3rem;
}

@media only screen and (width <= 800px) {
  .header-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 95% !important;
  }
}

.topbar-wrapper .topbar-inner, .header-wrapper .header-inner, .mainnav-wrapper .mainnav-inner, .offcanvas-menu-wrapper .offcanvas-menu-inner, .footer-wrapper .footer-inner, .footer-wrapper .footer-inner-payment, .footer-wrapper .footer-inner-bottom, .section-wrapper .section-inner {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.content-box-wrapper {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.content-box-wrapper .content-box {
  width: 50%;
  margin: 0 15px;
}

@media only screen and (width <= 800px) {
  .content-box-wrapper .content-box {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.content-box {
  border: 1px solid #ccc;
  margin-bottom: 1rem;
}

.content-box.fixed-width {
  max-width: 60rem;
  margin: 0 auto;
}

.content-box .content-box-head {
  padding: 2rem;
  position: relative;
}

.content-box .content-box-head h2 {
  margin: 0;
  padding: 0;
}

.content-box .content-box-head h2 span {
  margin-right: 2rem;
  font-size: 3rem;
}

.content-box .content-box-head .content-box-toggler {
  text-align: center;
  font-size: 2rem;
  line-height: 2rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}

.content-box.is-open .content-box-head .content-box-toggler {
  transform: translateY(-50%) rotate(-180deg);
}

.content-box .content-box-body {
  padding: 0 2rem 2rem;
}

.content-box .content-box-body p {
  margin: 0 0 2rem;
  padding: 0;
}

.content-box .content-box-body .content-box-slide-content {
  display: none;
}

.content-box .content-box-body .content-box-body-actions {
  text-align: right;
}

.list-filter {
  background: #eee;
  margin-bottom: 1.11111rem;
  padding: .555556rem;
  display: flex;
}

.list-filter .opc-form-field {
  margin-bottom: 0;
  margin-right: .555556rem;
}

.ele-input-daterange {
  margin-bottom: 30px;
}

.ele-input-daterange ::-webkit-input-placeholder {
  color: #000;
}

.ele-input-daterange ::placeholder {
  color: #000;
}

.ele-input-daterange :placeholder-shown {
  color: #000;
}

.ele-input-daterange :-ms-placeholder-shown {
  color: #000;
}

.ele-input-daterange input {
  text-align: left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cg id%3D%22surface1%22%3E%3Cpath d%3D%22M9 4v1h-4v22h22v-22h-4v-1h-2v1h-10v-1zM7 7h2v1h2v-1h10v1h2v-1h2v2h-18zM7 11h18v14h-18zM13 13v2h2v-2zM17 13v2h2v-2zM21 13v2h2v-2zM9 17v2h2v-2zM13 17v2h2v-2zM17 17v2h2v-2zM21 17v2h2v-2zM9 21v2h2v-2zM13 21v2h2v-2zM17 21v2h2v-2z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: calc(100% - 10px);
  background-repeat: no-repeat;
  background-size: 25px;
  width: 100%;
  height: 48px;
  padding: 28px 17px;
  font-family: UniversLTPro-45Light;
  font-size: 1rem;
  font-weight: 400;
}

.struct-url {
  color: #000 !important;
}

.opc-filter-set {
  margin-bottom: .555556rem;
  position: relative;
}

.opc-filter-set .filter-toggle {
  text-align: center;
  cursor: pointer;
  background: #eeec;
  margin-bottom: 1.11111rem;
  padding: .555556rem 1.11111rem;
  display: block;
}

@media only screen and (width >= 800px) {
  .opc-filter-set .filter-toggle {
    display: none;
  }
}

.opc-filter-set .filter-toggle:hover {
  background: #eee;
}

.opc-filter-set .filter-toggle i {
  margin-right: .555556rem;
}

.opc-filter-set .filter-reset {
  opacity: .6;
  color: #dc143c;
  padding: 0;
  display: inline-block;
}

.opc-filter-set .filter-reset:hover {
  opacity: 1;
}

.opc-filter-set .filter-set-list {
  flex-direction: column;
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-filter-set .filter-set-list {
    display: flex !important;
  }
}

.opc-filter-set .filter-set-list .filter-set-list-item {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.opc-filter-set[data-op-layout="horizontal"] .filter-set-list {
  flex-flow: wrap;
  justify-content: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: none;
}

.opc-filter-set[data-op-layout="horizontal"] .filter-set-list.is-open {
  display: flex;
}

.opc-filter-set[data-op-layout="horizontal"] .filter-set-list .filter-set-list-item {
  padding: 0 15px;
}

@media only screen and (width >= 640px) {
  .opc-filter-set[data-op-layout="horizontal"] .filter-set-list .filter-set-list-item {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (width >= 800px) {
  .opc-filter-set[data-op-layout="horizontal"] .filter-set-list .filter-set-list-item {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
  }
}

@media only screen and (width >= 1024px) {
  .opc-filter-set[data-op-layout="horizontal"] .filter-set-list .filter-set-list-item {
    flex-basis: 20%;
    width: 20%;
    max-width: 20%;
  }
}

.opc-filter {
  z-index: 10;
  width: 100%;
  margin-bottom: 1.11111rem;
  position: relative;
}

.opc-filter .filter-head .filter-head-title {
  white-space: nowrap;
}

.opc-filter .filter-head {
  text-overflow: ellipsis;
  padding: 5px 0;
  overflow: hidden;
}

.opc-filter .filter-head svg {
  font-size: 1.4em;
}

.opc-filter .filter-body {
  background: #fff;
  border: 1px solid #ccc;
  width: 100%;
  margin-top: -1px;
}

.opc-filter .filter-body .filter-body-search {
  padding: 0;
}

.opc-filter .filter-body .filter-body-search input {
  background: #cccccc1a;
  border: none;
  width: 100%;
  padding: .555556rem 1.11111rem;
}

.opc-filter .filter-body .filter-body-inner {
  border-top: 1px solid #ccc;
  max-height: 400px;
  overflow: hidden auto;
}

.opc-filter .filter-body .filter-body-reset {
  border-top: 1px solid #ccc;
  padding: .277778rem 1.11111rem;
}

.opc-filter .filter-body .filter-body-reset a {
  color: #dc143c;
  opacity: .6;
}

.opc-filter .filter-body .filter-body-reset a:hover {
  opacity: 1;
}

.opc-filter[data-op-type="range"] .filter-body-inner {
  border-top: none;
  padding: .555556rem 1.11111rem;
  position: relative;
}

.opc-filter[data-op-type="range"] .slider-values {
  color: #000;
  background: #d9d9d9;
  border-radius: 5px;
  padding: .138889rem .555556rem;
  display: block;
  position: absolute;
  bottom: 2.22222rem;
  left: 50%;
  transform: translateX(-50%);
}

.opc-filter[data-op-style="dropdown"] {
  background: #fff;
}

.opc-filter[data-op-style="dropdown"] .filter-head {
  border: 1px solid #ccc;
  padding: .833333rem 1.11111rem;
  position: relative;
}

.opc-filter[data-op-style="dropdown"] .filter-head svg {
  font-size: 1.11111rem;
  position: absolute;
  top: 50%;
  right: .555556rem;
  transform: translateY(-50%);
}

.opc-filter[data-op-style="dropdown"] .filter-body {
  background: #fff;
  border: 1px solid #ccc;
  width: 100%;
  margin-top: -1px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

.opc-filter[data-op-style="dropdown"] .filter-body .filter-body-search {
  padding: 0;
}

.opc-filter[data-op-style="dropdown"] .filter-body .filter-body-search input {
  background: #cccccc1a;
  border: none;
}

.opc-filter[data-op-style="classic"] .filter-head {
  font-size: 1.22222rem;
}

.opc-filter[data-op-style="classic"] .filter-head svg {
  display: none;
}

.opc-filter.is-open {
  z-index: 12;
}

.opc-filter.is-open .filter-head:after {
  transform: translateY(-50%) rotate(-180deg);
}

.opc-filter.is-open .filter-body {
  display: block;
}

.filter-tag-list {
  margin-bottom: .555556rem;
}

.filter-tag-list .tag {
  color: #fff;
  background: #83be26;
  border-radius: 2.77778rem;
  margin-bottom: .555556rem;
  margin-right: .277778rem;
  padding: .555556rem 1.94444rem .555556rem 1.11111rem;
  font-size: .666667rem;
  display: inline-block;
  position: relative;
}

.filter-tag-list .tag .tag-type {
  opacity: .8;
  margin-right: .277778rem;
}

.filter-tag-list .tag .tag-value {
  font-weight: bold;
}

.filter-tag-list .tag .tag-remove {
  opacity: .6;
  cursor: pointer;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23fff%22%3E%3Cpath style%3D%22 %22 d%3D%22M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: calc(100% - .555556rem);
  background-repeat: no-repeat;
  background-size: .888889rem;
  align-items: center;
  height: 100%;
  margin-left: .555556rem;
  padding: 0 2rem 0 .555556rem;
  font-weight: bold;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.filter-tag-list .tag .tag-remove:hover {
  opacity: 1;
}

.filter-tag-list .tag .tag-remove:before {
  content: "x";
}

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

.select-list li input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.select-list li label {
  cursor: pointer;
  align-items: center;
  padding: .2rem 1.11111rem;
  font-size: 13px;
  display: flex;
}

.select-list li label:hover {
  background: #0000000d;
}

.select-list li label:before {
  content: "";
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23eee%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: cover;
  width: 1.2em;
  height: 1.2em;
  margin-right: .555556rem;
  transition: all .2s ease-in-out;
  display: inline-block;
}

.select-list li input:checked + label:before {
  opacity: 1;
  color: #1da775;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%2383be26%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
}

.select-list li:only-child label {
  pointer-events: none;
}

.range-slider {
  margin: 0;
}

.range-slider[data-op-orientation="horizontal"] {
  margin: 39px 0 5px;
}

.opc-rangeslider-target {
  direction: ltr;
  position: relative;
}

.opc-rangeslider-base {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.opc-rangeslider-connect {
  position: absolute;
  inset: 0;
}

.opc-rangeslider-origin {
  width: 0;
  height: 0;
  position: absolute;
}

.opc-rangeslider-handle {
  z-index: 1;
  position: relative;
}

.opc-rangeslider-base, .opc-rangeslider-handle {
  transform: translate3d(0, 0, 0);
}

.opc-rangeslider-horizontal .opc-rangeslider-handle {
  width: 1.11111rem;
  height: 1.11111rem;
  top: -.416667rem;
  left: -.555556rem;
}

.opc-rangeslider-horizontal .opc-rangeslider-handle:before, .opc-rangeslider-horizontal .opc-rangeslider-handle:after {
  display: none;
}

.opc-rangeslider-vertical .opc-rangeslider-handle {
  width: 28px;
  height: 34px;
  top: -17px;
  left: -6px;
}

.opc-rangeslider-target {
  background: #eee;
  border: 1px solid #0000;
  border-radius: 50px;
}

.opc-rangeslider-handle {
  cursor: default;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.opc-rangeslider-tooltip {
  color: #000;
  text-align: center;
  white-space: nowrap;
  background: #fff;
  border: none;
  border-radius: 3px;
  padding: 5px;
  font-weight: bold;
  display: block;
  position: absolute;
}

.list-info {
  columns: 1;
  break-inside: avoid;
  background: #eee;
  margin-bottom: 2rem;
  padding: 1rem;
}

@media only screen and (width >= 800px) {
  .list-info {
    columns: 2;
  }
}

@media only screen and (width >= 1200px) {
  .list-info {
    columns: 3;
  }
}

.list-info .list-info-item {
  page-break-inside: avoid;
  break-inside: avoid;
  width: 100%;
  margin-bottom: .5rem;
  display: inline-block;
}

.list-info .list-info-item .list-info-label {
  width: 45%;
  margin-right: 1rem;
  font-weight: bold;
  display: inline-block;
}

.list-info .list-info-item .list-info-value {
  display: inline-block;
}

.list-info--course {
  flex-direction: column;
  row-gap: 16px;
  display: flex;
}

.list-info--course .list-info-item {
  border-bottom: 1px solid #f0f0f0;
  flex-direction: column;
  row-gap: 4px;
  margin-bottom: 0;
  padding-bottom: 16px;
}

.list-info--course .list-info-item:last-of-type {
  border-bottom: none;
}

.list-info--course .list-info-item .list-info-label {
  font-size: .777778rem;
  font-weight: bold !important;
}

.list-info--course .list-info-item .list-info-value {
  font-weight: 400 !important;
}

.list-info--course .list-info-item--price {
  gap: 24px;
  display: flex;
  flex-direction: row !important;
}

.article-list-menu {
  flex-wrap: wrap;
}

.article-list-menu .article-list-count {
  width: 100%;
  margin-bottom: 1rem;
}

@media only screen and (width >= 640px) {
  .article-list-menu .article-list-count {
    width: auto;
  }
}

.article-list-menu .article-list-sort {
  margin-bottom: 1rem;
}

.article-list-menu .article-list-sort label {
  display: none;
}

@media only screen and (width >= 800px) {
  .article-list-menu .article-list-sort label {
    display: inline-block;
  }
}

.article-list-menu .article-list-sort select::-ms-expand {
  display: none;
}

.article-list-menu .article-list-layout {
  margin-bottom: 1rem;
}

.opc-article-list .article-list-item-norm {
  background-color: #ccc;
}

.opc-article-list .article-list-item {
  color: #666;
  z-index: 1;
  border: none;
  width: 100%;
  height: 100%;
  padding: 0;
  top: 0;
  left: 0;
  background-size: cover !important;
}

.opc-article-list .article-list-item a {
  position: initial !important;
}

.opc-article-list .article-list-item {
  height: 150px;
}

@media only screen and (width >= 800px) {
  .opc-article-list .article-list-item {
    height: 220px;
  }
}

@media only screen and (width >= 1200px) {
  .opc-article-list .article-list-item {
    height: 250px;
  }
}

.opc-article-list .article-list-item:before {
  content: "";
  opacity: 0;
  z-index: 3;
  visibility: hidden;
  background: none;
  width: 100%;
  height: 100%;
  transition: all .4s linear;
  position: absolute;
  top: 0;
  left: 0;
}

.opc-article-list .article-list-item.fadeOut:before {
  visibility: visible;
  opacity: 1;
  background: #00000059;
}

.opc-article-list .article-list-item:hover .article-list-item-details {
  bottom: 15%;
}

.opc-article-list .article-list-item:hover .article-list-item-details .article-list-item-actions {
  bottom: -20px;
}

.opc-article-list .article-list-item:hover .article-list-item-details .article-list-item-actions .details-button:after {
  transform: scaleX(1);
}

.opc-article-list .article-list-item .article-list-item-image {
  z-index: 1;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.opc-article-list .article-list-item .article-list-item-image img {
  object-fit: cover;
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.opc-article-list .article-list-item .article-list-item-details {
  opacity: 1;
  z-index: 8;
  background: #fff;
  height: 70%;
  margin-bottom: 0;
  padding: .5em;
  bottom: 13%;
  left: 10%;
  right: 10%;
  overflow: initial !important;
  position: absolute !important;
}

.opc-article-list .article-list-item .article-list-item-details .article-list-item-details-prefix {
  font-size: .7rem;
  font-style: italic;
  font-weight: normal;
}

.opc-article-list .article-list-item .article-list-item-details {
  font-family: UniversLTPro-55Roman;
  transition: all .3s linear;
}

.opc-article-list .article-list-item .article-list-item-details .article-list-item-title {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  height: 3.1rem;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
}

@media only screen and (width >= 1024px) {
  .opc-article-list .article-list-item .article-list-item-details .article-list-item-title {
    -webkit-line-clamp: none;
    height: 85%;
    text-overflow: none;
    overflow: unset;
    display: block;
  }
}

.opc-article-list .article-list-item .article-list-item-details .article-list-item-title a {
  color: #666;
}

.opc-article-list .article-list-item .article-list-item-details .article-list-item-title .title {
  height: 25%;
  max-height: 25%;
}

.opc-article-list .article-list-item .article-list-item-details .article-list-item-title .article-item-description {
  margin-top: .5rem;
}

.opc-article-list .article-list-item .article-list-item-details .article-list-item-title .article-item-description > div {
  max-height: 50%;
  margin-top: .2rem;
}

.opc-article-list .article-list-item .article-list-item-details .article-list-item-title .article-item-description {
  display: none;
}

@media only screen and (width >= 1024px) {
  .opc-article-list .article-list-item .article-list-item-details .article-list-item-title .article-item-description {
    display: block;
  }
}

.opc-article-list .article-list-item .article-list-item-details .article-list-item-title .article-item-description {
  color: #000;
  height: 50%;
  max-height: 50%;
  font-size: .7rem;
  font-weight: normal;
}

.opc-article-list .article-list-item .article-list-item-details .article-list-item-subtitle {
  color: #000;
  height: 25%;
  font-weight: normal;
  display: block;
}

@media only screen and (width >= 640px) {
  .opc-article-list .article-list-item .article-list-item-details .article-list-item-subtitle {
    font-size: small;
  }
}

@media only screen and (width >= 1024px) {
  .opc-article-list .article-list-item .article-list-item-details .article-list-item-subtitle {
    margin-top: -5px;
  }
}

.opc-article-list .article-list-item .article-list-item-details .article-list-item-actions {
  z-index: 5;
  transition: all .3s linear;
  position: absolute;
  bottom: -17px;
  right: 30px;
}

.opc-article-list .article-list-item .article-list-item-details .article-list-item-actions .details-button:after {
  content: "";
  z-index: -1;
  background: #83be26;
  width: 102%;
  height: 100%;
  transition: all .3s linear;
  position: absolute;
  top: 0;
  left: -1%;
  transform: scaleX(0);
}

.article-list-item .article-list-item-details .opc-price {
  min-height: 1.33333rem;
  position: unset;
}

@media only screen and (width >= 1024px) {
  .article-list-item .article-list-item-details .opc-price {
    margin-bottom: .277778rem;
  }
}

.article-list-item .article-list-item-details .article-list-item-title {
  text-overflow: ellipsis;
  margin-bottom: .277778rem;
  font-size: .8rem;
  font-weight: 700;
  overflow: hidden;
}

.article-list-item .article-list-item-details .article-list-item-description {
  overflow: hidden;
}

.article-list-item .article-list-item-details .article-list-item-description p, .article-list-item .article-list-item-details .article-list-item-description .is-product-msg {
  height: 2.44444rem;
  margin-bottom: 0;
  padding: .277778rem 0;
  font-size: .777778rem;
  line-height: 1.3;
  overflow: hidden;
}

.article-list-item .article-list-item-details .article-list-item-description p:empty, .article-list-item .article-list-item-details .article-list-item-description .is-product-msg:empty {
  display: none;
}

.article-list-item .article-list-item-details .article-list-item-description .is-product-msg {
  text-align: center;
  background: #eee;
  border-radius: .555556rem;
  justify-content: center;
  align-items: center;
  max-width: 33.3333rem;
  padding: .277778rem .555556rem;
  font-size: .666667rem;
  display: flex;
}

.article-list-item .article-list-item-actions {
  color: #000;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  overflow: visible;
}

.article-list-item .article-list-item-actions .details-button {
  margin-bottom: .277778rem;
  margin-left: auto;
}

.article-list-item .article-list-item-actions .opc-favorite-button {
  background-color: #fff;
}

.article-list-item .article-list-item-actions .opc-favorite-button:hover, .article-list-item .article-list-item-actions .opc-favorite-button:focus {
  box-shadow: 1px 3px 3px #ccc;
}

.article-list-item .article-list-item-actions .opc-compare-button {
  background-color: #fff;
  margin-left: .555556rem;
}

.article-list-item .article-list-item-actions .opc-compare-button:hover, .article-list-item .article-list-item-actions .opc-compare-button:focus {
  box-shadow: 1px 3px 3px #ccc;
}

.article-list-item .article-list-item-actions .opc-basket-button {
  width: 2.22222rem;
  margin-left: auto;
  padding: 0;
}

.article-list-item .article-list-item-actions .opc-basket-button svg {
  margin-right: 0;
}

.article-list-item .article-list-item-actions .opc-basket-button span {
  display: none;
}

.article-list-item .article-list-item-actions .opc-basket-button:hover, .article-list-item .article-list-item-actions .opc-basket-button:focus {
  box-shadow: 1px 3px 3px #ccc;
}

.article-list-item .article-list-item-actions .details-button {
  width: auto;
}

@media only screen and (width >= 800px) {
  .article-list-item .article-list-item-actions .details-button {
    width: auto;
  }
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-details .article-list-item-title {
  height: auto;
  margin-bottom: .277778rem;
  font-size: 1rem;
  font-weight: 600;
  overflow: hidden;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions {
  color: #000;
  display: flex;
  overflow: visible;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .details-button {
  margin-bottom: .277778rem;
  margin-left: auto;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-favorite-button {
  background-color: #fff;
  margin-right: .277778rem;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-favorite-button:hover, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-favorite-button:focus {
  box-shadow: 1px 3px 3px #ccc;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-more-button {
  margin-left: 0;
  margin-right: .277778rem;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-compare-button {
  background-color: #fff;
  margin-left: 0;
  margin-right: .277778rem;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-compare-button:hover, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-compare-button:focus {
  box-shadow: 1px 3px 3px #ccc;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button {
  justify-content: center;
  width: 2.22222rem;
  padding: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button svg {
  margin-right: 0;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button span {
  display: none;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button:hover, [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .opc-basket-button:focus {
  box-shadow: 1px 3px 3px #ccc;
}

[data-op-article-list-type="list"] .article-list-item .article-list-item-actions .details-button {
  width: 100%;
}

@media only screen and (width >= 800px) {
  [data-op-article-list-type="list"] .article-list-item .article-list-item-actions .details-button {
    width: auto;
  }
}

html.search-open .search-toggle {
  background-color: #83be26 !important;
  height: 75px !important;
}

html.search-open .search-toggle svg {
  color: #fff;
}

@media only screen and (width >= 1024px) {
  .opc-search {
    padding: 0 1.11111rem;
  }
}

.opc-search {
  width: 100%;
  position: relative;
}

.opc-search .opc-search-content > a.opc-button, .opc-search .opc-search-content > a.opc-favorite-button, .opc-search .opc-search-content > a.opc-compare-button, .opc-search .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search-content > a.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content > a.notifications-ok, .opc-search .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search-content > a.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-search .opc-search-content > a.notifications-cancel {
  display: none;
}

.opc-search .opc-search-content .opc-search-query {
  border: none;
  padding: 0;
  display: flex;
}

@media only screen and (width >= 1024px) {
  .opc-search .opc-search-content .opc-search-query {
    border: 1px solid #ccc;
    padding: .5rem;
    display: flex;
  }
}

.opc-search .opc-search-content .opc-search-query .search-query {
  border: none;
}

@media only screen and (width >= 1024px) {
  .opc-search .opc-search-content .opc-search-query .search-query {
    height: 1.6rem;
  }
}

.opc-search .opc-search-content .opc-search-query .search-query:focus {
  outline: none;
}

.opc-search .opc-search-content .opc-search-query .search-filter {
  border: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  height: 1.66667rem;
  padding: 0 .555556rem;
}

.opc-search .opc-search-content .opc-search-query .search-filter:focus {
  outline: none;
}

.opc-search .opc-search-content .opc-search-query .search-btn {
  color: #83be26;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.22222rem;
  height: 1.66667rem;
  font-size: 1.11111rem;
  display: flex;
}

.opc-search .opc-search-content .opc-search-results {
  background: #fff;
  border: 1px solid #ccc;
  width: 100%;
  min-height: 2.77778rem;
  max-height: 80vh;
  margin-top: -1px;
  padding: 0;
  display: none;
  position: absolute;
  top: 100%;
  overflow: hidden auto;
}

.opc-search .opc-search-content .opc-search-results:before {
  content: "";
  background: none;
  border: 2px solid #0000;
  border-top-color: #83be26;
  border-radius: 50%;
  width: 1.66667rem;
  height: 1.66667rem;
  margin: 0 auto 0 -.833333rem;
  animation-name: rotater;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  display: block;
  position: absolute;
  top: .555556rem;
  left: 50%;
}

.opc-search .opc-search-content .opc-search-results .opc-directsearch-message {
  text-align: center;
  z-index: 2;
  background: #fff;
  width: 100%;
  padding: 1rem;
  font-size: 1.11111rem;
  position: relative;
}

.opc-search input {
  width: 100%;
}

.opc-search[data-op-type="fullscreen"] {
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  z-index: -10;
  pointer-events: none;
  background: #fffffffa;
  width: 100%;
  height: 100%;
  position: fixed;
}

.search-open .opc-search[data-op-type="fullscreen"] {
  visibility: visible;
  z-index: 1000;
  opacity: 1;
  pointer-events: all;
  top: 75px;
}

.opc-search[data-op-type="fullscreen"] .search-head {
  height: 74px;
  box-shadow: none;
  z-index: 20000;
  background-color: #87bd24;
  border-bottom: 1px solid #efefef;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0 1.11111rem;
  display: flex;
  position: relative;
}

.opc-search[data-op-type="fullscreen"] .search-head button {
  color: #000;
  cursor: pointer;
  background: none;
  width: 2.22222rem;
  height: 2.22222rem;
  margin-right: -.555556rem;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.opc-search[data-op-type="fullscreen"] .search-head button svg {
  color: #000;
  margin: 0;
  font-size: 1.77778rem;
}

.opc-search[data-op-type="fullscreen"] .search-query {
  -webkit-appearance: textfield;
  outline-offset: -2px;
  background-color: #87bd24;
  font-family: UniversLTPro-45Light;
  font-size: 1.33333rem;
  line-height: 74px;
  color: #fff !important;
  border: none !important;
  height: 73px !important;
}

.opc-search[data-op-type="fullscreen"] .search-query::placeholder {
  color: #b6e265;
}

.opc-search[data-op-type="fullscreen"] .search-query input {
  border: 1px solid #ccc;
  width: 100%;
  height: 2.77778rem;
  padding: 0 .555556rem;
}

.opc-search[data-op-type="fullscreen"] .search-body {
  padding: 1.11111rem;
  position: absolute;
  inset: 76px 0 0;
  overflow-y: auto;
}

.opc-search[data-op-type="fullscreen"] .search-body .opc-directsearch-suggest {
  background: none;
}

.opc-search[data-op-type="fullscreen"] .search-body .opc-directsearch-suggest .directsearch-suggest-row {
  margin-left: -.555556rem;
  margin-right: -.555556rem;
}

.opc-search[data-op-type="fullscreen"] .search-body .opc-directsearch-suggest .directsearch-suggest-column {
  padding-left: .555556rem;
  padding-right: .555556rem;
}

.opc-search[data-op-type="fullscreen"] .opc-search-results {
  margin-bottom: 2.22222rem;
}

.opc-search[data-op-type="fullscreen"] .search-slider {
  flex-wrap: nowrap;
  max-width: 100%;
  margin-bottom: 1.11111rem;
  display: flex;
  overflow-x: auto;
}

.opc-search[data-op-type="fullscreen"] .search-slider .search-slider-item {
  flex-shrink: 0;
  width: 6.66667rem;
  margin-right: 15px;
}

.opc-search[data-op-type="fullscreen"] .search-slider img {
  width: 100%;
}

.opc-search[data-op-type="fullscreen"] .search-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-search[data-op-type="fullscreen"] .search-list li {
  border-bottom: 1px solid #f0f0f0;
}

.opc-search[data-op-type="fullscreen"] .search-list li a {
  color: #000;
  padding: .555556rem 0;
  display: block;
}

.directsearchsuggest-wrapper {
  width: 100%;
  display: flex;
}

.column-section-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.column-section-list li:not(.moreItems) {
  border-bottom: 1px solid #f0f0f0;
  font-size: .75rem;
}

.column-section-list li:not(.moreItems) a {
  font-size: inherit;
  padding: 1em 0;
  transition: all .2s ease-in-out;
  display: block;
}

.column-section-list li:not(.moreItems) a:hover {
  color: #83be26;
}

.column-section-list li:not(.moreItems) a br {
  display: none;
}

.column-section-list .moreItems {
  margin-top: .5rem;
}

.column-section-list .moreItems a {
  background: #83be26;
  align-items: center;
  height: 2.22222rem;
  padding: 0 .5rem;
  display: inline-flex;
  color: #fff !important;
}

.column-section-list .moreItems a span {
  margin: 0 !important;
  font-size: .75rem !important;
}

.opc-breadcrumb {
  font-family: UniversLTPro-55Roman;
  font-size: .8rem;
  display: none;
}

.opc-breadcrumb li.is-active {
  color: #cdcdcd !important;
  font-weight: normal !important;
}

.opc-breadcrumb {
  color: #b3b3b3;
}

.opc-breadcrumb .breadcrumb-pretext {
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-breadcrumb {
    display: flex;
  }
}

.opc-favorite-modal .opc-mini-label {
  margin-bottom: 1rem;
}

.opc-favorite-modal .favorite-list {
  margin: 0 0 4rem;
  padding: 0;
  list-style: none;
}

.opc-favorite-modal .favorite-list .favorite-list-item {
  cursor: pointer;
  border-bottom: 1px solid #eee;
  align-items: center;
  padding: 1rem 0;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.opc-favorite-modal .favorite-list .favorite-list-item[data-op-artexist="true"], .opc-favorite-modal .favorite-list .favorite-list-item.is-progress {
  pointer-events: none;
  opacity: .2;
  cursor: default;
}

.opc-favorite-modal .favorite-list .favorite-list-item:hover {
  background: #eee;
  padding: 1rem .5rem;
}

.opc-favorite-modal .favorite-list .favorite-list-item .favorite-list-item-title {
  font-weight: bold;
}

.opc-favorite-modal .favorite-list .favorite-list-item .favorite-list-item-count {
  color: #fff;
  background: #3d4961;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 1.2rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: .5rem;
  transform: translateY(-50%);
}

.opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input {
  flex-wrap: wrap;
  display: flex;
}

.opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-input {
  width: 100%;
  margin-bottom: .5rem;
}

.opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-favorite-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-compare-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .notifications-ok, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .notifications-cancel {
  width: 100%;
}

@media only screen and (width >= 500px) {
  .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input {
    flex-wrap: nowrap;
  }

  .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-input {
    flex-grow: 1;
    width: 100%;
    margin-bottom: 0;
    margin-right: 1rem;
  }

  .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-favorite-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-compare-button, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .notifications-ok, .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-favorite-modal .favorite-modal-footer .favorite-modal-footer-input .notifications-cancel {
    flex-shrink: 0;
    width: auto;
  }
}

@media only screen and (width <= 800px) {
  .opc-compare-button, .offcanvas-compare {
    display: none !important;
  }
}

.opc-selection-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-selection-list li {
  margin-bottom: .277778rem;
}

.opc-selection-list[data-op-type="inline"] li {
  vertical-align: top;
  margin-right: .277778rem;
  display: inline-block;
}

.opc-selection-list .opc-radio {
  margin-right: 0;
  display: block;
}

.opc-selection-list .opc-radio label {
  border: 1px solid #eee;
  padding: 1.5rem 2rem 1.5rem 5rem;
  display: block;
}

.opc-selection-list .opc-radio label:before {
  width: 1.33333rem;
  height: 1.33333rem;
  top: .833333rem;
  left: .555556rem;
}

.opc-selection-list .opc-radio label:after {
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23fff%22%3E%3Cpath style%3D%22 %22 d%3D%22M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z %22%2F%3E%3C%2Fsvg%3E");
  width: 1.33333rem;
  height: 1.33333rem;
  top: .833333rem;
  left: .555556rem;
}

.opc-selection-list .opc-radio input:checked + label {
  background: #eee;
}

.opc-selection-list .opc-radio input:checked + label:before {
  background-color: #6eb25e;
  border-color: #6eb25e;
}

.opc-selection-list .opc-radio input:checked + label:after {
  color: #fff;
}

.opc-carousel .carousel-slide-content {
  padding: 2rem;
}

.opc-carousel .carousel-slide-content .carousel-slide-content-inner {
  background: #fff9;
  max-width: 40rem;
  padding: 2rem;
}

.ajs-content .opc-basket-button {
  flex-direction: column;
  align-items: center;
  max-width: 30rem;
}

.ajs-content .opc-basket-button .basket-button-dim-1 .basket-button-quantity, .ajs-content .opc-basket-button .basket-button-dim-2 .basket-button-quantity, .ajs-content .opc-basket-button .basket-button-dim-3 .basket-button-quantity {
  width: calc(100% - 8rem);
}

.ajs-content .opc-basket-button > .opc-button, .ajs-content .opc-basket-button > .opc-favorite-button, .ajs-content .opc-basket-button > .opc-compare-button, .ajs-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .ajs-content .opc-basket-button > .notifications-ok, .ajs-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .ajs-content .opc-basket-button > .notifications-cancel {
  width: 100%;
  margin: 1rem 0 0;
}

.ajs-content .opc-basket-button > .opc-button:last-child, .ajs-content .opc-basket-button > .opc-favorite-button:last-child, .ajs-content .opc-basket-button > .opc-compare-button:last-child, .ajs-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > .notifications-ok:last-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .ajs-content .opc-basket-button > .notifications-ok:last-child, .ajs-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > .notifications-cancel:last-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .ajs-content .opc-basket-button > .notifications-cancel:last-child {
  margin-top: 0;
}

.ajs-content .opc-basket-button > .opc-button[data-op-style="primary-text"], .ajs-content .opc-basket-button > [data-op-style="primary-text"].opc-favorite-button, .ajs-content .opc-basket-button > [data-op-style="primary-text"].opc-compare-button, .ajs-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > [data-op-style="primary-text"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .ajs-content .opc-basket-button > [data-op-style="primary-text"].notifications-ok, .ajs-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > [data-op-style="primary-text"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .ajs-content .opc-basket-button > [data-op-style="primary-text"].notifications-cancel {
  color: #999;
}

.ajs-content .opc-basket-button > .opc-button[data-op-style="primary-text"]:hover, .ajs-content .opc-basket-button > [data-op-style="primary-text"].opc-favorite-button:hover, .ajs-content .opc-basket-button > [data-op-style="primary-text"].opc-compare-button:hover, .ajs-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > [data-op-style="primary-text"].notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .ajs-content .opc-basket-button > [data-op-style="primary-text"].notifications-ok:hover, .ajs-content .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > [data-op-style="primary-text"].notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .ajs-content .opc-basket-button > [data-op-style="primary-text"].notifications-cancel:hover {
  color: #666;
}

.basket-modal {
  background: #fff;
  border: 1px solid #eee;
  width: 32rem;
  padding: 2rem 2rem 1rem;
  box-shadow: 4px 4px 10px #ccc;
}

.basket-modal .opc-price {
  margin-bottom: 0;
}

.basket-modal .opc-price .price-basis {
  font-size: inherit;
}

.basket-modal h2 {
  margin-bottom: 2rem;
}

.basket-modal .opc-basket-button {
  flex-direction: column;
  display: flex;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper, .basket-modal .opc-basket-button .basket-button-dim-1, .basket-modal .opc-basket-button .basket-button-dim-2, .basket-modal .opc-basket-button .basket-button-dim-3 {
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: .5rem;
  margin-left: 0;
  display: flex;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper button, .basket-modal .opc-basket-button .basket-button-dim-1 button, .basket-modal .opc-basket-button .basket-button-dim-2 button, .basket-modal .opc-basket-button .basket-button-dim-3 button {
  background: #fff;
  border: 1px solid #ccc;
  flex-grow: 0;
  flex-shrink: 0;
  width: 2.22222rem;
  height: 2.22222rem;
  margin: 0;
  padding: 0;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper button + input, .basket-modal .opc-basket-button .basket-button-dim-1 button + input, .basket-modal .opc-basket-button .basket-button-dim-2 button + input, .basket-modal .opc-basket-button .basket-button-dim-3 button + input {
  border-left: none;
  border-right: none;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper label, .basket-modal .opc-basket-button .basket-button-dim-1 label, .basket-modal .opc-basket-button .basket-button-dim-2 label, .basket-modal .opc-basket-button .basket-button-dim-3 label {
  flex-shrink: 0;
  width: 40%;
  max-width: 60%;
  font-weight: 600;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper select, .basket-modal .opc-basket-button .basket-button-dim-1 select, .basket-modal .opc-basket-button .basket-button-dim-2 select, .basket-modal .opc-basket-button .basket-button-dim-3 select {
  width: 60%;
  max-width: 60%;
  margin-right: 0;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper input, .basket-modal .opc-basket-button .basket-button-dim-1 input, .basket-modal .opc-basket-button .basket-button-dim-2 input, .basket-modal .opc-basket-button .basket-button-dim-3 input {
  border: 1px solid #ccc;
  width: 60%;
  max-width: 60%;
  margin-right: 0;
}

.basket-modal .opc-basket-button .basket-button-dim-variants-wrapper {
  margin-bottom: 1rem;
}

.basket-modal .opc-basket-button > button.opc-button, .basket-modal .opc-basket-button > button.opc-favorite-button, .basket-modal .opc-basket-button > button.opc-compare-button, .basket-modal .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > button.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-modal .opc-basket-button > button.notifications-ok, .basket-modal .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button > button.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-modal .opc-basket-button > button.notifications-cancel {
  margin-top: 2rem;
}

.opc-segment-navigation {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 1.11111rem 0;
  display: flex;
}

.opc-segment-navigation ul {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.opc-segment-navigation a {
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  width: 2.22222rem;
  height: 2.22222rem;
  margin: 0 .277778rem;
  font-family: sans-serif;
  font-size: 1.11111rem;
  display: flex;
}

.opc-segment-navigation a:hover {
  border: 1px solid #ccc;
}

.opc-segment-navigation a.is-active {
  color: #83be26;
  background: none;
  border: 1px solid #83be26;
}

.opc-segment-navigation .disabled, .opc-segment-navigation .is-disabled {
  opacity: .2;
  cursor: default;
  pointer-events: none;
}

.opc-price {
  align-items: baseline;
  margin-bottom: 1rem;
  display: flex;
  position: absolute;
  bottom: 5px;
}

.opc-price .price-label {
  margin-right: .5rem;
  display: none;
}

.opc-price .price-basis, .opc-price .price-service, .opc-price .price-promotion {
  color: #333;
  align-items: flex-end;
  margin-right: 1rem;
  font-size: .8rem;
  font-weight: 600;
  display: flex;
}

.opc-price .price-basis .prod-pre-info, .opc-price .price-service .prod-pre-info, .opc-price .price-promotion .prod-pre-info {
  margin-right: .4rem;
}

.opc-price .price-basis .price-currency, .opc-price .price-service .price-currency, .opc-price .price-promotion .price-currency {
  text-transform: uppercase;
  order: 2;
  margin-right: .4rem;
}

.opc-price .price-basis .price, .opc-price .price-service .price, .opc-price .price-promotion .price {
  order: 1;
  margin-right: .4rem;
}

.opc-price .price-info {
  order: 5;
  display: none;
}

.opc-price.is-promotion .price-basis, .opc-price.is-promotion .price-service {
  order: 2;
  font-size: 1.4rem;
  text-decoration: line-through;
}

.opc-price.is-promotion .price-service {
  display: none;
}

.opc-price.is-promotion .price-promotion {
  order: 1;
}

.opc-price.is-service .price-basis, .opc-price.is-service .price-promotion {
  color: #999;
  order: 2;
  font-size: 1.4rem;
  text-decoration: line-through;
}

.opc-price.is-service .price-promotion {
  display: none;
}

.opc-price.is-service .price-service {
  order: 1;
}

.opc-price.is-service.is-promotion .price-basis {
  display: none;
}

.opc-price.is-service.is-promotion .price-service {
  color: #999;
  order: 2;
  font-size: 1.4rem;
  text-decoration: line-through;
}

.opc-price.is-service.is-promotion .price-promotion {
  order: 1;
}

.opc-price.is-basis .price-service, .opc-price.is-basis .price-promotion {
  display: none;
}

future-deliver-info {
  color: #fff;
  background-color: #83be26;
  margin-top: 1.66667rem;
  margin-bottom: 1.66667rem;
  padding: 1.5rem 1.66667rem;
}

#member-info {
  color: #fff;
  background-color: #83be26;
  margin-bottom: 1.66667rem;
  padding: 1.5rem 1.66667rem;
}

#member-info > a {
  color: #fff;
  text-decoration: underline;
}

#member-info {
  color: #666;
  background-color: #f8f7ee;
  flex: 100%;
  font-weight: bold;
}

#member-info a {
  color: #666;
}

#member-info .member-price {
  color: #83be26;
}

#nin-club-info ul {
  list-style: none;
}

#nin-club-info li {
  position: relative;
}

#nin-club-info ul li:before {
  content: "✔";
  position: absolute;
  left: -1.5rem;
}

.page-details .value {
  font-weight: bold;
}

.page-details .opc-row {
  margin-left: 0;
}

.page-details .article-head {
  padding-bottom: 1.11111rem;
}

.page-details .article-head > div.article-image {
  padding: 15px 0;
}

.page-details .article-head > div.article-image img {
  width: 100% !important;
}

@media only screen and (width <= 800px) {
  .page-details .article-head > div.article-image {
    display: none;
  }
}

.page-details .article-head .article-details {
  flex: 100%;
}

.page-details .article-head .article-infos {
  flex-flow: wrap;
  display: flex;
}

.page-details .article-head .article-infos .produkt-info-text {
  width: 100%;
  font-size: 1rem;
}

.page-details .article-head .article-infos .opc-form-field {
  flex-grow: 1;
}

.page-details .article-head .article-infos .opc-form-field select {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cg id%3D%22surface1%22%3E%3Cpath d%3D%22M9 4v1h-4v22h22v-22h-4v-1h-2v1h-10v-1zM7 7h2v1h2v-1h10v1h2v-1h2v2h-18zM7 11h18v14h-18zM13 13v2h2v-2zM17 13v2h2v-2zM21 13v2h2v-2zM9 17v2h2v-2zM13 17v2h2v-2zM17 17v2h2v-2zM21 17v2h2v-2zM9 21v2h2v-2zM13 21v2h2v-2zM17 21v2h2v-2z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 1%;
  background-repeat: no-repeat;
  border-width: 0 0 1px;
  width: auto;
  max-width: 90vw;
  margin-bottom: 20px;
  padding-left: 5%;
  font-size: 1.1rem;
}

@media only screen and (width >= 1200px) {
  .page-details .article-head .article-infos .opc-form-field select {
    min-width: 50%;
  }
}

.page-details .article-head .article-infos #article-detail-info .list-info {
  columns: 1;
  background-color: #0000;
  padding: 0;
}

.page-details .article-head .article-infos #article-detail-info .list-info .list-info-item, .page-details .article-head .article-infos #article-detail-info .list-info .opc-row {
  flex-wrap: wrap;
  display: flex;
}

@media only screen and (width >= 800px) {
  .page-details .article-head .article-infos #article-detail-info .list-info .list-info-item, .page-details .article-head .article-infos #article-detail-info .list-info .opc-row {
    flex-wrap: nowrap;
  }
}

.page-details .article-head .article-infos #article-detail-info .list-info .list-info-item ul, .page-details .article-head .article-infos #article-detail-info .list-info .opc-row ul {
  margin: 0;
  padding: 0;
}

.page-details .article-head .article-infos #article-detail-info .list-info .list-info-item .list-info-label, .page-details .article-head .article-infos #article-detail-info .list-info .list-info-item .opc-column.label, .page-details .article-head .article-infos #article-detail-info .list-info .opc-row .list-info-label, .page-details .article-head .article-infos #article-detail-info .list-info .opc-row .opc-column.label {
  flex-basis: 100%;
  font-weight: normal;
}

@media only screen and (width >= 800px) {
  .page-details .article-head .article-infos #article-detail-info .list-info .list-info-item .list-info-label, .page-details .article-head .article-infos #article-detail-info .list-info .list-info-item .opc-column.label, .page-details .article-head .article-infos #article-detail-info .list-info .opc-row .list-info-label, .page-details .article-head .article-infos #article-detail-info .list-info .opc-row .opc-column.label {
    flex-basis: 50%;
    max-width: 300px;
  }
}

.page-details .article-head .article-infos #article-detail-info .list-info .list-info-item .list-info-value, .page-details .article-head .article-infos #article-detail-info .list-info .list-info-item .opc-column.value, .page-details .article-head .article-infos #article-detail-info .list-info .opc-row .list-info-value, .page-details .article-head .article-infos #article-detail-info .list-info .opc-row .opc-column.value {
  font-weight: bold;
}

.page-details .article-head .article-infos #article-detail-info .icon-set {
  color: #999;
  flex-wrap: wrap;
  margin-bottom: 1.11111rem;
  font-size: 1.55556rem;
  display: flex;
}

.page-details .article-head .article-infos #article-detail-info .icon-set > img {
  width: 1em;
  height: 1em;
  margin-right: .555556rem;
}

.page-details .article-head .article-infos #article-detail-info .article-link li {
  list-style-type: none;
}

.page-details .article-head .article-infos #article-detail-info .article-link a {
  color: #83be26;
  text-decoration: underline;
}

.page-details .article-head .article-infos .article-infos-title {
  flex: 100%;
  font-weight: 600;
}

.page-details .article-head .article-infos > div {
  margin-bottom: .555556rem;
}

.page-details .article-head .article-infos > div.article-details {
  padding-right: 1.11111rem;
}

.page-details .article-head .article-infos > div.article-actions {
  align-content: flex-end;
  justify-items: end;
  width: 100%;
}

.page-details .article-head .article-infos .article-actions {
  flex-grow: 1;
  width: 100%;
  margin-top: 15px;
}

.page-details .article-head .article-infos .article-actions form {
  width: 100%;
}

.page-details .article-head .article-infos .article-actions .article-price {
  flex-wrap: wrap;
  display: flex;
}

.page-details .article-head .article-infos .article-actions .article-price .btn-wrapper {
  width: 100%;
}

@media only screen and (width <= 800px) {
  .page-details .article-head .article-infos .article-actions .article-price {
    display: block;
  }

  .page-details .article-head .article-infos .article-actions .article-price > div {
    width: 100%;
  }

  .page-details .article-head .article-infos .article-actions .article-price .basket-btn {
    width: 100% !important;
  }
}

.page-details .article-head .article-infos .article-actions .article-price {
  align-items: flex-end;
  width: 100%;
}

.page-details .article-head .article-infos .article-actions .article-price .basket-btn {
  margin-left: auto;
}

.page-details .article-head .article-infos .article-actions .article-price .basket-btn[disabled] {
  cursor: default;
}

.page-details .article-head .article-infos .article-actions .article-price .member-price {
  flex-basis: 30%;
}

.page-details .article-head .article-infos .article-actions .article-price dt {
  font-size: .694444rem;
  font-weight: normal;
}

.page-details .article-head .article-infos .article-actions .article-price dd {
  font-size: 1.11111rem;
  font-weight: bold;
}

.page-details .article-head .article-infos .article-actions .article-price .best-price dd {
  color: #83be26;
}

.page-details .article-head .article-infos .article-actions .article-price .price-info {
  flex-basis: 20%;
  margin-bottom: 1rem;
  margin-left: 20%;
  font-size: smaller;
}

.page-details .article-load-participants {
  justify-content: center;
  padding-top: 2.22222rem;
  display: flex;
}

.separator {
  border-top: 1px solid #83be26;
  border-bottom: 1px solid #83be26;
}

#art-detail-basket-container {
  display: none;
}

.normen-basket-action {
  flex-direction: column;
  display: flex;
}

.normen-basket-action .opc-form-field {
  width: 70%;
  margin-bottom: 0;
}

.normen-basket-action .opc-form-field input {
  width: 10%;
}

.normen-basket-action .form-field-label {
  font-family: UniversLTPro-45Light, Arial, sans-serif;
  font-size: .7rem;
  font-weight: normal;
}

.normen-basket-action .opc-cust-basket-button {
  justify-content: space-between;
  align-items: center;
  display: flex;
  width: 100% !important;
}

.normen-basket-action .opc-cust-basket-button > label.form-field-label {
  font-family: UniversLTPro-45Light, Arial, sans-serif;
  font-size: .7rem;
  font-weight: normal;
  display: none;
}

.normen-basket-action .opc-cust-basket-button > input {
  text-align: center;
  flex-basis: 35%;
  height: 2.5rem;
}

.normen-basket-action .opc-cust-basket-button > button.opc-button, .normen-basket-action .opc-cust-basket-button > button.opc-favorite-button, .normen-basket-action .opc-cust-basket-button > button.opc-compare-button, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-ok, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-cancel {
  flex-basis: 60%;
  height: 2.5rem;
}

.normen-basket-action .opc-cust-basket-button > button.opc-button > span, .normen-basket-action .opc-cust-basket-button > button.opc-favorite-button > span, .normen-basket-action .opc-cust-basket-button > button.opc-compare-button > span, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-ok > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-ok > span, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-cancel > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-cancel > span {
  margin-left: .5rem;
  display: none;
}

@media only screen and (width >= 640px) {
  .normen-basket-action .opc-cust-basket-button > button.opc-button > span, .normen-basket-action .opc-cust-basket-button > button.opc-favorite-button > span, .normen-basket-action .opc-cust-basket-button > button.opc-compare-button > span, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-ok > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-ok > span, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-cancel > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-cancel > span {
    margin-left: .5rem;
    display: block;
  }
}

@media only screen and (width >= 800px) {
  .normen-basket-action .opc-cust-basket-button > label.form-field-label {
    flex-basis: 10%;
  }

  .normen-basket-action .opc-cust-basket-button > button.opc-button, .normen-basket-action .opc-cust-basket-button > button.opc-favorite-button, .normen-basket-action .opc-cust-basket-button > button.opc-compare-button, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-ok, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-cancel {
    flex-basis: 35%;
  }

  .normen-basket-action .opc-cust-basket-button > button.opc-button > span, .normen-basket-action .opc-cust-basket-button > button.opc-favorite-button > span, .normen-basket-action .opc-cust-basket-button > button.opc-compare-button > span, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-ok > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-ok > span, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-cancel > span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-cancel > span {
    margin-left: .5rem;
    display: block;
  }
}

@media only screen and (width >= 1200px) {
  .normen-basket-action .opc-cust-basket-button {
    justify-content: flex-start;
  }

  .normen-basket-action .opc-cust-basket-button > label.form-field-label {
    flex-basis: 30%;
    max-width: 10rem;
    display: block;
  }

  .normen-basket-action .opc-cust-basket-button > input {
    flex-basis: 15%;
    max-width: 4rem;
    margin-right: 1rem;
  }

  .normen-basket-action .opc-cust-basket-button > button.opc-button, .normen-basket-action .opc-cust-basket-button > button.opc-favorite-button, .normen-basket-action .opc-cust-basket-button > button.opc-compare-button, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-ok, .normen-basket-action .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cust-basket-button > button.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .normen-basket-action .opc-cust-basket-button > button.notifications-cancel {
    flex-basis: 40%;
    max-width: 16rem;
  }
}

.price-steps .opc-col {
  margin: 0;
  padding-left: 0;
}

.price-steps .opc-col span.price-min {
  width: 150px;
  display: inline-block;
}

.price-steps .price-steps-item {
  font-size: .77778rem;
}

.additional-info {
  background-color: #f8f7ee;
  padding: 10px;
}

.normen-basket-action {
  margin-bottom: 10px;
}

.dow-info {
  cursor: pointer;
  height: 18px;
  margin-bottom: -2px;
}

.sdg-image-wrapper {
  flex-wrap: wrap;
  margin: 1rem 0 .5rem;
  display: flex;
}

.sdg-image-wrapper a {
  margin-right: .5rem;
}

.sdg-image-wrapper img {
  height: 100px;
}

.contact-info .contact-wrapper {
  flex-wrap: wrap;
  display: flex;
}

.contact-info .contact-wrapper .contacts {
  flex-grow: 1;
  max-width: 450px;
  margin: 0 auto 2.5em;
  padding: 2em 1.5em;
  box-shadow: 0 0 50px #0000000d;
}

@media only screen and (width >= 800px) {
  .contact-info .contact-wrapper .contacts {
    max-width: 765px;
    padding: 3em 5em 2.5em;
  }
}

.contact-info .contact-wrapper .contacts .contact {
  box-sizing: border-box;
  flex-flow: wrap;
  flex: 0 auto;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.contact-info .contact-wrapper .contacts .contact .contact-image {
  flex: none;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (width >= 800px) {
  .contact-info .contact-wrapper .contacts .contact .contact-image {
    flex-basis: 36%;
    max-width: 36%;
  }
}

.contact-info .contact-wrapper .contacts .contact .contact-image img {
  object-fit: cover;
  border: 1px solid #efefef;
  border-radius: 50%;
  width: 175px;
  max-width: 175px;
  height: 175px;
}

.contact-info .contact-wrapper .contacts .contact .contact-info {
  box-sizing: border-box;
  flex: none;
  max-width: 100%;
  padding-top: .5em;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (width >= 800px) {
  .contact-info .contact-wrapper .contacts .contact .contact-info {
    flex-basis: 64%;
    max-width: 64%;
    padding-top: .3em;
    padding-left: 1rem;
  }
}

.contact-info .contact-wrapper .contacts .contact .contact-info .phone {
  margin-bottom: .25em;
  position: relative;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .phone:before {
  background-position: -135px -71px;
  background-size: 460px;
  width: 20px;
  height: 23px;
  transition: all .3s linear;
  top: 5px;
  left: 2px;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .phone:after {
  opacity: 0;
  background-position: -156px -71px;
  background-size: 460px;
  width: 20px;
  height: 23px;
  transition: all .3s linear;
  top: 5px;
  left: 2px;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .phone:hover:before {
  opacity: 0;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .phone:hover:after {
  opacity: 1;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .phone:hover a {
  color: #83be26;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .phone a {
  color: #666;
  transition: all .3s linear;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .mail {
  margin-bottom: .25em;
  position: relative;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .mail:before {
  background-position: -248px -74px;
  background-size: 460px;
  width: 21px;
  height: 14px;
  transition: all .3s linear;
  top: 9px;
  left: 2px;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .mail:after {
  opacity: 0;
  background-position: -270px -74px;
  background-size: 460px;
  width: 21px;
  height: 14px;
  transition: all .3s linear;
  top: 9px;
  left: 2px;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .mail:hover:before {
  opacity: 0;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .mail:hover:after {
  opacity: 1;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .mail:hover a {
  color: #83be26;
}

.contact-info .contact-wrapper .contacts .contact .contact-info .mail a {
  color: #666;
  transition: all .3s linear;
}

.contact-info .contact-wrapper .contacts .contact .contact-info a {
  z-index: 1;
  padding-left: 33px;
  display: block;
}

.instructors {
  flex-wrap: wrap;
  display: flex;
}

.instructors > div {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.instructors .instructor-image img {
  border-radius: 50%;
  max-height: 125px;
}

.instructors .instructor-person {
  cursor: pointer;
  flex-grow: 1;
}

@media only screen and (width <= 800px) {
  .instructors .instructor-person {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.instructors .instructor-person .instructor-info {
  text-align: center;
  padding: 1rem;
}

.instructors .instructor-person .instructor-info > p {
  margin-bottom: .5em;
}

.instructor-info-modal {
  align-items: center;
  display: flex;
}

.instructor-info-modal > div.instructor-image > img {
  border-radius: 50%;
  max-height: 125px;
}

.instructor-info-modal > div.instructor-data {
  padding: 2rem;
}

.sponsoring-info {
  background-color: #fff;
}

.sponsoring-info .sponsors {
  flex-flow: wrap;
  margin-bottom: 20px;
  display: flex;
}

.sponsoring-info .sponsors a {
  text-align: center;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 4px;
}

.sponsoring-info .sponsors img {
  filter: grayscale();
  max-width: 100%;
  height: 80%;
  max-height: 80%;
}

.sponsoring-info .sponsors[data-size-type="S"] a {
  width: 12.5%;
  max-width: 12.5%;
  height: 40px;
}

.sponsoring-info .sponsors[data-size-type="M"] a {
  width: 16.6667%;
  max-width: 16.6667%;
  height: 80px;
}

.sponsoring-info .sponsors[data-size-type="L"] a {
  width: 25%;
  max-width: 25%;
  height: 120px;
}

.opc-basket-info {
  z-index: 1000;
  position: relative;
}

.opc-basket-info > .opc-button, .opc-basket-info > .opc-favorite-button, .opc-basket-info > .opc-compare-button, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel {
  cursor: pointer;
  background: none;
  border: none;
  margin-left: .277778rem;
  padding: 0 .277778rem;
  font-size: 3.8rem;
  position: relative;
}

.opc-basket-info > .opc-button svg, .opc-basket-info > .opc-favorite-button svg, .opc-basket-info > .opc-compare-button svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel svg {
  font-size: 2.22222rem;
}

.opc-basket-info > .opc-button .basket-info-count, .opc-basket-info > .opc-favorite-button .basket-info-count, .opc-basket-info > .opc-compare-button .basket-info-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok .basket-info-count, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel .basket-info-count {
  text-align: center;
  color: #fff;
  background: #83be26;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  font-size: .611111rem;
  line-height: 1rem;
  display: block;
  position: absolute;
  top: 20px;
  right: 50%;
  transform: translateX(50%) translateX(2px);
}

.opc-basket-info > .opc-button .basket-info-count:empty, .opc-basket-info > .opc-favorite-button .basket-info-count:empty, .opc-basket-info > .opc-compare-button .basket-info-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-ok .basket-info-count:empty, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info > .notifications-cancel .basket-info-count:empty {
  display: none;
}

.opc-basket-info .mini-basket {
  z-index: 100;
  background: #fff;
  width: 16.6667rem;
  min-width: 16.6667rem;
  max-width: 16.6667rem;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 1px 1px 3px #0000004d;
}

.opc-basket-info .mini-basket .mini-basket-head {
  color: inherit;
  background: none;
  border-bottom: 1px solid #ccc;
  padding: 2rem 1rem;
  font-size: 1.8rem;
}

@media only screen and (width >= 800px) {
  .opc-basket-info .mini-basket .mini-basket-head {
    padding: 2rem;
  }
}

.opc-basket-info .mini-basket .mini-basket-head .mini-basket-quantity:before {
  content: "(";
}

.opc-basket-info .mini-basket .mini-basket-head .mini-basket-quantity:after {
  content: ")";
}

.opc-basket-info .mini-basket.is-open {
  display: block;
}

.opc-basket-info .mini-basket .mini-basket-body {
  max-height: 16.6667rem;
  color: inherit;
  background: none;
  padding: 0;
  font-size: 1.4rem;
  overflow: hidden auto;
}

.opc-basket-info .mini-basket .mini-basket-footer {
  color: inherit;
  background: none;
  border-top: 1px solid #ccc;
  padding: 1rem;
  font-size: 1.4rem;
}

@media only screen and (width >= 800px) {
  .opc-basket-info .mini-basket .mini-basket-footer {
    padding: 1rem 2rem;
  }
}

.opc-basket-info .mini-basket .mini-basket-footer .mini-basket-footer-total {
  justify-content: space-between;
  width: 100%;
  padding: 0 0 1.11111rem;
  font-weight: bold;
  display: flex;
}

.opc-basket-info .mini-basket .mini-basket-footer .mini-basket-footer-total b {
  font-weight: normal;
}

.opc-basket-info .mini-basket .mini-basket-footer .opc-button, .opc-basket-info .mini-basket .mini-basket-footer .opc-favorite-button, .opc-basket-info .mini-basket .mini-basket-footer .opc-compare-button, .opc-basket-info .mini-basket .mini-basket-footer .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .mini-basket-footer .notifications-ok, .opc-basket-info .mini-basket .mini-basket-footer .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .mini-basket-footer .notifications-cancel {
  text-align: center;
  width: 100%;
}

.opc-basket-info .mini-basket .basket-item-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item {
  border-bottom: 1px solid #f5f5f5;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
}

@media only screen and (width >= 800px) {
  .opc-basket-info .mini-basket .basket-item-list .basket-item {
    padding: .555556rem 1.11111rem;
  }
}

.opc-basket-info .mini-basket .basket-item-list .basket-item:hover {
  z-index: 10;
  background: #f5f5f5;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-thumb {
  flex-shrink: 0;
  align-self: flex-start;
  width: 2.22222rem;
  max-width: 2.22222rem;
  margin-right: .833333rem;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-thumb img {
  max-width: 100%;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info {
  flex-grow: 1;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-title {
  width: 100%;
  margin-bottom: .222222rem;
  padding-right: 1.11111rem;
  display: block;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-title a {
  color: #000;
  font-weight: bold;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-title a:hover {
  color: #333;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-article-number {
  color: #999;
  width: 100%;
  margin-bottom: .222222rem;
  font-size: .666667rem;
  display: block;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .mini-basket-unit {
  margin-right: .555556rem;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-price-wrapper {
  float: right;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-price-wrapper .basket-item-currency, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-info .basket-item-price-wrapper .basket-item-price {
  color: #83be26;
  font-weight: bold;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions {
  position: absolute;
  top: .555556rem;
  right: .555556rem;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-button, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-favorite-button, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-compare-button, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-ok, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-cancel {
  color: #000;
  background: none;
  padding: .111111rem;
  line-height: 1;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-button svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-favorite-button svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-compare-button svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-ok svg, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-cancel svg {
  font-size: .888889rem !important;
}

.opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-button:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-favorite-button:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-compare-button:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-ok:hover, .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-info .mini-basket .basket-item-list .basket-item .basket-item-actions .notifications-cancel:hover {
  color: #dc143c;
  background: none;
}

.daterange-filter-apply {
  color: #fffc;
  background: #83be26;
  border-color: #0000;
  border-radius: 50px;
  height: 1.77778rem;
  margin-left: 5px;
}

.daterange-filter-abort {
  color: #83be26;
  background-color: #0000;
  border: 1px solid #83be26;
  border-radius: 50px;
  height: 1.77778rem;
  margin-left: 5px;
}

table thead {
  background-color: #fff;
}

.filter-set-list > div:nth-of-type(3).ele-input-daterange {
  display: none;
}

.daterangepicker {
  color: inherit;
  z-index: 3001;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 278px;
  max-width: none;
  margin-top: 7px;
  padding: 0;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
  display: none;
  position: absolute;
  top: 100px;
  left: 20px;
}

.daterangepicker:before, .daterangepicker:after {
  content: "";
  border-bottom-color: #0003;
  display: inline-block;
  position: absolute;
}

.daterangepicker:before {
  border-bottom: 7px solid #ccc;
  border-left: 7px solid #0000;
  border-right: 7px solid #0000;
  top: -7px;
}

.daterangepicker:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  top: -6px;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before, .daterangepicker.openscenter:after {
  width: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  border-bottom: initial;
  border-top: 7px solid #ccc;
  bottom: -7px;
}

.daterangepicker.drop-up:after {
  top: initial;
  border-bottom: initial;
  border-top: 6px solid #fff;
  bottom: -6px;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar, .daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  max-width: 270px;
  display: none;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: 2px solid #000;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  padding: 3px;
  display: inline-block;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 4px;
  width: 32px;
  min-width: 32px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
}

.daterangepicker .calendar-table {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
}

.daterangepicker .calendar-table table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  color: inherit;
  background-color: #eee;
  border-color: #0000;
}

.daterangepicker td.week, .daterangepicker th.week {
  color: #ccc;
  font-size: 80%;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  color: #999;
  background-color: #fff;
  border-color: #0000;
}

.daterangepicker td.in-range {
  color: #000;
  background-color: #f4fbe9;
  border-color: #0000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  color: #fff;
  background-color: #83be26;
  border-color: #0000;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  cursor: default;
  height: auto;
  margin: 0;
  padding: 1px;
  font-size: 12px;
}

.daterangepicker select.monthselect {
  width: 56%;
  margin-right: 2%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  background: #eee;
  border: 1px solid #eee;
  outline: 0;
  width: 50px;
  margin: 0 auto;
  padding: 2px;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  vertical-align: middle;
  border-top: 1px solid #ddd;
  padding: 8px;
  line-height: 12px;
  display: none;
}

.daterangepicker .drp-selected {
  padding-right: 8px;
  font-size: 12px;
  display: inline-block;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.daterangepicker .ranges li {
  cursor: pointer;
  padding: 8px 12px;
  font-size: 12px;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  color: #fff;
  background-color: #08c;
}

@media (width >= 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
    float: left;
  }

  .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
    float: right;
  }

  .daterangepicker.ltr {
    text-align: left;
    direction: ltr;
  }

  .daterangepicker.ltr .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker.ltr .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker.ltr .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker.ltr .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker.ltr .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
    float: left;
  }

  .daterangepicker.rtl {
    text-align: right;
    direction: rtl;
  }

  .daterangepicker.rtl .drp-calendar.left {
    clear: right;
    margin-left: 0;
  }

  .daterangepicker.rtl .drp-calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker.rtl .drp-calendar.right {
    margin-right: 0;
  }

  .daterangepicker.rtl .drp-calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker.rtl .drp-calendar.left .calendar-table {
    padding-left: 12px;
  }

  .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
    text-align: right;
    float: right;
  }
}

@media (width >= 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker.ltr .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

.member-info-basket {
  padding: .566rem;
}

@media only screen and (width >= 1024px) {
  .member-info-basket {
    text-align: right;
  }
}

.basket-list-footer .basket-list-summary-line {
  text-align: right;
  padding-right: .566rem;
  font-size: .9rem !important;
}

@media only screen and (width >= 1024px) {
  .basket-list-footer .basket-list-summary-line {
    padding: 1rem 2.5rem 1rem 1rem;
  }
}

.basket-list-footer .basket-list-summary-line span {
  text-align: right;
  width: 7.77778rem !important;
  display: inline-block !important;
}

.basket-list-footer .opc-form-field {
  margin-bottom: 10px;
}

@media only screen and (width >= 1024px) {
  .no-login-footer .basket-list-summary-line {
    padding-right: 1.5rem !important;
  }
}

.wait-list {
  color: #fa7979 !important;
}

.el-eventgroup-item {
  font-size: .9rem;
}

.el-eventgroup-item h4, .el-eventgroup-item .opc-directsearch-suggest h3, .opc-directsearch-suggest .el-eventgroup-item h3 {
  font-size: 1.1rem;
}

.el-eventgroup-item h5 {
  font-size: 1rem;
}

.el-eventgroup-item {
  border-bottom: 1px solid #cecece;
  position: relative;
}

.el-eventgroup-item .el-eventgrou-item-title {
  flex-flow: column wrap;
  font-weight: bold;
  display: flex;
}

.el-eventgroup-item .el-eventgrou-item-title h4, .el-eventgroup-item .el-eventgrou-item-title .opc-directsearch-suggest h3, .opc-directsearch-suggest .el-eventgroup-item .el-eventgrou-item-title h3 {
  width: 100%;
  margin: 0;
}

.el-eventgroup-item .el-eventgrou-item-title h4 a, .el-eventgroup-item .el-eventgrou-item-title .opc-directsearch-suggest h3 a, .opc-directsearch-suggest .el-eventgroup-item .el-eventgrou-item-title h3 a {
  color: #000;
  font-weight: 600;
}

.el-eventgroup-item .el-eventgrou-item-subtitle {
  color: #0009;
  font-size: 14px;
  font-weight: 400;
}

.el-eventgroup-item .el-eventgrou-item-date-place {
  flex-direction: column;
  row-gap: 8px;
  margin: 12px 0 0;
  display: flex;
}

.el-eventgroup-item .el-eventgrou-item-date-place__item {
  display: flex;
}

.el-eventgroup-item .el-eventgrou-item-date-place__item svg {
  margin-right: 8px;
}

.el-eventgroup-item .el-eventgrou-item-date-place__identifier {
  min-width: 90px;
  font-weight: 600;
}

.el-eventgroup-item .el-eventgrou-item-body {
  background-color: #fff;
  margin-top: 24px;
  padding: 24px;
}

.el-eventgroup-item .el-eventgrou-item-body .item-list-body .list-item span {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.el-eventgroup-item .el-eventgrou-item-body .el-ke-list.el-ke-options {
  margin-top: 0;
  padding-top: 0;
}

.el-eventgroup-item .el-eventgrou-item-body .el-ke-list.el-ke-options .opc-form-field {
  margin-bottom: 0;
}

.el-eventgroup-item .el-eventgrou-item-body .el-ke-list.el-ke-options label {
  margin: 0;
  font-weight: 200;
}

.el-eventgroup-item .el-eventgrou-item-body .el-ke-list.el-ke-options__fullname {
  margin: 0;
  font-weight: 600;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list {
  margin-top: 32px;
  padding: 0;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item {
  background-color: #f5f5f599;
  padding: 12px;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item:not(:first-of-type) {
  margin-top: 12px;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-title {
  margin: 0;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-date {
  column-gap: 8px;
  width: 100%;
  display: flex;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-date svg {
  align-self: center;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-fields {
  flex-direction: column;
  row-gap: 8px;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-options {
  flex-wrap: wrap;
  display: flex;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-options--with-suboptions .stream-list-item-options__suboptions-wrapper {
  flex-direction: column;
  margin-bottom: 24px;
  display: flex;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-options--with-suboptions .stream-list-item-options__suboptions-wrapper .opc-form-field {
  margin-top: .5rem;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-options--with-suboptions .stream-list-item-options__suboptions-wrapper .form-field-label {
  font-size: .77778rem;
  font-weight: normal;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-options--with-suboptions .opc-form-field {
  margin-bottom: 0;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-options--with-suboptions .stream-list-item-options--suboptions {
  flex-direction: column;
  row-gap: 12px;
  margin-top: 12px;
  padding-left: 24px;
  display: flex;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-options--with-suboptions .stream-list-item-options--suboptions .form-field-label {
  font-weight: 400;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-options--checkbox {
  column-gap: 36px;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-options--checkbox .opc-form-field {
  flex-direction: row;
  column-gap: 16px;
  display: flex;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-options--checkbox .opc-checkbox {
  margin-right: 0;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .stream-list-item-options--checkbox .opc-checkbox label {
  padding-left: 0;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .opc-radio {
  width: fit-content;
  margin-right: 24px;
}

.el-eventgroup-item .el-eventgrou-item-body .stream-list-item .opc-radio label {
  white-space: nowrap;
}

.el-ke-list {
  flex-wrap: wrap;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

@media only screen and (width >= 800px) {
  .el-ke-list {
    flex-wrap: nowrap;
  }
}

.el-ke-list > div {
  width: 100%;
}

@media only screen and (width >= 800px) {
  .el-ke-list > div {
    width: 16.6667%;
    max-width: 16.6667%;
  }
}

.el-ke-list > div {
  flex-grow: 0;
  margin-right: 10px;
}

.el-ke-options {
  width: 75%;
  padding-top: 20px;
  padding-right: 20px;
  position: relative;
}

@media only screen and (width >= 800px) {
  .el-ke-options {
    width: 100%;
  }
}

@media only screen and (width >= 1024px) {
  .el-ke-options {
    width: 100%;
  }
}

.el-ke-options .el-ke-options-price-item {
  text-align: right;
  width: 150px;
  position: absolute;
  right: -30%;
}

@media only screen and (width >= 800px) {
  .el-ke-options .el-ke-options-price-item {
    top: 0;
    right: 2.8rem;
  }
}

@media only screen and (width >= 1024px) {
  .el-ke-options .el-ke-options-price-item {
    top: 0;
    right: 2.8rem;
  }
}

.el-ke-options .el-ke-options-remove-item a {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.el-ke-options .el-ke-options-remove-item {
  width: 15px;
  position: absolute;
  top: -15px;
  right: -36%;
}

@media only screen and (width >= 800px) {
  .el-ke-options .el-ke-options-remove-item {
    width: 30px;
    top: 0;
    right: 0;
  }
}

@media only screen and (width >= 1200px) {
  .el-ke-options .el-ke-options-remove-item {
    width: 30px;
    top: 0;
    right: 0;
  }
}

.el-ke-title {
  font-weight: bold;
  font-size: bigger;
}

.stream-list {
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0 0 10px;
}

.stream-list .stream-list-item-title {
  width: 100%;
  margin: 10px 3px;
  font-weight: bold;
}

.stream-list .opc-radio {
  flex-wrap: wrap;
  margin-bottom: 4px;
  display: flex;
}

@media only screen and (width >= 800px) {
  .stream-list .opc-radio {
    width: 16.6667%;
  }
}

@media only screen and (width >= 1200px) {
  .stream-list .opc-radio {
    width: 16.6667%;
  }
}

.stream-list .stream-list-item {
  flex-wrap: wrap;
  flex-grow: 2;
  width: 100%;
  display: flex;
}

.stream-list .stream-list-item--hidden {
  display: none !important;
}

.el-basketitem-action-div {
  text-align: right;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 10px;
}

.el-ke-additional-infos {
  flex-wrap: nowrap;
  flex-grow: 1;
  justify-content: space-between;
  width: 100%;
  margin-top: 12px;
  display: flex;
}

.el-ke-additional-infos .opc-form-field {
  width: 100%;
  margin-bottom: 0;
}

.el-ke-additional-infos > div {
  width: 50%;
  margin-right: 10px;
}

.el-tn-search-wrapper .tn-not-selectable {
  cursor: not-allowed;
  font-style: italic !important;
}

.el-tn-search-wrapper {
  position: relative;
}

.el-tn-search-wrapper .opc-item-list {
  border-top: 1px solid #cecece;
}

.el-tn-search-wrapper .opc-item-list div.list-item-column:first-of-type, .el-tn-search-wrapper .opc-item-list div.list-item-column:nth-of-type(5) {
  display: none;
}

@media only screen and (width >= 800px) {
  .el-tn-search-wrapper .opc-item-list div.list-item-column:first-of-type, .el-tn-search-wrapper .opc-item-list div.list-item-column:nth-of-type(5) {
    display: inline;
  }
}

@media only screen and (width >= 1200px) {
  .el-tn-search-wrapper .opc-item-list div.list-item-column:first-of-type, .el-tn-search-wrapper .opc-item-list div.list-item-column:nth-of-type(5) {
    display: inline;
  }
}

.el-tn-search-wrapper .opc-item-list div.list-item-column:last-of-type {
  text-align: right;
}

.el-tn-search-wrapper .opc-item-list .item-list-head {
  display: none;
}

@media only screen and (width >= 800px) {
  .el-tn-search-wrapper .opc-item-list .item-list-head {
    display: flex;
  }
}

.el-tn-search-wrapper .opc-item-list .item-list-body .list-item {
  flex-wrap: wrap;
}

@media only screen and (width >= 800px) {
  .el-tn-search-wrapper .opc-item-list .item-list-body .list-item {
    flex-wrap: nowrap;
  }
}

.el-tn-search-wrapper .opc-item-list .item-list-body .list-item .list-item-column {
  width: 100%;
}

@media only screen and (width >= 800px) {
  .el-tn-search-wrapper .opc-item-list .item-list-body .list-item .list-item-column {
    width: 16.6667%;
  }
}

.el-tn-search-wrapper .opc-item-list .item-list-body .list-item .list-item-column .list-item-label {
  display: inline-block;
}

@media only screen and (width >= 800px) {
  .el-tn-search-wrapper .opc-item-list .item-list-body .list-item .list-item-column .list-item-label {
    display: none;
  }
}

.el-tn-search-wrapper .triangle {
  border: 10px solid #0000;
  border-bottom-color: #83be26;
  width: 0;
  height: 0;
  position: absolute;
  top: -20px;
  left: 1%;
}

.el-tn-search-wrapper .triangle2 {
  border: 10px solid #0000;
  border-bottom-color: #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: -19px;
  left: 1%;
}

.el-tn-search-wrapper .form-field-element {
  width: 80% !important;
}

.el-tn-search-wrapper .tn-select {
  cursor: pointer;
}

.el-tn-search-wrapper .select-item {
  width: 100%;
  min-height: 20px;
  font-size: .8rem;
  display: inline-block;
}

.hidden {
  display: none !important;
}

.list-item-addkp {
  width: 100%;
  padding-top: 5px;
  font-weight: bold;
}

.error {
  border: 1px solid red !important;
}

.opc-info {
  color: #83be26;
  padding-top: 3px;
}

.el-event-group-total-wrapper {
  background-color: #83be2633;
  margin-top: 32px;
}

.el-event-group-total {
  flex-direction: column;
  row-gap: 8px;
  padding: 24px;
  display: flex;
  position: relative;
}

.el-event-group-total .total-item {
  text-align: right;
  width: 100%;
  font-weight: 700;
}

.el-event-group-total .total-item span {
  font-weight: normal;
  display: inline-block;
  width: 7.77778rem !important;
}

.el-event-group-total .total-item.last-total-item {
  border-top: 1px solid #000;
  padding-top: 8px;
  font-weight: 700;
}

.el-event-group-total .total-item.last-total-item span {
  font-weight: 700;
}

.el-event-group-total #member-info.member-info-basket {
  background-color: #0000;
  margin: 0;
  padding: 0;
}

@media only screen and (width >= 800px) {
  .el-event-group-total #member-info.member-info-basket {
    padding-right: 0 !important;
  }
}

.el-event-group-total #member-info.member-info-basket .member-price {
  color: #000;
}

.basket-bottom-line a:first-of-type {
  margin-right: 10px;
}

.no-login {
  width: 80%;
  margin-bottom: 10px;
}

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

.prc-tot--fix-width {
  width: 17%;
}

.participant {
  border-bottom: 1px solid #ccc;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-left: 10px;
  display: flex;
}

.participant .opc-checkbox label:before, .participant .opc-radio label:before {
  border: none;
}

.participant .stream-list {
  width: 100%;
  margin-top: 5px;
  display: flex;
}

.participant > div {
  flex-grow: 1;
}

.participant__option-field {
  flex-grow: 0 !important;
  margin-bottom: 8px !important;
  margin-right: 32px !important;
}

.participant__option-field .form-field-label {
  width: fit-content !important;
}

.participant__option-field .opc-checkbox {
  margin-right: 0 !important;
}

.participant__stream-list {
  margin-top: 32px !important;
}

.section-normen-produkte .basket-button-dim-name, .section-normen-produkte .basket-button-dim-unit {
  display: none;
}

.section-normen-produkte .section-wb .section-inner > hr {
  margin-bottom: 10px;
}

span.loadParticipants {
  cursor: pointer;
  text-align: right;
  width: 3%;
}

.el-member-search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%2383be26%22%3E%3Cg id%3D%22surface1%22%3E%3Cpath style%3D%22 %22 d%3D%22M 19 3 C 13.488281 3 9 7.488281 9 13 C 9 15.394531 9.839844 17.589844 11.25 19.3125 L 3.28125 27.28125 L 4.71875 28.71875 L 12.6875 20.75 C 14.410156 22.160156 16.605469 23 19 23 C 24.511719 23 29 18.511719 29 13 C 29 7.488281 24.511719 3 19 3 Z M 19 5 C 23.429688 5 27 8.570313 27 13 C 27 17.429688 23.429688 21 19 21 C 14.570313 21 11 17.429688 11 13 C 11 8.570313 14.570313 5 19 5 Z %22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  background-position: 100% !important;
  background-repeat: no-repeat !important;
  background-size: 25px !important;
}

.el-backtocourse {
  float: left;
}

.opc-item-list {
  margin-bottom: 1.11111rem;
}

.opc-item-list .item-list-head, .opc-item-list .list-item {
  width: 100%;
  display: flex;
}

.opc-item-list .item-list-head {
  border-bottom: 2px solid #999;
  font-weight: bold;
}

.opc-item-list .item-list-head .list-item-column {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.opc-item-list .item-list-body {
  margin: 0;
  padding: 0;
  list-style: none;
}

.opc-item-list .list-item {
  border-bottom: 1px solid #ccc;
  align-items: center;
  transition: all .2s ease-in-out;
}

.opc-item-list .list-item:hover {
  background: #f8f8f8;
  padding-left: .277778rem;
  padding-right: .277778rem;
}

.opc-item-list .list-item .list-item-label {
  margin-right: .277778rem;
  font-weight: bold;
}

.opc-item-list .list-item .list-item-value {
  margin-bottom: .222222rem;
  margin-right: .222222rem;
  display: inline-block;
}

.opc-item-list .list-item .editmode {
  flex-wrap: wrap;
  align-items: center;
  display: none;
}

.opc-item-list .list-item form {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.opc-item-list .list-item a {
  color: #000;
}

.opc-item-list .list-item a:hover {
  color: #666;
}

.opc-item-list .list-item.is-changing .editmode {
  display: flex;
}

.opc-item-list .list-item.is-changing form .list-item-value {
  display: none;
}

.opc-item-list .list-item.is-changing .list-item-column {
  align-self: flex-start;
  padding-right: .277778rem;
}

.opc-item-list .list-item.is-changing .list-item-column .opc-form-field-group .opc-form-field {
  flex-grow: 1;
  margin-right: .277778rem;
}

.opc-item-list .list-item.is-changing .list-item-column .opc-form-field-group .opc-form-field:last-of-type {
  margin-right: 0;
}

.opc-item-list .list-item.is-changing .list-item-column .opc-form-field {
  margin-bottom: .277778rem;
}

.opc-item-list .list-item.is-changing .list-item-column .opc-form-field:last-of-type {
  margin-bottom: 0;
}

.opc-item-list .list-item-column {
  flex-grow: 1;
  padding: .833333rem 0;
}

.opc-item-list .list-item-column .list-item-label {
  display: none;
}

.opc-basket-button .basket-button-dim-variants {
  margin-right: .222222rem;
}

.opc-basket-button .basket-button-dim-1, .opc-basket-button .basket-button-dim-2, .opc-basket-button .basket-button-dim-3 {
  vertical-align: middle;
  margin-left: .555556rem;
  display: inline-block;
}

.opc-basket-button .basket-button-dim-1:first-of-type, .opc-basket-button .basket-button-dim-2:first-of-type, .opc-basket-button .basket-button-dim-3:first-of-type {
  margin-left: 0;
}

.opc-basket-button .basket-button-dim-1, .opc-basket-button .basket-button-dim-2, .opc-basket-button .basket-button-dim-3 {
  vertical-align: middle;
  display: inline-block;
}

.opc-basket-button .basket-button-dim-1 input, .opc-basket-button .basket-button-dim-2 input, .opc-basket-button .basket-button-dim-3 input {
  text-align: right;
  text-align: center;
  border-color: #0000 #0000 #ccc;
  width: 1.66667rem;
  height: 2.22222rem;
  margin-right: .277778rem;
  padding: 0;
  font-weight: bold;
}

.opc-basket-button .basket-button-dim-1.is-inactive, .opc-basket-button .basket-button-dim-2.is-inactive, .opc-basket-button .basket-button-dim-3.is-inactive {
  display: none !important;
}

.opc-basket-button button {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.opc-basket-button button svg {
  flex-shrink: 0;
  margin-right: .277778rem;
  font-size: 1.4em;
}

.opc-basket-button[data-op-type="multi-dim"] {
  display: inline-block;
}

.opc-basket-button[data-op-type="single-dim"] {
  display: inline-flex;
}

.opc-basket-button[data-op-type="single-dim"] .basket-button-dim-1 {
  vertical-align: middle;
  display: inline-block;
}

.opc-basket-button[data-op-type="nodim"] .basket-button-dim-1, .opc-basket-button[data-op-type="nodim"] .basket-button-dim-2, .opc-basket-button[data-op-type="nodim"] .basket-button-dim-3 {
  display: none;
}

.opc-basket-button[data-op-type="icon"] {
  display: inline-block;
}

.opc-basket-button[data-op-type="icon"] .basket-button-dim-1, .opc-basket-button[data-op-type="icon"] .basket-button-dim-2, .opc-basket-button[data-op-type="icon"] .basket-button-dim-3 {
  vertical-align: middle;
  display: inline-block;
}

.opc-basket-button[data-op-type="icon"] .basket-button-dim-1 input, .opc-basket-button[data-op-type="icon"] .basket-button-dim-2 input, .opc-basket-button[data-op-type="icon"] .basket-button-dim-3 input {
  text-align: right;
  text-align: center;
  border-color: #0000 #0000 #ccc;
  width: 1.66667rem;
  height: 2.22222rem;
  margin-right: .277778rem;
  padding: 0;
  font-weight: bold;
}

.opc-basket-button[data-op-type="icon"] .basket-button-dim-1, .opc-basket-button[data-op-type="icon"] .basket-button-dim-2, .opc-basket-button[data-op-type="icon"] .basket-button-dim-3 {
  display: none;
}

.opc-basket-button[data-op-type="icon"] button svg {
  font-size: 1.4em;
}

.opc-basket-button[data-op-type="icon"] button span {
  display: none;
}

.opc-basket-button[data-op-layout="touch"] {
  flex-wrap: wrap;
  display: flex;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 label, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 label, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 label {
  width: 100%;
  display: block;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .notifications-cancel, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-favorite-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-compare-button, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .notifications-ok, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .notifications-cancel {
  text-align: center;
  background: #eee;
  border: 1px solid #eee;
  width: 2.22222rem;
  height: 1.66667rem;
  padding: 0;
  font-weight: bold;
}

.opc-basket-button[data-op-layout="touch"] .basket-button-dim-1 .basket-button-quantity, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-2 .basket-button-quantity, .opc-basket-button[data-op-layout="touch"] .basket-button-dim-3 .basket-button-quantity {
  border: 1px solid #eee;
  width: 3.33333rem;
  height: 1.66667rem;
  margin-right: 0;
}

.opc-directsearch-suggest {
  z-index: 2;
  background: #fff;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  position: relative;
}

.opc-directsearch-suggest .directsearch-suggest-row {
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.opc-directsearch-suggest .directsearch-suggest-column {
  flex-grow: 1;
  align-content: flex-start;
  min-width: 16.6667rem;
}

.opc-directsearch-suggest .directsearch-suggest-column:empty {
  display: none !important;
}

.opc-directsearch-suggest .directsearch-suggest-column .directsearch-suggest-column-section {
  margin-bottom: 1.11111rem;
}

.opc-directsearch-suggest .directsearch-suggest-column .directsearch-suggest-column-section .column-section-title {
  text-transform: inherit;
  color: #666;
  opacity: 1;
  margin-top: 0;
  font-family: UniversLTPro-65Bold;
  font-size: 20px;
  font-weight: 400;
}

.opc-directsearch-suggest .directsearch-suggest-column .directsearch-suggest-column-section .column-section-list:first-of-type {
  border-top: 1px solid #f0f0f0;
}

.opc-directsearch-suggest .directsearch-suggest-column .directsearch-suggest-column-section:last-of-type {
  margin-bottom: 0;
}

.opc-directsearch-suggest .directsearch-suggest-column .searchTerm {
  background: none;
}

.opc-directsearch-suggest .directsearch-suggest-column .CatItem-ArtName1, .opc-directsearch-suggest .directsearch-suggest-column .CatStruct-Name {
  font-weight: bold;
}

.opc-directsearch-suggest .directsearch-suggest-column .CatStruct-Number {
  display: none;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-image {
  flex-shrink: 0;
  width: 4.44444rem;
  height: 4.44444rem;
  margin-right: .555556rem;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-image img {
  flex-shrink: 0;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-info {
  width: 100%;
  max-width: 100%;
}

.opc-directsearch-suggest .directsearch-suggest-column a {
  color: #666;
  padding: 1em 0;
  font-family: UniversLTPro-55Roman;
  font-size: .777778rem;
}

.opc-directsearch-suggest .directsearch-suggest-column .moreItems a {
  padding: 1em .5em;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-name {
  font-weight: bold;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-art-nr {
  opacity: .6;
  display: block;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-description {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.opc-directsearch-suggest .directsearch-suggest-column .list-item-price {
  display: none;
}

.opc-directsearch-suggest h3 {
  color: #776b5f;
  text-transform: uppercase;
  margin-bottom: .2em;
  font-size: .666667rem;
}

.opc-directsearch-suggest[data-op-type="2col3sec"] .directsearch-suggest-column {
  flex-shrink: 0;
  width: 50%;
  padding: 1.11111rem;
}

.opc-directsearch-suggest[data-op-type="2col3sec"] .directsearch-suggest-column:empty {
  display: none;
}

.opc-directsearch-suggest[data-op-type="3col2sec"] .directsearch-suggest-column {
  flex-shrink: 0;
  width: 33.333%;
  padding: 1.11111rem;
}

.opc-directsearch-suggest[data-op-type="3col2sec"] .directsearch-suggest-column:empty {
  display: none;
}

.opc-directsearch-suggest[data-op-type="3rowA2sec"] .directsearch-suggest-column {
  flex-shrink: 0;
  width: 50%;
  padding: 1.11111rem;
}

.opc-directsearch-suggest[data-op-type="3rowA2sec"] .directsearch-suggest-column:empty {
  display: none;
}

.tox .tox-dialog-wrap__backdrop--opaque {
  opacity: 1 !important;
  background-color: #0000 !important;
}

.opc-notifications .notifications-dimmer {
  z-index: 1981;
  opacity: .5;
  background-color: #252525;
  margin: 0;
  padding: 0;
  position: fixed;
  inset: 0;
}

.opc-notifications .notifications-modal {
  z-index: 1981;
  padding: 0;
  position: fixed;
  inset: 10%;
  overflow-y: auto;
}

.opc-notifications .notifications-dialog {
  background-color: #fff;
  outline: 0;
  max-width: 700px;
  min-height: 110px;
  margin: 5% auto;
  padding: 24px 24px 0;
  position: relative;
}

.opc-notifications .notifications-dialog.notifications-capture:before {
  content: "";
  z-index: 1;
  display: block;
  position: absolute;
  inset: 0;
}

.opc-notifications .notifications-reset {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  display: inline !important;
  position: absolute !important;
}

.opc-notifications .notifications-commands {
  z-index: 2;
  margin: -14px 24px 0 0;
  position: absolute;
  right: 4px;
}

.opc-notifications .notifications-commands button {
  cursor: pointer;
  background-color: #0000;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 10px;
  display: none;
}

.opc-notifications .notifications-commands button.notifications-close {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000%22%3E%3Cpath%20style%3D%22%20%22%20d%3D%22M%207.21875%205.78125%20L%205.78125%207.21875%20L%2014.5625%2016%20L%205.78125%2024.78125%20L%207.21875%2026.21875%20L%2016%2017.4375%20L%2024.78125%2026.21875%20L%2026.21875%2024.78125%20L%2017.4375%2016%20L%2026.21875%207.21875%20L%2024.78125%205.78125%20L%2016%2014.5625%20Z%20%22%2F%3E%3C%2Fsvg%3E");
}

.opc-notifications .notifications-commands button.notifications-maximize {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC");
}

.opc-notifications .notifications-header {
  background-color: #fff;
  margin: -24px -24px 0;
  padding: 16px 24px;
}

.opc-notifications .notifications-body {
  min-height: 56px;
}

.opc-notifications .notifications-body .notifications-content {
  padding: 16px 24px 16px 16px;
}

.opc-notifications .notifications-footer {
  background-color: #fff;
  min-height: 43px;
  margin-left: -24px;
  margin-right: -24px;
  padding: 4px;
}

.opc-notifications .notifications-footer .notifications-buttons.notifications-primary {
  text-align: right;
}

.opc-notifications .notifications-footer .notifications-buttons.notifications-primary .notifications-button {
  margin: 4px;
}

.opc-notifications .notifications-footer .notifications-buttons.notifications-auxiliary {
  float: left;
  clear: none;
  text-align: left;
}

.opc-notifications .notifications-footer .notifications-buttons.notifications-auxiliary .notifications-button {
  margin: 4px;
}

.opc-notifications .notifications-footer .notifications-buttons .notifications-button {
  min-width: 88px;
  min-height: 35px;
}

.opc-notifications .notifications-handle {
  z-index: 1;
  cursor: se-resize;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==");
  width: 10px;
  height: 10px;
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(1);
}

.opc-notifications.notifications-no-overflow .notifications-body .notifications-content {
  overflow: hidden !important;
}

.opc-notifications.notifications-no-padding.notifications-maximized .notifications-body .notifications-content {
  padding: 0;
  left: 0;
  right: 0;
}

.opc-notifications.notifications-no-padding:not(.notifications-maximized) .notifications-body {
  margin-left: -24px;
  margin-right: -24px;
}

.opc-notifications.notifications-no-padding:not(.notifications-maximized) .notifications-body .notifications-content {
  padding: 0;
}

.opc-notifications.notifications-no-padding.notifications-resizable .notifications-body .notifications-content {
  left: 0;
  right: 0;
}

.opc-notifications.notifications-maximizable .notifications-commands button.notifications-maximize, .opc-notifications.notifications-maximizable .notifications-commands button.notifications-restore, .opc-notifications.notifications-closable .notifications-commands button.notifications-close {
  display: inline-block;
}

.opc-notifications.notifications-maximized .notifications-dialog {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important;
}

.opc-notifications.notifications-maximized.notifications-modeless .notifications-modal {
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  position: fixed !important;
}

.opc-notifications.notifications-maximized .notifications-commands button.notifications-maximize {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=");
}

.opc-notifications.notifications-resizable .notifications-dialog, .opc-notifications.notifications-maximized .notifications-dialog {
  padding: 0;
}

.opc-notifications.notifications-resizable .notifications-commands, .opc-notifications.notifications-maximized .notifications-commands {
  margin: 14px 24px 0 0;
}

.opc-notifications.notifications-resizable .notifications-header, .opc-notifications.notifications-maximized .notifications-header {
  margin: 0;
  padding: 16px 24px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.opc-notifications.notifications-resizable .notifications-body, .opc-notifications.notifications-maximized .notifications-body {
  min-height: 224px;
  display: inline-block;
}

.opc-notifications.notifications-resizable .notifications-body .notifications-content, .opc-notifications.notifications-maximized .notifications-body .notifications-content {
  position: absolute;
  inset: 50px 24px 24px;
  overflow: auto;
}

.opc-notifications.notifications-resizable .notifications-footer, .opc-notifications.notifications-maximized .notifications-footer {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.opc-notifications.notifications-resizable:not(.notifications-maximized) .notifications-dialog {
  min-width: 548px;
}

.opc-notifications.notifications-resizable:not(.notifications-maximized) .notifications-handle {
  display: block;
}

.opc-notifications.notifications-movable:not(.notifications-maximized) .notifications-header {
  cursor: move;
}

.opc-notifications.notifications-modeless .notifications-dimmer, .opc-notifications.notifications-modeless .notifications-reset {
  display: none;
}

.opc-notifications.notifications-modeless .notifications-modal {
  max-width: none;
  max-height: 0;
  overflow: visible;
}

.opc-notifications.notifications-modeless.notifications-pinnable .notifications-commands button.notifications-pin {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC");
  display: inline-block;
}

.opc-notifications.notifications-modeless.notifications-unpinned .notifications-modal {
  position: absolute;
}

.opc-notifications.notifications-modeless.notifications-unpinned .notifications-commands button.notifications-pin {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=");
}

.opc-notifications.notifications-modeless:not(.notifications-unpinned) .notifications-body {
  max-height: 500px;
  overflow: auto;
}

.opc-notifications.notifications-basic .notifications-header {
  opacity: 0;
}

.opc-notifications.notifications-basic .notifications-footer {
  visibility: hidden;
}

.opc-notifications.notifications-frameless .notifications-header {
  opacity: 0;
  z-index: 1;
  min-height: 60px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.opc-notifications.notifications-frameless .notifications-footer {
  display: none;
}

.opc-notifications.notifications-frameless .notifications-body .notifications-content {
  position: absolute;
  inset: 0;
}

.opc-notifications.notifications-frameless:not(.notifications-resizable) .notifications-dialog {
  padding-top: 0;
}

.opc-notifications.notifications-frameless:not(.notifications-resizable) .notifications-dialog .notifications-commands {
  margin-top: 0;
}

.notifications-no-overflow {
  outline: none;
  overflow: hidden !important;
}

.notifications-no-overflow.notifications-fixed {
  position: fixed;
  inset: 0;
  overflow-y: scroll !important;
}

.notifications-no-selection, .notifications-no-selection * {
  -webkit-user-select: none;
  user-select: none;
}

@media screen and (width <= 568px) {
  .opc-notifications .notifications-dialog {
    min-width: 150px;
  }

  .opc-notifications:not(.notifications-maximized) .notifications-modal {
    padding: 0 5%;
  }

  .opc-notifications:not(.notifications-maximized).notifications-resizable .notifications-dialog {
    min-width: initial;
    min-width: auto;
  }
}

@-moz-document url-prefix() {
  .opc-notifications button:focus {
    outline: 1px dotted #3593d2;
  }
}

.opc-notifications .notifications-dimmer, .opc-notifications .notifications-modal {
  transition-property: opacity, visibility;
  transition-duration: .25s;
  transition-timing-function: linear;
  transform: translate3d(0, 0, 0);
}

.opc-notifications.notifications-hidden .notifications-dimmer, .opc-notifications.notifications-hidden .notifications-modal {
  visibility: hidden;
  opacity: 0;
}

.opc-notifications.notifications-in:not(.notifications-hidden) .notifications-dialog {
  animation-duration: .5s;
}

.opc-notifications.notifications-out.notifications-hidden .notifications-dialog {
  animation-duration: .25s;
}

.opc-notifications .notifications-dialog.notifications-shake {
  animation-name: notifications-shake;
  animation-duration: .1s;
  animation-fill-mode: both;
}

.opc-notifications.notifications-slide.notifications-in:not(.notifications-hidden) .notifications-dialog {
  animation-name: notifications-slideIn;
  animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.opc-notifications.notifications-slide.notifications-out.notifications-hidden .notifications-dialog {
  animation-name: notifications-slideOut;
  animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
}

.opc-notifications.notifications-zoom.notifications-in:not(.notifications-hidden) .notifications-dialog {
  animation-name: notifications-zoomIn;
}

.opc-notifications.notifications-zoom.notifications-out.notifications-hidden .notifications-dialog {
  animation-name: notifications-zoomOut;
}

.opc-notifications.notifications-fade.notifications-in:not(.notifications-hidden) .notifications-dialog {
  animation-name: notifications-fadeIn;
}

.opc-notifications.notifications-fade.notifications-out.notifications-hidden .notifications-dialog {
  animation-name: notifications-fadeOut;
}

.opc-notifications.notifications-pulse.notifications-in:not(.notifications-hidden) .notifications-dialog {
  animation-name: notifications-pulseIn;
}

.opc-notifications.notifications-pulse.notifications-out.notifications-hidden .notifications-dialog {
  animation-name: notifications-pulseOut;
}

.opc-notifications.notifications-flipx.notifications-in:not(.notifications-hidden) .notifications-dialog {
  animation-name: notifications-flipInX;
}

.opc-notifications.notifications-flipx.notifications-out.notifications-hidden .notifications-dialog {
  animation-name: notifications-flipOutX;
}

.opc-notifications.notifications-flipy.notifications-in:not(.notifications-hidden) .notifications-dialog {
  animation-name: notifications-flipInY;
}

.opc-notifications.notifications-flipy.notifications-out.notifications-hidden .notifications-dialog {
  animation-name: notifications-flipOutY;
}

.opc-notifications-notifier .notifications-message {
  opacity: 0;
  width: 260px;
  max-height: 0;
  margin: 0;
  padding: 0;
  transition-duration: .25s;
  transition-timing-function: linear;
  position: relative;
  transform: translate3d(0, 0, 0);
}

.opc-notifications-notifier .notifications-message.notifications-visible {
  opacity: 1;
  max-height: 100%;
  margin-top: 10px;
  padding: 15px;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.opc-notifications-notifier .notifications-message.notifications-success {
  background: #008dc3f2;
}

.opc-notifications-notifier .notifications-message.notifications-error {
  background: #d95c5cf2;
}

.opc-notifications-notifier .notifications-message.notifications-warning {
  background: #fcf8d7f2;
}

.opc-notifications-notifier .notifications-message .notifications-close {
  cursor: pointer;
  background-color: #00000080;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC");
  background-position: center;
  background-repeat: no-repeat;
  border-top-right-radius: 2px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  right: 0;
}

.opc-notifications-notifier.notifications-top {
  top: 10px;
}

.opc-notifications-notifier.notifications-bottom {
  bottom: 10px;
}

.opc-notifications-notifier.notifications-right {
  right: 10px;
}

.opc-notifications-notifier.notifications-right .notifications-message {
  right: -320px;
}

.opc-notifications-notifier.notifications-right .notifications-message.notifications-visible {
  right: 290px;
}

.opc-notifications-notifier.notifications-left {
  left: 10px;
}

.opc-notifications-notifier.notifications-left .notifications-message {
  left: -300px;
}

.opc-notifications-notifier.notifications-left .notifications-message.notifications-visible {
  left: 0;
}

.opc-notifications-notifier.notifications-center {
  left: 50%;
}

.opc-notifications-notifier.notifications-center .notifications-message {
  transform: translateX(-50%);
}

.opc-notifications-notifier.notifications-center .notifications-message.notifications-visible {
  transition-timing-function: cubic-bezier(.57, .43, .1, .65);
  left: 50%;
}

.opc-notifications-notifier.notifications-center.notifications-top .notifications-message {
  top: -300px;
}

.opc-notifications-notifier.notifications-center.notifications-top .notifications-message.notifications-visible {
  top: 0;
}

.opc-notifications-notifier.notifications-center.notifications-bottom .notifications-message {
  bottom: -300px;
}

.opc-notifications-notifier.notifications-center.notifications-bottom .notifications-message.notifications-visible {
  bottom: 0;
}

.notifications-ok {
  color: #fff;
  background: #a2da3a;
}

.opc-manager-update {
  margin-bottom: 20px;
}

.opc-manager-stage .opc-col > div {
  text-align: center;
  border: 1px solid gray;
  padding: 15px;
}

.opc-manager-cookie {
  z-index: 11;
  background: #83be26;
  width: 100%;
  padding: 0;
  position: fixed;
  bottom: 0;
  left: auto;
  right: 0;
  box-shadow: 0 0 50px #0000000d;
}

@media only screen and (width >= 800px) {
  .opc-manager-cookie {
    width: 520px;
    bottom: 15px;
    right: 15px;
  }
}

.opc-cookie-message {
  padding: 15px;
}

@media only screen and (width >= 800px) {
  .opc-cookie-message {
    padding: 1.5em 2.25em 1.75em;
  }
}

.opc-cookie-message {
  color: #fff;
  text-align: left;
  background: none;
  font-weight: normal;
  display: block;
}

.opc-cookie-message p {
  margin: 0 0 1em;
  font-size: 1rem;
}

.opc-cookie-message p a {
  color: #fff;
  display: inline-block;
}

.opc-cookie-message p a:before {
  background: #ffffffa6;
  transform: scaleX(0);
}

.opc-cookie-message p a:after {
  background: #fff3;
}

.opc-cookie-message p a:before, .opc-cookie-message p a:after {
  content: "";
  width: 100%;
  height: 2px;
  transition: all .3s linear;
  position: absolute;
  bottom: 2px;
  left: 0;
}

.opc-cookie-message p a:hover:before {
  transform: scaleX(1);
}

.opc-cookie-message .opc-button, .opc-cookie-message .opc-favorite-button, .opc-cookie-message .opc-compare-button, .opc-cookie-message .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cookie-message .notifications-ok, .opc-cookie-message .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cookie-message .notifications-cancel {
  letter-spacing: .1px;
  text-align: center;
  z-index: 1;
  color: #fff;
  background: none;
  border: 2px solid #fff;
  margin-top: 1em;
  padding: .5em 1.65em .55em;
  font-size: .777778rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.opc-cookie-message .opc-button:after, .opc-cookie-message .opc-favorite-button:after, .opc-cookie-message .opc-compare-button:after, .opc-cookie-message .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cookie-message .notifications-ok:after, .opc-cookie-message .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cookie-message .notifications-cancel:after {
  content: "";
  z-index: -1;
  background-color: #ffffff26;
  width: 100%;
  height: 100%;
  transition: all .4s linear;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
}

.opc-cookie-message .opc-button:hover:after, .opc-cookie-message .opc-favorite-button:hover:after, .opc-cookie-message .opc-compare-button:hover:after, .opc-cookie-message .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:hover:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cookie-message .notifications-ok:hover:after, .opc-cookie-message .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:hover:after, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .opc-cookie-message .notifications-cancel:hover:after {
  transform: scaleX(1);
}

.opc-message {
  background: #f8f8f8;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: 1rem;
}

.opc-message p:last-of-type {
  margin: 0;
}

.opc-message svg {
  margin-right: 1rem;
  font-size: 1.2em;
}

.opc-message[data-op-type="info"] {
  background: #78b3da;
}

.opc-message[data-op-type="warning"] {
  background: #fff8bb;
}

.opc-message[data-op-type="success"] {
  color: #fff;
  background: #83be26;
}

.opc-message[data-op-type="error"] {
  color: #fff;
  background: #fa7979;
}

.opc-navigation:after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}

.opc-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.opc-navigation ul:after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}

.opc-navigation ul li a {
  color: #83be26;
  text-decoration: none;
  display: block;
}

.opc-navigation ul li a:hover {
  color: #def2be;
}

.opc-navigation .navigation-level-1 > li {
  color: #000;
}

.opc-navigation .navigation-level-2 > li > a {
  white-space: nowrap;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li {
  float: left;
  position: relative;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li > a {
  padding: 1.5rem 2rem;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li > a:hover, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li > a:hover {
  color: #fff;
  background-color: #0003;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active-parent > a {
  color: #fff;
  background: #83be26;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-active-parent > a:hover, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-active-parent > a:hover {
  color: #fff;
  background: #66941e;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-open > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-open > a {
  background: #83be26;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-1 > li.is-open > .navigation-level-2, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li.is-open > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-2, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2 {
  visibility: hidden;
  opacity: 0;
  background: #333;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translate(0) scale(.95);
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-2:before, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2:before {
  content: "";
  background: none;
  width: 100%;
  height: .5rem;
  position: absolute;
  top: -.5rem;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-2 > li > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2 > li > a {
  white-space: nowrap;
  min-width: 16rem;
  padding: 1rem 2rem;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-2 > li:hover > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2 > li:hover > a {
  color: #fff;
  background: #0000001a;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-2 > li.is-active > a, .opc-navigation[data-op-navtype="default-click"] .navigation-level-2 > li.is-active-parent > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2 > li.is-active > a, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-2 > li.is-active-parent > a {
  color: #83be26;
}

.opc-navigation[data-op-navtype="default-click"] .navigation-level-3, .opc-navigation[data-op-navtype="default-hover"] .navigation-level-3 {
  display: none;
}

.opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li:hover > a {
  background: #83be26;
}

.opc-navigation[data-op-navtype="default-hover"] .navigation-level-1 > li:hover > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li {
  float: left;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li:hover, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li:hover {
  color: #000 !important;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li > a {
  color: #83be26;
  padding: .9rem;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li > a:hover, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li > a:hover {
  color: #000;
  background-color: #0003;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active-parent > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active-parent > a {
  color: #000;
  background: #83be26;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-active-parent > a:hover, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active > a:hover, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-active-parent > a:hover {
  color: #fff;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-open > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-open > a {
  color: #fff;
  background: #83be26;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-1 > li.is-open > .navigation-level-2, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li.is-open > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-2, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-2 {
  z-index: 1000;
  color: #000;
  visibility: hidden;
  opacity: 0;
  column-count: 4;
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transform: translate(0) scale(.95);
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-2 > li, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-2 > li {
  page-break-inside: avoid;
  break-inside: avoid-column;
  margin-bottom: .9rem;
  display: inline-block;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-2 > li > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-2 > li > a {
  white-space: nowrap;
  color: #000;
  min-width: 16rem;
  padding: 1rem 2rem;
  font-weight: 600;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-2 > li:hover > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-2 > li:hover > a {
  background: none;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-3, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-3 {
  display: block;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-3 > li > a, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-3 > li > a {
  opacity: .8;
  color: #000;
  padding: .5rem 2rem;
}

.opc-navigation[data-op-navtype="megamenu-click"] .navigation-level-3 > li > a:hover, .opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-3 > li > a:hover {
  opacity: 1;
}

.opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li:hover > a {
  color: #fff;
  background: #83be26;
}

.opc-navigation[data-op-navtype="megamenu-hover"] .navigation-level-1 > li:hover > .navigation-level-2 {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  display: block;
  transform: translate(0, .5rem) scale(1);
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li {
  margin-bottom: .5rem;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li > a {
  padding: 1rem;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-open > a {
  color: #83be26;
  font-weight: bold;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-open > .navigation-level-2 {
  display: block;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 {
  display: none;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li {
  border-bottom: 1px solid #fff3;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li > a {
  padding: .5rem 1rem .5rem 2rem;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-open > a {
  color: #83be26;
  font-weight: bold;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-open > .navigation-level-3 {
  display: block;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 {
  display: none;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li > a {
  padding: .5rem 1rem;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-open > a {
  color: #83be26;
  font-weight: bold;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-open > .navigation-level-4 {
  display: block;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 {
  display: none;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li > a {
  padding: .5rem 1rem;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-open > a {
  color: #83be26;
  font-weight: bold;
}

.opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-open > .navigation-level-5 {
  display: block;
}

.opc-navigation[data-op-navtype="simple"] a:before {
  content: "";
  opacity: .6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 12.96875 4.28125 L 11.53125 5.71875 L 21.8125 16 L 11.53125 26.28125 L 12.96875 27.71875 L 23.96875 16.71875 L 24.65625 16 L 23.96875 15.28125 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1em;
  height: 1em;
  margin-right: .5rem;
  display: inline-block;
}

.opc-navigation[data-op-navtype="simple"] a:hover:before {
  opacity: 1;
}

.opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li > a {
  padding: .5rem 0;
}

.opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li > a {
  white-space: nowrap;
  padding: .5rem 1rem .5rem 2rem;
}

.opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li:hover > a {
  background: #0000001a;
}

.opc-tabs .tab-list {
  background: #fff;
  border-bottom: none;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: baseline;
  margin: 0;
  padding: .2rem .4rem;
  list-style: none;
  display: flex;
  position: relative;
}

.opc-tabs .tab-list:before, .opc-tabs .tab-list:after {
  content: "";
  background: #fff;
  border-bottom: 1px solid #ccc;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}

.opc-tabs .tab-list:after {
  left: 100%;
  right: auto;
}

.opc-tabs .tab-list li, .opc-tabs .tab-list .tab-list-item {
  color: #999;
  background: none;
  border: 1px solid #0000;
  border-bottom: none;
  position: relative;
}

.opc-tabs .tab-list li else, .opc-tabs .tab-list .tab-list-item else {
  border-color: #0000;
}

.opc-tabs .tab-list li:hover, .opc-tabs .tab-list .tab-list-item:hover {
  color: #666;
  background: #eee;
}

.opc-tabs .tab-list li:first-child, .opc-tabs .tab-list .tab-list-item:first-child {
  margin-left: 0;
}

.opc-tabs .tab-list li.is-active, .opc-tabs .tab-list .tab-list-item.is-active {
  z-index: 2;
  color: #000;
  background: #ccc;
  border-color: #ccc #ccc currentColor;
  border-bottom-style: none;
  border-bottom-width: medium;
}

.opc-tabs .tab-list li.is-active:after, .opc-tabs .tab-list .tab-list-item.is-active:after {
  content: "";
  background: #ccc;
  height: 1px;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.opc-tabs .tab-list li a, .opc-tabs .tab-list .tab-list-item a {
  width: 100%;
  color: inherit;
  padding: 1rem;
  text-decoration: none;
  display: block;
}

.opc-tabs .tab-content-wrapper {
  margin-bottom: 2rem;
}

.opc-tabs .tab-content-wrapper .tab-content-inner {
  display: none;
}

.opc-tabs .tab-content-wrapper .tab-content-inner .tab-head {
  background: none;
  padding: 2rem;
  font-weight: bold;
  position: relative;
}

.opc-tabs .tab-content-wrapper .tab-content-inner .tab-head:hover {
  background: none;
}

.opc-tabs .tab-content-wrapper .tab-content-inner .tab-head:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23999%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.2em;
  height: 1.2em;
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%) rotate(0);
}

.opc-tabs .tab-content-wrapper .tab-content-inner .tab-body {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.opc-tabs .tab-content-wrapper .tab-content-inner.is-active {
  display: block;
}

.opc-tabs .tab-content-wrapper .tab-content-inner.is-active .tab-head {
  background: none;
}

.opc-tabs .tab-content-wrapper .tab-content-inner.is-active .tab-head:after {
  transform: translateY(-50%) rotate(180deg);
}

.opc-tabs[data-op-type="tabs"] .tab-head, .opc-tabs[data-op-type="accordion"] .tab-list {
  display: none;
}

.opc-tabs[data-op-type="accordion"] .tab-content-inner {
  border: 1px solid #ccc;
  margin-top: -1px;
  display: block;
}

.opc-tabs[data-op-type="accordion"] .tab-content-inner .tab-body {
  padding: 2rem;
  display: none;
}

.opc-tabs[data-op-type="accordion"] .tab-content-inner.is-active .tab-body {
  display: block;
}

.topbar-inner .ele_layout .site_meta {
  z-index: 20001;
}

.topbar-inner .ele_layout .site_meta .ele-user-menu {
  position: relative;
}

.topbar-inner .ele_layout .site_meta .ele-user-menu .user-menu-toggle {
  cursor: pointer;
}

.topbar-inner .ele_layout .site_meta .ele-user-menu .user-menu-toggle span {
  letter-spacing: .36px;
  z-index: 1;
  border-right: 1px solid #efefef;
  padding: 1em 2em 1em 3.75em;
  font-size: .777778rem;
  display: inline-block;
  position: relative;
}

.topbar-inner .ele_layout .site_meta .ele-user-menu .user-menu-toggle svg {
  margin-left: 7px;
  padding-top: 5px;
}

.topbar-inner .ele_layout .site_meta .ele-user-menu ul {
  z-index: 3000;
  float: left;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #efefef;
  border-radius: 0;
  width: 100%;
  min-width: 160px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  top: 100%;
  left: auto;
  right: 0;
  position: absolute !important;
}

.topbar-inner .ele_layout .site_meta .ele-user-menu ul li {
  display: block;
}

.topbar-inner .ele_layout .site_meta .ele-user-menu ul li a {
  border: none;
  border-bottom: 1px solid #efefef;
  width: 100%;
  padding: 1em 1.8em;
  display: block;
}

.accordion__item {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  display: flex;
}

.accordion__item:last-of-type {
  border-bottom: none;
}

.accordion__head {
  color: #fff;
  cursor: pointer;
  background-color: #83be26;
  border-bottom: none;
  justify-content: start;
  column-gap: 8px;
  padding-block: 16px;
  font-weight: bolder;
}

.accordion__title {
  flex-direction: column;
  display: none;
}

.accordion__title--selected {
  font-size: .666667rem;
  font-weight: 400;
}

.accordion__title--default, .accordion__text--is-selected .accordion__title {
  display: flex;
}

.accordion__text--is-selected .accordion__title--default, .accordion__icon--up {
  display: none;
}

.accordion__icon--down {
  display: block;
}

.accordion__right {
  flex-direction: row;
  align-items: center;
  column-gap: 16px;
  margin-left: auto;
  display: flex;
}

.accordion__body {
  will-change: auto;
  grid-template-rows: 0fr;
  transition: grid-template-rows .2s ease-out;
  display: grid;
}

.accordion__content {
  overflow: hidden;
}

.accordion__flag {
  color: #fff;
  background-color: #83be26;
  border-radius: 24px;
  padding: 8px 16px;
  font-size: 12px;
}

.accordion__flag--border {
  border: 1px solid #fff;
}

.accordion__flag--red {
  background-color: #c00000;
}

.accordion__flag--blue {
  background-color: #328bbe;
}

.accordion--active .accordion__body {
  grid-template-rows: 1fr;
}

.accordion--active .accordion__icon--up {
  display: block;
}

.accordion--active .accordion__icon--down, .accordion--no-icon .accordion__icon--up, .accordion--no-icon .accordion__icon--down {
  display: none;
}

.course-select {
  min-height: 300px;
}

.course-select--loading > * {
  display: none !important;
}

.course-select__selection {
  flex-direction: column;
  row-gap: 16px;
  display: flex;
  margin-bottom: 0 !important;
}

.course-select__result {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 24px;
  margin-bottom: 0 !important;
}

.course-select__price {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.course-select__no {
  text-align: end;
  grid-column: 1 / -1;
  font-size: .666667rem;
}

.price-tile {
  flex-direction: column;
  column-gap: 24px;
  display: flex;
}

.price-tile__button {
  grid-area: button;
  margin-top: 24px;
  font-weight: bolder;
}

.price-tile__price {
  font-size: 1.36111rem;
  font-weight: bolder;
}

.price-tile__currency {
  font-size: .666667rem;
}

.booking-state {
  margin-top: 24px;
  flex-direction: column;
  row-gap: 4px;
  margin-inline: 16px;
  display: flex;
}

.booking-state__row {
  grid-template-columns: 50px auto;
  align-items: center;
  column-gap: 4px;
  display: grid;
}

.booking-state__color {
  background-color: #88bd24;
  width: 100%;
  height: 30px;
}

.booking-state__color--red {
  background-color: #c00000;
}

.booking-state__color--blue {
  background-color: #328bbe;
}

.booking-state__text {
  font-size: .666667rem;
}

.opc-search {
  z-index: 20000;
  visibility: hidden;
  opacity: 0;
  z-index: -100;
  position: fixed;
  inset: 0;
}

.opc-search.is-open {
  visibility: visible;
  opacity: 1;
  z-index: 20000;
}

.opc-search .search-toggle {
  z-index: 3;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.opc-search .opc-search-bg {
  z-index: 1;
  background: #fffffffa;
  display: block;
  position: absolute;
  inset: 0;
}

.opc-search .opc-search-content {
  z-index: 2;
  padding: 2rem;
  position: absolute;
  inset: 0;
}

@media only screen and (width >= 1024px) {
  .opc-search {
    visibility: visible;
    opacity: 1;
    z-index: 20000;
    background: none;
    width: 100%;
    position: relative;
    inset: auto;
  }

  .opc-search .opc-search-bg, .opc-search .opc-search-toggle {
    display: none;
  }

  .opc-search .opc-search-content {
    padding: 0;
    position: relative;
  }
}

.admin-header-wrapper {
  background-color: #789;
  width: 100%;
  min-height: 50px;
  padding-top: 10px;
  padding-left: 50px;
  font-size: 12px;
  position: sticky;
  top: 100vh;
  transform: translateY(-100%);
}

.course .opc-col {
  margin-bottom: 0 !important;
}

[data-op-col="12-6-6"] {
  width: 100%;
}

@media only screen and (width >= 640px) {
  [data-op-col="12-6-6"] {
    width: 50%;
  }
}

@media only screen and (width >= 800px) {
  [data-op-col="12-6-6"] {
    width: 50%;
  }
}

#topbar-login-form {
  display: none;
}

.topbar-wrapper {
  background: #fff;
  width: 100%;
  height: 50px;
  padding: 0;
  display: none;
}

@media only screen and (width >= 1024px) {
  .topbar-wrapper {
    display: block;
  }
}

.topbar-wrapper .topbar-inner {
  max-width: 100%;
  margin-left: initial;
  margin-right: initial;
  justify-content: flex-end;
  align-items: center;
  font-size: 0;
  display: flex;
}

.topbar-wrapper .topbar-group {
  text-align: left;
  margin-left: .555556rem;
  padding-left: .555556rem;
  font-size: .777778rem;
  line-height: 1.6;
  display: inline-block;
  position: relative;
}

.topbar-wrapper .topbar-group:first-child:before {
  display: none;
}

.topbar-wrapper .topbar-group:before {
  content: "";
  background: #eee;
  width: 1px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.topbar-wrapper .topbar-group select {
  border: none;
  font-weight: bold;
}

.topbar-wrapper .topbar-group a {
  color: #000;
  text-decoration: none;
}

.topbar-wrapper .topbar-group a:hover {
  color: #666;
}

.topbar-wrapper .topbar-group .count:before {
  content: "(";
}

.topbar-wrapper .topbar-group .count:after {
  content: ")";
}

.header-wrapper {
  background: #fff;
  border-bottom: 1px solid #efefef;
}

@media only screen and (width >= 1024px) {
  .header-wrapper {
    border-bottom: none;
  }
}

.header-wrapper {
  z-index: 200;
  min-height: 74px;
  padding: 0;
  position: sticky;
  top: 0;
}

@media only screen and (width >= 1024px) {
  .header-wrapper {
    box-shadow: none;
    position: relative;
  }
}

.header-wrapper .header-inner {
  flex-wrap: nowrap;
  align-items: center;
  height: 74px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  max-width: 100% !important;
}

@media only screen and (width >= 640px) {
  .header-wrapper .header-inner {
    height: 3.88889rem;
  }
}

.header-wrapper .offcanvas-menu-trigger {
  opacity: .6;
  cursor: pointer;
  background: none;
  border: none;
  margin-right: .555556rem;
  padding: .277778rem;
}

.header-wrapper .offcanvas-menu-trigger:hover {
  opacity: 1;
}

.header-wrapper .offcanvas-menu-trigger span {
  -webkit-user-select: none;
  user-select: none;
  margin-top: 7px;
  margin-bottom: 7px;
  position: relative;
}

.header-wrapper .offcanvas-menu-trigger span, .header-wrapper .offcanvas-menu-trigger span:before, .header-wrapper .offcanvas-menu-trigger span:after {
  -o-transition-property: background-color, -o-transform;
  -webkit-transition-property: background-color, -webkit-transform;
  -o-transition-duration: .3s;
  -moz-transition-property: background-color, -moz-transform;
  background-color: #222;
  outline: 1px solid #0000;
  width: 25px;
  height: 2px;
  transition-property: background-color, transform;
  transition-duration: .3s;
  display: block;
}

.header-wrapper .offcanvas-menu-trigger span:before, .header-wrapper .offcanvas-menu-trigger span:after {
  content: "";
  position: absolute;
}

.header-wrapper .offcanvas-menu-trigger span:before {
  top: -7px;
}

.header-wrapper .offcanvas-menu-trigger span:after {
  top: 7px;
}

.header-wrapper .offcanvas-menu-trigger.is-active span {
  background-color: #0000;
}

.header-wrapper .offcanvas-menu-trigger.is-active span:before {
  transform: translateY(7px) rotate(45deg);
}

.header-wrapper .offcanvas-menu-trigger.is-active span:after {
  transform: translateY(-7px) rotate(-45deg);
}

.header-wrapper .offcanvas-menu-trigger {
  display: none;
}

@media only screen and (width <= 1024px) {
  .header-wrapper .offcanvas-menu-trigger {
    display: block;
  }
}

.header-wrapper .offcanvas-menu-trigger {
  order: 10;
}

.header-wrapper .brand {
  order: 2;
  width: 20%;
  min-width: 6.66667rem;
  max-width: 10rem;
  margin-right: .555556rem;
  padding: 0 0 .277778rem;
}

.header-wrapper .brand a {
  display: block;
}

.header-wrapper .brand img {
  width: 100%;
  display: block;
}

@media only screen and (width >= 640px) {
  .header-wrapper .brand {
    margin-right: 1.11111rem;
  }
}

@media only screen and (width >= 1024px) {
  .header-wrapper .brand {
    flex-grow: 0;
    margin-right: 1.48148rem;
  }
}

@media only screen and (width >= 1200px) {
  .header-wrapper .brand {
    margin-right: 2.22222rem;
  }
}

.header-wrapper .header-search {
  flex: 1;
  order: 5;
  width: 100%;
  min-width: 100%;
  margin-right: 1.11111rem;
  display: flex;
  position: absolute;
}

.header-wrapper .header-search:before {
  content: "";
  display: block;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-search {
    order: 1;
    min-width: 0;
    margin-top: 0;
    margin-right: 1.11111rem;
    position: relative;
  }
}

@media only screen and (width >= 1200px) {
  .header-wrapper .header-search {
    margin-right: 2.22222rem;
  }
}

.header-wrapper .header-search input {
  width: 100%;
  height: 1.66667rem;
}

.header-wrapper .header-actions {
  height: 74px;
  display: flex;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-actions {
    order: 2;
  }
}

.header-wrapper .header-actions {
  flex-grow: 1;
  justify-content: flex-end;
}

.header-wrapper .header-actions > div:first-child {
  margin-right: auto;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-actions {
    flex-grow: 0;
  }
}

.header-wrapper .header-actions > .opc-favorite-info, .header-wrapper .header-actions > .opc-basket-info, .header-wrapper .header-actions > .search-toggle, .header-wrapper .header-actions > .account-link {
  border-left: 1px solid #efefef;
  margin: 0;
  display: flex;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-actions > .opc-favorite-info, .header-wrapper .header-actions > .opc-basket-info, .header-wrapper .header-actions > .search-toggle, .header-wrapper .header-actions > .account-link {
    border-left: none;
  }
}

.header-wrapper .header-actions > .opc-favorite-info > .opc-button, .header-wrapper .header-actions > .opc-favorite-info > .opc-favorite-button, .header-wrapper .header-actions > .opc-favorite-info > .opc-compare-button, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-favorite-info > .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-favorite-info > .notifications-ok, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-favorite-info > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-favorite-info > .notifications-cancel, .header-wrapper .header-actions > .opc-basket-info > .opc-button, .header-wrapper .header-actions > .opc-basket-info > .opc-favorite-button, .header-wrapper .header-actions > .opc-basket-info > .opc-compare-button, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-basket-info > .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-basket-info > .notifications-ok, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-basket-info > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-basket-info > .notifications-cancel, .header-wrapper .header-actions > .search-toggle > .opc-button, .header-wrapper .header-actions > .search-toggle > .opc-favorite-button, .header-wrapper .header-actions > .search-toggle > .opc-compare-button, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .search-toggle > .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .search-toggle > .notifications-ok, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .search-toggle > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .search-toggle > .notifications-cancel, .header-wrapper .header-actions > .account-link > .opc-button, .header-wrapper .header-actions > .account-link > .opc-favorite-button, .header-wrapper .header-actions > .account-link > .opc-compare-button, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .account-link > .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .account-link > .notifications-ok, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .account-link > .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .account-link > .notifications-cancel {
  color: #000;
  height: 100%;
  margin: 0;
  padding: 0;
}

.header-wrapper .header-actions > .opc-favorite-info > .opc-button:hover, .header-wrapper .header-actions > .opc-favorite-info > .opc-favorite-button:hover, .header-wrapper .header-actions > .opc-favorite-info > .opc-compare-button:hover, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-favorite-info > .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-favorite-info > .notifications-ok:hover, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-favorite-info > .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-favorite-info > .notifications-cancel:hover, .header-wrapper .header-actions > .opc-basket-info > .opc-button:hover, .header-wrapper .header-actions > .opc-basket-info > .opc-favorite-button:hover, .header-wrapper .header-actions > .opc-basket-info > .opc-compare-button:hover, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-basket-info > .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-basket-info > .notifications-ok:hover, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-basket-info > .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-basket-info > .notifications-cancel:hover, .header-wrapper .header-actions > .search-toggle > .opc-button:hover, .header-wrapper .header-actions > .search-toggle > .opc-favorite-button:hover, .header-wrapper .header-actions > .search-toggle > .opc-compare-button:hover, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .search-toggle > .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .search-toggle > .notifications-ok:hover, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .search-toggle > .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .search-toggle > .notifications-cancel:hover, .header-wrapper .header-actions > .account-link > .opc-button:hover, .header-wrapper .header-actions > .account-link > .opc-favorite-button:hover, .header-wrapper .header-actions > .account-link > .opc-compare-button:hover, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .account-link > .notifications-ok:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .account-link > .notifications-ok:hover, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .account-link > .notifications-cancel:hover, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .account-link > .notifications-cancel:hover {
  color: #666;
}

.header-wrapper .header-actions > .opc-favorite-info > .opc-button > svg, .header-wrapper .header-actions > .opc-favorite-info > .opc-favorite-button > svg, .header-wrapper .header-actions > .opc-favorite-info > .opc-compare-button > svg, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-favorite-info > .notifications-ok > svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-favorite-info > .notifications-ok > svg, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-favorite-info > .notifications-cancel > svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-favorite-info > .notifications-cancel > svg, .header-wrapper .header-actions > .opc-basket-info > .opc-button > svg, .header-wrapper .header-actions > .opc-basket-info > .opc-favorite-button > svg, .header-wrapper .header-actions > .opc-basket-info > .opc-compare-button > svg, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-basket-info > .notifications-ok > svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-basket-info > .notifications-ok > svg, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .opc-basket-info > .notifications-cancel > svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .opc-basket-info > .notifications-cancel > svg, .header-wrapper .header-actions > .search-toggle > .opc-button > svg, .header-wrapper .header-actions > .search-toggle > .opc-favorite-button > svg, .header-wrapper .header-actions > .search-toggle > .opc-compare-button > svg, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .search-toggle > .notifications-ok > svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .search-toggle > .notifications-ok > svg, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .search-toggle > .notifications-cancel > svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .search-toggle > .notifications-cancel > svg, .header-wrapper .header-actions > .account-link > .opc-button > svg, .header-wrapper .header-actions > .account-link > .opc-favorite-button > svg, .header-wrapper .header-actions > .account-link > .opc-compare-button > svg, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .account-link > .notifications-ok > svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .account-link > .notifications-ok > svg, .header-wrapper .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-actions > .account-link > .notifications-cancel > svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .header-wrapper .header-actions > .account-link > .notifications-cancel > svg {
  margin: 0;
  font-size: 2rem;
}

.header-wrapper .header-actions > .opc-favorite-info > a, .header-wrapper .header-actions > .opc-basket-info > a, .header-wrapper .header-actions > .search-toggle > a, .header-wrapper .header-actions > .account-link > a {
  color: #000;
}

.header-wrapper .header-actions > .opc-favorite-info > a:hover, .header-wrapper .header-actions > .opc-basket-info > a:hover, .header-wrapper .header-actions > .search-toggle > a:hover, .header-wrapper .header-actions > .account-link > a:hover {
  color: #666;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-actions > .account-link {
    display: none;
  }
}

.header-wrapper .header-actions > .account-link .account-link-login-indicator {
  background: #83be26;
  border-radius: 50%;
  width: .666667rem;
  height: .666667rem;
  position: absolute;
  bottom: .222222rem;
  right: .333333rem;
}

.header-wrapper .header-actions > .opc-favorite-info {
  display: none;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-actions > .opc-favorite-info {
    display: flex;
  }
}

.header-wrapper .header-actions .opc-basket-info {
  width: 84px;
}

.header-wrapper .header-actions .opc-basket-info svg {
  font-size: 2.22222rem !important;
}

.header-wrapper .header-actions .opc-basket-info a {
  text-align: center;
  width: 100%;
}

.header-wrapper .header-actions .search-toggle {
  cursor: pointer;
  background: none;
  height: 74px;
  padding-left: 0;
  padding-right: 0;
  width: 84px !important;
}

.header-wrapper .header-actions .search-toggle svg {
  margin: 0;
  font-size: 1.77778rem;
}

@media only screen and (width >= 1024px) {
  .header-wrapper .header-actions .search-toggle.search-toggle {
    display: none;
  }
}

.header-wrapper[data-op-sticky="true"] {
  width: 100%;
  transition: transform .2s ease-in-out;
  position: sticky;
  top: 0;
}

.header-wrapper[data-op-sticky="true"].sticky-inactive {
  transform: translateY(-100%);
}

.mainnav-wrapper {
  z-index: 100;
  background: #494949;
  display: none;
  position: relative;
}

@media only screen and (width >= 800px) {
  .mainnav-wrapper {
    display: block;
  }
}

.mainnav-wrapper .opc-navigation li a {
  color: #fff;
}

.mainnav-wrapper[data-op-sticky="true"] {
  width: 100%;
  transition: transform .2s ease-in-out;
  position: sticky;
}

.mainnav-wrapper[data-op-sticky="true"].sticky-inactive {
  transform: translateY(-119px);
}

.offcanvas-menu-wrapper {
  background: #83be26;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

@media only screen and (width <= 1024px) {
  .offcanvas-menu-wrapper {
    display: none;
  }
}

.offcanvas-menu-wrapper {
  width: 21%;
}

.offcanvas-menu-open .offcanvas-menu-wrapper {
  z-index: 1000;
}

.offcanvas-menu-wrapper .offcanvas-menu-inner .opc-mini-label {
  color: #fff;
  margin-top: 1.11111rem;
  margin-bottom: .277778rem;
  padding: .555556rem 1.11111rem 0;
  font-size: .666667rem;
  font-weight: normal;
}

.offcanvas-menu-wrapper .offcanvas-menu-inner .opc-mini-label:first-child {
  margin-top: 0;
}

.offcanvas-menu-wrapper .offcanvas-menu-inner {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.offcanvas-menu-wrapper .offcanvas-menu-head {
  background-color: #fff;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media only screen and (width <= 1024px) {
  .offcanvas-menu-wrapper .offcanvas-menu-head .offcanvas-brand {
    display: none;
  }
}

.offcanvas-menu-wrapper .offcanvas-menu-head .offcanvas-brand {
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #0000;
  width: 100%;
  padding: 15% 10%;
}

.offcanvas-menu-wrapper .offcanvas-menu-head .offcanvas-brand a {
  display: block;
}

.offcanvas-menu-wrapper .offcanvas-menu-head .offcanvas-brand img {
  cursor: pointer;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 76px;
  display: inline-block;
}

.offcanvas-menu-wrapper .offcanvas-menu-head .offcanvas-menu-close {
  color: #fff;
  background: none;
  padding: 0;
}

.offcanvas-menu-wrapper .offcanvas-menu-head .offcanvas-menu-close svg {
  margin: 0;
  font-size: 2rem;
}

.offcanvas-menu-wrapper .offcanvas-group {
  color: #fff;
  margin-bottom: 1.11111rem;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites a, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare a {
  color: #fffc;
  padding: 1.11111rem;
  display: block;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites a:hover, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare a:hover {
  color: #fff;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .opc-compare-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .favorite-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .opc-compare-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .favorite-count {
  background: #83be26;
  display: block;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .opc-compare-count:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .opc-compare-count:after, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .favorite-count:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .favorite-count:after, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .opc-compare-count:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .opc-compare-count:after, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .favorite-count:before, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .favorite-count:after {
  display: none;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .opc-compare-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .favorite-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .opc-compare-count, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .favorite-count {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.33333rem;
  height: 1.33333rem;
  font-size: .666667rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: 1.11111rem;
  transform: translateY(-50%);
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .opc-compare-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-favorites .favorite-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .opc-compare-count:empty, .offcanvas-menu-wrapper .offcanvas-group .offcanvas-compare .favorite-count:empty {
  display: none;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang {
  padding: 1.11111rem;
  display: inline-block;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection .language-selection-label {
  margin-bottom: .277778rem;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection .language-selection-label .current-selection {
  display: none;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection ul {
  display: flex;
  position: static;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection ul li {
  border: none !important;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection ul li a {
  margin-right: .555556rem;
  padding: .277778rem 0;
}

.offcanvas-menu-wrapper .offcanvas-group .offcanvas-lang .opc-language-selection ul li.is-active a {
  opacity: 1;
  color: #fff;
  font-weight: bold;
}

.offcanvas-menu-wrapper .offcanvas-item a {
  color: #fffc;
  padding: 1.11111rem;
  display: block;
}

.offcanvas-menu-wrapper .offcanvas-item a:hover, .offcanvas-menu-wrapper .opc-navigation {
  color: #fff;
}

.offcanvas-menu-wrapper .opc-navigation a {
  color: #fffc;
}

.offcanvas-menu-wrapper .opc-navigation a:hover {
  color: #fff;
  background: #0000001a;
}

.offcanvas-menu-wrapper .opc-navigation a.is-active {
  background: #83be26;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .has-children {
  position: relative;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .has-children .navigation-toggler {
  z-index: 2;
  cursor: pointer;
  background: #0006;
  border-radius: .277778rem;
  width: 1.66667rem;
  height: 1.66667rem;
  transition: all .2s ease-in-out;
  display: block;
  position: absolute;
  top: .833333rem;
  right: 1.11111rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .has-children .navigation-toggler:before {
  content: "";
  background: none;
  position: absolute;
  inset: -.833333rem -1.11111rem -.833333rem -.833333rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .has-children .navigation-toggler:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23fff%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1.11111rem;
  height: 1.11111rem;
  display: block;
  position: absolute;
  top: .5rem;
  right: .277778rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .has-children.is-open > .navigation-toggler {
  transform: rotate(180deg);
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li {
  margin-bottom: 0;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li > a {
  padding: 1.11111rem;
  font-weight: 600;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-open {
  background: #0000001a;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-open > a {
  color: #fff;
  font-weight: bold;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-open > .navigation-level-2 {
  display: block;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-1 > li.is-active > a {
  color: #83be26;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 {
  display: none;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li {
  border-bottom: none;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li > a {
  padding: 1.11111rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-open > a {
  color: #fff;
  font-weight: bold;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-open > .navigation-level-3 {
  display: block;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-2 > li.is-active > a {
  color: #83be26;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 {
  display: none;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li > a {
  padding: 1.11111rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-open > a {
  color: #83be26;
  font-weight: bold;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-open > .navigation-level-4 {
  display: block;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-3 > li.is-active > a {
  color: #83be26;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 {
  display: none;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li > a {
  padding: 1.11111rem;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-open > a {
  color: #fff;
  padding: 1.11111rem;
  font-weight: bold;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-open > .navigation-level-5 {
  display: block;
}

.offcanvas-menu-wrapper .opc-navigation[data-op-navtype="aside-click"] .navigation-level-4 > li.is-active > a {
  color: #83be26;
}

html, body {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

html {
  max-width: 100%;
  font-size: 18px;
  overflow-x: hidden;
}

html.mobile-search-open {
  overflow: hidden;
}

body {
  flex-direction: column;
  max-width: 100%;
  height: 100%;
  font-family: UniversLTPro-45Light, Arial, sans-serif;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
}

.viewport {
  flex-direction: column;
  min-height: 100vh;
  margin-left: 21%;
  display: flex;
  position: relative;
}

@media only screen and (width >= 1024px) {
  .viewport {
    z-index: 1;
    margin-left: 13%;
  }
}

@media (width <= 1280px) and (width >= 1024px) {
  .viewport {
    margin-left: 21%;
  }
}

@media (width <= 1680px) and (width >= 1281px) {
  .viewport {
    margin-left: 17%;
  }
}

@media only screen and (width <= 1024px) {
  .viewport {
    margin-left: 0;
  }
}

.content:after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}

.content {
  background: #fff;
  flex-grow: 1;
  padding-top: 31px;
}

.content .opc-content-loading {
  z-index: 99999;
  opacity: .2;
  background-color: #000;
  width: 100%;
  height: 100%;
  margin: 0;
  position: fixed;
  inset: 0;
}

#mobile-logout {
  margin: 0;
  padding: 0;
}

#mobile-logout > li {
  border-bottom: 2px solid #fff3;
  list-style-type: none;
  position: relative;
}

#mobile-logout > li > a {
  border-bottom: 2px solid #ffffff26;
  padding: 1.2em 15px 1.2em 55px;
  font-size: .89rem;
  text-decoration: none;
  display: block;
  color: #fff !important;
}

@media only screen and (width >= 800px) {
  #mobile-logout, #mobile-logout-link {
    display: none;
  }
}

.footer-wrapper {
  background: #494949;
  margin-top: auto;
  padding-top: 4rem;
  overflow: hidden;
}

.footer-wrapper .footer-inner {
  flex-wrap: wrap;
  padding-bottom: 4rem;
  display: flex;
}

.footer-wrapper .footer-inner .opc-row {
  width: calc(100% + 30px);
}

.footer-wrapper .footer-inner-payment {
  border-top: 1px solid #fff3;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

@media only screen and (width >= 800px) {
  .footer-wrapper .footer-inner-payment {
    justify-content: flex-start;
  }
}

.footer-wrapper .footer-inner-payment img {
  margin-right: 1rem;
}

.footer-wrapper .footer-col-categories {
  display: none;
}

@media only screen and (width >= 800px) {
  .footer-wrapper .footer-col-categories {
    display: block;
  }
}

.footer-wrapper .footer-inner-bottom {
  background: #494949;
  border-top: 1px solid #fff3;
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 6rem;
  position: relative;
}

.footer-wrapper .footer-inner-bottom:before, .footer-wrapper .footer-inner-bottom:after {
  content: "";
  background: #494949;
  width: 2000px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}

.footer-wrapper .footer-inner-bottom:before {
  right: 100%;
}

.footer-wrapper .footer-inner-bottom:after {
  left: 100%;
}

.footer-wrapper .footer-col {
  text-align: center;
  color: #fff9;
  width: 100%;
  max-width: 100%;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-wrapper .footer-col h2 {
  color: #fff;
  margin: 0 0 1rem;
  padding: 0;
  font-size: 1.8rem;
}

@media only screen and (width >= 800px) {
  .footer-wrapper .footer-col {
    text-align: left;
    width: 25%;
    max-width: 25%;
  }
}

@media only screen and (width >= 1200px) {
  .footer-wrapper .footer-col {
    width: 25%;
    max-width: 25%;
    padding-bottom: 1.11111rem;
  }
}

.footer-wrapper .footer-col p, .footer-wrapper .footer-col label {
  color: #fff9;
}

.footer-wrapper .opc-newsletter {
  max-width: 40rem;
  margin: 0 auto;
}

.footer-wrapper .opc-newsletter label {
  text-align: left;
}

.footer-wrapper .opc-newsletter .opc-button, .footer-wrapper .opc-newsletter .opc-favorite-button, .footer-wrapper .opc-newsletter .opc-compare-button, .footer-wrapper .opc-newsletter .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .footer-wrapper .opc-newsletter .notifications-ok, .footer-wrapper .opc-newsletter .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .footer-wrapper .opc-newsletter .notifications-cancel {
  width: 100%;
}

@media only screen and (width >= 800px) {
  .footer-wrapper .opc-newsletter .opc-button, .footer-wrapper .opc-newsletter .opc-favorite-button, .footer-wrapper .opc-newsletter .opc-compare-button, .footer-wrapper .opc-newsletter .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .footer-wrapper .opc-newsletter .notifications-ok, .footer-wrapper .opc-newsletter .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .footer-wrapper .opc-newsletter .notifications-cancel {
    width: auto;
  }
}

.footer-wrapper .opc-navigation[data-op-navtype="simple"] a {
  color: #fff9;
}

.footer-wrapper .opc-navigation[data-op-navtype="simple"] a:hover {
  color: #fffc;
}

.footer-wrapper .opc-navigation[data-op-navtype="simple"] a:before {
  content: "";
  opacity: .6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23fff%22%3E%3Cpath style%3D%22 %22 d%3D%22M 12.96875 4.28125 L 11.53125 5.71875 L 21.8125 16 L 11.53125 26.28125 L 12.96875 27.71875 L 23.96875 16.71875 L 24.65625 16 L 23.96875 15.28125 Z %22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1em;
  height: 1em;
  margin-right: .5rem;
  display: inline-block;
}

.footer-wrapper .opc-navigation[data-op-navtype="simple"] a:hover:before {
  opacity: 1;
}

.footer-wrapper .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li > a {
  padding: .5rem 0;
}

.footer-wrapper .opc-navigation[data-op-navtype="simple"] .navigation-level-2 {
  display: none;
}

.footer-wrapper .opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li > a {
  white-space: nowrap;
}

.footer-wrapper .opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li:hover > a {
  background: #0000001a;
}

.footer-wrapper .footer-bottom-nav {
  float: left;
  text-align: center;
  width: 100%;
  margin-bottom: 2rem;
}

@media only screen and (width >= 800px) {
  .footer-wrapper .footer-bottom-nav {
    float: left;
    text-align: left;
    width: auto;
    margin-bottom: 0;
  }
}

.footer-wrapper .footer-bottom-nav a {
  color: #fff9;
  margin-right: 1rem;
}

.footer-wrapper .footer-bottom-nav a:hover {
  color: #fffc;
}

.footer-wrapper .footer-copy {
  text-align: center;
  color: #fff9;
  width: 100%;
}

@media only screen and (width >= 800px) {
  .footer-wrapper .footer-copy {
    float: right;
    text-align: right;
    width: auto;
  }
}

.section-wrapper {
  max-width: 100%;
  padding-top: .37037rem;
  padding-bottom: .37037rem;
}

@media only screen and (width >= 640px) {
  .section-wrapper {
    padding-top: .555556rem;
    padding-bottom: .555556rem;
  }
}

@media only screen and (width >= 800px) {
  .section-wrapper {
    padding-top: .740741rem;
    padding-bottom: .740741rem;
  }
}

@media only screen and (width >= 1024px) {
  .section-wrapper {
    padding-top: 1.11111rem;
    padding-bottom: 1.11111rem;
  }
}

.section-wrapper.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section-wrapper .section-inner:after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}

@media only screen and (width >= 800px) {
  .section-wrapper .section-inner .section-inner-row {
    clear: both;
  }

  .section-wrapper .section-inner .section-inner-row:after {
    content: " ";
    clear: both;
    display: block;
  }

  .section-wrapper .section-inner .section-inner-row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.section-wrapper .section-inner .section-inner-row .section-inner-aside {
  width: 100%;
  margin-bottom: 1.11111rem;
}

@media only screen and (width >= 800px) {
  .section-wrapper .section-inner .section-inner-row .section-inner-aside {
    box-sizing: border-box;
    float: left;
    width: 25%;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.section-wrapper .section-inner .section-inner-row .section-inner-content {
  width: 100%;
}

@media only screen and (width >= 800px) {
  .section-wrapper .section-inner .section-inner-row .section-inner-content {
    box-sizing: border-box;
    float: left;
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.mobile-search {
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  z-index: -10;
  pointer-events: none;
  background: #fffffffa;
  width: 100%;
  height: 100%;
  position: fixed;
}

.mobile-search-open .mobile-search {
  visibility: visible;
  z-index: 1000;
  opacity: 1;
  pointer-events: all;
}

.mobile-search .mobile-search-head {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 12rem;
  display: flex;
  box-shadow: 0 0 6px #ccc;
}

.mobile-search .mobile-search-head button {
  color: #000;
  cursor: pointer;
  background: none;
  width: 4rem;
  height: 4rem;
  margin-right: -1rem;
  padding-left: 0;
  padding-right: 0;
}

.mobile-search .mobile-search-head button svg {
  color: #000;
  margin: 0;
  font-size: 3.2rem;
}

.mobile-search .mobile-search-query {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  display: flex;
}

.mobile-search .mobile-search-query input {
  border: 1px solid #ccc;
  width: 100%;
  height: 5rem;
  padding: 0 1rem;
}

.mobile-search .mobile-search-body {
  padding: 2rem;
  position: absolute;
  inset: 12rem 0 0;
  overflow-y: auto;
}

.mobile-search .mobile-search-results {
  margin-bottom: 2rem;
}

.mobile-search .mobile-search-slider {
  flex-wrap: nowrap;
  max-width: 100%;
  margin-bottom: 2rem;
  display: flex;
  overflow-x: auto;
}

.mobile-search .mobile-search-slider .mobile-search-slider-item {
  flex-shrink: 0;
  width: 12rem;
  margin-right: 15px;
}

.mobile-search .mobile-search-slider img {
  width: 100%;
}

.mobile-search .mobile-search-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-search .mobile-search-list li {
  border-bottom: 1px solid #eee;
}

.mobile-search .mobile-search-list li a {
  color: #000;
  padding: 1rem 0;
  display: block;
}

html.search-open, html.is-overlay {
  overflow: hidden;
}

html.is-overlay .header-wrapper {
  border-bottom: none;
}

html.is-overlay .ele-burger .site_mobile_trigger {
  color: #fff;
  background-color: #83be26;
}

html.is-overlay .ele-nav {
  display: block !important;
}

html.is-overlay nav {
  z-index: 12;
  visibility: visible;
  opacity: 1;
}

ul.pdf {
  padding-left: 0;
  list-style-type: none;
}

ul.pdf a {
  text-decoration: underline;
}

.tox-tinymce-aux {
  z-index: 2600 !important;
}

.open-menu .close_nav {
  opacity: 1 !important;
  visibility: visible !important;
  transition-delay: .8s !important;
}

.close_nav:before, .close_nav:after, .pricetable-service:before, .contact-person div div:before, .contact-person div div.has-link:after, .button.button-arrow > div > div:before, .button.button-arrow > a > div > div:before, .wpb_link_column a:after, .wpb_link_column a:before, .wpb_document_pdf a:after, .wpb_document_pdf a:before, .wpb_document_excel a:after, .wpb_document_excel a:before, .quform .quform-field-select:before, .quote-container .quote-txt:before, .quote-container .quote-txt:after, .pgntn-page-pagination a.next:before, .pgntn-page-pagination a.prev:before, .pgntn-page-pagination a.next:after, .pgntn-page-pagination a.prev:after {
  content: "";
  background-image: url("iconset.4f509b04.png");
  background-repeat: no-repeat;
  background-size: 348px;
  position: absolute;
}

@media only screen and (width >= 1024px) {
  .ele-burger {
    display: none;
  }
}

.ele-burger {
  text-align: right;
  order: 1;
  width: 85px;
  position: relative;
}

.ele-burger .op-icon-cross {
  font-size: 2em;
  display: none;
}

.is-overlay .ele-burger span {
  display: none !important;
}

.is-overlay .op-icon-cross {
  display: block;
}

@media only screen and (width <= 1024px) {
  .brand {
    display: none;
  }
}

.brand {
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #0000;
  width: 100%;
  padding: 15% 10%;
}

.brand a {
  display: block;
}

.brand img {
  cursor: pointer;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 76px;
  display: inline-block;
}

.ele-nav {
  z-index: 1000;
}

@media only screen and (width <= 1024px) {
  .ele-nav {
    display: none;
  }
}

@media only screen and (width >= 1024px) {
  .mobile-logo {
    display: none;
  }
}

.ele_layout .container, .ele_layout .container-fluid {
  margin-left: auto;
  margin-right: auto;
}

.ele_layout .container-fluid {
  padding-left: 2rem;
  padding-right: 2rem;
}

.ele_layout .row {
  box-sizing: border-box;
  flex-flow: wrap;
  flex: 0 auto;
  margin-left: -.5rem;
  margin-right: -.5rem;
  display: flex;
}

.ele_layout .row.reverse {
  flex-direction: row-reverse;
}

.ele_layout .col.reverse {
  flex-direction: column-reverse;
}

.ele_layout .col-xs, .ele_layout .col-xs-1, .ele_layout .col-xs-10, .ele_layout .col-xs-11, .ele_layout .col-xs-12, .ele_layout .col-xs-2, .ele_layout .col-xs-3, .ele_layout .col-xs-4, .ele_layout .col-xs-5, .ele_layout .col-xs-6, .ele_layout .col-xs-7, .ele_layout .col-xs-8, .ele_layout .col-xs-9, .ele_layout .col-xs-offset-0, .ele_layout .col-xs-offset-1, .ele_layout .col-xs-offset-10, .ele_layout .col-xs-offset-11, .ele_layout .col-xs-offset-12, .ele_layout .col-xs-offset-2, .ele_layout .col-xs-offset-3, .ele_layout .col-xs-offset-4, .ele_layout .col-xs-offset-5, .ele_layout .col-xs-offset-6, .ele_layout .col-xs-offset-7, .ele_layout .col-xs-offset-8, .ele_layout .col-xs-offset-9 {
  box-sizing: border-box;
  flex: none;
  padding-left: .5rem;
  padding-right: .5rem;
}

.ele_layout .col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.ele_layout .col-xs-1 {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}

.ele_layout .col-xs-2 {
  flex-basis: 16.6667%;
  max-width: 16.6667%;
}

.ele_layout .col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.ele_layout .col-xs-4 {
  flex-basis: 33.3333%;
  max-width: 33.3333%;
}

.ele_layout .col-xs-5 {
  flex-basis: 41.6667%;
  max-width: 41.6667%;
}

.ele_layout .col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.ele_layout .col-xs-7 {
  flex-basis: 58.3333%;
  max-width: 58.3333%;
}

.ele_layout .col-xs-8 {
  flex-basis: 66.6667%;
  max-width: 66.6667%;
}

.ele_layout .col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.ele_layout .col-xs-10 {
  flex-basis: 83.3333%;
  max-width: 83.3333%;
}

.ele_layout .col-xs-11 {
  flex-basis: 91.6667%;
  max-width: 91.6667%;
}

.ele_layout .col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ele_layout .start-xs {
  text-align: start;
  justify-content: flex-start;
}

.ele_layout .center-xs {
  text-align: center;
  justify-content: center;
}

.ele_layout .end-xs {
  text-align: end;
  justify-content: flex-end;
}

.ele_layout .top-xs {
  align-items: flex-start;
}

.ele_layout .middle-xs {
  align-items: center;
}

.ele_layout .bottom-xs {
  align-items: flex-end;
}

.ele_layout .around-xs {
  justify-content: space-around;
}

.ele_layout .between-xs {
  justify-content: space-between;
}

.ele_layout .first-xs {
  order: -1;
}

.ele_layout .last-xs {
  order: 1;
}

@media only screen and (width >= 48em) {
  .ele_layout .container {
    width: 49rem;
  }

  .ele_layout .col-sm, .ele_layout .col-sm-1, .ele_layout .col-sm-10, .ele_layout .col-sm-11, .ele_layout .col-sm-12, .ele_layout .col-sm-2, .ele_layout .col-sm-3, .ele_layout .col-sm-4, .ele_layout .col-sm-5, .ele_layout .col-sm-6, .ele_layout .col-sm-7, .ele_layout .col-sm-8, .ele_layout .col-sm-9, .ele_layout .col-sm-offset-0, .ele_layout .col-sm-offset-1, .ele_layout .col-sm-offset-10, .ele_layout .col-sm-offset-11, .ele_layout .col-sm-offset-12, .ele_layout .col-sm-offset-2, .ele_layout .col-sm-offset-3, .ele_layout .col-sm-offset-4, .ele_layout .col-sm-offset-5, .ele_layout .col-sm-offset-6, .ele_layout .col-sm-offset-7, .ele_layout .col-sm-offset-8, .ele_layout .col-sm-offset-9 {
    box-sizing: border-box;
    flex: none;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .ele_layout .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .ele_layout .col-sm-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .ele_layout .col-sm-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .ele_layout .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .ele_layout .col-sm-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .ele_layout .col-sm-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .ele_layout .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .ele_layout .col-sm-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .ele_layout .col-sm-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .ele_layout .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .ele_layout .col-sm-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .ele_layout .col-sm-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .ele_layout .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ele_layout .start-sm {
    text-align: start;
    justify-content: flex-start;
  }

  .ele_layout .center-sm {
    text-align: center;
    justify-content: center;
  }

  .ele_layout .end-sm {
    text-align: end;
    justify-content: flex-end;
  }

  .ele_layout .top-sm {
    align-items: flex-start;
  }

  .ele_layout .middle-sm {
    align-items: center;
  }

  .ele_layout .bottom-sm {
    align-items: flex-end;
  }

  .ele_layout .around-sm {
    justify-content: space-around;
  }

  .ele_layout .between-sm {
    justify-content: space-between;
  }

  .ele_layout .first-sm {
    order: -1;
  }

  .ele_layout .last-sm {
    order: 1;
  }
}

@media only screen and (width >= 64em) {
  .ele_layout .container {
    width: 65rem;
  }

  .ele_layout .col-md, .ele_layout .col-md-1, .ele_layout .col-md-10, .ele_layout .col-md-11, .ele_layout .col-md-12, .ele_layout .col-md-2, .ele_layout .col-md-3, .ele_layout .col-md-4, .ele_layout .col-md-5, .ele_layout .col-md-6, .ele_layout .col-md-7, .ele_layout .col-md-8, .ele_layout .col-md-9, .ele_layout .col-md-offset-0, .ele_layout .col-md-offset-1, .ele_layout .col-md-offset-10, .ele_layout .col-md-offset-11, .ele_layout .col-md-offset-12, .ele_layout .col-md-offset-2, .ele_layout .col-md-offset-3, .ele_layout .col-md-offset-4, .ele_layout .col-md-offset-5, .ele_layout .col-md-offset-6, .ele_layout .col-md-offset-7, .ele_layout .col-md-offset-8, .ele_layout .col-md-offset-9 {
    box-sizing: border-box;
    flex: none;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .ele_layout .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .ele_layout .col-md-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .ele_layout .col-md-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .ele_layout .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .ele_layout .col-md-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .ele_layout .col-md-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .ele_layout .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .ele_layout .col-md-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .ele_layout .col-md-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .ele_layout .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .ele_layout .col-md-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .ele_layout .col-md-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .ele_layout .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ele_layout .start-md {
    text-align: start;
    justify-content: flex-start;
  }

  .ele_layout .center-md {
    text-align: center;
    justify-content: center;
  }

  .ele_layout .end-md {
    text-align: end;
    justify-content: flex-end;
  }

  .ele_layout .top-md {
    align-items: flex-start;
  }

  .ele_layout .middle-md {
    align-items: center;
  }

  .ele_layout .bottom-md {
    align-items: flex-end;
  }

  .ele_layout .around-md {
    justify-content: space-around;
  }

  .ele_layout .between-md {
    justify-content: space-between;
  }

  .ele_layout .first-md {
    order: -1;
  }

  .ele_layout .last-md {
    order: 1;
  }
}

@media only screen and (width >= 75em) {
  .ele_layout .container {
    width: 76rem;
  }

  .ele_layout .col-lg, .ele_layout .col-lg-1, .ele_layout .col-lg-10, .ele_layout .col-lg-11, .ele_layout .col-lg-12, .ele_layout .col-lg-2, .ele_layout .col-lg-3, .ele_layout .col-lg-4, .ele_layout .col-lg-5, .ele_layout .col-lg-6, .ele_layout .col-lg-7, .ele_layout .col-lg-8, .ele_layout .col-lg-9, .ele_layout .col-lg-offset-0, .ele_layout .col-lg-offset-1, .ele_layout .col-lg-offset-10, .ele_layout .col-lg-offset-11, .ele_layout .col-lg-offset-12, .ele_layout .col-lg-offset-2, .ele_layout .col-lg-offset-3, .ele_layout .col-lg-offset-4, .ele_layout .col-lg-offset-5, .ele_layout .col-lg-offset-6, .ele_layout .col-lg-offset-7, .ele_layout .col-lg-offset-8, .ele_layout .col-lg-offset-9 {
    box-sizing: border-box;
    flex: none;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .ele_layout .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .ele_layout .col-lg-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .ele_layout .col-lg-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .ele_layout .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .ele_layout .col-lg-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .ele_layout .col-lg-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .ele_layout .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .ele_layout .col-lg-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .ele_layout .col-lg-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .ele_layout .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .ele_layout .col-lg-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .ele_layout .col-lg-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .ele_layout .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ele_layout .start-lg {
    text-align: start;
    justify-content: flex-start;
  }

  .ele_layout .center-lg {
    text-align: center;
    justify-content: center;
  }

  .ele_layout .end-lg {
    text-align: end;
    justify-content: flex-end;
  }

  .ele_layout .top-lg {
    align-items: flex-start;
  }

  .ele_layout .middle-lg {
    align-items: center;
  }

  .ele_layout .bottom-lg {
    align-items: flex-end;
  }

  .ele_layout .around-lg {
    justify-content: space-around;
  }

  .ele_layout .between-lg {
    justify-content: space-between;
  }

  .ele_layout .first-lg {
    order: -1;
  }

  .ele_layout .last-lg {
    order: 1;
  }
}

.ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li > a {
  font-family: UniversLTPro-65Bold;
}

.ele_layout .site_nav_main > li > a:after {
  transition: all .4s linear;
}

.ele_layout .close_nav:before, .ele_layout .close_nav:after {
  transition: all .3s linear;
}

.ele_layout .site_nav_main > li > a {
  z-index: 1;
  color: #fff;
  font-size: .89rem;
}

.ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li.disabled > a {
  pointer-events: none;
  cursor: default;
}

.ele_layout .site_nav_main > li > ul.sub-menu li a, .ele_layout .site_meta ul li a {
  color: #666;
}

.ele_layout .site_meta ul li a:hover, .ele_layout .site_nav_main > li.active > a, .ele_layout .site_nav_main > li > ul.sub-menu li a:hover, .ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li > .sub-menu li a:hover {
  color: #83be26;
}

.ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li > .sub-menu li.current_page_item a {
  opacity: .5;
}

.ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li > .sub-menu li.current_page_item a:hover {
  color: #666;
}

.ele_layout .site_nav_main li i {
  opacity: .9;
  margin-top: .25em;
  display: block;
}

.ele_layout .site_logo {
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #0000;
  padding: 2.25em 15px;
}

.ele_layout .open-menu .site_logo {
  border-right: 1px solid #efefef;
}

.ele_layout .site_logo a {
  display: inline-block;
}

.ele_layout .site_logo .logo_h1 {
  cursor: pointer;
  background-image: url("electrosuisse_logo.3d5d5a3d.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 140px;
  width: 140px;
  height: 78px;
  display: inline-block;
}

.ele_layout .site_logo .logo_h1:hover {
  opacity: .75;
}

.ele_layout .no-svg .site_logo .logo_h1 {
  background-image: url("electrosuisse_logo.8814de43.png");
}

.ele_layout .site_meta {
  z-index: 2;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}

.ele_layout .site_meta ul {
  border-bottom: 1px solid #efefef;
  border-left: 1px solid #efefef;
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}

.ele_layout .site_meta ul li {
  display: inline-block;
  position: relative;
}

.ele_layout .site_meta ul li:last-child {
  margin-right: 0;
}

.ele_layout .site_meta ul li a {
  letter-spacing: .36px;
  z-index: 1;
  border-right: 1px solid #efefef;
  padding: 1em 2em 1em 3.75em;
  font-size: .777778rem;
  display: inline-block;
  position: relative;
}

.ele_layout .site_meta ul li:last-child a {
  border-right: 0;
}

.ele_layout .site_nav_main > li:before, .ele_layout .site_nav_main > li:after, .ele_layout .site_meta ul li:before, .ele_layout .site_meta ul li:after, .ele_layout .site_mobile_search a:before, .ele_layout .site_mobile_search a:after {
  content: "";
  background-image: url("iconset.4f509b04.png");
  background-repeat: no-repeat;
  background-size: 460px;
}

.ele_layout .site_nav_main > li:after, .ele_layout .site_meta ul li:before, .ele_layout .site_meta ul li:after, .ele_layout .close_nav:before, .ele_layout .close_nav:after {
  transition: all .3s linear;
}

.ele_layout .site_nav_main > li:after, .ele_layout .site_nav_main > li.active:before, .ele_layout .site_meta ul li:after, .ele_layout .site_meta ul li:hover:before {
  opacity: 0;
}

.ele_layout .site_nav_main > li.active:after, .ele_layout .site_meta ul li:hover:after {
  opacity: 1;
}

.ele_layout .site_nav_main > li:before, .ele_layout .site_nav_main > li:after {
  position: absolute;
  top: 15px;
  left: 16px;
}

.ele_layout .site_nav_main > li.member-service:before, .ele_layout .site_nav_main > li.member-service:after {
  width: 25px;
  height: 27px;
  top: 16px;
}

.ele_layout .site_nav_main > li.member-service:before {
  background-position: 0 0;
}

.ele_layout .site_nav_main > li.member-service:after {
  background-position: -44px 0;
}

.ele_layout .site_nav_main > li.inspection:before, .ele_layout .site_nav_main > li.inspection:after {
  width: 25px;
  height: 27px;
  top: 15px;
}

.ele_layout .site_nav_main > li.inspection:before {
  background-position: 0 -26px;
}

.ele_layout .site_nav_main > li.inspection:after {
  background-position: -44px -26px;
}

.ele_layout .site_nav_main > li.standardisation:before, .ele_layout .site_nav_main > li.standardisation:after {
  width: 35px;
  height: 25px;
  top: 18px;
  left: 12px;
}

.ele_layout .site_nav_main > li.standardisation:before {
  background-position: 0 -53px;
}

.ele_layout .site_nav_main > li.standardisation:after {
  background-position: -38px -53px;
}

.ele_layout .site_nav_main > li.events:before, .ele_layout .site_nav_main > li.events:after {
  width: 25px;
  height: 27px;
  left: 17px;
}

.ele_layout .site_nav_main > li.education:before, .ele_layout .site_nav_main > li.education:after {
  width: 34px;
  height: 24px;
  top: 17px;
  left: 13px;
}

.ele_layout .site_nav_main > li.education:before {
  background-position: -1px -104px;
}

.ele_layout .site_nav_main > li.education:after {
  background-position: -41px -104px;
}

.ele_layout .site_nav_main > li.events:before {
  background-position: 0 -77px;
}

.ele_layout .site_nav_main > li.events:after {
  background-position: -44px -77px;
}

.ele_layout .site_nav_main > li.faq:before {
  background-position: -6px -292px;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 21px;
  left: 18px;
}

.ele_layout .site_nav_main > li.faq:after {
  background-position: -34px -292px;
}

.ele_layout .site_nav_main > li.about-us:before {
  background-position: -62px -293px;
  width: 27px;
  height: 21px;
  top: 21px;
  left: 17px;
}

.ele_layout .site_nav_main > li.about-us:after {
  width: 27px;
  height: 21px;
  top: 21px;
  left: 17px;
}

.ele_layout .site_nav_main > li.products-services:before {
  background-position: 0 0;
}

.ele_layout .site_nav_main > li.products-services:after {
  background-position: -44px 0;
}

.ele_layout .site_nav_main > li.products-services:before, .ele_layout .site_nav_main > li.products-services:after {
  width: 25px;
  height: 27px;
  top: 16px;
  left: 18px;
}

.ele_layout .site_nav_main > li.subjects:before, .ele_layout .site_nav_main > li.subjects:after {
  width: 28px;
  height: 28px;
  top: 13px;
  left: 16px;
}

.ele_layout .site_nav_main > li.subjects:before {
  background-position: -6px -321px;
}

.ele_layout .site_nav_main > li.subjects:after {
  background-position: -41px -321px;
}

.ele_layout .site_nav_main > li#li19:before, .ele_layout .site_nav_main > li#li19:after {
  width: 35px;
  height: 27px;
  left: 12px;
}

.ele_layout .site_nav_main > li#li19:before {
  background-position: 1px -103px;
}

.ele_layout .site_nav_main > li#li19:after {
  background-position: -40px -103px;
}

.ele_layout .site_nav_main > li.shop:before, .ele_layout .site_nav_main > li.shop:after {
  width: 31px;
  height: 25px;
  top: 18px;
  left: 12px;
}

.ele_layout .site_nav_main > li.shop:before {
  background-position: 0 -128px;
}

.ele_layout .site_nav_main > li.shop:after {
  background-position: -40px -128px;
}

.ele_layout .site_meta ul li:before, .ele_layout .site_meta ul li:after {
  content: "";
  width: 19px;
  height: 18px;
  position: absolute;
  top: 15px;
  left: 24px;
}

.ele_layout .site_meta ul li.login:before, .ele_layout .site_meta ul li.login:after, .ele_layout .site_meta ul li.search:before, .ele_layout .site_meta ul li.search:after {
  width: 18px;
}

.ele_layout .site_meta ul li.search:before {
  background-position: -81px -183px;
}

.ele_layout .site_meta ul li.search:after {
  background-position: -98px -183px;
}

.ele_layout .site_meta ul li.login:before {
  background-position: -115px -183px;
}

.ele_layout .site_meta ul li.register:before {
  background-position: -80px -210px;
}

.ele_layout .site_meta ul li.register:after {
  background-position: -99px -210px;
}

.ele_layout .site_meta ul li.logout:before {
  background-position: -120px -210px;
}

.ele_layout .site_meta ul li.logout:after {
  background-position: -142px -210px;
}

.ele_layout .site_meta ul li.login:after {
  background-position: -131px -183px;
}

.ele_layout .site_meta ul li.shop:before {
  background-position: -149px -183px;
}

.ele_layout .site_meta ul li.shop:after {
  background-position: -170px -183px;
}

.ele_layout .site_meta ul li.contact:before {
  background-position: -191px -183px;
}

.ele_layout .site_meta ul li.contact:after {
  background-position: -211px -183px;
}

.ele_layout .macos .site_nav_main > li.inspection:before, .ele_layout .macos .site_nav_main > li.inspection:after, .ele_layout .macos .site_nav_main > li.events:before, .ele_layout .macos .site_nav_main > li.events:after, .ele_layout .macos .site_nav_main > li#li19:before, .ele_layout .site_nav_main > li#li19:after, .ele_layout .macos .site_nav_main > li#li19:before, .ele_layout .site_nav_main > li#li19:before {
  top: 15px;
}

.ele_layout .macos .site_nav_main > li.member-service:before, .ele_layout .macos .site_nav_main > li.member-service:after {
  top: 18px;
}

.ele_layout .macos .site_nav_main > li:before, .ele_layout .macos .site_nav_main > li:after {
  top: 14px;
}

.ele_layout .macos .site_meta ul li:before, .ele_layout .macos .site_meta ul li:after {
  top: 16px;
}

.ele_layout .macos .site_nav_main > li.standardisation:before, .ele_layout .macos .site_nav_main > li.standardisation:after {
  top: 17px;
}

.ele_layout .macos .site_meta ul li a {
  padding: 1.2em 2em 1em 3.75em;
}

.ele_layout .macos .site_nav_main > li.shop:before, .ele_layout .macos .site_nav_main > li.shop:after {
  top: 16px;
}

@media (width >= 1024px) and (height <= 600px) {
  .ele_layout .site_nav {
    width: 21%;
    overflow-y: scroll;
  }
}

@media (width >= 1024px) {
  .ele_layout header, .ele_layout main, .ele_layout section.headerimg {
    margin-left: 13%;
  }

  .ele_layout .site_nav {
    width: 13%;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu, .ele_layout .search_overlay {
    width: calc(100vw - 13%);
    left: 13%;
  }

  .ele_layout .site_nav_main > li.inspection > a {
    padding-right: 55px;
  }

  .ele_layout .site_nav_main > li.hide-desktop {
    display: none;
  }

  .ele_layout .site_nav_inside {
    padding: 12% 6% 0;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li {
    padding: 0 3.5%;
  }

  .ele_layout .nav_mobile_close, .ele_layout .site_mobile_nav {
    display: none;
  }

  .ele_layout .site_nav {
    z-index: 10;
    background: #83be26;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 0 25px #00000008;
  }

  .ele_layout .site_nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .ele_layout .site_nav_main > li {
    border-bottom: 2px solid #fff3;
    position: relative;
  }

  .ele_layout .site_nav_main > li > a {
    letter-spacing: .1px;
    text-align: center;
    text-align: left;
    padding: 1.2em 15px 1.2em 55px;
    line-height: 1.6;
    display: block;
    position: relative;
  }

  .ele_layout .site_nav_main > li:first-child > a {
    padding: 1.25em 15px 1.2em 55px;
  }

  .ele_layout .macos .site_nav_main > li:first-child > a {
    padding: 1.45em 15px 1.2em 55px;
  }

  .ele_layout .site_nav_main > li > a:after {
    content: "";
    z-index: -1;
    background-color: #ffffff26;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
  }

  .ele_layout .site_nav_main > li > a:hover:after, .ele_layout .site_nav_main > li.current-menu-ancestor > a:after {
    transform: scaleX(1);
  }

  .ele_layout .site_nav_main > li.active:hover, .ele_layout .site_nav_main > li.active {
    background-color: #fff;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    background: #fff;
    height: 100%;
    position: fixed;
    top: 0;
  }

  .ele_layout .site_nav_main > li.active > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    z-index: 1;
  }

  .ele_layout .site_nav_inside, .ele_layout #es-searcher-form {
    opacity: 0;
    z-index: 1;
    transition: transform .5s linear, opacity .5s linear;
    overflow: hidden;
    transform: translateY(50px);
  }

  .ele_layout .site_nav_main > li.active > ul.sub-menu > .site_nav_inside, .ele_layout .overlay--search #es-searcher-form {
    opacity: 1;
    transition-delay: .3s;
    transform: translateY(0);
  }

  .ele_layout .site_nav.fade-out .site_nav_main > li.active > ul.sub-menu > .site_nav_inside {
    opacity: 0;
    transition-delay: 0s;
    transform: translateY(50px);
  }

  .ele_layout .site_nav.fade-out .site_nav_main > li.active > ul.sub-menu {
    opacity: 0;
    transition: transform .5s linear .2s, opacity .5s linear .2s;
  }

  .ele_layout .site_nav_inside {
    float: left;
    width: 100%;
  }

  .ele_layout .site_nav_header {
    margin-bottom: 3em;
    padding: 0 3.5%;
  }

  .ele_layout .site_nav_header h2 {
    margin: 0;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li {
    float: left;
    width: 33.3333%;
    position: relative;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li#menu-item-243.full {
    margin-bottom: 2em;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu li a {
    display: block;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li > a {
    margin-bottom: 1em;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li.full > a {
    margin-bottom: 0;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li > .sub-menu li a {
    border-bottom: 1px solid #f9f9f9;
    padding: 5px 0;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li > .sub-menu li:last-child a {
    border-bottom: 0;
    padding: 5px 0;
  }

  .ele_layout .close_overlay {
    text-indent: -30000px;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    width: 53px;
    height: 53px;
    transition: opacity .3s linear;
    position: absolute;
    top: 3%;
    right: 6%;
  }

  .ele_layout .close_overlay a {
    width: 53px;
    height: 53px;
    display: block;
    position: relative;
  }

  .ele_layout .active .close_overlay, .ele_layout .overlay--search .search_overlay .close_overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: .8s;
  }

  .ele_layout .active .close_overlay a:before, .ele_layout .overlay--search .search_overlay .close_overlay a:before {
    opacity: .5;
  }

  .ele_layout .active .close_overlay:hover a:before, .ele_layout .overlay--search .search_overlay .close_overlay:hover a:before {
    opacity: 1;
  }

  .ele_layout .site_nav.fade-out .close_overlay {
    opacity: 0;
    transition-delay: 0s;
  }

  .ele_layout .close_overlay a:before {
    background-position: -80px -128px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (width <= 1680px) and (width >= 1281px) {
  .ele_layout header, .ele_layout main, .ele_layout section.headerimg, .ele_layout footer {
    margin-left: 17%;
  }

  .ele_layout .site_nav {
    width: 17%;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu, .ele_layout .search_overlay {
    width: calc(100vw - 17%);
    left: 17%;
  }

  .ele_layout .site_nav_main > li.inspection > a {
    padding-right: 70px;
  }
}

@media (width <= 1280px) and (width >= 1024px) {
  .ele_layout header, .ele_layout main, .ele_layout section.headerimg, .ele_layout footer {
    margin-left: 21%;
  }

  .ele_layout .site_nav {
    width: 21%;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu, .ele_layout .search_overlay {
    width: calc(100vw - 21%);
    left: 21%;
  }

  .ele_layout .site_nav_inside {
    padding: 10% 2% 0;
  }

  .ele_layout .site_nav_main > li > ul.sub-menu > .site_nav_inside > li, .ele_layout .site_nav_header {
    padding: 0 2.25%;
  }

  .ele_layout .close_overlay {
    top: 2%;
  }
}

@media (width <= 400px) {
  .ele_layout .site_logo .logo_h1 {
    background-size: 50px;
    width: 50px;
  }
}

@media (width <= 700px) {
  .ele_layout .site_logo .logo_h1 {
    background-size: 100px;
    width: 100px;
  }
}

@media (width <= 1023px) {
  .ele_layout .site_nav .site_logo {
    display: none;
  }

  .ele_layout .site_logo {
    text-align: left;
    z-index: 13;
    border-bottom: 0;
    height: 74px;
    padding: 8px 15px 3px;
    position: relative;
  }

  .ele_layout .site_logo .logo_h1 {
    background-image: url("electrosuisse_logo_mobile.b58a2d88.svg");
    background-repeat: no-repeat;
    background-size: 50px;
    width: 50px;
    height: 55px;
  }

  .ele_layout .site_mobile_trigger {
    z-index: 14;
    cursor: pointer;
    background: #fafafa;
    width: 85px;
    height: 74px;
    position: fixed;
    top: 0;
    right: 0;
  }

  .ele_layout .site_mobile_trigger a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .ele_layout .mobile_trigger {
    width: 85px;
    position: relative;
    top: 20px;
  }

  .ele_layout .mobile_trigger svg {
    margin: auto;
  }

  .ele_layout .mobile_trigger .line {
    -o-transition: all .3s ease-in-out;
    background-color: #666;
    width: 36px;
    height: 2px;
    margin: 7px auto;
    transition: all .3s ease-in-out;
    display: block;
  }

  .ele_layout .overlay--nav .mobile_trigger .line {
    width: 34px;
  }

  .ele_layout .mobile_trigger:hover {
    cursor: pointer;
  }

  .ele_layout .overlay--nav .mobile_trigger .line:nth-child(2) {
    opacity: 0;
  }

  .ele_layout .overlay--nav .mobile_trigger .line:first-child {
    transform: translateY(9px) rotate(45deg);
  }

  .ele_layout .overlay--nav .mobile_trigger .line:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }

  .ele_layout .site_mobile_search {
    z-index: 14;
    border-left: 1px solid #efefef;
    width: 83px;
    height: 74px;
    position: fixed;
    top: 0;
    right: 85px;
  }

  .ele_layout .site_mobile_search a {
    text-indent: -30000px;
    height: 74px;
    display: block;
  }

  .ele_layout .site_mobile_search a:before, .ele_layout .site_mobile_search a:after {
    background-position: -243px -176px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 25px;
    right: 28px;
  }

  .ele_layout html.is-fixed, .ele_layout html.is-fixed body {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
  }

  .ele_layout .navigation--inner {
    padding: 0;
  }

  .ele_layout .site_mobile_nav {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
  }

  .ele_layout .site_nav_main, .ele_layout .site_nav_main ul {
    margin: 0;
    padding: 0;
  }

  .ele_layout .site_nav_main {
    margin-top: 74px;
  }

  .ele_layout .site_nav_main ul {
    background-color: #fff;
  }

  .ele_layout .site_nav_main li {
    list-style-type: none;
    position: relative;
  }

  .ele_layout .site_nav_main li a {
    color: #666;
    padding: 5px 0;
    font-size: 1rem;
    display: block;
    position: relative;
  }

  .ele_layout .close_nav {
    text-indent: -300000px;
    z-index: 20;
    opacity: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transition: opacity .3s linear;
    position: absolute;
    top: 10px;
    right: 15px;
  }

  .ele_layout .open-menu .close_nav {
    opacity: 1;
    transition-delay: .3s;
  }

  .ele_layout .site_nav_main > li > a {
    border-bottom: 2px solid #ffffff26;
    padding: 1.2em 15px 1.2em 55px;
    font-size: .89rem;
    color: #fff !important;
  }

  .ele_layout .site_nav_main > li.active > a {
    border-color: #0000;
  }

  .ele_layout .site_nav_main > li > ul > li > a {
    font-family: UniversLTPro-65Bold;
  }

  .ele_layout .site_nav_main ul ul {
    margin-bottom: 1em;
  }

  .ele_layout .site_nav_main ul ul li a {
    border-bottom: 1px solid #f9f9f9;
  }

  .ele_layout .site_nav_main > li > ul {
    padding: 1.5em 15px;
  }

  .ele_layout .sub-menu {
    position: relative;
  }

  .ele_layout .sub-menu:before {
    content: "";
    z-index: 1;
    border-top: 0 solid #83be26;
    border-left: 0 solid #0000;
    border-right: 0 solid #0000;
    width: 0;
    height: 0;
    transition: all .3s linear;
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
  }

  .ele_layout .sub-menu.active:before {
    border-top: 13px solid #83be26;
    border-left: 13px solid #0000;
    border-right: 13px solid #0000;
  }

  .ele_layout .site_meta {
    display: none;
  }

  .ele_layout nav {
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    background: #83be26;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: scroll;
  }

  .ele_layout .overlay--nav nav {
    visibility: visible;
    opacity: 1;
    z-index: 12;
  }

  .ele_layout nav, .ele_layout .search_overlay {
    transition: all .4s linear;
  }

  .ele_layout .site_nav {
    z-index: 10;
    background: #fff;
    width: 100%;
    height: 74px;
    position: fixed;
    top: 0;
    box-shadow: 0 0 50px #0000000d;
  }

  .ele_layout .site_nav_main > li.myelectrosuisse:before {
    background-position: -5px -155px;
    width: 31px;
    height: 27px;
    left: 12px;
  }

  .ele_layout .site_nav_main > li.contact:before {
    background-position: -5px -181px;
    width: 31px;
    height: 27px;
    left: 12px;
  }

  .ele_layout .overlay--nav .site_nav, .ele_layout .overlay--search .site_nav {
    box-shadow: 0 0;
  }

  .ele_layout .overlay--nav .site_mobile_trigger {
    background: #87bd24;
  }

  .ele_layout .overlay--nav .site_mobile_trigger .mobile_trigger .line {
    background: #fff;
  }

  .ele_layout .macos .site_nav_main > li:before, .ele_layout .macos .site_nav_main > li:after {
    top: 15px;
  }

  .ele_layout .macos .site_nav_main > li.member-service:before, .ele_layout .macos .site_nav_main > li.member-service:after {
    top: 14px;
  }

  .ele_layout .macos .site_nav_main > li.inspection:before, .ele_layout .macos .site_nav_main > li.inspection:after, .ele_layout .macos .site_nav_main > li.events:before, .ele_layout .macos .site_nav_main > li.events:after, .ele_layout .macos .site_nav_main > li#li19:before, .ele_layout .site_nav_main > li#li19:after, .ele_layout .macos .site_nav_main > li#li19:before, .ele_layout .site_nav_main > li#li19:before {
    top: 16px;
  }
}

@media (width <= 767px) {
  .ele_layout .site_nav_main > li > ul {
    padding: 1em 15px;
  }

  .ele_layout main ol {
    line-height: 1.3;
  }

  .ele_layout main ol li a:after {
    top: 5px;
  }

  .ele_layout main .lead p, .ele_layout main .opc-iconbox p p, .opc-iconbox .ele_layout main p p, .ele_layout main .lead a, .ele_layout main .opc-iconbox p a, .opc-iconbox .ele_layout main p a, .ele_layout main .lead li, .ele_layout main .opc-iconbox p li, .opc-iconbox .ele_layout main p li, .ele_layout .quote__content, .ele_layout .event_details div {
    font-size: 1.11111rem;
  }

  .ele_layout .site_nav_main {
    padding-bottom: 64px;
  }
}

.ele_layout .socialmedia a {
  text-indent: -30000px;
  width: 25px;
  height: 27px;
  margin-right: .75rem;
  display: inline-block;
  position: relative;
}

.ele_layout .socialmedia a.linkedin {
  width: 27px;
  height: 26px;
  top: 1px;
}

.ele_layout .socialmedia a.youtube {
  width: 28px;
  height: 21px;
  top: 3px;
}

.ele_layout .socialmedia a.instagram {
  width: 28px;
  height: 27px;
}

.ele_layout .socialmedia a:before, .ele_layout .socialmedia a:after {
  width: 100%;
  height: 100%;
  left: 0;
}

.ele_layout .socialmedia a.xing:before {
  background-position: -80px -97px;
}

.ele_layout .socialmedia a.xing:after {
  background-position: -106px -97px;
}

.ele_layout .socialmedia a.linkedin:before {
  background-position: -161px -98px;
}

.ele_layout .socialmedia a.linkedin:after {
  background-position: -188px -98px;
}

.ele_layout .socialmedia a.youtube:before {
  background-position: -244px -101px;
}

.ele_layout .socialmedia a.youtube:after {
  background-position: -273px -101px;
}

.ele_layout .socialmedia a.instagram:before {
  background-position: -333px -99px;
}

.ele_layout .socialmedia a.instagram:after {
  background-position: -361px -99px;
}

.ele_layout div.wpml-ls:before, .ele_layout main ol li a:after, .ele_layout .address_container address div:before, .ele_layout .address_container address div.has-link:after, .ele_layout .button-arrow:after, .ele_layout .accordion-simple .accordion-title h3:before, .ele_layout .accordion-complex .col-sm-7 > div:before, .ele_layout .accordion-simple .accordion-title h3:after, .ele_layout .accordion-complex .col-sm-7 > div:after, .ele_layout .socialmedia a:after, .ele_layout .socialmedia a:before, .ele_layout .pricetable__service:before, .ele_layout .contact__info div:before, .ele_layout .contact__info div.has-link:after, .ele_layout .button.button--arrow > div > div:before, .ele_layout .button.button--arrow > a > div > div:before, .ele_layout .button.button--arrow > a > div:before, .ele_layout .link a:after, .ele_layout .link a:before, .ele_layout .document a:after, .ele_layout .document a:before, .ele_layout .document a:after, .ele_layout .document a:before, .ele_layout .quform .quform-field-select:before, .ele_layout .quote .quote__content:before, .ele_layout .quote .quote__content:after, .ele_layout .pgntn-page-pagination a.next:before, .ele_layout .pgntn-page-pagination a.prev:before, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--page a:before, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--page a:after, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_pdf a:before, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_pdf a:after, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_excel a:before, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_excel a:after, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_word a:before, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_word a:after, .ele_layout .event_date:before, .ele_layout .event_time:before, .ele_layout .event_place:before, .ele_layout .event_place:after, .ele_layout .job_place:before, .ele_layout .close_overlay a:before, .ele_layout .close_overlay a:after, .ele_layout .es-searcher-form:after, .ele_layout .select2-selection__arrow:before, .ele_layout .select2-container--quform .select2-search--dropdown:before, .ele_layout .icheckbox_square:before, .ele_layout .icheckbox_square:after, .ele_layout .iradio_square:before, .ele_layout .iradio_square:after {
  content: "";
  background-image: url("iconset.4f509b04.png");
  background-repeat: no-repeat;
  background-size: 460px;
  position: absolute;
}

.ele_layout .button.button--arrow > div > div:before, .ele_layout .button.button--arrow > a > div > div:before, .ele_layout .button.button--arrow > a > div:before {
  background-position: -312px 0;
  width: 30px;
  height: 21px;
  position: absolute;
  top: 11px;
  left: 21px;
}

.ele_layout .address_container address div.has-link:after, .ele_layout .address_container address div.has-link:hover:before, .ele_layout .accordion-title h3:after, .ele_layout .accordion-title:hover h3:before, .ele_layout .accordion-title.open h3:before, .ele_layout .socialmedia a:hover:before, .ele_layout .socialmedia a:after, .ele_layout .contact__info div.has-link:hover:before, .ele_layout .contact__info div.has-link:after, .ele_layout .socialmedia a:after, .ele_layout .socialmedia a:hover:before, .ele_layout .document a:after, .ele_layout .document a:hover:before, .ele_layout .link a:after, .ele_layout .link a:hover:before, .ele_layout .accordion-complex .col-sm-7 > div:after, .ele_layout .accordion-complex .accordion-title:hover .col-sm-7 > div:before, .ele_layout .accordion-complex .accordion-title.open .col-sm-7 > div:before, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--page a:after, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_pdf a:after, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--page:hover a:before, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_pdf:hover a:before, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_excel a:after, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_excel:hover a:before, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_word a:after, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_word:hover a:before, .ele_layout .wpb_download_boxes_column .download_box:hover .download_box__icon:before, .ele_layout .wpb_download_boxes_column .download_box__icon:after {
  opacity: 0;
}

.ele_layout .address_container address div.has-link:hover:after, .ele_layout .accordion-title:hover h3:after, .ele_layout .accordion-title.open h3:after, .ele_layout .socialmedia a:hover:after, .ele_layout .contact__info div.has-link:hover:after, .ele_layout .socialmedia a:hover:after, .ele_layout .document a:hover:after, .ele_layout .link a:hover:after, .ele_layout .accordion-complex .accordion-title:hover .col-sm-7 > div:after, .ele_layout .accordion-complex .accordion-title.open .col-sm-7 > div:after, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--page:hover a:after, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_pdf:hover a:after, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_excel:hover a:after, .ele_layout main #es-searcher-wp-results li.es-searcher-form__result--download_word:hover a:after, .ele_layout .wpb_download_boxes_column .download_box:hover .download_box__icon:after {
  opacity: 1;
}

.ele_layout .document a:after, .ele_layout .document a:before {
  top: -2px;
  left: 0;
}

.ele_layout .link a:after, .ele_layout .link a:before {
  top: 0;
  left: 0;
}

.ele_layout .link a:before, .ele_layout .link a:after {
  background-color: #0000;
  background-position: -361px -32px;
  width: 31px;
  height: 28px;
  transform: none;
}

.ele_layout .link a:after {
  background-position: -395px -32px;
}

.ele_layout .document a:after, .ele_layout .document a:before, .ele_layout .document a:after, .ele_layout .document a:before {
  width: 28px;
  height: 38px;
}

.ele_layout .document--pdf a:before {
  background-position: -80px -27px;
}

.ele_layout .document--pdf a:after {
  background-position: -111px -27px;
}

.ele_layout .document--excel a:before {
  background-position: -171px -27px;
}

.ele_layout .document--excel a:after {
  background-position: -203px -27px;
}

.ele_layout .document--word a:before {
  background-position: -265px -27px;
}

.ele_layout .document--word a:after {
  background-position: -297px -27px;
}

.ele_layout div.wpml-ls {
  padding-left: 25px;
  position: relative;
}

.ele_layout div.wpml-ls:before {
  background-position: -318px -72px;
  width: 19px;
  height: 19px;
  top: 7px;
  left: 0;
}

.ele_layout footer ul li a {
  color: #666;
  font-size: .944444rem;
}

.ele_layout footer {
  background: #fafafa;
  padding-top: 3.5em;
  padding-bottom: .5em;
}

.ele_layout footer .inside {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.ele_layout footer .site_footer_nav {
  border-bottom: 2px solid #f0f0f0;
  margin-bottom: 2.5em;
  padding-bottom: 1.5em;
}

.ele_layout footer .site_footer_bottom {
  margin-top: 1.5em;
}

.ele_layout footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ele_layout footer ul li {
  margin-bottom: 1em;
}

.ele_layout footer ul#menu-footernavigation {
  float: left;
  width: 100%;
}

.ele_layout footer ul#menu-footernavigation li {
  float: left;
  width: 33.3333%;
  padding-left: .5rem;
  padding-right: .5rem;
}

@media (width <= 767px) {
  .ele_layout footer ul#menu-footernavigation li {
    width: 50%;
    margin-bottom: .25em;
  }
}

@media (width <= 413px) {
  .ele_layout footer ul#menu-footernavigation li {
    width: 100%;
  }
}

.ele_layout footer .site_footer_nav.row {
  margin-left: 0;
  margin-right: 0;
}

.ele_layout footer .site_footer_nav.row .col-xs-12 {
  padding: 0;
}

.ele_layout footer .certificate img {
  filter: grayscale();
  max-width: 200px;
}

.ele_layout footer .socialmedia svg {
  margin: 0 .3em;
}

.ele_layout footer .language-change svg {
  width: 15px;
  margin-right: .5em;
  position: relative;
  top: 1px;
}

.ele_layout footer .footer-meta-nav ul {
  margin: 0 -.5em;
  padding: 0;
}

.ele_layout footer .footer-meta-nav ul li {
  padding: 0 .5em;
  display: inline-block;
}

.ele_layout footer .wpml-ls ul li {
  margin-bottom: 0;
  margin-right: 1.25em;
  display: inline-block;
}

.ele_layout footer .wpml-ls ul li:last-child {
  margin-right: 0;
}

.ele_layout footer .footer-meta-nav ul li a, .ele_layout footer .certificate-text p {
  color: #b3b3b3;
  font-size: .777778rem;
}

.page-checkout .content-box .content-box-head {
  padding: 1.11111rem;
  position: relative;
}

.page-checkout .content-box .content-box-head h2 {
  margin: 0 0 .555556rem;
  padding: 2rem 0 0;
}

@media only screen and (width >= 800px) {
  .page-checkout .content-box .content-box-head h2 {
    padding-top: 0;
  }
}

.page-checkout .content-box .content-box-head h2 span {
  font-size: 1.66667rem;
  font-size: inherit;
  width: 1.66667rem;
  margin-right: 0;
  display: inline-block;
}

.page-checkout .content-box .content-box-head .content-box-signalisation {
  text-align: center;
  align-items: center;
  font-size: 1.11111rem;
  line-height: 1.11111rem;
  display: flex;
  position: absolute;
  top: 1.11111rem;
  right: 1.11111rem;
}

.page-checkout .content-box .content-box-head .content-box-signalisation svg {
  color: #83be26;
  margin-left: 1.11111rem;
}

.page-checkout .content-box .content-box-head .content-box-signalisation .opc-button, .page-checkout .content-box .content-box-head .content-box-signalisation .opc-favorite-button, .page-checkout .content-box .content-box-head .content-box-signalisation .opc-compare-button, .page-checkout .content-box .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box .content-box-head .content-box-signalisation .notifications-ok, .page-checkout .content-box .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box .content-box-head .content-box-signalisation .notifications-cancel {
  opacity: 1;
  visibility: visible;
}

.page-checkout .content-box .content-box-head .content-box-signalisation svg {
  opacity: 1;
  transition: all .4s ease-in-out;
}

.page-checkout .content-box .content-box-head .content-box-head-subline {
  opacity: 1;
  padding: 0 0 0 1.66667rem;
}

.page-checkout .content-box .content-box-head .content-box-head-subline span {
  margin-bottom: .277778rem;
  margin-right: 1.11111rem;
  display: inline-block;
}

.page-checkout .content-box .content-box-head .content-box-head-subline span:last-of-type {
  margin-bottom: 0;
}

.page-checkout .content-box.is-open .content-box-head {
  padding-bottom: 0;
}

.page-checkout .content-box.is-open .content-box-head .content-box-toggler {
  transform: translateY(-50%) rotate(-180deg);
}

.page-checkout .content-box.is-open .content-box-head .content-box-head-subline {
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.page-checkout .content-box.is-open .content-box-head .content-box-signalisation .opc-button, .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .opc-favorite-button, .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .opc-compare-button, .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .notifications-ok, .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box.is-open .content-box-head .content-box-signalisation .notifications-cancel {
  opacity: 0;
  visibility: hidden;
}

.page-checkout .content-box.is-open .content-box-head .content-box-signalisation svg {
  opacity: 0;
}

.page-checkout .content-box.is-open .content-box-body {
  display: block;
}

.page-checkout .content-box .content-box-body {
  display: none;
}

.page-checkout .content-box[data-op-isdone="true"] .content-box-signalisation {
  visibility: visible;
  opacity: 1;
}

.page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .opc-button, .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .opc-favorite-button, .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .opc-compare-button, .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .notifications-ok, .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .notifications-cancel {
  visibility: hidden;
  opacity: 0;
}

.page-checkout .content-box[data-op-isdone="false"] .content-box-signalisation .op-icon-check {
  color: #ddd;
}

.page-checkout .content-box[data-op-isdone="false"].is-open .content-box-signalisation {
  visibility: hidden;
  opacity: 0;
}

.page-checkout .content-box[data-op-type="summary"] .opc-button[data-op-isok="false"], .page-checkout .content-box[data-op-type="summary"] [data-op-isok="false"].opc-favorite-button, .page-checkout .content-box[data-op-type="summary"] [data-op-isok="false"].opc-compare-button, .page-checkout .content-box[data-op-type="summary"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-isok="false"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box[data-op-type="summary"] [data-op-isok="false"].notifications-ok, .page-checkout .content-box[data-op-type="summary"] .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-isok="false"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box[data-op-type="summary"] [data-op-isok="false"].notifications-cancel {
  pointer-events: none;
  opacity: .25;
}

.page-checkout .content-box .codeFields {
  align-items: center;
  display: flex;
}

.page-checkout .content-box .codeFields .opc-button, .page-checkout .content-box .codeFields .opc-favorite-button, .page-checkout .content-box .codeFields .opc-compare-button, .page-checkout .content-box .codeFields .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box .codeFields .notifications-ok, .page-checkout .content-box .codeFields .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-checkout .content-box .codeFields .notifications-cancel {
  margin-left: 1rem;
}

.page-checkout .content-box .balance {
  background-color: #eee;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.5rem 1rem;
  display: flex;
}

.page-checkout .content-box .balance > div {
  flex-basis: 100%;
  padding: .5rem 0;
  display: flex;
}

.page-checkout .content-box .balance > div > span {
  margin-left: auto;
}

@media only screen and (width <= 640px) {
  .page-checkout .content-box .balance > div {
    flex-wrap: wrap;
  }

  .page-checkout .content-box .balance > div > strong {
    width: 100%;
  }

  .page-checkout .content-box .balance > div > span {
    text-align: right;
    width: 100%;
    margin-left: 0;
  }
}

.page-checkout .content-box .creditcard {
  border: 1px solid #ccc;
  border-radius: 5px;
  max-width: 400px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
}

.page-checkout .content-box .creditcard dl {
  width: 100%;
}

@media only screen and (width >= 800px) {
  .page-checkout .content-box .creditcard dl dt {
    float: left;
    width: 33.333%;
  }

  .page-checkout .content-box .creditcard dl dd {
    float: left;
    width: 66.666%;
  }
}

.page-checkout .content-box .creditcard .clear-float {
  clear: left;
}

.page-checkout .checkout-addresses {
  flex-wrap: wrap;
  display: flex;
}

.page-checkout .checkout-addresses .shipping-address {
  width: 100%;
  padding: 15px;
}

@media only screen and (width >= 800px) {
  .page-checkout .checkout-addresses .shipping-address {
    width: 50%;
  }
}

.page-checkout .checkout-addresses .billing-address {
  width: 100%;
  padding: 15px;
}

@media only screen and (width >= 800px) {
  .page-checkout .checkout-addresses .billing-address {
    width: 50%;
  }
}

.page-checkout .checkout-addresses #address-form {
  border: 1px solid #eee;
  padding: .555556rem;
  display: none;
}

.page-checkout .checkout-addresses #address-form .opc-col {
  margin-bottom: 0;
}

.page-checkout .delivery-selection .opc-radio span {
  display: block;
}

.page-checkout .delivery-selection .opc-radio a {
  color: #00f;
  margin-top: .277778rem;
  text-decoration: underline;
  display: block;
}

.page-checkout .delivery-selection .opc-radio .shipping-price {
  color: orange;
  margin-left: .555556rem;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  top: .555556rem;
  right: .555556rem;
}

.page-checkout .delivery-selection .opc-radio .shipping-price span {
  margin-top: .277778rem;
  display: inline-block;
}

.page-checkout .payment-selection .payment-text {
  font-weight: bold;
}

.page-checkout .payment-selection .payment-info {
  display: block;
}

.page-checkout .payment-selection .payment-addition form {
  display: inline-block;
}

.page-checkout .payment-selection .opc-radio > label.has-error {
  border: 1px solid #fa7979;
}

.page-checkout .payment-selection .opc-radio #payment-error, .page-checkout .payment-selection .opc-radio .payment-error {
  color: #fa7979;
  padding-top: 10px;
}

.page-checkout .comment textarea {
  border-color: #ccc;
  width: 100%;
  height: 150px;
  padding: 20px;
}

.page-details {
  color: #666;
}

.page-details [data-location-choice] {
  cursor: pointer;
  transition: background-color .2s, transform .1s;
}

.page-details [data-location-choice]:hover {
  background-color: #8cbb181a;
  transform: scale(1.02);
}

.page-details h1 {
  font-size: 1.3rem;
  font-weight: 400;
}

.page-details h2, .page-details h3 {
  font-size: 1.2rem;
  font-weight: 500;
}

.page-details .article-head {
  align-items: flex-start;
  display: flex;
  position: relative;
}

@media only screen and (width <= 800px) {
  .page-details .article-head {
    flex-wrap: wrap;
  }
}

.page-details .article-head .article-flags {
  padding: 0 15px;
  position: absolute;
  top: 0;
  left: 0;
}

.page-details .article-head .article-image {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22.2222rem;
  max-height: 50vh;
  padding: 15px;
  display: flex;
}

@media only screen and (width >= 800px) {
  .page-details .article-head .article-image {
    max-height: 100%;
  }
}

.page-details .article-head .article-image img {
  object-fit: fill;
  max-width: 100%;
}

@media only screen and (width <= 800px) {
  .page-details .article-head .article-image {
    width: 100%;
  }
}

.page-details .article-head .article-infos {
  width: 100%;
  padding: 15px;
}

.page-details .article-head .article-infos .article-art-nr {
  margin-bottom: .555556rem;
}

.page-details .article-head .article-infos .article-actions {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.page-details .article-head .article-infos .article-actions .opc-basket-button, .page-details .article-head .article-infos .article-actions .opc-favorite-button, .page-details .article-head .article-infos .article-actions .opc-compare-button {
  flex-grow: 1;
  margin-bottom: .555556rem;
  margin-right: .555556rem;
}

@media only screen and (width >= 800px) {
  .page-details .article-head .article-infos .article-actions .opc-basket-button, .page-details .article-head .article-infos .article-actions .opc-favorite-button, .page-details .article-head .article-infos .article-actions .opc-compare-button {
    flex-grow: 0;
  }
}

.page-details .article-head .article-infos .article-actions .opc-basket-button {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

@media only screen and (width >= 800px) {
  .page-details .article-head .article-infos .article-actions .opc-basket-button {
    width: auto;
  }
}

.page-details .article-head .article-infos .article-actions .opc-basket-button .opc-button, .page-details .article-head .article-infos .article-actions .opc-basket-button .opc-favorite-button, .page-details .article-head .article-infos .article-actions .opc-basket-button .opc-compare-button, .page-details .article-head .article-infos .article-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-details .article-head .article-infos .article-actions .opc-basket-button .notifications-ok, .page-details .article-head .article-infos .article-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-details .article-head .article-infos .article-actions .opc-basket-button .notifications-cancel {
  flex-grow: 1;
}

@media only screen and (width >= 800px) {
  .page-details .article-head .article-infos .article-actions .opc-basket-button .opc-button, .page-details .article-head .article-infos .article-actions .opc-basket-button .opc-favorite-button, .page-details .article-head .article-infos .article-actions .opc-basket-button .opc-compare-button, .page-details .article-head .article-infos .article-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-details .article-head .article-infos .article-actions .opc-basket-button .notifications-ok, .page-details .article-head .article-infos .article-actions .opc-basket-button .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-details .article-head .article-infos .article-actions .opc-basket-button .notifications-cancel {
    flex-grow: 0;
  }
}

.page-details .article-head .article-infos .article-actions .opc-basket-button .basket-button-dim-1 {
  margin: 0 auto;
}

.page-details .article-head--course {
  flex-direction: column;
  row-gap: 40px;
}

.page-details .article-head--course > h1, .page-details .article-head--course > div {
  margin-block: 0 !important;
}

.page-details .article-head--course .article-image {
  aspect-ratio: 3 / 2;
  grid-area: image;
  width: 100%;
  max-height: 300px;
  padding: 0;
  display: none;
  overflow: hidden;
}

@media only screen and (width >= 800px) {
  .page-details .article-head--course .article-image {
    display: flex;
  }
}

.page-details .article-head--course .article-infos {
  background-color: #f0f0f0;
  grid-template-columns: 1fr;
  gap: 24px;
  padding: 24px;
  display: grid;
}

@media only screen and (width >= 800px) {
  .page-details .article-head--course .article-infos {
    grid-template-columns: repeat(2, 1fr);
  }
}

.page-details .article-head--course .article-header {
  grid-template: "title";
  column-gap: 24px;
  width: 100%;
  display: grid;
}

@media only screen and (width >= 800px) {
  .page-details .article-head--course .article-header {
    grid-template: "image title"
    / 1fr 1fr;
  }
}

.page-details .article-head--course .article-title {
  padding-inline: 15px;
}

@media only screen and (width >= 800px) {
  .page-details .article-head--course .article-title {
    padding-inline: 0;
  }
}

.spec-wrapper {
  flex-flow: wrap;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.spec-wrapper .opc-art-spec {
  width: 33%;
  padding: 0 15px;
}

@media only screen and (width <= 800px) {
  .spec-wrapper .opc-art-spec {
    width: 50%;
  }
}

@media only screen and (width <= 640px) {
  .spec-wrapper .opc-art-spec {
    width: 100%;
  }
}

.opc-art-spec {
  width: 100%;
  margin-bottom: 1.11111rem;
}

.opc-art-spec .art-spec-label {
  margin-bottom: .555556rem;
  font-weight: bold;
}

.opc-art-spec .art-spec-data {
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  display: flex;
}

.opc-art-spec .art-spec-data dt {
  border-bottom: 1px solid #ccc;
  align-self: flex-start;
  width: 50%;
  margin: 0 0 .277778rem;
  padding: .277778rem 0;
  font-size: .9em;
}

.opc-art-spec .art-spec-data dd {
  border-bottom: 1px solid #ccc;
  width: 50%;
  margin: 0 0 .277778rem;
  padding: .277778rem 0;
  font-size: .9em;
}

.page-register-login h1 {
  visibility: hidden;
  pointer-events: none;
  height: 0;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.page-register-login .opc-button.fullwidth, .page-register-login .fullwidth.opc-favorite-button, .page-register-login .fullwidth.opc-compare-button, .page-register-login .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .fullwidth.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-register-login .fullwidth.notifications-ok, .page-register-login .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .fullwidth.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-register-login .fullwidth.notifications-cancel {
  text-align: center;
  width: 100%;
}

@media only screen and (width >= 800px) {
  .page-register-login .opc-button.fullwidth, .page-register-login .fullwidth.opc-favorite-button, .page-register-login .fullwidth.opc-compare-button, .page-register-login .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .fullwidth.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-register-login .fullwidth.notifications-ok, .page-register-login .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .fullwidth.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-register-login .fullwidth.notifications-cancel {
    width: auto;
  }
}

.page-register-login .content-box .content-box-body .content-box-slide-content {
  opacity: 0;
  height: 0;
  transition: all .4s ease-in-out;
  display: block;
  overflow: hidden;
}

.page-register-login .content-box .content-box-body .content-box-slide-content.is-open {
  opacity: 1;
}

.page-register-login .content-box .content-box-body .content-box-slide-content.is-open + button {
  display: none;
}

.form-footer {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

#register-form-addr, #register-form-contact {
  flex-wrap: wrap;
  display: flex;
}

@media only screen and (width >= 640px) {
  #register-form-addr, #register-form-contact {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

#register-form-addr .opc-form-field, #register-form-contact .opc-form-field {
  width: 100%;
}

@media only screen and (width >= 640px) {
  #register-form-addr .opc-form-field, #register-form-contact .opc-form-field {
    width: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media only screen and (width >= 800px) {
  #register-form-addr .opc-form-field, #register-form-contact .opc-form-field {
    width: calc(100% + 2rem);
  }
}

@media only screen and (width >= 1024px) {
  #register-form-addr .opc-form-field, #register-form-contact .opc-form-field {
    width: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

#register-form-addr h3, #register-form-contact h3 {
  width: 100%;
}

@media only screen and (width >= 640px) {
  #register-form-addr h3, #register-form-contact h3 {
    padding-left: 1rem;
  }

  #register-form-addr .opc-button, #register-form-addr .opc-favorite-button, #register-form-addr .opc-compare-button, #register-form-addr .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #register-form-addr .notifications-ok, #register-form-addr .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #register-form-addr .notifications-cancel, #register-form-contact .opc-button, #register-form-contact .opc-favorite-button, #register-form-contact .opc-compare-button, #register-form-contact .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #register-form-contact .notifications-ok, #register-form-contact .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #register-form-contact .notifications-cancel {
    margin-left: 1rem;
  }
}

#register-form-addr .form-footer .opc-form-field, #register-form-contact .form-footer .opc-form-field {
  width: 100%;
}

.page-favorites .favorites-head, .page-multi-favorites .favorites-head {
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}

.page-favorites .favorites-head .favorites-selection, .page-multi-favorites .favorites-head .favorites-selection {
  flex-grow: 1;
}

.page-favorites .favorites-head .favorites-selection .opc-form-field, .page-multi-favorites .favorites-head .favorites-selection .opc-form-field {
  margin-bottom: 0;
}

.page-favorites .favorites-head .favorites-actions, .page-multi-favorites .favorites-head .favorites-actions {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.page-favorites .favorites-head .favorites-actions #rename-form, .page-multi-favorites .favorites-head .favorites-actions #rename-form {
  background: #fff;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.page-favorites .favorites-head .favorites-actions #rename-form .opc-form-field, .page-favorites .favorites-head .favorites-actions #rename-form input, .page-multi-favorites .favorites-head .favorites-actions #rename-form .opc-form-field, .page-multi-favorites .favorites-head .favorites-actions #rename-form input {
  border: none;
  width: 100%;
}

.page-favorites .favorites-head .opc-form-field, .page-multi-favorites .favorites-head .opc-form-field {
  margin-bottom: 0;
}

.page-favorites .favorites-head .opc-form-field .headline-select, .page-multi-favorites .favorites-head .opc-form-field .headline-select {
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 32 32%22 version%3D%221.1%22 width%3D%2232%22 height%3D%2232%22 fill%3D%22%23000%22%3E%3Cpath style%3D%22 %22 d%3D%22M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z %22%2F%3E%3C%2Fsvg%3E") calc(100% - 1rem) / 2rem no-repeat;
  width: 100%;
  margin-bottom: 0;
  border: none !important;
  border-bottom: 2px solid #ccc !important;
  height: auto !important;
  padding: 1rem 0 !important;
  line-height: 1.2 !important;
}

.page-favorites .favorites-head .opc-form-field .headline-select::-ms-expand {
  display: none;
}

.page-multi-favorites .favorites-head .opc-form-field .headline-select::-ms-expand {
  display: none;
}

.page-favorites .favorites-head h4, .page-favorites .favorites-head .opc-directsearch-suggest h3, .opc-directsearch-suggest .page-favorites .favorites-head h3, .page-multi-favorites .favorites-head h4, .page-multi-favorites .favorites-head .opc-directsearch-suggest h3, .opc-directsearch-suggest .page-multi-favorites .favorites-head h3 {
  margin-bottom: 1rem;
  padding: 0;
  font-size: 1.4rem;
}

.page-favorites .favorites-desc, .page-multi-favorites .favorites-desc {
  background: #f8f8f8;
  margin-bottom: 4rem;
  padding: 2rem;
}

.page-favorites .favorites-desc h4, .page-favorites .favorites-desc .opc-directsearch-suggest h3, .opc-directsearch-suggest .page-favorites .favorites-desc h3, .page-multi-favorites .favorites-desc h4, .page-multi-favorites .favorites-desc .opc-directsearch-suggest h3, .opc-directsearch-suggest .page-multi-favorites .favorites-desc h3 {
  margin-bottom: .5em;
}

.compare-wrapper {
  background: #eee;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.compare-topbar {
  z-index: 10;
  background: #eee;
  border-bottom: 1px solid #ccc;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 3.88889rem;
  padding: .555556rem;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.compare-topbar .compare-topbar-logo img {
  height: 2.22222rem;
}

.opc-compare {
  z-index: 100000;
  background: #eee;
}

.opc-compare .compare-list {
  width: 100%;
  padding-top: 3.88889rem;
}

.opc-compare .opc-message {
  margin-top: 4.44444rem;
  margin-left: .555556rem;
  margin-right: .555556rem;
}

.opc-compare .compare-list-head {
  z-index: 5;
  position: sticky;
  top: 0;
}

.opc-compare .compare-row {
  display: flex;
}

.opc-compare .compare-row.headrow {
  z-index: 3;
  position: sticky;
  top: 0;
}

.opc-compare .compare-row[data-op-id="Image"] .compare-item .value {
  text-align: center;
  width: 100%;
  display: block;
}

.opc-compare .compare-row[data-op-id="Image"] .compare-item .value img {
  max-width: 100%;
  height: 6.66667rem;
}

.opc-compare .compare-row[data-op-id="Remove"] .compare-item .value {
  text-align: right;
  display: block;
}

.opc-compare .compare-row .compare-label {
  text-align: right;
  z-index: 2;
  background: #eee;
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
  width: 16.6667rem;
  padding: .555556rem;
  position: sticky;
  left: 0;
}

.opc-compare .compare-row .compare-label select {
  margin-top: .277778rem;
}

.opc-compare .compare-row .compare-item {
  background: #fff;
  border-bottom: 1px solid #ccc;
  flex-grow: 1;
  flex-shrink: 0;
  width: 16.6667rem;
  padding: .555556rem;
}

.opc-compare .compare-row .compare-item.dif .value {
  background: #ccc;
}

.opc-compare .compare-group-title {
  cursor: pointer;
  width: 16.6667rem;
  height: 2.22222rem;
  padding: 0;
  position: sticky;
  left: 0;
}

.opc-compare .compare-group-title .group-title-inner {
  background: #fff;
  align-items: center;
  width: 100vw;
  height: 2.22222rem;
  padding: 0 0 0 .555556rem;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.opc-compare .compare-group-title .group-title-inner:after {
  content: "";
  background: #fff;
  width: 2000px;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
}

.summary-total {
  border: 1px solid #83be26;
}

@media only screen and (width >= 800px) {
  .summary-total .basket-list-summary-wrapper .basket-list-summary-line {
    margin: 0;
    padding-right: 3.7rem;
  }
}

.overall-total {
  font-weight: bold;
}

.section-normen-produkte .normen-outer-wrapper {
  margin-top: 24px;
}

.section-normen-produkte .normen-outer-wrapper .basket-list-item {
  background-color: #fff;
}

.section-normen-produkte .basket-list-summary-wrapper {
  margin-bottom: 1rem;
}

@media only screen and (width >= 800px) {
  .section-normen-produkte .basket-list-summary-wrapper {
    margin-bottom: 0;
  }
}

.section-normen-produkte .opc-row .opc-col {
  margin-bottom: 1rem;
}

@media only screen and (width >= 800px) {
  .section-normen-produkte .opc-row .opc-col {
    margin-bottom: 0;
  }
}

.checkout-button {
  width: 100%;
  margin: 0;
}

@media only screen and (width >= 800px) {
  .checkout-button {
    width: auto;
    margin: 1rem 3.4rem;
  }
}

.page-basket #member-info {
  margin-top: 10px;
  padding: .566rem !important;
}

@media only screen and (width >= 800px) {
  .page-basket #member-info {
    padding-right: 2.8rem !important;
  }
}

.page-basket #member-info .member-price {
  color: #000;
}

.page-basket .section-wb [class^="group-wrapper-"] {
  background-color: #f0f0f0;
  margin-block: 0;
  padding-block: 4px;
  padding-inline: 24px;
}

.page-basket .section-wb [class^="group-wrapper-"]:first-of-type {
  margin-top: 24px;
  padding-top: 24px;
}

.page-basket .section-wb [class^="group-wrapper-"]:last-of-type {
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.basket-list .additional-price-infos {
  flex-wrap: wrap;
  display: flex;
}

.basket-list .additional-price-infos p, .basket-list .additional-price-infos span {
  width: 100%;
}

.basket-list .additional-price-infos .label {
  text-align: right;
  width: 60%;
  padding-right: 10px;
  font-weight: normal;
  line-height: 1.3rem;
}

.basket-list .additional-price-infos .value {
  width: 40%;
}

.basket-list {
  font-size: .9rem !important;
}

.basket-list .basket-list-header-divider {
  display: none;
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-header-divider {
    display: block;
  }
}

.basket-list .basket-list-head {
  border: 1px solid #0000;
  display: none;
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-head {
    display: flex;
  }

  .basket-list .basket-list-head .basket-list-header-divider {
    display: block;
  }
}

.basket-list .basket-list-head > div {
  border-right: none;
  font-weight: bold;
}

.basket-list .basket-list-item {
  position: relative;
}

.basket-list .el-ke-options-remove-item {
  position: absolute;
  top: -7px;
  right: 0;
}

.basket-list .el-ke-options-remove-item a {
  border-radius: 10px;
  line-height: 20px;
  height: 20px !important;
}

.basket-list .basket-list-body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

.basket-list .basket-list-body .el-ke-options-remove-item {
  top: 7px;
  right: 7px;
}

.basket-list .basket-list-body--normen .basket-list-item[data-op-internalno] {
  margin-bottom: 0;
}

.basket-list .basket-list-body--normen .basket-list-item[data-op-internalno]:not(:first-of-type) {
  margin-top: 12px;
}

.basket-list .basket-list-body--normen .basket-list-item--member-info {
  margin-top: 12px;
  margin-bottom: 24px !important;
}

.basket-list .basket-list-body--normen .member-info-basket {
  margin-inline: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.basket-list .basket-list-body .basket-list-item.no-border {
  border: none !important;
}

.basket-list .basket-list-body .basket-list-item.child-item {
  padding-left: 2rem;
}

.basket-list .basket-list-body .basket-list-item {
  flex-direction: column;
  margin-bottom: .555556rem;
  display: flex;
}

.basket-list .basket-list-body .basket-list-item h4, .basket-list .basket-list-body .basket-list-item .opc-directsearch-suggest h3, .opc-directsearch-suggest .basket-list .basket-list-body .basket-list-item h3 {
  font-size: 1.1rem;
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-body .basket-list-item {
    flex-direction: row;
    margin-bottom: .555556rem;
  }
}

.basket-list .basket-list-body .basket-list-item .opc-button[data-op-btnaction="delete"], .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].opc-favorite-button, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].opc-compare-button, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].notifications-ok, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].notifications-cancel {
  color: #dc143c;
  background: none;
  height: auto;
  margin-bottom: .555556rem;
  padding: 0;
  font-size: .666667rem;
}

.basket-list .basket-list-body .basket-list-item .opc-button[data-op-btnaction="delete"] svg, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].opc-favorite-button svg, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].opc-compare-button svg, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].notifications-ok svg, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].notifications-cancel svg {
  display: none;
}

.basket-list .basket-list-body .basket-list-item .opc-button[data-op-btnaction="delete"].is-progress, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].is-progress.opc-favorite-button, .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].is-progress.opc-compare-button, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].is-progress.notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].is-progress.notifications-ok, .basket-list .basket-list-body .basket-list-item .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons [data-op-btnaction="delete"].is-progress.notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .basket-list .basket-list-body .basket-list-item [data-op-btnaction="delete"].is-progress.notifications-cancel {
  color: #ccc;
}

.basket-list .basket-list-body .basket-list-item:last-of-type {
  margin-bottom: 0;
}

.basket-list .basket-list-body .basket-list-item-promocode {
  border: 1px solid #ccc;
  margin-bottom: .555556rem;
  padding: 1.11111rem;
}

.basket-list .basket-list-body .basket-list-item-promocode h3, .basket-list .basket-list-body .basket-list-item-promocode p, .basket-list .basket-list-body .basket-list-item-promocode .opc-form-field {
  max-width: 27.7778rem;
}

.basket-list .basket-list-footer {
  background: #eee;
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-footer {
    padding: 0 1.2rem;
  }
}

.basket-list .basket-list-footer {
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 1.11111rem;
  display: flex;
}

.basket-list .basket-list-footer .basket-list-summary-line {
  padding: .566rem !important;
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-footer .basket-list-summary-line {
    padding: 2rem !important;
  }
}

.basket-list .basket-list-footer .basket-list-summary-line {
  width: 100%;
}

.basket-list .basket-list-footer .basket-list-summary-line a {
  float: left;
}

.basket-list .basket-list-footer .basket-list-summary-line {
  margin-bottom: .555556rem;
}

.basket-list .basket-list-footer .basket-list-summary-line > span {
  text-align: right;
  width: 7.77778rem !important;
  display: inline-block !important;
}

.basket-list .basket-bottom-line {
  justify-content: flex-end;
  display: flex;
}

.basket-list .basket-list-item-description, .basket-list .basket-list-item-options, .basket-list .basket-list-item-price, .basket-list .basket-list-item-amount, .basket-list .basket-list-item-total {
  padding: .277778rem .555556rem;
}

@media only screen and (width >= 640px) {
  .basket-list .basket-list-item-description, .basket-list .basket-list-item-options, .basket-list .basket-list-item-price, .basket-list .basket-list-item-amount, .basket-list .basket-list-item-total {
    padding: .555556rem;
  }
}

.basket-list .basket-list-item-price, .basket-list .basket-list-item-total, .basket-list .basket-list-item-amount {
  text-align: right !important;
}

.basket-list .basket-list-item-description {
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 0;
  display: flex;
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-item-description {
    flex-wrap: nowrap;
    flex-grow: 1;
    width: 45%;
    padding-bottom: .555556rem;
  }
}

.basket-list .basket-list-item-description .item-description-image {
  flex-shrink: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 4.44444rem;
  padding: .555556rem 1.11111rem 0 0;
  display: none;
}

.basket-list .basket-list-item-description .item-description-image img {
  width: auto;
  max-width: 3.33333rem;
  max-height: inherit;
  max-height: 4.44444rem;
}

@media only screen and (width >= 640px) {
  .basket-list .basket-list-item-description .item-description-image {
    width: 7.77778rem;
  }

  .basket-list .basket-list-item-description .item-description-image img {
    width: auto;
    max-width: 5.55556rem;
    height: inherit;
    align-items: center;
    max-height: 5.55556rem;
  }
}

@media only screen and (width >= 1200px) {
  .basket-list .basket-list-item-description .item-description-image {
    display: block;
  }
}

.basket-list .basket-list-item-description .item-description-data {
  width: 100%;
  padding: .555556rem 0;
}

@media only screen and (width >= 640px) {
  .basket-list .basket-list-item-description .item-description-data {
    width: calc(100% - 14rem)/1.8;
  }
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-item-description .item-description-data {
    padding: 0;
  }
}

.basket-list .basket-list-item-description .item-description-data h3 {
  margin-bottom: .4em;
  font-size: .777778rem;
  font-weight: bold;
}

.basket-list .basket-list-item-description .item-description-data h3 a {
  color: #000;
}

.basket-list .basket-list-item-description .item-description-data h3 a:hover {
  color: #333;
}

.basket-list .basket-list-item-description .item-description-article-nr {
  margin-bottom: .555556rem;
  display: block;
}

.basket-list .basket-list-item-description .item-description-actions button {
  opacity: .6;
  height: auto;
  padding: 0;
}

.basket-list .basket-list-item-description .item-description-actions button:hover {
  opacity: 1;
  color: #fa7979;
}

.basket-list .basket-list-item-options .ele-quantity {
  width: 50%;
}

.basket-list .basket-list-item-options .opc-form-field-group, .basket-list .basket-list-item-options .opc-basket-button, .basket-list .basket-list-item-options .opc-stock {
  margin-bottom: .555556rem;
}

.basket-list .basket-list-item-options {
  margin-left: 0;
  padding-top: 0;
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-item-options {
    width: 10rem;
    margin-left: 0;
    padding-top: .555556rem;
  }
}

.basket-list .basket-list-item-price, .basket-list .basket-list-item-amount {
  text-align: left;
  justify-content: space-between;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.basket-list .basket-list-item-price .responsive-label, .basket-list .basket-list-item-amount .responsive-label {
  text-align: left;
  font-weight: normal;
}

@media only screen and (width >= 640px) {
  .basket-list .basket-list-item-price, .basket-list .basket-list-item-amount {
    padding-top: 0;
    padding-bottom: .277778rem;
  }
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-item-price, .basket-list .basket-list-item-amount {
    text-align: right;
    width: 10rem;
    margin-left: 0;
    padding-top: .555556rem;
    padding-bottom: .555556rem;
    display: block;
  }
}

.basket-list .basket-list-item-total {
  text-align: left;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: .555556rem;
  display: flex;
}

.basket-list .basket-list-item-total .responsive-label {
  text-align: left;
  width: 50%;
  font-weight: normal;
}

.basket-list .basket-list-item-total .additional-price-infos {
  width: 100%;
}

.basket-list .basket-list-item-total .additional-price-infos .label {
  text-align: left;
}

@media only screen and (width >= 800px) {
  .basket-list .basket-list-item-total .additional-price-infos .label {
    text-align: right;
  }

  .basket-list .basket-list-item-total {
    text-align: right;
    width: 25rem;
    margin-left: 0;
    margin-right: 2.8rem;
    padding-top: .555556rem;
    padding-bottom: .555556rem;
    display: block;
  }

  .basket-list .basket-list-item-total span {
    width: 100%;
    display: inline-block;
  }

  .basket-list .basket-list-item-total span.responsive-label {
    display: none;
  }
}

.basket-list .responsive-label {
  min-width: 40%;
  margin-right: .222222rem;
  font-weight: bold;
  display: inline-block;
}

@media only screen and (width >= 800px) {
  .basket-list .responsive-label {
    width: 7.77778rem;
    display: none;
  }
}

.opc-basket-summary .basket-summary-head {
  display: none;
}

@media only screen and (width >= 800px) {
  .opc-basket-summary .basket-summary-head {
    display: flex;
  }
}

.opc-basket-summary .basket-summary-body .basket-summary-item {
  flex-wrap: wrap;
}

@media only screen and (width >= 800px) {
  .opc-basket-summary .basket-summary-body .basket-summary-item {
    flex-wrap: nowrap;
  }
}

.opc-basket-summary .basket-summary-body .basket-summary-item > * {
  text-align: left;
  width: 100%;
  padding: 0;
}

@media only screen and (width >= 800px) {
  .opc-basket-summary .basket-summary-body .basket-summary-item > .basket-summary-item-title {
    width: 80%;
    padding: 0 1rem;
  }

  .opc-basket-summary .basket-summary-body .basket-summary-item > .basket-summary-item-count {
    text-align: right;
    width: 6rem;
    padding: 0 1rem 0 0;
  }

  .opc-basket-summary .basket-summary-body .basket-summary-item > .basket-summary-item-price {
    text-align: right;
    width: 14rem;
    padding: 0 1rem 0 0;
  }
}

.opc-basket-summary .basket-summary-body .basket-summary-item .basket-summary-item-label {
  width: 100%;
  font-weight: 600;
  display: block;
}

@media only screen and (width >= 800px) {
  .opc-basket-summary .basket-summary-body .basket-summary-item .basket-summary-item-label {
    display: none;
  }
}

.basket-inner-wrapper .basket-list {
  background-color: #eee;
  padding: 24px 24px 4px;
}

.basket-inner-wrapper .basket-list-footer {
  margin-top: 24px;
}

.basket-inner-wrapper .basket-list-footer .basket-list-summary-line {
  background-color: #eee;
}

.basket-inner-wrapper .member-info-basket {
  background-color: #83be2633 !important;
  margin-top: 32px !important;
  margin-bottom: 0 !important;
}

.page-account .section-inner-aside {
  display: none;
}

@media only screen and (width >= 800px) {
  .page-account .section-inner-aside {
    display: block;
  }
}

.page-account h2 {
  position: relative;
}

.page-account h2 .opc-button, .page-account h2 .opc-favorite-button, .page-account h2 .opc-compare-button, .page-account h2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-account h2 .notifications-ok, .page-account h2 .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .page-account h2 .notifications-cancel {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li {
  margin-bottom: 2rem;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li > a:before {
  display: none;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-1 > li.is-active > a {
  font-weight: bold;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li > a {
  padding-left: 1rem;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li:hover > a {
  background: #f8f8f8;
}

.page-account .opc-navigation[data-op-navtype="simple"] .navigation-level-2 > li.is-active > a {
  background: #eee;
  font-weight: bold;
}

.last-orders-details-list .item-list-head {
  display: none;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .item-list-head {
    display: flex;
  }
}

.last-orders-details-list .list-item {
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .list-item {
    flex-wrap: nowrap;
  }
}

.last-orders-details-list .list-item-column {
  width: 100%;
  padding: 0 0 1rem;
  display: flex;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .list-item-column {
    padding: .5rem 2rem 0 0;
  }
}

.last-orders-details-list .list-item-column .opc-button, .last-orders-details-list .list-item-column .opc-favorite-button, .last-orders-details-list .list-item-column .opc-compare-button, .last-orders-details-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column .notifications-ok, .last-orders-details-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column .notifications-cancel {
  padding-left: .5rem;
  padding-right: .5rem;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .list-item-column:first-child {
    flex-grow: 1;
    width: 40%;
  }

  .last-orders-details-list .list-item-column:nth-child(2) {
    flex-shrink: 0;
    width: 10%;
  }

  .last-orders-details-list .list-item-column:nth-child(3) {
    flex-shrink: 0;
    justify-content: flex-end;
    width: 15%;
  }

  .last-orders-details-list .list-item-column:nth-child(4) {
    text-align: right;
    flex-shrink: 0;
    justify-content: flex-end;
    width: 15%;
  }
}

.last-orders-details-list .list-item-column:nth-child(5) .opc-button, .last-orders-details-list .list-item-column:nth-child(5) .opc-favorite-button, .last-orders-details-list .list-item-column:nth-child(5) .opc-compare-button, .last-orders-details-list .list-item-column:nth-child(5) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column:nth-child(5) .notifications-ok, .last-orders-details-list .list-item-column:nth-child(5) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-orders-details-list .list-item-column:nth-child(5) .notifications-cancel {
  margin-bottom: .5rem;
  font-size: 1.2rem;
}

.last-orders-details-list .list-item-column:nth-child(5) {
  justify-content: flex-end;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .list-item-column:nth-child(5) {
    text-align: right;
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: flex-end;
    width: 18rem;
    padding-right: 0;
  }
}

.last-orders-details-list .list-item-column .list-item-label {
  flex-shrink: 0;
  width: 35%;
  display: block;
}

@media only screen and (width >= 800px) {
  .last-orders-details-list .list-item-column .list-item-label {
    display: none;
  }
}

.shipping-address-list .item-list-head {
  display: none;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .item-list-head {
    display: flex;
  }
}

.shipping-address-list .list-item {
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item {
    flex-wrap: nowrap;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.shipping-address-list .list-item .button-text-edit {
  display: block;
}

.shipping-address-list .list-item .button-text-save {
  display: none !important;
}

.shipping-address-list .list-item .delete-list-item {
  display: inline-flex;
}

.shipping-address-list .list-item.is-changing .button-text-save {
  display: block !important;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item.is-changing .button-text-save {
    display: none !important;
  }
}

.shipping-address-list .list-item.is-changing .button-text-edit, .shipping-address-list .list-item.is-changing .delete-list-item {
  display: none !important;
}

.shipping-address-list .list-item.is-changing .opc-form-field-group, .shipping-address-list .list-item.is-changing .list-item-column {
  width: 100%;
}

.shipping-address-list .list-item-column {
  flex-grow: 0;
  width: auto;
  padding: .5rem 0 0;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column {
    flex-grow: 1;
    width: 100%;
    padding: .5rem 2rem 0 0;
  }
}

.shipping-address-list .list-item-column .opc-button, .shipping-address-list .list-item-column .opc-favorite-button, .shipping-address-list .list-item-column .opc-compare-button, .shipping-address-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column .notifications-ok, .shipping-address-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column .notifications-cancel {
  width: 100%;
  padding-left: .5rem;
  padding-right: .5rem;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column .opc-button, .shipping-address-list .list-item-column .opc-favorite-button, .shipping-address-list .list-item-column .opc-compare-button, .shipping-address-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column .notifications-ok, .shipping-address-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column .notifications-cancel {
    width: unset;
  }
}

.shipping-address-list .list-item-column:first-child {
  font-weight: bold;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column:first-child {
    border-bottom: none;
    flex-grow: 0;
    width: 10%;
    min-width: 8rem;
    font-weight: normal;
  }
}

.shipping-address-list .list-item-column:nth-child(2) {
  font-weight: bold;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column:nth-child(2) {
    border-bottom: none;
    flex-grow: 0;
    width: 25%;
    font-weight: normal;
  }
}

.shipping-address-list .list-item-column:nth-child(3) {
  width: 100%;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column:nth-child(3) {
    border-bottom: none;
    flex-grow: 1;
    width: 20%;
  }
}

.shipping-address-list .list-item-column:nth-child(4) {
  text-align: left;
  width: 100%;
  margin-bottom: 2rem;
}

.shipping-address-list .list-item-column:nth-child(4) .opc-button, .shipping-address-list .list-item-column:nth-child(4) .opc-favorite-button, .shipping-address-list .list-item-column:nth-child(4) .opc-compare-button, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-ok, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-cancel {
  border: 1px solid #3d4961;
  margin-bottom: .5rem;
  font-size: 1.2rem;
}

.shipping-address-list .list-item-column:nth-child(4) .opc-button svg, .shipping-address-list .list-item-column:nth-child(4) .opc-favorite-button svg, .shipping-address-list .list-item-column:nth-child(4) .opc-compare-button svg, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-ok svg, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-cancel svg {
  margin-right: 1rem !important;
}

.shipping-address-list .list-item-column:nth-child(4) .opc-button svg:only-child, .shipping-address-list .list-item-column:nth-child(4) .opc-favorite-button svg:only-child, .shipping-address-list .list-item-column:nth-child(4) .opc-compare-button svg:only-child, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok svg:only-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-ok svg:only-child, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel svg:only-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-cancel svg:only-child {
  margin-right: 0 !important;
}

.shipping-address-list .list-item-column:nth-child(4) .opc-button span, .shipping-address-list .list-item-column:nth-child(4) .opc-favorite-button span, .shipping-address-list .list-item-column:nth-child(4) .opc-compare-button span, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-ok span, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-cancel span {
  display: block;
}

.shipping-address-list .list-item-column:nth-child(4) {
  flex-flow: column wrap;
  padding-top: 1rem;
  display: flex;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column:nth-child(4) {
    flex-direction: row;
    margin-bottom: 0;
  }

  .shipping-address-list .list-item-column:nth-child(4) .opc-button, .shipping-address-list .list-item-column:nth-child(4) .opc-favorite-button, .shipping-address-list .list-item-column:nth-child(4) .opc-compare-button, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-ok, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-cancel {
    flex-grow: 1;
    margin-right: 1rem;
  }

  .shipping-address-list .list-item-column:nth-child(4) .opc-button:last-child, .shipping-address-list .list-item-column:nth-child(4) .opc-favorite-button:last-child, .shipping-address-list .list-item-column:nth-child(4) .opc-compare-button:last-child, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:last-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-ok:last-child, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:last-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-cancel:last-child, .shipping-address-list .list-item-column:nth-child(4) .opc-button:only-child, .shipping-address-list .list-item-column:nth-child(4) .opc-favorite-button:only-child, .shipping-address-list .list-item-column:nth-child(4) .opc-compare-button:only-child, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok:only-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-ok:only-child, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel:only-child, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-cancel:only-child {
    margin-right: 0;
  }

  .shipping-address-list .list-item-column:nth-child(4) {
    text-align: right;
    text-align: right;
    flex-direction: row;
    flex-grow: 0;
    width: 10%;
    min-width: 10rem;
    padding-right: 0;
    display: block;
    position: static;
  }

  .shipping-address-list .list-item-column:nth-child(4) .opc-button, .shipping-address-list .list-item-column:nth-child(4) .opc-favorite-button, .shipping-address-list .list-item-column:nth-child(4) .opc-compare-button, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-ok, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-cancel {
    border: none;
    flex-shrink: 0;
    margin-right: 0;
  }

  .shipping-address-list .list-item-column:nth-child(4) .opc-button span, .shipping-address-list .list-item-column:nth-child(4) .opc-favorite-button span, .shipping-address-list .list-item-column:nth-child(4) .opc-compare-button span, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-ok span, .shipping-address-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel span, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .shipping-address-list .list-item-column:nth-child(4) .notifications-cancel span {
    display: none;
  }
}

.shipping-address-list .list-item-column .list-item-label {
  width: 35%;
  display: none;
}

@media only screen and (width >= 480px) {
  .shipping-address-list .list-item-column .list-item-label {
    display: none;
  }
}

.shipping-address-list .list-item-column .opc-form-field {
  margin-bottom: 0;
}

.shipping-address-list .list-item-column .opc-form-field-group {
  width: auto;
  display: inline-flex;
}

.last-baskets-list .item-list-head {
  display: none;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .item-list-head {
    display: flex;
  }
}

.last-baskets-list .list-item {
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item {
    flex-wrap: nowrap;
  }
}

.last-baskets-list .list-item-column {
  width: 100%;
  padding: .5rem 0;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column {
    padding: .5rem 2rem 0 0;
  }
}

.last-baskets-list .list-item-column .opc-button, .last-baskets-list .list-item-column .opc-favorite-button, .last-baskets-list .list-item-column .opc-compare-button, .last-baskets-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column .notifications-ok, .last-baskets-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column .notifications-cancel {
  padding-left: .5rem;
  padding-right: .5rem;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column:first-child {
    flex-shrink: 0;
    width: 15%;
  }

  .last-baskets-list .list-item-column:nth-child(2) {
    flex-grow: 1;
    flex-shrink: 0;
    width: 20%;
  }

  .last-baskets-list .list-item-column:nth-child(3) {
    text-align: right;
    flex-shrink: 0;
    width: 20%;
  }
}

.last-baskets-list .list-item-column:nth-child(4) .opc-button, .last-baskets-list .list-item-column:nth-child(4) .opc-favorite-button, .last-baskets-list .list-item-column:nth-child(4) .opc-compare-button, .last-baskets-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column:nth-child(4) .notifications-ok, .last-baskets-list .list-item-column:nth-child(4) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-baskets-list .list-item-column:nth-child(4) .notifications-cancel {
  margin-bottom: .5rem;
  font-size: 1.2rem;
}

.last-baskets-list .list-item-column:nth-child(4) {
  flex-flow: column wrap;
  padding-top: 0;
  display: flex;
}

@media only screen and (width >= 380px) {
  .last-baskets-list .list-item-column:nth-child(4) {
    width: auto;
    position: absolute;
    top: 1rem;
    right: 0;
  }
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column:nth-child(4) {
    text-align: right;
    width: 30rem;
    padding-right: 0;
    display: block;
    position: static;
  }
}

.last-baskets-list .list-item-column .list-item-label {
  width: 40%;
  display: inline-block;
}

@media only screen and (width >= 800px) {
  .last-baskets-list .list-item-column .list-item-label {
    display: none;
  }
}

.last-offers-list .item-list-head {
  display: none;
}

@media only screen and (width >= 800px) {
  .last-offers-list .item-list-head {
    display: flex;
  }
}

.last-offers-list .list-item {
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item {
    flex-wrap: nowrap;
  }
}

.last-offers-list .list-item-column {
  width: 100%;
  padding: .5rem 0;
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column {
    padding: .5rem 2rem 0 0;
  }
}

.last-offers-list .list-item-column .opc-button, .last-offers-list .list-item-column .opc-favorite-button, .last-offers-list .list-item-column .opc-compare-button, .last-offers-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-offers-list .list-item-column .notifications-ok, .last-offers-list .list-item-column .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-offers-list .list-item-column .notifications-cancel {
  padding-left: .5rem;
  padding-right: .5rem;
}

@media only screen and (width >= 480px) {
  .last-offers-list .list-item-column:first-child {
    flex-shrink: 0;
  }
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column:first-child {
    flex-shrink: 0;
    width: 15%;
  }
}

@media only screen and (width >= 480px) {
  .last-offers-list .list-item-column:nth-child(2) {
    flex-shrink: 0;
  }
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column:nth-child(2) {
    flex-shrink: 0;
    width: 20%;
  }
}

@media only screen and (width >= 480px) {
  .last-offers-list .list-item-column:nth-child(3) {
    flex-shrink: 0;
  }
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column:nth-child(3) {
    flex-shrink: 0;
    width: 10%;
  }

  .last-offers-list .list-item-column:nth-child(4) {
    text-align: right;
    flex-shrink: 0;
    width: 20%;
  }
}

.last-offers-list .list-item-column:nth-child(5) .opc-button, .last-offers-list .list-item-column:nth-child(5) .opc-favorite-button, .last-offers-list .list-item-column:nth-child(5) .opc-compare-button, .last-offers-list .list-item-column:nth-child(5) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-offers-list .list-item-column:nth-child(5) .notifications-ok, .last-offers-list .list-item-column:nth-child(5) .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .last-offers-list .list-item-column:nth-child(5) .notifications-cancel {
  margin-bottom: .5rem;
  font-size: 1.2rem;
}

.last-offers-list .list-item-column:nth-child(5) {
  flex-flow: column wrap;
  padding-top: 1rem;
  display: flex;
}

@media only screen and (width >= 480px) {
  .last-offers-list .list-item-column:nth-child(5) {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column:nth-child(5) {
    text-align: right;
    flex-direction: row;
    width: 30rem;
    padding-right: 0;
    display: block;
    position: static;
  }
}

.last-offers-list .list-item-column .list-item-label {
  width: 30%;
  display: inline-block;
}

@media only screen and (width >= 800px) {
  .last-offers-list .list-item-column .list-item-label {
    display: none;
  }
}

.account-user-data {
  margin-bottom: 2rem;
}

.account-user-data h3 {
  opacity: .6;
  margin-bottom: .5em;
}

.account-user-data dl {
  border-bottom: 1px solid #eee;
  padding: 1rem 0 0;
  font-size: 1.4rem;
}

.account-user-data dl dt {
  margin-bottom: 0;
  font-size: 1em;
}

.account-user-data dl dd {
  padding: 1rem 0;
}

.account-user-data dl dd.editmode {
  padding: 0;
}

.account-user-data dl dd .opc-form-field {
  margin: 0 3rem 0 0;
}

.account-user-data dl dd .opc-form-field .form-field-element input, .account-user-data dl dd .opc-form-field .form-field-element select {
  background: #f8f8f8;
  border: none;
  padding: 1rem 0;
  font-weight: bold;
}

.account-user-data .edit-btn {
  position: absolute;
  bottom: 1rem;
  right: 1.5rem;
}

.account-user-data .editmode {
  display: none;
}

.account-user-data .opc-col:hover .opc-button, .account-user-data .opc-col:hover .opc-favorite-button, .account-user-data .opc-col:hover .opc-compare-button, .account-user-data .opc-col:hover .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .account-user-data .opc-col:hover .notifications-ok, .account-user-data .opc-col:hover .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .account-user-data .opc-col:hover .notifications-cancel, .account-user-data .opc-col.is-changing .opc-button, .account-user-data .opc-col.is-changing .opc-favorite-button, .account-user-data .opc-col.is-changing .opc-compare-button, .account-user-data .opc-col.is-changing .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .account-user-data .opc-col.is-changing .notifications-ok, .account-user-data .opc-col.is-changing .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .account-user-data .opc-col.is-changing .notifications-cancel {
  display: block;
}

.account-user-data .op-icon-check, .account-user-data .is-changing dd {
  display: none;
}

.account-user-data .is-changing .editmode {
  display: block;
}

.account-user-data .is-changing .op-icon-edit {
  display: none;
}

.account-user-data .is-changing .op-icon-check {
  display: block;
}

#filter-form .opc-button, #filter-form .opc-favorite-button, #filter-form .opc-compare-button, #filter-form .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #filter-form .notifications-ok, #filter-form .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons #filter-form .notifications-cancel {
  margin-top: 24px;
}

.error-page {
  background: #eee;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.error-page .symbol {
  opacity: .2;
  -webkit-user-select: none;
  user-select: none;
  font-size: 20rem;
  display: flex;
}

.error-page .symbol span {
  display: block;
}

.error-page .symbol span:first-of-type {
  opacity: .5;
  transform: rotate(10deg);
}

.error-page .symbol span:nth-of-type(2) {
  transform: rotate(-150deg);
}

.error-page .symbol span:nth-of-type(3) {
  opacity: .4;
  transform: rotate(-191deg);
}

.error-page .lead, .error-page .opc-iconbox p, .opc-iconbox .error-page p {
  margin-bottom: 4rem;
}

.error-page .opc-button, .error-page .opc-favorite-button, .error-page .opc-compare-button, .error-page .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .error-page .notifications-ok, .error-page .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .error-page .notifications-cancel {
  margin: 0 .5rem 1rem;
}

.error-page .opc-button-wrapper {
  flex-direction: column;
}

@media only screen and (width >= 600px) {
  .error-page .opc-button-wrapper {
    flex-direction: row;
  }
}

.offline {
  background: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10rem 4rem 8rem;
  display: flex;
}

.offline .brand {
  margin-bottom: 2rem;
}

.offline svg {
  opacity: .1;
  margin-bottom: 2rem;
  font-size: 18rem;
}

.offline .lead, .offline .opc-iconbox p, .opc-iconbox .offline p {
  margin-bottom: 4rem;
}

@media only screen and (width <= 800px) {
  .page-start .carousel-thumb-slides {
    display: none !important;
  }

  .page-start .opc-carousel p {
    display: none;
  }
}

.page-start .opc-article-list {
  -webkit-overflow-scrolling: touch;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.page-start .opc-article-list[data-op-tile-col="4"] > li {
  flex-shrink: 0;
  flex-basis: 75%;
  max-width: 75%;
}

@media only screen and (width >= 640px) {
  .page-start .opc-article-list[data-op-tile-col="4"] > li {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }
}

@media only screen and (width >= 800px) {
  .page-start .opc-article-list[data-op-tile-col="4"] > li {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (width >= 1024px) {
  .page-start .opc-article-list[data-op-tile-col="4"] > li {
    flex-basis: 25%;
    max-width: 25%;
  }
}

.page-start .opc-article-list .article-list-item-description {
  display: none;
}

@media only screen and (width >= 800px) {
  .page-start .opc-article-list .article-list-item-description {
    display: block;
  }
}

.page-start .opc-category-navigation .show-all-categories {
  width: 100%;
}

@media only screen and (width >= 800px) {
  .page-start .opc-category-navigation .show-all-categories {
    display: none;
  }
}

.not-supported {
  z-index: 999999999;
  background: #fff;
  border-bottom: 1px solid #ccc;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: auto;
  padding: 2.22222rem 1.11111rem;
  display: flex;
  position: relative;
  box-shadow: 0 0 40px #ccc;
}

.not-supported .brand {
  margin-bottom: 1.11111rem;
}

.not-supported h2 {
  text-align: center;
}

.not-supported svg {
  opacity: 1;
  margin-bottom: 1.11111rem;
  font-size: 3rem;
}

.not-supported .lead, .not-supported .opc-iconbox p, .opc-iconbox .not-supported p {
  text-align: center;
  margin-bottom: 1.11111rem;
  font-size: 1rem;
}

.not-supported .browser-list {
  align-items: flex-start;
  margin-bottom: 1.11111rem;
  display: flex;
}

.not-supported .browser-list button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  width: 4.44444rem;
  height: 5rem;
  margin: 0 .277778rem;
  padding: .555556rem;
  display: block;
}

.not-supported .browser-list button:hover {
  background: #eee;
}

.not-supported .browser-list button svg {
  object-fit: contain;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.not-supported .opc-button, .not-supported .opc-favorite-button, .not-supported .opc-compare-button, .not-supported .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-ok, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .not-supported .notifications-ok, .not-supported .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .notifications-cancel, .opc-notifications .notifications-dialog .notifications-footer .notifications-buttons .not-supported .notifications-cancel {
  white-space: normal;
  height: auto;
  padding-top: .555556rem;
  padding-bottom: .555556rem;
}

* {
  box-sizing: border-box;
}

#mfPreviewBar {
  display: none;
}

.ele_header_wrapper {
  width: 100%;
  height: 100px;
  margin-left: 1 rem;
  background-color: #fff;
  flex-wrap: nowrap;
  display: flex;
}

.ele_header_wrapper .ele_header_navigation, .ele_header_wrapper .ele_header_search {
  order: 1;
  width: 33%;
}

.ele_header_wrapper .ele_header_metanav {
  text-align: right;
  order: 1;
  width: 33%;
}

.wait {
  background: center no-repeat;
  min-height: 20px;
}

.wait > * {
  opacity: .3;
}

.opc-notifications .ajs-dimmer {
  z-index: 1981;
  opacity: .5;
  background-color: #252525;
  margin: 0;
  padding: 0;
  position: fixed;
  inset: 0;
}

.opc-notifications .ajs-modal {
  z-index: 1981;
  padding: 0;
  position: fixed;
  inset: 25%;
  overflow-y: auto;
}

.opc-notifications .ajs-dialog {
  background-color: #fff;
  outline: 0;
  max-width: 500px;
  min-height: 110px;
  margin: 5% auto;
  padding: 24px 24px 0;
  position: relative;
}

.opc-notifications .ajs-dialog.ajs-capture:before {
  content: "";
  z-index: 1;
  display: block;
  position: absolute;
  inset: 0;
}

.opc-notifications .ajs-reset {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  display: inline !important;
  position: absolute !important;
}

.opc-notifications .ajs-commands {
  z-index: 2;
  margin: -14px 24px 0 0;
  position: absolute;
  right: 4px;
}

.opc-notifications .ajs-commands button {
  cursor: pointer;
  background-color: #0000;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 10px;
  display: none;
}

.opc-notifications .ajs-commands button.ajs-close {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000%22%3E%3Cpath%20style%3D%22%20%22%20d%3D%22M%207.21875%205.78125%20L%205.78125%207.21875%20L%2014.5625%2016%20L%205.78125%2024.78125%20L%207.21875%2026.21875%20L%2016%2017.4375%20L%2024.78125%2026.21875%20L%2026.21875%2024.78125%20L%2017.4375%2016%20L%2026.21875%207.21875%20L%2024.78125%205.78125%20L%2016%2014.5625%20Z%20%22%2F%3E%3C%2Fsvg%3E");
}

.opc-notifications .ajs-commands button.ajs-maximize {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC");
}

.opc-notifications .ajs-header {
  background-color: #fff;
  margin: -24px -24px 0;
  padding: 16px 24px;
}

.opc-notifications .ajs-body {
  min-height: 56px;
}

.opc-notifications .ajs-body .ajs-content {
  padding: 16px 24px 16px 16px;
}

.opc-notifications .ajs-footer {
  background-color: #fff;
  min-height: 43px;
  margin-left: -24px;
  margin-right: -24px;
  padding: 4px;
}

.opc-notifications .ajs-footer .ajs-buttons.ajs-primary {
  text-align: right;
}

.opc-notifications .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  margin: 4px;
}

.opc-notifications .ajs-footer .ajs-buttons.ajs-auxiliary {
  float: left;
  clear: none;
  text-align: left;
}

.opc-notifications .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
  margin: 4px;
}

.opc-notifications .ajs-footer .ajs-buttons .ajs-button {
  min-width: 88px;
  min-height: 35px;
}

.opc-notifications .ajs-handle {
  z-index: 1;
  cursor: se-resize;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==");
  width: 10px;
  height: 10px;
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scaleX(1);
}

.opc-notifications.ajs-no-overflow .ajs-body .ajs-content {
  overflow: hidden !important;
}

.opc-notifications.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
  padding: 0;
  left: 0;
  right: 0;
}

.opc-notifications.ajs-no-padding:not(.ajs-maximized) .ajs-body {
  margin-left: -24px;
  margin-right: -24px;
}

.opc-notifications.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
  padding: 0;
}

.opc-notifications.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
  left: 0;
  right: 0;
}

.opc-notifications.ajs-maximizable .ajs-commands button.ajs-maximize, .opc-notifications.ajs-maximizable .ajs-commands button.ajs-restore, .opc-notifications.ajs-closable .ajs-commands button.ajs-close {
  display: inline-block;
}

.opc-notifications.ajs-maximized .ajs-dialog {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important;
}

.opc-notifications.ajs-maximized.ajs-modeless .ajs-modal {
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  position: fixed !important;
}

.opc-notifications.ajs-maximized .ajs-commands button.ajs-maximize {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=");
}

.opc-notifications.ajs-resizable .ajs-dialog, .opc-notifications.ajs-maximized .ajs-dialog {
  padding: 0;
}

.opc-notifications.ajs-resizable .ajs-commands, .opc-notifications.ajs-maximized .ajs-commands {
  margin: 14px 24px 0 0;
}

.opc-notifications.ajs-resizable .ajs-header, .opc-notifications.ajs-maximized .ajs-header {
  margin: 0;
  padding: 16px 24px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.opc-notifications.ajs-resizable .ajs-body, .opc-notifications.ajs-maximized .ajs-body {
  min-height: 224px;
  display: inline-block;
}

.opc-notifications.ajs-resizable .ajs-body .ajs-content, .opc-notifications.ajs-maximized .ajs-body .ajs-content {
  position: absolute;
  inset: 50px 24px 24px;
  overflow: auto;
}

.opc-notifications.ajs-resizable .ajs-footer, .opc-notifications.ajs-maximized .ajs-footer {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.opc-notifications.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
  min-width: 548px;
}

.opc-notifications.ajs-resizable:not(.ajs-maximized) .ajs-handle {
  display: block;
}

.opc-notifications.ajs-movable:not(.ajs-maximized) .ajs-header {
  cursor: move;
}

.opc-notifications.ajs-modeless .ajs-dimmer, .opc-notifications.ajs-modeless .ajs-reset {
  display: none;
}

.opc-notifications.ajs-modeless .ajs-modal {
  max-width: none;
  max-height: 0;
  overflow: visible;
}

.opc-notifications.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC");
  display: inline-block;
}

.opc-notifications.ajs-modeless.ajs-unpinned .ajs-modal {
  position: absolute;
}

.opc-notifications.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=");
}

.opc-notifications.ajs-modeless:not(.ajs-unpinned) .ajs-body {
  max-height: 500px;
  overflow: auto;
}

.opc-notifications.ajs-basic .ajs-header {
  opacity: 0;
}

.opc-notifications.ajs-basic .ajs-footer {
  visibility: hidden;
}

.opc-notifications.ajs-frameless .ajs-header {
  opacity: 0;
  z-index: 1;
  min-height: 60px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.opc-notifications.ajs-frameless .ajs-footer {
  display: none;
}

.opc-notifications.ajs-frameless .ajs-body .ajs-content {
  position: absolute;
  inset: 0;
}

.opc-notifications.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
  padding-top: 0;
}

.opc-notifications.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
  margin-top: 0;
}

.ajs-no-overflow {
  outline: none;
  overflow: hidden !important;
}

.ajs-no-overflow.ajs-fixed {
  position: fixed;
  inset: 0;
  overflow-y: scroll !important;
}

.ajs-no-selection, .ajs-no-selection * {
  -webkit-user-select: none;
  user-select: none;
}

@media screen and (width <= 568px) {
  .opc-notifications .ajs-dialog {
    min-width: 150px;
  }

  .opc-notifications:not(.ajs-maximized) .ajs-modal {
    padding: 0 5%;
  }

  .opc-notifications:not(.ajs-maximized).ajs-resizable .ajs-dialog {
    min-width: initial;
    min-width: auto;
  }
}

@-moz-document url-prefix() {
  .opc-notifications button:focus {
    outline: 1px dotted #3593d2;
  }
}

.opc-notifications .ajs-dimmer, .opc-notifications .ajs-modal {
  transition-property: opacity, visibility;
  transition-duration: .25s;
  transition-timing-function: linear;
  transform: translate3d(0, 0, 0);
}

.opc-notifications.ajs-hidden .ajs-dimmer, .opc-notifications.ajs-hidden .ajs-modal {
  visibility: hidden;
  opacity: 0;
}

.opc-notifications.ajs-in:not(.ajs-hidden) .ajs-dialog {
  animation-duration: .5s;
}

.opc-notifications.ajs-out.ajs-hidden .ajs-dialog {
  animation-duration: .25s;
}

.opc-notifications .ajs-dialog.ajs-shake {
  animation-name: ajs-shake;
  animation-duration: .1s;
  animation-fill-mode: both;
}

@keyframes ajs-shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.opc-notifications.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
  animation-name: ajs-slideIn;
  animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.opc-notifications.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
  animation-name: ajs-slideOut;
  animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
}

.opc-notifications.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
  animation-name: ajs-zoomIn;
}

.opc-notifications.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
  animation-name: ajs-zoomOut;
}

.opc-notifications.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
  animation-name: ajs-fadeIn;
}

.opc-notifications.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
  animation-name: ajs-fadeOut;
}

.opc-notifications.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
  animation-name: ajs-pulseIn;
}

.opc-notifications.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
  animation-name: ajs-pulseOut;
}

.opc-notifications.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
  animation-name: ajs-flipInX;
}

.opc-notifications.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
  animation-name: ajs-flipOutX;
}

.opc-notifications.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
  animation-name: ajs-flipInY;
}

.opc-notifications.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
  animation-name: ajs-flipOutY;
}

@keyframes ajs-pulseIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes ajs-pulseOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.25, .25, .25);
  }

  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  100% {
    opacity: 0;
    transform: scale3d(.25, .25, .25);
  }
}

@keyframes ajs-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ajs-fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ajs-flipInX {
  0% {
    opacity: 0;
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  }

  40% {
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }

  60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

@keyframes ajs-flipOutX {
  0% {
    transform: perspective(400px);
  }

  30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }

  100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  }
}

@keyframes ajs-flipInY {
  0% {
    opacity: 0;
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  }

  40% {
    transition-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  }

  60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

@keyframes ajs-flipOutY {
  0% {
    transform: perspective(400px);
  }

  30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
  }

  100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  }
}

@keyframes ajs-slideIn {
  0% {
    margin-top: -100%;
  }

  100% {
    margin-top: 5%;
  }
}

@keyframes ajs-slideOut {
  0% {
    margin-top: 5%;
  }

  100% {
    margin-top: -100%;
  }
}

.opc-notifications-notifier {
  z-index: 1982;
  width: 0;
  position: fixed;
  overflow: visible;
  transform: translate3d(0, 0, 0);
}

.opc-notifications-notifier .ajs-message {
  opacity: 0;
  width: 260px;
  max-height: 0;
  margin: 0;
  padding: 0;
  transition-duration: .25s;
  transition-timing-function: linear;
  position: relative;
  transform: translate3d(0, 0, 0);
}

.opc-notifications-notifier .ajs-message.ajs-visible {
  opacity: 1;
  max-height: 100%;
  margin-top: 10px;
  padding: 15px;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.opc-notifications-notifier .ajs-message.ajs-success {
  background: #5bbd72f2;
}

.opc-notifications-notifier .ajs-message.ajs-error {
  background: #d95c5cf2;
}

.opc-notifications-notifier .ajs-message.ajs-warning {
  background: #fcf8d7f2;
}

.opc-notifications-notifier .ajs-message .ajs-close {
  cursor: pointer;
  background-color: #00000080;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC");
  background-position: center;
  background-repeat: no-repeat;
  border-top-right-radius: 2px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  right: 0;
}

.opc-notifications-notifier.ajs-top {
  top: 10px;
}

.opc-notifications-notifier.ajs-bottom {
  bottom: 10px;
}

.opc-notifications-notifier.ajs-right {
  right: 10px;
}

.opc-notifications-notifier.ajs-right .ajs-message {
  right: -320px;
}

.opc-notifications-notifier.ajs-right .ajs-message.ajs-visible {
  right: 290px;
}

.opc-notifications-notifier.ajs-left {
  left: 10px;
}

.opc-notifications-notifier.ajs-left .ajs-message {
  left: -300px;
}

.opc-notifications-notifier.ajs-left .ajs-message.ajs-visible {
  left: 0;
}

.opc-notifications-notifier.ajs-center {
  left: 50%;
}

.opc-notifications-notifier.ajs-center .ajs-message {
  transform: translateX(-50%);
}

.opc-notifications-notifier.ajs-center .ajs-message.ajs-visible {
  transition-timing-function: cubic-bezier(.57, .43, .1, .65);
  left: 50%;
}

.opc-notifications-notifier.ajs-center.ajs-top .ajs-message {
  top: -300px;
}

.opc-notifications-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
  top: 0;
}

.opc-notifications-notifier.ajs-center.ajs-bottom .ajs-message {
  bottom: -300px;
}

.opc-notifications-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
  bottom: 0;
}

[class^="opc-rangeslider"] {
  --was-black-rgb: var(--tk-black-rgb, 0, 0, 0);
  --was-grey93: var(--tk-grey93, #eee);
  --was-bor-transp: var(--bor-transp, 1px solid var(--clr-transparent, transparent));
  --was-clr-primary: var(--clr-primary, #fc8200);
  --was-rad-002: var(--rad-002, 4px);
  --was-bor85: var(--tk-bor85, 1px solid var(--tk-grey85, #d3d5da));
  --was-clr-white: var(--clr-white, #fff);
  --was-grey73: var(--tk-grey73, #bbb);
  --was-grey87: var(--tk-grey87, #ddd);
  --was-grey80: var(--tk-grey80, #ccc);
  --was-typ-size10: var(--tk-typ-size10, 1rem);
  --was-grey67: var(--tk-grey67, #aaa);
  --was-typ-bold: var(--tk-typ-bold, 600);
}

.opc-rangeslider-target, .opc-rangeslider-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(var(--was-black-rgb), 0);
  -webkit-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  box-sizing: border-box;
}

.opc-rangeslider-target {
  position: relative;
}

.opc-rangeslider-base, .opc-rangeslider-connects {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.opc-rangeslider-connects {
  z-index: 0;
  overflow: hidden;
}

.opc-rangeslider-connect, .opc-rangeslider-origin {
  will-change: transform;
  z-index: 1;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: flat;
  position: absolute;
  top: 0;
  right: 0;
}

.opc-rangeslider-txt-dir-rtl.opc-rangeslider-horizontal .opc-rangeslider-origin {
  left: 0;
  right: auto;
}

.opc-rangeslider-vertical .opc-rangeslider-origin {
  width: 0;
  top: -100%;
}

.opc-rangeslider-horizontal .opc-rangeslider-origin {
  height: 0;
}

.opc-rangeslider-handle {
  backface-visibility: hidden;
  position: absolute;
}

.opc-rangeslider-touch-area {
  width: 100%;
  height: 100%;
}

.opc-rangeslider-state-tap .opc-rangeslider-connect, .opc-rangeslider-state-tap .opc-rangeslider-origin {
  transition: transform .3s;
}

.opc-rangeslider-state-drag * {
  cursor: inherit !important;
}

.opc-rangeslider-horizontal {
  height: 10px;
}

.opc-rangeslider-horizontal .opc-rangeslider-handle {
  width: 20px;
  height: 20px;
  top: -6px;
  right: -10px;
}

.opc-rangeslider-vertical {
  width: 18px;
}

.opc-rangeslider-vertical .opc-rangeslider-handle {
  width: 20px;
  height: 20px;
  bottom: -10px;
  right: -6px;
}

.opc-rangeslider-txt-dir-rtl.opc-rangeslider-horizontal .opc-rangeslider-handle {
  left: -10px;
  right: auto;
}

.opc-rangeslider-target {
  background: var(--was-grey93);
  border: var(--was-bor-transp);
  border-radius: 50px;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.opc-rangeslider-connects {
  border-radius: 3px;
}

.opc-rangeslider-connect {
  background: var(--was-clr-primary);
  border-radius: var(--was-rad-002);
  transition: background .45s;
}

.opc-rangeslider-draggable {
  cursor: ew-resize;
}

.opc-rangeslider-vertical .opc-rangeslider-draggable {
  cursor: ns-resize;
}

.opc-rangeslider-handle {
  border: var(--was-tk-bor85);
  background: var(--was-clr-white);
  cursor: default;
  box-shadow: inset 0 0 1px var(--was-clr-white), inset 0 1px 7px #ebebeb, 0 3px 6px -3px var(--was-grey73);
  border-radius: 3px;
}

.opc-rangeslider-active {
  box-shadow: inset 0 0 1px var(--was-clr-white), inset 0 1px 7px var(--was-grey87), 0 3px 6px -3px var(--was-grey73);
}

.opc-rangeslider-handle:before, .opc-rangeslider-handle:after {
  content: "";
  background: var(--was-grey93);
  width: 1px;
  height: 14px;
  display: block;
  position: absolute;
  top: 6px;
  left: 14px;
}

.opc-rangeslider-handle:after {
  left: 17px;
}

.opc-rangeslider-vertical .opc-rangeslider-handle:before, .opc-rangeslider-vertical .opc-rangeslider-handle:after {
  width: 14px;
  height: 1px;
  top: 14px;
  left: 6px;
}

.opc-rangeslider-vertical .opc-rangeslider-handle:after {
  top: 17px;
}

[disabled] .opc-rangeslider-connect {
  background: var(--was-grey73);
}

[disabled].opc-rangeslider-target, [disabled].opc-rangeslider-handle, [disabled] .opc-rangeslider-handle {
  cursor: not-allowed;
}

.opc-rangeslider-pips, .opc-rangeslider-pips * {
  box-sizing: border-box;
}

.opc-rangeslider-pips {
  color: var(--was-grey80);
  position: absolute;
}

.opc-rangeslider-value {
  white-space: nowrap;
  text-align: center;
  position: absolute;
}

.opc-rangeslider-value-sub {
  color: var(--was-grey80);
  font-size: var(--was-typ-size10);
}

.opc-rangeslider-marker {
  background: var(--was-grey80);
  position: absolute;
}

.opc-rangeslider-marker-sub, .opc-rangeslider-marker-large {
  background: var(--was-grey67);
}

.opc-rangeslider-pips-horizontal {
  width: 100%;
  height: 80px;
  padding: 10px 0;
  top: 100%;
  left: 0;
}

.opc-rangeslider-value-horizontal {
  transform: translate(-50%, 50%);
}

.opc-rangeslider-rtl .opc-rangeslider-value-horizontal {
  transform: translate(50%, 50%);
}

.opc-rangeslider-marker-horizontal.opc-rangeslider-marker {
  width: 2px;
  height: 5px;
  margin-left: -1px;
}

.opc-rangeslider-marker-horizontal.opc-rangeslider-marker-sub {
  height: 10px;
}

.opc-rangeslider-marker-horizontal.opc-rangeslider-marker-large {
  height: 15px;
}

.opc-rangeslider-pips-vertical {
  height: 100%;
  padding: 0 10px;
  top: 0;
  left: 100%;
}

.opc-rangeslider-value-vertical {
  padding-left: 25px;
  transform: translate(0, -50%);
}

.opc-rangeslider-rtl .opc-rangeslider-value-vertical {
  transform: translate(0, 50%);
}

.opc-rangeslider-marker-vertical.opc-rangeslider-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.opc-rangeslider-marker-vertical.opc-rangeslider-marker-sub {
  width: 10px;
}

.opc-rangeslider-marker-vertical.opc-rangeslider-marker-large {
  width: 15px;
}

.opc-rangeslider-tooltip {
  background: var(--was-clr-white);
  color: var(--was-clr-black);
  text-align: center;
  white-space: nowrap;
  font-weight: var(--was-typ-bold);
  border: none;
  border-radius: 3px;
  padding: 5px;
  display: block;
  position: absolute;
}

.opc-rangeslider-horizontal .opc-rangeslider-tooltip {
  bottom: 120%;
  left: 50%;
  transform: translate(-50%);
}

.opc-rangeslider-horizontal .opc-rangeslider-handle-upper .opc-rangeslider-tooltip {
  left: auto;
  right: 0;
  transform: none;
}

.opc-rangeslider-horizontal .opc-rangeslider-handle-lower .opc-rangeslider-tooltip {
  left: 0;
  right: auto;
  transform: none;
}

.opc-rangeslider-vertical .opc-rangeslider-tooltip {
  top: 50%;
  right: 120%;
  transform: translate(0, -50%);
}

.opc-rangeslider-horizontal .opc-rangeslider-origin > .opc-rangeslider-tooltip {
  bottom: 10px;
  left: auto;
  transform: translate(50%);
}

.opc-rangeslider-vertical .opc-rangeslider-origin > .opc-rangeslider-tooltip {
  top: auto;
  right: 28px;
  transform: translate(0, -18px);
}

@font-face {
  font-family: fontello;
  src: url("fontello.8434b858.eot");
  src: url("fontello.8434b858.eot#iefix") format("embedded-opentype"), url("fontello.36f7f756.woff2") format("woff2"), url("fontello.a76fa212.woff") format("woff"), url("fontello.a1ac9afb.ttf") format("truetype"), url("fontello.aa695b0d.svg#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="cb-icon-"]:before, [class*=" cb-icon-"]:before {
  speak: none;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1em;
  margin-left: .2em;
  margin-right: .2em;
  font-family: fontello;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  display: inline-block;
}

.cb-icon-home:before {
  content: "";
}

.cb-icon-zoom-in:before {
  content: "";
}

.cb-icon-zoom-out:before {
  content: "";
}

.cb-icon-quote:before {
  content: "";
}

.cb-icon-fontsize:before {
  content: "";
}

.cb-icon-italic:before {
  content: "";
}

.cb-icon-indent-left:before {
  content: "";
}

.cb-icon-indent-right:before {
  content: "";
}

.cb-icon-unlink:before {
  content: "";
}

.cb-icon-link:before {
  content: "";
}

.cb-icon-align-left:before {
  content: "";
}

.cb-icon-align-center:before {
  content: "";
}

.cb-icon-align-right:before {
  content: "";
}

.cb-icon-align-justify:before {
  content: "";
}

.cb-icon-list-numbered:before {
  content: "";
}

.cb-icon-list-bullet:before {
  content: "";
}

.cb-icon-camera:before {
  content: "";
}

.cb-icon-move:before {
  content: "";
}

.cb-icon-eraser:before {
  content: "";
}

.cb-icon-pencil:before {
  content: "";
}

.cb-icon-underline:before {
  content: "";
}

.cb-icon-bold:before {
  content: "";
}

.cb-icon-strike:before {
  content: "";
}

.cb-icon-code:before {
  content: "";
}

.cb-icon-plus:before {
  content: "";
}

.cb-icon-spin:before {
  content: "";
}

.cb-icon-docs:before {
  content: "";
}

.cb-icon-cancel:before {
  content: "";
}

.cb-icon-color:before {
  content: "";
}

.cb-icon-tint:before {
  content: "";
}

.cb-icon-header:before {
  content: "";
}

.cb-icon-font:before {
  content: "";
}

.cb-icon-picture:before {
  content: "";
}

.cb-icon-superscript:before {
  content: "";
}

.cb-icon-subscript:before {
  content: "";
}

.cb-icon-dot:before {
  content: "";
}

.cb-icon-trash:before {
  content: "";
}

.cb-icon-ok:before {
  content: "";
}

.cb-icon-download:before {
  content: "";
}

.cb-icon-doc:before {
  content: "";
}

.cb-icon-cog:before {
  content: "";
}

.cb-icon-off:before {
  content: "";
}

.cb-icon-minus:before {
  content: "";
}

.cb-icon-back:before {
  content: "";
}

.cb-icon-left-open-big:before {
  content: "";
}

.cb-icon-right-open-big:before {
  content: "";
}

.cb-icon-video:before {
  content: "";
}

.cb-icon-wrench:before {
  content: "";
}

.cb-icon-file-code:before {
  content: "";
}

.cb-icon-table:before {
  content: "";
}

.cb-icon-ticket:before {
  content: "";
}

.cb-icon-smile:before {
  content: "";
}

.cb-icon-cubes:before {
  content: "";
}

.cb-icon-brush:before {
  content: "";
}

.cb-icon-font-family:before {
  content: "";
}

.cb-icon-uppercase:before {
  content: "";
}

.cb-icon-sliders:before {
  content: "";
}

.animate-spin {
  animation: 2s linear infinite spin;
  display: inline-block;
}

.empty {
  border: 1px dashed #00000040;
}

.drop-zone.empty {
  background: #efefef;
}

.block-placeholder {
  background: #e1e1e1;
  height: 15px;
}

.ui-draggable {
  position: relative;
}

.ui-dragbox {
  z-index: 1;
  box-shadow: inset 11px 0 0 -6px #e0e0e0;
}

.ui-dragbox-outlined > div:first-child {
  z-index: 1;
  outline: 1px solid #e49c5a80;
}

.ui-dragbox-outlined.firefox > div:first-child {
  z-index: 1;
  outline: 1px dotted #71360080;
}

.ui-dragbox-outlined.code > div:first-child {
  outline: 1px solid #ababab80;
}

.ui-dragbox-outlined.code.firefox > div:first-child {
  outline: 1px dotted #ababab80;
}

.dynamic {
  background: none !important;
  border: 5px solid #e1e1e1e6 !important;
  width: 150px !important;
  height: 60px !important;
}

#infoSource {
  box-sizing: border-box;
  letter-spacing: 1px;
  background: #f1f1f1;
  padding: 10px 20px;
  font-family: sans-serif;
  font-size: 14px;
}

.row-tool {
  z-index: 20;
  color: #c8c8c8cc;
  border-radius: 4px;
  width: 30px;
  font-size: 15px;
  display: none;
  position: absolute;
  top: 0;
  left: -37px;
  overflow: hidden;
}

.row-handle {
  cursor: move;
  color: #fff;
  text-align: center;
  background: #afce01;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.row-html {
  cursor: pointer;
  color: #fff;
  text-align: center;
  background: #00acd6;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.row-html.row-module {
  background: #ff9800;
}

.row-copy {
  cursor: pointer;
  color: #fff;
  text-align: center;
  background: #4d4d4d;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.row-remove {
  cursor: pointer;
  color: #fff;
  text-align: center;
  background: #f7632e;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
}

.row-handle *, .row-html *, .row-copy *, .row-remove * {
  color: #fff !important;
}

#divTool {
  z-index: 10001;
  box-sizing: border-box;
  color: #111;
  background-color: #d5d5d5e6;
  width: 270px;
  height: 100%;
  padding: 13px;
  position: fixed;
  top: 0;
  right: -300px;
}

#lnkToolOpen {
  color: #252525;
  text-align: center;
  box-sizing: border-box;
  background: #d5d5d5e6;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 30px;
  margin: 0;
  padding: 10px 3px;
  font-family: sans-serif;
  font-size: 1.2em;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  top: 100px;
  left: -30px;
}

#lnkToolOpen.leftside {
  border-left: none;
  border-radius: 0 5px 5px 0;
  left: auto;
  right: -30px;
}

#divSnippetList {
  box-sizing: border-box;
  border-bottom: 15px solid #0000;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 5px;
  overflow: hidden auto;
}

#divSnippetList div {
  cursor: move;
  float: left;
  background: #acacac;
  margin: 0 10px 12px 0;
  padding: 0;
}

#divSnippetList div:hover img {
  opacity: .5;
  transition: all .2s ease-in-out;
}

#divSnippetList div img {
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 7px #0003;
  width: 100%;
  max-width: 194px;
  margin: 0;
  display: block;
  -moz-box-shadow: 0 0 5px #0003;
  box-shadow: 0 0 5px #0003;
}

#divSnippetList::-webkit-scrollbar {
  width: 12px;
}

#divSnippetList::-webkit-scrollbar-track {
  background: #ffffff7d;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #0000004d;
}

#divSnippetList::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #00000080;
}

.dot {
  background-color: #ff6700;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin: 25px 2px 0;
  -webkit-animation: 1.5s linear infinite jump;
  display: inline-block;
}

@-webkit-keyframes jump {
  0%, 100% {
    transform: translateY(0);
  }

  20% {
    transform: translateY(-10px);
  }

  40% {
    transform: translateY(0);
  }
}

.dot:nth-of-type(2) {
  -webkit-animation-delay: .2s;
}

.dot:nth-of-type(3) {
  -webkit-animation-delay: .4s;
}

:focus {
  outline: none;
}

.row > * {
  min-height: 30px;
}

#rte-toolbar {
  text-align: center;
  opacity: 1;
  z-index: 1001;
  webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  box-sizing: border-box;
  background: #fcfcfc;
  border: 1px solid #ababab;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  display: none;
  position: fixed;
  top: 20px;
  left: calc(50% - 362px);
}

#rte-toolbar .rte-draggable {
  cursor: move;
  box-sizing: border-box;
  float: left;
  background-color: #fffffff2;
  border-radius: 4px 0 0 4px;
  width: 6px;
  height: 43px;
  margin-left: 1px;
  display: inline-block;
}

#rte-toolbar.rte-side .rte-draggable {
  background-color: #fffffff2;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 47px;
  height: 8px;
}

#rte-toolbar .rte-draggable i {
  display: none;
}

#rte-toolbar.rte-side {
  width: 50px;
  top: calc(50% - 300px);
  left: 20px;
}

#rte-toolbar.rte-side.right {
  left: auto;
  right: 10px;
}

#rte-toolbar.rte-side > .rte-draggable > i {
  color: #333;
  margin: 0;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  top: 2px;
  left: 15px;
}

#rte-toolbar .rte-draggable {
  border-radius: 4px 0 0 4px;
}

#rte-toolbar.rte-side .rte-draggable {
  border-radius: 4px 4px 0 0;
}

#rte-toolbar button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#rte-toolbar.rte-side button:last-child {
  border-radius: 0 0 4px 4px;
}

#rte-toolbar button {
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  background-color: #fffffff2;
  border: none;
  border-radius: 0;
  width: 48px;
  margin: 0;
  padding: 12px;
  font-size: 12px;
  line-height: 1.6;
  text-decoration: none;
  transition: all .1s ease-in-out;
  display: inline-block;
}

#rte-toolbar.rte-side button {
  padding: 10px 12px;
}

#rte-toolbar button:hover {
  background-color: #eee;
}

.rte-pop {
  z-index: 1000;
  background: #fff;
  border: 1px solid #b5b5b5;
  border-radius: 5px;
  display: none;
  position: fixed;
}

.rte-pop:after, .rte-pop:before {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 20px;
  right: 100%;
}

.rte-pop:after {
  border-width: 7px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -7px;
}

.rte-pop:before {
  border-width: 8px;
  border-color: #0000 #8a8a8a #0000 #0000;
  margin-top: -8px;
}

.rte-pop.arrow-right:after, .rte-pop.arrow-right:before {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 20px;
  left: 100%;
}

.rte-pop.arrow-right:after {
  border-width: 7px;
  border-color: #fff0 #fff0 #fff0 #fff;
  margin-top: -7px;
}

.rte-pop.arrow-right:before {
  border-width: 8px;
  border-color: #0000 #0000 #0000 #8a8a8a;
  margin-top: -8px;
}

.rte-pop.arrow-top:after, .rte-pop.arrow-top:before {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: auto;
  bottom: 100%;
  left: 20px;
}

.rte-pop.arrow-top:after {
  border-width: 7px;
  border-color: #fff0 #fff0 #fff;
  margin-left: -7px;
}

.rte-pop.arrow-top:before {
  border-width: 8px;
  border-color: #0000 #0000 #8a8a8a;
  margin-left: -8px;
}

.rte-pop button {
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  background-color: #fffffff2;
  border: none;
  border-radius: 0;
  width: 48px;
  margin: 0;
  padding: 12px;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: inline-block;
}

.rte-pop.rte-side button {
  padding: 10px 12px;
  line-height: 1.6;
}

.rte-pop button:hover {
  background-color: #eee;
}

#pop-align {
  width: 192px;
  height: 44px;
  top: 73px;
}

#pop-align.rte-side {
  width: 48px;
  height: auto;
}

#pop-list {
  width: 192px;
  height: 44px;
  top: 73px;
}

#pop-list.rte-side {
  width: 48px;
  height: auto;
}

#pop-formatting {
  width: 240px;
  height: 44px;
  top: 73px;
}

#pop-formatting.rte-side {
  width: 48px;
  height: auto;
}

#pop-textsettings, #pop-fontfamily, #pop-headings, #pop-colors, #pop-table {
  text-align: left;
  box-sizing: border-box;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: .95;
  border-radius: 5px;
  width: 180px;
  height: 190px;
  padding: 0 15px;
  font-family: sans-serif;
  font-size: 11px;
  line-height: 2.7;
}

#pop-textsettings {
  width: 180px;
  height: 213px;
}

#pop-textsettings span {
  text-transform: none;
  font-size: 12px;
}

#pop-textsettings > div {
  margin: 12px 0;
}

#pop-fontfamily, #pop-headings {
  width: 180px;
  height: 213px;
  padding: 0;
}

#pop-colors {
  width: 263px;
  height: 270px;
  padding: 0;
}

.cust_colors {
  white-space: nowrap;
  border-bottom: 1px solid #a5a5a580;
  border-left: 1px solid #a5a5a580;
  border-right: 1px solid #a5a5a580;
  border-radius: 4px;
  margin-top: 5px;
  display: inline-block;
  overflow: hidden;
}

#btnResetTextSettings {
  cursor: pointer;
  margin-left: -4px;
}

#pop-table {
  width: 211px;
  height: 196px;
  padding: 0;
}

#ifrHeadings, #ifrFonts {
  border: none;
  border-radius: 5px;
  width: 100%;
  height: 211px;
}

#pop-align button:first-child, #pop-list button:first-child, #pop-formatting button:first-child {
  border-radius: 5px 0 0 5px;
}

#pop-align button:last-child, #pop-list button:last-child, #pop-formatting button:last-child {
  border-radius: 0 5px 5px 0;
}

#pop-align.rte-side button:first-child, #pop-list.rte-side button:first-child, #pop-formatting.rte-side button:first-child {
  border-radius: 5px 5px 0 0;
}

#pop-align.rte-side button:last-child, #pop-list.rte-side button:last-child, #pop-formatting.rte-side button:last-child {
  border-radius: 0 0 5px 5px;
}

#divRteLink {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  z-index: 1000;
  opacity: .9;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #1aa3ff;
  border: 0 solid #b7def3;
  border-radius: 3px;
  height: 33px;
  padding: 0 10px;
  font-family: sans-serif;
  font-size: 11px;
  line-height: 35px;
  display: none;
  position: absolute;
}

#divRteLink.forceshow {
  display: block !important;
}

#divFrameLink {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  z-index: 1000;
  opacity: .9;
  cursor: pointer;
  color: #fff;
  background: #1aa3ff;
  border: 0 solid #b7def3;
  border-radius: 3px;
  width: 67px;
  height: 22px;
  font-family: sans-serif;
  font-size: 11px;
  line-height: 22px;
  display: none;
  position: absolute;
}

#divRteTable {
  z-index: 1000;
  width: 60px;
  height: 30px;
  padding: 0;
  display: none;
  position: absolute;
}

#divRteTable #btnEditTable {
  float: left;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  background: #f7a82e;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 30px;
  height: 100%;
  margin: 0;
  font-size: 13px;
}

#divRteTable #btnDeleteTable {
  float: left;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  background: #f7632e;
  border: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 30px;
  height: 100%;
  margin: 0;
  padding: 0 2px 0 0;
  font-size: 14px;
}

#divRteHtml {
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
  text-align: right;
  z-index: 1;
  width: 100px;
  height: 35px;
  display: none;
  position: absolute;
}

#divRteHtml #lnkRteHtml {
  opacity: .9;
  cursor: pointer;
  color: #fff;
  text-align: center;
  background: #000;
  border: 0 solid #fff;
  border-radius: 3px;
  width: 27px;
  height: 27px;
  margin: 2px;
  font-size: 12px;
  line-height: 27px;
  display: inline-block;
}

@media (width <= 600px) {
  #rte-toolbar {
    display: none !important;
  }
}

div.fileinputs {
  position: relative;
}

div.fakefile {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

div.fakefile img {
  border-radius: 50px;
  width: 50px;
  height: 50px;
}

#img-file {
  text-align: right;
  -moz-opacity: 0;
  width: 50px;
  height: 50px;
  filter: alpha(opacity:0);
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  position: relative;
}

#divUploadImg {
  white-space: nowrap;
  z-index: 15;
  text-align: center;
  vertical-align: middle;
  opacity: .95;
  cursor: pointer;
  background: #2a2a2a;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  display: none;
  position: absolute;
}

#divUploadImg i {
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 50px;
  display: inline-block;
}

input.my-file {
  text-align: right;
  -moz-opacity: 0;
  width: 30px;
  height: 30px;
  filter: alpha(opacity:0);
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  position: relative;
}

#divToolImg {
  white-space: nowrap;
  z-index: 10000;
  text-align: center;
  vertical-align: middle;
  opacity: .8;
  cursor: pointer;
  background: #00a3cce6;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  display: none;
  position: absolute;
}

#divToolImg #lnkEditImage {
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  display: inline-block;
}

#divToolImgSettings {
  white-space: nowrap;
  z-index: 10000;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  height: 35px;
  display: none;
  position: absolute;
}

#divToolImgSettings #lnkImageSettings {
  opacity: .8;
  cursor: pointer;
  color: #fff;
  text-align: center;
  background: #e95400e6;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
}

#divToolImgLoader {
  white-space: nowrap;
  z-index: 10000;
  text-align: center;
  vertical-align: middle;
  opacity: .8;
  cursor: pointer;
  background: #fff0;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  margin-top: -15px;
  margin-left: -15px;
  display: none;
  position: absolute;
}

#divToolImgLoader #lnkImageLoader {
  color: #00a3cc;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  display: inline-block;
}

#img-control button, #btnChangeImage, #btnImageMoreOk {
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  color: #333;
  background-image: none;
  border: 1px solid #0000;
  border-radius: 3px;
  margin-bottom: 0;
  margin-right: 2px;
  padding: 5px;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

#btnChangeImage, #btnImageMoreOk {
  background-color: #00a3cccc;
  padding-right: 4px;
  color: #fff !important;
}

#btnImageMoreOk {
  width: 120px;
  height: 35px;
  margin-top: 10px;
}

#divImageMore {
  background: #fff;
  border-radius: 3px;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 2px #3e3e3e4d;
}

#divImageMore label {
  display: inline;
}

.rangeslider, .rangeslider__fill {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #e6e6e6;
  border-radius: 10px;
  width: 100%;
  height: 10px;
  display: block;
  box-shadow: 0 2px 2px #ffffff40, inset 0 1px 3px #0000004d;
}

.rangeslider {
  position: relative;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: .4;
}

.rangeslider__fill {
  background: #ccc;
  position: absolute;
  top: 0;
}

.rangeslider__handle {
  cursor: pointer;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: -5px;
  box-shadow: 0 0 8px #0000001a;
}

.rangeslider__handle:after {
  content: "";
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0;
}

#divCb input[type="range"]:focus + .rangeslider .rangeslider__handle {
  box-shadow: 0 0 8px #ff00ffe6;
}

.md-modal {
  z-index: 10002;
  visibility: hidden;
  backface-visibility: hidden;
  border-radius: 5px;
  width: 90%;
  min-width: 150px;
  height: auto;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 0 4px 23px #00000026, 0 2px 6px #00000026;
}

.md-modal.md-draggable {
  transform: none;
}

.md-title {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}

.md-show {
  visibility: visible;
  display: block;
}

.md-overlay {
  visibility: visible;
  opacity: 1;
  z-index: 10001;
  background: #00000026;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

.md-content {
  color: #000;
  background: #fff;
  border-radius: 5px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.md-body {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin: 0;
  padding: 0;
  font-size: 13px;
}

.md-footer {
  text-align: right;
  background: #fff;
  border-radius: 5px;
  margin: 0;
  padding: 0;
}

.md-body input[type="text"], .md-body textarea {
  letter-spacing: 1px;
  color: #000;
  box-sizing: border-box;
  border-collapse: collapse;
  background-color: #fff;
  background-image: none;
  border: none;
  border-bottom: 1px solid #eaeaea;
  width: 100%;
  height: 63px;
  margin: 0;
  padding: 20px;
  font-size: 14px;
  line-height: 1.7;
  display: block;
}

.md-body select {
  letter-spacing: 1px;
  color: #454545;
  background: #eee;
  border: none;
  border-radius: 5px;
  height: 35px;
  margin: 0 0 10px;
  padding: 5px;
  font-size: 14px;
  line-height: 1.7;
}

.md-body select option {
  background: #fff;
}

.md-body .inpchk {
  letter-spacing: 1px;
  float: left;
  box-sizing: border-box;
  height: 63px;
  margin: 0;
  padding: 20px;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.7;
}

.md-modal button {
  color: #000;
  cursor: pointer;
  background-color: #ddd;
  border: none;
  border-radius: 5px;
  margin: 0;
  line-height: 1.7;
  transition: all .2s ease-in-out;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

.md-footer button {
  width: 100%;
  padding: 19px;
}

.md-modal button:hover {
  background-color: #d9d9d9;
}

.md-modal button.primary {
  border-bottom-left-radius: 0;
  width: 70%;
}

.md-modal button.secondary {
  background: #f9f9f9;
  border-bottom-right-radius: 0;
  width: 30%;
}

.md-modal button.primary:hover {
  background-color: #d9d9d9;
}

.md-modal button.secondary:hover {
  background-color: #f5f5f5;
}

.md-label {
  float: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #333;
  box-sizing: border-box;
  background: #f7f7f7;
  border-top-left-radius: 5px;
  width: 30%;
  height: 63px;
  padding: 0 0 0 20px;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 63px;
}

.md-btnbrowse {
  float: left;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  color: #aaa;
  background: #efefef;
  height: 63px;
  padding-top: 20px;
  font-size: 15px;
  line-height: 1.7;
}

#md-imageselect, #md-fileselect {
  z-index: 10005;
}

.rte-pop button.md-pick {
  cursor: pointer;
  border: none;
  width: 27px;
  height: 30px;
  padding: 0;
  display: inline-block;
}

.md-pickpara {
  box-sizing: border-box;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  width: 170px;
  height: 40px;
  margin: 10px;
  padding: 0;
  display: block;
}

.md-pickpara * {
  margin: 0 !important;
  line-height: 0 !important;
}

.md-picksize {
  box-sizing: border-box;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  width: 170px;
  min-height: 40px;
  margin: 10px;
  padding: 7px;
  display: block;
}

.md-picksize * {
  margin: 0 !important;
  line-height: 0 !important;
}

#btnInsertPlh, #btnDelRowCancel, #btnDelRowOk, #btnDelTableCancel, #btnDelTableOk, .md-pick-tag {
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  background-image: none;
  border: 1px solid #0000;
  border-radius: 4px;
  height: 35px;
  margin-bottom: 0;
  padding: 0 30px;
  font-size: 11px;
  font-weight: normal;
  line-height: 35px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: inline-block;
}

#btnInsertPlh, #btnDelRowCancel, #btnDelTableCancel {
  color: #333;
  background-color: #d3d3d3;
}

#btnInsertPlh:hover, #btnDelRowCancel:hover, #btnDelTableCancel:hover, .md-pick-tag:hover {
  color: #111;
  background-color: #ccc;
  border-color: #ccc;
}

#btnDelRowOk {
  color: #fff;
  background-color: #08c9b9;
}

#btnDelRowOk:hover {
  color: #fff;
  background-color: #07b0a2;
  border-color: #07b0a2;
}

#btnDelTableOk {
  color: #fff;
  background-color: #08c9b9;
}

#btnDelTableOk:hover {
  color: #fff;
  background-color: #07b0a2;
  border-color: #07b0a2;
}

#btnCleanColor {
  background: #fff;
}

#divCustomTags {
  max-height: 287px;
  overflow: hidden auto;
}

.md-pick-tag {
  border-radius: 0;
  height: 40px;
}

.custom-block {
  background: #eaeaea;
  min-height: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
}

a.is-lightbox, .ui-draggable > div:first-child i.icon:hover, .ui-draggable > div:first-child i.icon-ok:hover, .ui-draggable > div:first-child i.icon-quote:hover {
  cursor: pointer;
}

.ui-draggable > div[data-mode="readonly"] i.icon:hover, .ui-draggable > div[data-mode="readonly-protected"] i.icon:hover {
  cursor: default;
}

.md-tabs {
  text-align: center;
  box-sizing: border-box;
  border-bottom: 1px solid #98989830;
  padding: 15px;
}

.md-tabs > * {
  color: #000000e0;
  cursor: pointer;
  letter-spacing: 2px;
  background: #fff;
  border-radius: 30px;
  margin: 0 5px;
  padding: 3px 20px;
  font-family: sans-serif;
  font-size: 12px;
  text-decoration: underline;
}

.md-tabs > .active {
  color: #fffffff2;
  cursor: auto;
  background: #000000e0;
  text-decoration: none;
}

.cp-color-picker {
  z-index: 100000;
}

#inpTextColor, #inpCellBgColor, #inpCellTextColor, #inpCellBorderColor {
  width: 160px;
  height: 36px;
  box-sizing: border-block;
  border: 1px solid #dcdcdc;
  margin: 0;
  padding: 2px 7px;
  display: inline-block;
}

.rte-pop input[type="text"], .rte-pop textarea {
  letter-spacing: 1px;
  color: #000;
  box-sizing: border-box;
  border-collapse: collapse;
  background-color: #fff;
  background-image: none;
  border: none;
  border-bottom: 1px solid #eaeaea;
  width: 100%;
  height: 63px;
  margin: 0;
  padding: 20px;
  font-size: 14px;
  line-height: 1.7;
  display: block;
}

.rte-pop select {
  letter-spacing: 1px;
  color: #454545;
  background: #eee;
  border: none;
  border-radius: 5px;
  height: 35px;
  margin: 0 0 10px;
  padding: 5px;
  font-size: 14px;
  line-height: 1.7;
}

.rte-pop select option {
  background: #fff;
}

.rte-pop .inpchk {
  letter-spacing: 1px;
  float: left;
  box-sizing: border-box;
  height: 63px;
  margin: 0;
  padding: 20px;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.7;
}

#rte-toolbar button.on, .rte-pop button.on {
  background-color: #eee;
}

#md-createlink .md-modal-handle {
  border-bottom: 1px solid #eee;
}

.md-browse {
  background: #fff;
  border-bottom: 1px solid #eee;
  width: 100%;
}

.md-drop-area {
  border: 2px dashed #b4b4b4;
  margin: 0 20px 20px;
  position: relative;
}

.md-preview-area {
  text-align: center;
  display: none;
}

.md-preview-area div {
  margin: 10px;
  display: inline-block;
  position: relative;
}

.md-preview-area div i {
  cursor: pointer;
  color: #f41818;
  text-align: center;
  cursor: pointer;
  background: #fffc;
  width: 28px;
  height: 28px;
  font-size: 24px;
  line-height: 28px;
  position: absolute;
  top: 0;
  right: 0;
}

#fileInsertImage {
  opacity: 0;
  cursor: pointer;
  outline: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
}

.drag-text p {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 60px 0;
}

.image-dropping, .md-drop-area:hover {
  background-color: #f7f7f7;
}

#imgInsertImagePreview {
  max-width: 200px;
  max-height: 200px;
}

.table-insert tr td {
  cursor: pointer;
  text-align: center;
  border-bottom: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  padding: 7px 8px;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 2;
}

.table-insert td.highlight {
  color: #fff;
  background: #3279d2;
}

table.default td {
  border: 1px dashed #ccc;
}

#md-edittable .md-body {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 2.7;
}

#divTableDesign > div, #divTableLayout > div {
  margin: 10px 20px;
}

#divTableLayout button {
  padding: 12px;
}

.md-pick-tag {
  border-radius: 0 !important;
}

.md-modal-handle {
  text-align: center;
  margin: 0;
  font-size: 15px;
  line-height: 22px;
}

.md-modal-close {
  float: right;
  cursor: pointer;
  width: 25px;
  height: 23px;
}
/*# sourceMappingURL=struct.css.map */