@charset "UTF-8";
/* grid breakpoints */
/* slider, entspricht der breakpoints im slick slider */
/* grid containers */
/* flex slider */
/* grid brand slider */
/* focus */
/* navbar */
/* one col menu */
/* button menu */
/* suche */
/* links */
/* aside */
/* details */
/* action buttons */
/* cards */
/* tables */
/* breadcrumbs */
/* navs */
/* tabs */
/* modals */
/* alert */
/* progress */
/* options */
/* dropdowns */
/* ratio */
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #ffffff;
  background-color: #212529;
  border-radius: 0.125rem;
  -webkit-box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 800;
  -webkit-box-shadow: none;
          box-shadow: none;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.pass-graybar {
  height: 3px;
  background-color: #ccc;
  width: 100%;
  position: relative;
}

.pass-colorbar {
  height: 3px;
  background-image: url(../../js/password/passwordstrength.jpg);
  position: absolute;
  top: 0;
  left: 0;
}

.pass-percent, .pass-text {
  font-size: 1em;
}

.pass-percent {
  margin-right: 5px;
}

/*!
 * bootstrap-fileinput v4.5.2
 * http://plugins.krajee.com/file-input
 *
 * Krajee default styling for bootstrap-fileinput.
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014 - 2018, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD 3-Clause
 * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
 */
input[type=file].file-loading, .file-loading input[type=file] {
  width: 0;
  height: 0;
}

.file-input-ajax-new .no-browse .input-group-btn, .file-input-ajax-new .fileinput-upload-button, .file-input-ajax-new .fileinput-remove-button, .file-input-new .no-browse .input-group-btn, .file-input-new .fileinput-upload-button, .file-input-new .fileinput-remove-button, .file-input-new .glyphicon-file, .file-input-new .close, .file-input-new .file-preview, .file-zoom-dialog .modal-header:after, .file-zoom-dialog .modal-header:before, .file-caption-icon, .hide-content .kv-file-content, .kv-hidden {
  display: none;
}

.file-zoom-dialog .floating-buttons, .file-zoom-dialog .btn-navigate, .krajee-default .file-thumb-progress, .file-preview .fileinput-remove, .file-caption-icon, .btn-file input[type=file], .file-no-browse {
  position: absolute;
}

.file-zoom-dialog .modal-dialog, .krajee-default .file-thumbnail-footer, .krajee-default.file-preview-frame, .file-preview, .file-caption, .btn-file, .file-loading:before, .file-input {
  position: relative;
}

.krajee-default .file-other-error, .krajee-default .file-actions, .file-error-message ul, .file-error-message pre {
  text-align: left;
}

.file-error-message ul, .file-error-message pre {
  margin: 0;
}

.krajee-default .file-upload-indicator, .krajee-default .file-drag-handle {
  margin: 5px 0 -5px;
  width: 16px;
  height: 16px;
}

.krajee-default .file-thumb-progress .progress-bar, .krajee-default .file-thumb-progress .progress {
  height: 11px;
  font-size: 9px;
}

.krajee-default .file-size-info, .krajee-default .file-caption-info {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 160px;
  height: 15px;
  margin: auto;
}

.file-zoom-content > .file-object.type-image, .file-zoom-content > .file-object.type-flash, .file-zoom-content > .file-object.type-video {
  max-width: 100%;
  max-height: 100%;
  width: auto;
}

.file-zoom-content > .file-object.type-flash, .file-zoom-content > .file-object.type-video {
  height: 100%;
}

.file-zoom-content > .file-object.type-default, .file-zoom-content > .file-object.type-text, .file-zoom-content > .file-object.type-html, .file-zoom-content > .file-object.type-pdf {
  width: 100%;
}

.file-no-browse {
  left: 50%;
  bottom: 20%;
  width: 1px;
  height: 1px;
  font-size: 0;
  opacity: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.file-loading:before {
  content: " Loading...";
  display: inline-block;
  padding-left: 20px;
  line-height: 16px;
  font-size: 13px;
  font-variant: small-caps;
  color: #999;
  background: transparent url(../base/images/loading.gif) top left no-repeat;
}

.file-object {
  margin: 0 0 -5px 0;
  padding: 0;
}

.btn-file {
  overflow: hidden;
}
.btn-file input[type=file] {
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: right;
  opacity: 0;
  background: none repeat scroll 0 0 transparent;
  cursor: inherit;
  display: block;
}
.btn-file ::-ms-browse {
  font-size: 10000px;
  width: 100%;
  height: 100%;
}

.file-caption .file-caption-name {
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background: none;
  outline: none;
}
.file-caption.icon-visible .file-caption-icon {
  display: inline-block;
}
.file-caption.icon-visible .file-caption-name {
  padding-left: 15px;
}

.file-caption-icon {
  left: 8px;
}

.file-error-message {
  color: #a94442;
  background-color: #f2dede;
  margin: 5px;
  border: 1px solid #ebccd1;
  border-radius: 4px;
  padding: 15px;
}
.file-error-message pre {
  margin: 5px 0;
}
.file-caption-disabled {
  background-color: #eee;
  cursor: not-allowed;
  opacity: 1;
}

.file-preview {
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 8px;
  width: 100%;
  margin-bottom: 5px;
}
.file-preview .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.file-preview .fileinput-remove {
  top: 1px;
  right: 1px;
  line-height: 10px;
}
.file-preview .clickable {
  cursor: pointer;
}

.file-preview-image {
  font: 40px Impact, Charcoal, sans-serif;
  color: #03B452;
}

.krajee-default.file-preview-frame {
  margin: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  padding: 6px;
  float: left;
  text-align: center;
}
.krajee-default.file-preview-frame .kv-file-content {
  width: 213px;
  height: 160px;
}
.krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered {
  width: 400px;
}
.krajee-default.file-preview-frame .file-thumbnail-footer {
  height: 70px;
}
.krajee-default.file-preview-frame:not(.file-preview-error):hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.krajee-default.file-preview-frame[data-template=audio] .kv-file-content {
  width: 240px;
  height: 55px;
}
.krajee-default .file-preview-text {
  display: block;
  color: #428bca;
  border: 1px solid #ddd;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  outline: none;
  padding: 8px;
  resize: none;
}
.krajee-default .file-preview-html {
  border: 1px solid #ddd;
  padding: 8px;
  overflow: auto;
}
.krajee-default .file-other-icon {
  font-size: 6em;
}
.krajee-default .file-footer-buttons {
  float: right;
}
.krajee-default .file-footer-caption {
  display: block;
  text-align: center;
  padding-top: 4px;
  font-size: 11px;
  color: #777;
  margin-bottom: 15px;
}
.krajee-default .file-preview-error {
  opacity: 0.65;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.krajee-default .file-thumb-progress {
  height: 11px;
  top: 37px;
  left: 0;
  right: 0;
}
.krajee-default .file-thumb-progress .progress-bar {
  font-family: Verdana, Helvetica, sans-serif;
}
.krajee-default.kvsortable-ghost {
  background: #e1edf7;
  border: 2px solid #a1abff;
}
.krajee-default .file-preview-other:hover {
  opacity: 0.8;
}
.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
  color: #000000;
}

.kv-upload-progress .progress {
  height: 20px;
  line-height: 20px;
  margin: 10px 0;
  overflow: hidden;
}
.kv-upload-progress .progress-bar {
  height: 20px;
  font-family: Verdana, Helvetica, sans-serif;
}

.file-zoom-dialog .file-other-icon {
  font-size: 22em;
  font-size: 50vmin;
}
.file-zoom-dialog .modal-dialog {
  width: auto;
}
.file-zoom-dialog .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.file-zoom-dialog .btn-navigate {
  padding: 0;
  margin: 0;
  background: transparent;
  text-decoration: none;
  outline: none;
  opacity: 0.7;
  top: 45%;
  font-size: 4em;
  color: #1c94c4;
}
.file-zoom-dialog .btn-navigate:not([disabled]):hover {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.6;
}
.file-zoom-dialog .floating-buttons {
  top: 5px;
  right: 10px;
}
.file-zoom-dialog .btn-navigate[disabled] {
  opacity: 0.3;
}
.file-zoom-dialog .btn-prev {
  left: 1px;
}
.file-zoom-dialog .btn-next {
  right: 1px;
}
.file-zoom-dialog .kv-zoom-title {
  font-weight: 300;
  color: #999;
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file-input-new .no-browse .form-control {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.file-input-ajax-new .no-browse .form-control {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.file-caption-main {
  width: 100%;
}

.file-thumb-loading {
  background: transparent url(../base/images/loading.gif) no-repeat scroll center center content-box !important;
}

.file-drop-zone {
  border: 1px dashed #aaa;
  border-radius: 4px;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  margin: 12px 15px 12px 12px;
  padding: 5px;
}
.file-drop-zone.clickable:hover {
  border: 2px dashed #999;
}
.file-drop-zone.clickable:focus {
  border: 2px solid #5acde2;
}
.file-drop-zone .file-preview-thumbnails {
  cursor: default;
}

.file-drop-zone-title {
  color: #aaa;
  font-size: 1.6em;
  padding: 85px 10px;
  cursor: default;
}

.file-highlighted {
  border: 2px dashed #999 !important;
  background-color: #eee;
}

.file-uploading {
  background: url(../base/images/loading-sm.gif) no-repeat center bottom 10px;
  opacity: 0.65;
}

.file-zoom-fullscreen .modal-dialog {
  min-width: 100%;
  margin: 0;
}
.file-zoom-fullscreen .modal-content {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  min-height: 100vh;
}
.file-zoom-fullscreen .modal-body {
  overflow-y: auto;
}

.floating-buttons {
  z-index: 3000;
}
.floating-buttons .btn-kv {
  margin-left: 3px;
  z-index: 3000;
}

.file-zoom-content {
  height: 480px;
  text-align: center;
}
.file-zoom-content .file-preview-image {
  max-height: 100%;
}
.file-zoom-content .file-preview-video {
  max-height: 100%;
}
.file-zoom-content > .file-object.type-image {
  height: auto;
  min-height: inherit;
}
.file-zoom-content > .file-object.type-audio {
  width: auto;
  height: 30px;
}
@media (min-width: 576px) {
  .file-zoom-dialog .modal-dialog {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  .file-zoom-dialog .modal-lg {
    max-width: 800px;
  }
}
@media (max-width: 767px) {
  .file-preview-thumbnails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .file-zoom-dialog .modal-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 350px) {
  .krajee-default.file-preview-frame:not([data-template=audio]) .kv-file-content {
    width: 160px;
  }
}
@media (max-width: 420px) {
  .krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered {
    width: 100%;
  }
}
.file-loading[dir=rtl]:before {
  background: transparent url(../base/images/loading.gif) top right no-repeat;
  padding-left: 0;
  padding-right: 20px;
}

.file-sortable .file-drag-handle {
  cursor: move;
  opacity: 1;
}
.file-sortable .file-drag-handle:hover {
  opacity: 0.7;
}

.clickable .file-drop-zone-title {
  cursor: pointer;
}

.kv-zoom-actions .btn-kv {
  margin-left: 3px;
}

.file-preview-initial.sortable-chosen {
  background-color: #d9edf7;
}

/* account */
/* downloads */
.download-item {
  padding-right: 0;
  padding-left: 0;
}
.download-item .card-header {
  text-align: left;
  padding: 0.5rem;
  border-top: 1px solid #dddddd;
}

.download-main-body {
  padding: 0;
}

/* login */
.register-wrapper {
  margin-bottom: 0.5rem;
  display: block;
}
@media (min-width: 768px) {
  .register-wrapper {
    display: inline-block;
  }
}

.resetpw-wrapper {
  margin-left: 0;
}
@media (min-width: 768px) {
  .resetpw-wrapper {
    margin-left: 1rem;
  }
}

/* uploads */
#uploads {
  margin-top: 1rem;
}
#uploads th, #uploads td {
  text-align: center;
}

/* order-item */
.order-items .order-item .item-detail-list {
  margin-top: 0.5rem;
}
.order-items .order-item .order-item-image-wrapper {
  padding-right: 0.25rem;
}
.order-items .order-item .order-item-image-wrapper img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.order-items .order-items-total {
  margin-left: auto;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}
.order-items .price-col {
  text-align: right;
  margin-left: auto;
}

/* order-details */
.order-details {
  margin-bottom: 1rem;
}
.order-details .order-details-status {
  text-align: right;
}
@media (min-width: 992px) {
  .order-details .order-details-status {
    text-align: left;
  }
}

.order-details-data > li {
  margin-bottom: 1.5rem;
}
.order-details-data .order-details-data-item {
  color: #707070;
  display: block;
  font-size: 0.875rem;
}

.order-details-date {
  font-size: 1.125rem;
  font-weight: 800;
}
.order-details-date > span {
  margin-right: 0.5rem;
}

/* my-account */
.account-comparelist .card-body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.account-head-data > div {
  margin-bottom: 2rem;
}
.account-head-data .account-head-data-credit {
  text-align: center;
  font-weight: 800;
  border: 1px solid #00615c;
}

.custom-switch {
  margin-left: 0.5rem;
}

.account-orders-item {
  margin-bottom: 1rem;
}
.account-orders-item a {
  text-decoration: none;
}

.account-data-item {
  margin-bottom: 2rem;
}

.shipping-order-modal .shipping-order-modal-mb {
  margin-bottom: 1rem;
}

/* reviews */
.account-feedback {
  margin-bottom: 1rem;
}

/* shipping-adresses */
.shipping-address-form-wrapper {
  margin-bottom: 1rem;
}

div.dataTables_wrapper div.dataTables_filter input[type=search] {
  margin-left: 0;
  width: 100%;
}

.shipping-address-standard-active tr:first-child {
  background-color: #f2f2f2;
}

/* RMA */
.rma-img {
  width: 100%;
  height: auto;
}

.product-thumbnail {
  max-width: 100px;
}

.list-compressed li.list-group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-compressed {
  max-height: 50vh;
  overflow-y: auto;
}

#rmaStickyItems.loadingAJAX .rmaItemContainer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.5)), to(rgb(255, 255, 255)));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgb(255, 255, 255) 100%);
  z-index: 3;
}

#rmaStickyPositions.loadingAJAX::after, #rmaStickyPositions.loadingAJAX::before {
  content: "";
  position: absolute;
  z-index: 4;
  top: 2rem;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  border: 8px solid #00615c;
  border-radius: 50%;
  border-color: #00615c #00615c transparent transparent;
  -webkit-animation: ringLoader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: ringLoader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

#rmaStickyPositions.loadingAJAX::before {
  -webkit-animation-delay: -0.25s;
          animation-delay: -0.25s;
}

@-webkit-keyframes ringLoader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes ringLoader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#rma-positions .custom-select {
  min-width: 63px;
}

/* basket */
/* cart-dropdown */
.cart-dropdown .cart-dropdown-total-item {
  /*border-bottom: $border-width solid $border-color;
  margin-bottom: map-get($spacers, 2);
  padding-bottom: map-get($spacers, 2);*/
  font-size: 0.875rem;
}
.cart-dropdown .dropdown-cart-items {
  font-size: 0.875rem;
}
.cart-dropdown .cart-dropdown-total-item-price {
  float: right;
  white-space: nowrap;
}
.cart-dropdown .cart-dropdown-next {
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .cart-dropdown .cart-dropdown-next {
    margin-bottom: 0;
  }
}
.cart-dropdown .cart-dropdown-buttons {
  margin-top: 1rem;
}
.cart-dropdown .cart-dropdown-buttons .col-md-12:first-child .btn {
  margin-bottom: 1rem;
}
.cart-dropdown .cart-dropdown-empty {
  padding: 0.5rem;
}
.cart-dropdown .dropdown-cart-items tr td:first-child {
  padding-left: 0;
}
.cart-dropdown .dropdown-cart-items img {
  width: 100%;
  height: auto;
}
.cart-dropdown:not(.modal-body) .card-gray {
  background-color: transparent;
}
.cart-dropdown:not(.modal-body) .card-gray > .card-body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.modal-sidebar .basket-wrapper {
  position: absolute;
  bottom: 0;
}

/* cart-dropdown-label */
.cart-icon-dropdown .cart-icon-dropdown-price {
  white-space: nowrap;
  display: none;
  font-size: 0.9375rem;
}
@media (min-width: 768px) {
  .cart-icon-dropdown .cart-icon-dropdown-price {
    display: inline-block;
  }
}
.cart-icon-dropdown.not-empty .cart-icon-dropdown-price {
  margin-left: 1rem;
}
@media (min-width: 768px) {
  .cart-icon-dropdown:not(.not-empty) .cart-icon-dropdown-icon {
    margin-right: 0.5rem;
  }
}

/* index */
.basket .basket-heading {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .basket .cart-summary {
    margin-left: 1.5rem;
  }
  .basket .basket-items {
    margin-bottom: 4rem;
  }
}
.basket .basket-freegift {
  margin-bottom: 3rem;
}
.basket .basket-empty {
  text-align: center;
}
.basket .basket-empty .alert {
  padding: 1.5rem;
}
.basket .basket-summary .basket-summary-total {
  margin-top: 1rem;
  padding-top: 1rem;
  font-size: 1.125rem;
  border-top: 1px solid #dddddd;
}
.basket .basket-summary-notice-weight-wrapper {
  margin-top: 0.5rem;
}
.basket #cart-checkout-btn {
  width: 100%;
  margin-top: 1rem;
}

.basket-summary-top {
  margin-top: 1rem;
}

/* cart-items */
.cart-items-body .cart-items-image {
  height: 100%;
}
.cart-items-body .cart-items-single-price {
  margin-left: auto;
  margin-bottom: 1rem;
  white-space: nowrap;
}
@media (min-width: 1300px) {
  .cart-items-body .cart-items-single-price {
    margin-bottom: 0;
  }
}
.cart-items-body .cart-items-quantity {
  margin-left: auto;
  margin-bottom: 1.5rem;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 1300px) {
  .cart-items-body .cart-items-quantity {
    margin-bottom: 0;
  }
}
.cart-items-body .cart-items-quantity .configurepos {
  white-space: normal;
}
.cart-items-body .cart-items-price {
  white-space: nowrap;
  color: "Barlow", "IBM Plex Sans", sans-serif;
}
@media (max-width: 767.98px) {
  .cart-items-body .cart-items-price {
    margin-left: auto;
  }
}
@media (min-width: 1300px) {
  .cart-items-body .cart-items-price {
    text-align: right;
  }
}
.cart-items-body .cart-items-price-text {
  margin-right: 0.5rem;
  display: inline-block;
}
@media (min-width: 1300px) {
  .cart-items-body .cart-items-price-text {
    display: none;
  }
}
.cart-items-body .cart-items-name {
  display: block;
  margin-bottom: 0.5rem;
}

.cart-items-delete {
  margin-left: -0.625rem;
  margin-top: 0.5rem;
}
.cart-items-delete .wishlist-button,
.cart-items-delete .cart-items-delete-button {
  display: inline-block;
}
.cart-items-delete .cart-items-delete-button {
  text-decoration: underline;
  white-space: nowrap;
}
.cart-items-delete .cart-items-delete-button > span {
  margin-right: 0.5rem;
}

.cart-items-name {
  text-decoration: none;
  font-weight: 800;
}
.cart-items-name:hover {
  text-decoration: underline;
}

.item-overflow-notice {
  padding: 0 0.75rem;
}
.item-overflow-notice a {
  text-decoration: underline;
}

.account-icon-dropdown.logged-in .nav-link > i::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: absolute;
  background-color: #00615c;
  right: -0.25rem;
}

