body {
  background-color: #fff !important;

  font-size: 1.1rem !important;
}

.container-max {
  max-width: 1380px !important;
}

h1,
h2,
h3 {
  font-family: Times !important;
  font-style: italic;
}

ul {
  margin-bottom: 0 !important;
}

.fa-heart-o {
  color: #8b0000;
}

.control-basket .toggle-basket-preview {
  background-color: transparent !important;
}

.bg-opacity {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.bg-opacity,
.bg-white {
  background-color: #f0f0f0 !important;
}

.main-navbar-collapsable .mainmenu > li.hover > ul,
.main-navbar-collapsable .mainmenu > li:hover > ul {
  background: #f9f9f9;
}

.level1 a:hover {
  text-decoration: underline;
}

.nav-link-default {
  color: #000 !important;
}

#countrySettings a,
#currencySelect a,
.nav-link-home,
.top-bar .cmp {
  color: #fff !important;
}

.top-bar .cmp {
  background-color: #495057 !important;
}

.cmp-address-list .item-inner,
.cmp-address-list .items:not(.items-empty) {
  cursor: default !important;
}

.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 75px;
  height: auto;
  padding: 10px;
  transition: max-height 0.3s;
}

.invert {
  filter: invert(1);
  max-height: 90px !important;
}

.input-unit .input-unit-label,
.input-unit label,
.megamenu .level1 a {
  font-weight: 400 !important;
}

.owl-thumb:hover {
  border: 0 !important;
}

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

.menu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  box-sizing: content-box;
  background-color: transparent;
}

.mw-42 {
  max-width: 42vw;
}

.mw-62 {
  max-width: 62vw;
}

.product-imagebox {
  position: relative;
  max-width: 11vw;
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.product-tables {
  display: grid !important;
  grid-template-columns: auto auto auto !important;
}

.collapse-inner li {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
  -moz-filter: grayscale(50%);
}

.collapse-inner li:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
}

.main-navbar-collapsable a {
  font: menu;
}

.megamenu-category-image {
  max-width: 8vw;
  display: block;
  width: auto;
  margin: auto;
}

.main-navbar-collapsable .mainmenu > li:hover > a {
  color: gray !important;
  background-color: #fff !important;
  border-bottom: 2px solid #000;
}

.main-navbar-collapsable .mainmenu > li > a {
  padding: 0.5rem 1.5rem !important;
}

.spacer-left {
  margin-left: 1em;
}

.spacer-right {
  margin-right: 1em;
}

.spacer {
  margin: 12px;
}

.spacer-l {
  margin: 50px;
}

.cursor,
.main-menu {
  cursor: pointer;
}

.main-menu-default {
  color: #000 !important;
}

.main-menu-invert {
  color: #fff !important;
}

.main-navbar-collapsable .ddown > a::after {
  display: none;
}

.list-itemsperpage > .custom-select,
.list-sort > .custom-select {
  border: 1px solid #dee2e6 !important;
  border-radius: 0.1px;
}

nav > .pagination.widget-alignment {
  padding: 0.5em;
}

.clear-right {
  padding-right: unset !important;
}

.clear-left {
  padding-left: unset !important;
}

.flex {
  display: flex;
  justify-content: space-between;
}

.thumb-title.small {
  font-size: 1rem !important;
}

.cmp-product-thumb .thumb-title,
.widget-image-box > .widget-inner .widget-caption h2 {
  text-align: center !important;
}

.menu-column {
  vertical-align: top;
}

.megamenu .level1 a {
  font-size: 1rem;
}

.collapse-inner {
  position: relative;
  padding-bottom: 0.2em;
}

.category-details {
  position: absolute;
  padding-top: 1.3em;
  padding-right: 1.3em;
  top: 0;
  right: 0;
  display: block;
  left: 0;
  width: 100%;
  height: auto;
  max-width: 310px;
  z-index: 1;
  overflow: hidden;
}

.no-home-margin-top {
  margin-top: 0 !important;
}

.producer {
  font-weight: 400 !important;
}

.product-header {
  font-style: normal;
}

.badge-bundle {
  display: none !important;
}

.input-unit {
  margin-bottom: unset !important;
}

.unset-pr {
  padding-right: unset !important;
}

.v-s-boxes {
  margin-left: 0 !important;
}

.v-s-boxes .v-s-box,
.v-s-boxes .v-s-circle {
  margin-block-start: auto;
  margin: 0 0.1rem 0.5rem !important;
}

.v-s-boxes .v-s-box.active {
  border: 0.09rem solid gray !important;
}

.v-s-boxes .v-s-circle {
  border-radius: 2rem !important;
}

.v-s-boxes .v-s-circle.active {
  border: 0.09rem solid #000 !important;
}

