/***************************/
/******* CONFIG VARS *******/
/* -COLORS.SCSS */
/* DEFAULT COLORS VARS */
/* THEME COLORS VARS */
/* _TEXT.SCSS */
/* Font Library */
/* FONT PER LE ICONE */
/******* CONFIG MIXIN ******/
/* _MIXIN.SCSS */
/***************************/
/* MAIN */
/* custom scrollbar */
::-webkit-scrollbar {
  width: 4px; }

::-webkit-scrollbar-track {
  background-color: transparent; }

::-webkit-scrollbar-thumb {
  background-color: black;
  border-radius: 0px;
  border: 0px solid transparent;
  background-clip: content-box;
  cursor: pointer; }

::-webkit-scrollbar-thumb:hover {
  background-color: black; }

/* BODY */
html {
  overflow-y: scroll; }

html.bloccoscroll {
  overflow-y: hidden; }

html, body {
  font-family: "Swiss Intl", sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  word-spacing: 0.07em;
  font-weight: 300;
  max-width: 100%; }
  @media all and (min-width: 48em) {
    html, body {
      font-size: 14px; } }
  @media all and (min-width: 62.5em) {
    html, body {
      font-size: 15px; } }
  @media all and (min-width: 78.75em) {
    html, body {
      font-size: 16px; } }

body:after, body:before {
  content: " ";
  position: fixed;
  width: 0px;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1; }

body:after {
  left: inherit;
  right: 0; }

body.bloccoscroll {
  overflow: hidden; }

/* CONTENUTI --- CONTENUTI --- CONTENUTI --- CONTENUTI --- CONTENUTI --- CONTENUTI --- CONTENUTI  */
#contenuti {
  position: relative;
  z-index: 3;
  width: 100%;
  background: #fff;
  margin-top: 0; }

div#contenuti.pagina-prodotti {
  padding-top: 100px; }

.wrapper {
  width: 90%;
  margin: 0 auto;
  max-width: 1280px; }

/*
** Classe pulsanti
*/
.wk-pulsante,
.wk_pulsante {
  display: inline-block;
  position: relative;
  color: inherit;
  font-size: 1.2rem; }
  .wk-pulsante:hover,
  .wk_pulsante:hover {
    color: inherit;
    opacity: 1; }
  .wk-pulsante::after,
  .wk_pulsante::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: currentColor;
    transition: all 0.3s ease-in-out; }
  .wk-pulsante:hover::after,
  .wk_pulsante:hover::after {
    width: 100%; }

@media all and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .fix-background-fixed {
    background-attachment: scroll !important; } }