/* reorder item cols */
@media (max-width: 991.98px) {
  .cart-items-body .cart-items-product {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .cart-items-body .cart-items-single-price {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 0;
  }
  .cart-items-body .cart-items-price {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-bottom: 1rem;
  }
  .cart-items-body .cart-items-quantity {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-left: 0;
    margin-bottom: 1rem;
  }
  .cart-items-body .cart-items-delete {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .cart-items-body .cart-items-product-data {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
/* contact */
.contact-form legend {
  border: 0;
}
.contact-form .contact-form-privacy {
  text-align: left;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .contact-form .contact-form-privacy {
    text-align: right;
  }
}
.contact-form .is-top {
  margin-top: 2rem;
}
.contact-form .contact-form-hr {
  margin-bottom: 2rem;
}

/* newsletter */
.newsletter-wrapper {
  background-color: #f7d46a;
  border-width: 0;
  border-style: solid;
  border-color: #eeeeee;
  padding: 2rem 0;
  color: #000000;
}
@media (min-width: 768px) {
  .newsletter-wrapper {
    padding: 2rem;
  }
}
.newsletter-wrapper a:not(.btn) {
  color: #000000;
}
.newsletter-wrapper .btn.btn-primary {
  background-color: #00615c;
  border-color: #00615c;
  color: #ffffff;
}

.newsletter-title {
  font-size: 1.75rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
}
.newsletter-title span {
  color: #00615c;
}

.newsletter-content {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.newsletter-subscribe {
  margin-bottom: 5rem;
}
.newsletter-subscribe .newsletter-subscribe-consent {
  margin-top: 0.25rem;
}

.newsletter-unsubscribe {
  margin-top: 1rem;
}

/* checkout */
/* inc-billing-address-form */
.direct-advertising {
  margin-top: -1rem;
  margin-bottom: 1rem;
  color: #707070;
}

/* inc-order-completed */
.order-confirmation-note {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .order-confirmation-note {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .order-confirmation-details {
    margin-bottom: 3rem;
  }
}

/* inc-payment-method */
.checkout-payment-method {
  margin-bottom: 1rem;
}
.checkout-payment-method .checkout-payment-method-badge {
  margin-left: 1rem;
  float: right;
}
.checkout-payment-method .checkout-payment-method-note {
  width: 100%;
  display: block;
}

/* inc-paymentmodules */
.payment-method-inner {
  margin-bottom: 1rem;
}

.checkout-paymentmodules-alert {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .checkout-paymentmodules-alert {
    margin-bottom: 2rem;
  }
}

/* inc-shipping-address */
.checkout-register-shipping-address {
  margin-top: 2rem;
}

/* inc-steps */
.checkout-steps {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .checkout-steps .badge-pill {
    margin-left: auto;
  }
}
.checkout-steps .step-text {
  margin-left: 0.5rem;
  margin-right: auto;
}
.checkout-steps .step-check {
  margin-left: 0.25rem;
  margin-right: auto;
  color: #00615c;
}
@media (min-width: 768px) {
  .checkout-steps .step-check {
    margin-left: 1rem;
  }
}

@media (max-width: 991.98px) {
  .checkout-nav-customer-steps.nav {
    display: block;
  }
}
.checkout-nav-customer-steps.nav .nav-link {
  background-color: #FFEEB9;
  font-weight: 400;
  text-align: left;
}
.checkout-nav-customer-steps.nav .nav-link.active {
  background-color: #ffffff;
  font-weight: 800;
  border-bottom-color: #f2f2f2 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.checkout-nav-customer-steps.nav .nav-link.active::after {
  height: 0 !important;
  content: '\f078' !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900;
  margin-left: 0.25rem;
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  will-change: transform;
  border-top: 0;
  font-size: 10px;
}
@media (max-width: 991.98px) {
  .checkout-nav-customer-steps.nav .nav-link {
    margin-bottom: 1rem;
  }
}

/* step0 */
.checkout-existing-customer {
  margin-bottom: 1rem;
}
.checkout-existing-customer .checkout-existing-customer-hr {
  display: block;
}
@media (min-width: 992px) {
  .checkout-existing-customer .checkout-existing-customer-hr {
    display: none;
  }
}
.checkout-existing-customer .checkout-existing-customer-hr > div {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.checkout-register-form {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.checkout-register-form.tab-content {
  margin-top: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.checkout-button-row {
  margin-top: 2rem;
}
.checkout-button-row .checkout-register-form-buttons-privacy {
  margin-bottom: 1rem;
  text-align: left;
}
@media (min-width: 768px) {
  .checkout-button-row .checkout-register-form-buttons-privacy {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .checkout-button-row .checkout-button-row-submit {
    margin-left: auto;
  }
}

/* step3 */
.checkout-shipping-form {
  margin-bottom: 2rem;
}
.checkout-shipping-form fieldset {
  margin-bottom: 2rem;
}
.checkout-shipping-form .checkout-shipping-form-change {
  margin-bottom: 1rem;
}
.checkout-shipping-form .checkout-shipping-form-change .checkout-shipping-form-change-icon {
  margin-left: 0.25rem;
}
.checkout-shipping-form .checkout-shipping-form-options {
  margin-bottom: 1rem;
}
.checkout-shipping-form .checkout-shipping-form-options .checkout-shipping-form-options {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.checkout-shipping-form .checkout-shipping-form-options .checkout-shipping-form-options-specific-cost {
  width: 100%;
  display: block;
}
.checkout-shipping-form .checkout-shipping-form-packaging {
  margin-bottom: 1rem;
}
.checkout-shipping-form .checkout-shipping-form-packaging .checkout-shipping-form-packaging-cost {
  margin-left: 1rem;
  float: right;
  font-weight: 800;
}
.checkout-shipping-form .checkout-shipping-form-packaging .checkout-shipping-form-packaging-desc {
  width: 100%;
  display: block;
}

.button-row-mb {
  margin-bottom: 1rem;
}

/* step4 additonal payment */
.checkout-additional-payment {
  margin-bottom: 1rem;
}

/* step5 */
.checkout-confirmation .card {
  margin-bottom: 1rem;
}
.checkout-confirmation .card .checkout-confirmation-heading {
  margin-bottom: 0;
}
.checkout-confirmation .card .checkout-confirmation-change {
  margin-right: 0.25rem;
  text-decoration: underline;
  display: none;
}
@media (min-width: 768px) {
  .checkout-confirmation .card .checkout-confirmation-change {
    display: inline-block;
  }
}
.checkout-confirmation .checkout-confirmation-comment {
  border: 0;
  padding: 0;
}
.checkout-confirmation .checkout-confirmation-pre-form-hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .checkout-confirmation .checkout-confirmation-pre-form-hr {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.checkout-confirmation .checkout-confirmation-legal-notice {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.checkout-confirmation .checkout-confirmation-items .card-header {
  text-align: right;
  padding: 0;
}
.checkout-confirmation .checkout-confirmation-items .card-body {
  margin-top: 2rem;
}

/* inc-order-items */
.checkout-items-item > div {
  margin-left: auto;
}
.checkout-items-item .checkout-items-item-title {
  margin-right: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (min-width: 992px) {
  .checkout-items-item .checkout-items-item-title {
    display: none;
  }
}
.checkout-items-item .checkout-items-item-quantity {
  margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .checkout-items-item .checkout-items-item-quantity {
    margin-bottom: 0;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .checkout-items-item .checkout-items-item-image-wrapper {
    padding-right: 0;
  }
}
.checkout-items-item .checkout-items-item-image-wrapper img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.checkout-items-total {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  margin-left: auto;
}
.checkout-items-total .col-auto {
  margin-left: auto;
  text-align: right;
}

.checkout-payment-options {
  margin-bottom: 1rem;
}

/* credit-form */
.credit-form .credit-amount-description {
  margin-bottom: 1.5rem;
  text-align: center;
}

/* shipping-adresses */
.select-shipping-address {
  margin-top: 1rem;
}
.select-shipping-address .dataTables_wrapper {
  border: 1px solid #f2f2f2;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.select-shipping-address .dataTables_wrapper td:first-child {
  width: 5%;
}

.new-shipping-address {
  border: 1px solid #f2f2f2;
  padding: 1rem;
}

/* checkout form */
form:not(.main-search):not(.header-search) .h3 {
  margin-bottom: 1.5rem;
}
form:not(.main-search):not(.header-search) .form-control:not(.quantity):not(.unit) {
  background-color: #f2f2f2;
  border-width: 0 0 1px 0;
}
form:not(.main-search):not(.header-search) .form-control:not(.quantity):not(.unit):not(:focus) {
  border-color: rgb(203.75, 203.75, 203.75);
}

/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.nivoSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.nivoSlider img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
}

.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  background-color: #fff;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
}

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}

.nivo-box img {
  display: block;
}

/* Caption styles */
.nivo-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  color: #fff;
  width: 100%;
  z-index: 8;
  padding: 5px 10px;
  opacity: 0.8;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.nivo-caption p {
  margin: 0;
}

.nivo-caption a {
  display: inline !important;
}

.nivo-html-caption {
  display: none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer;
}

.nivo-prevNav {
  left: 0;
}

.nivo-nextNav {
  right: 0;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  text-align: center;
  padding: 15px 0;
}

.nivo-controlNav a {
  cursor: pointer;
}

.nivo-controlNav a.active {
  font-weight: bold;
}

/*
Skin Name: Nivo Slider Light Theme
Skin URI: http://nivo.dev7studios.com
Description: A light skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
.theme-light.slider-wrapper {
  background: #fff;
  padding: 10px;
}

.theme-light .nivoSlider {
  position: relative;
  background: #fff url(../../../NOVA/themes/base/images/slider/light/loading.gif) no-repeat 50% 50%;
  margin-bottom: 10px;
  overflow: visible;
}

.theme-light .nivoSlider img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.theme-light .nivoSlider a {
  border: 0;
  display: block;
}

.theme-light .nivo-controlNav {
  text-align: left;
  padding: 0;
  position: relative;
  z-index: 10;
}

.theme-light .nivo-controlNav a {
  display: inline-block;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  border: 0;
  margin: 0 2px;
}

.theme-light .nivo-directionNav a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../../../NOVA/themes/base/images/slider/light/arrows.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  top: auto;
  bottom: -36px;
  z-index: 11;
}

.theme-light .nivo-directionNav a:hover {
  background-color: #eee;
  border-radius: 2px;
}

.theme-light a.nivo-nextNav {
  background-position: 160% 50%;
  right: 0;
}

.theme-light a.nivo-prevNav {
  background-position: -60% 50%;
  left: auto;
  right: 35px;
}

.theme-light .nivo-caption {
  font-family: Helvetica, Arial, sans-serif;
}

.theme-light .nivo-caption a {
  color: #fff;
  border-bottom: 1px dotted #fff;
}

.theme-light .nivo-caption a:hover {
  color: #fff;
}

.theme-light .nivo-controlNav.nivo-thumbs-enabled {
  width: 80%;
}

.theme-light .nivo-controlNav.nivo-thumbs-enabled a {
  width: auto;
  height: auto;
  background: none;
  margin-bottom: 5px;
}

.theme-light .nivo-controlNav.nivo-thumbs-enabled img {
  display: block;
  width: 120px;
  height: auto;
}

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
.theme-default .nivoSlider {
  position: relative;
  background: #fff url(../../../NOVA/themes/base/images/slider/default/loading.gif) no-repeat 50% 50%;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
  box-shadow: 0 1px 5px 0 #4a4a4a;
}

.theme-default .nivoSlider img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.theme-default .nivoSlider a {
  border: 0;
  display: block;
}

.theme-default .nivo-controlNav {
  text-align: center;
  padding: 20px 0;
}

.theme-default .nivo-controlNav a {
  display: inline-block;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  border: 0;
  margin: 0 2px;
}

.theme-default .nivo-directionNav a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../../../NOVA/themes/base/images/slider/default/arrows.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.theme-default:hover .nivo-directionNav a {
  opacity: 1;
}

.theme-default a.nivo-nextNav {
  background-position: -30px 0;
  right: 15px;
}

.theme-default a.nivo-prevNav {
  left: 15px;
}

.theme-default .nivo-caption {
  font-family: Helvetica, Arial, sans-serif;
}

.theme-default .nivo-caption a {
  color: #fff;
  border-bottom: 1px dotted #fff;
}

.theme-default .nivo-caption a:hover {
  color: #fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
  width: 100%;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
  width: auto;
  height: auto;
  background: none;
  margin-bottom: 5px;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
  display: block;
  width: 120px;
  height: auto;
}

/*
Skin Name: Nivo Slider Dark Theme
Skin URI: http://nivo.dev7studios.com
Description: A dark skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
.theme-dark.slider-wrapper {
  background: #222;
  padding: 10px;
}

.theme-dark .nivoSlider {
  position: relative;
  background: #fff url(../../../NOVA/themes/base/images/slider/dark/loading.gif) no-repeat 50% 50%;
  margin-bottom: 10px;
  overflow: visible;
}

.theme-dark .nivoSlider img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.theme-dark .nivoSlider a {
  border: 0;
  display: block;
}

.theme-dark .nivo-controlNav {
  text-align: left;
  padding: 0;
  position: relative;
  z-index: 10;
}

.theme-dark .nivo-controlNav a {
  display: inline-block;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  border: 0;
  margin: 0 2px;
}

.theme-dark .nivo-directionNav a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../../../NOVA/themes/base/images/slider/dark/arrows.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  top: auto;
  bottom: -36px;
  z-index: 11;
}

.theme-dark .nivo-directionNav a:hover {
  background-color: #333;
  border-radius: 2px;
}

.theme-dark a.nivo-nextNav {
  background-position: -16px 50%;
  right: 0;
}

.theme-dark a.nivo-prevNav {
  background-position: 11px 50%;
  left: auto;
  right: 35px;
}

.theme-dark .nivo-caption {
  font-family: Helvetica, Arial, sans-serif;
}

.theme-dark .nivo-caption a {
  color: #fff;
  border-bottom: 1px dotted #fff;
}

.theme-dark .nivo-caption a:hover {
  color: #fff;
}

.theme-dark .nivo-controlNav.nivo-thumbs-enabled {
  width: 80%;
}

.theme-dark .nivo-controlNav.nivo-thumbs-enabled a {
  width: auto;
  height: auto;
  background: none;
  margin-bottom: 5px;
}

.theme-dark .nivo-controlNav.nivo-thumbs-enabled img {
  display: block;
  width: 120px;
  height: auto;
}

/*
Skin Name: Nivo Slider Bar Theme
Skin URI: http://nivo.dev7studios.com
Description: The bottom bar skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: false
*/
.theme-bar.slider-wrapper {
  position: relative;
  border: 1px solid #333;
  overflow: hidden;
}

.theme-bar .nivoSlider {
  position: relative;
  background: #fff url(../../../NOVA/themes/base/images/slider/bar/loading.gif) no-repeat 50% 50%;
}

.theme-bar .nivoSlider img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.theme-bar .nivoSlider a {
  border: 0;
  display: block;
}

.theme-bar .nivo-controlNav {
  position: absolute;
  left: 0;
  bottom: -51px;
  z-index: 10;
  width: 100%;
  height: 50px;
  text-align: center;
  padding: 5px 0;
  border-top: 1px solid #333;
  background: #333; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#333333));
  background: linear-gradient(to bottom, #565656 0%, #333333 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#565656", endColorstr="#333333",GradientType=0 ); /* IE6-9 */
  opacity: 0.5;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.theme-bar:hover .nivo-controlNav {
  bottom: 0;
  opacity: 1;
}

.theme-bar .nivo-controlNav a {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../../../NOVA/themes/base/images/slider/bar/bullets.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  margin: 5px 2px 0 2px;
}

.theme-bar .nivo-controlNav a.active {
  background-position: 0 -22px;
}

.theme-bar .nivo-directionNav a {
  display: block;
  border: 0;
  color: #fff;
  text-transform: uppercase;
  top: auto;
  bottom: 10px;
  z-index: 11;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.theme-bar a.nivo-nextNav {
  right: -250px;
}

.theme-bar a.nivo-prevNav {
  left: -250px;
}

.theme-bar:hover a.nivo-nextNav {
  right: 15px;
  opacity: 1;
}

.theme-bar:hover a.nivo-prevNav {
  left: 15px;
  opacity: 1;
}

.theme-bar .nivo-directionNav a:hover {
  color: #ddd;
}

.theme-bar .nivo-caption {
  font-family: Helvetica, Arial, sans-serif;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.theme-bar:hover .nivo-caption {
  bottom: 49px;
}

.theme-bar .nivo-caption a {
  color: #fff;
  border-bottom: 1px dotted #fff;
}

.theme-bar .nivo-caption a:hover {
  color: #fff;
}

.theme-bar .nivo-controlNav.nivo-thumbs-enabled {
  width: 100%;
}

.theme-bar .nivo-controlNav.nivo-thumbs-enabled a {
  width: auto;
  height: auto;
  background: none;
  margin-bottom: 5px;
}

.theme-bar .nivo-controlNav.nivo-thumbs-enabled img {
  display: block;
  width: auto;
  height: 30px;
}

.slider-wrapper .nivoSlider.loaded {
  background-image: none;
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs4/dt-1.12.0/r-2.3.0
 *
 * Included libraries:
 *   DataTables 1.12.0, Responsive 2.3.0
 */
table.dataTable td.dt-control {
  text-align: center;
  cursor: pointer;
}

table.dataTable td.dt-control:before {
  height: 1em;
  width: 1em;
  margin-top: -9px;
  display: inline-block;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  -webkit-box-shadow: 0 0 0.2em #444;
          box-shadow: 0 0 0.2em #444;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #31b131;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
  content: "-";
  background-color: #d33333;
}

table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled {
  cursor: pointer;
  position: relative;
  padding-right: 26px;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
  position: absolute;
  display: block;
  opacity: 0.125;
  right: 10px;
  line-height: 9px;
  font-size: 0.9em;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {
  bottom: 50%;
  content: "▴";
}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {
  top: 50%;
  content: "▾";
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 0.6;
}

table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting_asc_disabled:before {
  display: none;
}

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
  outline: none;
}

div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after, div.dataTables_scrollBody table.dataTable thead > tr > td:before, div.dataTables_scrollBody table.dataTable thead > tr > td:after {
  display: none;
}

div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 2px;
}

div.dataTables_processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}

div.dataTables_processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgba(2, 117, 216, 0.9);
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

div.dataTables_processing > div:last-child > div:nth-child(1) {
  left: 8px;
  -webkit-animation: datatables-loader-1 0.6s infinite;
          animation: datatables-loader-1 0.6s infinite;
}

div.dataTables_processing > div:last-child > div:nth-child(2) {
  left: 8px;
  -webkit-animation: datatables-loader-2 0.6s infinite;
          animation: datatables-loader-2 0.6s infinite;
}

div.dataTables_processing > div:last-child > div:nth-child(3) {
  left: 32px;
  -webkit-animation: datatables-loader-2 0.6s infinite;
          animation: datatables-loader-2 0.6s infinite;
}

div.dataTables_processing > div:last-child > div:nth-child(4) {
  left: 56px;
  -webkit-animation: datatables-loader-3 0.6s infinite;
          animation: datatables-loader-3 0.6s infinite;
}

@-webkit-keyframes datatables-loader-1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes datatables-loader-1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes datatables-loader-3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes datatables-loader-3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes datatables-loader-2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
  text-align: left;
}

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

table.dataTable td, table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
  text-align: center;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: transparent;
}

table.dataTable > tbody > tr {
  background-color: transparent;
}

table.dataTable > tbody > tr.selected > * {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.9);
          box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.9);
  color: white;
}

table.dataTable.table-striped > tbody > tr.odd > * {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
}

table.dataTable.table-striped > tbody > tr.odd.selected > * {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
          box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
}

table.dataTable.table-hover > tbody > tr:hover > * {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
}

table.dataTable.table-hover > tbody > tr.selected:hover > * {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
          box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
  width: auto;
  display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody > table > thead .sorting:before, div.dataTables_scrollBody > table > thead .sorting_asc:before, div.dataTables_scrollBody > table > thead .sorting_desc:before, div.dataTables_scrollBody > table > thead .sorting:after, div.dataTables_scrollBody > table > thead .sorting_asc:after, div.dataTables_scrollBody > table > thead .sorting_desc:after {
  display: none;
}

div.dataTables_scrollBody > table > tbody tr:first-child th, div.dataTables_scrollBody > table > tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
  padding-right: 20px;
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em;
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
  top: 5px;
}

table.table-bordered.dataTable {
  border-right-width: 0;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
  border-left-width: 0;
}

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
  border-right-width: 1px;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  padding-left: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-right: 0;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  top: 50%;
  left: 5px;
  height: 1em;
  width: 1em;
  margin-top: -9px;
  display: block;
  position: absolute;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  -webkit-box-shadow: 0 0 0.2em #444;
          box-shadow: 0 0 0.2em #444;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #0275d8;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: "-";
  background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 27px;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control, table.dataTable.dtr-column > tbody > tr > th.dtr-control, table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 0.8em;
  width: 0.8em;
  margin-top: -0.5em;
  margin-left: -0.5em;
  display: block;
  position: absolute;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  -webkit-box-shadow: 0 0 0.2em #444;
          box-shadow: 0 0 0.2em #444;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #0275d8;
}

table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: "-";
  background-color: #d33333;
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

div.dtr-modal {
  position: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}

div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}

div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
div.dtr-bs-modal table.table tr:first-child td {
  border-top: none;
}

/* selectionwizard */
.selection-wizard-wrapper {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.selection-wizard-wrapper .selection-wizard-desc {
  margin-bottom: 0;
}
.selection-wizard-wrapper .selection-wizard {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.selection-wizard-wrapper .selection-wizard-question .row {
  text-align: center;
}
.selection-wizard-wrapper .selection-wizard-question .selection-wizard-question-item {
  margin-bottom: 1rem;
}

.productbox-onhover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.contact-bar-wrapper,
.footer-social-media .btn i,
a, span, .contact-item {
  -webkit-transition: ease-in-out all 0.3s;
  transition: ease-in-out all 0.3s;
}

.contact-bar-wrapper .contact-item:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@media (min-width: 992px) {
  header .navbar-nav > .nav-item > .nav-link:hover,
  header .nav-right > .nav-item > .nav-link:hover {
    padding-top: calc(2rem - 2px);
    padding-bottom: calc(2rem + 2px);
  }
  header .navbar-nav > .nav-item.active:not(.show) > .nav-link:before {
    content: "";
    width: 100%;
    height: 0.15rem;
    background: #f7d46a;
    position: absolute;
    bottom: 20%;
    left: 0.75rem;
    width: calc(100% - 1.5rem);
  }
}
header .dropdown-menu:not(.categories-recursive-dropdown) {
  opacity: 0;
  visibility: hidden;
  display: block;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* bug bei menu in eigener zeile */
  /*z-index: -1;*/
}
header .dropdown-menu:not(.categories-recursive-dropdown).show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

@media (min-width: 992px) {
  header .box-categories .nav-link:hover,
  header .categories-recursive-dropdown .nav-link:hover,
  header .nav-panel .nav-link:hover,
  main .box-categories .nav-link:hover,
  main .categories-recursive-dropdown .nav-link:hover,
  main .nav-panel .nav-link:hover,
  #footer .box-categories .nav-link:hover,
  #footer .categories-recursive-dropdown .nav-link:hover,
  #footer .nav-panel .nav-link:hover {
    padding-left: 3px;
  }
  header .footer-social-media .btn:hover > i,
  main .footer-social-media .btn:hover > i,
  #footer .footer-social-media .btn:hover > i {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.noUi-touch-area {
  cursor: pointer;
}

/* modals */
.modal-dialog.modal-sidebar {
  webkit-transition: opacity 0.3s linear, right 0.3s ease-out !important;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out !important;
  transition: opacity 0.3s linear, right 0.3s ease-out !important;
  -webkit-transform: translate3d(0%, 0, 0) !important;
  transform: translate3d(0%, 0, 0) !important;
}

/* headings */
.hr-sect-line,
#footer .productlist-filter-headline {
  position: relative;
  margin-bottom: 1.5rem;
}
.hr-sect-line::after,
#footer .productlist-filter-headline::after {
  position: absolute;
  content: "";
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #ffffff;
  height: 0.15rem;
  width: 2rem;
  font-size: 0;
  line-height: 0;
  bottom: -0.5rem;
  left: 0;
}
.hr-sect-line.text-left::after,
#footer .productlist-filter-headline.text-left::after {
  left: 0;
}
.hr-sect-line.text-right::after,
#footer .productlist-filter-headline.text-right::after {
  left: inherit;
  right: 0;
}
.hr-sect-line.text-center::after,
#footer .productlist-filter-headline.text-center::after {
  left: calc(50% - 1.5rem);
}

/* hover */
.productbox-inner .box-onhover {
  opacity: 0;
  position: absolute;
  background-color: #ffffff;
  z-index: 3;
  width: 100%;
  padding: 0 1rem 1.5rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(-3rem);
          transform: translateY(-3rem);
}
.productbox-inner:hover .box-onhover {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* tabs */
.tab-navigation:not(.vertical) .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: calc(100% - 3rem);
  background: #00615c;
  height: 0.15rem;
  left: 1.5rem;
}
.tab-navigation.vertical .nav-link.active::after {
  content: "";
  position: absolute;
  width: 0.2rem;
  background: #00615c;
  height: 100%;
  right: 0;
  top: 0;
}

/* banner */
.banner > .area {
  border: 0 !important;
  border-radius: 50%;
}
.banner > .area::before {
  content: "+";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  line-height: 1;
  border-radius: 50%;
  background: #00615c;
  -webkit-box-shadow: 0 0 0 0 #000000;
          box-shadow: 0 0 0 0 #000000;
  -webkit-animation: pulse 1500ms infinite;
          animation: pulse 1500ms infinite;
}
.banner > .area.black::before {
  background: #000000;
  -webkit-animation: pulse-black 1500ms infinite;
          animation: pulse-black 1500ms infinite;
}
.banner > .area.green::before {
  background: #03B452;
  -webkit-animation: pulse-green 1500ms infinite;
          animation: pulse-green 1500ms infinite;
}
.banner > .area.yellow::before {
  background: #f7d46a;
  -webkit-animation: pulse-yellow 1500ms infinite;
          animation: pulse-yellow 1500ms infinite;
}
.banner > .area.red::before {
  background: #D71313;
  -webkit-animation: pulse-red 1500ms infinite;
          animation: pulse-red 1500ms infinite;
}
.banner > .area.blue::before {
  background: #337CCF;
  -webkit-animation: pulse-blue 1500ms infinite;
          animation: pulse-blue 1500ms infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 97, 92, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 97, 92, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 97, 92, 0);
            box-shadow: 0 0 0 10px rgba(0, 97, 92, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 97, 92, 0);
            box-shadow: 0 0 0 0 rgba(0, 97, 92, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 97, 92, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 97, 92, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 97, 92, 0);
            box-shadow: 0 0 0 10px rgba(0, 97, 92, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 97, 92, 0);
            box-shadow: 0 0 0 0 rgba(0, 97, 92, 0);
  }
}
@-webkit-keyframes pulse-black {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes pulse-black {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes pulse-green {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(3, 180, 82, 0.7);
            box-shadow: 0 0 0 0 rgba(3, 180, 82, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(3, 180, 82, 0);
            box-shadow: 0 0 0 10px rgba(3, 180, 82, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(3, 180, 82, 0);
            box-shadow: 0 0 0 0 rgba(3, 180, 82, 0);
  }
}
@keyframes pulse-green {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(3, 180, 82, 0.7);
            box-shadow: 0 0 0 0 rgba(3, 180, 82, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(3, 180, 82, 0);
            box-shadow: 0 0 0 10px rgba(3, 180, 82, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(3, 180, 82, 0);
            box-shadow: 0 0 0 0 rgba(3, 180, 82, 0);
  }
}
@-webkit-keyframes pulse-yellow {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(247, 212, 106, 0.7);
            box-shadow: 0 0 0 0 rgba(247, 212, 106, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(247, 212, 106, 0);
            box-shadow: 0 0 0 10px rgba(247, 212, 106, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(247, 212, 106, 0);
            box-shadow: 0 0 0 0 rgba(247, 212, 106, 0);
  }
}
@keyframes pulse-yellow {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(247, 212, 106, 0.7);
            box-shadow: 0 0 0 0 rgba(247, 212, 106, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(247, 212, 106, 0);
            box-shadow: 0 0 0 10px rgba(247, 212, 106, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(247, 212, 106, 0);
            box-shadow: 0 0 0 0 rgba(247, 212, 106, 0);
  }
}
@-webkit-keyframes pulse-red {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(215, 19, 19, 0.7);
            box-shadow: 0 0 0 0 rgba(215, 19, 19, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(215, 19, 19, 0);
            box-shadow: 0 0 0 10px rgba(215, 19, 19, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(215, 19, 19, 0);
            box-shadow: 0 0 0 0 rgba(215, 19, 19, 0);
  }
}
@keyframes pulse-red {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(215, 19, 19, 0.7);
            box-shadow: 0 0 0 0 rgba(215, 19, 19, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(215, 19, 19, 0);
            box-shadow: 0 0 0 10px rgba(215, 19, 19, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(215, 19, 19, 0);
            box-shadow: 0 0 0 0 rgba(215, 19, 19, 0);
  }
}
@-webkit-keyframes pulse-blue {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(51, 124, 207, 0.7);
            box-shadow: 0 0 0 0 rgba(51, 124, 207, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(51, 124, 207, 0);
            box-shadow: 0 0 0 10px rgba(51, 124, 207, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(51, 124, 207, 0);
            box-shadow: 0 0 0 0 rgba(51, 124, 207, 0);
  }
}
@keyframes pulse-blue {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(51, 124, 207, 0.7);
            box-shadow: 0 0 0 0 rgba(51, 124, 207, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(51, 124, 207, 0);
            box-shadow: 0 0 0 10px rgba(51, 124, 207, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(51, 124, 207, 0);
            box-shadow: 0 0 0 0 rgba(51, 124, 207, 0);
  }
}
/* toast */
#pushed-success.toast {
  border: 0;
  position: fixed;
  top: 75px;
  right: 5%;
  z-index: 10000;
}
@media (max-width: 767.98px) {
  #pushed-success.toast {
    width: 100%;
    max-width: calc(100% - 5% * 2);
  }
}
#pushed-success .toast-header {
  color: #000000;
}
#pushed-success .toast-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pushed-success .toast-body .icon-wrapper {
  padding: 0 1rem 0 0;
  margin-right: 1rem;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pushed-success .toast-body .icon-wrapper i {
  font-size: 1.5em;
  font-size: 2.25em;
}
#pushed-success .cloase {
  opacity: 1;
}

/* register */
.register-form-account .register-form-account-unreg, .register-form-account .register-form-account-password, .register-form-account .register-form-account-repeat {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .register-form-account .register-form-account-unreg, .register-form-account .register-form-account-password, .register-form-account .register-form-account-repeat {
    margin-bottom: 0;
  }
}

/* customer-login */
.customer-login-buttons {
  margin-bottom: 0;
}
.customer-login-buttons .customer-login-buttons-forgot {
  width: 100%;
  display: block;
  text-decoration: underline;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

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

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

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
}

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

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

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

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

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

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

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

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

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

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
          animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

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

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

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

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
            transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
            transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
            transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
            transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
            transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
            transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
            transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
            transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
            transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
            transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
            transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
            transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
          animation-name: jello;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
            transform: perspective(400px) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
            transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
            transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
            transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
            transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
            transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
            transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
          animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
            transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
            transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
            transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
            transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* print */
@media print {
  #opc,
  #opc button,
  #maintenance-mode,
  #consent-manager,
  #breadcrumb,
  button.start-configuration,
  .product-actions,
  #add-to-cart,
  #footer,
  #product-tabs {
    display: none !important;
  }
  .tab-content > .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-bottom: 1rem;
    border-bottom: 2px solid #ddd;
  }
}
.btn-skip-to {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 100;
  text-decoration: none;
}
.btn-skip-to :focus {
  top: 0;
}

/* SIGNAL */
.delivery-status .status-0, .signal_image .status-0 {
  color: #b90000;
}
.delivery-status .status-1, .signal_image .status-1 {
  color: #f39932;
}
.delivery-status .status-2, .signal_image .status-2 {
  color: #1C7B36;
}

.container.link-content h2, .container.link-content h3, .container.link-content h4, .container.link-content h5, .container.link-content h6 {
  margin-bottom: 0.5em;
}
.container.link-content *:not(h1) + h2,
.container.link-content *:not(h2) + h3,
.container.link-content *:not(h3) + h4,
.container.link-content *:not(h4) + h5 {
  margin-top: 1.5em;
}

#main-wrapper {
  position: relative;
}

body {
  font-size: 1.065rem;
  font-family: "Brandon Text";
  color: #003B38;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .h4, .h5, .h6 {
  font-family: "Brandon Text";
  color: var(--primary);
  font-weight: 700;
}

h2, .h2 {
  font-size: var(--text-xl);
}

a {
  color: #00615c;
  text-decoration-color: #C2D500;
}

@font-face {
  font-family: "Brandon Text";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/BrandonText/BrandonText-Regular.woff2") format('woff2'), url("assets/fonts/BrandonText/BrandonText-Regular.woff") format('woff');
  font-display: swap;
  font-display: swap;
}
@font-face {
  font-family: "Brandon Text";
  font-style: italic;
  font-weight: 400;
  src: url("assets/fonts/BrandonText/BrandonText-RegularItalic.woff2") format('woff2'), url("assets/fonts/BrandonText/BrandonText-RegularItalic.woff") format('woff');
  font-display: swap;
  font-display: swap;
}
@font-face {
  font-family: "Brandon Text";
  font-style: normal;
  font-weight: 500;
  src: url("assets/fonts/BrandonText/BrandonText-Medium.woff2") format('woff2'), url("assets/fonts/BrandonText/BrandonText-Medium.woff") format('woff');
  font-display: swap;
  font-display: swap;
}
@font-face {
  font-family: "Brandon Text";
  font-style: italic;
  font-weight: 500;
  src: url("assets/fonts/BrandonText/BrandonText-MediumItalic.woff2") format('woff2'), url("assets/fonts/BrandonText/BrandonText-MediumItalic.woff") format('woff');
  font-display: swap;
  font-display: swap;
}
@font-face {
  font-family: "Brandon Text";
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/BrandonText/BrandonText-Bold.woff2") format('woff2'), url("assets/fonts/BrandonText/BrandonText-Bold.woff") format('woff');
  font-display: swap;
  font-display: swap;
}
@font-face {
  font-family: "Brandon Text";
  font-style: italic;
  font-weight: 700;
  src: url("assets/fonts/BrandonText/BrandonText-BoldItalic.woff2") format('woff2'), url("assets/fonts/BrandonText/BrandonText-BoldItalic.woff") format('woff');
  font-display: swap;
  font-display: swap;
}
@font-face {
  font-family: "Brandon Text";
  font-style: normal;
  font-weight: 900;
  src: url("assets/fonts/BrandonText/BrandonText-Black.woff2") format('woff2'), url("assets/fonts/BrandonText/BrandonText-Black.woff") format('woff');
  font-display: swap;
  font-display: swap;
}
@font-face {
  font-family: "Market Pro";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/MarketPro/MarketPro-Regular.woff2") format('woff2'), url("assets/fonts/MarketPro/MarketPro-Regular.woff") format('woff');
  font-display: swap;
  font-display: swap;
}
html.cf-theme-dark {
  color-scheme: dark;
}

:root {
  --min-screen-width: 320px;
  --max-screen-width: 1430px;
  --primary: #00615c;
  --primary-5: #00615c0d;
  --primary-10: #00615c1a;
  --primary-20: #00615c33;
  --primary-30: #00615c4d;
  --primary-40: #00615c66;
  --primary-50: #00615c80;
  --primary-60: #00615c99;
  --primary-70: #00615cb3;
  --primary-80: #00615ccc;
  --primary-90: #00615ce6;
  --primary-d-1: #0c4f4b;
  --primary-d-2: #113c39;
  --primary-d-3: #292d1a;
  --primary-d-4: #181a11;
  --primary-l-1: #2d716d;
  --primary-l-2: #49837e;
  --primary-l-3: #939a75;
  --primary-l-4: #7ea5a1;
  --primary-l-5: #b6bba1;
  --primary-l-6: #b1c9c6;
  --primary-l-7: #dadccf;
  --primary-l-8: #eceee7;
  --secondary: #6BA43A;
  --secondary-5: #6ba43a0d;
  --secondary-10: #6ba43a1a;
  --secondary-20: #6ba43a33;
  --secondary-30: #6ba43a4d;
  --secondary-40: #6ba43a66;
  --secondary-50: #6ba43a80;
  --secondary-60: #6ba43a99;
  --secondary-70: #6ba43ab3;
  --secondary-80: #6ba43acc;
  --secondary-90: #6ba43ae6;
  --secondary-d-1: #578131;
  --secondary-d-2: #405e26;
  --secondary-d-3: #2d3f1c;
  --secondary-d-4: #192112;
  --secondary-l-1: #89b762;
  --secondary-l-2: #a7c888;
  --secondary-l-3: #c4daaf;
  --secondary-l-4: #e1ecd5;
  --tertiary: hsla(185, 49%, 46%, 1);
  --tertiary-5: hsla(185, 49%, 46%, 0.05);
  --tertiary-10: hsla(185, 49%, 46%, 0.1);
  --tertiary-20: hsla(185, 49%, 46%, 0.2);
  --tertiary-30: hsla(185, 49%, 46%, 0.3);
  --tertiary-40: hsla(185, 49%, 46%, 0.4);
  --tertiary-50: hsla(185, 49%, 46%, 0.5);
  --tertiary-60: hsla(185, 49%, 46%, 0.6);
  --tertiary-70: hsla(185, 49%, 46%, 0.7);
  --tertiary-80: hsla(185, 49%, 46%, 0.8);
  --tertiary-90: hsla(185, 49%, 46%, 0.9);
  --tertiary-d-1: hsl(185, 45%, 37%);
  --tertiary-d-2: hsl(185, 41%, 28%);
  --tertiary-d-3: hsl(186, 35%, 20%);
  --tertiary-d-4: hsl(186, 26%, 11%);
  --tertiary-l-1: hsl(186, 39%, 58%);
  --tertiary-l-2: hsl(186, 38%, 69%);
  --tertiary-l-3: hsl(185, 37%, 80%);
  --tertiary-l-4: hsl(185, 37%, 90%);
  --bg-body: var(--primary-l-8);
  --bg-surface: hsla(0, 0%, 100%, 1);
  --bg-form: #fafdf8;
  --text-body: var(--primary-d-4);
  --text-title: #00615c;
  --text-light: hsla(92, 15%, 44%, 1);
  --text-link: var(--tertiary);
  --text-hover: var(--tertiary-d-2);
  --border-primary: var(--tertiary);
  --shadow-primary: hsla(0, 0%, 0%, 0.15);
  --border-light: #edf4e7;
  --light: hsl(85, 0%, 100%);
  --light-5: hsla(0, 0%, 100%, 0.05);
  --light-10: hsla(0, 0%, 100%, 0.1);
  --light-20: hsla(0, 0%, 100%, 0.2);
  --light-30: hsla(0, 0%, 100%, 0.3);
  --light-40: hsla(0, 0%, 100%, 0.4);
  --light-50: hsla(0, 0%, 100%, 0.5);
  --light-60: hsla(0, 0%, 100%, 0.6);
  --light-70: hsla(0, 0%, 100%, 0.7);
  --light-80: hsla(0, 0%, 100%, 0.8);
  --light-90: hsla(0, 0%, 100%, 0.9);
  --dark: hsla(0, 0%, 0%, 1);
  --dark-5: hsla(0, 0%, 0%, 0.05);
  --dark-10: hsla(0, 0%, 0%, 0.1);
  --dark-20: hsla(0, 0%, 0%, 0.2);
  --dark-30: hsla(0, 0%, 0%, 0.3);
  --dark-40: hsla(0, 0%, 0%, 0.4);
  --dark-50: hsla(0, 0%, 0%, 0.5);
  --dark-60: hsla(0, 0%, 0%, 0.6);
  --dark-70: hsla(0, 0%, 0%, 0.7);
  --dark-80: hsla(0, 0%, 0%, 0.8);
  --dark-90: hsla(0, 0%, 0%, 0.9);
  --success: hsl(136, 95%, 56%);
  --success-5: hsla(136, 95%, 56%, 0.05);
  --success-10: hsla(136, 95%, 56%, 0.1);
  --success-20: hsla(136, 95%, 56%, 0.2);
  --success-30: hsla(136, 95%, 56%, 0.3);
  --success-40: hsla(136, 95%, 56%, 0.4);
  --success-50: hsla(136, 95%, 56%, 0.5);
  --success-60: hsla(136, 95%, 56%, 0.6);
  --success-70: hsla(136, 95%, 56%, 0.7);
  --success-80: hsla(136, 95%, 56%, 0.8);
  --success-90: hsla(136, 95%, 56%, 0.9);
  --error: hsl(351, 95%, 56%);
  --error-5: hsla(351, 95%, 56%, 0.05);
  --error-10: hsla(351, 95%, 56%, 0.1);
  --error-20: hsla(351, 95%, 56%, 0.2);
  --error-30: hsla(351, 95%, 56%, 0.3);
  --error-40: hsla(351, 95%, 56%, 0.4);
  --error-50: hsla(351, 95%, 56%, 0.5);
  --error-60: hsla(351, 95%, 56%, 0.6);
  --error-70: hsla(351, 95%, 56%, 0.7);
  --error-80: hsla(351, 95%, 56%, 0.8);
  --error-90: hsla(351, 95%, 56%, 0.9);
  --space-4xs: clamp(0.33rem, calc(-0.03vw + 0.33rem), 0.31rem);
  --space-3xs: clamp(0.41rem, calc(0.04vw + 0.4rem), 0.44rem);
  --space-2xs: clamp(0.51rem, calc(0.15vw + 0.48rem), 0.62rem);
  --space-xs: clamp(0.64rem, calc(0.34vw + 0.57rem), 0.88rem);
  --space-s: clamp(0.8rem, calc(0.63vw + 0.67rem), 1.24rem);
  --space-m: clamp(1rem, calc(1.08vw + 0.78rem), 1.75rem);
  --space-l: clamp(1.25rem, calc(1.77vw + 0.9rem), 2.47rem);
  --space-xl: clamp(1.56rem, calc(2.79vw + 1rem), 3.5rem);
  --space-2xl: clamp(1.95rem, calc(4.32vw + 1.09rem), 4.95rem);
  --space-3xl: clamp(2.44rem, calc(6.56vw + 1.13rem), 7rem);
  --space-4xl: clamp(3.05rem, calc(9.86vw + 1.08rem), 9.89rem);
  --text-xs: clamp(0.89rem, calc(-0.01vw + 0.89rem), 0.88rem);
  --text-s: clamp(1rem, calc(0.14vw + 0.97rem), 1.1rem);
  --text-m: clamp(1.13rem, calc(0.36vw + 1.05rem), 1.38rem);
  --text-l: clamp(1.27rem, calc(0.65vw + 1.14rem), 1.72rem);
  --text-xl: clamp(1.42rem, calc(1.04vw + 1.22rem), 2.15rem);
  --text-2xl: clamp(1.6rem, calc(1.56vw + 1.29rem), 2.69rem);
  --text-3xl: clamp(1.8rem, calc(2.24vw + 1.35rem), 3.36rem);
  --text-4xl: clamp(2.03rem, calc(3.13vw + 1.4rem), 4.2rem);
  --hero-title-size: var(--text-4xl);
  --post-title-size: var(--text-2xl);
  --nav-link-size: var(--text-s);
  --header-space: var(--space-s);
  --btn-space: var(--space-xs) var(--space-s);
  --card-space: var(--space-s);
  --footer-space: var(--space-s) var(--space-m);
  --columns-1: repeat(1, minmax(0, 1fr));
  --columns-2: repeat(2, minmax(0, 1fr));
  --columns-3: repeat(3, minmax(0, 1fr));
  --columns-4: repeat(4, minmax(0, 1fr));
  --columns-5: repeat(5, minmax(0, 1fr));
  --columns-6: repeat(6, minmax(0, 1fr));
  --columns-7: repeat(7, minmax(0, 1fr));
  --columns-8: repeat(8, minmax(0, 1fr));
  --radius-xs: clamp(0.25rem, calc(0vw + 0.25rem), 0.25rem);
  --radius-s: clamp(0.38rem, calc(-0.18vw + 0.54rem), 0.5rem);
  --radius-m: clamp(0.63rem, calc(-0.18vw + 0.79rem), 0.75rem);
  --radius-l: clamp(1rem, calc(-0.36vw + 1.32rem), 1.25rem);
  --radius-xl: clamp(1.63rem, calc(-0.54vw + 2.11rem), 2rem);
  --radius-full: 999rem;
  --shadow-xs: 0 1px 2px var(--shadow-primary);
  --shadow-s: 0 1.5px 3px var(--shadow-primary);
  --shadow-m: 0 2px 6px var(--shadow-primary);
  --shadow-l: 0 3px 12px var(--shadow-primary);
  --shadow-xl: 0 6px 48px var(--shadow-primary);
}

:root.cf-theme-dark, :root.cf-theme-light .theme-inverted, :root.cf-theme-light .theme-always-dark, :root.cf-theme-dark .theme-inverted .theme-always-dark {
  --primary: #606c37;
  --primary-5: #606c370d;
  --primary-10: #606c371a;
  --primary-20: #606c3733;
  --primary-30: #606c374d;
  --primary-40: #606c3766;
  --primary-50: #606c3780;
  --primary-60: #606c3799;
  --primary-70: #606c37b3;
  --primary-80: #606c37cc;
  --primary-90: #606c37e6;
  --secondary: #283618;
  --secondary-5: #2836180d;
  --secondary-10: #2836181a;
  --secondary-20: #28361833;
  --secondary-30: #2836184d;
  --secondary-40: #28361866;
  --secondary-50: #28361880;
  --secondary-60: #28361899;
  --secondary-70: #283618b3;
  --secondary-80: #283618cc;
  --secondary-90: #283618e6;
  --tertiary: hsla(185, 49%, 46%, 1);
  --tertiary-5: hsla(185, 49%, 46%, 0.05);
  --tertiary-10: hsla(185, 49%, 46%, 0.1);
  --tertiary-20: hsla(185, 49%, 46%, 0.2);
  --tertiary-30: hsla(185, 49%, 46%, 0.3);
  --tertiary-40: hsla(185, 49%, 46%, 0.4);
  --tertiary-50: hsla(185, 49%, 46%, 0.5);
  --tertiary-60: hsla(185, 49%, 46%, 0.6);
  --tertiary-70: hsla(185, 49%, 46%, 0.7);
  --tertiary-80: hsla(185, 49%, 46%, 0.8);
  --tertiary-90: hsla(185, 49%, 46%, 0.9);
  --bg-body: #e6e6e6;
  --bg-surface: hsla(0, 0%, 15%, 1);
  --bg-form: #fafdf8;
  --text-body: #171910;
  --text-title: #00615c;
  --text-light: hsla(92, 15%, 44%, 1);
  --text-link: #3ca5af;
  --text-hover: #0d9cde;
  --text-accent: #C2D500;
  --border-primary: #80808040;
  --shadow-primary: hsla(0, 0%, 0%, 0.4);
  --light: hsla(0, 0%, 0%, 1);
  --light-5: hsla(0, 0%, 0%, 0.05);
  --light-10: hsla(0, 0%, 0%, 0.1);
  --light-20: hsla(0, 0%, 0%, 0.2);
  --light-30: hsla(0, 0%, 0%, 0.3);
  --light-40: hsla(0, 0%, 0%, 0.4);
  --light-50: hsla(0, 0%, 0%, 0.5);
  --light-60: hsla(0, 0%, 0%, 0.6);
  --light-70: hsla(0, 0%, 0%, 0.7);
  --light-80: hsla(0, 0%, 0%, 0.8);
  --light-90: hsla(0, 0%, 0%, 0.9);
  --dark: hsla(0, 0%, 100%, 1);
  --dark-5: hsla(0, 0%, 100%, 0.05);
  --dark-10: hsla(0, 0%, 100%, 0.1);
  --dark-20: hsla(0, 0%, 100%, 0.2);
  --dark-30: hsla(0, 0%, 100%, 0.3);
  --dark-40: hsla(0, 0%, 100%, 0.4);
  --dark-50: hsla(0, 0%, 100%, 0.5);
  --dark-60: hsla(0, 0%, 100%, 0.6);
  --dark-70: hsla(0, 0%, 100%, 0.7);
  --dark-80: hsla(0, 0%, 100%, 0.8);
  --dark-90: hsla(0, 0%, 100%, 0.9);
}

/*
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3xs);
    padding: var(--space-xs) var(--space-s);
    background: var(--tertiary);
    color: #fff;
    font-size: var(--text-m);
    font-weight: 600;
    border-radius: var(--radius-full);
    border: 1px solid var(--tertiary);
    transition: all 0.25s ease-in-out;
    outline: 0;
    cursor: pointer;
}
.btn:hover {
    background: var(--text-hover);
}
.btn.small {
    font-size: var(--text-s);
    padding: var(--space-xs) var(--space-s);
}
.btn.large {
    font-size: var(--text-l);
    padding: var(--space-s) var(--space-m);
}
.btn.tertiary {
    background: var(--tertiary);
    border-color: var(--tertiary-d-1);
}
.btn.ghost {
    color: var(--dark-80);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}
.btn.slight {
    color: var(--dark-80);
    background: var(--bg-surface);
    border-color: var(--border-primary);
    box-shadow: var(--shadow-s);
}
.btn.secondary {
    background: var(--secondary);
    border-color: var(--secondary-d-1);
}
.btn.ghost:hover {
    background: var(--dark-10);
}
.btn.slight:hover {
    background: var(--dark-5);
}
.btn.tertiary:hover {
    background: var(--tertiary-d-1);
}
.btn.secondary:hover {
    background: var(--secondary-d-1);
}
.btn:focus {
    outline: 4px solid var(--primary-l-3);
    outline-offset: 2px;
}
.btn.no-bg {
    color: var(--dark-80);
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
.btn.no-bg:hover {
    color: var(--dark);
}

.badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-4xs);
    padding: var(--space-2xs) var(--space-s);
    background: var(--dark-10);
    color: var(--primary);
    font-size: var(--text-s);
    font-weight: 500;
    border-radius: var(--radius-full);
    border: 0;
    outline: 0;
}
.badge.secondary {
    color: var(--secondary);
}
    */
.link {
  color: var(--primary);
  font-size: var(--text-m);
  font-weight: 600;
  letter-spacing: 0.05rem;
  -webkit-box-shadow: 0 2px 0 var(--primary-20);
          box-shadow: 0 2px 0 var(--primary-20);
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.link:hover {
  -webkit-box-shadow: 0 2px 0 var(--primary-40);
          box-shadow: 0 2px 0 var(--primary-40);
}

.link:focus {
  background: var(--primary-10);
}

.link.secondary {
  color: var(--secondary);
  border-color: var(--secondary-20);
}

.link.tertiary {
  color: var(--tertiary);
  border-color: var(--tertiary-20);
}

.input {
  padding: var(--space-xs) var(--space-s);
  background: var(--dark-5);
  color: var(--text-title);
  font-size: var(--text-m);
  font-weight: 500;
  border-radius: var(--radius-m);
  border: 1px solid var(--border-primary);
  -webkit-box-shadow: var(--shadow-xs);
          box-shadow: var(--shadow-xs);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
}

.input:focus {
  background: var(--primary-20);
  border-color: var(--primary);
  -webkit-box-shadow: var(--shadow-l);
          box-shadow: var(--shadow-l);
}

.input:hover {
  border-color: var(--primary);
  background: transparent;
  -webkit-box-shadow: var(--shadow-l);
          box-shadow: var(--shadow-l);
}

.input::-webkit-input-placeholder {
  color: var(--dark-40);
}

.input::-moz-placeholder {
  color: var(--dark-40);
}

.input:-ms-input-placeholder {
  color: var(--dark-40);
}

.input::-ms-input-placeholder {
  color: var(--dark-40);
}

.input::placeholder {
  color: var(--dark-40);
}

.input:invalid {
  border-color: var(--error);
  background: var(--error-10);
}

.input:disabled {
  cursor: not-allowed;
  opacity: 0.75;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: var(--dark-10);
}

.select {
  padding: var(--space-xs) var(--space-s);
  background: var(--dark-5);
  color: var(--text-body);
  font-size: var(--text-m);
  font-weight: 500;
  border-radius: var(--radius-m);
  border: 1px solid var(--border-primary);
  -webkit-box-shadow: var(--shadow-xs);
          box-shadow: var(--shadow-xs);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  outline: 0;
}

.select:focus {
  background: var(--primary-20);
  border-color: var(--primary);
}

.select:hover {
  border-color: var(--primary);
}

.select::-webkit-input-placeholder {
  color: var(--dark-40);
}

.select::-moz-placeholder {
  color: var(--dark-40);
}

.select:-ms-input-placeholder {
  color: var(--dark-40);
}

.select::-ms-input-placeholder {
  color: var(--dark-40);
}

.select::placeholder {
  color: var(--dark-40);
}

.select:invalid {
  border-color: var(--error);
  background: var(--error-10);
}

.select:disabled {
  cursor: not-allowed;
  opacity: 0.75;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: var(--dark-10);
}

.icon {
  color: var(--primary);
  width: var(--space-2xl);
  height: auto;
  font-size: var(--space-2xl);
}

.icon.large {
  width: var(--space-3xl);
  font-size: var(--space-3xl);
}

.icon.secondary {
  color: var(--secondary);
}

.icon.tertiary {
  color: var(--tertiary);
}

.icon.outline {
  padding: 0.5em;
  border: 1px solid var(--border-primary);
  border-radius: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.icon.filled {
  padding: 0.5em;
  border-radius: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background: var(--dark-10);
}

.icon.small {
  width: var(--space-l);
  font-size: var(--space-l);
}

.avatar {
  width: var(--space-2xl);
  height: var(--space-2xl);
  border-radius: 100%;
  -webkit-box-shadow: var(--shadow-m);
          box-shadow: var(--shadow-m);
  -o-object-fit: cover;
     object-fit: cover;
}

.avatar.small {
  width: var(--space-l);
  height: var(--space-l);
}

.avatar.large {
  width: var(--space-4xl);
  height: var(--space-4xl);
}

.divider {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  min-height: 1px;
  height: 1px;
  max-height: 1px;
  background: var(--border-primary);
  margin: var(--space-m) 0;
  border: 0;
}

.divider.vertical {
  min-width: 1px;
  width: 1px;
  max-width: 1px;
  min-height: 100%;
  height: 100%;
  max-height: 100%;
}

.bg-primary {
  background-color: var(--primary);
}

.bg-primary-5 {
  background-color: var(--primary-5);
}

.bg-primary-10 {
  background-color: var(--primary-10);
}

.bg-primary-20 {
  background-color: var(--primary-20);
}

.bg-primary-30 {
  background-color: var(--primary-30);
}

.bg-primary-40 {
  background-color: var(--primary-40);
}

.bg-primary-50 {
  background-color: var(--primary-50);
}

.bg-primary-60 {
  background-color: var(--primary-60);
}

.bg-primary-70 {
  background-color: var(--primary-70);
}

.bg-primary-80 {
  background-color: var(--primary-80);
}

.bg-primary-90 {
  background-color: var(--primary-90);
}

.bg-primary-d-1 {
  background-color: var(--primary-d-1);
}

.bg-primary-d-2 {
  background-color: var(--primary-d-2);
}

.bg-primary-d-3 {
  background-color: var(--primary-d-3);
}

.bg-primary-d-4 {
  background-color: var(--primary-d-4);
}

.bg-primary-l-1 {
  background-color: var(--primary-l-1);
}

.bg-primary-l-2 {
  background-color: var(--primary-l-2);
}

.bg-primary-l-3 {
  background-color: var(--primary-l-3);
}

.bg-primary-l-4 {
  background-color: var(--primary-l-4);
}

.bg-primary-l-5 {
  background-color: var(--primary-l-5);
}

.bg-primary-l-6 {
  background-color: var(--primary-l-6);
}

.bg-primary-l-7 {
  background-color: var(--primary-l-7);
}

.bg-primary-l-8 {
  background-color: var(--primary-l-8);
}

.text-primary {
  color: var(--primary);
}

.text-primary-5 {
  color: var(--primary-5);
}

.text-primary-10 {
  color: var(--primary-10);
}

.text-primary-20 {
  color: var(--primary-20);
}

.text-primary-30 {
  color: var(--primary-30);
}

.text-primary-40 {
  color: var(--primary-40);
}

.text-primary-50 {
  color: var(--primary-50);
}

.text-primary-60 {
  color: var(--primary-60);
}

.text-primary-70 {
  color: var(--primary-70);
}

.text-primary-80 {
  color: var(--primary-80);
}

.text-primary-90 {
  color: var(--primary-90);
}

.text-primary-d-1 {
  color: var(--primary-d-1);
}

.text-primary-d-2 {
  color: var(--primary-d-2);
}

.text-primary-d-3 {
  color: var(--primary-d-3);
}

.text-primary-d-4 {
  color: var(--primary-d-4);
}

.text-primary-l-1 {
  color: var(--primary-l-1);
}

.text-primary-l-2 {
  color: var(--primary-l-2);
}

.text-primary-l-3 {
  color: var(--primary-l-3);
}

.text-primary-l-4 {
  color: var(--primary-l-4);
}

.text-primary-l-5 {
  color: var(--primary-l-5);
}

.text-primary-l-6 {
  color: var(--primary-l-6);
}

.text-primary-l-7 {
  color: var(--primary-l-7);
}

.text-primary-l-8 {
  color: var(--primary-l-8);
}

.border-primary {
  border-color: var(--primary);
  border-color: var(--border-primary);
}

.border-primary-5 {
  border-color: var(--primary-5);
}

.border-primary-10 {
  border-color: var(--primary-10);
}

.border-primary-20 {
  border-color: var(--primary-20);
}

.border-primary-30 {
  border-color: var(--primary-30);
}

.border-primary-40 {
  border-color: var(--primary-40);
}

.border-primary-50 {
  border-color: var(--primary-50);
}

.border-primary-60 {
  border-color: var(--primary-60);
}

.border-primary-70 {
  border-color: var(--primary-70);
}

.border-primary-80 {
  border-color: var(--primary-80);
}

.border-primary-90 {
  border-color: var(--primary-90);
}

.border-primary-d-1 {
  border-color: var(--primary-d-1);
}

.border-primary-d-2 {
  border-color: var(--primary-d-2);
}

.border-primary-d-3 {
  border-color: var(--primary-d-3);
}

.border-primary-d-4 {
  border-color: var(--primary-d-4);
}

.border-primary-l-1 {
  border-color: var(--primary-l-1);
}

.border-primary-l-2 {
  border-color: var(--primary-l-2);
}

.border-primary-l-3 {
  border-color: var(--primary-l-3);
}

.border-primary-l-4 {
  border-color: var(--primary-l-4);
}

.border-primary-l-5 {
  border-color: var(--primary-l-5);
}

.border-primary-l-6 {
  border-color: var(--primary-l-6);
}

.border-primary-l-7 {
  border-color: var(--primary-l-7);
}

.border-primary-l-8 {
  border-color: var(--primary-l-8);
}

.bg-secondary {
  background-color: var(--secondary);
}

.bg-secondary-5 {
  background-color: var(--secondary-5);
}

.bg-secondary-10 {
  background-color: var(--secondary-10);
}

.bg-secondary-20 {
  background-color: var(--secondary-20);
}

.bg-secondary-30 {
  background-color: var(--secondary-30);
}

.bg-secondary-40 {
  background-color: var(--secondary-40);
}

.bg-secondary-50 {
  background-color: var(--secondary-50);
}

.bg-secondary-60 {
  background-color: var(--secondary-60);
}

.bg-secondary-70 {
  background-color: var(--secondary-70);
}

.bg-secondary-80 {
  background-color: var(--secondary-80);
}

.bg-secondary-90 {
  background-color: var(--secondary-90);
}

.bg-secondary-d-1 {
  background-color: var(--secondary-d-1);
}

.bg-secondary-d-2 {
  background-color: var(--secondary-d-2);
}

.bg-secondary-d-3 {
  background-color: var(--secondary-d-3);
}

.bg-secondary-d-4 {
  background-color: var(--secondary-d-4);
}

.bg-secondary-l-1 {
  background-color: var(--secondary-l-1);
}

.bg-secondary-l-2 {
  background-color: var(--secondary-l-2);
}

.bg-secondary-l-3 {
  background-color: var(--secondary-l-3);
}

.bg-secondary-l-4 {
  background-color: var(--secondary-l-4);
}

.text-secondary {
  color: var(--secondary);
}

.text-secondary-5 {
  color: var(--secondary-5);
}

.text-secondary-10 {
  color: var(--secondary-10);
}

.text-secondary-20 {
  color: var(--secondary-20);
}

.text-secondary-30 {
  color: var(--secondary-30);
}

.text-secondary-40 {
  color: var(--secondary-40);
}

.text-secondary-50 {
  color: var(--secondary-50);
}

.text-secondary-60 {
  color: var(--secondary-60);
}

.text-secondary-70 {
  color: var(--secondary-70);
}

.text-secondary-80 {
  color: var(--secondary-80);
}

.text-secondary-90 {
  color: var(--secondary-90);
}

.text-secondary-d-1 {
  color: var(--secondary-d-1);
}

.text-secondary-d-2 {
  color: var(--secondary-d-2);
}

.text-secondary-d-3 {
  color: var(--secondary-d-3);
}

.text-secondary-d-4 {
  color: var(--secondary-d-4);
}

.text-secondary-l-1 {
  color: var(--secondary-l-1);
}

.text-secondary-l-2 {
  color: var(--secondary-l-2);
}

.text-secondary-l-3 {
  color: var(--secondary-l-3);
}

.text-secondary-l-4 {
  color: var(--secondary-l-4);
}

.border-secondary {
  border-color: var(--secondary);
}

.border-secondary-5 {
  border-color: var(--secondary-5);
}

.border-secondary-10 {
  border-color: var(--secondary-10);
}

.border-secondary-20 {
  border-color: var(--secondary-20);
}

.border-secondary-30 {
  border-color: var(--secondary-30);
}

.border-secondary-40 {
  border-color: var(--secondary-40);
}

.border-secondary-50 {
  border-color: var(--secondary-50);
}

.border-secondary-60 {
  border-color: var(--secondary-60);
}

.border-secondary-70 {
  border-color: var(--secondary-70);
}

.border-secondary-80 {
  border-color: var(--secondary-80);
}

.border-secondary-90 {
  border-color: var(--secondary-90);
}

.border-secondary-d-1 {
  border-color: var(--secondary-d-1);
}

.border-secondary-d-2 {
  border-color: var(--secondary-d-2);
}

.border-secondary-d-3 {
  border-color: var(--secondary-d-3);
}

.border-secondary-d-4 {
  border-color: var(--secondary-d-4);
}

.border-secondary-l-1 {
  border-color: var(--secondary-l-1);
}

.border-secondary-l-2 {
  border-color: var(--secondary-l-2);
}

.border-secondary-l-3 {
  border-color: var(--secondary-l-3);
}

.border-secondary-l-4 {
  border-color: var(--secondary-l-4);
}

.bg-tertiary {
  background-color: var(--tertiary);
}

.bg-tertiary-5 {
  background-color: var(--tertiary-5);
}

.bg-tertiary-10 {
  background-color: var(--tertiary-10);
}

.bg-tertiary-20 {
  background-color: var(--tertiary-20);
}

.bg-tertiary-30 {
  background-color: var(--tertiary-30);
}

.bg-tertiary-40 {
  background-color: var(--tertiary-40);
}

.bg-tertiary-50 {
  background-color: var(--tertiary-50);
}

.bg-tertiary-60 {
  background-color: var(--tertiary-60);
}

.bg-tertiary-70 {
  background-color: var(--tertiary-70);
}

.bg-tertiary-80 {
  background-color: var(--tertiary-80);
}

.bg-tertiary-90 {
  background-color: var(--tertiary-90);
}

.bg-tertiary-d-1 {
  background-color: var(--tertiary-d-1);
}

.bg-tertiary-d-2 {
  background-color: var(--tertiary-d-2);
}

.bg-tertiary-d-3 {
  background-color: var(--tertiary-d-3);
}

.bg-tertiary-d-4 {
  background-color: var(--tertiary-d-4);
}

.bg-tertiary-l-1 {
  background-color: var(--tertiary-l-1);
}

.bg-tertiary-l-2 {
  background-color: var(--tertiary-l-2);
}

.bg-tertiary-l-3 {
  background-color: var(--tertiary-l-3);
}

.bg-tertiary-l-4 {
  background-color: var(--tertiary-l-4);
}

.text-tertiary {
  color: var(--tertiary);
}

.text-tertiary-5 {
  color: var(--tertiary-5);
}

.text-tertiary-10 {
  color: var(--tertiary-10);
}

.text-tertiary-20 {
  color: var(--tertiary-20);
}

.text-tertiary-30 {
  color: var(--tertiary-30);
}

.text-tertiary-40 {
  color: var(--tertiary-40);
}

.text-tertiary-50 {
  color: var(--tertiary-50);
}

.text-tertiary-60 {
  color: var(--tertiary-60);
}

.text-tertiary-70 {
  color: var(--tertiary-70);
}

.text-tertiary-80 {
  color: var(--tertiary-80);
}

.text-tertiary-90 {
  color: var(--tertiary-90);
}

.text-tertiary-d-1 {
  color: var(--tertiary-d-1);
}

.text-tertiary-d-2 {
  color: var(--tertiary-d-2);
}

.text-tertiary-d-3 {
  color: var(--tertiary-d-3);
}

.text-tertiary-d-4 {
  color: var(--tertiary-d-4);
}

.text-tertiary-l-1 {
  color: var(--tertiary-l-1);
}

.text-tertiary-l-2 {
  color: var(--tertiary-l-2);
}

.text-tertiary-l-3 {
  color: var(--tertiary-l-3);
}

.text-tertiary-l-4 {
  color: var(--tertiary-l-4);
}

.border-tertiary {
  border-color: var(--tertiary);
}

.border-tertiary-5 {
  border-color: var(--tertiary-5);
}

.border-tertiary-10 {
  border-color: var(--tertiary-10);
}

.border-tertiary-20 {
  border-color: var(--tertiary-20);
}

.border-tertiary-30 {
  border-color: var(--tertiary-30);
}

.border-tertiary-40 {
  border-color: var(--tertiary-40);
}

.border-tertiary-50 {
  border-color: var(--tertiary-50);
}

.border-tertiary-60 {
  border-color: var(--tertiary-60);
}

.border-tertiary-70 {
  border-color: var(--tertiary-70);
}

.border-tertiary-80 {
  border-color: var(--tertiary-80);
}

.border-tertiary-90 {
  border-color: var(--tertiary-90);
}

.border-tertiary-d-1 {
  border-color: var(--tertiary-d-1);
}

.border-tertiary-d-2 {
  border-color: var(--tertiary-d-2);
}

.border-tertiary-d-3 {
  border-color: var(--tertiary-d-3);
}

.border-tertiary-d-4 {
  border-color: var(--tertiary-d-4);
}

.border-tertiary-l-1 {
  border-color: var(--tertiary-l-1);
}

.border-tertiary-l-2 {
  border-color: var(--tertiary-l-2);
}

.border-tertiary-l-3 {
  border-color: var(--tertiary-l-3);
}

.border-tertiary-l-4 {
  border-color: var(--tertiary-l-4);
}

.bg-body {
  background-color: var(--bg-body);
}

.bg-surface {
  background-color: var(--bg-surface);
}

.text-body {
  color: var(--text-body);
}

.text-title {
  color: var(--text-title);
}

.bg-light {
  background-color: var(--light);
}

.bg-light-5 {
  background-color: var(--light-5);
}

.bg-light-10 {
  background-color: var(--light-10);
}

.bg-light-20 {
  background-color: var(--light-20);
}

.bg-light-30 {
  background-color: var(--light-30);
}

.bg-light-40 {
  background-color: var(--light-40);
}

.bg-light-50 {
  background-color: var(--light-50);
}

.bg-light-60 {
  background-color: var(--light-60);
}

.bg-light-70 {
  background-color: var(--light-70);
}

.bg-light-80 {
  background-color: var(--light-80);
}

.bg-light-90 {
  background-color: var(--light-90);
}

.text-light {
  color: var(--light);
}

.text-light-5 {
  color: var(--light-5);
}

.text-light-10 {
  color: var(--light-10);
}

.text-light-20 {
  color: var(--light-20);
}

.text-light-30 {
  color: var(--light-30);
}

.text-light-40 {
  color: var(--light-40);
}

.text-light-50 {
  color: var(--light-50);
}

.text-light-60 {
  color: var(--light-60);
}

.text-light-70 {
  color: var(--light-70);
}

.text-light-80 {
  color: var(--light-80);
}

.text-light-90 {
  color: var(--light-90);
}

.border-light {
  border-color: var(--light);
}

.border-light-5 {
  border-color: var(--light-5);
}

.border-light-10 {
  border-color: var(--light-10);
}

.border-light-20 {
  border-color: var(--light-20);
}

.border-light-30 {
  border-color: var(--light-30);
}

.border-light-40 {
  border-color: var(--light-40);
}

.border-light-50 {
  border-color: var(--light-50);
}

.border-light-60 {
  border-color: var(--light-60);
}

.border-light-70 {
  border-color: var(--light-70);
}

.border-light-80 {
  border-color: var(--light-80);
}

.border-light-90 {
  border-color: var(--light-90);
}

.bg-dark {
  background-color: var(--dark);
}

.bg-dark-5 {
  background-color: var(--dark-5);
}

.bg-dark-10 {
  background-color: var(--dark-10);
}

.bg-dark-20 {
  background-color: var(--dark-20);
}

.bg-dark-30 {
  background-color: var(--dark-30);
}

.bg-dark-40 {
  background-color: var(--dark-40);
}

.bg-dark-50 {
  background-color: var(--dark-50);
}

.bg-dark-60 {
  background-color: var(--dark-60);
}

.bg-dark-70 {
  background-color: var(--dark-70);
}

.bg-dark-80 {
  background-color: var(--dark-80);
}

.bg-dark-90 {
  background-color: var(--dark-90);
}

.text-dark {
  color: var(--dark);
}

.text-dark-5 {
  color: var(--dark-5);
}

.text-dark-10 {
  color: var(--dark-10);
}

.text-dark-20 {
  color: var(--dark-20);
}

.text-dark-30 {
  color: var(--dark-30);
}

.text-dark-40 {
  color: var(--dark-40);
}

.text-dark-50 {
  color: var(--dark-50);
}

.text-dark-60 {
  color: var(--dark-60);
}

.text-dark-70 {
  color: var(--dark-70);
}

.text-dark-80 {
  color: var(--dark-80);
}

.text-dark-90 {
  color: var(--dark-90);
}

.border-dark {
  border-color: var(--dark);
}

.border-dark-5 {
  border-color: var(--dark-5);
}

.border-dark-10 {
  border-color: var(--dark-10);
}

.border-dark-20 {
  border-color: var(--dark-20);
}

.border-dark-30 {
  border-color: var(--dark-30);
}

.border-dark-40 {
  border-color: var(--dark-40);
}

.border-dark-50 {
  border-color: var(--dark-50);
}

.border-dark-60 {
  border-color: var(--dark-60);
}

.border-dark-70 {
  border-color: var(--dark-70);
}

.border-dark-80 {
  border-color: var(--dark-80);
}

.border-dark-90 {
  border-color: var(--dark-90);
}

.bg-success {
  background-color: var(--success);
}

.bg-success-5 {
  background-color: var(--success-5);
}

.bg-success-10 {
  background-color: var(--success-10);
}

.bg-success-20 {
  background-color: var(--success-20);
}

.bg-success-30 {
  background-color: var(--success-30);
}

.bg-success-40 {
  background-color: var(--success-40);
}

.bg-success-50 {
  background-color: var(--success-50);
}

.bg-success-60 {
  background-color: var(--success-60);
}

.bg-success-70 {
  background-color: var(--success-70);
}

.bg-success-80 {
  background-color: var(--success-80);
}

.bg-success-90 {
  background-color: var(--success-90);
}

.text-success {
  color: var(--success);
}

.text-success-5 {
  color: var(--success-5);
}

.text-success-10 {
  color: var(--success-10);
}

.text-success-20 {
  color: var(--success-20);
}

.text-success-30 {
  color: var(--success-30);
}

.text-success-40 {
  color: var(--success-40);
}

.text-success-50 {
  color: var(--success-50);
}

.text-success-60 {
  color: var(--success-60);
}

.text-success-70 {
  color: var(--success-70);
}

.text-success-80 {
  color: var(--success-80);
}

.text-success-90 {
  color: var(--success-90);
}

.border-success {
  border-color: var(--success);
}

.border-success-5 {
  border-color: var(--success-5);
}

.border-success-10 {
  border-color: var(--success-10);
}

.border-success-20 {
  border-color: var(--success-20);
}

.border-success-30 {
  border-color: var(--success-30);
}

.border-success-40 {
  border-color: var(--success-40);
}

.border-success-50 {
  border-color: var(--success-50);
}

.border-success-60 {
  border-color: var(--success-60);
}

.border-success-70 {
  border-color: var(--success-70);
}

.border-success-80 {
  border-color: var(--success-80);
}

.border-success-90 {
  border-color: var(--success-90);
}

.bg-error {
  background-color: var(--error);
}

.bg-error-5 {
  background-color: var(--error-5);
}

.bg-error-10 {
  background-color: var(--error-10);
}

.bg-error-20 {
  background-color: var(--error-20);
}

.bg-error-30 {
  background-color: var(--error-30);
}

.bg-error-40 {
  background-color: var(--error-40);
}

.bg-error-50 {
  background-color: var(--error-50);
}

.bg-error-60 {
  background-color: var(--error-60);
}

.bg-error-70 {
  background-color: var(--error-70);
}

.bg-error-80 {
  background-color: var(--error-80);
}

.bg-error-90 {
  background-color: var(--error-90);
}

.text-error {
  color: var(--error);
}

.text-error-5 {
  color: var(--error-5);
}

.text-error-10 {
  color: var(--error-10);
}

.text-error-20 {
  color: var(--error-20);
}

.text-error-30 {
  color: var(--error-30);
}

.text-error-40 {
  color: var(--error-40);
}

.text-error-50 {
  color: var(--error-50);
}

.text-error-60 {
  color: var(--error-60);
}

.text-error-70 {
  color: var(--error-70);
}

.text-error-80 {
  color: var(--error-80);
}

.text-error-90 {
  color: var(--error-90);
}

.border-error {
  border-color: var(--error);
}

.border-error-5 {
  border-color: var(--error-5);
}

.border-error-10 {
  border-color: var(--error-10);
}

.border-error-20 {
  border-color: var(--error-20);
}

.border-error-30 {
  border-color: var(--error-30);
}

.border-error-40 {
  border-color: var(--error-40);
}

.border-error-50 {
  border-color: var(--error-50);
}

.border-error-60 {
  border-color: var(--error-60);
}

.border-error-70 {
  border-color: var(--error-70);
}

.border-error-80 {
  border-color: var(--error-80);
}

.border-error-90 {
  border-color: var(--error-90);
}

.padding-4xs {
  padding: var(--space-4xs);
}

.padding-3xs {
  padding: var(--space-3xs);
}

.padding-2xs {
  padding: var(--space-2xs);
}

.padding-xs {
  padding: var(--space-xs);
}

.padding-s {
  padding: var(--space-s);
}

.padding-m {
  padding: var(--space-m);
}

.padding-l {
  padding: var(--space-l);
}

.padding-xl {
  padding: var(--space-xl);
}

.padding-2xl {
  padding: var(--space-2xl);
}

.padding-3xl {
  padding: var(--space-3xl);
}

.padding-4xl {
  padding: var(--space-4xl);
}

.padding-left-4xs {
  padding-left: var(--space-4xs);
}

.padding-left-3xs {
  padding-left: var(--space-3xs);
}

.padding-left-2xs {
  padding-left: var(--space-2xs);
}

.padding-left-xs {
  padding-left: var(--space-xs);
}

.padding-left-s {
  padding-left: var(--space-s);
}

.padding-left-m {
  padding-left: var(--space-m);
}

.padding-left-l {
  padding-left: var(--space-l);
}

.padding-left-xl {
  padding-left: var(--space-xl);
}

.padding-left-2xl {
  padding-left: var(--space-2xl);
}

.padding-left-3xl {
  padding-left: var(--space-3xl);
}

.padding-left-4xl {
  padding-left: var(--space-4xl);
}

.padding-right-4xs {
  padding-right: var(--space-4xs);
}

.padding-right-3xs {
  padding-right: var(--space-3xs);
}

.padding-right-2xs {
  padding-right: var(--space-2xs);
}

.padding-right-xs {
  padding-right: var(--space-xs);
}

.padding-right-s {
  padding-right: var(--space-s);
}

.padding-right-m {
  padding-right: var(--space-m);
}

.padding-right-l {
  padding-right: var(--space-l);
}

.padding-right-xl {
  padding-right: var(--space-xl);
}

.padding-right-2xl {
  padding-right: var(--space-2xl);
}

.padding-right-3xl {
  padding-right: var(--space-3xl);
}

.padding-right-4xl {
  padding-right: var(--space-4xl);
}

.padding-top-4xs {
  padding-top: var(--space-4xs);
}

.padding-top-3xs {
  padding-top: var(--space-3xs);
}

.padding-top-2xs {
  padding-top: var(--space-2xs);
}

.padding-top-xs {
  padding-top: var(--space-xs);
}

.padding-top-s {
  padding-top: var(--space-s);
}

.padding-top-m {
  padding-top: var(--space-m);
}

.padding-top-l {
  padding-top: var(--space-l);
}

.padding-top-xl {
  padding-top: var(--space-xl);
}

.padding-top-2xl {
  padding-top: var(--space-2xl);
}

.padding-top-3xl {
  padding-top: var(--space-3xl);
}

.padding-top-4xl {
  padding-top: var(--space-4xl);
}

.padding-bottom-4xs {
  padding-bottom: var(--space-4xs);
}

.padding-bottom-3xs {
  padding-bottom: var(--space-3xs);
}

.padding-bottom-2xs {
  padding-bottom: var(--space-2xs);
}

.padding-bottom-xs {
  padding-bottom: var(--space-xs);
}

.padding-bottom-s {
  padding-bottom: var(--space-s);
}

.padding-bottom-m {
  padding-bottom: var(--space-m);
}

.padding-bottom-l {
  padding-bottom: var(--space-l);
}

.padding-bottom-xl {
  padding-bottom: var(--space-xl);
}

.padding-bottom-2xl {
  padding-bottom: var(--space-2xl);
}

.padding-bottom-3xl {
  padding-bottom: var(--space-3xl);
}

.padding-bottom-4xl {
  padding-bottom: var(--space-4xl);
}

.padding-horizontal-4xs {
  padding-left: var(--space-4xs);
  padding-right: var(--space-4xs);
}

.padding-horizontal-3xs {
  padding-left: var(--space-3xs);
  padding-right: var(--space-3xs);
}

.padding-horizontal-2xs {
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs);
}

.padding-horizontal-xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}

.padding-horizontal-s {
  padding-left: var(--space-s);
  padding-right: var(--space-s);
}

.padding-horizontal-m {
  padding-left: var(--space-m);
  padding-right: var(--space-m);
}

.padding-horizontal-l {
  padding-left: var(--space-l);
  padding-right: var(--space-l);
}

.padding-horizontal-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}

.padding-horizontal-2xl {
  padding-left: var(--space-2xl);
  padding-right: var(--space-2xl);
}

.padding-horizontal-3xl {
  padding-left: var(--space-3xl);
  padding-right: var(--space-3xl);
}

.padding-horizontal-4xl {
  padding-left: var(--space-4xl);
  padding-right: var(--space-4xl);
}

.padding-vertical-4xs {
  padding-top: var(--space-4xs);
  padding-bottom: var(--space-4xs);
}

.padding-vertical-3xs {
  padding-top: var(--space-3xs);
  padding-bottom: var(--space-3xs);
}

.padding-vertical-2xs {
  padding-top: var(--space-2xs);
  padding-bottom: var(--space-2xs);
}

.padding-vertical-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}

.padding-vertical-s {
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
}

.padding-vertical-m {
  padding-top: var(--space-m);
  padding-bottom: var(--space-m);
}

.padding-vertical-l {
  padding-top: var(--space-l);
  padding-bottom: var(--space-l);
}

.padding-vertical-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.padding-vertical-2xl {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}

.padding-vertical-3xl {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}

.padding-vertical-4xl {
  padding-top: var(--space-4xl);
  padding-bottom: var(--space-4xl);
}

.margin-4xs {
  margin: var(--space-4xs);
}

.margin-3xs {
  margin: var(--space-3xs);
}

.margin-2xs {
  margin: var(--space-2xs);
}

.margin-xs {
  margin: var(--space-xs);
}

.margin-s {
  margin: var(--space-s);
}

.margin-m {
  margin: var(--space-m);
}

.margin-l {
  margin: var(--space-l);
}

.margin-xl {
  margin: var(--space-xl);
}

.margin-2xl {
  margin: var(--space-2xl);
}

.margin-3xl {
  margin: var(--space-3xl);
}

.margin-4xl {
  margin: var(--space-4xl);
}

.margin-left-4xs {
  margin-left: var(--space-4xs);
}

.margin-left-3xs {
  margin-left: var(--space-3xs);
}

.margin-left-2xs {
  margin-left: var(--space-2xs);
}

.margin-left-xs {
  margin-left: var(--space-xs);
}

.margin-left-s {
  margin-left: var(--space-s);
}

.margin-left-m {
  margin-left: var(--space-m);
}

.margin-left-l {
  margin-left: var(--space-l);
}

.margin-left-xl {
  margin-left: var(--space-xl);
}

.margin-left-2xl {
  margin-left: var(--space-2xl);
}

.margin-left-3xl {
  margin-left: var(--space-3xl);
}

.margin-left-4xl {
  margin-left: var(--space-4xl);
}

.margin-right-4xs {
  margin-right: var(--space-4xs);
}

.margin-right-3xs {
  margin-right: var(--space-3xs);
}

.margin-right-2xs {
  margin-right: var(--space-2xs);
}

.margin-right-xs {
  margin-right: var(--space-xs);
}

.margin-right-s {
  margin-right: var(--space-s);
}

.margin-right-m {
  margin-right: var(--space-m);
}

.margin-right-l {
  margin-right: var(--space-l);
}

.margin-right-xl {
  margin-right: var(--space-xl);
}

.margin-right-2xl {
  margin-right: var(--space-2xl);
}

.margin-right-3xl {
  margin-right: var(--space-3xl);
}

.margin-right-4xl {
  margin-right: var(--space-4xl);
}

.margin-top-4xs {
  margin-top: var(--space-4xs);
}

.margin-top-3xs {
  margin-top: var(--space-3xs);
}

.margin-top-2xs {
  margin-top: var(--space-2xs);
}

.margin-top-xs {
  margin-top: var(--space-xs);
}

.margin-top-s {
  margin-top: var(--space-s);
}

.margin-top-m {
  margin-top: var(--space-m);
}

.margin-top-l {
  margin-top: var(--space-l);
}

.margin-top-xl {
  margin-top: var(--space-xl);
}

.margin-top-2xl {
  margin-top: var(--space-2xl);
}

.margin-top-3xl {
  margin-top: var(--space-3xl);
}

.margin-top-4xl {
  margin-top: var(--space-4xl);
}

.margin-bottom-4xs {
  margin-bottom: var(--space-4xs);
}

.margin-bottom-3xs {
  margin-bottom: var(--space-3xs);
}

.margin-bottom-2xs {
  margin-bottom: var(--space-2xs);
}

.margin-bottom-xs {
  margin-bottom: var(--space-xs);
}

.margin-bottom-s {
  margin-bottom: var(--space-s);
}

.margin-bottom-m {
  margin-bottom: var(--space-m);
}

.margin-bottom-l {
  margin-bottom: var(--space-l);
}

.margin-bottom-xl {
  margin-bottom: var(--space-xl);
}

.margin-bottom-2xl {
  margin-bottom: var(--space-2xl);
}

.margin-bottom-3xl {
  margin-bottom: var(--space-3xl);
}

.margin-bottom-4xl {
  margin-bottom: var(--space-4xl);
}

.margin-horizontal-4xs {
  margin-left: var(--space-4xs);
  margin-right: var(--space-4xs);
}

.margin-horizontal-3xs {
  margin-left: var(--space-3xs);
  margin-right: var(--space-3xs);
}

.margin-horizontal-2xs {
  margin-left: var(--space-2xs);
  margin-right: var(--space-2xs);
}

.margin-horizontal-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs);
}

.margin-horizontal-s {
  margin-left: var(--space-s);
  margin-right: var(--space-s);
}

.margin-horizontal-m {
  margin-left: var(--space-m);
  margin-right: var(--space-m);
}

.margin-horizontal-l {
  margin-left: var(--space-l);
  margin-right: var(--space-l);
}

.margin-horizontal-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl);
}