.cust-sel-var-dd {
  padding: 1.2rem 2rem 0.4rem 0.5rem !important;
}

.input-unit label {
  padding: 0.35rem 1rem 0 0.5rem !important;
}

.custom-select-drop-singleitem {
  padding: 0.5rem 2rem 0.5rem 0.5rem !important;
  background-position: calc(100% - 1rem) !important;
  width: 100%;
  font-size: 0.9rem;
}

option:empty {
  display: none;
}

.td-width {
  width: 9rem;
}

.img-resize {
  width: 30px;
  height: 30px;
  padding: 0.1rem !important;
}

.custom-select {
  font-size: 0.9rem !important;
}

.lightboxOverlay {
  background-color: #fff !important;
  opacity: 1 !important;
}

span.text-muted.ml-2.picto .tooltip-inner {
  background-color: transparent !important;
  max-width: 550px !important;
  opacity: 1 !important;
}

.popover {
  max-width: none !important;
}

.pictogram {
  max-width: 700px !important;
  width: auto;
}

.modal-content {
  width: auto !important;
  margin: auto;
}

.panel.panel-default {
  margin-top: 10px;
}

.panel-heading {
  justify-content: space-between;
  background: #efefef;
  cursor: pointer;
  padding: 2px;
  height: 50px;
}

.panel-title > a,
.panel-title > a:active {
  display: block;
  padding: 15px;
  color: #555;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 3px;
  text-decoration: none;
}

div .bestseller .bg-appearance,
div .bestseller .bg-appearance a {
  color: gray !important;
  background-color: transparent !important;
}

.widget-image-box > .widget-inner {
  display: inline-grid !important;
}

.greyscaled {
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
}

.greyscaled:hover {
  filter: grayscale(25%);
  -webkit-filter: grayscale(25%);
  -moz-filter: grayscale(25%);
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
}

.object-fill {
  object-fit: fill !important;
}

.widget-inner-collection.left {
  position: absolute;
  top: 3rem;
  left: 4rem;
}

.widget-inner-collection.right {
  position: absolute;
  top: 3rem;
  right: 4rem;
}

.left .widget-caption-collection,
.right .widget-caption-collection {
  background-color: transparent;
}

.widget-image-box .widget-caption {
  color: #fff;
}

.widget-image-box > .widget-inner .widget-caption {
  font-style: italic !important;
  background-color: rgb(66 58 58/54%) !important;
  margin-left: auto;
  margin-right: auto;
  border-radius: 3px;
}

.widget-image-box.widget-primary a[href].widget-inner:hover .widget-caption {
  background-color: rgb(66 58 58/75%) !important;
  background-blend-mode: soft-light !important;
}

.fa.fa-angle-double-right {
  display: none;
}

.border-bottom-1 {
  border-bottom: 1px solid #3b4347 !important;
}

.border-left-1 {
  border-left: 1px solid #3b4347 !important;
}

.border-right-1 {
  border-right: 1px solid #3b4347 !important;
}

.border-bottom-1-5 {
  border-bottom: 1.5px solid #3b4347 !important;
}

.border-left-1-5 {
  border-left: 1.5px solid #3b4347 !important;
}

.border-right-1-5 {
  border-right: 1.5px solid #3b4347 !important;
}

.border-top-2 {
  border-top: 2px solid #3b4347 !important;
}

.border-bottom-2 {
  border-bottom: 2px solid #3b4347 !important;
}

.border-left-2 {
  border-left: 2px solid #3b4347 !important;
}

.border-right-2 {
  border-right: 2px solid #3b4347 !important;
}

.border-top-3 {
  border-top: 3px solid #3b4347 !important;
}

.border-bottom-3 {
  border-bottom: 2px solid #3b4347 !important;
}

.border-left-3 {
  border-left: 3px solid #3b4347 !important;
}

.border-right-3 {
  border-right: 3px solid #3b4347 !important;
}

.bg-gray {
  background-color: #c6c7c9 !important;
}

.hr-gray-bold {
  border-top: 3px solid gray !important;
}

.hr-darkgray {
  border-top: 1px solid #3b4347 !important;
}

.left-60 {
  max-width: 60%;
  margin-left: 0;
}

.center {
  left: calc(-1 * (100vw - 100%) / 2) !important;
}

.gray {
  color: gray !important;
}

.lightgray {
  color: #dfdfdf !important;
}

.white {
  color: #fff !important;
}

.black {
  color: #000 !important;
}

.caption-font-black p {
  color: #000;
}

.add-to-basket-lg-container .thumb-image:hover {
  display: block !important;
}

.owl-carousel .carousel-control.right {
  right: -5vh !important;
}

.owl-carousel .carousel-control.left {
  left: -5vh !important;
}

