@view-transition {
  navigation: auto;
}

/* dimensions */

/*
.col-12, .col-xl, .col-xxl {
max-width: 1280px;
}
*/

body  {
  font-size: var(--fsBody);
}
p {
  font-size: var(--fsParagraph);
}
#footer {
  font-size: var(--fsFooter);
}

section:not(.background-white):not(.background-secondary):not(.background-grey):not(.background-gray):not(.background-special) {
  background: transparent;
}

button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:not(:disabled):not(.disabled):active, button.btn.btn-primary:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close).btn-primary:hover, .btn:not(.close):not(.mfp-close).btn-primary:focus, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--color-light);
  border-color: var(--color-primary);
  color: var(--color-primary);
}


@media (min-width: 1280px) {
  .container {
    max-width: calc(1280px - 8rem);
    max-width: 1250px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: calc(1400px - 8rem);
    max-width: 1350px;
  }
}

/*
@media (min-width: 1600px) {
  .container {
    max-width: calc(1600px - 12rem);
    max-width: 1300px;
  }
}
*/

.mainMenu-open #header #mainMenu {
  overflow-y: auto !important;
}


#slider .container {
  padding-right: var(--bs-gutter-x, 6rem);
  padding-left: var(--bs-gutter-x, 6rem);
}


/* hover colors */
a {
  color: var(--lcolor-normal);
}
a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
  color: var(--lcolor-hover);
}
#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
  color: var(--lcolor-hover);
}
#scrollTop:after, #scrollTop:before {
  background-color: var(--lcolor-hover);
}


.product .product-sale, .product .product-new, .product .product-hot, .product .product-out-stock {
  left: 10px;
  right: unset;
}




.inspiro-slider .slide .slide-captions .strong {
  font-size: 16px !important;
}

.inspiro-slider .slide .slide-captions h2 {
  font-size: 55px;
}

.heading-text.heading-section h2:before {
  background-color: #8086a7;
}