.margin-horizontal-2xl {
  margin-left: var(--space-2xl);
  margin-right: var(--space-2xl);
}

.margin-horizontal-3xl {
  margin-left: var(--space-3xl);
  margin-right: var(--space-3xl);
}

.margin-horizontal-4xl {
  margin-left: var(--space-4xl);
  margin-right: var(--space-4xl);
}

.margin-vertical-4xs {
  margin-top: var(--space-4xs);
  margin-bottom: var(--space-4xs);
}

.margin-vertical-3xs {
  margin-top: var(--space-3xs);
  margin-bottom: var(--space-3xs);
}

.margin-vertical-2xs {
  margin-top: var(--space-2xs);
  margin-bottom: var(--space-2xs);
}

.margin-vertical-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs);
}

.margin-vertical-s {
  margin-top: var(--space-s);
  margin-bottom: var(--space-s);
}

.margin-vertical-m {
  margin-top: var(--space-m);
  margin-bottom: var(--space-m);
}

.margin-vertical-l {
  margin-top: var(--space-l);
  margin-bottom: var(--space-l);
}

.margin-vertical-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}

.margin-vertical-2xl {
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-2xl);
}

.margin-vertical-3xl {
  margin-top: var(--space-3xl);
  margin-bottom: var(--space-3xl);
}