@media screen and (min-width: 992px) {
  .page-link {
    padding: 0.65rem 0.75rem !important;
  }

  .widget-image-box > .widget-inner .widget-caption {
    width: auto;
    min-width: 25%;
    font-size: 2.5rem !important;
  }

  .img-fluid {
    -webkit-transform: scale(1.14);
    transform: scale(1.14);
  }

  .main-navbar-collapsable .mainmenu > li.ddown:hover {
    display: block;
  }

  .bg-transparent,
  .main-navbar-collapsable .mainmenu > li.ddown:hover {
    -webkit-animation: fadein 200ms;
    -moz-animation: fadein 200ms;
    -ms-animation: fadein 200ms;
    -o-animation: fadein 200ms;
    animation: fadein 200ms;
  }

  .mainPage.widget-fw {
    width: 200% !important;
    padding: 0;
  }

  .megamenu .collapse {
    column-count: unset !important;
    position: fixed !important;
    max-height: unset !important;
    height: auto !important;
    outline: 9999px solid transparent;
    padding: 2em 0 !important;
  }

  .widget-inner-collection.left,
  .widget-inner-collection.right {
    color: #000 !important;
    top: 6rem !important;
  }

  .navbar-toggler {
    top: 15px;
    position: absolute;
    top: 1rem;
    left: 1rem;
  }

  .top-bar .cmp-search-box {
    position: absolute !important;
    width: 40% !important;
    left: unset !important;
  }

  .left .widget-caption-collection h1,
  .right .widget-caption-collection h1 {
    font-size: 3.5rem;
  }

  .img-full-left img,
  .img-full-right img {
    position: absolute;
    top: 0 !important;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(0) !important;
    transform: translate(0) !important;
  }

  .img-full-left img {
    left: 0 !important;
  }

  .img-full-right img {
    right: 0 !important;
  }

  .controls-list .list-inline-item {
    font-size: 0.8rem !important;
    font: menu !important;
  }

  .caption-overlay p {
    font-size: 1rem !important;
    line-height: 2.2em;
  }

  .line-height-l {
    line-height: 2.2em;
  }

  .headline-m h3 {
    font-size: 2.5rem !important;
  }

  .headline-l h2 {
    font-size: 5rem !important;
  }

  .headline-xl h1 {
    font-size: 12rem !important;
  }

  .caption-overlay div.widget-caption {
    border: 0 !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.2);
  }

  .overlay-transparent div.widget-caption {
    border: 0 !important;
    color: #fff !important;
    background-color: transparent !important;
  }

  .box-1 div.widget-caption {
    max-width: 16em !important;
    left: 2.2em !important;
    bottom: 22em !important;
  }

  .box-2 div.widget-caption {
    max-width: 11em !important;
    left: 2.2em !important;
    bottom: 11em !important;
  }

  .box-3 div.widget-caption {
    max-width: 18em !important;
    left: 16em !important;
    bottom: 24em !important;
  }

  .box-4 div.widget-caption {
    max-width: 15em !important;
    left: calc(100% - 15em) !important;
    bottom: calc(100% - 11em) !important;
    background-color: transparent !important;
    box-shadow: none;
  }

  .box-5 div.widget-caption,
  .box-6 div.widget-caption {
    max-width: 26em !important;
    left: 10em !important;
  }

  .box-6 div.widget-caption {
    bottom: 18em !important;
  }

  .box-7 div.widget-caption {
    max-width: 10em !important;
    left: 16em !important;
    bottom: -1.4em !important;
  }

  .box-8 div.widget-caption {
    max-width: 21em !important;
    left: 15em !important;
    bottom: -1.8em !important;
  }

  .box-9 div.widget-caption {
    max-width: 26em !important;
    left: 4em !important;
    top: 1em !important;
    color: gray !important;
  }

  .box-10 div.widget-caption {
    bottom: 2em !important;
  }

  .pr-text-40 {
    padding-right: 40rem;
  }

  .ml-text-6 {
    margin-left: 6rem;
  }

  .margin-left-25rem {
    margin-left: 25rem;
  }

  .margin-left-20rem {
    margin-left: 20rem;
  }

  .margin-left-38rem {
    margin-left: 38rem;
  }

  .padding-right-20rem {
    padding-right: 20rem;
  }

  @keyframes fadein {
    0% {
      opacity: 0.5;
    }

    to {
      opacity: 1;
    }
  }

  @-moz-keyframes fadein {
    0% {
      opacity: 0.5;
    }

    to {
      opacity: 1;
    }
  }

  @-webkit-keyframes fadein {
    0% {
      opacity: 0.5;
    }

    to {
      opacity: 1;
    }
  }

  @-ms-keyframes fadein {
    0% {
      opacity: 0.5;
    }

    to {
      opacity: 1;
    }
  }

  @-o-keyframes fadein {
    0% {
      opacity: 0.5;
    }

    to {
      opacity: 1;
    }
  }
}