.margin-vertical-4xl {
  margin-top: var(--space-4xl);
  margin-bottom: var(--space-4xl);
}

.gap-4xs {
  gap: var(--space-4xs);
}

.gap-3xs {
  gap: var(--space-3xs);
}

.gap-2xs {
  gap: var(--space-2xs);
}

.gap-xs {
  gap: var(--space-xs);
}

.gap-s {
  gap: var(--space-s);
}

.gap-m {
  gap: var(--space-m);
}

.gap-l {
  gap: var(--space-l);
}

.gap-xl {
  gap: var(--space-xl);
}

.gap-2xl {
  gap: var(--space-2xl);
}

.gap-3xl {
  gap: var(--space-3xl);
}

.gap-4xl {
  gap: var(--space-4xl);
}

.text-xs {
  font-size: var(--text-xs);
}

.text-s {
  font-size: var(--text-s);
}

.text-m {
  font-size: var(--text-m);
}

.text-l {
  font-size: var(--text-l);
}

.text-xl {
  font-size: var(--text-xl);
}

.text-2xl {
  font-size: var(--text-2xl);
}

.text-3xl {
  font-size: var(--text-3xl);
}

.text-4xl {
  font-size: var(--text-4xl);
}

H1 {
  font-size: var(--text-2xl);
  line-height: 1.1;
}

H2 {
  font-size: var(--text-xl);
  line-height: 1.2;
}

H3 {
  font-size: var(--text-l);
  line-height: 1.3;
}

H4 {
  font-size: var(--text-m);
  line-height: 1.3;
}

H5 {
  font-size: var(--text-m);
  line-height: 1.3;
}

H6 {
  font-size: var(--text-m);
  line-height: 1.4;
}

.line-height-xs {
  line-height: 1;
}

.line-height-s {
  line-height: 1.2;
}

.line-height-m {
  line-height: 1.3;
}

.line-height-l {
  line-height: 1.4;
}

.line-height-xl {
  line-height: 1.5;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.font-100 {
  font-weight: 100;
}

.font-200 {
  font-weight: 200;
}

.font-300 {
  font-weight: 300;
}

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

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

.font-700 {
  font-weight: 700;
}

.font-800 {
  font-weight: 800;
}

.font-900 {
  font-weight: 900;
}

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

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

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

.columns-2 {
  display: grid;
  grid-template-columns: var(--columns-2);
}

.columns-3 {
  display: grid;
  grid-template-columns: var(--columns-3);
}

.columns-4 {
  display: grid;
  grid-template-columns: var(--columns-4);
}

.columns-5 {
  display: grid;
  grid-template-columns: var(--columns-5);
}

.columns-6 {
  display: grid;
  grid-template-columns: var(--columns-6);
}

.columns-7 {
  display: grid;
  grid-template-columns: var(--columns-7);
}

.columns-8 {
  display: grid;
  grid-template-columns: var(--columns-8);
}

.columns-min-5 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
}

.columns-min-10 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.columns-min-20 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}

.columns-min-30 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
}

.columns-min-40 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
}

.columns-min-50 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50rem, 1fr));
}

.columns-min-60 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60rem, 1fr));
}