@media only screen and (max-device-width: 491px) {
  .disabled {
    display: none !important;
  }
  .text-align-centered {
    text-align: center !important;
  }
  .justified {
    justify-content: center;
  }
  .widget-image-box > .widget-inner .widget-caption {
    width: 85%;
  }
  .navbar {
    display: none!important;
  }
  .controls-list i,
  .fa.fa-angle-double-right,
  .widget-image-box-caption h1 {
    font-size: 1.5rem !important;
  }

  .crossselling > .single .list-item-carousel .list-control-special,
  .page-singleitem .list-item-carousel .list-control-special,
  .top-bar .cmp {
    position: inherit !important;
  }

  .mobile-navigation {
    color: #000 !important;
    background: #fff !important;
  }

  .mobile-navigation ul.breadcrumb {
    color: #fff !important;
    background: #000 !important;
  }

  .owl-theme .owl-dots {
    position: relative !important;
    right: unset !important;
    bottom: unset !important;
    left: unset !important;
  }

  .controls-list .list-inline-item {
    font-size: 1.2rem;
  }

  .img-fluid {
    -webkit-transform: scale(1.14);
    transform: scale(1.14);
  }

  .category-item {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .cmp-product-thumb {
    margin-bottom: 1px !important;
    padding: 0 !important;
  }

  .compImg {
    display: flex;
  }

  button.navbar-toggler.nav-link-home,
  div#top-bar.bg-transparent {
    display: none;
  }

  .invert {
    margin-left: auto !important;
    margin-top: calc((100vh - 100%) / 4);
    max-height: 14vh !important;
    padding: 1.5rem !important;
  }

  .widget-inner-collection.right {
    right: 1rem !important;
  }

  .widget-inner-collection.left {
    left: 1rem !important;
  }

  .widget-inner-collection.left,
  .widget-inner-collection.right {
    top: 0.5rem !important;
    color: #000 !important;
  }

  .cmp-product-thumb .thumb-image {
    float: unset !important;
    width: auto !important;
  }

  .cmp-product-thumb .thumb-content {
    display: list-item !important;
    margin: auto !important;
    list-style: none !important;
  }

  .navbar-toggler {
    font-size: 2.5rem !important;
  }
  .owl-stage {
    margin-left: auto;
    margin-right: auto;
  }

  .cmp-product-thumb .thumb-title {
    font-weight: 400 !important;
  }

  .widget-image-box > .widget-inner .widget-caption .h2,
  .widget-image-box > .widget-inner .widget-caption h2 {
    font-size: 1.25rem !important;
  }

  .mobile-navigation .mainmenu .btn-up :not(span) {
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .btn-back {
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
  }
}

.widget-proportional.widget-prop-collection {
  padding-bottom: 20% !important;
  border: 2px solid #ccc;
}

.inset {
  box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  -khtml-box-shadow: 5px 5px 5px #ccc;
}

.img-override {
  top: 0 !important;
  left: 0 !important;
  transform: scale(1) !important;
}

.img-hover {
  overflow: hidden;
}

.img-hover--colorize img {
  transition: transform 1s, filter 2s ease-in-out;
}

.img-hover--colorize:hover img {
  transform: scale(1.1) !important;
}

.img_description {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #000;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s, visibility 0.2s;
}

.img-hover--colorize:hover .img_description {
  visibility: visible;
  opacity: 1;
}

.form-check-label {
  width: 80%;
}

.filter span::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 30px;
  width: 9px;
  height: 9px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
}

.hidden {
  display: none !important;
}

.facetPicture {
  max-width: 15px;
  width: auto;
}

.facet-effect {
  display: none !important;
}

.form-check span:hover i.facet-effect {
  display: inline-block !important;
}

.btn.filter {
  text-align: left !important;
}

.flex-grow-1 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
}

.item-filter,
.list-controls .list-controls-inner {
  background-color: #f5f5f5 !important;
}

.sidebar-categories {
  background: 0 0 !important;
}

.card {
  background-color: unset !important;
  font: menu;
}

.registration input {
  border: #000;
}

.in-stock,
.in-transit,
.out-of-stock {
  height: 25px;
  width: 25px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}

.in-stock,
.in-transit {
  background-color: #0f0;
}

.in-transit {
  background-color: #ff0;
}

.express-order-tr {
  background-color: #fff;
}

.express-order-tr:nth-child(2n) {
  background-color: #e5e2e2;
}

#itemList div.d-inline.d-lg-none {
  display: inline !important;
}

.footer {
  background-color: #fff !important;
}