.columns-min-70 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70rem, 1fr));
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex-2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.flex-3 {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.col-span-2 {
  grid-column: auto/span 2;
}

.col-span-3 {
  grid-column: auto/span 3;
}

.col-span-4 {
  grid-column: auto/span 4;
}

.col-span-5 {
  grid-column: auto/span 5;
}

.col-span-6 {
  grid-column: auto/span 6;
}

.col-span-7 {
  grid-column: auto/span 7;
}

.col-span-8 {
  grid-column: auto/span 8;
}

.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.row-span-2 {
  grid-row: auto/span 2;
}

.row-span-3 {
  grid-row: auto/span 3;
}

.row-span-4 {
  grid-row: auto/span 4;
}

.row-span-5 {
  grid-row: auto/span 5;
}

.row-span-6 {
  grid-row: auto/span 6;
}

.row-span-7 {
  grid-row: auto/span 7;
}

.row-span-8 {
  grid-row: auto/span 8;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-start-6 {
  grid-row-start: 6;
}

.row-start-7 {
  grid-row-start: 7;
}

.row-start-8 {
  grid-row-start: 8;
}

.items-left {
  justify-items: start;
}

.content-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.items-center {
  justify-items: center;
}

.content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.items-right {
  justify-items: end;
}

.content-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.items-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.content-top {
  -ms-flex-line-pack: start;
      align-content: start;
}

.items-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.content-middle {
  -ms-flex-line-pack: center;
      align-content: center;
}

.items-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.content-bottom {
  -ms-flex-line-pack: end;
      align-content: end;
}

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.content-stretch {
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.self-left {
  margin-right: auto;
  place-self: start;
}

.self-center {
  margin-inline: auto;
  place-self: center;
}

.self-right {
  margin-left: auto;
  place-self: end;
}

.self-top {
  margin-bottom: auto;
  -ms-flex-item-align: start;
      align-self: start;
}

.self-middle {
  margin-block: auto;
  -ms-flex-item-align: center;
      align-self: center;
}

.self-bottom {
  margin-top: auto;
  -ms-flex-item-align: end;
      align-self: end;
}

.self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.screen-width {
  width: 100vw;
}

.screen-height {
  height: 100vh;
}

.auto-width {
  width: auto;
}

.auto-height {
  height: auto;
}

.width-90 {
  width: 90%;
}

.width-80 {
  width: 80%;
}

.width-70 {
  width: 70%;
}

.width-60 {
  width: 60%;
}

.width-50 {
  width: 50%;
}

.width-40 {
  width: 40%;
}

.width-30 {
  width: 30%;
}

.width-20 {
  width: 20%;
}

.width-10 {
  width: 10%;
}

.max-site-width {
  max-width: 140rem;
  width: 100%;
}

.max-width-140 {
  max-width: 140rem;
}

.max-width-130 {
  max-width: 130rem;
}

.max-width-120 {
  max-width: 120rem;
}

.max-width-110 {
  max-width: 110rem;
}

.max-width-100 {
  max-width: 100rem;
}

.max-width-90 {
  max-width: 90rem;
}

.max-width-80 {
  max-width: 80rem;
}

.max-width-70 {
  max-width: 70rem;
}

.max-width-60 {
  max-width: 60rem;
}

.max-width-50 {
  max-width: 50rem;
}

.max-width-40 {
  max-width: 40rem;
}

.max-width-30 {
  max-width: 30rem;
}

.max-width-20 {
  max-width: 20rem;
}

.max-width-10 {
  max-width: 10rem;
}

.radius-xs {
  border-radius: var(--radius-xs);
}

.radius-s {
  border-radius: var(--radius-s);
}

.radius-m {
  border-radius: var(--radius-m);
}

.radius-l {
  border-radius: var(--radius-l);
}

.radius-xl {
  border-radius: var(--radius-xl);
}

.radius-full {
  border-radius: var(--radius-full);
}

.border {
  border-width: 1px;
  border-style: solid;
}

.border-left {
  border-left-width: 1px;
  border-left-style: solid;
}

.border-right {
  border-right-width: 1px;
  border-right-style: solid;
}

.border-top {
  border-top-width: 1px;
  border-top-style: solid;
}

.border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.shadow-xs {
  -webkit-box-shadow: var(--shadow-xs);
          box-shadow: var(--shadow-xs);
}

.shadow-s {
  -webkit-box-shadow: var(--shadow-s);
          box-shadow: var(--shadow-s);
}

.shadow-m {
  -webkit-box-shadow: var(--shadow-m);
          box-shadow: var(--shadow-m);
}

.shadow-l {
  -webkit-box-shadow: var(--shadow-l);
          box-shadow: var(--shadow-l);
}

.shadow-xl {
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-100 {
  opacity: 1;
}

.aspect-1 {
  aspect-ratio: 1;
}

.aspect-4-3 {
  aspect-ratio: 4/3;
}

.aspect-3-4 {
  aspect-ratio: 3/4;
}

.aspect-3-2 {
  aspect-ratio: 3/2;
}

.aspect-2-3 {
  aspect-ratio: 2/3;
}

.aspect-16-9 {
  aspect-ratio: 16/9;
}

.aspect-9-16 {
  aspect-ratio: 9/16;
}

.fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.fit-fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.bg-blur-xs {
  backdrop-filter: blur(2px);
}

.bg-blur-s {
  backdrop-filter: blur(4px);
}

.bg-blur-m {
  backdrop-filter: blur(8px);
}

.bg-blur-l {
  backdrop-filter: blur(16px);
}

.bg-blur-xl {
  backdrop-filter: blur(32px);
}

.grayscale {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.display-none {
  display: none;
}

.visible {
  visibility: visible;
}

.hidden {
  visibility: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.list-none {
  list-style-type: none;
}

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

.transition-global {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.sticky {
  position: sticky;
}

.fixed {
  position: fixed;
}

.inset-0 {
  inset: 0;
}

.bottom-0 {
  bottom: 0;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.pointer {
  cursor: pointer;
}

.not-allowed {
  cursor: not-allowed;
}

.cursor-auto {
  cursor: auto;
}

.no-pointer-events {
  pointer-events: none;
}

.z--1 {
  z-index: -1;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-10 {
  z-index: 10;
}

.z-100 {
  z-index: 100;
}

.z-1000 {
  z-index: 1000;
}

.z-10000 {
  z-index: 10000;
}

@media (max-width: 1400px) {
  .column--on-xl {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
  .row--on-xl {
    grid-template-columns: unset;
    grid-auto-flow: column;
  }
  .columns-2--on-xl {
    grid-template-columns: var(--columns-2);
  }
  .columns-3--on-xl {
    grid-template-columns: var(--columns-3);
  }
  .columns-4--on-xl {
    grid-template-columns: var(--columns-4);
  }
  .columns-5--on-xl {
    grid-template-columns: var(--columns-5);
  }
  .columns-6--on-xl {
    grid-template-columns: var(--columns-6);
  }
  .col-span-1--on-xl {
    grid-column: auto/span 1;
  }
  .col-span-2--on-xl {
    grid-column: auto/span 2;
  }
  .col-span-3--on-xl {
    grid-column: auto/span 3;
  }
  .col-span-4--on-xl {
    grid-column: auto/span 4;
  }
  .col-span-5--on-xl {
    grid-column: auto/span 5;
  }
  .col-span-6--on-xl {
    grid-column: auto/span 6;
  }
  .col-start-1--on-xl {
    grid-column-start: 1;
  }
  .col-start-2--on-xl {
    grid-column-start: 2;
  }
  .col-start-3--on-xl {
    grid-column-start: 3;
  }
  .col-start-4--on-xl {
    grid-column-start: 4;
  }
  .col-start-5--on-xl {
    grid-column-start: 5;
  }
  .col-start-6--on-xl {
    grid-column-start: 6;
  }
  .row-span-1--on-xl {
    grid-row: auto/span 1;
  }
  .row-span-2--on-xl {
    grid-row: auto/span 2;
  }
  .row-span-3--on-xl {
    grid-row: auto/span 3;
  }
  .row-span-4--on-xl {
    grid-row: auto/span 4;
  }
  .row-span-5--on-xl {
    grid-row: auto/span 5;
  }
  .row-span-6--on-xl {
    grid-row: auto/span 6;
  }
  .row-start-1--on-xl {
    grid-row-start: 1;
  }
  .row-start-2--on-xl {
    grid-row-start: 2;
  }
  .row-start-3--on-xl {
    grid-row-start: 3;
  }
  .row-start-4--on-xl {
    grid-row-start: 4;
  }
  .row-start-5--on-xl {
    grid-row-start: 5;
  }
  .row-start-6--on-xl {
    grid-row-start: 6;
  }
}
@media (max-width: 992px) {
  .column--on-l {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
  .row--on-l {
    grid-template-columns: unset;
    grid-auto-flow: column;
  }
  .columns-2--on-l {
    grid-template-columns: var(--columns-2);
  }
  .columns-3--on-l {
    grid-template-columns: var(--columns-3);
  }
  .columns-4--on-l {
    grid-template-columns: var(--columns-4);
  }
  .columns-5--on-l {
    grid-template-columns: var(--columns-5);
  }
  .columns-6--on-l {
    grid-template-columns: var(--columns-6);
  }
  .col-span-1--on-l {
    grid-column: auto/span 1;
  }
  .col-span-2--on-l {
    grid-column: auto/span 2;
  }
  .col-span-3--on-l {
    grid-column: auto/span 3;
  }
  .col-span-4--on-l {
    grid-column: auto/span 4;
  }
  .col-span-5--on-l {
    grid-column: auto/span 5;
  }
  .col-span-6--on-l {
    grid-column: auto/span 6;
  }
  .col-start-1--on-l {
    grid-column-start: 1;
  }
  .col-start-2--on-l {
    grid-column-start: 2;
  }
  .col-start-3--on-l {
    grid-column-start: 3;
  }
  .col-start-4--on-l {
    grid-column-start: 4;
  }
  .col-start-5--on-l {
    grid-column-start: 5;
  }
  .col-start-6--on-l {
    grid-column-start: 6;
  }
  .row-span-1--on-l {
    grid-row: auto/span 1;
  }
  .row-span-2--on-l {
    grid-row: auto/span 2;
  }
  .row-span-3--on-l {
    grid-row: auto/span 3;
  }
  .row-span-4--on-l {
    grid-row: auto/span 4;
  }
  .row-span-5--on-l {
    grid-row: auto/span 5;
  }
  .row-span-6--on-l {
    grid-row: auto/span 6;
  }
  .row-start-1--on-l {
    grid-row-start: 1;
  }
  .row-start-2--on-l {
    grid-row-start: 2;
  }
  .row-start-3--on-l {
    grid-row-start: 3;
  }
  .row-start-4--on-l {
    grid-row-start: 4;
  }
  .row-start-5--on-l {
    grid-row-start: 5;
  }
  .row-start-6--on-l {
    grid-row-start: 6;
  }
}
@media (max-width: 768px) {
  .column--on-m {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
  .row--on-m {
    grid-template-columns: unset;
    grid-auto-flow: column;
  }
  .columns-2--on-m {
    grid-template-columns: var(--columns-2);
  }
  .columns-3--on-m {
    grid-template-columns: var(--columns-3);
  }
  .columns-4--on-m {
    grid-template-columns: var(--columns-4);
  }
  .columns-5--on-m {
    grid-template-columns: var(--columns-5);
  }
  .columns-6--on-m {
    grid-template-columns: var(--columns-6);
  }
  .col-span-1--on-m {
    grid-column: auto/span 1;
  }
  .col-span-2--on-m {
    grid-column: auto/span 2;
  }
  .col-span-3--on-m {
    grid-column: auto/span 3;
  }
  .col-span-4--on-m {
    grid-column: auto/span 4;
  }
  .col-span-5--on-m {
    grid-column: auto/span 5;
  }
  .col-span-6--on-m {
    grid-column: auto/span 6;
  }
  .col-start-1--on-m {
    grid-column: 1;
  }
  .col-start-2--on-m {
    grid-column: 2;
  }
  .col-start-3--on-m {
    grid-column: 3;
  }
  .col-start-4--on-m {
    grid-column: 4;
  }
  .col-start-5--on-m {
    grid-column: 5;
  }
  .col-start-6--on-m {
    grid-column: 6;
  }
  .row-span-1--on-m {
    grid-row: auto/span 1;
  }
  .row-span-2--on-m {
    grid-row: auto/span 2;
  }
  .row-span-3--on-m {
    grid-row: auto/span 3;
  }
  .row-span-4--on-m {
    grid-row: auto/span 4;
  }
  .row-span-5--on-m {
    grid-row: auto/span 5;
  }
  .row-span-6--on-m {
    grid-row: auto/span 6;
  }
  .row-start-1--on-m {
    grid-row-start: 1;
  }
  .row-start-2--on-m {
    grid-row-start: 2;
  }
  .row-start-3--on-m {
    grid-row-start: 3;
  }
  .row-start-4--on-m {
    grid-row-start: 4;
  }
  .row-start-5--on-m {
    grid-row-start: 5;
  }
  .row-start-6--on-m {
    grid-row-start: 6;
  }
}
@media (max-width: 480px) {
  .column--on-s {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
  .row--on-s {
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }
  .columns-2--on-s {
    grid-template-columns: var(--columns-2);
  }
  .columns-3--on-s {
    grid-template-columns: var(--columns-3);
  }
  .columns-4--on-s {
    grid-template-columns: var(--columns-4);
  }
  .columns-5--on-s {
    grid-template-columns: var(--columns-5);
  }
  .columns-6--on-s {
    grid-template-columns: var(--columns-6);
  }
  .col-span-1--on-s {
    grid-column: auto/span 1;
  }
  .col-span-2--on-s {
    grid-column: auto/span 2;
  }
  .col-span-3--on-s {
    grid-column: auto/span 3;
  }
  .col-span-4--on-s {
    grid-column: auto/span 4;
  }
  .col-span-5--on-s {
    grid-column: auto/span 5;
  }
  .col-span-6--on-s {
    grid-column: auto/span 6;
  }
  .col-start-1--on-s {
    grid-column-start: 1;
  }
  .col-start-2--on-s {
    grid-column-start: 2;
  }
  .col-start-3--on-s {
    grid-column-start: 3;
  }
  .col-start-4--on-s {
    grid-column-start: 4;
  }
  .col-start-5--on-s {
    grid-column-start: 5;
  }
  .col-start-6--on-s {
    grid-column-start: 6;
  }
  .row-span-1--on-s {
    grid-row: auto/span 1;
  }
  .row-span-2--on-s {
    grid-row: auto/span 2;
  }
  .row-span-3--on-s {
    grid-row: auto/span 3;
  }
  .row-span-4--on-s {
    grid-row: auto/span 4;
  }
  .row-span-5--on-s {
    grid-row: auto/span 5;
  }
  .row-span-6--on-s {
    grid-row: auto/span 6;
  }
  .row-start-1--on-s {
    grid-row-start: 1;
  }
  .row-start-2--on-s {
    grid-row-start: 2;
  }
  .row-start-3--on-s {
    grid-row-start: 3;
  }
  .row-start-4--on-s {
    grid-row-start: 4;
  }
  .row-start-5--on-s {
    grid-row-start: 5;
  }
  .row-start-6--on-s {
    grid-row-start: 6;
  }
}
.topbar-wrapper .container-fluid,
header .container-fluid {
  padding-inline: 1.5rem;
  max-width: 2560px;
}

.topbar-wrapper {
  background-color: #F3F7D4;
}
.topbar-wrapper .container-fluid .marketing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.3;
  font-size: var(--text-xs);
}
.topbar-wrapper .nav.topbar-main {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.topbar-wrapper a:not(.dropdown-item):not(.btn), .topbar-wrapper .topbar-wrapper .nav-link {
  color: #00615c;
}
.topbar-wrapper .nav-item:not(.language-dropdown) .nav-link:hover {
  text-decoration: underline;
  text-decoration-color: var(--secondary);
}
.topbar-wrapper .language-dropdown .nav-link {
  background-color: #ffffff;
  margin-block: 0.5rem;
  padding-block: 0.25rem;
  line-height: 1;
  border-radius: 90px;
  color: var(--primary);
}
.topbar-wrapper .language-dropdown .dropdown-item {
  padding-block: 0.5rem;
}

.fashion .fixed-search-wrapper {
  background-color: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
  position: sticky;
  top: 59px;
  display: block !important;
  z-index: 1019;
}
.fashion .fixed-search-wrapper .search-wrapper {
  width: 100%;
}
.fashion .fixed-search-wrapper .input-group {
  border: 1px solid #edf4e7;
  border-radius: 90px;
  overflow: hidden;
  background-color: #F4FAF0;
}
.fashion .fixed-search-wrapper .input-group:focus-within {
  border-color: #C2D500;
  outline: 1px solid #C2D500;
}
.fashion .fixed-search-wrapper .input-group:focus-within .btn {
  background-color: #C2D500;
  color: #00615c;
}
.fashion .fixed-search-wrapper .form-control {
  border: none;
  background-color: #F4FAF0 !important;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.fashion .fixed-search-wrapper .input-group-append .btn {
  background-color: #F4FAF0;
  border: none;
  font-size: var(--text-l);
  color: #6BA43A;
  padding-top: 0;
  padding-bottom: 0;
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
}
.fashion .fixed-search-wrapper .input-group-append .btn:focus, .fashion .fixed-search-wrapper .input-group-append .btn:hover {
  color: #ffffff;
  background-color: #00615c;
}

.fashion body:not(.is-mobile) header .nav-right > .nav-item > .nav-link,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .nav-link {
  font-weight: 700;
  color: #00615c;
  padding: 0.5rem 0.75rem;
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .nav-link:hover, .fashion body:not(.is-mobile) header .nav-right > .nav-item > .nav-link:focus,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .nav-link:hover,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .nav-link:focus {
  color: #6BA43A;
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .submenu-headline-toplevel,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .submenu-headline-toplevel {
  color: #00615c;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 1rem;
  background-color: #f2f7d2;
  border-radius: 1rem;
  line-height: 1.3;
  text-align: center;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: grid !important;
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .submenu-headline-toplevel:hover, .fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .submenu-headline-toplevel:focus,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .submenu-headline-toplevel:hover,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .submenu-headline-toplevel:focus {
  padding: 1rem;
  border: unset;
  background-color: #6BA43A;
  color: #ffffff;
  border-radius: 1rem;
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .submenu-headline-toplevel span.text-truncate,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .submenu-headline-toplevel span.text-truncate {
  overflow: visible;
  white-space: normal;
  text-overflow: unset;
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__info-container,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__info-container {
  margin-bottom: 1rem;
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__title,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__title {
  font-size: var(--text-xl);
  color: var(--primary);
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__description,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__description {
  color: var(--text-light);
  line-height: 1.3;
  font-size: var(--text-s);
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__description a,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__description a {
  color: var(--secondary);
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__grid,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 1299.98px) {
  .fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__grid,
  .fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  .fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__grid,
  .fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__grid,
  .fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__grid .nav-item,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__grid .nav-item {
  max-width: 100%;
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__grid .nav-link,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__grid .nav-link {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__grid .nav-link:hover,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__grid .nav-link:hover {
  background-color: var(--light);
  outline: 2px solid var(--secondary);
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__grid .nav-link:hover .card-mega-manufactuers__name,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__grid .nav-link:hover .card-mega-manufactuers__name {
  color: var(--secondary);
}
.fashion body:not(.is-mobile) header .nav-right > .nav-item > .dropdown-menu .mega-manufacturer__grid .nav-link .card-mega-manufactuers__name,
.fashion body:not(.is-mobile) header .navbar-nav > .nav-item > .dropdown-menu .mega-manufacturer__grid .nav-link .card-mega-manufactuers__name {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fashion body:not(.is-mobile) header .nav-right .subcategory-wrapper .categories-recursive-dropdown,
.fashion body:not(.is-mobile) header .navbar-nav .subcategory-wrapper .categories-recursive-dropdown {
  display: none;
}
.fashion .is-mobile header .mega-manufacturer__info-container {
  padding: 0.75rem 1.5rem;
}
.fashion .is-mobile header .mega-manufacturer__info-container .mega-manufacturer__title {
  font-size: var(--text-m);
  color: var(--primary);
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}
.fashion .is-mobile header .mega-manufacturer__info-container .mega-manufacturer__description {
  color: var(--text-light);
  line-height: 1.3;
  font-size: var(--text-s);
}
.fashion .is-mobile header .mega-manufacturer__info-container .mega-manufacturer__description a {
  color: var(--secondary);
}
.fashion .is-mobile header .mega-manufacturer__grid {
  width: 100%;
}
.fashion .is-mobile header .mega-manufacturer__grid .nav-item {
  max-width: 100%;
}
.fashion header {
  background-color: #ffffff;
}
.fashion header .nav-mobile-header .nav-offcanvas-title {
  background-color: #F4FAF0;
}
.fashion header .navbar-toggler {
  color: #00615c;
}
.fashion header .search .search-wrapper .input-group {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.fashion header .search .search-wrapper .form-control {
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
  border-color: #edf4e7;
}
.fashion header .search .search-wrapper .input-group-append .btn {
  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
  background-color: #C2D500;
  color: #00615c;
  border-color: #edf4e7;
}
.fashion header.full-width-mega .nav-multiple-row .nav-scrollbar-inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.fashion header .navbar-nav > .nav-item.active:not(.show) > .nav-link:before {
  background-color: #C2D500;
  bottom: 0;
}
.fashion header .navbar-nav > .nav-item > .nav-link .mega-manufacturer__info-container {
  margin-bottom: 1rem;
}
.fashion header .navbar-nav > .nav-item > .nav-link .mega-manufacturer__title {
  font-size: var(--text-xl);
  color: var(--primary);
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}
.fashion header .navbar-nav > .nav-item > .nav-link .mega-manufacturer__description {
  color: var(--text-light);
  line-height: 1.3;
  font-size: var(--text-s);
}
.fashion header .navbar-nav > .nav-item > .nav-link .mega-manufacturer__description a {
  color: var(--secondary);
}
.fashion header .navbar-nav > .nav-item > .nav-link .mega-manufacturer__grid {
  width: 100%;
}
.fashion header .navbar-nav > .nav-item > .nav-link .mega-manufacturer__grid .nav-item {
  max-width: 100%;
}
.fashion header .navbar-nav > .nav-item > .nav-link .mega-manufacturer__grid .nav-link {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fashion header .navbar-nav > .nav-item > .nav-link .mega-manufacturer__grid .nav-link:hover {
  background-color: var(--light);
  outline: 2px solid var(--secondary);
}
.fashion header .navbar-nav > .nav-item > .nav-link .mega-manufacturer__grid .nav-link:hover .card-mega-manufactuers__name {
  color: var(--secondary);
}
.fashion header .navbar-nav > .nav-item > .nav-link .mega-manufacturer__grid .nav-link .card-mega-manufactuers__name {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fashion header .nav-right#shop-nav .nav-link,
.fashion header .nav-right #servicebar .nav-link,
.fashion header .nav-right #shop-nav-wish .nav-link,
.fashion header .nav-right .nav-item.account-icon-dropdown .nav-link {
  position: relative;
  color: #00615c;
}
.fashion header .nav-right#shop-nav .nav-link::before,
.fashion header .nav-right #servicebar .nav-link::before,
.fashion header .nav-right #shop-nav-wish .nav-link::before,
.fashion header .nav-right .nav-item.account-icon-dropdown .nav-link::before {
  content: "";
  inset: 0;
  position: absolute;
  width: 40px;
  background-color: #F4FAF0;
  aspect-ratio: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
}
.fashion header .cart-icon-dropdown .nav-link:hover .fa-sup, .fashion header .cart-icon-dropdown .nav-link:focus .fa-sup,
.fashion header #shop-nav-compare .nav-link:hover .fa-sup,
.fashion header #shop-nav-compare .nav-link:focus .fa-sup {
  background-color: #FF5C5C;
}
.fashion header .cart-icon-dropdown .fa-sup,
.fashion header #shop-nav-compare .fa-sup {
  background-color: #6BA43A;
  font-family: "Brandon Text";
  font-weight: 800;
}

.nav-scrollbar-arrow {
  color: #6BA43A;
}
.nav-scrollbar-arrow:hover {
  color: #00615c;
}
.nav-scrollbar-arrow.left {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(40%, transparent), color-stop(50%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background-image: linear-gradient(to left, transparent 40%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
}
.nav-scrollbar-arrow.right {
  margin-left: unset;
  padding-left: unset;
}

.dropdown-menu {
  border-bottom-left-radius: var(--radius-l);
  border-bottom-right-radius: var(--radius-l);
}
[data-page="18"] .h2 {
  font-size: var(--text-2xl);
}

@media (max-width: 767.98px) {
  .home-slider.boostrap-slider .carousel-indicators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .home-slider .carousel-control-prev,
  .home-slider .carousel-control-next {
    height: 3rem;
    bottom: 0;
    top: unset;
  }
}
@media (max-width: 767.98px) {
  .home-slider {
    border: 1px solid #eee;
  }
  .home-slider .carousel-caption {
    position: relative;
    left: unset;
    right: unset;
    padding: var(--space-s) var(--space-s) 4rem;
  }
  .home-slider .carousel-caption .carousel-caption-title,
  .home-slider .carousel-caption .carousel-caption-desc {
    padding: unset;
    background-color: unset;
  }
  .home-slider .carousel-caption .carousel-caption-title {
    font-weight: 700;
    color: #00615c;
    font-size: var(--text-xl);
  }
  .home-slider .carousel-caption .carousel-caption-desc {
    color: #6F815F;
    font-size: var(--text-l);
    font-weight: 500;
    text-align: left;
  }
}

.home-logos {
  padding-block: var(--space-3xl) var(--space-2xl);
}
@media screen and (max-width: 1299px) {
  .home-logos .row {
    max-width: 600px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .home-logos .row {
    max-width: 300px;
  }
}
@media screen and (max-width: 576px) {
  .home-logos .row .home-logos .row {
    max-width: 200px;
  }
}
.home-logos__image > a {
  padding: var(--space-xs);
  border-radius: var(--radius-l);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.home-logos__image > a img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.home-logos__image > a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  background-color: var(--primary);
}
.home-logos__image > a:hover img {
  -webkit-filter: contrast(5) invert(1) grayscale(1);
          filter: contrast(5) invert(1) grayscale(1);
}

.home-trends {
  background-color: #f2f7d2;
  padding-block: var(--space-4xl);
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.home-trends__titel,
.home-trends__grid {
  width: 1430px;
  margin-inline: auto;
  max-width: 100%;
}

.home-trends__titel {
  margin-bottom: var(--space-xl);
}

.home-trends__grid {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .home-trends__grid {
    grid-template-columns: var(--columns-3);
  }
}
@media screen and (max-width: 768px) {
  .home-trends__grid {
    width: min(500px, 100%);
  }
}
@media screen and (max-width: 500px) {
  .home-trends__grid {
    width: min(300px, 100%);
  }
}
.home-trends__grid .col {
  max-width: 100%;
}
.home-trends__grid .col div:first-child {
  border-radius: var(--radius-xl);
  overflow: hidden;
  aspect-ratio: 3/4;
  position: relative;
  background-color: var(--light);
  border: 5px solid #ffffff;
}
@media screen and (max-width: 500px) {
  .home-trends__grid .col div:first-child {
    aspect-ratio: 1;
  }
}
.home-trends__grid .col div:first-child a:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
}
.home-trends__grid img {
  max-width: unset;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.home-trends__grid .card-home-trends__heading {
  font-family: "Market Pro";
  font-size: 2.2rem;
  margin-bottom: 0;
  position: absolute;
  top: 2.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  padding-inline: 7%;
}
.home-trends__grid .card-home-trends__heading a {
  text-decoration: none;
  color: #00615c;
  font-weight: 400;
  text-shadow: 2px 2px rgba(255, 255, 255, 0.5);
}
.home-trends__grid .card-home-trends__heading a:hover, .home-trends__grid .card-home-trends__heading a:focus {
  text-decoration: underline;
}

.home-product-feed {
  padding-block: var(--space-4xl);
}
.home-product-feed__text-container, .home-product-feed__feed {
  width: 1430px;
  margin-inline: auto;
  max-width: 100%;
}
.home-product-feed__text-container {
  margin-bottom: var(--space-xl);
}
.home-product-feed__text-container .container-inner {
  display: grid;
}
.home-product-feed__tagline {
  color: #6BA43A;
  font-family: "Market Pro";
  font-weight: 400;
  font-size: var(--text-xl);
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.home-product-feed .productbox-column {
  padding: var(--space-s);
  border-radius: var(--radius-l);
  height: 100%;
  background-color: #F4FAF0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.home-product-feed .productbox-column:has(a:hover) {
  outline: 2px solid #6BA43A;
}
.home-product-feed .productbox-column:has(a:hover) .inner-image-wrapper {
  -webkit-transform: rotate(2.5deg);
          transform: rotate(2.5deg);
  -webkit-box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.1);
}
.home-product-feed.home-product-feed--bg {
  padding-inline: 1.5rem;
}
.home-product-feed.home-product-feed--bg .productbox-column {
  border-color: #ffffff;
}
.home-product-feed .product-wrapper-product {
  padding-block: 2px;
}
.home-product-feed .productbox .inner-image-wrapper {
  background-color: #ffffff;
  padding: var(--space-xs);
  border-radius: var(--radius-m);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.home-product-feed .productbox-image {
  border-radius: var(--radius-s);
  overflow: hidden;
}
.home-product-feed--bg {
  background-color: #f2f7d2;
}
.home-product-feed--bg .productbox-column {
  background-color: var(--light);
}

.home-slider-2 {
  border-radius: var(--radius-l);
  overflow: hidden;
}

.home-mini-reviews {
  padding-block: var(--space-2xl);
}
.home-mini-reviews__grid {
  gap: 1rem 1rem;
}
@media screen and (min-width: 1300px) {
  .home-mini-reviews__grid .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 0.5rem);
            flex: 0 0 calc(50% - 0.5rem);
  }
}
.home-mini-reviews .card-home-mini-reviews {
  background-color: #F4FAF0;
  border: 5px solid #edf4e7;
  border-radius: var(--radius-m);
  padding: var(--space-s);
  height: 100%;
}
.home-mini-reviews .card-home-mini-reviews > .opc-Container {
  padding-left: 0;
  margin-left: 0;
}
.home-mini-reviews .card-home-mini-reviews > .container-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.875rem;
}
.home-mini-reviews .card-home-mini-reviews__rating {
  color: #C2D500;
  font-size: var(--text-s);
}
.home-mini-reviews .card-home-mini-reviews__rating p {
  margin-bottom: 0;
}
.home-mini-reviews .card-home-mini-reviews__text {
  color: var(--text-light);
  font-size: var(--text-m);
  line-height: 1.3;
  margin-bottom: var(--space-s);
}
.home-mini-reviews .card-home-mini-reviews__text p:last-child {
  margin-bottom: 0;
}
.home-mini-reviews .card-home-mini-reviews__author-name {
  color: #00615c;
  font-size: var(--text-s);
  font-weight: 500;
}
.home-mini-reviews .card-home-mini-reviews__author-name p {
  margin-bottom: 0;
}

.home-reviews .opc-Container {
  padding-left: 0;
  padding-right: 0;
}
.home-reviews__grid {
  gap: 1rem 0;
}
.home-reviews .card-home-reviews {
  background-color: #F4FAF0;
  border: 5px solid #edf4e7;
  border-radius: var(--radius-l);
  padding: var(--space-l) var(--space-m);
  height: 100%;
}
.home-reviews .card-home-reviews > .container-inner {
  height: 100%;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.home-reviews .card-home-reviews__rating {
  color: #C2D500;
  font-size: var(--text-m);
}
.home-reviews .card-home-reviews__text {
  color: var(--text-light);
  font-size: var(--text-m);
  line-height: 1.3;
  margin-bottom: var(--space-s);
}
.home-reviews .card-home-reviews__text p:last-child {
  margin-bottom: 0;
}
.home-reviews .card-home-reviews__author-container:not(.card-home-reviews) {
  margin-top: auto;
}
.home-reviews .card-home-reviews__author-container:not(.card-home-reviews) > .container-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
.home-reviews .card-home-reviews__author-image {
  width: 3.125rem;
  margin-left: unset !important;
  margin-right: unset !important;
}
.home-reviews .card-home-reviews__author-name {
  color: #00615c;
  font-size: var(--text-s);
  font-weight: 500;
}
.home-reviews .card-home-reviews__author-name p {
  margin-bottom: 0;
}
.home-reviews__button-container {
  margin-top: var(--space-xl);
}
.home-reviews__button-container > .container-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.home-reviews__button .btn {
  border-radius: var(--radius-full);
  background-color: #6BA43A;
  border-color: #6BA43A;
  font-size: var(--text-s);
  padding: var(--space-2xs) var(--space-m);
}
.home-reviews__button .btn:focus, .home-reviews__button .btn:hover {
  background-color: #00615c;
  border-color: #00615c;
}

.home-google-reviews {
  padding-bottom: var(--space-2xl);
}
.home-google-reviews .ws5_googlebusiness_heading {
  display: none !important;
}
.home-google-reviews .ws5_googlereviewitem {
  background-color: #F4FAF0;
  border-radius: var(--radius-l);
  padding: var(--space-l) var(--space-m) !important;
}
.home-google-reviews .ws5_googlereviewitem .review-detail {
  display: grid;
}
.home-google-reviews .ws5_googlereviewitem .review-detail .rating-block {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: var(--text-m);
  margin-bottom: 1rem;
}
.home-google-reviews .ws5_googlereviewitem .review-detail .rating-block .ws-myBusiness-stars-center {
  color: #C2D500;
}
.home-google-reviews .ws5_googlereviewitem .review-detail .review-author-details {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 2rem;
}
.home-google-reviews .ws5_googlereviewitem .review-detail .review-author-details img {
  max-height: 50px;
}
.home-google-reviews .ws5_googlereviewitem .review-detail > div:last-child {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.home-google-reviews .ws5_googlereviewitem .rating-block + div {
  color: var(--text-light);
  font-size: var(--text-m);
  line-height: 1.3;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.home-google-reviews .ws5_googlereviewitem .review-all-reviews {
  color: var(--primary) !important;
  border-bottom: 1px solid #C2D500;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.home-newsletter {
  padding-top: var(--space-3xl);
}
.home-newsletter__text-container .container-inner {
  display: grid;
}

.fashion .newsletter-wrapper {
  padding-block: var(--space-l);
}
.fashion .newsletter-wrapper > .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.fashion .newsletter-wrapper .newsletter-inner {
  background-color: #F3F7D4;
  border-radius: var(--radius-l);
  overflow: hidden;
  position: relative;
}
@media (max-width: 1299.98px) {
  .fashion .newsletter-wrapper .newsletter-inner {
    max-width: 50rem;
    margin-inline: auto;
  }
}
@media (max-width: 991.98px) {
  .fashion .newsletter-wrapper .newsletter-inner .shape-divider {
    display: none;
  }
}
.fashion .newsletter-wrapper .newsletter-inner .newsletter-footer {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
@media (max-width: 1299.98px) {
  .fashion .newsletter-wrapper .newsletter-inner .newsletter-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.fashion .newsletter-wrapper .newsletter-inner .newsletter-image-wrapper {
  background-color: #6BA43A;
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1299.98px) {
  .fashion .newsletter-wrapper .newsletter-inner .newsletter-image-wrapper {
    aspect-ratio: 3/2;
  }
}
.fashion .newsletter-wrapper .newsletter-inner .newsletter-image-wrapper img {
  -o-object-position: center;
     object-position: center;
}
.fashion .newsletter-wrapper .newsletter-inner .newsletter-inner-box .newsletter-info-container {
  display: grid;
}
.fashion .newsletter-wrapper .newsletter-inner .newsletter-inner-box .info {
  text-wrap: balance;
  color: var(--text-light);
}
.fashion .newsletter-wrapper .newsletter-inner .newsletter-email-wrapper .input-group input[type=email] {
  border-radius: var(--radius-full) 0 0 var(--radius-full) !important;
  background-color: #ffffff !important;
  border: none;
}
.fashion .newsletter-wrapper .newsletter-inner .newsletter-email-wrapper .input-group button[type=submit] {
  border-radius: 0 var(--radius-full) var(--radius-full) 0;
  background-color: #6BA43A;
  border-color: #6BA43A;
}
.fashion .newsletter-wrapper .newsletter-inner .newsletter-email-wrapper .input-group button[type=submit]:hover, .fashion .newsletter-wrapper .newsletter-inner .newsletter-email-wrapper .input-group button[type=submit]:focus {
  background-color: #00615c;
  border-color: #00615c;
}

body[data-page="18"] #content-wrapper {
  display: none;
}

.opc-product-slider .price-note {
  display: block;
  font-size: 0.8em;
}

[data-page="24"] .snippet-manufacturer-abc {
  background: #F4FAF0;
  border-radius: var(--radius-xl);
  padding: var(--space-2xs) var(--space-s);
  border-bottom: none;
}
[data-page="24"] .snippet-manufacturer-abc .nav {
  gap: 5px;
}
[data-page="24"] .snippet-manufacturer-abc .nav .nav-item {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
[data-page="24"] .snippet-manufacturer-abc .nav .nav-item .btn {
  background-color: #edf4e7;
  border-color: #b6d29e;
  color: #00615c;
}
[data-page="24"] .snippet-manufacturer-abc .nav .nav-item .btn:hover, [data-page="24"] .snippet-manufacturer-abc .nav .nav-item .btn:focus {
  background-color: #6BA43A;
  border-color: #6BA43A;
  color: #ffffff;
}
[data-page="24"] .snippet-manufacturer-abc .nav .nav-item:first-child .btn {
  border-radius: var(--radius-full) 0 0 var(--radius-full);
  padding-left: var(--space-s);
}
[data-page="24"] .snippet-manufacturer-abc .nav .nav-item:last-child .btn {
  border-radius: 0 var(--radius-full) var(--radius-full) 0;
  padding-right: var(--space-s);
}
[data-page="24"] .snippet-manufacturer .hr-sect {
  font-family: "Market Pro";
  color: #6BA43A;
  font-size: var(--text-2xl);
}
[data-page="24"] .snippet-manufacturer .hr-sect::before, [data-page="24"] .snippet-manufacturer .hr-sect::after {
  background-color: #b6d29e;
}
[data-page="24"] .snippet-manufacturer .card {
  border-color: #F4FAF0;
  background-color: #F4FAF0;
  border-radius: var(--radius-l);
  padding: 5px;
}
[data-page="24"] .snippet-manufacturer .card a {
  text-decoration: none;
}
[data-page="24"] .snippet-manufacturer .card a:hover {
  background-color: var(--secondary);
  color: var(--light);
}
[data-page="24"] .snippet-manufacturer .card a:hover .btn {
  background-color: var(--secondary);
  color: var(--light);
}
[data-page="24"] .snippet-manufacturer .card .square-image {
  border-radius: var(--radius-m);
  border: 10px solid var(--light);
}
[data-page="24"] .snippet-manufacturer .card .btn {
  border-radius: var(--radius-full);
  border-color: transparent;
  color: var(--primary);
  font-size: var(--text-m);
}
[data-page="24"] .snippet-manufacturer .card .btn:hover {
  background-color: var(--secondary);
  color: var(--light);
}

.modal-body .index-heading-wrapper,
.modal-body h1 {
  display: none;
}

.opc-container--before-productlist, .opc-container--after-productlist {
  width: min(100%, 900px);
}

.opc-container--before-productlist h1, .opc-container--after-productlist h1 {
  font-size: clamp(1.801875rem, 1.7097rem + 0.4606vw, 2.2625rem);
  margin-bottom: 0.5em;
}

.opc-container--before-productlist h2, .opc-container--after-productlist h2 {
  font-size: clamp(1.601875rem, 1.5287rem + 0.3656vw, 1.9675rem);
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}

.opc-container--before-productlist h3, .opc-container--after-productlist h3 {
  font-size: clamp(1.42375rem, 1.3663rem + 0.2875vw, 1.71125rem);
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}

.opc-container--before-productlist h4, .opc-container--after-productlist h4 {
  font-size: clamp(1.265625rem, 1.2212rem + 0.2219vw, 1.4875rem);
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}

.opc-rich-text--table table {
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 1rem;
  border: 1px solid #f2f7d2;
  overflow: hidden;
  margin-block: 3rem;
}

.opc-rich-text--table table tr th, .opc-rich-text--table table tr td {
  padding: 6px 12px;
  border: none;
}

.opc-rich-text--table table tr th {
  background-color: #f2f7d2;
  color: #00615c;
}

.opc-rich-text--table table tr td {
  background-color: #fff;
}

.opc-rich-text--table table tr:nth-child(odd) td {
  background-color: #f4faf0;
}

.opc-container--info {
  width: min(100%, 700px);
  border-radius: 1em;
  background-color: #f2f7d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem;
  margin: 5rem auto;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.opc-container--info__title {
  font-weight: 700;
  color: #00615c;
  font-size: 22px;
  text-align: center;
}

.opc-container--info__description {
  text-align: center;
  font-weight: 500;
}

.opc-container--info__description p:last-child {
  margin-bottom: 0;
}

.opc-container--info .btn {
  margin-top: 1rem;
}

.opc-container--info.dark {
  background-image: url(https://hanf.com/media/image/storage/opc/bg-pattern-dark-green.webp);
  background-size: 50% !important;
  background-repeat: repeat;
}

.opc-container--info.shape {
  clip-path: url(https://hanf.com/#box-shape);
}

.opc-container--info.dark .opc-container--info__title, .opc-container--info.dark .opc-container--info__description {
  color: #fff;
}

.opc-container--info.dark .btn:hover, .opc-container--info.dark .btn:focus {
  background-color: #ff6137;
}

.opc-container--info--icon {
  background-image: url("https://hanf.com/media/image/storage/opc/bg-patter-light-brown.webp");
  background-repeat: repeat;
  background-size: 50% !important;
}

.opc-container--info--icon__grid > .col:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 112px;
          flex: 0 0 112px;
}

.opc-container--info--icon__icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  padding: 1.25rem;
  background-color: #f4faf0;
  background-image: url("https://hanf.com/media/image/storage/opc/bg-pattern-light-green.webp");
  background-repeat: repeat;
  background-size: 100%;
}

.opc-container--info--icon__icon svg {
  fill: #00615c;
}

.opc-container--info--icon .opc-container--info__title, .opc-container--info--icon .opc-container--info__description {
  text-align: left;
}

.opc-container--info--icon .opc-container--info__title p {
  margin-bottom: 0.5em;
}

.opc-grid--icon {
  margin-top: 4rem;
}

.opc-grid--icon__image {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 2rem;
  padding: 2rem;
  background-color: #f4faf0;
  background-image: url("https://hanf.com/media/image/storage/opc/bg-pattern-light-green.webp");
  background-repeat: repeat;
  background-size: 100%;
  margin-inline: auto;
}

.opc-grid--icon__image {
  fill: #6ba43a;
}

.opc-grid--icon__image svg {
  min-height: 4rem;
  min-width: 4rem;
}

.opc-grid--icon__title {
  font-size: clamp(1.265625rem, 1.2212rem + 0.2219vw, 1.4875rem);
  margin-bottom: 0.5em;
  text-align: center;
  font-weight: 600;
  color: #00615c;
  line-height: 1.3;
}

.opc-grid--icon__description {
  text-align: center;
}

.opc-rich-text--table-responsive {
  width: 100%;
  max-width: 1000px;
  margin: 3rem auto;
  position: relative;
  color: #003b38;
}

.opc-rich-text--table-responsive ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  z-index: 10;
  padding-bottom: 14px;
  padding-left: unset;
}

.opc-rich-text--table-responsive li {
  list-style: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.opc-rich-text--table-responsive li:last-child {
  border-right: 1px solid #f2f7d2;
}

.opc-rich-text--table-responsive button {
  width: 100%;
  border: none;
  border-bottom: 1px solid #f2f7d2;
  padding: 10px;
  background: #fff;
  font-weight: 900;
  height: 60px;
  color: #00615c;
}

.opc-rich-text--table-responsive li.active button {
  background: #f2f7d2;
  color: #00615c;
}

.opc-rich-text--table-responsive table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.opc-rich-text--table-responsive th {
  background: #f2f7d2;
  color: #00615c;
  display: none;
}

.opc-rich-text--table-responsive th:last-child {
  border-radius: 0 1rem 0 0;
}

.opc-rich-text--table-responsive td, .opc-rich-text--table-responsive th {
  height: 53px;
  color: #003b38;
}

.opc-rich-text--table-responsive td, .opc-rich-text--table-responsive th {
  border: 1px solid #f2f7d2;
  padding: 10px;
  empty-cells: show;
}

.opc-rich-text--table-responsive td, .opc-rich-text--table-responsive th {
  text-align: left;
}

.opc-rich-text--table-responsive td + td, .opc-rich-text--table-responsive th + th {
  text-align: center;
  display: none;
}

.opc-rich-text--table-responsive tr td:first-child {
  font-weight: 700;
}

.opc-rich-text--table-responsive tr:nth-child(even) td {
  background-color: #f4faf0;
}

.opc-rich-text--table-responsive tr:first-child td:first-child {
  border-radius: 1rem 0 0;
  overflow: hidden;
}

.opc-rich-text--table-responsive tr:last-child td:first-child {
  border-radius: 0 0 0 1rem;
  overflow: hidden;
}

.opc-rich-text--table-responsive td.default {
  display: table-cell;
}

.opc-rich-text--table-responsive .bg-purple {
  border-top: 3px solid #a32362;
}

.opc-rich-text--table-responsive .bg-blue {
  border-top: 3px solid #0097cf;
}

.opc-rich-text--table-responsive .sep {
  background: #f5f5f5;
  font-weight: 700;
}

.opc-rich-text--table-responsive .txt-l {
  font-size: 28px;
  font-weight: 700;
}

.opc-rich-text--table-responsive .txt-top {
  position: relative;
  top: -9px;
  left: -2px;
}

.opc-rich-text--table-responsive .tick {
  font-size: 18px;
  color: #2ca01c;
}

.opc-rich-text--table-responsive .cross {
  font-size: 12px;
  color: #2ca01c;
}

.opc-rich-text--table-responsive .hide {
  border: 0;
  background: 0 0;
}

@media (min-width: 640px) {
  .opc-rich-text--table-responsive ul {
    display: none;
  }
  .opc-rich-text--table-responsive td, .opc-rich-text--table-responsive th {
    display: table-cell !important;
  }
  .opc-rich-text--table-responsive td, .opc-rich-text--table-responsive th {
    width: 250px;
  }
  .opc-rich-text--table-responsive td + td, .opc-rich-text--table-responsive th + th {
    width: auto;
  }
}
/* ============ GRID LAYOUT ============ */
.post-grid {
  --grid-gap: 1.5rem;
  --card-radius: 8px;
  --image-aspect: 66.67%; /* 3:2 Aspect Ratio */
  --title-color: #2c3e50;
  --text-color: #34495e;
  --accent-color: #1abc9c;
  --error-color: #d32f2f;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* Feste 3 Spalten */
  gap: var(--grid-gap);
  width: 100%;
  margin: 2rem 0;
  /* Responsive Anpassungen */
}
@media (max-width: 1024px) {
  .post-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Tablet: 2 Spalten */
  }
}
@media (max-width: 640px) {
  .post-grid {
    grid-template-columns: 1fr; /* Mobile: 1 Spalte */
  }
}

/* ============ CARD STYLES ============ */
.post-card {
  background: var(--light);
  border: 5px solid #edf4e7;
  border-radius: var(--card-radius);
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  transition: transform 0.25s ease, box-shadow 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
}
/* ============ BILD (3:2 ASPECT RATIO) ============ */
.post-card__image.aspect-3-2 {
  position: relative;
  padding-bottom: var(--image-aspect);
  background: #F3F7D4;
  overflow: hidden;
}
.post-card__image.aspect-3-2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.post-card:hover .post-card__image img {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

/* ============ INHALTSBEREICH ============ */
.post-card__content {
  padding: 1.25rem;
}

/* ============ TITEL ============ */
.post-card__title {
  margin: 0 0 0.5rem;
  font-size: 1.1rem;
  line-height: 1.4;
  color: var(--title-color);
  font-weight: 600;
}
.post-card__title a {
  color: var(--primary);
  font-size: var(--text-l);
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  line-height: 1.3;
}
.post-card__title a:hover {
  color: var(--secondary);
  text-decoration: underline;
}

/* Untertitel Stil */
.post-card__subtitle {
  font-size: var(--text-m);
  color: var(--text-light);
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.25;
}

/* Anpassung für den Titel wenn Untertitel existiert */
.post-card__content:has(.post-card__subtitle) .post-card__title {
  margin-bottom: 0.2rem;
}

/* ============ DATUM ============ */
.post-card__date {
  display: block;
  font-size: 0.8rem;
  color: #7f8c8d;
  margin-bottom: 0.75rem;
}

/* ============ AUSZUG ============ */
.post-card__excerpt {
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Zeilenbegrenzung */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ============ BUTTON ============ */
.post-card__cta {
  display: inline-block;
  color: var(--accent-color);
  font-weight: 600;
  text-decoration: none;
  font-size: 0.9rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: var(--text-title);
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-width: 0;
  border-bottom: 1px solid #C2D500;
  border-radius: unset;
  padding: 0;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.post-card__cta:hover {
  text-decoration: underline;
  color: rgb(19.8037383178, 143.1962616822, 118.8224299065);
}
.post-card__cta::after {
  content: "→";
  margin-left: 0.3rem;
  -webkit-transition: margin-left 0.2s ease;
  transition: margin-left 0.2s ease;
}
.post-card__cta:hover::after {
  margin-left: 0.5rem;
}

/* ============ SKELETT LOADER ============ */
.post-card.skeleton .post-card__image {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f0f0f0), color-stop(50%, #e0e0e0), color-stop(75%, #f0f0f0));
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer 1.5s infinite;
          animation: shimmer 1.5s infinite;
}
.post-card.skeleton .post-card__title,
.post-card.skeleton .post-card__date,
.post-card.skeleton .post-card__excerpt,
.post-card.skeleton .post-card__cta {
  visibility: hidden;
  position: relative;
  height: 0;
  overflow: hidden;
}
.post-card.skeleton .skeleton-line {
  height: 12px;
  background: #f0f0f0;
  margin-bottom: 10px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.post-card.skeleton .skeleton-line:last-child {
  width: 50% !important;
  margin-bottom: 0;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/* ============ FEHLERANZEIGE ============ */
.post-grid-error {
  grid-column: 1/-1;
  text-align: center;
  padding: 2rem;
  color: var(--error-color);
  background: #ffebee;
  border-radius: var(--card-radius);
}
.post-grid-error button {
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background: var(--error-color);
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.post-grid-error button:hover {
  background: rgb(170.8571428571, 36.1428571429, 36.1428571429);
}

.contact-bar-wrapper:not(.compact) {
  background: #F3F7D4;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.contact-bar-wrapper:not(.compact) .btn-outline-primary {
  border-radius: 90px;
  border-color: #6BA43A;
  color: #6BA43A;
}
.contact-bar-wrapper:not(.compact) .btn-outline-primary:hover, .contact-bar-wrapper:not(.compact) .btn-outline-primary:focus {
  background-color: #00615c;
  color: #ffffff;
  border-color: #00615c;
}
.contact-bar-wrapper.compact .contact-item {
  border-radius: 90px 0 0 90px;
  background-color: #6BA43A;
  color: #ffffff;
  border-color: #00615c;
  border-width: 1px 0 1px 1px;
}
.contact-bar-wrapper.compact .contact-item:hover, .contact-bar-wrapper.compact .contact-item:focus {
  background-color: #00615c;
}
.contact-bar-wrapper.compact i {
  padding-right: 0;
}

@media (min-width: 768px) {
  .sidepanel-left .box {
    border-radius: var(--radius-xl);
    background-color: #edf4e7;
    border-color: #b6d29e;
  }
}
.sidepanel-left .box .btn-filter-box {
  color: var(--primary);
}
.sidepanel-left .price-range-input {
  border-radius: var(--radius-full);
}

.box-grid > .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-box-grid {
  background-color: #F4FAF0;
  border-radius: var(--radius-l);
}
.card-box-grid .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-box-grid__btn {
  margin-top: auto;
}
.card-box-grid__heading {
  font-size: var(--text-l);
}

.box-categories .dropdown .collapse {
  background: unset;
}

.carousel-indicators li {
  background-color: #b6d29e;
  border: 2px solid #ffffff;
  border-radius: var(--radius-m);
  height: 12px;
}

#result-wrapper .desc {
  font-size: var(--text-m);
  color: #6F815F;
  font-weight: 500;
}

.content-cats-small {
  /*display: grid;
  grid-template-columns: repeat(1, 1fr);

  @include media-breakpoint-up(sm) {
      grid-template-columns: repeat(3, 1fr);
  }

  @include media-breakpoint-up(md) {
      grid-template-columns: repeat(4, 1fr);
  }

  @include media-breakpoint-up(lg) {
      grid-template-columns: repeat(5, 1fr);
  }

  @include media-breakpoint-up(xl) {
      grid-template-columns: repeat(6, 1fr);
  }*/
}
.content-cats-small > .col-6 {
  max-width: 100%;
}
.content-cats-small > .col-6 > .sub-categories > a {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.content-cats-small > .col-6 .caption {
  text-align: center;
  line-height: 1.3;
  font-weight: 500;
}
.content-cats-small .sub-categories {
  border: 1px solid transparent;
  border-radius: var(--radius-s);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.content-cats-small .sub-categories > a {
  display: grid;
  justify-items: center;
}
.content-cats-small .sub-categories .subcategories-image {
  max-width: 200px;
}
.content-cats-small .sub-categories .caption-wrapper {
  text-align: center;
}
.content-cats-small .sub-categories:hover {
  border-color: #edf4e7;
  background-color: #f2f7d2;
}
.content-cats-small .sub-categories:hover .subcategories-image {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.content-cats-small .sub-categories:hover .subcategories-image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.content-cats-small .sub-categories .subcategories-image {
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: var(--radius-s);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0;
}
.content-cats-small .sub-categories .subcategories-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.content-cats-small .sub-categories .sub-categories__sub-menu .caption {
  margin-bottom: 0;
}
.content-cats-small .sub-categories .sub-categories__sub-menu .caption > a {
  display: block;
  padding: __remify(10px);
}
.content-cats-small .sub-categories .sub-categories__sub-menu hr, .content-cats-small .sub-categories .sub-categories__sub-menu ul {
  display: none !important;
}
.content-cats-small .sub-categories .sub-categories__sub-menu .caption > a {
  display: block;
  padding: 0.625rem;
  font-weight: 500;
}

.read-more-button {
  font-weight: 600;
  border-radius: 5.625rem;
  padding: 7px 15px;
  border: 1px solid #6BA43A;
  color: #6BA43A;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.8em;
  text-decoration: none;
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.read-more-button svg {
  fill: #6BA43A;
  margin-top: -3px;
}
.read-more-button:hover, .read-more-button:focus {
  background-color: #00615c;
  border-color: #00615c;
  color: #ffffff;
}
.read-more-button:hover svg, .read-more-button:focus svg {
  fill: #ffffff;
}

#read-more-content {
  margin-top: 3rem;
}

.product-list.row {
  gap: 2rem 0;
}

.opc-Container + .content-cats-small {
  margin-top: 1rem;
}

#product-list.layout-gallery .productbox {
  margin-bottom: 0;
}

.product-list.row {
  height: 100% !important;
}
.product-list .price-note {
  display: block;
  font-size: 0.8em;
}

.productbox-column {
  border: 5px solid #edf4e7;
  padding: var(--space-s);
  border-radius: var(--radius-l);
  height: 100%;
  background-color: #F4FAF0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.productbox-column:has(a:hover) {
  outline: 2px solid #6BA43A;
}
.productbox-column:has(a:hover) .inner-image-wrapper {
  -webkit-transform: rotate(2.5deg);
          transform: rotate(2.5deg);
  -webkit-box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1433px) {
  .productbox-column {
    padding: var(--space-xs);
  }
}

.productbox-inner {
  height: 100%;
}

.modal-content .productbox-inner {
  height: unset;
}

.productbox-title {
  margin-top: 0.5rem;
}
.productbox-title > a {
  color: var(--primary);
  line-height: 1.3;
}

.productbox .btn {
  border-radius: var(--radius-full);
}
.productbox .btn.btn-primary {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.productbox .btn.btn-primary:hover, .productbox .btn.btn-primary:focus {
  background-color: #00615c;
  border-color: #00615c;
}
.productbox .alert.choose-variations {
  line-height: 1.2;
  background-color: #FF5C5C;
  color: #ffffff;
}

.productbox-quick-actions .product-actions {
  gap: 5px;
}

.product-detail .product-actions .btn {
  border-radius: var(--radius-full);
}

.boostrap-slider .carousel-caption-title,
.boostrap-slider .carousel-caption-desc {
  background-color: var(--primary-70);
  color: var(--light);
  border-radius: var(--radius-l);
}

.btn {
  font-weight: 700;
}

.btn-primary,
.btn-secondary,
.btn-outline-primary {
  border-radius: var(--radius-full);
}
.btn-primary:hover, .btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #00615c;
  border-color: #00615c;
  color: #ffffff;
}

.btn-primary {
  background-color: #6BA43A;
  border-color: #6BA43A;
}

.btn-secondary:not(.badge) {
  background-color: #C2D500;
  border-color: #C2D500;
  color: #00615c;
}

.btn-outline-primary {
  border-color: #6BA43A;
  color: #6BA43A;
}

.btn-outline-secondary {
  border-radius: var(--radius-full);
  border: 1px solid #b6d29e;
  color: #6F815F;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus {
  background-color: #b6d29e;
  border-color: #6BA43A;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .show > .btn-outline-secondary:not(.filter-toggler):not(.navbar-toggler)[data-toggle=collapse] {
  background-color: #b6d29e;
}

.badge-circle-1:hover {
  background-color: #6BA43A;
  color: #ffffff;
}
.badge-circle-1.on-list {
  background-color: #6BA43A;
  border-color: #6BA43A;
}
.badge-circle-1.on-list:hover {
  background-color: #FF5C5C;
  border-color: #FF5C5C;
}

.ribbon {
  border-radius: var(--radius-full);
  padding: 0.1rem var(--space-3xs);
  font-weight: 500;
}

.ribbon-1 {
  background-color: #C2D500;
  color: #003B38;
}

.ribbon-2 {
  background-color: #FF5C5C;
}

.ribbon-3 {
  background-color: #00615c;
}

.ribbon-4 {
  background-color: #b6d29e;
  color: #00615c;
}

.card-gray,
.card-header {
  background-color: #f2f7d2;
  border-radius: var(--radius-m);
}

.cart-items-delete .cart-items-delete-button {
  color: #6F815F;
}
.cart-items-delete .cart-items-delete-button:hover, .cart-items-delete .cart-items-delete-button:focus {
  color: #FF5C5C;
}

.cart-icon-dropdown-price {
  display: none !important;
}

form:not(.main-search):not(.header-search) .form-group .form-control:not(.quantity):not(.unit) {
  background-color: #ffffff !important;
  border: 1px solid #b6d29e;
}

.bootstrap-select.custom-select button.dropdown-toggle:focus {
  border-color: #6BA43A;
}
.bootstrap-select.custom-select.show button.dropdown-toggle {
  border-color: #00615c;
}

.form-counter {
  background-color: transparent;
}
.form-counter .btn {
  background-color: var(--bg-form);
  border-color: #F3F7D4;
}
.form-counter .btn:hover, .form-counter .btn:focus {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--light);
}
.form-counter .form-control {
  background-color: #F3F7D4;
}
.form-counter .input-group-prepend .btn {
  border-radius: var(--radius-full) 0 0 var(--radius-full);
}
.form-counter .input-group-append .btn {
  border-radius: 0 var(--radius-full) var(--radius-full) 0;
}

textarea.form-control {
  border-radius: 1rem !important;
  border: 1px solid #b6d29e;
}

/* checkout form */
form:not(.main-search):not(.header-search):not(.contact-form) .form-control:not(.quantity):not(.unit) {
  border-radius: var(--radius-full);
}
.badge_nur_online {
  position: absolute;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  bottom: 0.5rem;
  right: 0.5rem;
  width: 4rem;
  height: 4rem;
}

.badge_nur_online-detail {
  margin-top: 1rem;
}

.badge-primary {
  background-color: #00615c;
  color: red;
}

.shape-divider {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute !important;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

.shape-divider-inner {
  position: absolute;
  width: 100%;
  height: 100%;
}
.shape-divider-inner--bottom, .shape-divider-inner--top {
  height: 2rem;
  width: 100%;
}
.shape-divider-inner--bottom svg, .shape-divider-inner--top svg {
  vertical-align: top;
}
.shape-divider-inner--bottom {
  bottom: -1px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.shape-divider-inner--top {
  top: -1px;
}
.shape-divider-inner--left, .shape-divider-inner--right {
  width: 2rem;
  height: 100%;
}
.shape-divider-inner--left {
  left: -1px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.shape-divider-inner--right {
  right: -1px;
}

.variations .bootstrap-select .btn-light {
  border-radius: var(--radius-full);
}

.product-buy .btn-primary,
.cart-dropdown-buttons .btn-primary,
.basket-summary .btn-primary {
  background-color: #6BA43A;
  border-color: #6BA43A;
  border-radius: var(--radius-full);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.product-buy .btn-primary:hover, .product-buy .btn-primary:focus,
.cart-dropdown-buttons .btn-primary:hover,
.cart-dropdown-buttons .btn-primary:focus,
.basket-summary .btn-primary:hover,
.basket-summary .btn-primary:focus {
  background-color: #00615c;
  border-color: #00615c;
}

.productbox .price-note .base_price {
  color: #6F815F;
  font-style: italic;
}

.page-item.active .btn-outline-secondary {
  background-color: #b6d29e;
  color: #6F815F;
}

.noUi-horizontal {
  height: 0.3em;
}

.noUi-horizontal .noUi-connect {
  background: #00615c;
}

.noUi-horizontal .noUi-handle {
  top: -0.2em;
  border-radius: 50%;
  background: #00615c;
  border: 0;
  width: 0.7em;
  height: 0.7em;
  -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 97, 92, 0.5);
  box-shadow: 0px 0px 0px 5px rgba(0, 97, 92, 0.5);
}

.modal-backdrop {
  background-color: #003B38;
}

.modal-header .close {
  background-color: #6BA43A;
}
.modal-header .close:hover, .modal-header .close:focus {
  background-color: #00615c;
}

.modal-dialog .modal-content {
  border-radius: 1rem;
}
.modal-dialog.modal-sidebar.right .modal-content {
  border-radius: 1rem 0 0 1rem;
}

.modal-title {
  font-weight: 700;
  color: #00615c;
}

.modal-body #content {
  padding: 0;
  margin-top: 1rem;
}

#footer {
  background-color: #00615c;
}
#footer #footer-boxes a:not(.btn):not(.dropdown-item),
#footer #footer-boxes .newsletter-footer-heading,
#footer #footer-boxes .footer-social-media a.btn,
#footer #footer-boxes .btn-outline-primary {
  color: #ffffff;
  text-decoration-color: #6BA43A;
}
#footer #footer-boxes a:not(.btn):not(.dropdown-item):hover, #footer #footer-boxes a:not(.btn):not(.dropdown-item):focus,
#footer #footer-boxes .newsletter-footer-heading:hover,
#footer #footer-boxes .newsletter-footer-heading:focus,
#footer #footer-boxes .footer-social-media a.btn:hover,
#footer #footer-boxes .footer-social-media a.btn:focus,
#footer #footer-boxes .btn-outline-primary:hover,
#footer #footer-boxes .btn-outline-primary:focus {
  text-decoration-color: #F3F7D4;
}
#footer #footer-boxes .productlist-filter-headline {
  margin-bottom: 0.5em;
}
#footer .footer-social-media {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
#footer .footer-social-media .btn {
  background-color: #F3F7D4;
  color: #00615c;
  border-radius: 50%;
  aspect-ratio: 1;
  overflow: hidden;
  border-right: unset;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#footer .footer-social-media .btn:hover, #footer .footer-social-media .btn:focus {
  background-color: #6BA43A;
  color: #F3F7D4;
}
#footer .footer-social-media .btn i {
  font-size: 1.5em;
}
#footer #copyright .pl-5, #footer #copyright .pl-3 {
  display: none;
}
#footer .productlist-filter-headline,
#footer .box-normal .box-normal-link,
#footer .footer-icon-box h4 {
  font-weight: 700;
  font-size: 1.3rem;
  text-transform: unset;
  line-height: 1.3;
}
#footer .footer-icon-box h4 {
  color: #ffffff;
  margin-bottom: 1.5rem;
}
#footer .footer-icon-box + .footer-icon-box {
  margin-top: 3rem;
}
#footer .footer-payment-providers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  max-width: 18.5rem;
}
#footer .footer-payment-providers .provider svg {
  height: auto;
  width: 3.5rem;
}
#footer .footer-social-media {
  margin-top: 3rem;
}
#footer #copyright {
  background-color: #6BA43A;
  color: #003B38;
}
#footer #copyright a:not(.btn) {
  color: #00615c;
}

.footer-logo {
  height: 3rem;
}

.footer-menu .nav + .productlist-filter-headline {
  margin-top: 2em;
}

.toast {
  background-color: #00615c;
}

.alert {
  padding: var(--radius-m);
}

#consent-manager #consent-banner {
  border-radius: var(--radius-l);
}

#paypal-button-productDetails-container {
  z-index: 10;
}

.variations .dropdown-menu {
  max-height: 300px;
  z-index: 13;
}/*# sourceMappingURL=fashion.css.map */