/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.profiler-results {
  display: none; }

.compare-btn {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  /*display:none;*/ }

#compare {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  /*display: none;*/ }
  #compare.active {
    opacity: 0.2; }
  #compare.side-panel {
    right: 0;
    left: auto;
    width: auto;
    position: fixed;
    z-index: 99999999999999999999999;
    opacity: 0.5; }
  #compare img {
    display: inline-block; }

html {
  overflow-x: hidden; }

html,
body {
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased; }
  html:before,
  body:before {
    content: '';
    position: fixed;
    z-index: 50;
    left: 0;
    top: 90px;
    width: 100vw;
    height: calc(100vh - 90px);
    background: #000;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-in-out; }
  html.noscroll,
  body.noscroll {
    overflow: hidden; }
    html.noscroll:before,
    body.noscroll:before {
      opacity: 0.1;
      pointer-events: all; }

body {
  -webkit-overflow-scrolling: touch; }
  body::-webkit-scrollbar {
    width: 12px;
    border-radius: 0px;
    background-color: #f5f2f0; }
  body::-webkit-scrollbar-button {
    display: none; }
  body::-webkit-scrollbar-button:hover {
    display: none; }
  body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: none;
    border-radius: 8px;
    border: 2px solid #f5f2f0; }
    body::-webkit-scrollbar-thumb:hover {
      background-color: rgba(0, 0, 0, 0.2); }
  body::-webkit-scrollbar-track {
    background-color: #f5f2f0;
    border-radius: 0px; }
    body::-webkit-scrollbar-track:hover {
      background-color: #f5f2f0; }

/*Clearfix CF*/
.cf {
  *zoom: 1; }
  .cf:before, .cf:after {
    display: table;
    line-height: 0;
    content: ""; }
  .cf:after {
    clear: both; }

.clear {
  clear: both; }

*:focus {
  outline: none; }

.mkt18 *:focus {
  border-bottom: 1px dotted; }

strong {
  color: #000; }

figure {
  margin: 0; }

img {
  max-width: 100%; }
  img.fullscreen {
    width: 100%; }

p {
  margin: 0 0 30px 0; }
  @media (max-width: 767px) {
    p {
      margin: 0 0 20px 0; } }

.ico {
  width: 16px;
  height: 16px; }

.container {
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box; }
  @media (max-width: 1200px) {
    .container {
      padding: 0 60px; } }
  @media (max-width: 767px) {
    .container {
      padding: 0 15px; } }

.page.noscroll {
  overflow-y: hidden;
  height: 100vh;
  position: relative; }

@media (max-width: 991px) {
  .page {
    margin-top: 88px; } }

@media (max-width: 767px) {
  .page {
    margin-top: 74px; } }

.spacer {
  position: relative;
  z-index: 1; }
  .spacer:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 50%;
    top: -20px;
    padding-bottom: 20px;
    width: 1px;
    height: 100%;
    background: #a8a9ac; }

.divider {
  background: #a8a9ac;
  width: 100%;
  height: 1px;
  margin: 13px 0 20px; }

ul.download {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
  text-transform: lowercase; }
  ul.download li {
    position: relative;
    z-index: 1;
    padding-left: 24px;
    margin-bottom: 18px;
    min-width: 33.33%; }
    ul.download li:before {
      content: '';
      position: absolute;
      z-index: 2;
      left: 0;
      top: 0;
      background: url(../assets/img/download.svg);
      width: 17px;
      height: 21px;
      background-size: cover; }
    ul.download li a {
      color: #525459;
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold'; }

ul.elenco {
  margin: 0 0 30px 0;
  padding: 0;
  list-style-type: none; }
  ul.elenco li {
    padding-left: 10px; }
    ul.elenco li:before {
      content: "-";
      position: relative;
      left: -10px; }

.tit {
  font-size: 36px;
  line-height: 1.2;
  font-family: 'calligarisregular';
  font-display: swap;
  font-family: 'calligarisbold';
  margin-bottom: 90px;
  text-transform: lowercase;
  color: #000; }
  @media (max-width: 991px) {
    .tit {
      margin-bottom: 45px; } }
  .tit.extra-big {
    font-size: 80px;
    margin-bottom: 64px; }
    @media (max-width: 767px) {
      .tit.extra-big {
        font-size: 36px;
        line-height: 1.1;
        margin-bottom: 32px; } }
  .tit.big {
    font-size: 54px;
    margin-bottom: 70px; }
    @media (max-width: 991px) {
      .tit.big {
        margin-bottom: 35px; } }
    @media (max-width: 767px) {
      .tit.big {
        font-size: 44px;
        line-height: 1.1; } }
  .tit.small {
    font-size: 24px;
    margin-bottom: 28px; }
    @media (max-width: 991px) {
      .tit.small {
        margin-bottom: 14px; } }
  .tit.extrasmall {
    font-size: 16px;
    margin-bottom: 24px; }

.scrollbar {
  overflow-x: hidden; }
  .scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    background-color: #f3f3f3;
    border-radius: 2px; }
  .scrollbar::-webkit-scrollbar-thumb {
    background: #a7a7a7;
    border-radius: 4px; }

.close {
  position: fixed;
  z-index: 100;
  background: #fff; }
  .close a {
    display: block;
    width: 16px;
    height: 16px;
    position: relative; }
    .close a span {
      height: 1px;
      width: 100%;
      background: #525459;
      display: block;
      position: absolute;
      left: 0; }
      .close a span.span-01 {
        transform: rotate(-45deg);
        top: 7px; }
      .close a span.span-03 {
        transform: rotate(45deg);
        top: 7px;
        bottom: auto; }

.parralax {
  position: relative; }

.hide {
  display: none; }

.cont-cursor {
  position: relative;
  padding: 0; }
  .cont-cursor .cursor {
    opacity: 1;
    z-index: 10;
    transition: all 0.2s ease-in-out; }
    .cont-cursor .cursor.disabled {
      opacity: 0; }
    .cont-cursor .cursor .horizontal,
    .cont-cursor .cursor .vertical {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

@media (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

.visible-sm {
  display: none !important; }
  @media (max-width: 991px) {
    .visible-sm {
      display: block !important; } }

.visible-xs {
  display: none !important; }
  @media (max-width: 767px) {
    .visible-xs {
      display: block !important; } }

@media (max-width: 767px) {
  .table-scroll {
    overflow-y: auto; } }

table {
  width: 100%;
  border: 1px solid #ccc;
  border-right: none;
  border-bottom: none; }
  table tr {
    visibility: visible; }
    table tr td {
      border-right: 1px solid #ccc;
      padding: 5px 10px;
      border-bottom: 1px solid #ccc;
      border-left: none;
      border-top: none; }
      table tr td p {
        margin-bottom: 0 !important; }

.cta-arr {
  padding-top: 16px;
  display: flex;
  justify-content: flex-end; }
  .cta-arr.tm {
    padding-top: 24px; }
  .cta-arr.tl {
    padding-top: 32px; }
  .cta-arr.txl {
    padding-top: 48px; }
  .cta-arr.left {
    justify-content: flex-start; }
  .cta-arr a {
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'calligarisbold';
    position: relative;
    padding-right: 30px;
    transition: all 0.3s ease-in-out; }
    .cta-arr a:after {
      content: url(/docs/assets/img/inspiration/icon-cta.svg);
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px; }
    .cta-arr a:hover {
      color: #ef3340 !important; }
    @media (max-width: 767px) {
      .cta-arr a {
        font-size: 14px;
        padding-right: 22px; }
        .cta-arr a:after {
          width: 18px;
          height: 18px; } }
  .cta-arr.white a {
    color: #fff; }
  .cta-arr.cta-download a:after {
    content: url(/docs/assets/img/inspiration/download-cta.svg); }

#CookiebotWidget {
  opacity: 0 !important;
  pointer-events: none !important; }

.grecaptcha-badge {
  visibility: hidden; }

.p-top-50 {
  padding-top: 50px; }

.p-top-100 {
  padding-top: 100px; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
@font-face {
  font-family: 'calligarisitalic';
  src: url("../assets/font/calligaris-italic-webfont.woff2") format("woff2"), url("../assets/font/calligaris-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'calligarisbold_italic';
  src: url("../assets/font/calligaris-italics-bold-webfont.woff2") format("woff2"), url("../assets/font/calligaris-italics-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'calligarisregular';
  src: url("../assets/font/calligaris-regular-webfont.woff2") format("woff2"), url("../assets/font/calligaris-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'calligarisbold';
  src: url("../assets/font/calligaris-bold-webfont.woff2") format("woff2"), url("../assets/font/calligaris-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

body,
html {
  font-family: 'calligarisregular';
  font-display: swap;
  font-size: 16px;
  line-height: 1.7;
  color: #525459; }

h1 {
  margin-top: 0; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
[ng-click],
[link-to],
button,
a {
  cursor: pointer; }
  [ng-click], [ng-click]:hover, [ng-click]:active, [ng-click]:focus, [ng-click]:visited,
  [link-to],
  [link-to]:hover,
  [link-to]:active,
  [link-to]:focus,
  [link-to]:visited,
  button,
  button:hover,
  button:active,
  button:focus,
  button:visited,
  a,
  a:hover,
  a:active,
  a:focus,
  a:visited {
    text-decoration: none; }

button {
  background: transparent;
  padding: 0;
  border: none;
  outline: 0;
  -webkit-appearance: none;
  font-size: 1rem; }
  button:focus, button:active {
    outline: none; }

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

.btn {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }
  .btn i,
  .btn span {
    height: auto;
    line-height: 1;
    vertical-align: middle; }

a:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
button:disabled,
.btn:disabled {
  cursor: auto;
  pointer-events: none; }

::-webkit-search-cancel-button {
  display: none; }
  @media (max-width: 576px) {
    ::-webkit-search-cancel-button {
      display: block; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.cta {
  display: inline-block; }
  .cta a,
  .cta input,
  .cta button,
  .cta .btn {
    background: #e9e4e1;
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    font-size: 18px;
    line-height: 1;
    color: #000;
    display: block;
    padding: 18px 25px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    text-transform: lowercase;
    cursor: pointer; }
    .cta a:hover,
    .cta input:hover,
    .cta button:hover,
    .cta .btn:hover {
      opacity: 0.8; }
    .cta a.black,
    .cta input.black,
    .cta button.black,
    .cta .btn.black {
      background: #ef3340;
      color: #fff; }
      .cta a.black.disabled,
      .cta input.black.disabled,
      .cta button.black.disabled,
      .cta .btn.black.disabled {
        pointer-events: none;
        opacity: 0.5; }
        .cta a.black.disabled:hover,
        .cta input.black.disabled:hover,
        .cta button.black.disabled:hover,
        .cta .btn.black.disabled:hover {
          opacity: 0.5; }
    @media (min-width: 767px) {
      [id^=form_inviaconf] .cta a, [id^=form_inviaconf]
      .cta input, [id^=form_inviaconf]
      .cta button, [id^=form_inviaconf]
      .cta .btn {
        margin-right: 10px;
        margin-left: 10px; } }
    @media (max-width: 767px) {
      [id^=form_inviaconf] .cta a, [id^=form_inviaconf]
      .cta input, [id^=form_inviaconf]
      .cta button, [id^=form_inviaconf]
      .cta .btn {
        margin-top: 10px;
        margin-bottom: 10px; } }
    .cta a.white, .cta a.invert, .cta a.step-back,
    .cta input.white,
    .cta input.invert,
    .cta input.step-back,
    .cta button.white,
    .cta button.invert,
    .cta button.step-back,
    .cta .btn.white,
    .cta .btn.invert,
    .cta .btn.step-back {
      background: #fff;
      color: #ef3340;
      border: 1px solid #ef3340; }
  @media (max-width: 767px) {
    .cta.cta-registration {
      margin-top: 30px; } }
  .cta .description-link {
    margin: 40px 0 20px 0; }

a.txt,
span.txt {
  color: #525459;
  font-family: 'calligarisregular';
  font-display: swap;
  font-family: 'calligarisbold';
  position: relative;
  z-index: 1; }
  a.txt:after,
  span.txt:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background: #525459;
    transition: all 0.2s ease-in-out; }
  a.txt:hover:after,
  span.txt:hover:after {
    width: 50%; }
  @media (max-width: 767px) {
    a.txt,
    span.txt {
      display: block;
      margin-bottom: 10px; }
      a.txt:last-child,
      span.txt:last-child {
        margin-bottom: 0; }
      a.txt:after,
      span.txt:after {
        bottom: 0; } }

.section--listing .cta.load-more,
.section--listing--news .cta.load-more {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(100%); }

.cta.load-more a .busy:before {
  content: "";
  display: block;
  background: #fff;
  opacity: .75;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  cursor: progress;
  z-index: 100; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
form.busy {
  position: relative;
  cursor: progress; }
  form.busy:before {
    content: "";
    display: block;
    background: #fff;
    opacity: .75;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100; }

label {
  text-align: left;
  display: block;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: 'calligarisregular';
  font-display: swap;
  font-family: 'calligarisbold';
  color: #000; }
  @media (max-width: 767px) {
    label {
      margin: 24px 0 10px 0; } }

input,
textarea,
select {
  appearance: none;
  border-radius: 0;
  padding: 18px 25px;
  font-size: 16px;
  line-height: 1;
  /*color: #000000;*/
  background: #fff;
  border: 1px solid #cecece;
  font-family: 'calligarisregular';
  font-display: swap;
  width: 100%; }
  input:focus,
  textarea:focus,
  select:focus {
    outline: none;
    border-color: #000; }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    opacity: 1;
    color: #000000; }
  input::placeholder,
  textarea::placeholder,
  select::placeholder {
    opacity: 1;
    color: #000000; }
  input::-ms-clear,
  textarea::-ms-clear,
  select::-ms-clear {
    display: none; }
  @media (max-width: 767px) {
    input,
    textarea,
    select {
      width: 100%;
      padding: 15px !important;
      margin: 0 !important; } }
  input[type="submit"],
  textarea[type="submit"],
  select[type="submit"] {
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    border: none;
    cursor: pointer; }
    @media (max-width: 767px) {
      input[type="submit"],
      textarea[type="submit"],
      select[type="submit"] {
        padding: 20px 25px !important; } }
  input.search,
  textarea.search,
  select.search {
    border-bottom: 1px solid #525459;
    padding-left: 0;
    flex: 0 0 50%;
    max-width: 50%;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #000; }
  input.error,
  textarea.error,
  select.error {
    border-color: #ef3340; }

select {
  padding: 19px 25px 20px 25px;
  background: url(/docs/assets/img/select-down.png) no-repeat center right 16px #fff; }
  select::-ms-expand {
    display: none;
    padding-bottom: 15px; }

textarea {
  min-height: 132px; }
  @media (max-width: 767px) {
    textarea {
      min-height: 120px; } }

.checkboxgrp label {
  font-weight: 400;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  padding-left: 25px;
  font-size: 14px !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  font-family: 'calligarisregular';
  font-display: swap;
  text-transform: none; }
  .checkboxgrp label a {
    color: #525459; }
  .checkboxgrp label input {
    width: auto;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0; }
  .checkboxgrp label:before {
    content: '';
    position: absolute;
    z-index: 2;
    background: white;
    width: 14px;
    height: 14px;
    left: 0;
    top: 3px;
    border: 1px solid #cecece;
    pointer-events: none;
    outline: none;
    transition: all 0.2s ease-in-out; }
  .checkboxgrp label:after {
    content: '';
    position: absolute;
    z-index: 3;
    top: 5px;
    left: 5px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    width: 4px;
    height: 8px;
    transform: rotate(225deg);
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-in-out; }
  .checkboxgrp label.checked:after {
    opacity: 1; }
  .checkboxgrp label.error:before {
    border-color: #ef3340; }

.radiogrp label {
  font-weight: 400;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  padding-left: 30px;
  font-size: 14px;
  font-family: 'calligarisregular';
  font-display: swap;
  text-transform: none;
  display: inline-block;
  width: auto;
  margin-left: 50px; }
  .radiogrp label a {
    color: #525459; }
  .radiogrp label input {
    width: auto;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0; }
  .radiogrp label:before {
    content: '';
    position: absolute;
    z-index: 2;
    background: white;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #cecece;
    pointer-events: none;
    outline: none;
    transition: all 0.2s ease-in-out; }
  .radiogrp label:after {
    content: '';
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 8px;
    background: #000;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-in-out; }
  .radiogrp label.checked:after {
    opacity: 1; }

.radiogrp.align-left label {
  margin-left: 0;
  margin-right: 25px; }

.radiogrp .checkboxgrp label:before {
  border-radius: 0 !important; }

.radiogrp .checkboxgrp label:after {
  background: none !important;
  transform: translateX(-50%) translateY(-50%) rotate(225deg);
  width: 4px !important;
  height: 8px !important;
  top: 50%;
  left: 10px;
  margin-top: -1px;
  border-radius: 0 !important; }

.radiogrp .checkboxgrp label.error:before {
  border-color: #ef3340; }

.radiogrp .radiogrp__option:not(.checked) .radiogrp__description {
  display: none; }

.filetype {
  cursor: pointer;
  pointer-events: all;
  position: relative;
  z-index: 1; }
  .filetype .upload {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%; }
  .filetype label span {
    float: right;
    font-family: 'calligarisregular';
    font-display: swap;
    font-size: 12px;
    opacity: 0.5;
    text-transform: none; }
    @media (max-width: 991px) {
      .filetype label span {
        float: none;
        display: block; } }
  .filetype .cont-type {
    position: relative;
    z-index: 1; }
    .filetype .cont-type input[type=file] {
      padding: 0 !important;
      margin: 0;
      height: 0px;
      overflow: hidden;
      border: none;
      position: absolute;
      left: 0;
      top: 0; }
    .filetype .cont-type .flex > div {
      flex: 0 0 70%;
      max-width: 70%; }
      @media (max-width: 1200px) {
        .filetype .cont-type .flex > div {
          flex: 0 0 60%;
          max-width: 60%; } }
      @media (max-width: 991px) {
        .filetype .cont-type .flex > div {
          flex: 0 0 100%;
          max-width: 100%; } }
      .filetype .cont-type .flex > div input {
        visibility: visible; }
    .filetype .cont-type .flex .cta {
      margin: 0;
      transform: none;
      position: static;
      flex: 0 0 30%;
      max-width: 30%; }
      @media (max-width: 1200px) {
        .filetype .cont-type .flex .cta {
          flex: 0 0 40%;
          max-width: 40%; } }
      @media (max-width: 991px) {
        .filetype .cont-type .flex .cta {
          flex: 0 0 100%;
          max-width: 100%;
          width: 100%; } }
      .filetype .cont-type .flex .cta a {
        height: 100%;
        padding: 19px 5px;
        line-height: 1;
        text-align: center; }
        @media (max-width: 991px) {
          .filetype .cont-type .flex .cta a {
            width: 100%;
            text-align: center;
            padding: 15px 20px; } }

.gdpr {
  font-size: 14px;
  margin: 25px 0 !important; }
  .gdpr p {
    margin-bottom: 15px; }
  .gdpr .tit {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px !important; }
  .gdpr a {
    color: #525459;
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    text-decoration: underline; }

.recaptcha-policy-text {
  font-size: 0.9em; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .flex.flex-center {
    align-items: center; }
  .flex.flex-end {
    align-items: end; }
  .flex.column {
    flex-direction: column; }
  .flex.gap-24 {
    gap: 24px; }
    @media (max-width: 767px) {
      .flex.gap-24 {
        gap: 0; } }
  .flex.gap-32 {
    gap: 32px; }
    @media (max-width: 1560px) {
      .flex.gap-32 {
        gap: 22px; } }
    @media (max-width: 1200px) {
      .flex.gap-32 {
        gap: 13px; } }
    @media (max-width: 767px) {
      .flex.gap-32 {
        gap: 16px; } }
  .flex.gap-40 {
    gap: 40px; }
    @media (max-width: 767px) {
      .flex.gap-40 {
        gap: 16px; } }
  @media (max-width: 767px) {
    .flex {
      display: block; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--hero .hero {
  width: 100%;
  height: 100vh;
  color: #fff; }
  .section--hero .hero strong {
    color: #fff; }
  .section--hero .hero .slide-hero {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center; }
    .section--hero .hero .slide-hero:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 30vh;
      background: linear-gradient(#000, transparent); }
    .section--hero .hero .slide-hero:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 20vh;
      background: linear-gradient(transparent, #000); }
    .section--hero .hero .slide-hero .hero-img {
      display: none; }
    .section--hero .hero .slide-hero .hero-bottom {
      position: absolute;
      z-index: 3;
      width: 100%;
      left: 0;
      bottom: 55px; }
      @media (max-width: 767px) {
        .section--hero .hero .slide-hero .hero-bottom {
          bottom: 40px; }
          .section--hero .hero .slide-hero .hero-bottom .flex {
            display: flex; } }
      .section--hero .hero .slide-hero .hero-bottom .name-prodotto {
        width: 100%;
        font-size: 81px;
        line-height: 1;
        margin-bottom: 25px;
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold';
        text-transform: lowercase; }
        .section--hero .hero .slide-hero .hero-bottom .name-prodotto.prod-name, .section--hero .hero .slide-hero .hero-bottom .name-prodotto.home-name {
          font-size: 121px; }
        .section--hero .hero .slide-hero .hero-bottom .name-prodotto.video-name {
          font-size: 100px; }
        @media (max-width: 1200px) {
          .section--hero .hero .slide-hero .hero-bottom .name-prodotto {
            font-size: 100px; } }
        @media (max-width: 991px) {
          .section--hero .hero .slide-hero .hero-bottom .name-prodotto {
            font-size: 60px !important;
            margin-top: 30px !important; } }
        @media (max-width: 767px) {
          .section--hero .hero .slide-hero .hero-bottom .name-prodotto {
            font-size: 44px !important; } }
      .section--hero .hero .slide-hero .hero-bottom .breadcrumb {
        visibility: visible; }
        .section--hero .hero .slide-hero .hero-bottom .breadcrumb ul {
          margin: 0;
          padding: 0;
          list-style-type: none; }
          .section--hero .hero .slide-hero .hero-bottom .breadcrumb ul li {
            display: inline-block;
            font-family: 'calligarisregular';
            font-display: swap;
            font-family: 'calligarisbold'; }
            .section--hero .hero .slide-hero .hero-bottom .breadcrumb ul li a {
              color: #fff;
              font-family: 'calligarisregular';
              font-display: swap; }
              @media (max-width: 767px) {
                .section--hero .hero .slide-hero .hero-bottom .breadcrumb ul li a {
                  color: #525459; } }
              .section--hero .hero .slide-hero .hero-bottom .breadcrumb ul li a:after {
                content: '-';
                margin: 0 3px; }
            .section--hero .hero .slide-hero .hero-bottom .breadcrumb ul li:last-child a:after {
              display: none; }
      .section--hero .hero .slide-hero .hero-bottom .scopri-promo {
        margin-top: 50px; }
        .section--hero .hero .slide-hero .hero-bottom .scopri-promo a {
          color: #fff;
          font-size: 18px; }
          .section--hero .hero .slide-hero .hero-bottom .scopri-promo a:after {
            background: #fff;
            bottom: -9px; }
  .section--hero .hero.hero-light .slide-hero:before {
    background: linear-gradient(#fff, transparent); }
  .section--hero .hero.hero-light .slide-hero:after {
    background: linear-gradient(transparent, #e9e4e1); }
  .section--hero .hero.hero-light .slide-hero .hero-bottom .name-prodotto {
    color: #000; }
  .section--hero .hero.hero-light .slide-hero .hero-bottom .desc {
    color: #525459;
    font-family: 'calligarisregular';
    font-display: swap; }
  .section--hero .hero.hero-hp {
    overflow: hidden;
    margin: 0 !important; }
    @media (max-width: 767px) {
      .section--hero .hero.hero-hp {
        box-shadow: none;
        margin-bottom: 0;
        padding-bottom: 0; } }
    .section--hero .hero.hero-hp .hero-bottom {
      bottom: 100px; }
      @media (max-width: 991px) {
        .section--hero .hero.hero-hp .hero-bottom {
          bottom: 30px; } }
      @media (max-width: 767px) {
        .section--hero .hero.hero-hp .hero-bottom {
          position: absolute !important; } }
      .section--hero .hero.hero-hp .hero-bottom .name-prodotto {
        /*opacity: 0.61;*/
        margin: 0 !important; }
        .section--hero .hero.hero-hp .hero-bottom .name-prodotto span {
          /*color: $red;*/
          font-family: 'calligarisregular';
          font-display: swap;
          font-family: 'calligarisitalic'; }
        @media (max-width: 767px) {
          .section--hero .hero.hero-hp .hero-bottom .name-prodotto {
            font-size: 40px;
            color: #fff; } }
      .section--hero .hero.hero-hp .hero-bottom.bottom-video {
        bottom: 128px; }
        .section--hero .hero.hero-hp .hero-bottom.bottom-video .name-prodotto {
          font-size: 100px;
          line-height: 1.3; }
        .section--hero .hero.hero-hp .hero-bottom.bottom-video .desc-promo {
          font-size: 24px;
          line-height: 1.5; }
        @media (max-width: 767px) {
          .section--hero .hero.hero-hp .hero-bottom.bottom-video .cta-arr a {
            color: #000; } }
  .section--hero .hero.fascia2024Hero {
    visibility: visible; }
    .section--hero .hero.fascia2024Hero .slide-hero {
      height: 100vh; }
      @media (max-width: 991px) {
        .section--hero .hero.fascia2024Hero .slide-hero {
          height: calc(100vh - 88px); } }
      @media (max-width: 767px) {
        .section--hero .hero.fascia2024Hero .slide-hero {
          height: calc(100vh - 74px); } }
  .section--hero .hero.hero-switch {
    height: 0; }
    .section--hero .hero.hero-switch.hero-active {
      height: 100vh;
      margin-bottom: 160px; }
  .section--hero .hero .video {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .section--hero .hero .video video {
      width: 100%;
      height: auto;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      /*@include tablet-portrait {
					visibility: visible;
					opacity: 1;
					height: 100%;
					width: auto;
				}

				@include tablet-landscape {
					visibility: visible;
					opacity: 2;
				}*/ }
    .section--hero .hero .video.vertical video {
      height: 100%;
      width: auto; }
      @media (max-width: 991px) {
        .section--hero .hero .video.vertical video {
          width: 100%;
          height: auto; } }

@media (max-width: 991px) {
  .section--hero {
    /*padding-top: 78px;*/ }
    .section--hero .hero {
      height: auto; }
      .section--hero .hero .slide-hero {
        background: none !important; }
        .section--hero .hero .slide-hero:before {
          display: none; }
        .section--hero .hero .slide-hero .hero-img {
          display: block; }
        .section--hero .hero .slide-hero .hero-bottom {
          bottom: 30px; } }

@media (max-width: 767px) {
  .section--hero .hero {
    padding-bottom: 20px;
    margin-bottom: 40px;
    color: #000; }
    .section--hero .hero .slide-hero {
      overflow: hidden; }
      .section--hero .hero .slide-hero:before, .section--hero .hero .slide-hero:after {
        display: none; }
      .section--hero .hero .slide-hero .hero-img {
        height: 50vh;
        max-width: none;
        position: relative;
        left: 50%;
        transform: translateX(-50%); }
      .section--hero .hero .slide-hero .hero-bottom {
        position: static; }
        .section--hero .hero .slide-hero .hero-bottom strong {
          color: #000; }
        .section--hero .hero .slide-hero .hero-bottom .scopri-promo a {
          color: #000; }
    .section--hero .hero.hero-switch {
      height: auto; }
      .section--hero .hero.hero-switch .slick-list {
        height: auto; }
        .section--hero .hero.hero-switch .slick-list .slick-track {
          height: auto; } }

.section--hero.hero--listing .hero {
  max-height: 640px; }
  @media (max-width: 767px) {
    .section--hero.hero--listing .hero {
      max-height: none; } }

@media (max-width: 991px) {
  .section--hero.hero--listing .hero {
    height: auto !important; }
    .section--hero.hero--listing .hero .slide-hero:after {
      display: none; } }

.section--hero.hero--listing .hero-bottom {
  bottom: 45px !important; }
  @media (max-width: 991px) {
    .section--hero.hero--listing .hero-bottom {
      position: static !important;
      padding-bottom: 35px;
      padding-left: calc(100vw/24);
      right: calc(100vw/24);
      color: #000; } }
  @media (max-width: 767px) {
    .section--hero.hero--listing .hero-bottom {
      padding: 0 calc(100vw/24); } }
  .section--hero.hero--listing .hero-bottom .name-prodotto {
    margin-bottom: 20px !important;
    font-size: 100px !important;
    line-height: 1.3 !important; }
  .section--hero.hero--listing .hero-bottom .desc {
    max-width: 60%; }
    @media (max-width: 1200px) {
      .section--hero.hero--listing .hero-bottom .desc {
        max-width: 70%; } }
    @media (max-width: 991px) {
      .section--hero.hero--listing .hero-bottom .desc {
        max-width: 100%; } }

@media (max-width: 991px) {
  .section--hero.hero--video .hero {
    height: auto !important; }
    .section--hero.hero--video .hero .hero-bottom {
      padding: 0 calc(100vw/24); } }

@media (max-width: 767px) {
  .section--hero.hero--video .hero {
    height: auto !important; }
    .section--hero.hero--video .hero .slide-hero {
      height: auto !important; }
      .section--hero.hero--video .hero .slide-hero .video {
        width: 100% !important;
        height: auto !important; }
        .section--hero.hero--video .hero .slide-hero .video video {
          width: 100% !important;
          height: auto !important; }
      .section--hero.hero--video .hero .slide-hero .hero-img {
        /*display: none !important;*/
        height: auto;
        width: 100%; }
      .section--hero.hero--video .hero .slide-hero .hero-bottom:not(.bottom-landing) {
        /*display: none !important;*/
        position: static !important;
        margin-top: 20px; }
        .section--hero.hero--video .hero .slide-hero .hero-bottom:not(.bottom-landing) .name-prodotto {
          color: #000; }
        .section--hero.hero--video .hero .slide-hero .hero-bottom:not(.bottom-landing) .scopri-promo {
          margin-top: 20px; } }

@media (max-width: 767px) {
  .section--hero.section--video .hero .slide-hero {
    visibility: visible; }
    .section--hero.section--video .hero .slide-hero .hero-img {
      width: auto;
      max-width: none;
      left: 50%;
      transform: translateX(-50%);
      position: relative; } }

@media (max-width: 991px) {
  .section--hero.hero--countdown .slide-hero {
    visibility: visible; }
    .section--hero.hero--countdown .slide-hero img {
      height: 100%;
      width: auto !important;
      max-width: none;
      position: relative;
      left: 50%;
      transform: translateX(-50%); } }

@media (max-width: 767px) {
  .section--hero.hero--countdown {
    margin-bottom: 20px !important; }
    .section--hero.hero--countdown .hero .slide-hero .hero-img {
      display: block !important;
      height: 60vh; }
    .section--hero.hero--countdown .hero .slide-hero .hero-bottom.countdown,
    .section--hero.hero--countdown .hero .slide-hero .countdown {
      display: block !important; }
      .section--hero.hero--countdown .hero .slide-hero .hero-bottom.countdown .name-prodotto,
      .section--hero.hero--countdown .hero .slide-hero .countdown .name-prodotto {
        font-size: 30px !important; }
    .section--hero.hero--countdown .hero .slide-hero .scopri-promo a {
      color: #fff;
      display: inline-block; }
      .section--hero.hero--countdown .hero .slide-hero .scopri-promo a:after {
        bottom: -5px; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
  .section--hero.hero--countdown .hero .slide-hero .hero-img {
    left: 0;
    transform: none;
    width: 100% !important;
    height: auto; }
  .section--hero.hero--countdown .hero .slide-hero .countdown {
    transform: scale(0.4) translateY(-50%);
    transform-origin: top center;
    bottom: auto !important;
    top: 50%; }
    .section--hero.hero--countdown .hero .slide-hero .countdown .name-prodotto {
      visibility: visible; }
  .section--hero.hero--countdown .hero .slide-hero .scopri-promo a {
    visibility: visible; }
    .section--hero.hero--countdown .hero .slide-hero .scopri-promo a:after {
      visibility: visible; } }

.section--hero.hero--configuratore {
  visibility: visible;
  /*	@include sm-down {
			margin-top: 141.3px;
		}*/ }
  @media (max-width: 991px) {
    .section--hero.hero--configuratore {
      margin-top: 91.3px; }
      .section--hero.hero--configuratore .hero {
        padding-bottom: 0;
        margin-bottom: 0; }
        .section--hero.hero--configuratore .hero .slide-hero:after {
          display: block; }
        .section--hero.hero--configuratore .hero .hero-bottom {
          position: absolute !important;
          bottom: 20px !important; }
          .section--hero.hero--configuratore .hero .hero-bottom .name-prodotto {
            color: #fff;
            margin: 0 !important; }
          .section--hero.hero--configuratore .hero .hero-bottom .breadcrumb {
            visibility: visible; }
            .section--hero.hero--configuratore .hero .hero-bottom .breadcrumb ul {
              visibility: visible; }
              .section--hero.hero--configuratore .hero .hero-bottom .breadcrumb ul li {
                visibility: visible; }
                .section--hero.hero--configuratore .hero .hero-bottom .breadcrumb ul li a {
                  color: #fff; } }

.mkt18 .section--hero .hero .slide-hero .hero-bottom {
  padding: 30px 0px 85px 0;
  background: rgba(0, 0, 0, 0.75);
  bottom: 0 !important; }
  @media (max-width: 767px) {
    .mkt18 .section--hero .hero .slide-hero .hero-bottom {
      background: none !important;
      padding: 0 calc(100vw/24) !important; } }

.mkt18 .section--hero.hero--countdown .hero .slide-hero .hero-bottom {
  background: transparent; }

.mkt18 .section--hero .hero.hero-light .slide-hero .hero-bottom .name-prodotto,
.mkt18 .section--hero .hero.hero-light .slide-hero .hero-bottom .desc {
  color: #FFF; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.condividi {
  position: relative;
  z-index: 1; }
  .condividi a, .condividi button {
    color: #fff;
    /*@include sm-down {
			color: $colorbody;
		}*/ }
  .condividi .social {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-in-out; }
    .condividi .social li {
      margin-top: 10px;
      transition: all 0.2s ease-in-out; }
      .condividi .social li:hover {
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold';
        transform: scale(1.1); }
  .condividi.social-active .social {
    bottom: 45px;
    opacity: 1;
    pointer-events: all; }
  @media (max-width: 767px) {
    .condividi {
      position: absolute;
      z-index: 2;
      /*top: 43vh;*/
      right: 20px; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.grid {
  display: flex;
  flex-wrap: wrap; }
  .grid > div {
    position: relative; }
  .grid .col-1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
    width: 8.33%; }
  .grid .col-2 {
    flex: 0 0 calc(8.33% * 2);
    max-width: calc(8.33% * 2);
    width: calc(8.33% * 2); }
  .grid .col-3 {
    flex: 0 0 calc(8.33% * 3);
    max-width: calc(8.33% * 3);
    width: calc(8.33% * 3); }
  .grid .col-4 {
    flex: 0 0 calc(8.33% * 4);
    max-width: calc(8.33% * 4);
    width: calc(8.33% * 4); }
  .grid .col-5 {
    flex: 0 0 calc(8.33% * 5);
    max-width: calc(8.33% * 5);
    width: calc(8.33% * 5); }
  .grid .col-6 {
    flex: 0 0 calc(8.33% * 6);
    max-width: calc(8.33% * 6);
    width: calc(8.33% * 6); }
  .grid .col-7 {
    flex: 0 0 calc(8.33% * 7);
    max-width: calc(8.33% * 7);
    width: calc(8.33% * 7); }
  .grid .col-8 {
    flex: 0 0 calc(8.33% * 8);
    max-width: calc(8.33% * 8);
    width: calc(8.33% * 8); }
  .grid .col-9 {
    flex: 0 0 calc(8.33% * 9);
    max-width: calc(8.33% * 9);
    width: calc(8.33% * 9); }
  .grid .col-10 {
    flex: 0 0 calc(8.33% * 10);
    max-width: calc(8.33% * 10);
    width: calc(8.33% * 10); }
  .grid .col-11 {
    flex: 0 0 calc(8.33% * 11);
    max-width: calc(8.33% * 11);
    width: calc(8.33% * 11); }
  .grid .col-12 {
    flex: 0 0 calc(8.33% * 12);
    max-width: calc(8.33% * 12);
    width: calc(8.33% * 12); }
  .grid .offset-1 {
    margin-left: 8.33%; }
  .grid .offset-2 {
    margin-left: calc(8.33% * 2); }
  .grid .offset-3 {
    margin-left: calc(8.33% * 3); }
  .grid .offset-4 {
    margin-left: calc(8.33% * 4); }
  .grid .offset-5 {
    margin-left: calc(8.33% * 5); }
  .grid .offset-6 {
    margin-left: calc(8.33% * 6); }
  .grid .offset-7 {
    margin-left: calc(8.33% * 7); }
  .grid .offset-8 {
    margin-left: calc(8.33% * 8); }
  .grid .offset-9 {
    margin-left: calc(8.33% * 9); }
  .grid .offset-10 {
    margin-left: calc(8.33% * 10); }
  .grid .offset-11 {
    margin-left: calc(8.33% * 11); }
  .grid .offset-12 {
    margin-left: calc(8.33% * 12); }
  @media (max-width: 767px) {
    .grid {
      display: block; }
      .grid > div {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.grid-24 {
  display: flex;
  flex-wrap: wrap; }
  .grid-24.center {
    align-items: center; }
  .grid-24 > div {
    position: relative; }
  .grid-24 .col-1 {
    flex: 0 0 calc(100vw/24);
    max-width: calc(100vw/24);
    width: calc(100vw/24); }
  .grid-24 .col-2 {
    flex: 0 0 calc(100vw/24 * 2);
    max-width: calc(100vw/24 * 2);
    width: calc(100vw/24 * 2); }
  .grid-24 .col-3 {
    flex: 0 0 calc(100vw/24 * 3);
    max-width: calc(100vw/24 * 3);
    width: calc(100vw/24 * 3); }
  .grid-24 .col-4 {
    flex: 0 0 calc(100vw/24 * 4);
    max-width: calc(100vw/24 * 4);
    width: calc(100vw/24 * 4); }
  .grid-24 .col-5 {
    flex: 0 0 calc(100vw/24 * 5);
    max-width: calc(100vw/24 * 5);
    width: calc(100vw/24 * 5); }
  .grid-24 .col-6 {
    flex: 0 0 calc(100vw/24 * 6);
    max-width: calc(100vw/24 * 6);
    width: calc(100vw/24 * 6); }
  .grid-24 .col-7 {
    flex: 0 0 calc(100vw/24 * 7);
    max-width: calc(100vw/24 * 7);
    width: calc(100vw/24 * 7); }
  .grid-24 .col-8 {
    flex: 0 0 calc(100vw/24 * 8);
    max-width: calc(100vw/24 * 8);
    width: calc(100vw/24 * 8); }
  .grid-24 .col-9 {
    flex: 0 0 calc(100vw/24 * 9);
    max-width: calc(100vw/24 * 9);
    width: calc(100vw/24 * 9); }
  .grid-24 .col-10 {
    flex: 0 0 calc(100vw/24 * 10);
    max-width: calc(100vw/24 * 10);
    width: calc(100vw/24 * 10); }
  .grid-24 .col-11 {
    flex: 0 0 calc(100vw/24 * 11);
    max-width: calc(100vw/24 * 11);
    width: calc(100vw/24 * 11); }
  .grid-24 .col-12 {
    flex: 0 0 calc(100vw/24 * 12);
    max-width: calc(100vw/24 * 12);
    width: calc(100vw/24 * 12); }
  .grid-24 .col-13 {
    flex: 0 0 calc(100vw/24 * 13);
    max-width: calc(100vw/24 * 13);
    width: calc(100vw/24 * 13); }
  .grid-24 .col-14 {
    flex: 0 0 calc(100vw/24 * 14);
    max-width: calc(100vw/24 * 14);
    width: calc(100vw/24 * 14); }
  .grid-24 .col-15 {
    flex: 0 0 calc(100vw/24 * 15);
    max-width: calc(100vw/24 * 15);
    width: calc(100vw/24 * 15); }
  .grid-24 .col-16 {
    flex: 0 0 calc(100vw/24 * 16);
    max-width: calc(100vw/24 * 16);
    width: calc(100vw/24 * 16); }
  .grid-24 .col-17 {
    flex: 0 0 calc(100vw/24 * 17);
    max-width: calc(100vw/24 * 17);
    width: calc(100vw/24 * 17); }
  .grid-24 .col-18 {
    flex: 0 0 calc(100vw/24 * 18);
    max-width: calc(100vw/24 * 18);
    width: calc(100vw/24 * 18); }
  .grid-24 .col-19 {
    flex: 0 0 calc(100vw/24 * 19);
    max-width: calc(100vw/24 * 19);
    width: calc(100vw/24 * 19); }
  .grid-24 .col-20 {
    flex: 0 0 calc(100vw/24 * 20);
    max-width: calc(100vw/24 * 20);
    width: calc(100vw/24 * 20); }
  .grid-24 .col-21 {
    flex: 0 0 calc(100vw/24 * 21);
    max-width: calc(100vw/24 * 21);
    width: calc(100vw/24 * 21); }
  .grid-24 .col-22 {
    flex: 0 0 calc(100vw/24 * 22);
    max-width: calc(100vw/24 * 22);
    width: calc(100vw/24 * 22); }
  .grid-24 .col-23 {
    flex: 0 0 calc(100vw/24 * 23);
    max-width: calc(100vw/24 * 23);
    width: calc(100vw/24 * 23); }
  .grid-24 .col-24 {
    flex: 0 0 calc(100vw/24 * 24);
    max-width: calc(100vw/24 * 24);
    width: calc(100vw/24 * 24); }
  .grid-24 .offset-1 {
    margin-left: calc(100vw/24); }
  .grid-24 .offset-2 {
    margin-left: calc(100vw/24 * 2); }
  .grid-24 .offset-3 {
    margin-left: calc(100vw/24 * 3); }
  .grid-24 .offset-4 {
    margin-left: calc(100vw/24 * 4); }
  .grid-24 .offset-5 {
    margin-left: calc(100vw/24 * 5); }
  .grid-24 .offset-6 {
    margin-left: calc(100vw/24 * 6); }
  .grid-24 .offset-7 {
    margin-left: calc(100vw/24 * 7); }
  .grid-24 .offset-8 {
    margin-left: calc(100vw/24 * 8); }
  .grid-24 .offset-9 {
    margin-left: calc(100vw/24 * 9); }
  .grid-24 .offset-10 {
    margin-left: calc(100vw/24 * 10); }
  .grid-24 .offset-11 {
    margin-left: calc(100vw/24 * 11); }
  .grid-24 .offset-12 {
    margin-left: calc(100vw/24 * 12); }
  .grid-24 .offset-13 {
    margin-left: calc(100vw/24 * 13); }
  .grid-24 .offset-14 {
    margin-left: calc(100vw/24 * 14); }
  .grid-24 .offset-15 {
    margin-left: calc(100vw/24 * 15); }
  .grid-24 .offset-16 {
    margin-left: calc(100vw/24 * 16); }
  .grid-24 .offset-17 {
    margin-left: calc(100vw/24 * 17); }
  .grid-24 .offset-18 {
    margin-left: calc(100vw/24 * 18); }
  .grid-24 .offset-19 {
    margin-left: calc(100vw/24 * 19); }
  .grid-24 .offset-20 {
    margin-left: calc(100vw/24 * 20); }
  .grid-24 .offset-21 {
    margin-left: calc(100vw/24 * 21); }
  .grid-24 .offset-22 {
    margin-left: calc(100vw/24 * 22); }
  .grid-24 .offset-23 {
    margin-left: calc(100vw/24 * 23); }
  .grid-24 .offset-24 {
    margin-left: calc(100vw/24 * 24); }
  @media (max-width: 991px) {
    .grid-24 {
      display: block;
      /*padding-left: calc(100vw/24);
		padding-right: calc(100vw/24);*/ }
      .grid-24 > div {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important; }
      .grid-24.center > div {
        margin-bottom: 48px; }
        .grid-24.center > div:last-child {
          margin-bottom: 0; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.conf {
  line-height: 1.2; }
  .conf ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #f3f3f3;
    border-radius: 2px; }
  .conf ::-webkit-scrollbar-thumb {
    background: #dadada;
    border-radius: 2px; }
  .conf .h3 {
    font-family: 'calligarisregular';
    font-display: swap;
    font-size: 1.6rem;
    padding-bottom: 0;
    margin-bottom: 7px; }
  .conf .h4,
  .conf .h5 {
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    margin: 0;
    padding: 0;
    font-size: 1.1rem;
    margin-bottom: 6px;
    text-transform: lowercase; }
  .conf__more, .conf__info,
  .conf .made-to-order {
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    font-size: 18px;
    padding: 0 10px;
    cursor: pointer;
    color: #1d1820; }
    .conf__more svg, .conf__info svg,
    .conf .made-to-order svg {
      width: 24px;
      height: 25px;
      position: relative;
      top: 6px;
      margin-right: 10px; }
  .conf .made-to-order {
    position: relative;
    z-index: 1; }
    .conf .made-to-order .action-order {
      visibility: visible; }
    .conf .made-to-order .box-order {
      position: absolute;
      z-index: 2;
      top: 50%;
      background: #e9e4e0;
      padding: 20px;
      font-family: 'calligarisregular';
      font-size: 13px;
      left: calc(100% + 5px);
      transform: translateY(-50%);
      width: 190px;
      cursor: auto;
      opacity: 0;
      pointer-events: none;
      transition: all 0.2s ease-in-out; }
      .conf .made-to-order .box-order a {
        display: inline-block;
        margin-top: 15px;
        text-transform: lowercase; }
      .conf .made-to-order .box-order:before {
        content: '';
        background: #e9e4e0;
        position: absolute;
        z-index: 15;
        width: 10px;
        height: 10px;
        left: -4px;
        top: calc(50% - -5px);
        transform: translateY(-50%) rotate(45deg); }
    .conf .made-to-order.active .box-order {
      opacity: 1;
      pointer-events: all; }

.conf__wrapper {
  position: relative;
  z-index: 1;
  padding: 0 15px; }
  @media (max-width: 991px) {
    .conf__wrapper {
      padding-top: 80px; } }
  .conf__wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15vh; }
  .conf__wrapper .container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    padding: 60px 10px;
    overflow: hidden;
    pointer-events: none; }
    .conf__wrapper .container:after {
      content: '';
      position: absolute;
      z-index: 999;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: white;
      opacity: 0;
      pointer-events: none;
      transition: opacity 600ms cubic-bezier(0, 0.97, 0.43, 1); }
    .conf__wrapper .container:before {
      content: '';
      width: 60px;
      height: 61px;
      background-size: 60px 61px;
      background-repeat: no-repeat;
      background-image: url(../assets/img/loading.gif);
      position: absolute;
      z-index: 9999;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
      opacity: 0;
      transition: opacity 600ms cubic-bezier(0, 0.97, 0.43, 1); }
    @media screen and (orientation: landscape) and (max-device-width: 820px) {
      .conf__wrapper .container {
        /*flex-direction: column;
			padding: 0 0 60px 0;*/ } }
    @media (max-width: 767px) {
      .conf__wrapper .container {
        flex-direction: column;
        padding: 0 0 60px 0; } }
  .loading .conf__wrapper .container:after {
    pointer-events: all;
    opacity: 0.8; }
  .loading .conf__wrapper .container:before {
    pointer-events: all;
    opacity: 1; }

.conf__main {
  flex: 0 0 calc(100% - 312px);
  max-width: calc(100% - 312px);
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  position: relative; }
  @media screen and (orientation: landscape) and (max-device-width: 820px) {
    .conf__main {
      /*flex: 0 0 100%;
	max-width: 100%;*/ } }
  @media (max-width: 767px) {
    .conf__main {
      flex: 0 0 100%;
      max-width: 100%; } }
  .conf__main:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    pointer-events: all; }
  .conf__main:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10%;
    height: 100%;
    pointer-events: all; }
  .conf__main img,
  .conf__main canvas {
    max-width: 100%; }

.conf__content {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }
  @media screen and (orientation: landscape) and (max-device-width: 820px) {
    .conf__content {
      /*position: static;*/ } }
  @media (max-width: 767px) {
    .conf__content {
      position: static; } }
  .conf__content:after, .conf__content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc((100% - 1230px) / 2); }
  .conf__content:before {
    left: auto;
    right: 0; }
  .conf__content canvas {
    width: calc(100% + 312px);
    margin-left: -312px;
    height: 80vh; }
    @media screen and (orientation: landscape) and (max-device-width: 820px) {
      .conf__content canvas {
        /*width: 100%;
			margin-left: 0;
			height: 65vh;*/ } }
    @media (max-width: 767px) {
      .conf__content canvas {
        width: 100%;
        margin-left: 0;
        height: 35vh; } }

.conf__sidebar {
  position: relative;
  flex: 0 0 312px;
  max-width: 312px;
  /*background: rgba(0, 148, 255, 0.5);*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(80vh - 84px);
  pointer-events: all; }
  .conf__sidebar:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -10px;
    content: '';
    height: 100%;
    width: calc(100% + 20px);
    background: white; }
  .prod-outlet .conf__sidebar,
  .prod-promo .conf__sidebar {
    min-height: calc(80vh - 84px);
    height: auto; }
  @media (max-width: 576px) {
    .conf__sidebar {
      height: auto; } }
  @media screen and (orientation: landscape) and (max-device-width: 820px) {
    .conf__sidebar {
      /*flex: 0 0 100%;
		max-width: 100%;
		display: block;*/ } }
  @media (max-width: 767px) {
    .conf__sidebar {
      flex: 0 0 100%;
      max-width: 100%;
      display: block; } }
  @media (max-width: 576px) {
    .conf__sidebar {
      order: 1; } }

.conf__options, .section--configuratore .side-modelli .data {
  flex: 0 0 calc(100% - 250px);
  /*background: rgba(blue, 0.8);*/
  overflow-x: hidden;
  overflow-y: auto; }

.conf__option-title {
  position: relative;
  z-index: 1; }
  .conf__option-title .popup {
    position: absolute;
    right: 5px;
    top: 0; }
    .conf__option-title .popup .popup__message a {
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold';
      display: block;
      margin-top: 20px;
      text-decoration: underline; }
  .conf__option-title .ico {
    width: 20px;
    height: 20px; }

.conf__option, .conf__option--parent {
  padding: 20px 0 20px 0;
  position: static;
  border-bottom: 1px solid #a8a9ac; }
  .conf__option:last-child, .conf__option--parent:last-child {
    margin-bottom: 0; }
  .conf__option.active .conf__panel, .active.conf__option--parent .conf__panel {
    right: 0; }

.conf__option--hidden {
  display: none; }

.conf__option--parent {
  cursor: pointer; }
  .conf__option--parent .conf__setting, .conf__option--parent .conf__setting--rounded {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .conf__option--parent .conf__setting:after, .conf__option--parent .conf__setting--rounded:after {
      content: '';
      position: absolute;
      right: 9px;
      top: 50%;
      transform: translateY(-50%) rotate(-45deg);
      border: solid black;
      border-width: 0 1px 1px 0;
      display: inline-block;
      padding: 4px; }

.conf__setting, .conf__setting--rounded {
  display: inline-block;
  cursor: pointer;
  padding: 0 20px 0 0; }
  .conf__setting:last-child, .conf__setting--rounded:last-child {
    padding: 0; }
  .conf__setting.active, .active.conf__setting--rounded {
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold'; }
  .conf__setting.disabled, .disabled.conf__setting--rounded {
    opacity: 0.3; }
  .conf__setting .category-name, .conf__setting--rounded .category-name,
  .conf__setting .name,
  .conf__setting--rounded .name {
    text-transform: lowercase;
    font-size: 15px; }
  
  .conf__setting .name,
  .conf__setting--rounded .name {
    font-weight: 800;
    padding-right: 15px; }
  .conf__setting .img, .conf__setting--rounded .img {
    width: 69px;
    text-align: center;
    line-height: 0;
    margin-right: 4px; }
    .conf__setting .img img, .conf__setting--rounded .img img {
      display: inline-block; }

.conf__setting--rounded {
  padding: 0; }
  .conf__setting--rounded .img {
    width: 69px;
    margin-right: 4px; }
  .conf__setting--rounded .mask {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    border-radius: 50%;
    width: 30px;
    height: 30px; }

.conf__footer {
  display: flex;
  flex-direction: column;
  pointer-events: all;
  position: relative;
  z-index: 2;
  bottom: 13px; }

.conf__footer-primary {
  text-align: center; }

.conf__footer-secondary {
  display: flex;
  flex-direction: row; }
  @media screen and (orientation: landscape) and (max-device-width: 820px) {
    .conf__footer-secondary {
      justify-content: center; } }
  @media (max-width: 767px) {
    .conf__footer-secondary {
      justify-content: center; } }

.conf__cta {
  display: none;
  padding: 30px 0; }
  .is-3d .conf__cta {
    display: inline-block; }
  @media screen and (orientation: landscape) and (max-device-width: 820px) {
    .conf__cta {
      padding: 15px 0; } }
  @media (max-width: 767px) {
    .conf__cta {
      padding: 15px 0; } }
  .conf__cta .ico {
    width: 53px;
    height: 41px; }

@media screen and (orientation: landscape) and (max-device-width: 820px) {
  .conf__more {
    display: none; } }

@media (max-width: 767px) {
  .conf__more {
    display: none; } }

.conf__switch {
  padding: 0 10px;
  display: flex;
  align-items: center;
  flex-direction: row; }
  .conf__switch span.conf__switch-btn {
    position: relative;
    width: 46px;
    height: 28px;
    display: inline-block;
    margin-right: 20px;
    cursor: pointer; }
    .conf__switch span.conf__switch-btn:before {
      content: '';
      width: 100%;
      height: 100%;
      border: 1px solid #d0d0d0;
      border-radius: 24px;
      display: block; }
    .conf__switch span.conf__switch-btn:after {
      content: '';
      width: 20px;
      height: 20px;
      background: #8e8e8e;
      border-radius: 50%;
      display: block;
      position: absolute;
      top: 5px;
      left: 6px;
      transition: all 0.6s cubic-bezier(0, 0.97, 0.43, 1); }

.conf__switch--on span.conf__switch-btn:after {
  left: 21px; }

.conf__panel {
  position: absolute;
  z-index: 2;
  top: 0;
  right: calc(-312px - 10px);
  width: 312px;
  height: calc(100% - 250px);
  background: white;
  border-bottom: 1px solid #a8a9ac;
  transition: all 0.6s cubic-bezier(0, 0.97, 0.43, 1);
  display: inline-block; }
  @media screen and (orientation: landscape) and (max-device-width: 820px) {
    .conf__panel {
      position: fixed;
      right: 0;
      top: 77px;
      right: -100%;
      width: 100%;
      height: 100vh;
      z-index: 2; } }
  @media (max-width: 767px) {
    .conf__panel {
      position: fixed;
      right: 0;
      top: 77px;
      right: -100%;
      width: 100%;
      height: 100vh;
      z-index: 2; } }
  .conf__panel .conf__panel-wrapper {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative; }
    .conf__panel .conf__panel-wrapper.conf__panel-wrapper--fancy-on {
      overflow: hidden; }
  .conf__panel .conf__panel-content {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 40px); }
  .conf__panel .alert {
    background: #ffffff;
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    font-size: 12px;
    padding: 10px 10px 10px 18px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.6s cubic-bezier(0, 0.97, 0.43, 1); }
    @media screen and (orientation: landscape) and (max-device-width: 820px) {
      .conf__panel .alert {
        opacity: 1;
        pointer-events: all;
        bottom: 76px; } }
    @media (max-width: 767px) {
      .conf__panel .alert {
        opacity: 1;
        pointer-events: all;
        bottom: 76px; } }
    .conf__panel .alert:before {
      content: '.';
      font-size: 47px;
      color: #000000;
      position: absolute;
      top: 5px;
      left: 0;
      line-height: 0; }
  .conf__panel .confirm {
    position: fixed;
    z-index: 1;
    bottom: 0;
    width: 100%;
    padding: 10px 10px;
    background: #ffffff;
    display: none; }
    @media screen and (orientation: landscape) and (max-device-width: 820px) {
      .conf__panel .confirm {
        display: block; } }
    @media (max-width: 576px) {
      .conf__panel .confirm {
        display: block; } }
    .conf__panel .confirm .btn {
      width: 100%;
      height: 60px;
      background: #000000;
      color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 700; }
  .conf__panel.conf__panel--alert-on .alert {
    opacity: 1;
    pointer-events: all; }
  .conf__panel.conf__panel--alert-on .conf__panel-wrapper {
    height: calc(100% - 58px); }

.conf__fancy {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background: #f6f6f6;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 30px;
  transform: translateX(100%);
  transition: left 0.6s cubic-bezier(0, 0.97, 0.43, 1); }
  .conf__fancy.active {
    transform: translateX(0); }

.conf__fancy-close {
  position: absolute;
  top: 22px;
  right: 10px;
  position: fixed;
  font-size: 25px;
  padding: 0px 8px;
  cursor: pointer; }

.conf__fancy-content {
  line-height: 1.6; }

.conf__panel-header {
  font-family: 'calligarisregular';
  font-display: swap;
  font-family: 'calligarisbold';
  text-align: center;
  position: relative;
  z-index: 1; }
  .conf__panel-header .conf__panel-section {
    padding: 10px;
    height: 40px; }
  .conf__panel-header .conf__panel-back {
    position: absolute;
    z-index: 1;
    width: 25px;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer; }
    .conf__panel-header .conf__panel-back:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(135deg);
      border: solid black;
      border-width: 0 1px 1px 0;
      display: inline-block;
      padding: 4px; }

.conf__panel-title {
  font-family: 'calligarisregular';
  font-display: swap;
  font-family: 'calligarisbold';
  text-align: center;
  font-size: 15px;
  line-height: 1;
  text-transform: lowercase;
  background: #f6f6f6;
  padding: 7px 10px;
  position: relative;
  margin-bottom: 15px; }
  .conf__panel-title svg {
    position: absolute;
    z-index: 2;
    top: 6px;
    right: 4px;
    display: block;
    width: 20px;
    height: 15px;
    cursor: pointer;
    fill: #525459; }

.conf__panel-options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -10px; }

.conf__panel-option {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 20px;
  border: 2px solid transparent;
  opacity: 1;
  word-break: break-word; }
  .conf__panel-option.active {
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    pointer-events: none; }
    .conf__panel-option.active .conf__panel-setting {
      border-color: #ef3340; }
    .conf__panel-option.active .conf__panel-setting--rounded .mask {
      border-color: #ef3340; }
  .conf__panel-option.disabled {
    transition: all 0.6s cubic-bezier(0, 0.97, 0.43, 1); }
    .conf__panel-option.disabled .box {
      position: relative; }
      .conf__panel-option.disabled .box:after {
        content: '.';
        font-size: 47px;
        color: #000000;
        position: absolute;
        top: -6px;
        right: 10px;
        line-height: 0; }
  .conf__panel-option:hover .conf__panel-setting {
    border-color: #ef3340; }
  .conf__panel-option:hover .conf__panel-setting--rounded .mask {
    border-color: #ef3340; }

.conf__panel-setting {
  display: inline-block;
  font-size: 0.8rem;
  cursor: pointer;
  border: 1px solid white; }
  .conf__panel-setting .img {
    width: 69px;
    text-align: center;
    line-height: 0;
    display: inline-block; }
    .conf__panel-setting .img img {
      display: inline-block; }
  .conf__panel-setting span {
    display: block;
    text-transform: lowercase; }

.conf__panel-setting--rounded {
  display: inline-block;
  font-size: 0.8rem;
  cursor: pointer; }
  .conf__panel-setting--rounded .img {
    width: auto;
    text-align: center;
    line-height: 0;
    margin-right: 0;
    display: inline-block; }
    .conf__panel-setting--rounded .img img {
      display: inline-block; }
  .conf__panel-setting--rounded .name {
    display: block;
    text-transform: lowercase;
    font-size: 13px; }
  .conf__panel-setting--rounded .mask {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    border: 2px solid transparent; }

.conf__cart {
  flex: 0 0 250px; }
  .prod-promo .conf__cart {
    margin-bottom: 30px; }
  .conf__cart.hidden .conf__available {
    display: none !important; }
  .conf__cart.hidden .conf__unavailable {
    display: flex !important; }
  .conf__cart.hidden .price,
  .conf__cart.hidden .quantity {
    display: none; }
  .conf__cart .conf__cart-primary {
    margin-bottom: 20px; }
    .conf__cart .conf__cart-primary .h3 {
      text-transform: lowercase; }
    .conf__cart .conf__cart-primary .price {
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold';
      font-size: 2.2rem;
      line-height: 1;
      margin-bottom: 14px;
      color: #000; }
    .conf__cart .conf__cart-primary .quantity {
      font-size: 1rem;
      line-height: 1;
      color: #525459; }
    .conf__cart .conf__cart-primary .quantity__price {
      display: inline-block; }
  .conf__cart .conf__cart-primary--mobile {
    text-align: center;
    display: none; }
    @media screen and (orientation: landscape) and (max-device-width: 820px) {
      .conf__cart .conf__cart-primary--mobile {
        /*display: block;*/ } }
    @media (max-width: 767px) {
      .conf__cart .conf__cart-primary--mobile {
        /*display: block;*/ } }
    .conf__cart .conf__cart-primary--mobile .conf__more,
    .conf__cart .conf__cart-primary--mobile .made-to-order {
      display: block;
      width: 100%;
      border: 1px solid black;
      padding: 16px 20px;
      font-weight: 700;
      margin: 30px 0 40px 0;
      font-size: 17px; }
      .conf__cart .conf__cart-primary--mobile .conf__more .ico,
      .conf__cart .conf__cart-primary--mobile .made-to-order .ico {
        width: 20px;
        height: 20px;
        position: relative;
        top: 4px;
        margin-right: 10px; }
    .conf__cart .conf__cart-primary--mobile .made-to-order {
      visibility: visible; }
      .conf__cart .conf__cart-primary--mobile .made-to-order .box-order {
        background: #e9e4e1;
        padding: 15px;
        margin-top: 10px;
        font-size: 14px;
        font-weight: 100; }
        .conf__cart .conf__cart-primary--mobile .made-to-order .box-order a {
          display: inline-block; }
  .conf__cart .conf__cart-primary .cart-item--promo .price {
    font-size: 1.9rem; }
    .conf__cart .conf__cart-primary .cart-item--promo .price span {
      text-decoration: line-through; }
  .conf__cart .conf__cart-primary .cart-item--promo .quantity__price span {
    text-decoration: line-through; }
  .conf__cart .conf__cart-secondary {
    display: flex;
    justify-content: space-between; }
    .conf__cart .conf__cart-secondary select {
      width: 100px;
      height: 60px;
      color: #000000;
      background-color: #f6f6f6;
      cursor: pointer;
      border: 0; }
    .conf__cart .conf__cart-secondary .btn--buy {
      width: 120px;
      height: 60px;
      background: #ef3340;
      color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 700; }
    @media screen and (orientation: landscape) and (max-device-width: 820px) {
      .conf__cart .conf__cart-secondary .cta {
        flex: 1 0 auto;
        margin: 0 15px; } }
    @media (max-width: 767px) {
      .conf__cart .conf__cart-secondary .cta {
        flex: 1 0 auto;
        margin: 0 15px; } }
    @media screen and (orientation: landscape) and (max-device-width: 820px) {
      .conf__cart .conf__cart-secondary .cta .btn--buy {
        width: 100%; } }
    @media (max-width: 767px) {
      .conf__cart .conf__cart-secondary .cta .btn--buy {
        width: 100%; } }
    .conf__cart .conf__cart-secondary .btn--addtofav {
      width: 60px;
      height: 60px;
      background: #f6f6f6;
      display: flex;
      justify-content: center;
      align-items: center; }
      .conf__cart .conf__cart-secondary .btn--addtofav .ico--fav-on {
        display: none; }
      .conf__cart .conf__cart-secondary .btn--addtofav.active .ico--fav-off {
        display: none; }
      .conf__cart .conf__cart-secondary .btn--addtofav.active .ico--fav-on {
        display: block; }
  .conf__cart .conf__available,
  .conf__cart .conf__unavailable {
    display: none; }
    .conf__cart .conf__available .cta button,
    .conf__cart .conf__unavailable .cta button {
      text-align: center; }
  .conf__cart .conf__unavailable .cta button {
    pointer-events: none;
    opacity: 0.3;
    /*width: 240px;*/
    /*background: $grey-light;
			border-color: $grey-light;
			color: $black;*/ }
  .conf__cart scalapay-widget {
    display: block;
    margin: 5px 0 0 0;
    line-height: 1.5; }

.conf__error {
  display: none;
  height: 781px;
  width: 100%;
  background: #ffffff;
  margin-bottom: 10px; }
  @media (max-width: 991px) {
    .conf__error {
      height: 400px; } }
  @media screen and (orientation: landscape) and (max-device-width: 820px) {
    .conf__error {
      height: 400px; } }
  @media (max-width: 767px) {
    .conf__error {
      height: 323px; } }
  .conf__error .container {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center; }
    .conf__error .container .box {
      text-transform: lowercase;
      font-size: 2rem;
      font-weight: 700;
      color: #000000; }
      @media screen and (orientation: landscape) and (max-device-width: 820px) {
        .conf__error .container .box {
          font-size: 1.5rem; } }
      @media (max-width: 767px) {
        .conf__error .container .box {
          font-size: 1.5rem; } }

.conf__inspirations {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  width: 480px;
  max-width: 100%;
  height: calc(100vh - 77px);
  transform: translateX(-110%);
  transition: transform ease-in-out 350ms;
  z-index: 1000;
  pointer-events: none; }
  .conf__inspirations.opened {
    pointer-events: all;
    transform: translateX(0); }
  .conf__inspirations .conf__thumbnail-generator {
    position: absolute;
    pointer-events: none;
    visibility: hidden; }
  .conf__inspirations .listing--products {
    padding: 0 15px;
    background: white;
    box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.4); }
    .conf__inspirations .listing--products .listing--products__head {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 15px 0; }
      .conf__inspirations .listing--products .listing--products__head .title {
        font-family: 'calligarisbold';
        font-size: 36px;
        line-height: 1.2;
        color: #1d1820; }
      .conf__inspirations .listing--products .listing--products__head .btn--close {
        width: 15px;
        height: 15px;
        position: absolute;
        right: 10px;
        top: 30px; }
        .conf__inspirations .listing--products .listing--products__head .btn--close svg {
          width: 100%;
          height: 100%; }
    .conf__inspirations .listing--products .listing--products__inner {
      position: relative;
      width: auto !important;
      overflow-x: hidden;
      overflow-y: auto;
      height: calc(100vh - 150px); }
    .conf__inspirations .listing--products .card--product {
      background: white;
      margin: 0 0 30px 0; }
      .conf__inspirations .listing--products .card--product .picture {
        position: relative;
        width: 100%;
        padding-top: calc(76.8% - 76.8% * 0);
        display: flex;
        background: #eee;
        margin-bottom: 20px; }
        .conf__inspirations .listing--products .card--product .picture img,
        .conf__inspirations .listing--products .card--product .picture video,
        .conf__inspirations .listing--products .card--product .picture canvas {
          position: absolute;
          /*
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        */
          object-fit: cover;
          height: 100%;
          top: 0; }
          @media (max-width: 576px) {
            .conf__inspirations .listing--products .card--product .picture img,
            .conf__inspirations .listing--products .card--product .picture video,
            .conf__inspirations .listing--products .card--product .picture canvas {
              max-width: none;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              min-width: 100%;
              min-height: 100%; } }
      .conf__inspirations .listing--products .card--product .content {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .conf__inspirations .listing--products .card--product .group--info {
        display: flex;
        flex-wrap: wrap;
        padding: 0 20px 15px 20px;
        font-size: 18px;
        color: #1d1820; }
        .conf__inspirations .listing--products .card--product .group--info .title,
        .conf__inspirations .listing--products .card--product .group--info .price,
        .conf__inspirations .listing--products .card--product .group--info .category,
        .conf__inspirations .listing--products .card--product .group--info .btn--buy {
          flex: 1 1 50%; }
        .conf__inspirations .listing--products .card--product .group--info .title {
          font-family: 'calligarisbold';
          font-weight: bold; }
        .conf__inspirations .listing--products .card--product .group--info .price strong {
          font-family: 'calligarisbold';
          font-weight: bold; }
        .conf__inspirations .listing--products .card--product .group--info .p-sconto {
          text-align: right; }
          .conf__inspirations .listing--products .card--product .group--info .p-sconto span {
            font-weight: 700;
            text-decoration: line-through; }
            @media (max-width: 576px) {
              .conf__inspirations .listing--products .card--product .group--info .p-sconto span {
                display: block; } }
        .conf__inspirations .listing--products .card--product .group--info .price {
          text-align: right; }
        .conf__inspirations .listing--products .card--product .group--info .btn--buy {
          text-align: right;
          font-size: 16px; }
      .conf__inspirations .listing--products .card--product:hover .picture, .conf__inspirations .listing--products .card--product.active .picture {
        opacity: 1; }
  .conf__inspirations .btn--more {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px; }

.prod-cat-81 .conf__option--parent.part-type-combinazione {
  display: none; }

.section--configuratore + .section--desc-prodotto {
  margin-top: 20px; }

.prod-promo .conf__options:not(.static-options), .prod-promo .section--configuratore .side-modelli .data:not(.static-options), .section--configuratore .side-modelli .prod-promo .data:not(.static-options) {
  display: none; }

.section--configuratore {
  padding-top: 80px; }
  .section--configuratore .conf__options, .section--configuratore .side-modelli .data {
    flex: auto; }
  .section--configuratore .btn-apri {
    background: #fff;
    color: #ef3340;
    border: 1px solid #ef3340;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 700;
    display: block;
    padding: 16px;
    margin: 60px 0 80px 0;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s linear;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section--configuratore .btn-apri:hover {
      opacity: 0.8; }
    .section--configuratore .btn-apri svg {
      margin: 0 8px; }
  .section--configuratore .conf__sidebar .condividi {
    margin-top: 40px; }
    .section--configuratore .conf__sidebar .condividi a {
      color: #525459; }
  @media (min-width: 991px) {
    .section--configuratore {
      padding-top: 50px; } }
  .section--configuratore .prodotto-head.desktop {
    display: none; }
  .section--configuratore .prodotto-head.mobile {
    padding-top: 140px; }
  .section--configuratore .prodotto-head .container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    padding: 30px 15px;
    overflow: hidden;
    pointer-events: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  @media (min-width: 767px) {
    .section--configuratore .prodotto-head {
      padding-left: calc(100% - 312px - 30px);
      padding-bottom: 0; }
      .section--configuratore .prodotto-head.mobile {
        display: none; }
      .section--configuratore .prodotto-head.desktop {
        display: block; }
        .section--configuratore .prodotto-head.desktop .container {
          margin-top: 10px;
          padding-left: 0;
          padding-right: 0;
          justify-content: start; }
          .section--configuratore .prodotto-head.desktop .container .right {
            margin-left: 10px; } }
  @media (min-width: 1200px) {
    .section--configuratore .prodotto-head .container {
      padding: 60px 10px; } }
  .section--configuratore .name-prodotto {
    font-size: 36px;
    color: #000;
    margin-bottom: 10px;
    text-transform: lowercase; }
  .section--configuratore .breadcrumb {
    color: #525459;
    font-size: 12px;
    font-weight: bold; }
    .section--configuratore .breadcrumb ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex; }
    .section--configuratore .breadcrumb a,
    .section--configuratore .breadcrumb a:hover {
      color: #525459; }
    .section--configuratore .breadcrumb li:not(:last-child):after {
      content: "-";
      margin: 0 4px; }
  .section--configuratore .side-modelli {
    position: fixed;
    z-index: 999999;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    width: 640px;
    max-width: 90vw;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.25); }
    @media (max-width: 767px) {
      .section--configuratore .side-modelli {
        max-width: 100vw; } }
    .section--configuratore .side-modelli .title {
      color: #000000;
      font-size: 24px;
      font-weight: 700;
      margin: 60px 40px;
      display: flex;
      justify-content: space-between; }
    .section--configuratore .side-modelli .content {
      margin: 0 40px 20px 40px;
      overflow-x: hidden;
      overflow-y: scroll;
      flex: 1; }
      .section--configuratore .side-modelli .content::-webkit-scrollbar {
        width: 12px;
        border-radius: 0px;
        background-color: #f5f2f0; }
      .section--configuratore .side-modelli .content::-webkit-scrollbar-button {
        display: none; }
      .section--configuratore .side-modelli .content::-webkit-scrollbar-button:hover {
        display: none; }
      .section--configuratore .side-modelli .content::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: none;
        border-radius: 8px;
        border: 2px solid #f5f2f0; }
        .section--configuratore .side-modelli .content::-webkit-scrollbar-thumb:hover {
          background-color: rgba(0, 0, 0, 0.2); }
      .section--configuratore .side-modelli .content::-webkit-scrollbar-track {
        background-color: #f5f2f0;
        border-radius: 0px; }
        .section--configuratore .side-modelli .content::-webkit-scrollbar-track:hover {
          background-color: #f5f2f0; }
      @media (max-width: 767px) {
        .section--configuratore .side-modelli .content {
          margin-left: 20px;
          margin-right: 20px; } }
    .section--configuratore .side-modelli .item {
      display: flex; }
    .section--configuratore .side-modelli .thumb {
      flex: 60px;
      max-width: 60px;
      height: auto; }
    .section--configuratore .side-modelli .conf__setting--rounded {
      display: flex !important; }
    .section--configuratore .side-modelli .data {
      flex: 1;
      display: flex !important;
      flex-wrap: wrap;
      margin-left: 36px;
      color: #525459;
      border-bottom: 1px solid #A8A9AC;
      margin-bottom: 40px;
      padding-bottom: 40px; }
    .section--configuratore .side-modelli .box {
      width: 50%; }
      .section--configuratore .side-modelli .box .category-name {
        font-weight: 700 !important;
        padding-right: 20px; }
      .section--configuratore .side-modelli .box .name {
        font-weight: 100 !important; }
    .section--configuratore .side-modelli .boxTitle {
      margin-bottom: 16px;
      font-size: 18px;
      color: #525459;
      font-weight: bold; }
    .section--configuratore .side-modelli .mask {
      margin-right: 16px; }
  .section--configuratore .varianti .content .item,
  .section--configuratore .side-modelli .content .item {
    position: relative; }
    .section--configuratore .varianti .content .item:before,
    .section--configuratore .side-modelli .content .item:before {
      content: "";
      position: absolute;
      margin: auto;
      background: #EF3340;
      height: 21px;
      width: 21px;
      border-radius: 50%;
      transition: all 0.2s linear;
      opacity: 0; }
    .section--configuratore .varianti .content .item.active:before, .section--configuratore .varianti .content .item:hover:before,
    .section--configuratore .side-modelli .content .item.active:before,
    .section--configuratore .side-modelli .content .item:hover:before {
      opacity: 1; }
  .section--configuratore .conf__setting--rounded:after,
  .section--configuratore .conf__main:after,
  .section--configuratore .conf__main:before {
    display: none !important; }
  .section--configuratore .conf__image {
    margin: auto; }
  .section--configuratore .side-modelli .content .item {
    padding-left: 50px; }
  .section--configuratore .side-modelli .content .item:before {
    left: 0;
    top: 20px;
    transform: none; }
  .section--configuratore .varianti .content .item:before {
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  .section--configuratore .varianti {
    margin-top: 40px;
    margin-bottom: 80px;
    padding-right: 40px; }
    .section--configuratore .varianti .titleVarianti {
      color: #000;
      font-size: 18px;
      font-weight: 700; }
    .section--configuratore .varianti .content {
      margin-top: 20px;
      display: flex;
      overflow-x: scroll;
      pointer-events: all; }
      .section--configuratore .varianti .content::-webkit-scrollbar {
        width: 12px;
        border-radius: 0px;
        background-color: #f5f2f0; }
      .section--configuratore .varianti .content::-webkit-scrollbar-button {
        display: none; }
      .section--configuratore .varianti .content::-webkit-scrollbar-button:hover {
        display: none; }
      .section--configuratore .varianti .content::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: none;
        border-radius: 8px;
        border: 2px solid #f5f2f0; }
        .section--configuratore .varianti .content::-webkit-scrollbar-thumb:hover {
          background-color: rgba(0, 0, 0, 0.2); }
      .section--configuratore .varianti .content::-webkit-scrollbar-track {
        background-color: #f5f2f0;
        border-radius: 0px; }
        .section--configuratore .varianti .content::-webkit-scrollbar-track:hover {
          background-color: #f5f2f0; }
      .section--configuratore .varianti .content .item {
        margin-right: 20px;
        padding-top: 30px; }
      .section--configuratore .varianti .content img {
        max-width: 70px;
        height: auto; }
  .section--configuratore .rimanenti {
    color: #525459;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 40px; }
  .section--configuratore .condividi {
    margin-top: 0 !important;
    margin-bottom: 80px;
    font-weight: 700; }
    @media (max-width: 767px) {
      .section--configuratore .condividi {
        position: relative;
        top: auto;
        right: auto;
        padding-top: 40px; } }
    .section--configuratore .condividi .social {
      bottom: 0;
      left: 20px;
      position: relative;
      display: inline-block;
      transform: none; }
      .section--configuratore .condividi .social li {
        display: inline-block;
        margin: 0 5px; }
  .section--configuratore .conf__data {
    margin-top: 40px; }
  .section--configuratore .spacer:before {
    top: 0; }
  .section--configuratore .download {
    margin-top: 0; }

body.side-modelli-open {
  overflow: hidden; }
  body.side-modelli-open .section--configuratore {
    z-index: 999999; }
  body.side-modelli-open .side-modelli {
    transform: none; }
  body.side-modelli-open .header {
    z-index: 1; }

body.scheda-prodotto-2021 .header:not(.fixed) .menu-sx {
  display: none; }

body.scheda-prodotto-2021 .header.active .menu-sx {
  display: block; }

.redlabel {
  font-size: 12px;
  color: #fff;
  background: #ef3340;
  border-radius: 16px;
  padding: 4px 10px; }

.nav--menu__items {
  transition: all 0.6s cubic-bezier(0, 0.97, 0.43, 1); }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--configuratore {
  padding-top: 0 !important; }

.conf--new .conf__wrapper {
  padding: 0; }
  .conf--new .conf__wrapper .container {
    max-width: none;
    padding: 0 calc(100vw/24*2) 0 calc(100vw/24);
    justify-content: space-between; }
    @media (max-width: 991px) {
      .conf--new .conf__wrapper .container {
        padding: 0 calc(100vw/24);
        display: block;
        position: static; } }

.conf--new .conf__content {
  height: 100%;
  padding-top: 80px; }
  @media (max-width: 991px) {
    .conf--new .conf__content {
      position: static;
      padding-top: 0; } }
  .conf--new .conf__content canvas {
    width: calc(100% - 560px);
    height: 100%;
    margin: 0; }
    @media (max-width: 1200px) {
      .conf--new .conf__content canvas {
        width: 50%; } }
    @media (max-width: 991px) {
      .conf--new .conf__content canvas {
        width: 100%;
        height: 35vh; } }

.conf--new .conf__main {
  flex: 0 0 calc(100% - 560px);
  max-width: calc(100% - 560px); }
  @media (max-width: 991px) {
    .conf--new .conf__main {
      position: absolute;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      width: auto;
      max-width: none; } }

.conf--new .conf__footer {
  bottom: 0; }

.conf--new .conf__footer-ico {
  position: absolute;
  left: 24px;
  bottom: 24px;
  cursor: pointer;
  border-radius: 70px;
  width: 72px;
  height: 72px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  @media (max-width: 991px) {
    .conf--new .conf__footer-ico {
      display: none; } }
  .conf--new .conf__footer-ico .ico {
    width: 70px;
    height: 70px; }

.conf--new .conf__cta {
  /*
		.ico {
			filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.6));
		}
		*/ }
  @media (max-width: 991px) {
    .conf--new .conf__cta {
      padding: 0; }
      .conf--new .conf__cta .ico {
        width: 40px; } }

.conf--new .conf__sidebar {
  flex: 0 0 560px;
  max-width: 560px;
  padding-left: 80px;
  display: block;
  height: auto;
  padding-bottom: 40px;
  padding-top: 80px; }
  @media (max-width: 1200px) {
    .conf--new .conf__sidebar {
      flex: 0 0 50%;
      max-width: 50%;
      padding-right: calc(100vw/24); } }
  @media (max-width: 991px) {
    .conf--new .conf__sidebar {
      padding-left: 0;
      flex: 0 0 100%;
      max-width: 100%;
      padding-right: 0;
      padding-top: 60px; } }

.conf--new .conf__sidebar-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .conf--new .conf__sidebar-title span {
    font-size: 30px;
    text-transform: lowercase;
    font-family: 'calligarisbold';
    color: #000; }

.conf--new .conf__footer-secondary {
  display: flex;
  flex-wrap: wrap; }

.conf--new .conf__more {
  font-size: 15px;
  color: #ef3340;
  font-weight: 700;
  position: relative;
  margin-left: 16px;
  cursor: pointer; }
  .conf--new .conf__more .ico {
    fill: #ef3340;
    position: relative;
    top: 2px;
    width: 24px;
    height: 25px; }

.conf--new .made-to-order {
  margin-left: 16px;
  position: relative; }
  .conf--new .made-to-order .action-order {
    font-size: 15px;
    color: #ef3340;
    font-weight: 700;
    position: relative;
    cursor: pointer; }
    .conf--new .made-to-order .action-order .ico {
      fill: #ef3340;
      position: relative;
      top: 2px;
      width: 24px;
      height: 25px; }
  .conf--new .made-to-order .box-order {
    position: absolute;
    z-index: 2;
    top: calc(50% - 4px);
    background: #ef3340;
    color: #fff;
    padding: 20px;
    font-family: 'calligarisregular';
    font-size: 13px;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    width: 190px;
    cursor: auto;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-in-out; }
    .conf--new .made-to-order .box-order a {
      display: inline-block;
      margin-top: 15px;
      text-transform: lowercase;
      color: #fff; }
      .conf--new .made-to-order .box-order a:after {
        background: #fff; }
    .conf--new .made-to-order .box-order:before {
      content: '';
      background: #ef3340;
      position: absolute;
      z-index: 15;
      width: 10px;
      height: 10px;
      left: -4px;
      top: calc(50% - -5px);
      transform: translateY(-50%) rotate(45deg); }
  .conf--new .made-to-order.active .box-order {
    opacity: 1;
    pointer-events: all; }

.conf--new .conf__switch {
  padding: 0 30px;
  display: flex;
  align-items: center;
  flex-direction: row; }

.conf--new .conf__switch-btn {
  position: relative;
  width: 36px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer; }
  .conf--new .conf__switch-btn:before {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #d0d0d0;
    border-radius: 24px;
    display: block; }
  .conf--new .conf__switch-btn:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #8e8e8e;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    transition: all 0.2s ease-in-out; }

.conf--new .conf__switch-label {
  font-size: 16px;
  font-family: 'calligarisregular';
  font-weight: 100;
  cursor: pointer; }

.conf--new .conf__switch--on span.conf__switch-btn:after {
  left: 21px; }

.conf--new .conf__options, .conf--new .section--configuratore .side-modelli .data, .section--configuratore .side-modelli .conf--new .data {
  margin-top: 24px; }

.conf--new .conf__cart {
  margin-top: 16px; }

.conf--new .conf__cart-primary {
  visibility: visible; }

.conf--new .cart-item {
  visibility: visible; }
  .conf--new .cart-item .price {
    font-size: 2.25em;
    line-height: 1.1;
    margin-bottom: 0; }
    .conf--new .cart-item .price span {
      visibility: visible; }
  .conf--new .cart-item .quantity {
    line-height: 1.5; }
    .conf--new .cart-item .quantity .quantity__number {
      visibility: visible; }
    .conf--new .cart-item .quantity .quantity__price {
      visibility: visible; }
      .conf--new .cart-item .quantity .quantity__price span {
        visibility: visible; }

.conf--new .conf__cart-secondary {
  margin-top: 8px;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .conf--new .conf__cart-secondary select {
    margin-right: 16px; }
  .conf--new .conf__cart-secondary .btn--addtofav {
    visibility: visible; }
  .conf--new .conf__cart-secondary .cta {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%; }
    @media (max-width: 991px) {
      .conf--new .conf__cart-secondary .cta {
        margin: 0; } }

.conf--new .conf__unavailable .btn--conf,
.conf--new .conf__unavailable .launch-config {
  opacity: 1;
  pointer-events: all; }

.conf--new .conf__data {
  margin: 0;
  padding: 95px 0 85px; }
  @media (max-width: 991px) {
    .conf--new .conf__data {
      padding: 20px calc(100vw/24); } }
  .conf--new .conf__data .desc-prodotto {
    padding: 0;
    line-height: 1.5; }
    .conf--new .conf__data .desc-prodotto .tit {
      font-size: 1.125em;
      line-height: 1;
      margin-bottom: 32px; }
    .conf--new .conf__data .desc-prodotto a,
    .conf--new .conf__data .desc-prodotto .launch-config {
      font-size: 0, 9375em;
      font-family: 'calligarisbold'; }
    .conf--new .conf__data .desc-prodotto .dati-prodotto {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 48px; }
      .conf--new .conf__data .desc-prodotto .dati-prodotto .flex {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 30px;
        gap: 10px; }

.conf--new .conf__alert {
  display: none; }

.conf--new .conf__cancel {
  display: none; }

.conf--new .conf--visible {
  display: none; }

.conf--new .btn-primary,
.conf--new .btn-secondary,
.conf--new .btn-download,
.conf--new .btn-info {
  width: 100% !important;
  height: auto !important;
  font-size: 18px;
  line-height: 1;
  display: block !important;
  padding: 16px 0;
  border-radius: 4px;
  margin-top: 16px;
  font-family: 'calligarisbold';
  text-align: center;
  text-transform: lowercase;
  transition: all 0.2s ease-in-out; }
  .conf--new .btn-primary .ico,
  .conf--new .btn-secondary .ico,
  .conf--new .btn-download .ico,
  .conf--new .btn-info .ico {
    position: relative;
    top: 3px;
    margin-left: 10px; }
  .conf--new .btn-primary:hover,
  .conf--new .btn-secondary:hover,
  .conf--new .btn-download:hover,
  .conf--new .btn-info:hover {
    opacity: 0.8; }

.conf--new .btn-primary {
  background: #ef3340 !important;
  color: #fff; }
  .conf--new .btn-primary:hover {
    color: #fff !important; }

.conf--new .btn-secondary {
  background: #fff !important;
  border: 1px solid #ef3340;
  color: #ef3340 !important; }
  .conf--new .btn-secondary:hover {
    color: #ef3340 !important; }

.conf--new .btn-download {
  background: #fff !important;
  color: #ef3340 !important; }
  .conf--new .btn-download:hover {
    color: #ef3340 !important; }

.conf--new .btn-info {
  background: #fff !important;
  border: 1px solid #525459;
  color: #525459 !important; }
  .conf--new .btn-info:hover {
    color: #525459 !important; }

.conf--new .nav--menu__items {
  visibility: visible; }
  .conf--new .nav--menu__items .nav--menu {
    border: 1px solid #e9e4e1;
    border-radius: 4px;
    padding: 16px 20px;
    margin-bottom: 8px;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .conf--new .nav--menu__items .nav--menu .nav--menu__item {
      position: relative; }
      .conf--new .nav--menu__items .nav--menu .nav--menu__item:after {
        content: '';
        position: absolute;
        right: 4px;
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        border: solid #ef3340;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 4px; }
      .conf--new .nav--menu__items .nav--menu .nav--menu__item .box {
        padding-right: 20px; }
    .conf--new .nav--menu__items .nav--menu .conf__panel {
      display: none; }
    .conf--new .nav--menu__items .nav--menu.variant .nav--menu__item {
      display: flex; }
      .conf--new .nav--menu__items .nav--menu.variant .nav--menu__item .conf__option-title .h5 {
        margin: 0;
        font-size: 0.9em; }
        .conf--open .conf--new .nav--menu__items .nav--menu.variant .nav--menu__item .conf__option-title .h5 {
          margin: 8px; }
        .conf--new .nav--menu__items .nav--menu.variant .nav--menu__item .conf__option-title .h5:after {
          content: ':'; }
      .conf--new .nav--menu__items .nav--menu.variant .nav--menu__item .box {
        margin: 0;
        padding: 0; }
        .conf--new .nav--menu__items .nav--menu.variant .nav--menu__item .box .nav--menu__items {
          display: flex; }
          .conf--new .nav--menu__items .nav--menu.variant .nav--menu__item .box .nav--menu__items > div {
            font-size: 0.9em;
            margin: 0 0 0 5px; }

.conf--new .conf__setting, .conf--new .conf__setting--rounded,
.conf--new .conf__setting--rounded {
  visibility: visible; }
  .conf--new .conf__setting:after, .conf--new .conf__setting--rounded:after,
  .conf--new .conf__setting--rounded:after {
    display: none; }
  .conf--new .conf__setting .img, .conf--new .conf__setting--rounded .img,
  .conf--new .conf__setting--rounded .img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    overflow: hidden; }
    .conf--new .conf__setting .img .mask, .conf--new .conf__setting--rounded .img .mask,
    .conf--new .conf__setting--rounded .img .mask {
      border-radius: 0;
      width: auto;
      height: auto; }
      .conf--new .conf__setting .img .mask img, .conf--new .conf__setting--rounded .img .mask img,
      .conf--new .conf__setting--rounded .img .mask img {
        visibility: visible; }

.conf--new .conf__dett {
  display: flex;
  align-items: center; }
  .conf--new .conf__dett .h5 {
    padding: 4px 1.6em 4px 1.6em;
    font-size: 14px;
    line-height: 1.5;
    margin: 0; }
    @media (max-width: 991px) {
      .conf--new .conf__dett .h5 {
        padding: 4px 10px;
        font-size: 12px;
        white-space: nowrap; } }
    .conf--new .conf__dett .h5:after {
      content: ':'; }
  .conf--new .conf__dett .category-name,
  .conf--new .conf__dett .name {
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px; }
    @media (max-width: 991px) {
      .conf--new .conf__dett .category-name,
      .conf--new .conf__dett .name {
        font-size: 12px;
        white-space: nowrap; } }

.conf--new .conf__panel-category .conf__panel-options {
  margin: 0; }

.conf--new .conf__panel .conf__panel-content {
  height: auto;
  overflow: visible; }

:root {
  --options: 300px; }

.conf--open {
  /*
	.--slick {
		&.slick-slider {
			.slick-list {
				overflow: visible;
			}

		}
	}
	*/ }
  .conf--open .header,
  .conf--open .section--hero,
  .conf--open .section--fascia-link,
  .conf--open .section--designer,
  .conf--open footer,
  .conf--open .floating,
  .conf--open .quantity,
  .conf--open .conf__cart-secondary,
  .conf--open .conf__footer-ico,
  .conf--open .section--collezione,
  .conf--open .section--sensazione,
  .conf--open .conf__cart scalapay-widget,
  .conf--open #trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
    display: none !important; }
  .conf--open .section:not(.section--configuratore) {
    display: none; }
  .conf--open .slick-slider {
    text-align: left; }
    .conf--open .slick-slider .slick-list {
      z-index: 10;
      overflow: visible; }
    .conf--open .slick-slider .slick-arrow {
      position: absolute;
      z-index: 100;
      background-image: url(/docs/assets/img/configuratore/arrow.svg);
      background-size: cover;
      width: 50px;
      height: 50px;
      font-size: 0;
      border: 1px solid #e9e4e1;
      border-radius: 60px;
      opacity: 1;
      pointer-events: all;
      transition: all 0.2s ease-in-out; }
      @media (max-width: 767px) {
        .conf--open .slick-slider .slick-arrow {
          width: 30px;
          height: 30px; } }
      .conf--open .slick-slider .slick-arrow.slick-prev {
        left: 12px; }
      .conf--open .slick-slider .slick-arrow.slick-next {
        right: 12px;
        transform: rotate(180deg); }
      .conf--open .slick-slider .slick-arrow.slick-disabled {
        opacity: 0;
        pointer-events: none; }
  .conf--open .conf--visible {
    display: block; }
  .conf--open .conf--hidden {
    display: none !important; }
  .conf--open .section--configuratore {
    padding-top: 0 !important;
    /*
		&.ca_81 {
			.conf__panel-title {
				margin-right: 20px !important;

				@include xl-down {
					margin-right: 8px !important;

					span {
						font-size: 10px !important;
					}
				}

				@include lg-down {
					margin-right: 36px !important;

					span {
						font-size: 12px !important;
					}
				}
			}
		}
		*/ }
    @media (max-width: 991px) {
      .conf--open .section--configuratore {
        padding-top: 80px !important; } }
  .conf--open .conf__wrapper {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 3;
    outline: 3px solid black; }
    .conf--open .conf__wrapper:after {
      content: none; }
    .conf--open .conf__wrapper .container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: calc(100% - var(--options));
      max-width: none;
      padding: 0 calc(100vw/24);
      overflow: visible; }
      @media (max-width: 991px) {
        .conf--open .conf__wrapper .container {
          visibility: visible; } }
  .conf--open .conf__content {
    position: relative;
    height: calc(100vh - var(--options));
    padding-top: 0; }
    .conf--open .conf__content:before, .conf--open .conf__content:after {
      display: none; }
    .conf--open .conf__content canvas {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      @media (max-width: 1200px) {
        .conf--open .conf__content canvas {
          width: 100%;
          height: 100%; } }
      @media (max-width: 991px) {
        .conf--open .conf__content canvas {
          width: 100%;
          height: 100%; } }
  .conf--open .conf__main {
    flex: 0 0 calc(100% - calc(100vw/24*4));
    max-width: calc(100% - calc(100vw/24*4));
    z-index: 1; }
    @media (max-width: 1200px) {
      .conf--open .conf__main {
        flex: 0 0 calc(100% - calc(100vw/24*6));
        max-width: calc(100% - calc(100vw/24*6)); } }
    @media (max-width: 991px) {
      .conf--open .conf__main {
        display: none; } }
  .conf--open .conf__sidebar {
    height: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    padding: 0;
    flex: 0 0 calc(100vw/24*4);
    max-width: calc(100vw/24*4);
    padding-bottom: 40px;
    z-index: 2; }
    @media (max-width: 1200px) {
      .conf--open .conf__sidebar {
        flex: 0 0 calc(100vw/24*5);
        max-width: calc(100vw/24*5); } }
    @media (max-width: 991px) {
      .conf--open .conf__sidebar {
        top: 80px;
        left: 20px;
        width: calc(100% - 40px);
        max-width: 100%;
        flex: 100%;
        position: fixed;
        padding: 0;
        display: block; } }
    .conf--open .conf__sidebar:before {
      display: none; }
  .conf--open .conf__sidebar-title {
    text-align: right;
    display: block; }
    @media (max-width: 991px) {
      .conf--open .conf__sidebar-title {
        position: relative;
        top: calc(100vh - var(--options) - 160px); }
        .conf--open .conf__sidebar-title span {
          font-size: 18px; } }
  .conf--open .conf__footer-secondary {
    display: none; }
  .conf--open .conf__switch {
    padding-right: 0; }
    @media (max-width: 991px) {
      .conf--open .conf__switch {
        padding: 0 0 0 5px; } }
  .conf--open .conf__cart {
    flex: 0 0 auto; }
    @media (max-width: 991px) {
      .conf--open .conf__cart {
        display: block;
        position: relative;
        top: calc(100vh - var(--options) - 160px);
        pointer-events: none; }
        .conf--open .conf__cart .price {
          font-size: 18px !important; } }
  .conf--open .conf__continue {
    display: block; }
    @media (max-width: 991px) {
      .conf--open .conf__continue {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .conf--open .conf__continue .btn {
          flex: 0 0 calc(50% - 20px);
          max-width: calc(50% - 20px);
          font-size: 0.8em;
          padding: 8px 0;
          line-height: 1.5; } }
    @media (max-width: 767px) {
      .conf--open .conf__continue {
        top: 50px; } }
  .conf--open .conf__options, .conf--open .section--configuratore .side-modelli .data, .section--configuratore .side-modelli .conf--open .data {
    position: fixed;
    z-index: 100;
    left: 0;
    top: calc(100vh - var(--options));
    width: 100%;
    height: var(--options);
    background: white;
    margin: 0 !important;
    padding: 10px 0;
    border-top: 1px solid #e9e4e1;
    border-bottom: 1px solid #e9e4e1;
    overflow: visible; }
  @media (max-width: 767px) {
    .conf--open .conf__footer {
      display: none; } }
  .conf--open .conf__footer-dimensioni {
    position: absolute;
    left: 0;
    bottom: 32px; }
    .conf--open .conf__footer-dimensioni .dati-prodotto {
      width: calc(100vw/24*3);
      font-size: 14px;
      text-transform: lowercase; }
      .conf--open .conf__footer-dimensioni .dati-prodotto .flex {
        margin-top: 8px; }
        .conf--open .conf__footer-dimensioni .dati-prodotto .flex .dato {
          font-family: 'calligarisbold'; }
  .conf--open .conf__data {
    position: fixed;
    z-index: 3;
    top: 0;
    left: calc(100vw/24);
    padding: 0;
    height: calc(100vh - var(--options));
    width: 25vw;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
    /*
		@include md-down {
			height: calc(100vh - 480px);
			top: 80px;
		}
		*/ }
    @media (max-width: 767px) {
      .conf--open .conf__data {
        display: none; } }
    .conf--open .conf__data .desc-prodotto {
      position: absolute;
      left: 0;
      bottom: 32px; }
      @media (max-width: 991px) {
        .conf--open .conf__data .desc-prodotto {
          bottom: 15px; } }
      .conf--open .conf__data .desc-prodotto .grid-24 {
        display: block; }
        .conf--open .conf__data .desc-prodotto .grid-24 .col-7 {
          display: none; }
        .conf--open .conf__data .desc-prodotto .grid-24 .col-6 {
          width: calc(100vw/24 * 3);
          margin: 0;
          padding: 0; }
          @media (max-width: 1560px) {
            .conf--open .conf__data .desc-prodotto .grid-24 .col-6 {
              width: calc(100vw/24 * 4); } }
          .conf--open .conf__data .desc-prodotto .grid-24 .col-6:last-child {
            display: none; }
          .conf--open .conf__data .desc-prodotto .grid-24 .col-6 .tit {
            display: none; }
          .conf--open .conf__data .desc-prodotto .grid-24 .col-6 .metadata {
            visibility: visible; }
            .conf--open .conf__data .desc-prodotto .grid-24 .col-6 .metadata .dati-prodotto {
              margin: 0;
              display: block;
              line-height: 1.9; }
              .conf--open .conf__data .desc-prodotto .grid-24 .col-6 .metadata .dati-prodotto .flex {
                flex: 0 0 100%;
                max-width: 100%;
                padding-right: 0; }
            .conf--open .conf__data .desc-prodotto .grid-24 .col-6 .metadata .download {
              display: none; }
  .conf--open .conf__fancy,
  .conf--open .conf__cancel {
    display: block;
    position: fixed;
    z-index: 9999 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw;
    height: 100vh;
    padding: 0;
    transform: none;
    background: rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none; }
    .conf--open .conf__fancy.active,
    .conf--open .conf__cancel.active {
      opacity: 1;
      pointer-events: all; }
  .conf--open .conf__fancy-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    background: #fff;
    width: 800px;
    padding: 24px; }
    @media (max-width: 991px) {
      .conf--open .conf__fancy-content {
        width: 90vw; } }
    .conf--open .conf__fancy-content .h4 {
      font-size: 24px;
      line-height: 1.5;
      color: #000;
      margin-bottom: 24px; }
    .conf--open .conf__fancy-content .text {
      font-size: 18px;
      line-height: 1.5; }
    .conf--open .conf__fancy-content .btn {
      width: auto !important;
      display: inline-block !important;
      padding: 16px 80px;
      margin-top: 70px;
      position: static; }
  .conf--open .conf__cancel .conf__fancy-content {
    visibility: visible; }
    @media (max-width: 991px) {
      .conf--open .conf__cancel .conf__fancy-content {
        width: 90vw; } }
    .conf--open .conf__cancel .conf__fancy-content .cta {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .conf--open .conf__cancel .conf__fancy-content .cta .btn {
        padding: 16px 0;
        flex: 0 0 calc(50% - 12px);
        max-width: calc(50% - 12px); }
      @media (max-width: 767px) {
        .conf--open .conf__cancel .conf__fancy-content .cta {
          display: block; }
          .conf--open .conf__cancel .conf__fancy-content .cta .btn {
            max-width: 100%;
            width: 100% !important;
            margin-top: 20px; } }
  .conf--open .conf__fancy-close {
    position: absolute;
    padding: 0;
    top: 24px;
    right: 24px;
    cursor: pointer; }
    .conf--open .conf__fancy-close .ico {
      width: 24px;
      height: 24px; }
  .conf--open .conf__setting, .conf--open .conf__setting--rounded {
    visibility: visible; }
    .conf--open .conf__setting .img, .conf--open .conf__setting--rounded .img {
      display: none; }
  .conf--open .conf__dett .h5:after {
    content: ''; }
  .conf--open .conf__dett .category-name,
  .conf--open .conf__dett .name {
    display: none; }
  .conf--open .nav--menu__items {
    display: flex;
    padding-left: calc(100vw/24);
    padding-right: calc(100vw/24/2);
    column-gap: 10px;
    row-gap: 5px;
    overflow: visible; }
    @media (max-width: 991px) {
      .conf--open .nav--menu__items {
        overflow: auto hidden;
        -webkit-overflow-scrolling: auto; } }
    .conf--open .nav--menu__items.--category {
      flex-wrap: wrap;
      padding-top: 10px;
      padding-bottom: 10px; }
      .conf--open .nav--menu__items.--category .nav--menu {
        padding: 0; }
    .conf--open .nav--menu__items::-webkit-scrollbar {
      width: 5px;
      height: 4px;
      background-color: #fff;
      border-radius: 2px; }
    .conf--open .nav--menu__items::-webkit-scrollbar-thumb {
      background: #fff;
      border-radius: 4px; }
    .conf--open .nav--menu__items .nav--menu {
      border: none;
      margin: 0;
      padding: 0; }
      .conf--open .nav--menu__items .nav--menu .nav--menu__item {
        border: 1px solid #A8A9AC;
        padding: 0;
        border-radius: 30px;
        margin-right: 16px;
        transition: all 0.2s ease-in-out; }
        .conf--open .nav--menu__items .nav--menu .nav--menu__item:after {
          display: none !important; }
        .conf--open .nav--menu__items .nav--menu .nav--menu__item .box {
          padding: 0 !important; }
      .conf--open .nav--menu__items .nav--menu .conf__panel {
        position: absolute;
        width: 100%;
        height: auto;
        top: 46px;
        left: 0;
        padding: 10px 0;
        border: none; }
        .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper {
          border: none;
          padding: 0;
          margin: 0; }
          .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .conf__panel-header {
            display: none; }
          .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items {
            border: none; }
            .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option {
              visibility: visible; }
              .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option .box {
                width: 100px; }
                .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option .box .conf__panel-setting,
                .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option .box .conf__panel-setting--rounded {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  width: 100px;
                  padding: 0;
                  margin: 0;
                  border: none; }
                  .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option .box .conf__panel-setting .mask,
                  .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option .box .conf__panel-setting--rounded .mask {
                    position: static;
                    overflow: visible;
                    width: auto;
                    height: auto;
                    border: none; }
                  .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option .box .conf__panel-setting .img,
                  .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option .box .conf__panel-setting--rounded .img {
                    border: 1px solid transparent;
                    width: 60px;
                    height: 60px;
                    position: relative; }
                    .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option .box .conf__panel-setting .img img,
                    .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option .box .conf__panel-setting--rounded .img img {
                      position: absolute;
                      left: 50%;
                      top: 50%;
                      transform: translate(-50%, -50%);
                      width: calc(100% - 2px); }
                  .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option .box .conf__panel-setting .name,
                  .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option .box .conf__panel-setting--rounded .name {
                    max-width: 85px;
                    margin-top: 4px;
                    font-size: 12px;
                    line-height: 1.1;
                    font-weight: 600; }
              .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option.active .box {
                visibility: visible; }
                .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option.active .box .conf__panel-setting .img,
                .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option.active .box .conf__panel-setting--rounded .img {
                  border-color: #ef3340; }
              .conf--open .nav--menu__items .nav--menu .conf__panel .conf__panel-wrapper .nav--menu__items .conf__panel-option.disabled .box:after {
                right: 13px; }
        .conf--open .nav--menu__items .nav--menu .conf__panel .alert {
          top: calc(var(--options) - 140px);
          padding: 0 calc(100vw/24 + 10px);
          text-align: left;
          height: 20px;
          line-height: 20px; }
          .conf--open .nav--menu__items .nav--menu .conf__panel .alert:before {
            content: '';
            background: #000;
            width: 5px;
            height: 5px;
            border-radius: 5px;
            left: calc(100vw/24);
            top: 50%;
            transform: translateY(-50%); }
      .conf--open .nav--menu__items .nav--menu.variant {
        visibility: visible; }
        .conf--open .nav--menu__items .nav--menu.variant .nav--menu__item {
          height: 33.28px; }
        .conf--open .nav--menu__items .nav--menu.variant .nav--menu__items {
          padding: 8px 24px; }
          @media (max-width: 767px) {
            .conf--open .nav--menu__items .nav--menu.variant .nav--menu__items {
              /*width: 40vw;*/ } }
          .conf--open .nav--menu__items .nav--menu.variant .nav--menu__items > div {
            white-space: nowrap; }
        .conf--open .nav--menu__items .nav--menu.variant .conf__setting, .conf--open .nav--menu__items .nav--menu.variant .conf__setting--rounded {
          border: none; }
          .conf--open .nav--menu__items .nav--menu.variant .conf__setting.active, .conf--open .nav--menu__items .nav--menu.variant .active.conf__setting--rounded, .conf--open .nav--menu__items .nav--menu.variant .conf__setting:hover, .conf--open .nav--menu__items .nav--menu.variant .conf__setting--rounded:hover {
            color: #ef3340; }
        .conf--open .nav--menu__items .nav--menu.variant .conf__dett .h5 {
          padding: 8px 0 8px 24px; }
        .conf--open .nav--menu__items .nav--menu.variant.active .h5 {
          color: #ef3340; }
      .conf--open .nav--menu__items .nav--menu.active > .nav--menu__item {
        border-color: #ef3340;
        color: #ef3340; }
      .conf--open .nav--menu__items .nav--menu.active > .conf__panel {
        display: block; }
      .conf--open .nav--menu__items .nav--menu:hover > .nav--menu__item {
        border-color: #ef3340;
        color: #ef3340; }
      .conf--open .nav--menu__items .nav--menu.part-type-combinazione {
        visibility: visible;
        /*
				.category {
					padding-top: 40px !important;
				}
				*/ }
      .conf--open .nav--menu__items .nav--menu.more-tabs {
        visibility: visible; }
      .conf--open .nav--menu__items .nav--menu.part-type-piede {
        visibility: visible;
        /*
				.category {
					padding-top: 40px !important;
				}
				*/ }
  .conf--open .nav--menu__item.conf__panel-wrapper {
    overflow: visible; }
  .conf--open .nav--menu > .nav--menu__item {
    color: #A8A9AC;
    border-color: #A8A9AC;
    transition: all 0.2s ease-in-out;
    transition-property: color, border-color; }
  .conf--open .conf__panel-title {
    padding: 0;
    margin: 0;
    background: none;
    font-size: initial;
    line-height: initial; }
    .conf--open .conf__panel-title.--info {
      margin-right: 20px; }
    .conf--open .conf__panel-title span {
      color: #A8A9AC;
      font-size: 12px;
      line-height: 1.5;
      background: #fff;
      border: 1px solid #A8A9AC;
      padding: 4px 10px;
      border-radius: 16px;
      display: inline-block; }
    .conf--open .conf__panel-title .ico {
      top: 50%;
      transform: translateY(-50%);
      right: -20px;
      width: 16px;
      height: 16px;
      background: url(/docs/assets/img/configuratore/info.svg);
      /*@include sm-down {
				display: none;
			}*/ }
  .conf--open .conf__panel-options {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100vw; }
    .conf--open .conf__panel-options.slick-slider .slick-track {
      margin-left: -20px; }
    .conf--open .conf__panel-options.slick-slider .slick-arrow {
      top: 30px; }
      @media (max-width: 767px) {
        .conf--open .conf__panel-options.slick-slider .slick-arrow {
          top: 40px; } }
  .conf--open .conf__panel-content {
    height: auto;
    overflow: visible; }
    .conf--open .conf__panel-content.category .conf__panel-options {
      display: none; }
    .conf--open .conf__panel-content.active .conf__panel-title span {
      color: #ef3340;
      border: 1px solid #ef3340; }
    .conf--open .conf__panel-content.active .conf__panel-title .ico {
      background: url(/docs/assets/img/configuratore/info-red.svg); }
    .conf--open .conf__panel-content.active .conf__panel-options {
      display: block; }
    .conf--open .conf__panel-content:hover .conf__panel-title span {
      color: #ef3340;
      border: 1px solid #ef3340; }
    .conf--open .conf__panel-content:hover .conf__panel-title .ico {
      background: url(/docs/assets/img/configuratore/info-red.svg); }
  .conf--open .confirm {
    display: none !important; }
  .conf--open .alert {
    display: none;
    /*
		@include sm-down {
			display: none !important;
		}
		*/ }
  .conf--open.fancy-open .conf__data {
    opacity: 0; }
  @media (max-width: 767px) {
    .conf--open.fancy-open .conf__options, .conf--open.fancy-open .section--configuratore .side-modelli .data, .section--configuratore .side-modelli .conf--open.fancy-open .data {
      top: 0; } }
  @media (max-width: 991px) {
    .conf--open .header {
      display: block !important; } }
  @media only screen and (max-height: 414px) and (orientation: landscape) {
    .conf--open .conf__alert {
      display: block;
      position: fixed;
      z-index: 9999;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(255, 255, 255, 0.95); }
    .conf--open .conf__alert__message {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 80vw;
      text-align: center;
      font-size: 26px;
      line-height: 1.5; } }
  @media screen and (orientation: landscape) and (max-device-width: 1024px) {
    .conf--open .conf__content canvas {
      margin-left: 0; } }
  @media screen and (orientation: portrait) and (max-device-width: 1024px) {
    .conf--open .conf__content canvas {
      margin-left: 0; } }

.hidden {
  display: none !important; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.popup {
  position: relative;
  z-index: 1;
  display: inline-block; }
  .popup .popup__icon {
    width: 20px;
    height: 20px;
    z-index: 2;
    display: inline-block;
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0, 0.97, 0.43, 1); }
  .popup .popup__message {
    /*color: #525459;
        background: #e9e4e1;
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 30px;
        padding: 20px;
        transform: translateY(-50%);
        opacity: 0;
        transition: all .6s $smooth;
        pointer-events: none;

        a {
            color: #525459;
        }

        &:after {
            content: '';
            position: absolute;
            z-index: 1;
            left: -5px;
            top: 50%;
            width: 10px;
            height: 10px;
            transform: translateY(-50%) rotate(45deg);
            background: #e9e4e1;
        }*/
    display: none; }
  .popup.popup--active {
    /*.popup__message {
            opacity: 1;
            pointer-events: all;
        }*/ }
    .popup.popup--active .popup__icon {
      fill: #ef3340; }

.popup__message--cloned {
  position: fixed;
  opacity: 1;
  pointer-events: all;
  color: #525459;
  background: #e9e4e1;
  z-index: 2;
  padding: 20px;
  transition: all 0.6s cubic-bezier(0, 0.97, 0.43, 1); }
  .popup__message--cloned a {
    color: #525459; }
  .popup__message--cloned:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: -5px;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(45deg);
    background: #e9e4e1; }
  .popup__message--cloned.popup__message--left:after {
    left: auto;
    right: -5px; }

.fascia-popup {
  padding: 0;
  max-width: 1200px; }
  @media (max-width: 1200px) {
    .fascia-popup {
      max-width: 90vw;
      visibility: visible; } }
  .fascia-popup .grid {
    align-items: center; }
    @media (max-width: 991px) {
      .fascia-popup .grid {
        align-items: flex-start; } }
  .fascia-popup .txt-col {
    padding: 30px; }
    .fascia-popup .txt-col .popup-form {
      margin-top: 30px; }
    .fascia-popup .txt-col .input-email {
      text-align: center;
      width: 100%; }
      .fascia-popup .txt-col .input-email .email {
        position: relative; }
      .fascia-popup .txt-col .input-email .cta {
        padding: 15px; }
    .fascia-popup .txt-col .wrapper-cta {
      text-align: center; }
      @media (max-width: 767px) {
        .fascia-popup .txt-col .wrapper-cta {
          padding: 40px 15px 15px; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.conf__data .desc-prodotto {
  padding-bottom: 65px;
  position: relative;
  z-index: 0; }
  .conf__data .desc-prodotto .dati-prodotto {
    font-size: 14px;
    line-height: 2.2;
    text-transform: lowercase;
    margin-bottom: 20px; }
    .conf__data .desc-prodotto .dati-prodotto .dato {
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold'; }
  .conf__data .desc-prodotto .launch-config {
    cursor: pointer; }
  .conf__data .desc-prodotto .documentazione .tit {
    font-size: 14px;
    line-height: 1.2;
    padding: 5px 0;
    color: #525459;
    font-family: 'calligarisregular';
    font-display: swap;
    margin-bottom: 0; }
    .conf__data .desc-prodotto .documentazione .tit .code {
      font-weight: 500;
      white-space: nowrap; }
  .conf__data .desc-prodotto .documentazione .download {
    margin-top: 10px; }
  @media (max-width: 991px) {
    .conf__data .desc-prodotto .grid {
      visibility: visible; }
      .conf__data .desc-prodotto .grid .col-5 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px; }
      .conf__data .desc-prodotto .grid .col-2 {
        flex: 0 0 45%;
        max-width: 45%; }
      .conf__data .desc-prodotto .grid .col-3 {
        flex: 0 0 45%;
        max-width: 45%; }
      .conf__data .desc-prodotto .grid .spacer-01 {
        display: none; }
      .conf__data .desc-prodotto .grid .spacer-02 {
        flex: 0 0 10%;
        max-width: 10%; }
        .conf__data .desc-prodotto .grid .spacer-02:before {
          top: 0; } }
  @media (max-width: 767px) {
    .conf__data .desc-prodotto {
      padding-bottom: 40px; }
      .conf__data .desc-prodotto .spacer {
        display: none; }
      .conf__data .desc-prodotto .documentazione {
        margin-top: 30px; } }

.conf__data .configurazione {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-in-out; }
  .conf__data .configurazione.active {
    opacity: 1;
    pointer-events: all; }
  .conf__data .configurazione.loading .step:after {
    pointer-events: all;
    opacity: 0.8; }
  .conf__data .configurazione.loading .step:before {
    pointer-events: all;
    opacity: 1; }
  .conf__data .configurazione .step {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: 1px 0 13px rgba(0, 0, 0, 0.25);
    padding: 55px 40px;
    text-align: center;
    max-width: 550px;
    overflow-y: auto; }
    .firefox .conf__data .configurazione .step {
      max-width: 600px; }
    @media (max-width: 1200px) {
      .conf__data .configurazione .step {
        max-width: 90%;
        max-height: 90%;
        width: 600px; } }
    @media (max-width: 767px) {
      .conf__data .configurazione .step {
        max-width: 90%;
        max-height: 90%; } }
    .conf__data .configurazione .step:after {
      content: '';
      position: absolute;
      z-index: 999;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: white;
      opacity: 0;
      pointer-events: none;
      transition: opacity 600ms cubic-bezier(0, 0.97, 0.43, 1); }
    .conf__data .configurazione .step:before {
      content: '';
      width: 60px;
      height: 61px;
      background-size: 60px 61px;
      background-repeat: no-repeat;
      background-image: url(../assets/img/loading.gif);
      position: absolute;
      z-index: 9999;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
      opacity: 0;
      transition: opacity 600ms cubic-bezier(0, 0.97, 0.43, 1); }
    .conf__data .configurazione .step .close {
      right: 15px;
      top: 15px; }
    .conf__data .configurazione .step .tit {
      line-height: 1;
      margin-bottom: 30px; }
    .conf__data .configurazione .step .actions {
      margin-top: 50px;
      display: flex;
      justify-content: center; }
      .conf__data .configurazione .step .actions .btn {
        margin: 0 15px; }
      @media (max-width: 767px) {
        .conf__data .configurazione .step .actions {
          display: block;
          margin-top: 30px; }
          .conf__data .configurazione .step .actions .btn {
            display: block;
            margin: 10px 0; } }
    .conf__data .configurazione .step form .flex {
      margin-bottom: 40px; }
      @media (max-width: 767px) {
        .conf__data .configurazione .step form .flex {
          display: block;
          margin-bottom: 0; } }
    .conf__data .configurazione .step form #emailmittente {
      /*margin-right: 8px;*/ }
    .conf__data .configurazione .step form #emaildestinatario {
      /*margin-left: 8px;*/ }
    .conf__data .configurazione .step > div {
      overflow: hidden;
      height: 0;
      transition: all 0.2s ease-in-out; }
      .conf__data .configurazione .step > div.active {
        height: auto; }

.section--fascia-link {
  position: relative;
  z-index: 0; }
  .section--fascia-link .fascia-link {
    background: #f6f6f6;
    padding: 30px 0; }
    .section--fascia-link .fascia-link a {
      text-transform: lowercase; }
      .section--fascia-link .fascia-link a .tit {
        font-size: 1em;
        margin: 0;
        color: #525459; }
    .section--fascia-link .fascia-link .corpo {
      display: none; }
    @media (max-width: 991px) {
      .section--fascia-link .fascia-link {
        padding: 15px calc(100vw/24); } }
    .section--fascia-link .fascia-link .prop-65-link {
      position: relative; }
      .section--fascia-link .fascia-link .prop-65-link a {
        /*display: inline-block;
				padding-left: 40px;*/
        visibility: visible; }
        .section--fascia-link .fascia-link .prop-65-link a img {
          display: none;
          max-width: 32px;
          position: absolute;
          left: 0; }
          @media (max-width: 991px) {
            .section--fascia-link .fascia-link .prop-65-link a img {
              left: 10px; } }
          .section--fascia-link .fascia-link .prop-65-link a img .txt {
            text-transform: uppercase; }
  @media (max-width: 991px) {
    .section--fascia-link .flex {
      justify-content: normal;
      margin: 0 -10px; }
      .section--fascia-link .flex .txt {
        margin: 0 10px 10px 10px; } }

.section--collezione {
  padding-top: 120px;
  position: relative;
  z-index: 0; }
  @media (max-width: 1200px) {
    .section--collezione {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--collezione {
      padding-top: 50px; } }
  .section--collezione .tit {
    margin-bottom: 70px;
    width: 100%; }
  .section--collezione .listing {
    padding-top: 0;
    justify-content: space-between; }
    .section--collezione .listing .flex {
      justify-content: flex-start;
      margin: 0 -12.5px; }
      @media (max-width: 1200px) {
        .section--collezione .listing .flex {
          margin: 0 -9px; } }
      @media (max-width: 991px) {
        .section--collezione .listing .flex {
          margin: 0 -6px; } }
      @media (max-width: 767px) {
        .section--collezione .listing .flex {
          margin: 0;
          justify-content: space-between; } }
    .section--collezione .listing .box {
      flex: 0 0 calc(100% / 3.2);
      max-width: calc(100% / 3.2);
      margin-left: 12.5px;
      margin-right: 12.5px; }
      @media (max-width: 1200px) {
        .section--collezione .listing .box {
          margin-left: 9px;
          margin-right: 9px; } }
      @media (max-width: 991px) {
        .section--collezione .listing .box {
          margin-left: 6px;
          margin-right: 6px; } }
      @media (max-width: 767px) {
        .section--collezione .listing .box {
          margin-left: 0;
          margin-right: 0; } }
      .section--collezione .listing .box .flex {
        margin: 0;
        justify-content: space-between; }
      .section--collezione .listing .box .nome-famiglia {
        flex: auto; }
  @media (max-width: 767px) {
    .section--collezione .listing .flex {
      display: flex; }
      .section--collezione .listing .flex .box {
        flex: 0 0 calc(50% - 5px);
        max-width: calc(50% - 5px); } }

.section--sensazione {
  padding-top: 120px; }
  @media (max-width: 1200px) {
    .section--sensazione {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--sensazione {
      padding-top: 50px; } }
  .section--sensazione .sensazione .swiper-sensazione {
    cursor: grab; }
    .section--sensazione .sensazione .swiper-sensazione .img-tessuto {
      background-size: cover;
      background-position: center;
      box-shadow: none;
      transition: all 0.2s ease-in-out; }
      @media (max-width: 767px) {
        .section--sensazione .sensazione .swiper-sensazione .img-tessuto {
          margin: 0 20px; } }
      .section--sensazione .sensazione .swiper-sensazione .img-tessuto img {
        opacity: 0; }
    .section--sensazione .sensazione .swiper-sensazione .txt {
      margin-top: 37px;
      opacity: 0;
      transition: all 0.2s ease-in-out; }
      @media (max-width: 767px) {
        .section--sensazione .sensazione .swiper-sensazione .txt {
          padding: 0 20px; } }
      .section--sensazione .sensazione .swiper-sensazione .txt .tit {
        font-size: 18px;
        margin-bottom: 13px; }
        @media (max-width: 767px) {
          .section--sensazione .sensazione .swiper-sensazione .txt .tit {
            margin-bottom: 10px; } }
    .section--sensazione .sensazione .swiper-sensazione .swiper-slide-active .img-tessuto {
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25); }
    .section--sensazione .sensazione .swiper-sensazione .swiper-slide-active .txt {
      opacity: 1; }
    @media (max-width: 767px) {
      .section--sensazione .sensazione .swiper-sensazione .img-tessuto {
        margin: 0 0 0 -20px; }
      .section--sensazione .sensazione .swiper-sensazione .swiper-slide-active .img-tessuto {
        position: relative; }
        .section--sensazione .sensazione .swiper-sensazione .swiper-slide-active .img-tessuto:after {
          content: '';
          position: absolute;
          right: 20px;
          top: 0;
          width: 20px;
          height: 100%;
          background: #fff; } }

.section--total-look {
  padding-top: 120px;
  padding-top: 140px; }
  @media (max-width: 1200px) {
    .section--total-look {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--total-look {
      padding-top: 50px; } }
  @media (max-width: 1200px) {
    .section--total-look {
      padding-top: 70px; } }

.section--designer {
  padding-top: 120px;
  padding-top: 150px; }
  @media (max-width: 1200px) {
    .section--designer {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--designer {
      padding-top: 50px; } }
  @media (max-width: 1200px) {
    .section--designer {
      padding-top: 120px; } }
  @media (max-width: 767px) {
    .section--designer {
      padding-top: 100px; } }
  .section--designer .cont-designer {
    margin-top: 0; }
    .section--designer .cont-designer .designer {
      margin: 0;
      padding: 0; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.cont-listing {
  padding: 0 80px; }
  @media (max-width: 1200px) {
    .cont-listing {
      padding: 0 60px; } }
  @media (max-width: 767px) {
    .cont-listing {
      padding: 0 15px; } }

.listing {
  padding-top: 120px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline; }
  @media (max-width: 1200px) {
    .listing {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .listing {
      padding-top: 50px; } }
  .listing .box {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
    width: calc(100% / 4);
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
    transition: all 0.2s ease-in-out;
    /*.new {
			position: absolute;
			z-index: 2;
			left: 0;
			top: 0;
			color: $red;
			border: 1px solid $red;
			line-height: 1;
			@include font($style:bold);
			padding: 5px 10px;

			@include lg-down {
				font-size: 15px;
				padding: 5px 8px;
			}
		}*/ }
    @media (max-width: 991px) {
      .listing .box {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%; } }
    .listing .box.disabled {
      opacity: 0.3;
      pointer-events: none; }
    .listing .box .etichette {
      position: absolute;
      z-index: 10;
      top: 8px;
      right: 8px;
      display: flex;
      flex-wrap: wrap;
      pointer-events: none; }
      .listing .box .etichette > div {
        background: #fff;
        position: static;
        color: #ef3340;
        font-size: 12px;
        line-height: 1;
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold';
        padding: 6px 10px;
        border: 1px solid #ef3340;
        border-radius: 16px;
        text-transform: lowercase;
        margin-left: 8px; }
      @media (max-width: 991px) {
        .listing .box .etichette {
          /*position: static;*/
          justify-content: flex-end;
          top: -20px; }
          .listing .box .etichette > div {
            margin-bottom: 5px; } }
    .listing .box .nome-famiglia {
      position: static;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: 5px;
      font-size: 18px;
      line-height: 1; }
    .listing .box .black {
      position: absolute;
      z-index: 3;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
    .listing .box .cta {
      position: absolute;
      z-index: 10;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.7);
      opacity: 0;
      pointer-events: none;
      transition: all 0.2s ease-in-out; }
      .listing .box .cta .black {
        width: auto;
        height: auto;
        display: inline-block;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #ef3340;
        line-height: 1.5;
        padding: 14px 34px;
        border-radius: 4px; }
        .listing .box .cta .black:hover {
          color: #fff; }
    .listing .box figure,
    .listing .box .figure {
      display: block;
      max-width: 100% !important;
      text-align: center;
      position: relative;
      z-index: 1; }
      .listing .box figure img,
      .listing .box .figure img {
        max-width: 100% !important;
        width: auto !important;
        display: inline-block;
        /*transform: scale(0.95);*/
        transition: all 0.2s ease-in-out; }
        @media (max-width: 767px) {
          .listing .box figure img,
          .listing .box .figure img {
            transform: scale(1); } }
        .promo-listing .listing .box figure img, .promo-listing
        .listing .box .figure img {
          max-height: 300px; }
    .listing .box .made-to-order {
      position: absolute;
      z-index: 100;
      right: 20px;
      top: 310px; }
      .listing .box .made-to-order .action-order {
        font-weight: bold;
        cursor: pointer;
        color: #ef3340; }
        .listing .box .made-to-order .action-order .ico {
          position: relative;
          top: 2px;
          left: -2px;
          fill: #ef3340; }
      .listing .box .made-to-order.active .box-order {
        opacity: 1;
        pointer-events: all; }
      .listing .box .made-to-order .box-order {
        position: absolute;
        left: calc(-100% - 80px);
        top: 50%;
        transform: translateY(-50%);
        background: #e9e4e0;
        font-size: 12px;
        padding: 15px;
        width: 190px;
        opacity: 0;
        pointer-events: none;
        transition: all 0.2s ease-in-out; }
        .listing .box .made-to-order .box-order:after {
          content: '';
          background: #e9e4e0;
          position: absolute;
          z-index: 15;
          width: 10px;
          height: 10px;
          right: -4px;
          top: 50%;
          transform: translateY(-50%) rotate(45deg); }
        .listing .box .made-to-order .box-order a {
          position: relative;
          height: auto;
          width: auto;
          display: inline-block;
          text-transform: lowercase;
          margin-top: 10px; }
          .listing .box .made-to-order .box-order a:after {
            bottom: -2px; }
      @media (max-width: 1560px) {
        .listing .box .made-to-order {
          top: 215px; } }
      @media (max-width: 1200px) {
        .listing .box .made-to-order {
          top: 160px; } }
      @media (max-width: 991px) {
        .listing .box .made-to-order {
          top: 230px; } }
      @media (max-width: 767px) {
        .listing .box .made-to-order {
          right: auto;
          left: 0;
          width: calc(100% - 20px);
          text-align: center;
          top: 123px;
          visibility: visible; } }
    .listing .box .flex {
      justify-content: space-between;
      align-items: baseline;
      flex-direction: column; }
    .listing .box .modello {
      font-size: 18px;
      color: #000000;
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold';
      margin-bottom: 4px;
      display: none; }
    .listing .box .prezzo {
      font-size: 18px; }
      .listing .box .prezzo span {
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold'; }
      .listing .box .prezzo.has-promo span {
        text-decoration: line-through; }
        .listing .box .prezzo.has-promo span.promo-price {
          text-decoration: none; }
          @media (max-width: 767px) {
            .listing .box .prezzo.has-promo span.promo-price {
              display: block; } }
    .listing .box .desc {
      padding-right: 20px;
      line-height: 1.2; }
      @media (max-width: 1200px) {
        .listing .box .desc {
          font-size: 13px; } }
    .listing .box.active figure,
    .listing .box.active .figure {
      /*
				img {
					transform: scale(1);
				}
				*/ }
      .listing .box.active figure .cta,
      .listing .box.active .figure .cta {
        opacity: 1;
        pointer-events: all; }
    .listing .box.last-box {
      /*
			figure,
			.figure {
                &:after {
                    content: '';
                    position: absolute;
                    width: 1px;
                    height: 25%;
                    background: $colorbody;
                    bottom: -14px;
                    right: 20px;
                }
            }
			*/ }
      .listing .box.last-box .divider {
        width: calc(100% - 20px); }

.section--listing {
  /*&.listing-modify {
        visibility: visible;

        .box {
            margin-bottom: 100px;

            .nome-famiglia {
                position: static;
                flex: 0 0 100%;
                max-width: 100%;
                margin-bottom: 5px;
                font-size: 18px;
                line-height: 1;
            }

            &.last-box {
                figure,
				.figure {
                    &:after {
                        display: none;
                    }
                }
            }
        }
    }*/ }
  .section--listing .listing {
    /*@include paddingTopSection($style:large);*/
    padding-top: 80px; }

.promo-listing .listing {
  padding-top: 0; }

.promo-listing .prods-group--title {
  margin-top: 80px; }

.listing-2021 .slide-hero:before {
  content: "";
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 70.59%;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%) !important; }

.listing-2021 .slide-hero:after {
  content: "";
  position: absolute;
  left: 0%;
  right: 0%;
  top: 80.39%;
  bottom: 0%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%) !important; }

.listing-2021 .hero {
  height: 100vh !important; }
  .listing-2021 .hero .name-prodotto,
  .listing-2021 .hero .desc {
    color: #fff !important; }

.striked {
  text-decoration: line-through; }

.list-rimanenti {
  font-size: 14px;
  color: #000000;
  font-weight: 700;
  margin-top: 8px; }

@media (max-width: 991px) {
  .section--correlati {
    padding-left: calc(100vw/24);
    padding-right: calc(100vw/24); }
    .section--correlati .listing .slider-correlati .slick-list {
      padding-top: 30px; } }

.slider-correlati {
  width: 100%; }
  .slider-correlati .slick-track {
    margin: 0; }
  .slider-correlati .slick-arrow {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    font-size: 0; }
    .slider-correlati .slick-arrow:before {
      content: '';
      background: url(/docs/assets/img/inspiration/arrow-carousel.svg) center no-repeat;
      width: 30px;
      height: 20px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .slider-correlati .slick-arrow.slick-prev {
      visibility: visible; }
      .slider-correlati .slick-arrow.slick-prev:before {
        transform: translate(-50%, -50%) rotate(-180deg); }
    .slider-correlati .slick-arrow.slick-next {
      left: auto;
      right: 0; }
    .slider-correlati .slick-arrow.slick-disabled {
      display: none; }
  .slider-correlati .box {
    max-width: none !important;
    width: 100% !important;
    padding: 0 12.5px;
    margin: 0 !important; }

.section--area--ricerca-agenti {
  padding-top: 150px; }
  .section--area--ricerca-agenti h1.tit {
    text-align: center; }
  .section--area--ricerca-agenti .filtri {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px; }
    .section--area--ricerca-agenti .filtri .filtro {
      width: 200px; }
    @media (max-width: 767px) {
      .section--area--ricerca-agenti .filtri {
        flex-direction: column; }
        .section--area--ricerca-agenti .filtri .filtro {
          width: 100%; }
          .section--area--ricerca-agenti .filtri .filtro label {
            margin-top: 0; } }
  .section--area--ricerca-agenti .listing-agenti {
    padding: 50px 0; }
    .section--area--ricerca-agenti .listing-agenti table {
      border: none; }
      .section--area--ricerca-agenti .listing-agenti table tr th {
        border-bottom: 1px solid #ccc;
        text-align: left; }
      .section--area--ricerca-agenti .listing-agenti table tr td {
        border: none;
        border-bottom: 1px solid #ccc;
        padding: 15px 15px 15px 0; }
        .section--area--ricerca-agenti .listing-agenti table tr td span {
          display: none; }
      @media (max-width: 767px) {
        .section--area--ricerca-agenti .listing-agenti table {
          visibility: visible; }
          .section--area--ricerca-agenti .listing-agenti table thead {
            display: none; }
          .section--area--ricerca-agenti .listing-agenti table tr {
            margin-bottom: 20px;
            display: block;
            border: 1px solid #ccc;
            padding: 0;
            background: #fbfbfb; }
            .section--area--ricerca-agenti .listing-agenti table tr:last-child {
              margin-bottom: 0; }
            .section--area--ricerca-agenti .listing-agenti table tr td {
              display: flex;
              justify-content: space-between;
              width: 100%;
              padding: 15px !important; }
              .section--area--ricerca-agenti .listing-agenti table tr td span {
                display: block !important;
                font-weight: 700; }
              .section--area--ricerca-agenti .listing-agenti table tr td:last-child {
                border-bottom: none; } }
  @media (max-width: 991px) {
    .section--area--ricerca-agenti .cont-filtri {
      margin: 0;
      width: 100%;
      flex: 100%;
      max-width: 100%; } }
  @media (max-width: 767px) {
    .section--area--ricerca-agenti .cont-filtri h1.tit {
      text-align: left; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
/*------------------------------
Crazy Grid
------------------------------*/
@media (max-width: 991px) {
  .section--gallery {
    padding: 0 calc(100vw/24); } }

.crazy-grid {
  margin: 0 -15px;
  padding-top: 80px; }
  @media (max-width: 767px) {
    .crazy-grid {
      height: auto !important;
      padding-top: 0; } }
  .crazy-grid .detail {
    font-size: 18px;
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold'; }
    @media (max-width: 767px) {
      .crazy-grid .detail {
        font-size: 16px; } }
  .crazy-grid .grid-sizer {
    width: calc(33.3333% / 2);
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .crazy-grid .grid-sizer {
        width: 100%;
        margin: 0; } }
  .crazy-grid__box {
    float: left;
    width: 33.3333%;
    padding: 15px; }
    @media (max-width: 767px) {
      .crazy-grid__box {
        position: static !important;
        float: none !important;
        width: 49% !important;
        display: inline-block;
        margin: 0; } }
    .crazy-grid__box--half {
      width: calc(33.3333% / 2); }
    .crazy-grid__box img {
      width: 100%; }
    .crazy-grid__box a {
      overflow: hidden;
      display: block;
      /*&:after {
                content: '';
                background: #ff6a00;
                opacity: 0.6;
                position: absolute;
                z-index: 2;
                width: calc(100% - 30px);
                height: 0;
                bottom: 15px;
                left: 15px;
                transition: all 0.3s ease-in-out;
            }

            &:before {
                content: url(/img/search.png);
                position: absolute;
                z-index: 3;
                right: 40px;
                bottom: 30px;
                opacity: 0;
                transition: all 0.3s ease;
            }*/ }
      .crazy-grid__box a img {
        transition: all 0.3s ease-in-out; }
      .crazy-grid__box a:hover {
        /*&:after {
                    height: calc(100% - 30px);
                }

                &:before {
                    opacity: 1;
                }*/ }
        .crazy-grid__box a:hover img {
          transform: scale(1.1); }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.side-panel {
  position: fixed;
  z-index: 50;
  top: 90px;
  right: -100%;
  width: calc(100vw/24*8);
  background: #fff;
  height: calc(100vh - 90px);
  /*opacity: 0;*/
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  padding: 38px calc(100vw/48) 40px calc(100vw/24); }
  @media (max-width: 1200px) {
    .side-panel {
      width: 50vw; } }
  @media (max-width: 767px) {
    .side-panel {
      width: 100vw;
      top: 79px;
      height: calc(100vh - 79px);
      padding: 48px 0 40px;
      right: auto;
      left: -100%; }
      .side-panel.active {
        left: 0; } }
  .side-panel__prevent-close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: -1; }
  .side-panel .box-panel {
    /*background: $white;
		position: absolute;
		right: -100%;
		top: 0;
		box-shadow: 1px 0 13px rgba(0, 0, 0, 0.25);*/
    width: 100%;
    height: 100%;
    overflow-y: auto;
    transition: all 0.2s ease-in-out; }

@media (min-width: 991px) and (max-width: 1200px) {
  .safari.tablet .side-panel .box-panel {
    overflow-y: unset; }
    .safari.tablet .side-panel .box-panel.scrollbar {
      overflow-x: unset; }
      .safari.tablet .side-panel .box-panel.scrollbar .box-detail.active > div {
        overflow-y: auto;
        padding-bottom: 50px; } }
    @media (max-width: 767px) {
      .side-panel .box-panel {
        /*padding-top: 27px;*/
        max-width: none;
        width: 100%; } }
    .side-panel .box-panel.prod-open {
      height: calc(100vh - 168px);
      min-height: 100%; }
    .side-panel .box-panel .close {
      right: -25px;
      top: 15px; }
      .side-panel .box-panel .close .side-panel__close > span {
        pointer-events: none; }
      @media (max-width: 767px) {
        .side-panel .box-panel .close {
          top: 15px; } }
    .side-panel .box-panel .box-detail {
      display: none; }
      .side-panel .box-panel .box-detail.active {
        display: block; }
    .side-panel .box-panel .seleziona-paese {
      position: fixed;
      right: -100%;
      top: 90px;
      height: calc(100vh - 90px);
      background: #fff;
      width: calc(100vw/24*7);
      padding: 38px calc(100vw/48) 0 calc(100vw/24);
      transition: all 0.3s ease-in-out; }
      .side-panel .box-panel .seleziona-paese .cont-mercati {
        height: calc(100% - 40px);
        padding-right: calc(100vw/48); }
      .side-panel .box-panel .seleziona-paese .parte-alta {
        position: fixed;
        z-index: 999;
        top: 0;
        width: 360px;
        right: 0;
        background: #fff;
        padding: 30px 30px 0 0; }
        @media (max-width: 767px) {
          .side-panel .box-panel .seleziona-paese .parte-alta {
            width: 100%;
            padding: 30px 25px 0 25px; } }
      .side-panel .box-panel .seleziona-paese .tit {
        font-size: 36px;
        line-height: 1.16;
        color: #525459;
        margin-bottom: 16px; }
      .side-panel .box-panel .seleziona-paese .message {
        background: none;
        font-size: 15px;
        line-height: 1.5;
        margin: 0 -25px;
        padding: 0 25px;
        margin-bottom: 32px;
        color: #000; }
      .side-panel .box-panel .seleziona-paese .cerca input {
        font-size: 16px;
        line-height: 1;
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold';
        color: #000;
        border: none;
        border-bottom: 1px solid #000;
        width: 100%;
        padding: 0 0 6px 0;
        margin: 0;
        outline: none; }
        .side-panel .box-panel .seleziona-paese .cerca input:-ms-input-placeholder {
          color: #000; }
        .side-panel .box-panel .seleziona-paese .cerca input::placeholder {
          color: #000; }
      .side-panel .box-panel .seleziona-paese .elenco {
        /*margin-top: 205px;*/ }
        .side-panel .box-panel .seleziona-paese .elenco ul {
          margin: 0 0 30px 0;
          padding: 0 0 30px 0;
          list-style-type: none;
          border-bottom: 1px solid #d2d1d2; }
          .side-panel .box-panel .seleziona-paese .elenco ul:last-child {
            border: none;
            margin-bottom: 0; }
          .side-panel .box-panel .seleziona-paese .elenco ul li {
            visibility: visible;
            font-size: 12px;
            line-height: 1;
            font-family: 'calligarisregular';
            font-display: swap;
            font-family: 'calligarisbold';
            text-transform: uppercase;
            margin-bottom: 18px; }
            .side-panel .box-panel .seleziona-paese .elenco ul li:last-child {
              margin-bottom: 0; }
            .side-panel .box-panel .seleziona-paese .elenco ul li .country-langs {
              padding: 0;
              display: flex; }
              .side-panel .box-panel .seleziona-paese .elenco ul li .country-langs a {
                margin: 0 5px; }
                @media (max-width: 991px) {
                  .side-panel .box-panel .seleziona-paese .elenco ul li .country-langs a {
                    padding: 0 5px; } }
                .side-panel .box-panel .seleziona-paese .elenco ul li .country-langs a:not(:last-child):before {
                  display: block;
                  content: "";
                  width: 1px;
                  height: 100%;
                  background: #d2d1d2;
                  position: absolute;
                  right: -5px; }
            .side-panel .box-panel .seleziona-paese .elenco ul li a {
              visibility: visible;
              font-size: 14px;
              line-height: 1;
              font-family: 'calligarisregular';
              font-display: swap;
              text-transform: none;
              color: #525459;
              position: relative;
              z-index: 1; }
              .side-panel .box-panel .seleziona-paese .elenco ul li a:after {
                content: '';
                position: absolute;
                z-index: 2;
                left: 0;
                bottom: -2px;
                width: 0;
                height: 1px;
                background: #525459;
                opacity: 0;
                transition: all 0.2s ease-in-out; }
              .side-panel .box-panel .seleziona-paese .elenco ul li a:hover:after {
                width: 100%;
                opacity: 1; }
      .side-panel .box-panel .seleziona-paese.active {
        right: calc(100vw/24*8); }
        @media (max-width: 1200px) {
          .side-panel .box-panel .seleziona-paese.active {
            right: 50vw; } }
  @media (max-width: 1200px) and (min-width: 991px) {
    .safari.tablet .side-panel .box-panel .seleziona-paese.active {
      overflow: hidden; } }
      @media (max-width: 1200px) {
        .side-panel .box-panel .seleziona-paese {
          width: 50vw; }
          .side-panel .box-panel .seleziona-paese .tit {
            font-size: 24px;
            line-height: 1; } }
      @media (max-width: 991px) {
        .side-panel .box-panel .seleziona-paese {
          width: 50vw; } }
      @media (max-width: 767px) {
        .side-panel .box-panel .seleziona-paese {
          width: 100vw;
          right: -100% !important;
          top: 79px;
          padding: 48px 0 0 0; }
          .side-panel .box-panel .seleziona-paese .cont-mercati {
            padding: 0 calc(100vw/24); }
          .side-panel .box-panel .seleziona-paese.active {
            right: 0 !important; } }
    .side-panel .box-panel .cart {
      padding-right: calc(100vw/48); }
      .side-panel .box-panel .cart .prod-cart {
        min-width: 335px; }
        .side-panel .box-panel .cart .prod-cart .prod {
          display: flex;
          align-items: flex-start;
          border-bottom: 1px solid #d2d1d2;
          margin-bottom: 30px;
          padding-bottom: 30px; }
          @media (max-width: 767px) {
            .side-panel .box-panel .cart .prod-cart .prod {
              margin-right: 10px; } }
          .side-panel .box-panel .cart .prod-cart .prod:last-child {
            border: none;
            margin: 0;
            padding: 0; }
          .side-panel .box-panel .cart .prod-cart .prod:nth-last-child(2) {
            margin-bottom: 200px; }
          .side-panel .box-panel .cart .prod-cart .prod .image {
            text-align: center;
            flex: 0 0 30%;
            max-width: 30%; }
            .side-panel .box-panel .cart .prod-cart .prod .image img {
              visibility: visible; }
          .side-panel .box-panel .cart .prod-cart .prod .data {
            flex: 0 0 30%;
            max-width: 30%;
            font-size: 12px;
            line-height: 1;
            padding-left: 10px; }
            .side-panel .box-panel .cart .prod-cart .prod .data .name {
              font-size: 16px;
              font-family: 'calligarisregular';
              font-display: swap;
              font-family: 'calligarisbold';
              color: #000; }
            .side-panel .box-panel .cart .prod-cart .prod .data .size {
              margin: 10px 0; }
            .side-panel .box-panel .cart .prod-cart .prod .data .delete {
              color: #525459;
              position: relative; }
              .side-panel .box-panel .cart .prod-cart .prod .data .delete:after {
                content: '';
                width: 100%;
                height: 1px;
                background: #525459;
                position: absolute;
                left: 0;
                bottom: -3px; }
          .side-panel .box-panel .cart .prod-cart .prod .price {
            flex: 0 0 40%;
            max-width: 40%;
            text-align: right;
            font-size: 16px;
            font-family: 'calligarisregular';
            font-display: swap;
            font-family: 'calligarisbold';
            color: #000; }
        .side-panel .box-panel .cart .prod-cart .totale {
          position: fixed;
          z-index: 1;
          bottom: 0;
          right: 0;
          left: auto;
          width: calc(100vw/24*8);
          font-size: 24px;
          color: #000;
          background: #fff;
          padding: 0 calc(100vw/24) 35px; }
          @media (max-width: 1200px) {
            .side-panel .box-panel .cart .prod-cart .totale {
              width: 50vw; } }
          @media (max-width: 767px) {
            .side-panel .box-panel .cart .prod-cart .totale {
              width: 100vw; }
              .side-panel .box-panel .cart .prod-cart .totale .flex {
                display: flex; } }
          .side-panel .box-panel .cart .prod-cart .totale .price {
            font-family: 'calligarisregular';
            font-display: swap;
            font-family: 'calligarisbold'; }
          .side-panel .box-panel .cart .prod-cart .totale .cta {
            width: 100%;
            margin-top: 35px; }
            .side-panel .box-panel .cart .prod-cart .totale .cta a {
              text-align: center; }
      @media (max-width: 767px) {
        .side-panel .box-panel .cart {
          padding: 0 calc(100vw/24); } }
    .side-panel .box-panel .ricerca {
      padding-right: calc(100vw/48); }
      .side-panel .box-panel .ricerca .box-ricerca {
        /*min-width: 335px;*/ }
        .side-panel .box-panel .ricerca .box-ricerca form {
          position: relative;
          /*width: 385px;
					right: 0;*/
          padding-bottom: 47px;
          top: 0;
          background: #fff; }
          .side-panel .box-panel .ricerca .box-ricerca form input {
            max-width: 100%;
            font-size: 24px;
            font-family: 'calligarisregular';
            font-display: swap;
            font-family: 'calligarisbold';
            padding: 0 0 8px 0;
            color: #000; }
            .side-panel .box-panel .ricerca .box-ricerca form input:-ms-input-placeholder {
              opacity: 1 !important;
              color: #000; }
            .side-panel .box-panel .ricerca .box-ricerca form input::placeholder {
              opacity: 1 !important;
              color: #000; }
          .side-panel .box-panel .ricerca .box-ricerca form a {
            position: absolute;
            z-index: 2;
            right: 0;
            font-size: 12px;
            color: #000;
            bottom: 55px; }
            @media (max-width: 767px) {
              .side-panel .box-panel .ricerca .box-ricerca form a {
                bottom: auto;
                top: 50%;
                transform: translateY(-50%); } }
        .side-panel .box-panel .ricerca .box-ricerca .results {
          /*margin-top: 48px;*/
          color: #6a6769; }
          .side-panel .box-panel .ricerca .box-ricerca .results .cat {
            padding-bottom: 19px; }
            .side-panel .box-panel .ricerca .box-ricerca .results .cat .tit-cat {
              font-size: 12px;
              background: #f6f6f6;
              margin: 0 -25px 6px -25px;
              padding: 8px 25px; }
            .side-panel .box-panel .ricerca .box-ricerca .results .cat .result {
              align-items: center;
              padding: 10px 0;
              font-size: 15px; }
              .side-panel .box-panel .ricerca .box-ricerca .results .cat .result a {
                color: #000;
                text-transform: lowercase; }
              .side-panel .box-panel .ricerca .box-ricerca .results .cat .result strong {
                visibility: visible; }
              .side-panel .box-panel .ricerca .box-ricerca .results .cat .result .n-result {
                font-size: 12px; }
              .side-panel .box-panel .ricerca .box-ricerca .results .cat .result .img-result {
                width: 75px; }
      @media (max-width: 767px) {
        .side-panel .box-panel .ricerca {
          padding-right: 0; }
          .side-panel .box-panel .ricerca .box-ricerca {
            padding: 0 calc(100vw/24); }
            .side-panel .box-panel .ricerca .box-ricerca form {
              padding: 0; }
              .side-panel .box-panel .ricerca .box-ricerca form input {
                padding: 15px 70px 15px 0 !important; }
            .side-panel .box-panel .ricerca .box-ricerca .results {
              margin-top: 48px; } }
    .side-panel .box-panel .menu-gen {
      height: 100%;
      padding-right: calc(100vw/48); }
      .side-panel .box-panel .menu-gen > div {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
      .side-panel .box-panel .menu-gen .menu-01 {
        padding: 0 0 24px 0;
        margin: 0; }

@media (min-width: 991px) and (max-width: 1200px) {
  .safari.tablet .side-panel .box-panel .menu-gen .menu-01 {
    list-style: none; } }
        .side-panel .box-panel .menu-gen .menu-01 li {
          margin-bottom: 24px; }
          .side-panel .box-panel .menu-gen .menu-01 li a {
            color: #525459;
            font-family: 'calligarisbold';
            font-size: 36px;
            line-height: 1.16;
            text-transform: lowercase; }
          .side-panel .box-panel .menu-gen .menu-01 li.wishlist a {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 23px; }
            .side-panel .box-panel .menu-gen .menu-01 li.wishlist a img {
              visibility: visible; }
            @media (max-width: 1200px) {
              .side-panel .box-panel .menu-gen .menu-01 li.wishlist a {
                gap: 15px; }
                .side-panel .box-panel .menu-gen .menu-01 li.wishlist a img {
                  height: 20px; } }
          .side-panel .box-panel .menu-gen .menu-01 li.shop {
            margin-bottom: 48px; }
            .side-panel .box-panel .menu-gen .menu-01 li.shop a {
              font-size: 30px; }
              .side-panel .box-panel .menu-gen .menu-01 li.shop a span {
                font-family: 'calligarisregular';
                text-transform: none; }
      .side-panel .box-panel .menu-gen form {
        visibility: visible; }
        .side-panel .box-panel .menu-gen form label {
          font-size: 24px;
          line-height: 1.5;
          text-transform: lowercase;
          flex: 0 0 40%;
          max-width: 40%;
          margin: 0;
          color: #525459; }
        .side-panel .box-panel .menu-gen form .input-prefooter {
          flex: 0 0 60%;
          max-width: 60%;
          position: relative; }
          .side-panel .box-panel .menu-gen form .input-prefooter #trova-negozio {
            padding-right: 70px; }
          .side-panel .box-panel .menu-gen form .input-prefooter .pin {
            position: absolute;
            top: 1px;
            right: 1px;
            height: calc(100% - 2px);
            width: 60px; }
            .side-panel .box-panel .menu-gen form .input-prefooter .pin input {
              padding: 0;
              height: 100%;
              border: none; }
            .side-panel .box-panel .menu-gen form .input-prefooter .pin svg {
              visibility: visible; }
      .side-panel .box-panel .menu-gen .social-panel {
        visibility: visible; }
        .side-panel .box-panel .menu-gen .social-panel span {
          font-size: 30px;
          line-height: 1;
          color: #000; }
        .side-panel .box-panel .menu-gen .social-panel ul {
          margin: 0;
          padding: 18px 0 0 0;
          list-style-type: none;
          display: flex;
          justify-content: space-between; }
          .side-panel .box-panel .menu-gen .social-panel ul li {
            visibility: visible; }
            .side-panel .box-panel .menu-gen .social-panel ul li a {
              color: #000;
              font-family: 'calligarisbold';
              font-size: 18px;
              line-height: 1; }
      @media (max-width: 1560px) {
        .side-panel .box-panel .menu-gen > div {
          display: block; }
        .side-panel .box-panel .menu-gen form {
          display: block; }
          .side-panel .box-panel .menu-gen form label {
            display: block;
            max-width: 100%;
            margin-bottom: 5px; }
          .side-panel .box-panel .menu-gen form .input-prefooter {
            max-width: 100%; }
            .side-panel .box-panel .menu-gen form .input-prefooter #trova-negozio {
              visibility: visible; }
        .side-panel .box-panel .menu-gen .social-panel {
          padding-top: 40px; }
          .side-panel .box-panel .menu-gen .social-panel ul li a {
            font-size: 14px; } }
      @media (max-width: 1200px) {
        .side-panel .box-panel .menu-gen .menu-01 li a {
          font-size: 24px;
          line-height: 1; }
        .side-panel .box-panel .menu-gen .menu-01 li.shop a {
          font-size: 20px; }
        .side-panel .box-panel .menu-gen form label {
          font-size: 20px; }
        .side-panel .box-panel .menu-gen .social-panel {
          visibility: visible; }
          .side-panel .box-panel .menu-gen .social-panel span {
            font-size: 20px; }
          .side-panel .box-panel .menu-gen .social-panel ul {
            margin: 0;
            padding: 10px 0 0 0; }
            .side-panel .box-panel .menu-gen .social-panel ul li {
              visibility: visible; }
              .side-panel .box-panel .menu-gen .social-panel ul li a {
                font-size: 11px; } }
      @media (max-width: 767px) {
        .side-panel .box-panel .menu-gen {
          padding-right: 0; }
          .side-panel .box-panel .menu-gen .level-01 {
            border-bottom: 1px solid #C4C4C4;
            padding: 0 calc(100vw/24) 8px calc(100vw/24);
            margin-bottom: 32px; }
            .side-panel .box-panel .menu-gen .level-01 a {
              font-family: 'calligarisbold';
              color: #000;
              display: block;
              font-size: 28px;
              line-height: 1;
              margin-bottom: 24px; }
              .side-panel .box-panel .menu-gen .level-01 a.has-submenu {
                position: relative; }
                .side-panel .box-panel .menu-gen .level-01 a.has-submenu svg {
                  width: 8.5px;
                  height: 13.36px;
                  position: absolute;
                  right: 0;
                  top: 50%;
                  transform: translateY(-50%);
                  transition: all 0.1s ease-in-out; }
          .side-panel .box-panel .menu-gen .menu-01 {
            border-bottom: 1px solid #C4C4C4;
            padding: 0 0 12px 0;
            margin-bottom: 32px; }
            .side-panel .box-panel .menu-gen .menu-01 li {
              margin-bottom: 20px; }
              .side-panel .box-panel .menu-gen .menu-01 li a {
                font-size: 18px;
                display: block;
                padding: 0 calc(100vw/24); }
                .side-panel .box-panel .menu-gen .menu-01 li a.login, .side-panel .box-panel .menu-gen .menu-01 li a.menu-logout {
                  font-family: 'calligarisregular'; }
                  .side-panel .box-panel .menu-gen .menu-01 li a.login:after, .side-panel .box-panel .menu-gen .menu-01 li a.menu-logout:after {
                    content: '';
                    background-image: url(/docs/assets/img/header/login-black.svg);
                    width: 18px;
                    height: 18px;
                    display: inline-block;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    position: relative;
                    top: 2px;
                    left: 6px; }
              .side-panel .box-panel .menu-gen .menu-01 li.shop {
                border-bottom: 1px solid #C4C4C4;
                margin-bottom: 32px;
                padding-bottom: 32px; }
                .side-panel .box-panel .menu-gen .menu-01 li.shop a {
                  font-size: 18px; }
          .side-panel .box-panel .menu-gen form {
            border-bottom: 1px solid #C4C4C4;
            padding: 0 calc(100vw/24);
            margin-bottom: 32px;
            padding-bottom: 32px; }
            .side-panel .box-panel .menu-gen form label {
              font-size: 18px;
              line-height: 1;
              margin-bottom: 10px; }
          .side-panel .box-panel .menu-gen .social-panel {
            padding: 0 calc(100vw/24); }
            .side-panel .box-panel .menu-gen .social-panel span {
              font-size: 30px;
              line-height: 1; }
            .side-panel .box-panel .menu-gen .social-panel ul {
              padding: 24px 0 100px 0;
              justify-content: flex-start;
              flex-wrap: wrap; }
              .side-panel .box-panel .menu-gen .social-panel ul li {
                margin-right: 24px;
                margin-bottom: 16px; }
                .side-panel .box-panel .menu-gen .social-panel ul li a {
                  font-size: 18px;
                  line-height: 1;
                  display: block; } }
    .side-panel .box-panel .panel-link {
      padding-right: calc(100vw/48);
      font-size: 1em;
      line-height: 1.5; }
      @media (max-width: 991px) {
        .side-panel .box-panel .panel-link {
          padding: 0 calc(100vw/24); } }
      .side-panel .box-panel .panel-link .tit {
        display: block; }
      .side-panel .box-panel .panel-link a {
        color: #525459;
        text-decoration: underline; }
      .side-panel .box-panel .panel-link ul {
        padding-left: 20px; }
      .side-panel .box-panel .panel-link .prop-65-warning-icon {
        display: none; }
  .side-panel.active {
    right: 0;
    pointer-events: all; }
    .side-panel.active .box-panel {
      right: 0; }
      .side-panel.active .box-panel .close {
        right: 15px; }

.panel-news, .panel-subscribe {
  padding-right: calc(100vw/48);
  position: relative;
  height: 100%; }
  @media (max-width: 767px) {
    .panel-news, .panel-subscribe {
      padding-right: 0; } }
  .panel-news.active, .active.panel-subscribe {
    display: block; }
  .panel-news .panel-news__container, .panel-subscribe .panel-news__container {
    /*position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;*/
    overflow-y: auto; }
    @media (max-width: 767px) {
      .panel-news .panel-news__container, .panel-subscribe .panel-news__container {
        padding: 0 calc(100vw/24); } }
  .panel-news .panel-news__header, .panel-subscribe .panel-news__header {
    /*height: 100px;*/
    padding: 0; }
    @media (max-width: 767px) and (orientation: landscape) {
      .panel-news .panel-news__header, .panel-subscribe .panel-news__header {
        /*height: 75px;*/ } }
    .panel-news .panel-news__header .panel-news__title .h3, .panel-subscribe .panel-news__header .panel-news__title .h3 {
      margin: 0;
      font-size: 24px;
      font-weight: 600;
      color: #000000;
      margin-bottom: 38px; }
  .panel-news .panel-news__wrapper, .panel-subscribe .panel-news__wrapper {
    overflow-y: auto;
    height: calc(100vh - 200px - 220px); }
    @media (max-width: 767px) and (orientation: landscape) {
      .panel-news .panel-news__wrapper, .panel-subscribe .panel-news__wrapper {
        height: calc(100vh - 200px - 12px); } }
    .panel-news .panel-news__wrapper .panel-news__inner, .panel-subscribe .panel-news__wrapper .panel-news__inner {
      height: 100%;
      overflow-y: auto;
      padding: 0; }
    .panel-news .panel-news__wrapper .panel-news__item, .panel-subscribe .panel-news__wrapper .panel-news__item {
      margin-bottom: 33px; }
      .panel-news .panel-news__wrapper .panel-news__item:last-child, .panel-subscribe .panel-news__wrapper .panel-news__item:last-child {
        margin-bottom: 0; }
      .panel-news .panel-news__wrapper .panel-news__item .img, .panel-subscribe .panel-news__wrapper .panel-news__item .img {
        margin-bottom: 33px; }
      .panel-news .panel-news__wrapper .panel-news__item .box, .panel-subscribe .panel-news__wrapper .panel-news__item .box {
        padding-right: 20px; }
      .panel-news .panel-news__wrapper .panel-news__item .h3, .panel-subscribe .panel-news__wrapper .panel-news__item .h3 {
        font-size: 32px;
        margin: 0;
        color: #000000; }
      .panel-news .panel-news__wrapper .panel-news__item .eyelet, .panel-subscribe .panel-news__wrapper .panel-news__item .eyelet {
        font-size: 16px;
        margin-bottom: 14px; }
      .panel-news .panel-news__wrapper .panel-news__item .text, .panel-subscribe .panel-news__wrapper .panel-news__item .text {
        font-size: 14px;
        margin-bottom: 26px; }
      .panel-news .panel-news__wrapper .panel-news__item .cta .btn, .panel-subscribe .panel-news__wrapper .panel-news__item .cta .btn {
        padding: 13px 15px;
        font-size: 16px; }
    @media (max-width: 767px) {
      .panel-news .panel-news__wrapper, .panel-subscribe .panel-news__wrapper {
        height: calc(100vh - 200px - 150px); } }
  .panel-news .panel-news__footer, .panel-subscribe .panel-news__footer {
    position: absolute;
    background: white;
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
    padding: 0 0 25px 0;
    display: flex;
    align-items: flex-end;
    font-weight: 700;
    color: #000000; }
    @media (max-width: 767px) and (orientation: landscape) {
      .panel-news .panel-news__footer, .panel-subscribe .panel-news__footer {
        height: 140px; } }
    .panel-news .panel-news__footer .text, .panel-subscribe .panel-news__footer .text {
      font-size: 16px;
      margin-bottom: 32px; }
    .panel-news .panel-news__footer form, .panel-subscribe .panel-news__footer form {
      position: relative; }
      .panel-news .panel-news__footer form button, .panel-subscribe .panel-news__footer form button {
        display: block;
        cursor: pointer; }
      .panel-news .panel-news__footer form svg, .panel-subscribe .panel-news__footer form svg {
        position: absolute;
        z-index: 1;
        top: 20px;
        right: 20px; }
      .panel-news .panel-news__footer form input, .panel-subscribe .panel-news__footer form input {
        padding-right: 56px; }
    @media (max-width: 767px) {
      .panel-news .panel-news__footer, .panel-subscribe .panel-news__footer {
        height: auto;
        display: block;
        padding: 0;
        position: relative;
        margin-bottom: 100px; }
        .panel-news .panel-news__footer .text, .panel-subscribe .panel-news__footer .text {
          margin-bottom: 10px; } }

.panel-subscribe .text {
  font-size: 17px !important;
  font-weight: 400;
  line-height: 1.5;
  color: #000000; }

.panel-subscribe .panel-news__header {
  min-height: 100px;
  height: auto; }
  .panel-subscribe .panel-news__header .panel-news__title .h3 {
    margin: 0; }
    @media (max-width: 576px) {
      .panel-subscribe .panel-news__header .panel-news__title .h3 {
        font-size: 20px; } }

.panel-subscribe .panel-news__container {
  display: flex;
  flex-direction: column; }

.panel-subscribe .panel-news__wrapper {
  height: auto;
  flex-grow: 1; }

.panel-subscribe .col-12 {
  margin-bottom: 30px; }

.panel-subscribe .cta {
  display: block; }

.panel-subscribe .checkboxgrp label,
.panel-subscribe .checkboxgrp a {
  color: #777777 !important;
  font-size: 12px !important; }

.panel-subscribe .checkboxgrp a {
  font-weight: 700 !important; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.seleziona-paese .message {
  background: #f6f6f6;
  font-size: 14px;
  margin: 0 -25px;
  padding: 20px 25px;
  margin-bottom: 35px; }

.seleziona-paese .cerca input {
  font-size: 16px;
  line-height: 1;
  font-family: 'calligarisregular';
  font-display: swap;
  font-family: 'calligarisbold';
  color: #6a6769;
  border: none;
  border-bottom: 1px solid #525459;
  width: 100%;
  padding: 0 0 10px 0;
  margin: 0;
  outline: none; }

.seleziona-paese .elenco {
  margin-top: 35px; }
  .seleziona-paese .elenco ul {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    list-style-type: none;
    border-bottom: 1px solid #d2d1d2; }
    .seleziona-paese .elenco ul:last-child {
      border: none;
      margin-bottom: 0; }
    .seleziona-paese .elenco ul li {
      display: flex;
      justify-content: space-between;
      visibility: visible;
      font-size: 12px;
      line-height: 1;
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold';
      text-transform: uppercase;
      margin-bottom: 20px; }
      .seleziona-paese .elenco ul li:last-child {
        margin-bottom: 0; }
      .seleziona-paese .elenco ul li a, .seleziona-paese .elenco ul li span {
        visibility: visible;
        font-size: 14px;
        line-height: 1;
        font-family: 'calligarisregular';
        font-display: swap;
        text-transform: none;
        color: #525459;
        position: relative;
        z-index: 1; }
        .seleziona-paese .elenco ul li a:after, .seleziona-paese .elenco ul li span:after {
          content: '';
          position: absolute;
          z-index: 2;
          left: 0;
          bottom: -2px;
          width: 0;
          height: 1px;
          background: #525459;
          opacity: 0;
          transition: all 0.2s ease-in-out; }
        .seleziona-paese .elenco ul li a:hover:after, .seleziona-paese .elenco ul li span:hover:after {
          width: 100%;
          opacity: 1; }
      .seleziona-paese .elenco ul li span:after {
        display: none; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.cart .prod-cart {
  min-width: 335px; }
  .cart .prod-cart .prod {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #d2d1d2;
    margin-bottom: 30px;
    padding-bottom: 30px; }
    .cart .prod-cart .prod:last-child {
      border: none;
      margin: 0;
      padding: 0; }
    .cart .prod-cart .prod .image {
      text-align: center;
      flex: 0 0 30%;
      max-width: 30%; }
      .cart .prod-cart .prod .image img {
        visibility: visible; }
    .cart .prod-cart .prod .data {
      flex: 0 0 30%;
      max-width: 30%;
      font-size: 12px;
      line-height: 1;
      padding-left: 10px; }
      .cart .prod-cart .prod .data .name {
        font-size: 16px;
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold'; }
      .cart .prod-cart .prod .data .size {
        margin: 10px 0; }
      .cart .prod-cart .prod .data .delete {
        color: #525459;
        position: relative; }
        .cart .prod-cart .prod .data .delete:after {
          content: '';
          width: 100%;
          height: 1px;
          background: #525459;
          position: absolute;
          left: 0;
          bottom: -3px; }
    .cart .prod-cart .prod .price {
      flex: 0 0 40%;
      max-width: 40%;
      text-align: right;
      font-size: 16px;
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold'; }
  .cart .prod-cart .totale {
    position: absolute;
    bottom: 35px;
    left: 25px;
    width: calc(100% - 50px);
    font-size: 24px; }
    .cart .prod-cart .totale .price {
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold'; }
    .cart .prod-cart .totale .cta {
      width: 100%;
      margin-top: 35px; }
      .cart .prod-cart .totale .cta a {
        text-align: center; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--designer--interna {
  padding-top: 120px;
  padding-top: 143px; }
  @media (max-width: 1200px) {
    .section--designer--interna {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--designer--interna {
      padding-top: 50px; } }
  @media (max-width: 767px) {
    .section--designer--interna {
      padding-top: 100px; } }
  .section--designer--interna .extra-big {
    margin-bottom: 67px; }
    @media (max-width: 767px) {
      .section--designer--interna .extra-big {
        margin-bottom: 20px; } }

.cont-designer {
  margin-top: 80px; }
  .cont-designer .designer {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 110px; }
    .cont-designer .designer figure {
      flex: 0 0 65%;
      max-width: 65%; }
      .cont-designer .designer figure img {
        width: 100%; }
    .cont-designer .designer .dati-designer {
      flex: 0 0 35%;
      max-width: 35%;
      padding: 0 80px 70px 90px; }
      .cont-designer .designer .dati-designer .tit {
        margin-bottom: 38px; }
    .cont-designer .designer .dett-designer {
      padding: 0 80px;
      margin: 0;
      flex: 0 0 100%;
      max-width: 100%;
      order: 10;
      height: 0;
      overflow: hidden;
      opacity: 0;
      transition: all 0.2s ease-in-out; }
      .cont-designer .designer .dett-designer.active {
        margin: 105px 0 0;
        height: auto;
        opacity: 1; }
      .cont-designer .designer .dett-designer .close {
        position: absolute;
        left: 0;
        top: 16px; }
        @media (max-width: 991px) {
          .cont-designer .designer .dett-designer .close {
            top: -30px; } }
      .cont-designer .designer .dett-designer .tit {
        margin-bottom: 45px;
        width: 100%; }
      .cont-designer .designer .dett-designer .cont-listing {
        padding: 40px 0 0; }
        .cont-designer .designer .dett-designer .cont-listing .tit {
          margin-bottom: 0; }
        .cont-designer .designer .dett-designer .cont-listing .listing {
          padding-top: 40px;
          justify-content: space-between; }
          .cont-designer .designer .dett-designer .cont-listing .listing .box {
            flex: 0 0 calc(100% / 3.2);
            max-width: calc(100% / 3.2);
            margin-bottom: 65px; }
          .cont-designer .designer .dett-designer .cont-listing .listing .tit {
            margin-bottom: 5px;
            max-width: none;
            flex: auto; }
    .cont-designer .designer:nth-child(even) figure {
      order: 1; }
    .cont-designer .designer:nth-child(even) .dati-designer {
      padding: 0 70px 70px 80px; }
    @media (max-width: 1200px) {
      .cont-designer .designer .dati-designer {
        padding: 0 40px 70px 40px !important; } }
    @media (max-width: 991px) {
      .cont-designer .designer {
        margin-bottom: 80px; }
        .cont-designer .designer figure {
          flex: 0 0 50%;
          max-width: 50%; }
        .cont-designer .designer .dati-designer {
          flex: 0 0 50%;
          max-width: 50%;
          padding: 0 50px !important; }
          .cont-designer .designer .dati-designer .tit {
            font-size: 44px;
            line-height: 1; }
        .cont-designer .designer .dett-designer {
          padding: 0 50px; }
          .cont-designer .designer .dett-designer.active {
            padding: 50px;
            margin-top: 50px; }
          .cont-designer .designer .dett-designer .grid {
            display: block; } }
    @media (max-width: 767px) {
      .cont-designer .designer {
        display: block;
        margin-bottom: 40px; }
        .cont-designer .designer figure {
          max-width: 100%; }
        .cont-designer .designer .dati-designer {
          max-width: 100%;
          padding: 15px !important; }
        .cont-designer .designer .dett-designer {
          padding: 0 15px; }
          .cont-designer .designer .dett-designer.active {
            padding: 50px 15px !important;
            margin-top: 0; }
          .cont-designer .designer .dett-designer .tit {
            padding-left: 30px; }
          .cont-designer .designer .dett-designer .cont-listing .tit {
            padding-left: 0; }
            .cont-designer .designer .dett-designer .cont-listing .tit.tit-progetti {
              margin-bottom: 0; }
          .cont-designer .designer .dett-designer .cont-listing .listing .box {
            flex: 0 0 50% !important;
            max-width: 50% !important; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--filtri {
  border-bottom: 1px solid #e5e5e6;
  background: #fff;
  transition: all 0.2s ease-in-out; }
  .section--filtri.busy .filtri-scelti {
    position: relative; }
    .section--filtri.busy .filtri-scelti:before {
      content: "";
      display: block;
      background: #fff;
      opacity: .75;
      cursor: progress;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 100; }
  .section--filtri .filtri-mobile {
    display: none; }
    @media (max-width: 767px) {
      .section--filtri .filtri-mobile {
        display: block;
        text-align: center;
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold';
        margin-bottom: 20px; }
        .section--filtri .filtri-mobile:after {
          content: '';
          background-image: url(/docs/assets/img/plus.svg);
          background-size: cover;
          width: 20px;
          height: 20px;
          display: inline-block;
          position: relative;
          top: 5px;
          left: 10px;
          transition: all 0.2s ease-in-out; }
        .section--filtri .filtri-mobile.active:after {
          transform: rotate(45deg); } }
  .section--filtri .cont-ico-filtri {
    align-items: center;
    transition: all 0.2s ease-in-out; }
    @media (max-width: 767px) {
      .section--filtri .cont-ico-filtri {
        overflow: hidden;
        height: 0; }
        .section--filtri .cont-ico-filtri.open-filtri {
          height: auto; } }
  .section--filtri .elenco-filtri {
    padding: 30px 0;
    transition: all 0.2s ease-in-out; }
    @media (max-width: 991px) {
      .section--filtri .elenco-filtri {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: -20px; } }
    @media (max-width: 767px) {
      .section--filtri .elenco-filtri {
        padding: 0 0 30px 0; } }
    .section--filtri .elenco-filtri a {
      color: #525459;
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold';
      position: relative;
      z-index: 1;
      padding-right: 70px;
      transition: all 0.2s ease-in-out; }
      .section--filtri .elenco-filtri a:after {
        content: '';
        position: absolute;
        z-index: 1;
        top: 7px;
        right: 55px;
        border-top: 1px solid #525459;
        border-left: 1px solid #525459;
        width: 4px;
        height: 4px;
        transform: rotate(225deg);
        pointer-events: none;
        transition: all 0.2s ease-in-out; }
      .section--filtri .elenco-filtri a.active:after {
        top: 10px;
        transform: rotate(405deg); }
      .section--filtri .elenco-filtri a.disabled {
        color: #525459;
        opacity: 0.5; }
      @media (max-width: 991px) {
        .section--filtri .elenco-filtri a {
          line-height: 1.1;
          margin-bottom: 20px; } }
      @media (max-width: 767px) {
        .section--filtri .elenco-filtri a {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0 0 10px 0;
          border-bottom: 1px solid #525459;
          margin-bottom: 10px; }
          .fix-filtri-smart.section--filtri .elenco-filtri a {
            padding: 0 25px 10px 0; }
          .section--filtri .elenco-filtri a:after {
            right: 10px; } }
  .section--filtri .icona-filtri {
    opacity: 0.1;
    pointer-events: none;
    transition: all 0.2s ease-in-out; }
    .section--filtri .icona-filtri.active {
      opacity: 1;
      pointer-events: all; }
    .section--filtri .icona-filtri a {
      background: url(/docs/assets/img/filtri/filter.svg) center no-repeat;
      width: 27px;
      height: 24px;
      background-size: contain;
      display: block; }
    @media (max-width: 767px) {
      .section--filtri .icona-filtri {
        text-align: center;
        padding: 10px 0; }
        .section--filtri .icona-filtri a {
          display: inline-block; } }
  .section--filtri .filtri-scelti {
    max-height: 270px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 0;
    background: #f6f6f6;
    padding: 0;
    border: none;
    font-size: 14px;
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    transition: all 0.2s ease-in-out; }
    .section--filtri .filtri-scelti.active {
      height: auto;
      padding: 20px 0;
      border-top: 1px solid #e5e5e6; }
      @media (max-width: 767px) {
        .section--filtri .filtri-scelti.active {
          padding: 10px 0; }
          .ios.mobile .section--filtri .filtri-scelti.active {
            max-height: 25vh;
            overflow-y: scroll; }
          .android.mobile .section--filtri .filtri-scelti.active {
            max-height: 20vh;
            overflow-y: scroll; } }
    .section--filtri .filtri-scelti .dett-filtri {
      visibility: visible; }
      .section--filtri .filtri-scelti .dett-filtri ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        overflow: hidden;
        height: 0px;
        transition: all 0.2s ease-in-out;
        display: flex;
        flex-wrap: wrap; }
        .section--filtri .filtri-scelti .dett-filtri ul li {
          font-family: 'calligarisregular';
          font-display: swap;
          font-size: 16px;
          flex: 0 0 25%;
          width: 25%;
          margin: 15px 0;
          text-transform: lowercase;
          /*@include md-down {
						flex: 0 0 33.33%;
						width: 33.33%;
					}*/ }
          @media (max-width: 767px) {
            .section--filtri .filtri-scelti .dett-filtri ul li {
              width: calc(50% - 10px);
              flex: 0 0 calc(50% - 10px);
              margin: 5px 0;
              line-height: 1.3; } }
          .section--filtri .filtri-scelti .dett-filtri ul li:nth-child(2n+3) {
            clear: both; }
          .section--filtri .filtri-scelti .dett-filtri ul li a {
            color: #525459; }
            .section--filtri .filtri-scelti .dett-filtri ul li a.disabled {
              opacity: 0.2;
              pointer-events: none; }
          .section--filtri .filtri-scelti .dett-filtri ul li.finitura {
            position: relative;
            z-index: 1;
            padding-left: 50px; }
            .section--filtri .filtri-scelti .dett-filtri ul li.finitura figure {
              position: absolute;
              z-index: 2;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 30px;
              height: 30px;
              border-radius: 30px;
              overflow: hidden; }
              .section--filtri .filtri-scelti .dett-filtri ul li.finitura figure img {
                visibility: visible; }
        .section--filtri .filtri-scelti .dett-filtri ul.active {
          height: auto; }
  .section--filtri .filtri-selezionati {
    margin: 0;
    padding: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold'; }
    .section--filtri .filtri-selezionati .filtri {
      flex-wrap: wrap;
      justify-content: flex-start;
      flex: 0 0 80%;
      max-width: 80%; }
      @media (max-width: 767px) {
        .section--filtri .filtri-selezionati .filtri {
          flex: 0 0 100%;
          max-width: 100%; } }
      .section--filtri .filtri-selezionati .filtri .my-filtro {
        margin-right: 70px;
        color: #525459;
        text-transform: lowercase; }
        @media (max-width: 991px) {
          .section--filtri .filtri-selezionati .filtri .my-filtro {
            margin: 0 0 10px 0;
            flex: 0 0 33.33%;
            max-width: 33.33%; } }
        @media (max-width: 767px) {
          .section--filtri .filtri-selezionati .filtri .my-filtro {
            max-width: 100%; } }
        .section--filtri .filtri-selezionati .filtri .my-filtro figure {
          display: none; }
        .section--filtri .filtri-selezionati .filtri .my-filtro a {
          color: #525459;
          position: relative;
          z-index: 1;
          top: 1px;
          left: 8px;
          display: inline-block;
          width: 10px;
          height: 10px; }
          .section--filtri .filtri-selezionati .filtri .my-filtro a:before, .section--filtri .filtri-selezionati .filtri .my-filtro a:after {
            content: '';
            background: #525459;
            position: absolute;
            z-index: 2;
            height: 1px;
            width: 8px;
            top: 5px;
            left: 1px; }
          .section--filtri .filtri-selezionati .filtri .my-filtro a:before {
            transform: rotate(-45deg); }
          .section--filtri .filtri-selezionati .filtri .my-filtro a:after {
            transform: rotate(45deg); }
    .section--filtri .filtri-selezionati .elimina-tutti {
      visibility: visible; }
      .section--filtri .filtri-selezionati .elimina-tutti a {
        color: #525459; }
    .section--filtri .filtri-selezionati.active {
      padding: 20px 0;
      height: auto;
      border-top: 1px solid #e5e5e6;
      background: #f6f6f6; }
      @media (max-width: 767px) {
        .ios.mobile .section--filtri .filtri-selezionati.active {
          max-height: 20vh;
          overflow-y: scroll; }
        .android.mobile .section--filtri .filtri-selezionati.active {
          max-height: 18vh;
          overflow-y: scroll; } }
    .section--filtri .filtri-selezionati.hooked {
      margin: 0;
      padding: 0;
      height: 0; }
  .section--filtri.fixed {
    position: fixed;
    z-index: 40;
    left: 0;
    width: 100%; }
    .section--filtri.fixed:after {
      content: '';
      /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);*/
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 1px;
      /*background: #e5e5e6;*/ }
    .section--filtri.fixed .elenco-filtri {
      padding: 15px 0; }
  .section--filtri .cursor {
    top: 45px; }
    .section--filtri .cursor .vertical {
      display: block;
      opacity: 0;
      transition: all 0.2s ease-in-out; }
    .section--filtri .cursor.active .vertical {
      opacity: 1; }
  @media (max-width: 991px) {
    .section--filtri .grid-24 {
      padding: 0 calc(100vw/24); } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.body-store footer {
  padding-top: 0; }

.section--store {
  padding-top: 128px; }
  @media (max-width: 991px) {
    .section--store {
      padding-top: 0; } }
  .section--store .no-wrap {
    flex-wrap: nowrap;
    width: calc(100vw/24 * 16.85); }
  .section--store h1 {
    padding: 8px 0 24px;
    margin: 0; }
    @media (max-width: 991px) {
      .section--store h1 {
        padding: 0 calc(100vw/24) 16px; } }
  .section--store .store-type {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center; }
    .section--store .store-type .store-type-icon {
      width: 29px;
      height: 35px;
      content: '';
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
      @media (max-width: 1560px) {
        .section--store .store-type .store-type-icon {
          width: 25px;
          height: 30px; } }
      @media (max-width: 991px) {
        .section--store .store-type .store-type-icon {
          width: 29px;
          height: 35px; } }
    .section--store .store-type.flagship:before {
      background-image: url("/docs/assets/img/store/flagship.svg"); }
    .section--store .store-type.studio:before {
      background-image: url("/docs/assets/img/store/studio.svg"); }
    .section--store .store-type.corner:before {
      background-image: url("/docs/assets/img/store/corner.svg"); }
  .section--store .store-mappa {
    margin-top: 60px; }
    @media (max-width: 991px) {
      .section--store .store-mappa {
        margin-top: 0; } }
    .section--store .store-mappa #map {
      width: 100%;
      transition: all 0.2s ease-in-out;
      position: relative; }
      .section--store .store-mappa #map #map-container,
      .section--store .store-mappa #map iframe {
        width: 100%;
        height: 100%; }
        @media (max-width: 991px) {
          .section--store .store-mappa #map #map-container,
          .section--store .store-mappa #map iframe {
            height: 375px;
            max-height: 375px; } }
      .section--store .store-mappa #map .cont-tit-map {
        width: 100%;
        transition: all 0.2s ease-in-out;
        padding-bottom: 16px;
        border-bottom: 1px solid #e9e4e1; }
        .section--store .store-mappa #map .cont-tit-map.disabled {
          opacity: 0.1;
          pointer-events: none; }
        .section--store .store-mappa #map .cont-tit-map .grid {
          padding-top: 120px;
          padding-top: 150px; }
          @media (max-width: 1200px) {
            .section--store .store-mappa #map .cont-tit-map .grid {
              /*padding-top: 60px;*/ } }
          @media (max-width: 767px) {
            .section--store .store-mappa #map .cont-tit-map .grid {
              padding-top: 50px; } }
          @media (max-width: 1200px) {
            .section--store .store-mappa #map .cont-tit-map .grid {
              padding-top: 120px; } }
          @media (max-width: 767px) {
            .section--store .store-mappa #map .cont-tit-map .grid {
              padding-top: 100px; } }
          @media (max-width: 991px) {
            .section--store .store-mappa #map .cont-tit-map .grid {
              display: block; }
              .section--store .store-mappa #map .cont-tit-map .grid > div {
                max-width: 100%;
                margin: 0; } }
        .section--store .store-mappa #map .cont-tit-map form {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .section--store .store-mappa #map .cont-tit-map form .search-input-wrapper {
            position: relative; }
            .section--store .store-mappa #map .cont-tit-map form .search-input-wrapper #btnFindAddress {
              position: absolute;
              width: 50px;
              height: 100%;
              right: 0;
              padding: 0;
              border: none;
              background-image: url(/docs/assets/img/store/search.svg);
              background-size: 12px;
              background-repeat: no-repeat;
              background-position: center;
              background-color: transparent;
              text-indent: -9999px;
              cursor: pointer; }
          .section--store .store-mappa #map .cont-tit-map form #btnLocalizeMe {
            background-image: url(/docs/assets/img/store/pin.svg?v=1);
            background-repeat: no-repeat;
            background-size: 22px;
            background-position: 20px center;
            margin-left: 16px;
            padding: 20.5px 25px 20.5px 60px !important;
            border: none; }
          .section--store .store-mappa #map .cont-tit-map form input[type="text"] {
            max-width: 100%;
            font-size: 16px;
            padding: 19px 40px 19px 16px !important;
            border: 1px solid #C4C4C4; }
            .section--store .store-mappa #map .cont-tit-map form input[type="text"]:-ms-input-placeholder {
              opacity: 1;
              color: #9e9e9e; }
            .section--store .store-mappa #map .cont-tit-map form input[type="text"]::placeholder {
              opacity: 1;
              color: #9e9e9e; }
            @media (max-width: 991px) {
              .section--store .store-mappa #map .cont-tit-map form input[type="text"] {
                flex: 0 0 60%; } }
            @media (max-width: 767px) {
              .section--store .store-mappa #map .cont-tit-map form input[type="text"] {
                max-width: 100%;
                width: 100%; } }
          .section--store .store-mappa #map .cont-tit-map form input[type="submit"] {
            cursor: pointer; }
            @media (max-width: 767px) {
              .section--store .store-mappa #map .cont-tit-map form input[type="submit"] {
                width: 100%; } }
          @media (max-width: 991px) {
            .section--store .store-mappa #map .cont-tit-map form {
              width: 100%;
              display: block; }
              .section--store .store-mappa #map .cont-tit-map form .cta {
                display: block; }
                .section--store .store-mappa #map .cont-tit-map form .cta #btnLocalizeMe {
                  margin: 8px 0 0 0;
                  width: 100%;
                  display: block;
                  text-align: left; } }
          @media (max-width: 767px) {
            .section--store .store-mappa #map .cont-tit-map form {
              visibility: visible; }
              .section--store .store-mappa #map .cont-tit-map form .cta {
                display: block;
                width: 100%;
                margin-top: 8px; } }
        @media (max-width: 991px) {
          .section--store .store-mappa #map .cont-tit-map {
            padding: 0 calc(100vw/24) 16px; } }
      @media (max-width: 991px) {
        .section--store .store-mappa #map .cont-map-mobile {
          display: flex;
          flex-wrap: wrap;
          width: 100%; }
          .section--store .store-mappa #map .cont-map-mobile > div {
            flex: 0 0 100%;
            max-width: 100%; }
          .section--store .store-mappa #map .cont-map-mobile .map-container {
            order: -1; } }
      .section--store .store-mappa #map.active {
        /*height: calc(100vh + 81px);*/ }
        .section--store .store-mappa #map.active:before {
          height: 40%; }
        .section--store .store-mappa #map.active:after {
          height: 10%; }
    .section--store .store-mappa .overflow-filter {
      scroll-behavior: smooth; }
  .section--store .store-filtri {
    background: #fff;
    padding: 16px 0 16px calc(100vw/24);
    /*height: 0;*/
    overflow: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out; }
    .section--store .store-filtri .filter-for {
      font-weight: 700;
      font-size: 14px;
      line-height: 1.5;
      color: #000;
      margin-bottom: 8px;
      transition: all 0.2s ease-in-out; }
      @media (max-width: 991px) {
        .section--store .store-filtri .filter-for {
          background: url(/docs/assets/img/filtri/filter.svg) center right no-repeat;
          display: inline-block;
          font-size: 16px;
          color: #525459;
          padding-right: 44px;
          margin-bottom: 0; } }
    .section--store .store-filtri .filtri-mobile {
      transition: all 0.2s ease-in-out;
      display: flex; }
      @media (max-width: 991px) {
        .section--store .store-filtri .filtri-mobile {
          height: 0;
          overflow: hidden;
          opacity: 0;
          pointer-events: none; } }
    .section--store .store-filtri .flex {
      justify-content: flex-start;
      align-items: center; }
      @media (max-width: 991px) {
        .section--store .store-filtri .flex {
          justify-content: space-between; } }
      .section--store .store-filtri .flex > div {
        border: 1px solid #C4C4C4;
        padding: 6px;
        margin-right: 8px; }
        @media (max-width: 991px) {
          .section--store .store-filtri .flex > div {
            margin-right: 0; } }
        .section--store .store-filtri .flex > div:last-child {
          margin-right: 0; }
    .section--store .store-filtri .my-filtro .store-type .store-type-icon {
      left: 20px;
      pointer-events: none; }
    .section--store .store-filtri .my-filtro a {
      color: #525459;
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold';
      position: relative;
      display: block;
      padding-left: 4px;
      font-size: 14px;
      transition: all 0.2s ease-in-out; }
      @media (max-width: 1560px) {
        .section--store .store-filtri .my-filtro a {
          font-size: 11px; } }
      @media (max-width: 991px) {
        .section--store .store-filtri .my-filtro a {
          font-size: 14px; } }
      @media (max-width: 767px) {
        .section--store .store-filtri .my-filtro a {
          font-size: 12px; } }
    .section--store .store-filtri .my-filtro:hover, .section--store .store-filtri .my-filtro.active {
      background: #edeeee;
      /*border: 1px solid $colorbody;*/ }
    @media (max-width: 1200px) {
      .section--store .store-filtri {
        padding-right: 20px; }
        .section--store .store-filtri .my-filtro {
          flex: 0 0 100%;
          max-width: 100%;
          margin: 0 0 8px 0; } }
    @media (max-width: 991px) {
      .section--store .store-filtri {
        padding: 20px calc(100vw/24);
        background: #F6F6F6; }
        .section--store .store-filtri .my-filtro {
          flex: 0 0 auto;
          max-width: initial;
          margin: 0; }
        .section--store .store-filtri .filtri-store.active .filter-for {
          margin-bottom: 8px; }
        .section--store .store-filtri .filtri-store.active .filtri-mobile {
          height: auto;
          opacity: 1;
          pointer-events: all; } }
    .section--store .store-filtri.active {
      /*padding: 10px 0;*/
      opacity: 1;
      height: auto; }
  .section--store .start-search-text {
    padding: 16px 0 16px calc(100vw/24);
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .section--store .start-search-text.mobile {
      position: static;
      transform: none; }
    .section--store .start-search-text .text {
      font-family: 'calligarisbold';
      font-size: 1.2em;
      line-height: 1.2;
      color: #000;
      padding: 20px 20px 0 0; }
  @media (max-width: 991px) {
    .section--store .overflow-filter {
      height: auto !important; } }
  .section--store .no-results-found {
    padding: 20px calc(100vw/24); }
  .section--store .store-stores {
    padding: 0 0 0 calc(100vw/24);
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out; }
    .section--store .store-stores .blocco-store {
      flex: 0 0 100%;
      max-width: 100%; }
      .section--store .store-stores .blocco-store .cont-box {
        position: relative;
        z-index: 1;
        padding: 24px 0; }
        .section--store .store-stores .blocco-store .cont-box .tit {
          margin-bottom: 0;
          font-size: 18px;
          line-height: 1.5;
          transition: all 0.2s ease-in-out; }
          @media (max-width: 767px) {
            .section--store .store-stores .blocco-store .cont-box .tit {
              min-height: auto; } }
        .section--store .store-stores .blocco-store .cont-box .store-type {
          margin: 8px 0; }
          .section--store .store-stores .blocco-store .cont-box .store-type .store-type-icon {
            height: 19.463651657104492px;
            width: 16px; }
          .section--store .store-stores .blocco-store .cont-box .store-type .tit-type {
            font-size: 14px;
            line-height: 1;
            margin-left: 8px; }
        .section--store .store-stores .blocco-store .cont-box .indirizzo, .section--store .store-stores .blocco-store .cont-box .tel {
          font-size: 15px;
          line-height: 1.5; }
          .section--store .store-stores .blocco-store .cont-box .indirizzo a, .section--store .store-stores .blocco-store .cont-box .tel a {
            color: #525459; }
        .section--store .store-stores .blocco-store .cont-box .actions {
          margin-top: 16px; }
          .section--store .store-stores .blocco-store .cont-box .actions .cta-arr {
            padding: 0;
            flex: 0 0 50%;
            max-width: 50%; }
        .section--store .store-stores .blocco-store .cont-box:after {
          content: '';
          position: absolute;
          z-index: -1;
          width: calc(100% + 100px);
          height: 100%;
          top: 0;
          right: 0;
          background: #F5F2F0;
          pointer-events: none;
          opacity: 0;
          transition: all 0.2s ease-in-out; }
        .section--store .store-stores .blocco-store .cont-box:hover:after {
          opacity: 1; }
        @media (max-width: 1560px) {
          .section--store .store-stores .blocco-store .cont-box {
            padding-right: 20px; }
            .section--store .store-stores .blocco-store .cont-box .actions .cta-arr a {
              font-size: 14px; } }
        @media (max-width: 1200px) {
          .section--store .store-stores .blocco-store .cont-box {
            padding: 15px 20px 15px 0; }
            .section--store .store-stores .blocco-store .cont-box .tit {
              font-size: 16px; }
            .section--store .store-stores .blocco-store .cont-box .indirizzo, .section--store .store-stores .blocco-store .cont-box .tel {
              font-size: 13px; }
            .section--store .store-stores .blocco-store .cont-box .actions {
              visibility: visible; }
              .section--store .store-stores .blocco-store .cont-box .actions .cta-arr {
                flex: 0 0 100%;
                max-width: 100%; } }
        @media (max-width: 991px) {
          .section--store .store-stores .blocco-store .cont-box {
            padding: 24px calc(100vw/24);
            border-bottom: 1px solid #e9e4e1; }
            .section--store .store-stores .blocco-store .cont-box .tit {
              font-size: 18px; }
            .section--store .store-stores .blocco-store .cont-box .indirizzo, .section--store .store-stores .blocco-store .cont-box .tel {
              font-size: 15px; }
            .section--store .store-stores .blocco-store .cont-box .actions {
              visibility: visible; }
              .section--store .store-stores .blocco-store .cont-box .actions .cta-arr {
                flex: 0 0 50%;
                max-width: 50%; }
            .section--store .store-stores .blocco-store .cont-box:after {
              width: 100%; } }
        @media (max-width: 767px) {
          .section--store .store-stores .blocco-store .cont-box .actions {
            display: flex; } }
      .section--store .store-stores .blocco-store.highlight .cont-box {
        visibility: visible; }
        .section--store .store-stores .blocco-store.highlight .cont-box:after {
          opacity: 1; }
      .section--store .store-stores .blocco-store.disabled {
        display: none; }
    .section--store .store-stores.active {
      height: auto;
      opacity: 1; }
    @media (max-width: 991px) {
      .section--store .store-stores {
        padding: 0; } }
  .section--store .store-list {
    padding-top: 120px;
    padding-top: 140px;
    height: auto;
    opacity: 1;
    overflow: hidden;
    transition: all 0.2s ease-in-out; }
    @media (max-width: 1200px) {
      .section--store .store-list {
        /*padding-top: 60px;*/ } }
    @media (max-width: 767px) {
      .section--store .store-list {
        padding-top: 50px; } }
    @media (max-width: 1200px) {
      .section--store .store-list {
        padding-top: 70px; } }
    .section--store .store-list .flex > div {
      flex: 0 0 25%;
      max-width: 25%; }
      @media (max-width: 767px) {
        .section--store .store-list .flex > div {
          max-width: 100%;
          margin-bottom: 40px; } }
      .section--store .store-list .flex > div .tit {
        position: relative;
        z-index: 1;
        padding-left: 40px; }
      .section--store .store-list .flex > div .desc-store {
        color: #9e9e9e; }
      .section--store .store-list .flex > div .ambienti-disponibili {
        color: #9e9e9e;
        margin-top: 40px; }
        @media (max-width: 767px) {
          .section--store .store-list .flex > div .ambienti-disponibili {
            margin-top: 10px; } }
        .section--store .store-list .flex > div .ambienti-disponibili span {
          display: block;
          color: #525459; }
    .section--store .store-list.disactive {
      padding-top: 0;
      height: 0;
      opacity: 0; }

.store--dettaglio--hero .name-prodotto {
  max-width: 60%; }

.section--store--dettaglio {
  padding: 55px 0; }
  @media (max-width: 767px) {
    .section--store--dettaglio {
      padding: 0; } }
  .section--store--dettaglio .flex-dettaglio {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .section--store--dettaglio .flex-dettaglio {
        display: block; }
        .section--store--dettaglio .flex-dettaglio > div {
          max-width: 100% !important;
          margin-bottom: 40px; } }
    .section--store--dettaglio .flex-dettaglio .tit {
      margin-bottom: 20px; }
    .section--store--dettaglio .flex-dettaglio .dati {
      flex: 0 0 calc((100% / 12) * 3);
      max-width: calc((100% / 12) * 3); }
      @media (max-width: 991px) {
        .section--store--dettaglio .flex-dettaglio .dati {
          flex: 0 0 calc((100% / 12) * 6);
          max-width: calc((100% / 12) * 6); } }
      .section--store--dettaglio .flex-dettaglio .dati .tel a {
        color: #525459; }
    .section--store--dettaglio .flex-dettaglio .orari {
      flex: 0 0 calc((100% / 12) * 2);
      max-width: calc((100% / 12) * 2);
      display: flex;
      flex-wrap: wrap; }
      @media (max-width: 1200px) {
        .section--store--dettaglio .flex-dettaglio .orari {
          flex: 0 0 calc((100% / 12) * 3);
          max-width: calc((100% / 12) * 3); } }
      @media (max-width: 991px) {
        .section--store--dettaglio .flex-dettaglio .orari {
          flex: 0 0 calc((100% / 12) * 6);
          max-width: calc((100% / 12) * 6); } }
      .section--store--dettaglio .flex-dettaglio .orari > div {
        flex: 0 0 50%;
        max-width: 50%; }
        .section--store--dettaglio .flex-dettaglio .orari > div.tit {
          flex: 0 0 100%;
          max-width: 100%; }
    .section--store--dettaglio .flex-dettaglio .servizi {
      flex: 0 0 calc((100% / 12) * 5);
      max-width: calc((100% / 12) * 5); }
      .section--store--dettaglio .flex-dettaglio .servizi .plus {
        margin-top: 20px; }
      .section--store--dettaglio .flex-dettaglio .servizi .fancy-iframe {
        display: inline-block;
        background: #000;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        padding: 5px 20px;
        margin-top: 10px;
        border: 1px solid #000;
        transition: all 0.2s ease-in-out; }
        .section--store--dettaglio .flex-dettaglio .servizi .fancy-iframe:hover {
          background: #fff;
          color: #000; }
      @media (max-width: 1200px) {
        .section--store--dettaglio .flex-dettaglio .servizi {
          flex: 0 0 calc((100% / 12) * 4);
          max-width: calc((100% / 12) * 4); } }
      @media (max-width: 991px) {
        .section--store--dettaglio .flex-dettaglio .servizi {
          flex: 0 0 100%;
          max-width: 100%;
          margin-top: 40px; } }
    .section--store--dettaglio .flex-dettaglio .divider-vert {
      flex: 0 0 calc(100% / 12);
      max-width: calc(100% / 12);
      position: relative; }
      .section--store--dettaglio .flex-dettaglio .divider-vert:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 1px;
        height: 100%;
        background: #9e9e9e; }
      @media (max-width: 991px) {
        .section--store--dettaglio .flex-dettaglio .divider-vert {
          display: none; } }
      @media (max-width: 767px) {
        .section--store--dettaglio .flex-dettaglio .divider-vert {
          display: block;
          display: block;
          width: 100%;
          height: 1px;
          background: #9e9e9e; }
          .section--store--dettaglio .flex-dettaglio .divider-vert:before {
            display: none; } }
  .section--store--dettaglio .ambienti-disponibili {
    color: #9e9e9e;
    margin-top: 40px; }
    @media (max-width: 767px) {
      .section--store--dettaglio .ambienti-disponibili {
        margin-top: 10px; } }
    .section--store--dettaglio .ambienti-disponibili span {
      display: block;
      color: #525459; }

.section--contatta--rivenditore {
  margin-bottom: -120px;
  min-height: 50vh;
  position: relative;
  z-index: 1;
  padding: 70px 0 80px; }
  .section--contatta--rivenditore:before {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #fff, transparent); }
  .section--contatta--rivenditore #map {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0; }
    @media (max-width: 991px) {
      .section--contatta--rivenditore #map {
        background-color: #e5e3df; } }
    .section--contatta--rivenditore #map:before {
      content: '';
      position: absolute;
      z-index: 1;
      background: linear-gradient(45deg, #fff, transparent);
      width: 100%;
      height: 100%; }
    .section--contatta--rivenditore #map #map-container {
      width: 100%;
      height: 100%; }
      @media (max-width: 991px) {
        .section--contatta--rivenditore #map #map-container {
          display: none; } }
  .section--contatta--rivenditore form .grid > div {
    margin-bottom: 40px;
    padding-right: 20px; }
  .section--contatta--rivenditore form .cta {
    text-align: center;
    width: 100%; }
    .section--contatta--rivenditore form .cta input {
      width: auto;
      display: inline-block; }
  .section--contatta--rivenditore .box-store-address {
    position: absolute;
    left: 60%;
    top: 30%;
    transform: translate(-50%, -50%);
    padding: 55px 40px;
    background: #fff;
    box-shadow: 1px 0 13px rgba(0, 0, 0, 0.25);
    width: 350px; }
    .section--contatta--rivenditore .box-store-address .tel a {
      color: #525459; }
    .section--contatta--rivenditore .box-store-address .actions {
      margin-top: 40px; }
      @media (max-width: 767px) {
        .section--contatta--rivenditore .box-store-address .actions .txt {
          display: inline-block; } }
    @media (max-width: 991px) {
      .section--contatta--rivenditore .box-store-address {
        position: relative;
        transform: translate(-50%, 0);
        left: 50%;
        top: 0;
        margin: 50px 0; } }
  @media (max-width: 991px) {
    .section--contatta--rivenditore .pre-form, .section--contatta--rivenditore .post-form {
      flex: 0 0 100%;
      max-width: 100%; } }

.store-edit__toggle {
  position: fixed;
  z-index: 100;
  text-transform: uppercase;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.9);
  bottom: 30%;
  right: 0;
  padding: 15px;
  border: 1px solid #aaa;
  border-right: none;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .store-edit__toggle:hover {
    background: rgba(200, 200, 200, 0.9); }

.store-edit .store-edit__overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 110;
  background: #000;
  opacity: .65;
  visibility: visible;
  transition: all .75s ease-out; }

.store-edit.store-edit--hidden .store-edit__overlay {
  visibility: hidden;
  opacity: 0; }

.store-edit .store-edit__panel {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 110;
  background: #fff;
  box-shadow: -20px 0px 40px -15px rgba(0, 0, 0, 0.75);
  padding: 85px 50px;
  overflow-y: auto;
  width: 40%;
  transform: translateX(0);
  transition: all .75s ease-out; }
  @media (max-width: 767px) {
    .store-edit .store-edit__panel {
      padding-left: 15px;
      padding-right: 15px;
      width: 50%; } }
  .store-edit .store-edit__panel form {
    overflow: hidden; }
  .store-edit .store-edit__panel h1 {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 40px; }
  .store-edit .store-edit__panel .form-control {
    padding-bottom: 25px;
    overflow: hidden; }
  .store-edit .store-edit__panel .cke_editable {
    border: 1px solid #ccc;
    padding: 10px;
    min-height: 150px; }
  .store-edit .store-edit__panel .store-edit__form_upload__submit.disabled,
  .store-edit .store-edit__panel .store-edit__form__submit.disabled {
    pointer-events: none;
    opacity: .25; }
  .store-edit .store-edit__panel .cta {
    float: left;
    padding-bottom: 15px; }
  .store-edit .store-edit__panel .store-edit__form__response-message {
    float: left;
    padding: 17px;
    margin: 0 10px;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: .5s all;
    opacity: 0; }
    .store-edit .store-edit__panel .store-edit__form__response-message.got-message {
      opacity: 1; }
  .store-edit .store-edit__panel .store-edit__form_upload {
    position: relative; }
    .store-edit .store-edit__panel .store-edit__form_upload.disabled:before {
      content: "";
      display: block;
      background: #fff;
      opacity: .75;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 100; }
  .store-edit .store-edit__panel .store-edit__form__cover-img {
    padding-bottom: 15px; }
    .store-edit .store-edit__panel .store-edit__form__cover-img img {
      width: 100%; }
  .store-edit .store-edit__panel .store-edit__form__cover-img__upload-actions {
    display: flex; }
    .store-edit .store-edit__panel .store-edit__form__cover-img__upload-actions input[type="file"] {
      padding: 15px;
      height: 60px;
      margin-right: 15px; }
    @media (max-width: 768px) {
      .store-edit .store-edit__panel .store-edit__form__cover-img__upload-actions {
        display: block; } }
  .store-edit .store-edit__panel .store-edit__form__cover-img__crop-actions {
    transition: .75s all;
    height: 60px;
    opacity: 1;
    overflow: hidden; }
    .store-edit .store-edit__panel .store-edit__form__cover-img__crop-actions.hidden {
      height: 0;
      opacity: 0; }
    .store-edit .store-edit__panel .store-edit__form__cover-img__crop-actions .cta {
      width: 100%; }
      .store-edit .store-edit__panel .store-edit__form__cover-img__crop-actions .cta .store-edit__form_upload__crop {
        transition: .75s all;
        opacity: 1; }
  .store-edit .store-edit__panel .store-edit__totem_customization .cta {
    padding-top: 20px; }
    .store-edit .store-edit__panel .store-edit__totem_customization .cta a {
      display: inline-block;
      margin-right: 20px; }
      .store-edit .store-edit__panel .store-edit__totem_customization .cta a:last-child {
        margin-right: 0; }

.store-edit.store-edit--hidden .store-edit__panel {
  transform: translateX(110%); }

.popup-store {
  padding: 4px !important; }
  .popup-store .tit {
    line-height: 1.5;
    margin-bottom: 16px; }
  .popup-store .cta a {
    background: #ef3340;
    color: #fff;
    line-height: 1.5;
    padding: 8px 24px; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--news {
  padding-top: 120px;
  padding-top: 143px; }
  @media (max-width: 1200px) {
    .section--news {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--news {
      padding-top: 50px; } }
  @media (max-width: 767px) {
    .section--news {
      padding-top: 100px; } }
  .section--news .tit-news {
    margin-bottom: 35px; }
    @media (max-width: 767px) {
      .section--news .tit-news {
        /*margin-bottom: 5px;
			line-height: 1;*/ } }
  .section--news .abstract-news {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 16px;
    color: #000; }
    @media (max-width: 767px) {
      .section--news .abstract-news {
        margin-bottom: 20px; } }
  .section--news .desc {
    margin-bottom: 45px; }
    .section--news .desc .cat, .section--news .desc .data {
      display: inline-block; }
    @media (max-width: 767px) {
      .section--news .desc {
        /*margin-bottom: 20px;*/ } }
  .section--news p {
    margin-bottom: 14px; }
    .section--news p a {
      color: #000;
      text-decoration: underline; }
  .section--news figure {
    text-align: center;
    margin: 45px 0 65px; }
    @media (max-width: 767px) {
      .section--news figure {
        /*margin: 30px 0;*/ } }
    .section--news figure img {
      display: inline-block;
      max-height: 70vh;
      /*@include lg-down {
				max-width: 80vw;
			}

			@include md-down {
				max-width: 100%;
			}*/ }
  .section--news .cta {
    margin: 30px 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }
    .section--news .cta a {
      display: inline-block;
      margin: 0 15px; }
      @media (max-width: 767px) {
        .section--news .cta a {
          display: block;
          margin: 15px 0; } }
  .section--news .condividi {
    display: block;
    margin-top: 14px; }
    .section--news .condividi a {
      color: #525459;
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold';
      display: inline-block; }
    .section--news .condividi .social {
      position: static;
      display: inline-block;
      transform: none;
      margin-left: 0; }
      .section--news .condividi .social li {
        display: inline-block;
        margin: 0; }
    .section--news .condividi.social-active .social {
      margin-left: 30px; }
      .section--news .condividi.social-active .social li {
        margin: 0 5px; }
  .section--news .render-fasce {
    margin-top: 40px; }

.section--news--slide {
  margin-top: 60px; }
  .section--news--slide .slick-news .item {
    margin: 0 15px;
    position: relative;
    z-index: 1;
    color: #fff; }
    .section--news--slide .slick-news .item:after {
      content: '';
      position: absolute;
      z-index: 0;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
      left: 0;
      bottom: 0;
      width: 100%;
      height: 70%; }
    .section--news--slide .slick-news .item a {
      position: absolute;
      z-index: 3;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      .section--news--slide .slick-news .item a:focus {
        outline: none; }
    .section--news--slide .slick-news .item .desc {
      position: absolute;
      z-index: 2;
      bottom: 0;
      left: 0;
      color: #fff;
      padding: 55px 70px; }
      @media (max-width: 767px) {
        .section--news--slide .slick-news .item .desc {
          padding: 15px; } }
      .section--news--slide .slick-news .item .desc .tit {
        margin-bottom: 25px;
        line-height: 1.1;
        color: #fff; }
      .section--news--slide .slick-news .item .desc .cat {
        display: inline-block; }
      .section--news--slide .slick-news .item .desc .data {
        display: inline-block; }

.filtri--news {
  border: none;
  padding: 50px 0; }
  .filtri--news .filtra-per {
    display: inline-block;
    margin-right: 50px; }
  .filtri--news .elenco-filtri {
    display: inline-block; }
  @media (max-width: 767px) {
    .filtri--news {
      padding: 10px 0 20px 0; }
      .filtri--news .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .filtri--news .container > div {
          margin: 0; }
          .filtri--news .container > div.elenco-filtri a {
            padding-right: 14px;
            margin-right: 20px; }
            .filtri--news .container > div.elenco-filtri a:after {
              right: 0; } }

.listing--news {
  margin: 0 -15px; }
  @media (max-width: 767px) {
    .listing--news {
      margin: 0; } }
  .listing--news .crazy-grid {
    margin-top: -80px; }
    @media (max-width: 767px) {
      .listing--news .crazy-grid {
        margin: 0; } }
  .listing--news .news-box {
    padding: 0 30px 80px 30px; }
    @media (max-width: 767px) {
      .listing--news .news-box {
        width: 100% !important;
        padding: 0 0 50px 0; } }
    .listing--news .news-box figure img {
      width: 100%; }
    .listing--news .news-box .tit {
      margin: 23px 0 13px 0;
      line-height: 1; }
      @media (max-width: 767px) {
        .listing--news .news-box .tit {
          font-size: 24px;
          margin-bottom: 0; } }
    .listing--news .news-box .cat, .listing--news .news-box .data {
      display: inline-block; }
    .listing--news .news-box .abstract {
      margin-top: 16px; }

.fascia-continua {
  align-items: center;
  padding: 110px 0 60px 0; }
  .fascia-continua .tit {
    margin-bottom: 0; }
  .fascia-continua a {
    color: #525459;
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold'; }

.last-3 {
  margin: 0; }
  .last-3 .news-box {
    flex: 0 0 30%;
    max-width: 30%;
    padding: 0; }
    @media (max-width: 767px) {
      .last-3 .news-box {
        max-width: 100%;
        padding: 0 calc(100vw/24);
        margin-bottom: 24px; } }

@media (max-width: 991px) {
  .homepage .section--listing--news {
    padding-left: calc(100vw/24) !important;
    padding-right: calc(100vw/24) !important; } }

@media (max-width: 767px) {
  .section--listing--news .cta {
    padding: 0 calc(100vw/24); } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--listing--highlights {
  padding-top: 100px; }
  @media (max-width: 767px) {
    .section--listing--highlights {
      padding-top: 40px; } }
  .section--listing--highlights .box-highlight {
    flex: 0 0 calc((100% / 12) * 5);
    max-width: calc((100% / 12) * 5);
    padding-bottom: 120px; }
    .section--listing--highlights .box-highlight:nth-child(odd) {
      padding-top: 120px; }
    @media (max-width: 991px) {
      .section--listing--highlights .box-highlight {
        flex: 0 0 calc((100% / 12) * 5.5);
        max-width: calc((100% / 12) * 5.5); } }
    @media (max-width: 767px) {
      .section--listing--highlights .box-highlight {
        padding-bottom: 50px;
        padding-top: 0 !important;
        max-width: 100%;
        border-bottom: 1px solid #525459;
        margin-bottom: 50px; }
        .section--listing--highlights .box-highlight:last-child {
          border: none;
          padding: 0;
          margin: 0; } }
    .section--listing--highlights .box-highlight figure {
      position: relative;
      z-index: 1; }
      .section--listing--highlights .box-highlight figure .cta {
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.7);
        opacity: 0;
        pointer-events: none;
        transition: all 0.2s ease-in-out; }
        .section--listing--highlights .box-highlight figure .cta a {
          position: absolute;
          width: 70%;
          height: auto;
          display: inline-block;
          text-align: center;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
          @media (max-width: 767px) {
            .section--listing--highlights .box-highlight figure .cta a {
              width: 80%; } }
      .section--listing--highlights .box-highlight figure:hover .cta {
        opacity: 1;
        pointer-events: all; }
    .section--listing--highlights .box-highlight .tit {
      margin: 40px 0 15px; }
      @media (max-width: 767px) {
        .section--listing--highlights .box-highlight .tit {
          margin: 20px 0; } }

.section--highlights--dettaglio .grid {
  /*@include paddingTopSection($style:small);*/
  padding-top: 132px; }
  @media (max-width: 767px) {
    .section--highlights--dettaglio .grid {
      padding-top: 0 !important; } }
  .section--highlights--dettaglio .grid:nth-child(2n) {
    padding-top: 137px; }
  .section--highlights--dettaglio .grid:nth-child(3n) {
    padding-top: 133px; }

.section--highlights--dettaglio .tags {
  margin: 93px 0 71px 0;
  padding: 0;
  list-style-type: none; }
  .section--highlights--dettaglio .tags li {
    font-size: 24px;
    line-height: 1.5; }
  @media (max-width: 767px) {
    .section--highlights--dettaglio .tags {
      margin: 50px 0;
      text-align: center; } }

.section--highlights--dettaglio .tags-desc {
  padding-right: 50px; }
  .section--highlights--dettaglio .tags-desc h4 {
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    text-transform: lowercase;
    color: #000; }

.section--highlights--dettaglio .dati-personali {
  padding-top: 0; }

.img-sfalsata {
  margin-top: 80px; }
  @media (max-width: 767px) {
    .img-sfalsata {
      margin: 0 0 40px 0; } }

.section--highlights--listing {
  padding-top: 120px;
  padding-top: 80px; }
  @media (max-width: 1200px) {
    .section--highlights--listing {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--highlights--listing {
      padding-top: 50px; } }
  .section--highlights--listing .cont-listing {
    padding: 0; }
    .section--highlights--listing .cont-listing .tit {
      margin-bottom: 6px; }
    .section--highlights--listing .cont-listing .listing {
      padding-top: 0; }
      .section--highlights--listing .cont-listing .listing .box {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3); }
        @media (max-width: 991px) {
          .section--highlights--listing .cont-listing .listing .box {
            flex: 0 0 50%;
            max-width: 50%; } }

.section--news--dettaglio {
  padding-top: 35px; }
  .section--news--dettaglio .cta {
    margin-top: 35px; }

.section--listing--customize {
  /*@include paddingTopSection($style:small);*/
  padding-top: 140px; }
  .section--listing--customize figure {
    text-align: right; }
    .section--listing--customize figure img {
      display: inline-block; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--area--download,
.section--area--press {
  padding-top: 120px;
  padding-top: 150px; }
  @media (max-width: 1200px) {
    .section--area--download,
    .section--area--press {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--area--download,
    .section--area--press {
      padding-top: 50px; } }
  @media (max-width: 1200px) {
    .section--area--download,
    .section--area--press {
      padding-top: 120px; } }
  @media (max-width: 767px) {
    .section--area--download,
    .section--area--press {
      padding-top: 100px; } }
  .section--area--download .flex,
  .section--area--press .flex {
    justify-content: flex-start;
    align-items: center; }
    @media (max-width: 767px) {
      .section--area--download .flex,
      .section--area--press .flex {
        display: block; } }
  .section--area--download select, .section--area--download #type-search,
  .section--area--press select,
  .section--area--press #type-search {
    flex: 0 0 calc(33.33% - 30px);
    max-width: calc(33.33% - 30px);
    margin-right: 30px; }
    @media (max-width: 767px) {
      .section--area--download select, .section--area--download #type-search,
      .section--area--press select,
      .section--area--press #type-search {
        max-width: 100%;
        margin: 0 0 20px 0 !important; } }
    .section--area--download select input, .section--area--download #type-search input,
    .section--area--press select input,
    .section--area--press #type-search input {
      max-width: 100%; }
  .section--area--download .abstract,
  .section--area--press .abstract {
    display: none;
    margin-top: 50px; }
  .section--area--download .listing-download,
  .section--area--press .listing-download {
    margin-top: 50px; }
    .section--area--download .listing-download .step,
    .section--area--press .listing-download .step {
      display: none; }
    .section--area--download .listing-download .listing-file,
    .section--area--press .listing-download .listing-file {
      margin-bottom: 50px;
      padding-bottom: 50px;
      border-bottom: 1px solid #d2d1d2; }
      .section--area--download .listing-download .listing-file .download-file,
      .section--area--press .listing-download .listing-file .download-file {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px; }
        .section--area--download .listing-download .listing-file .download-file:last-child,
        .section--area--press .listing-download .listing-file .download-file:last-child {
          margin-bottom: 0; }
        .section--area--download .listing-download .listing-file .download-file .download,
        .section--area--press .listing-download .listing-file .download-file .download {
          margin: 0; }
          .section--area--download .listing-download .listing-file .download-file .download li,
          .section--area--press .listing-download .listing-file .download-file .download li {
            margin: 0; }
      .section--area--download .listing-download .listing-file.cataloghi,
      .section--area--press .listing-download .listing-file.cataloghi {
        border: none;
        margin: 0;
        padding: 0; }
        .section--area--download .listing-download .listing-file.cataloghi .download-file,
        .section--area--press .listing-download .listing-file.cataloghi .download-file {
          border-bottom: 1px solid #d2d1d2;
          margin-bottom: 24px;
          padding-bottom: 24px; }
          .section--area--download .listing-download .listing-file.cataloghi .download-file .cover,
          .section--area--press .listing-download .listing-file.cataloghi .download-file .cover {
            display: flex;
            align-items: center; }
            .section--area--download .listing-download .listing-file.cataloghi .download-file .cover figure,
            .section--area--press .listing-download .listing-file.cataloghi .download-file .cover figure {
              margin-right: 30px; }
              .section--area--download .listing-download .listing-file.cataloghi .download-file .cover figure img,
              .section--area--press .listing-download .listing-file.cataloghi .download-file .cover figure img {
                max-width: 70px; }
  .section--area--download #type-famiglia, .section--area--download #type-prodotto, .section--area--download #type-catalogo, .section--area--download #type-search, .section--area--download #type-data,
  .section--area--press #type-famiglia,
  .section--area--press #type-prodotto,
  .section--area--press #type-catalogo,
  .section--area--press #type-search,
  .section--area--press #type-data {
    display: none; }
  @media (max-width: 991px) {
    .section--area--download .grid > div,
    .section--area--press .grid > div {
      flex: 0 0 100%;
      max-width: 100%;
      margin: 0; } }

@media (min-width: 991px) {
  .section--area--press .step-immagini .file-list {
    display: flex;
    justify-content: space-between; } }

@media (min-width: 991px) {
  .section--area--press .step-immagini .file-list .download-file {
    max-width: 280px; } }

.section--area--press .step-immagini .file-list .download-file:last-child {
  margin-bottom: 30px; }

.section--area--press .step-immagini .file-list .download-file .title {
  text-align: center;
  color: #525459;
  padding-top: 20px; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--business figure {
  margin: 0 !important; }

.section--business .dati-personali .tit {
  margin-bottom: 25px; }

.vantaggi {
  padding-top: 120px;
  padding-top: 100px; }
  @media (max-width: 1200px) {
    .vantaggi {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .vantaggi {
      padding-top: 50px; } }
  .vantaggi .flex {
    visibility: visible; }
    .vantaggi .flex .tipo-vantaggio {
      flex: 0 0 45%;
      max-width: 45%; }
      @media (max-width: 767px) {
        .vantaggi .flex .tipo-vantaggio {
          max-width: 100%; } }
      @media (max-width: 767px) {
        .vantaggi .flex .tipo-vantaggio .flex {
          display: flex; } }
      .vantaggi .flex .tipo-vantaggio.secondo-vantaggio {
        margin-top: 108px; }
        @media (max-width: 767px) {
          .vantaggi .flex .tipo-vantaggio.secondo-vantaggio {
            margin-top: 50px; } }
      .vantaggi .flex .tipo-vantaggio .desc-vantaggio {
        flex: 0 0 60%;
        max-width: 60%; }
        .vantaggi .flex .tipo-vantaggio .desc-vantaggio .txt {
          display: inline-block;
          margin-top: 40px; }
      .vantaggi .flex .tipo-vantaggio figure {
        flex: 0 0 40%;
        max-width: 40%;
        text-align: center; }

.desc-after-vantaggi {
  padding-top: 120px; }
  @media (max-width: 1200px) {
    .desc-after-vantaggi {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .desc-after-vantaggi {
      padding-top: 50px; } }

.dati-personali {
  padding-top: 120px;
  padding-top: 100px; }
  @media (max-width: 1200px) {
    .dati-personali {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .dati-personali {
      padding-top: 50px; } }
  .dati-personali .tit {
    margin-bottom: 25px; }
  .dati-personali .grid {
    padding-top: 0 !important; }
    .dati-personali .grid > div {
      margin-bottom: 37px;
      padding-right: 20px; }
  .dati-personali .cta {
    margin: 30px 0 0 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--assistenza {
  background: #e9e4e1;
  padding-bottom: 35px; }
  @media (max-width: 767px) {
    .section--assistenza {
      background: none; } }
  .section--assistenza .extra-big {
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .section--assistenza .extra-big {
        padding-top: 100px !important; } }

.section--faq {
  padding-top: 70px; }
  @media (max-width: 767px) {
    .section--faq {
      padding-top: 20px; } }
  .section--faq .col-filetto {
    visibility: visible; }
    .section--faq .col-filetto:after {
      content: '';
      background: #525459;
      opacity: 0.5;
      position: absolute;
      top: 0;
      left: -15%;
      width: 1px;
      height: 100%; }
  .section--faq .faq-type.fixed {
    position: fixed; }
  @media (max-width: 767px) {
    .section--faq .faq-type {
      border: 1px solid #e9e4e1;
      padding: 20px 20px 6px 20px;
      margin-bottom: 30px;
      background: rgba(233, 228, 225, 0.3); } }
  .section--faq .faq-type .tit {
    margin-bottom: 29px;
    line-height: 1.3; }
    @media (max-width: 767px) {
      .section--faq .faq-type .tit {
        font-size: 20px; } }
    .section--faq .faq-type .tit a {
      color: #b5b6b8;
      transition: all 0.2s ease-in-out; }
      @media (max-width: 767px) {
        .section--faq .faq-type .tit a {
          color: #000; } }
    .section--faq .faq-type .tit.active a, .section--faq .faq-type .tit:hover a {
      color: #000; }
      @media (max-width: 767px) {
        .section--faq .faq-type .tit.active a, .section--faq .faq-type .tit:hover a {
          text-decoration: underline; } }
  .section--faq .my-faq {
    height: 0;
    overflow: hidden;
    margin-top: 6px;
    opacity: 0;
    transition: all 0.5s ease-in-out; }
    .section--faq .my-faq.active {
      height: auto;
      opacity: 1; }
    .section--faq .my-faq .box-faq {
      border-bottom: 1px solid #dcddde;
      margin-bottom: 20px;
      overflow: hidden;
      height: auto;
      position: relative;
      z-index: 1; }
      .section--faq .my-faq .box-faq .tit {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 30px;
        padding-right: 80px;
        position: relative;
        cursor: pointer; }
        .section--faq .my-faq .box-faq .tit:after {
          content: '';
          position: absolute;
          z-index: 1;
          top: 7px;
          right: 18px;
          border-top: 1px solid #525459;
          border-left: 1px solid #525459;
          width: 8px;
          height: 8px;
          transform: rotate(225deg);
          pointer-events: none;
          transition: all 0.2s ease-in-out; }
        .section--faq .my-faq .box-faq .tit a {
          color: #000; }
      .section--faq .my-faq .box-faq .content {
        overflow: hidden;
        transition: all 0.5s ease-in-out;
        padding-bottom: 10px; }
        .section--faq .my-faq .box-faq .content p {
          margin: 0;
          padding-bottom: 20px; }
        .section--faq .my-faq .box-faq .content a {
          color: #525459;
          text-decoration: underline; }
        .section--faq .my-faq .box-faq .content ul {
          visibility: visible; }
          .section--faq .my-faq .box-faq .content ul li {
            visibility: visible; }
        .section--faq .my-faq .box-faq .content.no-active {
          opacity: 0;
          height: 0;
          margin-bottom: 0;
          padding-bottom: 0; }
      .section--faq .my-faq .box-faq.active .tit:after {
        transform: rotate(45deg); }
      .section--faq .my-faq .box-faq.active .content {
        opacity: 1;
        padding-bottom: 10px; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--lavora-con-noi {
  padding-top: 120px;
  padding-top: 143px; }
  @media (max-width: 1200px) {
    .section--lavora-con-noi {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--lavora-con-noi {
      padding-top: 50px; } }
  @media (max-width: 767px) {
    .section--lavora-con-noi {
      padding-top: 100px; } }
  .section--lavora-con-noi .abstract-news {
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      .section--lavora-con-noi .abstract-news {
        margin-bottom: 15px; } }
  .section--lavora-con-noi .vantaggi {
    padding-top: 87px; }
  .section--lavora-con-noi .primo-vantaggio {
    margin-top: 80px; }
  .section--lavora-con-noi .secondo-vantaggio {
    margin-top: 0 !important; }
  @media (max-width: 767px) {
    .section--lavora-con-noi .vantaggi {
      padding-top: 20px !important; }
      .section--lavora-con-noi .vantaggi .primo-vantaggio {
        margin-top: 0; }
      .section--lavora-con-noi .vantaggi .secondo-vantaggio {
        margin-top: 40px !important; } }

.section--posizioni-aperte {
  margin-top: -10px; }
  @media (max-width: 767px) {
    .section--posizioni-aperte {
      margin-left: 15px;
      margin-right: 15px; } }
  .section--posizioni-aperte .mansione {
    padding-bottom: 50px; }
    .section--posizioni-aperte .mansione .tit {
      opacity: 0.5;
      margin-bottom: 40px;
      font-family: 'calligarisregular';
      font-display: swap; }
    .section--posizioni-aperte .mansione .posizione-aperta {
      /*border-bottom: 1px solid #dcddde;*/
      margin-bottom: 25px;
      position: relative;
      z-index: 1; }
      .section--posizioni-aperte .mansione .posizione-aperta:before {
        content: '';
        background: #dcddde;
        position: absolute;
        z-index: 2;
        left: -18px;
        bottom: -1px;
        height: 1px;
        width: calc(100% + 36px); }
      .section--posizioni-aperte .mansione .posizione-aperta .posizione {
        cursor: pointer;
        position: relative;
        z-index: 1; }
        .section--posizioni-aperte .mansione .posizione-aperta .posizione:after {
          content: '';
          position: absolute;
          z-index: 1;
          top: 8px;
          right: 2px;
          border-top: 1px solid #525459;
          border-left: 1px solid #525459;
          width: 8px;
          height: 8px;
          transform: rotate(225deg);
          pointer-events: none;
          transition: all 0.2s ease-in-out; }
        .section--posizioni-aperte .mansione .posizione-aperta .posizione > div {
          flex: 0 0 50%;
          max-width: 50%; }
        .section--posizioni-aperte .mansione .posizione-aperta .posizione .tit {
          margin-bottom: 22px; }
        @media (max-width: 767px) {
          .section--posizioni-aperte .mansione .posizione-aperta .posizione > div {
            flex: 0 0 100%;
            max-width: 100%; }
          .section--posizioni-aperte .mansione .posizione-aperta .posizione .tit {
            margin-bottom: 0; }
          .section--posizioni-aperte .mansione .posizione-aperta .posizione .location {
            margin-bottom: 35px; } }
      .section--posizioni-aperte .mansione .posizione-aperta .tit {
        opacity: 1;
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold'; }
        .section--posizioni-aperte .mansione .posizione-aperta .tit.extrasmall {
          font-size: 18px;
          margin-bottom: 12px; }
      .section--posizioni-aperte .mansione .posizione-aperta .desc-posizione {
        overflow: hidden;
        height: 0;
        margin-top: 6px;
        transition: all 0.2s ease-in-out; }
      .section--posizioni-aperte .mansione .posizione-aperta .dati-personali {
        padding-top: 13px; }
        .section--posizioni-aperte .mansione .posizione-aperta .dati-personali .cta {
          margin: 20px 0 60px; }
        .section--posizioni-aperte .mansione .posizione-aperta .dati-personali .cont-type .cta {
          margin: 0; }
      .section--posizioni-aperte .mansione .posizione-aperta.active .posizione:after {
        transform: rotate(45deg); }
      .section--posizioni-aperte .mansione .posizione-aperta.active .desc-posizione {
        height: auto; }
    .section--posizioni-aperte .mansione.cand-spontanea {
      border-top: 1px solid #dcddde;
      padding-top: 35px;
      margin-top: 10px; }
      @media (max-width: 767px) {
        .section--posizioni-aperte .mansione.cand-spontanea .posizione .tit {
          margin-bottom: 35px; } }
  .section--posizioni-aperte .no-posizioni-aperte-notice {
    padding: 60px 0 40px 0;
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    color: #ef3340; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.cont-video {
  position: absolute;
  z-index: 1000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-in-out; }
  .cont-video .close {
    position: absolute;
    right: 30px;
    top: 30px;
    background: none; }
    @media (max-width: 767px) {
      .cont-video .close {
        right: auto;
        left: 50%;
        transform: translateX(-50%); } }
    .cont-video .close a {
      width: 30px;
      height: 30px; }
      .cont-video .close a span {
        background: #fff; }
  .cont-video #myvideo {
    visibility: visible; }
  .cont-video.active {
    width: 100%;
    height: 100vh;
    padding: 100px;
    opacity: 1;
    pointer-events: all; }
    @media (max-width: 767px) {
      .cont-video.active {
        padding: 70px 20px 20px; } }

.section--video .hero-bottom .flex {
  align-items: flex-end; }

.section--video .hero-bottom .abstract {
  font-size: 54px;
  line-height: 1; }

@media (max-width: 991px) {
  .section--video .hero-bottom .name-prodotto {
    margin-bottom: 0 !important; }
  .section--video .hero-bottom .abstract {
    margin-bottom: 20px !important; } }

@media (max-width: 767px) {
  .section--video .hero-bottom .name-prodotto {
    margin: 10px 0 !important;
    color: #000; }
  .section--video .hero-bottom .abstract {
    color: #000;
    font-size: 40px; } }

.videoEmbed {
  position: relative;
  margin: 15px 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .videoEmbed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--teaser {
  padding: 40px 0; }
  .section--teaser video {
    width: calc(100vw - (100% - 1230px)); }
    @media (max-width: 1200px) {
      .section--teaser video {
        width: 100%; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--around {
  padding-top: 120px;
  padding-top: 150px;
  position: relative;
  z-index: !important; }
  @media (max-width: 1200px) {
    .section--around {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--around {
      padding-top: 50px; } }
  @media (max-width: 1200px) {
    .section--around {
      padding-top: 120px; } }
  @media (max-width: 767px) {
    .section--around {
      padding-top: 100px; } }
  .section--around .around-dett {
    visibility: visible; }
    .section--around .around-dett .box {
      background-repeat: no-repeat;
      background-position: bottom right;
      min-height: 220px; }
      .section--around .around-dett .box .n_dett {
        font-size: 36px;
        line-height: 1;
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold';
        margin-bottom: 10px; }
      .section--around .around-dett .box .txt {
        font-size: 24px;
        line-height: 1.2;
        max-width: 140px; }
      @media (max-width: 1200px) {
        .section--around .around-dett .box {
          min-height: 180px;
          background-size: contain; } }
      @media (max-width: 767px) {
        .section--around .around-dett .box {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          min-height: 1px;
          padding-bottom: 80px;
          background-size: 70%;
          background-position: bottom left;
          margin-bottom: 50px; }
          .section--around .around-dett .box .n_dett {
            margin: 0;
            display: block;
            width: 100%; }
          .section--around .around-dett .box .txt {
            max-width: none;
            line-height: 1; } }
    .section--around .around-dett .riga-02 {
      margin-top: 100px; }
      @media (max-width: 767px) {
        .section--around .around-dett .riga-02 {
          margin-top: 0; } }

.section--timeline {
  padding-top: 120px;
  padding-top: 180px;
  /*@include marginBottomSection($style:small);*/
  margin-bottom: -85px;
  position: relative;
  z-index: 1; }
  @media (max-width: 1200px) {
    .section--timeline {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--timeline {
      padding-top: 50px; } }
  @media (max-width: 1200px) {
    .section--timeline {
      padding-top: 120px; } }
  @media (max-width: 767px) {
    .section--timeline {
      padding-top: 0; } }
  .section--timeline .timeline {
    outline: none; }
    .section--timeline .timeline .slick-list {
      outline: none; }
      .section--timeline .timeline .slick-list .slick-track {
        outline: none;
        margin: 0 !important; }
    .section--timeline .timeline .item {
      outline: none;
      display: block; }
      @media (max-width: 767px) {
        .section--timeline .timeline .item {
          height: auto !important; } }
      .section--timeline .timeline .item .item-content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 100%; }
        @media (max-width: 767px) {
          .section--timeline .timeline .item .item-content {
            align-items: flex-start;
            height: auto;
            margin-bottom: 20px; } }
        .section--timeline .timeline .item .item-content .img {
          flex: 0 0 50%;
          max-width: 50%; }
          .section--timeline .timeline .item .item-content .img img {
            max-width: 90%; }
          @media (max-width: 767px) {
            .section--timeline .timeline .item .item-content .img {
              flex: 0 0 100%;
              max-width: 100%;
              order: 1;
              margin-top: 20px; }
              .section--timeline .timeline .item .item-content .img img {
                max-width: 100%; } }
        .section--timeline .timeline .item .item-content .corpo-slide {
          flex: 0 0 50%;
          max-width: 50%; }
          @media (max-width: 767px) {
            .section--timeline .timeline .item .item-content .corpo-slide {
              flex: 0 0 100%;
              max-width: 100%; } }
          .section--timeline .timeline .item .item-content .corpo-slide .anno {
            font-size: 24px;
            line-height: 1;
            margin-bottom: 35px; }
            @media (max-width: 767px) {
              .section--timeline .timeline .item .item-content .corpo-slide .anno {
                margin-bottom: 10px; } }
          .section--timeline .timeline .item .item-content .corpo-slide .tit {
            max-width: 60%;
            margin-bottom: 50px;
            line-height: 1; }
            @media (max-width: 767px) {
              .section--timeline .timeline .item .item-content .corpo-slide .tit {
                max-width: 100%;
                margin-bottom: 20px; } }
          .section--timeline .timeline .item .item-content .corpo-slide .txt {
            visibility: visible; }
      .section--timeline .timeline .item.item-inverse .item-content .img {
        order: 1; }
        .section--timeline .timeline .item.item-inverse .item-content .img img {
          margin-left: 10%; }
          @media (max-width: 767px) {
            .section--timeline .timeline .item.item-inverse .item-content .img img {
              margin-left: 0; } }
    .section--timeline .timeline .slick-dots {
      position: absolute;
      left: 0;
      bottom: 0;
      margin: 0;
      padding: 25px 100px;
      box-sizing: border-box;
      list-style-type: none;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      background: #f6f6f6;
      border-top: 1px solid #b0b1b2;
      transition: all 0.2s ease-in-out; }
      @media (max-width: 1200px) {
        .section--timeline .timeline .slick-dots {
          padding: 25px 50px; } }
      @media (max-width: 991px) {
        .section--timeline .timeline .slick-dots {
          padding: 25px; } }
      @media (max-width: 767px) {
        .section--timeline .timeline .slick-dots {
          position: static;
          padding: 15px;
          margin-left: -15px; }
          .section--timeline .timeline .slick-dots.fixed {
            position: fixed;
            margin-left: 0;
            bottom: 0;
            width: 100vw !important;
            box-sizing: border-box;
            left: 0 !important; } }
      @media (max-width: 767px) {
        .section--timeline .timeline .slick-dots li {
          padding: 8px 0; } }
      .section--timeline .timeline .slick-dots li button {
        opacity: 0.5;
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold';
        color: #525459; }
        @media (max-width: 767px) {
          .section--timeline .timeline .slick-dots li button {
            font-size: 12px; } }
      .section--timeline .timeline .slick-dots li.slick-active button, .section--timeline .timeline .slick-dots li:hover button {
        opacity: 1;
        color: #ef3340; }
    @media (max-width: 767px) {
      .section--timeline .timeline {
        padding-top: 0 !important; } }
  .section--timeline .slider {
    background: #ef3340;
    height: 4px;
    position: absolute;
    z-index: 65;
    left: 0px;
    transition: all 0.5s ease-in-out; }
    @media (max-width: 767px) {
      .section--timeline .slider {
        top: auto !important;
        bottom: 71px; }
        .section--timeline .slider.fixed {
          position: fixed; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.cambia-hero {
  position: fixed;
  z-index: 9999;
  background: #fff;
  padding: 5px; }
  .cambia-hero a {
    color: #525459; }

.hero-slide-hp .slick-list {
  height: 100vh; }
  .hero-slide-hp .slick-list .slick-track {
    height: 100vh;
    margin-left: 0 !important; }

.section--mask-hp {
  padding: 160px 0; }
  .section--mask-hp .name-prodotto {
    width: 100%;
    font-size: 100px;
    line-height: 1;
    margin-bottom: 60px;
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    text-transform: lowercase; }
    @media (max-width: 1200px) {
      .section--mask-hp .name-prodotto {
        font-size: 100px; } }
    @media (max-width: 991px) {
      .section--mask-hp .name-prodotto {
        font-size: 60px; } }
    @media (max-width: 767px) {
      .section--mask-hp .name-prodotto {
        font-size: 40px;
        margin-bottom: 30px; } }
    .section--mask-hp .name-prodotto.real {
      opacity: 0;
      color: #000; }
      @media (max-width: 767px) {
        .section--mask-hp .name-prodotto.real {
          opacity: 1; } }
    .section--mask-hp .name-prodotto.fake {
      opacity: 1;
      position: fixed;
      z-index: 0;
      color: #000;
      pointer-events: none; }
      @media (max-width: 767px) {
        .section--mask-hp .name-prodotto.fake {
          display: none; } }
    .section--mask-hp .name-prodotto span {
      /*color: $red;*/
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisitalic'; }
  .section--mask-hp .txt {
    font-size: 24px; }
  .section--mask-hp .cta {
    margin-top: 50px; }
  .section--mask-hp .cta-arr {
    padding-top: 50px; }
  .section--mask-hp.active .name-prodotto.fake {
    opacity: 0; }
  .section--mask-hp.active .name-prodotto.real {
    opacity: 1; }
  .section--mask-hp.mask-noactive {
    display: none; }
  @media (max-width: 991px) {
    .section--mask-hp {
      padding: 3.75rem 0; } }
  @media (max-width: 767px) {
    .section--mask-hp {
      padding: 1.875rem 0; } }

.section--orizontal-scroll {
  position: relative;
  z-index: 1;
  padding-bottom: 160px; }
  @media (max-width: 767px) {
    .section--orizontal-scroll {
      padding-bottom: 120px; } }
  .section--orizontal-scroll .block-txt {
    overflow: hidden;
    width: 100vw;
    margin: 0 auto;
    position: absolute;
    top: 63px;
    left: 0;
    /*text-shadow: 1px 1px 2px #fff;*/ }
    .section--orizontal-scroll .block-txt .animation {
      width: auto;
      height: 100px;
      font-size: 0px; }
      .section--orizontal-scroll .block-txt .animation > div {
        display: inline-block;
        width: auto;
        float: none;
        padding: 0 12px;
        color: #000;
        font-size: 81px;
        /*line-height: 1;*/
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold'; }
  .section--orizontal-scroll .block-figure {
    overflow: hidden;
    width: 100vw;
    margin: 0 auto;
    background: #fff; }
    .section--orizontal-scroll .block-figure .animation {
      width: auto;
      height: 100px;
      font-size: 0px; }
      .section--orizontal-scroll .block-figure .animation > div {
        display: inline-block;
        width: auto;
        float: none;
        padding: 0 25px; }

.section--fascia-txt-dx {
  margin-bottom: 160px;
  text-align: right; }
  @media (max-width: 767px) {
    .section--fascia-txt-dx {
      margin-bottom: 120px;
      text-align: left; } }
  .section--fascia-txt-dx .txt {
    font-size: 24px; }

.section--promo-hp {
  color: #fff;
  margin-bottom: 160px; }
  .section--promo-hp.one-slide {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .section--promo-hp {
      margin-bottom: 120px; } }
  .section--promo-hp .slide-promo {
    padding: 0; }
    @media (max-width: 1200px) {
      .section--promo-hp .slide-promo {
        height: 435px; }
        .section--promo-hp .slide-promo .grid {
          height: 100%; }
          .section--promo-hp .slide-promo .grid > .col-8 {
            height: 100%;
            overflow: hidden; }
        .section--promo-hp .slide-promo img {
          position: absolute;
          height: 100%;
          width: auto;
          max-width: none;
          left: 0; } }
    @media (max-width: 991px) {
      .section--promo-hp .slide-promo {
        height: auto; }
        .section--promo-hp .slide-promo .grid {
          height: auto; }
          .section--promo-hp .slide-promo .grid > div {
            height: auto !important;
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%; }
        .section--promo-hp .slide-promo img {
          position: static;
          width: 100%;
          height: auto; } }
    .section--promo-hp .slide-promo .slide-box {
      padding: 30px;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      box-sizing: border-box;
      font-size: 24px; }
      @media (max-width: 1200px) {
        .section--promo-hp .slide-promo .slide-box {
          visibility: visible; } }
      @media (max-width: 991px) {
        .section--promo-hp .slide-promo .slide-box {
          position: static;
          transform: none; } }
      @media (max-width: 767px) {
        .section--promo-hp .slide-promo .slide-box {
          padding: 48px calc(100vw/24);
          font-size: 18px; } }
      .section--promo-hp .slide-promo .slide-box .tit {
        margin-bottom: 30px;
        color: #fff; }
        @media (max-width: 1560px) {
          .section--promo-hp .slide-promo .slide-box .tit {
            font-size: 44px;
            margin-bottom: 20px; } }
        @media (max-width: 767px) {
          .section--promo-hp .slide-promo .slide-box .tit {
            font-size: 30px; } }
      .section--promo-hp .slide-promo .slide-box .dal {
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold';
        margin-bottom: 60px; }
        @media (max-width: 1560px) {
          .section--promo-hp .slide-promo .slide-box .dal {
            margin-bottom: 20px; } }
      .section--promo-hp .slide-promo .slide-box span {
        font-family: 'calligarisregular';
        font-display: swap;
        font-family: 'calligarisbold'; }
      .section--promo-hp .slide-promo .slide-box .cta-arr {
        padding-top: 48px; }
      .section--promo-hp .slide-promo .slide-box strong {
        color: inherit; }
  .section--promo-hp .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 0; }
    .section--promo-hp .slick-dots li {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 10px;
      border: 1px solid #fff;
      margin: 0 10px; }
      .section--promo-hp .slick-dots li button {
        display: none; }
      .section--promo-hp .slick-dots li.slick-active {
        background: #fff; }
    @media (max-width: 767px) {
      .section--promo-hp .slick-dots {
        left: auto;
        transform: none;
        right: 20px; } }

.section--novita .listing {
  outline: none;
  display: block;
  padding: 0; }
  .section--novita .listing .box {
    max-width: 310px;
    outline: none;
    margin: 0; }
    .section--novita .listing .box .divider {
      width: calc(100% - 30px); }
    @media (max-width: 767px) {
      .section--novita .listing .box {
        max-width: 180px;
        margin: 0 15px; }
        .section--novita .listing .box .cta a {
          display: block;
          width: 100%; }
        .section--novita .listing .box .divider {
          width: 100%; } }
  @media (max-width: 767px) {
    .section--novita .listing .slick-track {
      margin: 0 !important; } }

.section--design {
  padding-top: 200px; }
  @media (max-width: 767px) {
    .section--design {
      padding-top: 120px; } }
  .section--design .container {
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain; }
    .section--design .container .grid {
      justify-content: space-between; }
      .section--design .container .grid .design-bg {
        background-size: contain;
        background-repeat: no-repeat; }
      @media (max-width: 991px) {
        .section--design .container .grid {
          display: block; }
          .section--design .container .grid > div {
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%; }
          .section--design .container .grid .design-bg {
            background: none; } }
    .section--design .container .design-img {
      display: none;
      margin-bottom: 20px; }
    @media (max-width: 991px) {
      .section--design .container .design-img {
        display: block; } }
  .section--design .tit.small {
    margin-bottom: 50px; }

.homepage .section {
  padding: 64px 0;
  /*&:last-child {
			padding-bottom: 43px;
		}*/ }
  @media (max-width: 767px) {
    .homepage .section {
      padding: 48px 0; } }

@media (max-width: 991px) {
  .homepage .section-container {
    padding: 0 calc(100vw/24); } }

.homepage .section--focus {
  padding-top: 0; }
  @media (max-width: 767px) {
    .homepage .section--focus .focus__img {
      margin-bottom: 32px; }
    .homepage .section--focus .focus__txt {
      font-size: 14px;
      line-height: 1.5; }
      .homepage .section--focus .focus__txt .h4 {
        font-size: 24px;
        line-height: 1.5; } }

.homepage .section--total-look, .homepage .fascia-continua {
  padding-top: 0; }
  @media (max-width: 991px) {
    .homepage .section--total-look .tit, .homepage .fascia-continua .tit {
      padding: 0 calc(100vw/24); } }

.homepage .section--hero.hero--video {
  padding: 0; }
  @media (max-width: 767px) {
    .homepage .section--hero.hero--video .hero-hp .slide-hero .video .bottom-video {
      display: block !important;
      position: static !important;
      margin-top: 28px; }
      .homepage .section--hero.hero--video .hero-hp .slide-hero .video .bottom-video .name-prodotto {
        color: #000;
        font-size: 50px !important;
        line-height: 1;
        margin-bottom: 24px !important; }
      .homepage .section--hero.hero--video .hero-hp .slide-hero .video .bottom-video .desc-promo {
        font-size: 16px; } }
  @media (max-width: 767px) {
    .homepage .section--hero.hero--video {
      padding-bottom: 64px; } }

.mkt18 {
  visibility: visible; }
  .mkt18 .section--hero {
    visibility: visible; }
    .mkt18 .section--hero .hero {
      visibility: visible; }
      .mkt18 .section--hero .hero.hero-hp {
        visibility: visible; }
        .mkt18 .section--hero .hero.hero-hp .slide-hero {
          visibility: visible; }
          .mkt18 .section--hero .hero.hero-hp .slide-hero:after {
            background: no-repeat; }
          .mkt18 .section--hero .hero.hero-hp .slide-hero .hero-bottom {
            padding: 30px 0px 85px 0;
            background: none;
            bottom: 0 !important; }
            .mkt18 .section--hero .hero.hero-hp .slide-hero .hero-bottom:before {
              background: rgba(0, 0, 0, 0.75);
              bottom: 0;
              height: 100%; }
            .mkt18 .section--hero .hero.hero-hp .slide-hero .hero-bottom:after {
              content: ''; }
            @media (max-width: 767px) {
              .mkt18 .section--hero .hero.hero-hp .slide-hero .hero-bottom {
                padding: 20px calc(100vw/24) !important; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--login-registrazione {
  padding-top: 120px;
  padding-top: 150px; }
  @media (max-width: 1200px) {
    .section--login-registrazione {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--login-registrazione {
      padding-top: 50px; } }
  @media (max-width: 1200px) {
    .section--login-registrazione {
      padding-top: 120px; } }
  @media (max-width: 767px) {
    .section--login-registrazione {
      padding-top: 100px; } }

.section--conferma-registrazione {
  padding-top: 120px;
  padding-top: 150px; }
  @media (max-width: 1200px) {
    .section--conferma-registrazione {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--conferma-registrazione {
      padding-top: 50px; } }
  @media (max-width: 1200px) {
    .section--conferma-registrazione {
      padding-top: 120px; } }
  @media (max-width: 767px) {
    .section--conferma-registrazione {
      padding-top: 100px; } }

#form-login,
#form-forgotten-password {
  overflow: hidden;
  transition: .5s all ease-out;
  height: 400px; }
  #form-login.toggle-closed,
  #form-forgotten-password.toggle-closed {
    opacity: 0;
    height: 0; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
/*LOGO CALLIGARIS*/
.logo-svg {
  width: 100px;
  height: 23.31px; }
  .logo-svg path {
    fill: #ef3340; }

/*PICCHIO HEADER*/
.picchio-svg {
  height: 50px;
  width: 49.72px; }
  .picchio-svg path {
    fill: #fff; }

.header-light .picchio-svg path, .header.fixed .picchio-svg path, .footer .picchio-svg path {
  fill: #000; }

/*FOOTER*/
.pin-footer, .mail-footer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  width: 20px; }
  .pin-footer path, .mail-footer path {
    fill: #27222a; }

/*CONFIGURATOR*/
#ico-360 .st0 {
  fill: #CCCCCC; }

#ico-360 .st1 {
  fill: #848484; }

#ico-360 .st2 {
  fill: #E0E0E0; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--focus {
  padding: 60px 0; }

.focus {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 80px; }
  .focus:last-child {
    margin-bottom: 0; }
  @media (max-width: 991px) {
    .focus {
      padding: 0;
      margin-bottom: 40px;
      display: block; }
      .focus > div {
        width: 100%;
        max-width: none; } }
  .focus.-switch {
    justify-content: flex-end; }
    @media (max-width: 767px) {
      .focus.-switch {
        justify-content: initial; } }
    .focus.-switch .focus__img {
      order: 2; }
      @media (max-width: 767px) {
        .focus.-switch .focus__img {
          order: 1; } }
    .focus.-switch .focus__txt {
      order: 1;
      padding-left: 0; }
      @media (max-width: 991px) {
        .focus.-switch .focus__txt {
          padding: 0 calc(100vw/24); } }
      @media (max-width: 767px) {
        .focus.-switch .focus__txt {
          order: 2; } }

.focus__img {
  flex: 0 0 60%;
  max-width: 60%;
  padding: 0 40px;
  position: relative;
  z-index: 1; }
  @media (max-width: 991px) {
    .focus__img {
      padding: 0;
      margin-bottom: 30px; } }
  .focus__img a {
    display: block; }
  .focus__img .img {
    position: relative;
    z-index: 1; }
    .focus__img .img img {
      width: 100%; }
    .focus__img .img:after {
      opacity: 0;
      content: '';
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 20%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
  .focus__img .video {
    position: relative;
    z-index: 1; }
    @media (max-width: 991px) {
      .focus__img .video {
        margin: 0; } }
    .focus__img .video video {
      display: block;
      max-width: 100%; }
  .focus__img .caption {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 30px 40px;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    color: #ffffff;
    line-height: 1; }
    @media (max-width: 991px) {
      .focus__img .caption {
        font-size: 26px;
        padding: 10px 10px; } }
    @media (max-width: 767px) {
      .focus__img .caption {
        font-size: 22px;
        padding: 10px 10px; } }

.focus__txt {
  flex: 0 0 35%;
  /*max-width: 450px;*/
  padding: 0 40px;
  font-size: 1.125rem; }
  @media (max-width: 991px) {
    .focus__txt {
      padding: 0 60px; } }
  @media (max-width: 767px) {
    .focus__txt {
      margin-bottom: 30px;
      padding: 0 20px; } }
  .focus__txt .h4 {
    font-family: 'calligarisbold';
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 2.25rem;
    color: #000; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--trecolonne {
  padding: 60px 0; }
  .section--trecolonne .txt {
    font-size: 24px;
    margin-bottom: 50px; }
  .section--trecolonne .cont-tre-colonne {
    visibility: visible;
    padding: 0 40px;
    display: flex;
    margin: 0 -10px; }
    .section--trecolonne .cont-tre-colonne .focus {
      display: block;
      margin: 0;
      flex: 0 0 33.33%;
      max-width: 33.33%;
      padding: 0 10px; }
      .section--trecolonne .cont-tre-colonne .focus .focus__img {
        padding: 0;
        max-width: none; }
        .section--trecolonne .cont-tre-colonne .focus .focus__img img {
          visibility: visible; }
      .section--trecolonne .cont-tre-colonne .focus .focus__txt {
        padding: 0; }
    @media (max-width: 576px) {
      .section--trecolonne .cont-tre-colonne {
        display: block;
        padding: 0;
        margin: 0; }
        .section--trecolonne .cont-tre-colonne .focus {
          max-width: 100%;
          padding: 0; }
          .section--trecolonne .cont-tre-colonne .focus .focus__txt .box {
            padding: 0 20px; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--mosaic {
  margin: 100px 0; }
  @media (max-width: 767px) {
    .section--mosaic {
      margin: 40px 0; } }
  .section--mosaic a {
    display: block; }
  .section--mosaic .img {
    line-height: 0;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    .section--mosaic .img img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      object-fit: cover;
      width: 100%;
      margin: auto; }
      @media (max-width: 767px) {
        .section--mosaic .img img {
          width: auto;
          height: 100%; } }
      @media screen and (orientation: landscape) and (max-device-width: 820px) {
        .section--mosaic .img img {
          width: 100%;
          height: auto; } }
  .section--mosaic .video {
    width: 100%;
    overflow: hidden;
    padding-bottom: 80%;
    height: 0; }
    .section--mosaic .video video {
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .section--mosaic .mosaic__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  .section--mosaic .mosaic__col--lg {
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 10px; }
    @media (max-width: 767px) {
      .section--mosaic .mosaic__col--lg {
        flex: 0 0 50%;
        max-width: 50%; } }
    .section--mosaic .mosaic__col--lg .img,
    .section--mosaic .mosaic__col--lg .video {
      padding-bottom: 80%; }
      @media (max-width: 767px) {
        .section--mosaic .mosaic__col--lg .img,
        .section--mosaic .mosaic__col--lg .video {
          padding-bottom: 140%; } }
      @media screen and (orientation: landscape) and (max-device-width: 820px) {
        .section--mosaic .mosaic__col--lg .img,
        .section--mosaic .mosaic__col--lg .video {
          padding-bottom: 80%; } }
    .section--mosaic .mosaic__col--lg .mosaic__item {
      overflow: hidden; }
  .section--mosaic .mosaic__col--md {
    flex: 0 0 40%;
    max-width: 40%;
    padding-left: 10px; }
    @media (max-width: 767px) {
      .section--mosaic .mosaic__col--md {
        flex: 0 0 50%;
        max-width: 50%; } }
    .section--mosaic .mosaic__col--md .mosaic__item {
      height: 50%; }
      .section--mosaic .mosaic__col--md .mosaic__item:nth-child(2) {
        width: 50%;
        padding-top: 20px; }
      .section--mosaic .mosaic__col--md .mosaic__item .caption {
        font-size: 24px;
        padding: 15px 20px; }
        @media (max-width: 991px) {
          .section--mosaic .mosaic__col--md .mosaic__item .caption {
            font-size: 18px;
            padding: 10px 10px; } }
  .section--mosaic .mosaic__item {
    position: relative; }
    .section--mosaic .mosaic__item .caption {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 2;
      padding: 30px 40px;
      font-style: normal;
      font-weight: bold;
      font-size: 36px;
      color: #ffffff;
      line-height: 1; }
      @media (max-width: 991px) {
        .section--mosaic .mosaic__item .caption {
          font-size: 26px;
          padding: 10px 10px; } }
      @media (max-width: 767px) {
        .section--mosaic .mosaic__item .caption {
          font-size: 22px;
          padding: 10px 10px; } }
    .section--mosaic .mosaic__item .img:after {
      content: '';
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 20%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }

.swiper-mosaic {
  padding-left: 40px;
  padding-right: 40px; }
  @media (max-width: 991px) {
    .swiper-mosaic {
      padding-left: 15px;
      padding-right: 15px; } }
  .swiper-mosaic .swiper-slide {
    max-width: 80%; }
    @media (max-width: 991px) {
      .swiper-mosaic .swiper-slide {
        max-width: 92%; } }
    @media (max-width: 767px) {
      .swiper-mosaic .swiper-slide {
        max-width: none;
        width: 177%; } }
    @media screen and (orientation: landscape) and (max-device-width: 820px) {
      .swiper-mosaic .swiper-slide {
        max-width: 80%;
        width: 100%; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
#area_riservata, #dati-utente {
  padding-top: 190px;
  /*@include md-down {
		padding-top: 140px;
	}*/ }
  #area_riservata .sidebox ul, #dati-utente .sidebox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 18px;
    color: #000;
    text-transform: lowercase;
    padding: 0 0 105px 0;
    margin: 0;
    list-style-type: none; }
    @media (max-width: 767px) {
      #area_riservata .sidebox ul, #dati-utente .sidebox ul {
        padding-bottom: 0; } }
    #area_riservata .sidebox ul li, #dati-utente .sidebox ul li {
      /*&:nth-child(2n + 1) {
					a {
						&:before {
							content: '01.';
						}
					}
				}

				&:nth-child(2n + 2) {
					a {
						&:before {
							content: '02.';
						}
					}
				}

				&:nth-child(2n + 3) {
					a {
						&:before {
							content: '03.';
						}
					}
				}

				&:nth-child(2n + 4) {
					a {
						&:before {
							content: '04.';
						}
					}
				}*/ }
      #area_riservata .sidebox ul li a, #dati-utente .sidebox ul li a {
        position: relative;
        z-index: 1;
        color: #000;
        opacity: 0.3;
        transition: all 0.2s ease-in-out; }
        #area_riservata .sidebox ul li a:before, #dati-utente .sidebox ul li a:before {
          position: absolute;
          z-index: 2;
          left: 0;
          top: -35px;
          font-size: 24px;
          font-family: 'calligarisregular';
          font-display: swap;
          font-family: 'calligarisbold'; }
      #area_riservata .sidebox ul li.active a, #area_riservata .sidebox ul li:hover a, #dati-utente .sidebox ul li.active a, #dati-utente .sidebox ul li:hover a {
        opacity: 1; }

#dati-utente .checkout-navigation {
  padding: 0;
  margin: 0; }

#dati-utente .login-panel-section:before {
  display: none; }

#dati-utente .login-panel-section .grid .offset-1:after {
  display: none; }

#dati-utente .row {
  padding-top: 70px;
  padding-bottom: 100px;
  border-bottom: 1px solid #a8a9ac; }
  @media (max-width: 767px) {
    #dati-utente .row {
      padding-top: 0;
      padding-bottom: 40px; } }
  @media (max-width: 767px) {
    #dati-utente .row .col {
      padding-top: 30px;
      padding-bottom: 30px; } }
  #dati-utente .row:first-child {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -50px;
    border-bottom: none; }
    @media (max-width: 767px) {
      #dati-utente .row:first-child {
        margin-bottom: 0; } }
  #dati-utente .row:last-child {
    padding-bottom: 0;
    border-bottom: none; }

.panel-ordini:before {
  display: none; }

.panel-ordini th, .panel-ordini td {
  text-align: center; }
  @media (max-width: 767px) {
    .panel-ordini th, .panel-ordini td {
      visibility: visible; } }
  .panel-ordini th.detOrd, .panel-ordini td.detOrd {
    padding: 10px;
    text-align: right; }

.table_det th, .table_det td {
  text-align: left; }

.fancybox-close {
  right: 0 !important; }

.delete-account .login-panel-section:before {
  display: none; }

@media (max-width: 767px) {
  .riepilogo-ordini tr, .storico tr {
    border-bottom: 1px solid #000;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px; }
    .riepilogo-ordini tr:last-child, .riepilogo-ordini tr.tr-th, .storico tr:last-child, .storico tr.tr-th {
      border: none;
      padding: 0;
      margin: 0; }
  .riepilogo-ordini th, .storico th {
    display: none; }
  .riepilogo-ordini td, .storico td {
    display: block;
    width: 100%;
    text-align: left; }
    .riepilogo-ordini td.detOrd, .storico td.detOrd {
      text-align: left;
      padding: 10px 0 0 0; }
      .riepilogo-ordini td.detOrd .cta, .storico td.detOrd .cta {
        visibility: visible; }
  .riepilogo-ordini .th, .storico .th {
    float: left;
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    margin-right: 5px; }
  .table_det .tr-th {
    display: none; }
  .table_det td {
    display: block;
    width: 100%; }
    .table_det td .th {
      float: left;
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold';
      margin-right: 5px; } }

#imposta-password .action {
  padding-top: 40px; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
#login-form-wrapper {
  max-width: 70vw;
  max-height: 90vh;
  overflow-y: auto; }
  @media (max-width: 1560px) {
    #login-form-wrapper {
      max-width: 90vw; } }
  #login-form-wrapper #form-login {
    height: auto; }
    #login-form-wrapper #form-login.toggle-closed {
      height: 0; }
  #login-form-wrapper .signup:before {
    display: none; }

#form-request-hires .login-panel-section:before {
  display: none; }

.error-msg {
  visibility: visible; }
  .error-msg span {
    margin-bottom: 40px;
    color: #ef3340;
    display: block; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--whishlist {
  padding-top: 190px; }
  @media (max-width: 991px) {
    .section--whishlist {
      padding-top: 140px; } }
  @media (max-width: 767px) {
    .section--whishlist {
      padding-top: 120px; } }
  .section--whishlist .cont-listing {
    padding: 0; }
    .section--whishlist .cont-listing .wishlist_button {
      text-align: center; }
    .section--whishlist .cont-listing .listing {
      padding-top: 50px; }
      .section--whishlist .cont-listing .listing .box a {
        position: static; }
        .section--whishlist .cont-listing .listing .box a.heart {
          position: absolute;
          right: 20px;
          left: auto;
          top: 20px;
          padding: 10px;
          width: 50px;
          height: 50px;
          background: #f6f6f6; }
          .section--whishlist .cont-listing .listing .box a.heart .ico {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.2s ease-in-out; }
            .section--whishlist .cont-listing .listing .box a.heart .ico.ico--fav-on {
              opacity: 1; }
            .section--whishlist .cont-listing .listing .box a.heart .ico.ico--fav-off {
              opacity: 0; }
          .section--whishlist .cont-listing .listing .box a.heart:hover .ico.ico--fav-on {
            opacity: 0; }
          .section--whishlist .cont-listing .listing .box a.heart:hover .ico.ico--fav-off {
            opacity: 1; }
      .section--whishlist .cont-listing .listing .box .actions {
        margin-top: 20px; }
        .section--whishlist .cont-listing .listing .box .actions .cta {
          opacity: 1;
          position: static;
          pointer-events: all; }
          .section--whishlist .cont-listing .listing .box .actions .cta a {
            position: static;
            transform: none;
            margin: 0 0 10px 0; }
            @media (max-width: 767px) {
              .section--whishlist .cont-listing .listing .box .actions .cta a {
                padding: 10px;
                font-size: 14px; } }
        .section--whishlist .cont-listing .listing .box .actions.wl {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start; }
          .section--whishlist .cont-listing .listing .box .actions.wl .cta {
            width: auto; }
            .section--whishlist .cont-listing .listing .box .actions.wl .cta a {
              padding: 20px 15px; }
              @media (max-width: 1200px) {
                .section--whishlist .cont-listing .listing .box .actions.wl .cta a {
                  padding: 15px;
                  font-size: 14px; } }
              @media (max-width: 991px) {
                .section--whishlist .cont-listing .listing .box .actions.wl .cta a {
                  padding: 20px 15px;
                  font-size: 18px; } }
            @media (max-width: 767px) {
              .section--whishlist .cont-listing .listing .box .actions.wl .cta {
                width: calc(100% - 20px); }
                .section--whishlist .cont-listing .listing .box .actions.wl .cta a {
                  font-size: 14px;
                  padding: 15px 10px; } }
          .section--whishlist .cont-listing .listing .box .actions.wl .heart {
            position: relative;
            top: 0;
            width: 60px;
            height: 60px; }
            @media (max-width: 1200px) {
              .section--whishlist .cont-listing .listing .box .actions.wl .heart {
                width: 46px;
                height: 46px; } }
            @media (max-width: 991px) {
              .section--whishlist .cont-listing .listing .box .actions.wl .heart {
                width: 60px;
                height: 60px; } }
            @media (max-width: 767px) {
              .section--whishlist .cont-listing .listing .box .actions.wl .heart {
                order: -1;
                left: 0;
                width: 50px;
                height: 50px;
                margin-bottom: 20px; } }

.btn--buy {
  display: block;
  text-align: right; }
  .btn--buy span {
    display: inline-block;
    position: relative;
    transition: color ease-in-out 250ms; }
    .btn--buy span:before {
      content: '';
      display: block;
      position: absolute;
      bottom: -2px;
      width: 100%;
      height: 1px;
      background: #525459;
      transition: transform ease-in-out 250ms; }
  .btn--buy span, .btn--buy:link span {
    color: #525459; }
  .btn--buy:hover span {
    color: #191919; }
    .btn--buy:hover span:before {
      transform: translateY(3px); }

.btn--more {
  display: block;
  text-align: right; }
  .btn--more span {
    display: inline-block;
    position: relative;
    font-size: 11px;
    padding: 10px; }
  .btn--more span, .btn--more:link span, .btn--more:hover span, .btn--more:active span, .btn--more:visited span {
    background: #1d1820;
    color: white; }

.card--product {
  position: relative;
  cursor: pointer; }
  .card--product .picture {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    padding: 5%; }
  .card--product .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }

.total-look {
  position: relative;
  display: flex;
  background: #f5f2f0;
  font-family: 'calligarisregular'; }
  .total-look .group--look {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: grab; }
    .total-look .group--look .picture {
      position: absolute;
      opacity: 0;
      transition: opacity ease-in-out 350ms; }
      .total-look .group--look .picture img {
        pointer-events: none; }
    .total-look .group--look .pin {
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer; }
      .total-look .group--look .pin:before {
        content: '';
        display: block;
        position: absolute;
        top: -12px;
        left: -12px;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        background: #ef3340;
        opacity: 0.4;
        transition: opacity ease-in-out 350ms; }
      .total-look .group--look .pin .info {
        display: none;
        position: absolute; }
        .total-look .group--look .pin .info .content {
          position: absolute;
          background: white;
          width: 210px;
          bottom: 25px;
          left: -105px;
          padding: 12px;
          box-shadow: 0 8px 5px -5px rgba(0, 0, 0, 0.2); }
        .total-look .group--look .pin .info figure {
          display: none;
          margin-top: 10px; }
          .total-look .group--look .pin .info figure img {
            width: 100%;
            height: auto; }
        .total-look .group--look .pin .info .arrow {
          display: block;
          position: absolute;
          bottom: 19px;
          margin-left: -5px;
          left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 7px 5px 0 5px;
          border-color: #ffffff transparent transparent transparent; }
        .total-look .group--look .pin .info .title,
        .total-look .group--look .pin .info .price {
          flex: 1 1 50%;
          min-width: 50%;
          text-transform: lowercase; }
        .total-look .group--look .pin .info .title {
          font-family: 'calligarisbold';
          font-weight: bold;
          font-size: 15px; }
        .total-look .group--look .pin .info .price {
          font-size: 12px;
          text-align: right; }
          .total-look .group--look .pin .info .price strong {
            font-family: 'calligarisbold';
            font-weight: bold;
            font-size: 14px; }
          .total-look .group--look .pin .info .price.has-promo strong {
            text-decoration: line-through; }
            .total-look .group--look .pin .info .price.has-promo strong.promo-price {
              text-decoration: none; }
        .total-look .group--look .pin .info .category {
          display: none; }
        .total-look .group--look .pin .info .btn--buy {
          font-size: 12px;
          text-transform: lowercase; }
      .total-look .group--look .pin:hover:before, .total-look .group--look .pin.active:before {
        opacity: 1; }
      .total-look .group--look .pin:hover .info, .total-look .group--look .pin.active .info {
        display: none; }
      .total-look .group--look .pin.active-info {
        z-index: 1; }
        .total-look .group--look .pin.active-info .info {
          display: none; }
          .total-look .group--look .pin.active-info .info .content {
            display: flex;
            flex-wrap: wrap; }
  .total-look.horizontal .group--look .picture img {
    width: 100%; }
  .total-look.vertical .group--look .picture img {
    height: 100%; }
  .total-look.init .group--look .picture {
    opacity: 1; }
  .total-look.grabbing .group--look {
    cursor: grabbing; }
  .total-look.show-hint .cursor {
    opacity: 1;
    visibility: visible; }
  @media (min-width: 1024px) {
    .total-look {
      height: 768px; }
      .total-look > .group--look,
      .total-look > .listing--products {
        flex: 1 1 50%;
        max-width: 50%;
        overflow: hidden; }
      .total-look .listing--products .card--product {
        background: white; }
        .total-look .listing--products .card--product .picture {
          opacity: 1;
          transition: all ease-in-out 350ms;
          width: 100%;
          height: 100%;
          opacity: 0.5; }
        .total-look .listing--products .card--product .content {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          transition: opacity ease-in-out 350ms;
          overflow: hidden; }
          .total-look .listing--products .card--product .content:after {
            content: '';
            display: block;
            position: absolute;
            top: 20px;
            left: 20px;
            width: 24px;
            height: 24px;
            border-radius: 12px;
            background: #ef3340;
            opacity: 0;
            transition: opacity ease-in-out 350ms; }
        .total-look .listing--products .card--product .group--info {
          display: flex;
          flex-wrap: wrap;
          padding: 0 20px 15px 20px;
          font-size: 18px;
          color: #1d1820;
          position: relative;
          z-index: 1;
          transform: translateY(100%);
          transition: all ease-in-out 350ms; }
          .total-look .listing--products .card--product .group--info .title,
          .total-look .listing--products .card--product .group--info .price,
          .total-look .listing--products .card--product .group--info .category,
          .total-look .listing--products .card--product .group--info .btn--buy {
            flex: 1 1 50%;
            text-transform: lowercase; }
          .total-look .listing--products .card--product .group--info .title {
            font-family: 'calligarisbold';
            font-weight: bold; }
          .total-look .listing--products .card--product .group--info .price strong {
            font-family: 'calligarisbold';
            font-weight: bold; }
          .total-look .listing--products .card--product .group--info .price.has-promo strong {
            text-decoration: line-through; }
            .total-look .listing--products .card--product .group--info .price.has-promo strong.promo-price {
              text-decoration: none; }
          .total-look .listing--products .card--product .group--info .price {
            text-align: right; }
          .total-look .listing--products .card--product .group--info .btn--buy {
            text-align: right;
            font-size: 16px; }
        .total-look .listing--products .card--product:hover .group--info, .total-look .listing--products .card--product.active .group--info {
          transform: translateY(0); }
        .total-look .listing--products .card--product:hover .picture, .total-look .listing--products .card--product.active .picture {
          height: 85%;
          opacity: 1; }
        .total-look .listing--products .card--product.active .content:after {
          opacity: 1; }
      .total-look .listing--products .listing--products__head {
        display: none; }
      .total-look .listing--products .listing--products__inner {
        display: flex;
        flex-wrap: wrap; }
        .total-look .listing--products .listing--products__inner .card--product {
          height: 384px;
          width: 500px; }
      .total-look .btn--more {
        display: none; } }
  @media (min-width: 1024px) and (max-height: 846px) {
    .total-look {
      height: calc(100vh - 78px); }
      .total-look .listing--products .listing--products__inner .card--product {
        height: calc(50vh - 39px);
        width: calc((50vh - 39px) / 384 * 500); } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .total-look {
      height: 80vw; } }
  @media (max-width: 1023px) and (orientation: portrait) {
    .total-look {
      height: 120vw; } }
  @media (max-width: 1023px) {
    .total-look > .group--look {
      flex: 1 1 100%;
      max-width: 100%;
      overflow: hidden; }
      .total-look > .group--look .pin.active-info .info {
        display: block; }
    .total-look .listing--products {
      position: fixed;
      top: auto;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 70vh;
      transform: none;
      padding: 0 15px;
      overflow-x: hidden;
      overflow-y: auto;
      background: #f5f2f0;
      pointer-events: none;
      transform: translateY(100%);
      transition: transform ease-in-out 350ms;
      z-index: 1000; }
      .total-look .listing--products::-webkit-scrollbar {
        width: 12px;
        border-radius: 0px;
        background-color: #f5f2f0; }
      .total-look .listing--products::-webkit-scrollbar-button {
        display: none; }
      .total-look .listing--products::-webkit-scrollbar-button:hover {
        display: none; }
      .total-look .listing--products::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: none;
        border-radius: 8px;
        border: 2px solid #f5f2f0; }
        .total-look .listing--products::-webkit-scrollbar-thumb:hover {
          background-color: rgba(0, 0, 0, 0.2); }
      .total-look .listing--products::-webkit-scrollbar-track {
        background-color: #f5f2f0;
        border-radius: 0px; }
        .total-look .listing--products::-webkit-scrollbar-track:hover {
          background-color: #f5f2f0; }
      .total-look .listing--products.opened {
        pointer-events: all;
        transform: translateY(0); }
      .total-look .listing--products .listing--products__head {
        padding: 15px 0;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .total-look .listing--products .listing--products__head .title {
          font-size: 18px;
          font-family: 'calligarisbold';
          color: #1d1820; }
        .total-look .listing--products .listing--products__head .btn--close {
          width: 15px;
          height: 15px; }
          .total-look .listing--products .listing--products__head .btn--close svg {
            width: 100%;
            height: 100%; }
      .total-look .listing--products .listing--products__inner {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        width: auto !important;
        height: auto;
        transform: none !important;
        margin-left: -7.5px;
        margin-right: -7.5px; }
      .total-look .listing--products .card--product {
        flex: 1 1 calc(50% - 15px);
        max-width: calc(50% - 15px);
        background: white;
        margin: 0 7.5px 15px 7.5px; }
        .total-look .listing--products .card--product .picture {
          position: relative;
          width: 100%;
          padding-top: calc(73.56322% - 73.56322% * 0);
          display: flex;
          background: #f9f9f9; }
          .total-look .listing--products .card--product .picture img,
          .total-look .listing--products .card--product .picture video,
          .total-look .listing--products .card--product .picture canvas {
            position: absolute;
            /*
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        */
            object-fit: cover;
            height: 100%;
            top: 0; } }
        @media (max-width: 1023px) and (max-width: 576px) {
          .total-look .listing--products .card--product .picture img,
          .total-look .listing--products .card--product .picture video,
          .total-look .listing--products .card--product .picture canvas {
            max-width: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            min-width: 100%;
            min-height: 100%; } }
  @media (max-width: 1023px) {
          .total-look .listing--products .card--product .picture img {
            object-fit: initial;
            max-width: 100%; }
        .total-look .listing--products .card--product .content {
          position: relative; }
        .total-look .listing--products .card--product .group--info {
          padding: 10px;
          font-size: 12px;
          color: #1d1820;
          display: flex;
          flex-direction: column; }
          .total-look .listing--products .card--product .group--info .title {
            font-family: 'calligarisbold';
            font-weight: bold;
            text-transform: lowercase; }
          .total-look .listing--products .card--product .group--info .price {
            order: 3;
            text-transform: lowercase; }
            .total-look .listing--products .card--product .group--info .price strong {
              font-family: 'calligarisbold';
              font-weight: bold; }
          .total-look .listing--products .card--product .group--info .btn--buy {
            display: none;
            text-transform: lowercase; }
    .total-look .btn--more {
      display: block;
      position: absolute;
      bottom: 5px;
      right: 5px; } }

.cursor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity ease-in-out 350ms; }
  .cursor .horizontal,
  .cursor .vertical {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    border-radius: 35px;
    background: white; }
  .cursor .horizontal {
    animation: horizontal-drag-rotation 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite alternate both; }
    .cursor .horizontal svg {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 34px;
      height: 39px;
      margin-left: -17px;
      margin-top: -19.5px; }
  .cursor .vertical {
    display: none;
    animation: vertical-drag-rotation 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite alternate both; }
    .cursor .vertical svg {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 32px;
      height: 43px;
      margin-left: -16px;
      margin-top: -21.5px; }
  .enter .cursor {
    visibility: visible;
    opacity: 1; }
  .vertical .cursor .horizontal {
    display: none; }
  .vertical .cursor .vertical {
    display: block; }

@keyframes vertical-drag {
  0% {
    transform: translateY(50px); }
  100% {
    transform: translateY(-50px); } }

@keyframes horizontal-drag {
  0% {
    transform: translateX(50px); }
  100% {
    transform: translateX(-50px); } }

@keyframes vertical-drag-rotation {
  0% {
    transform: translateY(50px) rotateZ(10deg); }
  100% {
    transform: translateY(-50px) rotateZ(-10deg); } }

@keyframes horizontal-drag-rotation {
  0% {
    transform: translateX(50px) rotateZ(-10deg); }
  100% {
    transform: translateX(-50px) rotateZ(10deg); } }

.section--total-look-switch .group--look {
  order: 2; }

.section--total-look-switch .listing--products {
  order: 1; }

.section--total-look-widescreen .group--look {
  flex: 1 1 100%;
  max-width: 100%;
  overflow: hidden; }
  .section--total-look-widescreen .group--look .pin.active-info .info {
    display: block; }
    @media (min-width: 1024px) {
      .section--total-look-widescreen .group--look .pin.active-info .info .content figure {
        display: block; } }

@media (min-width: 1024px) {
  .section--total-look-widescreen .listing--products {
    flex: 0 0 0%;
    max-width: 0%; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
#page-not-found {
  padding-top: 120px;
  padding-top: 150px;
  text-align: center; }
  @media (max-width: 1200px) {
    #page-not-found {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    #page-not-found {
      padding-top: 50px; } }
  @media (max-width: 1200px) {
    #page-not-found {
      padding-top: 120px; } }
  @media (max-width: 767px) {
    #page-not-found {
      padding-top: 100px; } }
  #page-not-found .container {
    visibility: visible; }
    #page-not-found .container .txt-404 {
      font-family: 'calligarisregular';
      font-display: swap;
      font-family: 'calligarisbold';
      text-transform: uppercase;
      font-size: 24px;
      line-height: 1.2;
      color: #525459; }
      #page-not-found .container .txt-404 img {
        display: inline-block; }
      #page-not-found .container .txt-404 .url {
        font-family: 'calligarisregular';
        font-display: swap;
        text-transform: none;
        margin: 15px 0; }
        @media (max-width: 576px) {
          #page-not-found .container .txt-404 .url {
            display: none; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
#sitemap {
  visibility: visible; }
  #sitemap .sitemap {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    #sitemap .sitemap li {
      visibility: visible; }
      #sitemap .sitemap li .tit {
        margin-bottom: 15px; }
      #sitemap .sitemap li.categoria {
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px; }
        @media (max-width: 767px) {
          #sitemap .sitemap li.categoria {
            border: none;
            margin-bottom: 0; } }
      #sitemap .sitemap li ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        #sitemap .sitemap li ul li {
          margin-bottom: 5px; }
  @media (max-width: 991px) {
    #sitemap .grid > div {
      flex: 0 0 100%;
      margin: 0; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.CookieDeclaration a {
  color: #525459;
  text-decoration: underline; }

#CybotCookiebotDialog {
  visibility: visible;
  z-index: 9999999999; }
  #CybotCookiebotDialog #CybotCookiebotDialogBody {
    visibility: visible; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle {
    text-transform: uppercase;
    font-size: 10pt; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
    font-weight: 100; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: #ef3340 !important;
    border-color: #ef3340 !important;
    font-weight: 100 !important; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #ef3340 !important;
    border-color: #ef3340 !important;
    font-weight: 100 !important; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
#newsletter-popup {
  padding: 0;
  max-width: 1200px; }
  @media (max-width: 1200px) {
    #newsletter-popup {
      max-width: 90vw;
      visibility: visible; } }
  #newsletter-popup .grid {
    align-items: center; }
    @media (max-width: 991px) {
      #newsletter-popup .grid {
        align-items: flex-start; } }
  #newsletter-popup .txt-col {
    padding: 30px; }
    #newsletter-popup .txt-col .popup-form {
      margin-top: 30px; }
    #newsletter-popup .txt-col .input-email {
      text-align: center;
      width: 100%; }
      #newsletter-popup .txt-col .input-email .email {
        position: relative; }
      #newsletter-popup .txt-col .input-email .cta {
        padding: 15px; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--listing--promo {
  padding-top: 100px; }
  @media (max-width: 767px) {
    .section--listing--promo {
      padding-top: 40px; } }
  .section--listing--promo .box-promo {
    flex: 0 0 calc((100% / 12) * 5);
    max-width: calc((100% / 12) * 5);
    padding-bottom: 120px; }
    .section--listing--promo .box-promo:nth-child(odd) {
      padding-top: 120px; }
    @media (max-width: 991px) {
      .section--listing--promo .box-promo {
        flex: 0 0 calc((100% / 12) * 5.5);
        max-width: calc((100% / 12) * 5.5); } }
    @media (max-width: 767px) {
      .section--listing--promo .box-promo {
        padding-bottom: 50px;
        padding-top: 0 !important;
        max-width: 100%;
        border-bottom: 1px solid #525459;
        margin-bottom: 50px; }
        .section--listing--promo .box-promo:last-child {
          border: none;
          padding: 0;
          margin: 0; } }
    .section--listing--promo .box-promo figure {
      position: relative;
      z-index: 1; }
      .section--listing--promo .box-promo figure .cta {
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.7);
        opacity: 0;
        pointer-events: none;
        transition: all 0.2s ease-in-out; }
        .section--listing--promo .box-promo figure .cta a {
          position: absolute;
          width: 70%;
          height: auto;
          display: inline-block;
          text-align: center;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
          @media (max-width: 767px) {
            .section--listing--promo .box-promo figure .cta a {
              width: 80%; } }
      .section--listing--promo .box-promo figure:hover .cta {
        opacity: 1;
        pointer-events: all; }
    .section--listing--promo .box-promo .tit {
      margin: 40px 0 15px; }
      @media (max-width: 767px) {
        .section--listing--promo .box-promo .tit {
          margin: 20px 0; } }

.section--promo--dettaglio .grid {
  /*@include paddingTopSection($style:small);*/
  padding-top: 132px; }
  @media (max-width: 767px) {
    .section--promo--dettaglio .grid {
      padding-top: 0 !important; } }
  .section--promo--dettaglio .grid:nth-child(2n) {
    padding-top: 137px; }
  .section--promo--dettaglio .grid:nth-child(3n) {
    padding-top: 133px; }

.section--promo--dettaglio .tags {
  margin: 93px 0 71px 0;
  padding: 0;
  list-style-type: none; }
  .section--promo--dettaglio .tags li {
    font-size: 24px;
    line-height: 1.5; }
  @media (max-width: 767px) {
    .section--promo--dettaglio .tags {
      margin: 50px 0;
      text-align: center; } }

.section--promo--dettaglio .tags-desc {
  padding-right: 50px; }
  .section--promo--dettaglio .tags-desc h4 {
    font-family: 'calligarisregular';
    font-display: swap;
    font-family: 'calligarisbold';
    text-transform: lowercase;
    color: #000; }

.section--promo--dettaglio .dati-personali {
  padding-top: 0; }

.img-sfalsata {
  margin-top: 80px; }
  @media (max-width: 767px) {
    .img-sfalsata {
      margin: 0 0 40px 0; } }

.section--promo--listing {
  padding-top: 120px;
  padding-top: 80px; }
  @media (max-width: 1200px) {
    .section--promo--listing {
      /*padding-top: 60px;*/ } }
  @media (max-width: 767px) {
    .section--promo--listing {
      padding-top: 50px; } }
  .section--promo--listing .cont-listing {
    padding: 0; }
    .section--promo--listing .cont-listing .tit {
      margin-bottom: 6px; }
    .section--promo--listing .cont-listing .listing {
      padding-top: 0; }
      .section--promo--listing .cont-listing .listing .box {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3); }
        @media (max-width: 991px) {
          .section--promo--listing .cont-listing .listing .box {
            flex: 0 0 50%;
            max-width: 50%; } }

.section--news--dettaglio {
  padding-top: 35px; }
  .section--news--dettaglio .cta {
    margin-top: 35px; }

.section--listing--customize {
  /*@include paddingTopSection($style:small);*/
  padding-top: 140px; }
  .section--listing--customize figure {
    text-align: right; }
    .section--listing--customize figure img {
      display: inline-block; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
@media (max-width: 991px) {
  .promo-landing {
    padding-top: 75px; } }

.promo-landing .section {
  padding: 3.75rem 0 0 0; }
  .promo-landing .section.section--swiper-hp {
    padding: 6rem 0; }
  .promo-landing .section.hero--video:first-child {
    padding: 0; }
  .promo-landing .section.section--carousel {
    padding: 3.75rem 0; }
  @media (max-width: 991px) {
    .promo-landing .section {
      padding: 1.875rem 0 0 0; } }

.promo-landing .section--img-sx .container,
.promo-landing .section--img-dx .container {
  max-width: 100%;
  padding: 0; }

.promo-landing .section--img-sx .grid,
.promo-landing .section--img-dx .grid {
  align-items: center;
  font-size: 1.1rem; }
  @media (max-width: 991px) {
    .promo-landing .section--img-sx .grid,
    .promo-landing .section--img-dx .grid {
      font-size: 1rem; } }
  @media (max-width: 991px) {
    .promo-landing .section--img-sx .grid .col-6,
    .promo-landing .section--img-sx .grid .col-4,
    .promo-landing .section--img-dx .grid .col-6,
    .promo-landing .section--img-dx .grid .col-4 {
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      margin: 0 0 32px 0; } }
  .promo-landing .section--img-sx .grid .col-6,
  .promo-landing .section--img-dx .grid .col-6 {
    text-align: center; }
    .promo-landing .section--img-sx .grid .col-6 img,
    .promo-landing .section--img-dx .grid .col-6 img {
      display: inline-flex;
      width: 100%; }

.promo-landing .section--img-sx .tags-desc,
.promo-landing .section--img-dx .tags-desc {
  padding: 0 16px;
  font-size: 1.125rem; }

@media (max-width: 991px) {
  .promo-landing .section--img-dx .grid {
    display: flex;
    flex-direction: column; }
    .promo-landing .section--img-dx .grid .col-6:first-child,
    .promo-landing .section--img-dx .grid .col-4:first-child {
      order: 2; }
    .promo-landing .section--img-dx .grid .col-6:last-child,
    .promo-landing .section--img-dx .grid .col-4:last-child {
      order: 1; } }

.promo-landing .section--loader {
  text-align: center; }
  .promo-landing .section--loader .cta {
    text-align: center;
    width: 100%; }
    .promo-landing .section--loader .cta .btn {
      width: 100%; }

.promo-landing .hero-hp {
  visibility: visible; }
  .promo-landing .hero-hp .slide-hero {
    height: 100vh; }
    .promo-landing .hero-hp .slide-hero img {
      display: none; }
    @media (max-width: 991px) {
      .promo-landing .hero-hp .slide-hero {
        height: auto; }
        .promo-landing .hero-hp .slide-hero img {
          display: block;
          width: 100%;
          height: auto; } }
    @media (max-width: 767px) {
      .promo-landing .hero-hp .slide-hero .bottom-landing {
        display: block;
        position: static !important; }
        .promo-landing .hero-hp .slide-hero .bottom-landing .name-prodotto {
          color: #000;
          line-height: 1;
          margin-top: 20px !important; } }

.section--carousel .listing {
  outline: none;
  display: block;
  padding: 0; }
  .section--carousel .listing .box {
    max-width: 410px;
    outline: none;
    margin: 0; }
    .section--carousel .listing .box .divider {
      width: calc(100% - 30px); }
    @media (max-width: 767px) {
      .section--carousel .listing .box {
        max-width: 180px;
        margin: 0 15px; }
        .section--carousel .listing .box .cta a {
          display: block;
          width: 100%; }
        .section--carousel .listing .box .divider {
          width: 100%; } }
  @media (max-width: 767px) {
    .section--carousel .listing .slick-track {
      margin: 0 !important; } }

.section--carousel .listing__box {
  padding: 0 32px; }
  @media (max-width: 767px) {
    .section--carousel .listing__box {
      padding: 0 16px; } }
  @media (max-width: 576px) {
    .section--carousel .listing__box {
      padding: 0 8px; } }
  .section--carousel .listing__box a {
    color: #000000; }
  .section--carousel .listing__box .listing__box-title {
    font-size: 1.8rem;
    color: #000;
    font-family: calligarisbold;
    text-transform: lowercase;
    margin-top: 0;
    margin-bottom: 8px;
    text-align: center;
    line-height: 1.2; }
    @media (max-width: 991px) {
      .section--carousel .listing__box .listing__box-title {
        font-size: 1.2rem; } }
  .section--carousel .listing__box .listing__box-text {
    font-size: 1rem;
    color: #000;
    text-align: center;
    line-height: 1.2; }
    @media (max-width: 991px) {
      .section--carousel .listing__box .listing__box-text {
        font-size: 0.8rem; } }

.section--title, .section--title-left {
  text-align: center;
  padding: 3.75rem 0; }
  .section--title.title-left, .title-left.section--title-left {
    text-align: left; }
  @media (max-width: 991px) {
    .section--title, .section--title-left {
      padding: 1.875rem 0; } }
  .section--title .h3, .section--title-left .h3 {
    font-size: 3.2rem;
    color: #000;
    font-family: calligarisbold;
    text-transform: lowercase;
    margin-top: 0;
    margin-bottom: 16px; }
    @media (max-width: 991px) {
      .section--title .h3, .section--title-left .h3 {
        font-size: 3rem; } }
    @media (max-width: 767px) {
      .section--title .h3, .section--title-left .h3 {
        font-size: 2.2rem; } }
  .section--title p, .section--title-left p {
    font-size: 1.1rem; }
    @media (max-width: 991px) {
      .section--title p, .section--title-left p {
        font-size: 1rem; } }
    @media (max-width: 767px) {
      .section--title p, .section--title-left p {
        font-size: 1.125rem; } }
    .section--title p:last-child, .section--title-left p:last-child {
      margin-bottom: 0; }
  .section--title ul, .section--title-left ul, .section--title ol, .section--title-left ol {
    padding-left: 15px; }
    .section--title ul li, .section--title-left ul li, .section--title ol li, .section--title-left ol li {
      font-size: 1.1rem; }
  .section--title.big-fascia p, .big-fascia.section--title-left p {
    font-size: 1.5rem;
    line-height: 1.5; }

.section--title-left {
  text-align: left;
  padding: 0 0 3.75rem 0; }
  .section--title-left .h3 {
    font-size: 4rem;
    padding-top: 3.75rem;
    margin: 0 !important; }
    @media (max-width: 991px) {
      .section--title-left .h3 {
        font-size: 3.7rem;
        padding-top: 1.875rem; } }
    @media (max-width: 767px) {
      .section--title-left .h3 {
        font-size: 44px;
        line-height: 1.1;
        margin-bottom: 30px; } }
  .section--title-left .text {
    padding-top: 3.75rem; }
    @media (max-width: 991px) {
      .section--title-left .text {
        padding-top: 1.875rem;
        margin: 0;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%; } }
  .section--title-left p {
    font-size: 1.125rem;
    line-height: 1.5; }
    @media (max-width: 991px) {
      .section--title-left p {
        font-size: 1.2rem; } }
  @media (max-width: 991px) {
    .section--title-left {
      padding: 0 0 1.875rem 0; }
      .section--title-left .col-9 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%; } }

.section--hero + .section--title-left {
  padding-top: 0; }

.virtual-tour {
  width: 100%;
  height: 0;
  padding-bottom: 56.5%;
  position: relative; }
  .virtual-tour iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.section--edit-contenuti-listing .listing-header .cta {
  margin: 0; }

.section--edit-contenuti-listing .content-listing {
  padding-top: 100px; }
  .section--edit-contenuti-listing .content-listing .empty-listing {
    margin: 0 auto;
    font-style: italic; }
  .section--edit-contenuti-listing .content-listing .content-card-wrapper {
    padding: 15px; }
    .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card {
      border: 1px solid #333;
      box-shadow: 0px 10px 48px -26px rgba(0, 0, 0, 0.75); }
      .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card.busy {
        cursor: progress; }
        .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card.busy:after {
          content: "";
          display: block;
          background: #fff;
          opacity: .75;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 10; }
      .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card.non-pubblicato {
        border-color: #ccc;
        box-shadow: none; }
      .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card .card-bottom {
        padding: 15px; }
      .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card .card-top {
        position: relative; }
      .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card .field-title {
        font-size: 1.2em;
        font-weight: bold;
        padding-bottom: 15px; }
      .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card .field-thumb {
        width: 100%;
        height: 180px; }
        .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card .field-thumb .thumb {
          width: 100%;
          height: 100%;
          background-position: center;
          background-size: cover; }
      .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card .field-status {
        position: absolute;
        top: 5px;
        left: 5px; }
      .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card .actions {
        padding-top: 30px;
        margin: 0; }
        .section--edit-contenuti-listing .content-listing .content-card-wrapper .content-card .actions a {
          margin: 0; }

.section--edit-contenuto form {
  position: relative; }
  .section--edit-contenuto form.busy {
    cursor: progress; }
    .section--edit-contenuto form.busy:before {
      content: "";
      display: block;
      position: absolute;
      top: -30px;
      bottom: -30px;
      left: -30px;
      right: -30px;
      opacity: .75;
      background: #fff;
      z-index: 10; }
  .section--edit-contenuto form .field {
    padding-bottom: 20px; }
  .section--edit-contenuto form .cke_editable {
    padding: 18px 25px;
    border: 1px solid #cecece; }
  .section--edit-contenuto form .cta {
    text-align: center;
    width: 100%; }
    .section--edit-contenuto form .cta input, .section--edit-contenuto form .cta a {
      display: inline-block;
      width: auto; }
  .section--edit-contenuto form .img-upload-img {
    padding: 15px;
    z-index: 10; }
    .section--edit-contenuto form .img-upload-img.busy:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #fff;
      opacity: .75;
      cursor: progress; }
    .section--edit-contenuto form .img-upload-img .img-wrapper {
      position: relative; }
    .section--edit-contenuto form .img-upload-img img {
      margin: 0 auto;
      max-width: 100%;
      height: auto; }
    .section--edit-contenuto form .img-upload-img .img-delete {
      background-image: url(/docs/assets/img/trash-can.svg);
      background-color: #eee;
      background-size: 20px 20px;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: 30px;
      right: 30px;
      width: 30px;
      height: 30px;
      padding: 0;
      border-radius: 50%;
      cursor: pointer; }
      .section--edit-contenuto form .img-upload-img .img-delete:hover {
        background-color: #ccc; }
    .section--edit-contenuto form .img-upload-img .cropper-move {
      z-index: 10; }
  .section--edit-contenuto form .help-text {
    font-size: 14px;
    font-style: italic;
    text-align: left;
    padding-top: 10px;
    margin-top: 15px;
    border-top: 1px solid #ccc; }
  .section--edit-contenuto form .img-upload-actions .cta {
    margin: 0;
    text-align: right; }

.section--listing-wishlist .wishlist-listing {
  margin-top: 75px;
  border-bottom: 1px solid #000; }
  .section--listing-wishlist .wishlist-listing .listing-header {
    padding: 15px;
    font-weight: bold;
    border-bottom: 1px solid #000; }
  .section--listing-wishlist .wishlist-listing .wishlist.is-open .wishlist-header .accordion-toggle:before {
    transform: rotate(-45deg); }
  .section--listing-wishlist .wishlist-listing .wishlist:nth-child(even) .wishlist-header {
    background: #fff; }
  .section--listing-wishlist .wishlist-listing .wishlist .wishlist-header {
    background: #f6f6f6;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer; }
    .section--listing-wishlist .wishlist-listing .wishlist .wishlist-header:last-child {
      border-bottom: none; }
    .section--listing-wishlist .wishlist-listing .wishlist .wishlist-header .accordion-toggle:before {
      border-style: solid;
      border-width: 0.15em 0.15em 0 0;
      content: '';
      display: inline-block;
      height: 0.45em;
      right: 15px;
      position: absolute;
      top: 5px;
      transform: rotate(135deg);
      vertical-align: top;
      width: 0.45em;
      transition: transform .25s ease-in; }
  .section--listing-wishlist .wishlist-listing .wishlist:last-child .wishlist-products .product:last-child {
    border-bottom: none; }
  .section--listing-wishlist .wishlist-listing .wishlist .wishlist-products .product {
    padding: 15px;
    align-items: center;
    border-bottom: 1px solid #cbcbcb; }
    .section--listing-wishlist .wishlist-listing .wishlist .wishlist-products .product .product-name {
      font-size: 1.2em;
      font-weight: bold; }
    .section--listing-wishlist .wishlist-listing .wishlist .wishlist-products .product .product-price {
      font-size: 1.3em;
      font-weight: bold; }
    .section--listing-wishlist .wishlist-listing .wishlist .wishlist-products .product .product-link {
      text-align: right; }
      .section--listing-wishlist .wishlist-listing .wishlist .wishlist-products .product .product-link a {
        font-size: 1.1em;
        color: #515254;
        padding-bottom: 6px;
        border-bottom: 1px solid #515254; }

#delete-confirm-modal .cta {
  padding-top: 30px;
  display: block; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.floating {
  position: fixed;
  z-index: 10;
  bottom: 20px;
  right: 40px;
  height: 50px; }
  .floating .floating__cta, .floating .floating__cta--subscribe {
    font-size: 14px;
    line-height: 1.7;
    text-transform: lowercase;
    position: relative;
    z-index: 1;
    left: 0;
    top: -5px;
    background: #fff;
    font-weight: 700;
    color: #525459;
    border: 1px solid #525459;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 32px;
    height: 45px;
    border-radius: 23px;
    transition: all 0.3s cubic-bezier(0, 0.97, 0.43, 1); }
    .floating .floating__cta svg, .floating .floating__cta--subscribe svg {
      margin-right: 10px; }
    @media (hover: hover) {
      .floating .floating__cta:hover, .floating .floating__cta--subscribe:hover {
        background: #525459;
        color: #fff;
        cursor: pointer; }
        .floating .floating__cta:hover svg, .floating .floating__cta--subscribe:hover svg {
          fill: #fff; }
          .floating .floating__cta:hover svg path, .floating .floating__cta--subscribe:hover svg path {
            fill: #fff; } }
  .floating .floating__top {
    position: absolute;
    z-index: 0;
    right: 0;
    top: 200%;
    background: #fff;
    height: 45px;
    width: 45px;
    border-radius: 50px;
    color: #525459;
    border: 1px solid #525459;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0, 0.97, 0.43, 1); }
    .floating .floating__top svg {
      content: '';
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all 0.3s cubic-bezier(0, 0.97, 0.43, 1); }
    @media (hover: hover) {
      .floating .floating__top:hover {
        background: #525459;
        color: #fff;
        cursor: pointer; }
        .floating .floating__top:hover svg {
          fill: #fff; }
          .floating .floating__top:hover svg path {
            fill: #fff; } }
  .floating.floating--full .floating__cta, .floating.floating--full .floating__cta--subscribe {
    margin-right: 55px; }
  .floating.floating--full .floating__top {
    top: -5px; }
  @media (max-width: 767px) {
    .floating {
      bottom: 10px;
      right: 20px; }
      .floating .floating__cta, .floating .floating__cta--subscribe {
        font-size: 0;
        width: 45px;
        height: 45px;
        border-radius: 45px;
        padding: 0;
        top: 0; }
        .floating .floating__cta svg, .floating .floating__cta--subscribe svg {
          margin: 0;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 22px;
          height: auto; }
      .floating .floating__top {
        height: 45px;
        width: 45px;
        border-radius: 45px; }
      .floating.floating--full .floating__cta, .floating.floating--full .floating__cta--subscribe {
        margin-right: 53px; }
      .floating.floating--full .floating__top {
        top: 0; } }

body.no-floating .floating {
  display: none; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.sticky-bar {
  position: fixed;
  bottom: -60px;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 60px;
  margin: 0 auto;
  left: 0;
  right: 0;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  background: white;
  transition: all 0.6s cubic-bezier(0, 0.97, 0.43, 1);
  border-top: 1px solid #e2e2e2; }
  @media (max-width: 767px) {
    .sticky-bar .container {
      padding: 0 30px; } }
  @media (max-width: 576px) {
    .sticky-bar .container {
      padding: 0 15px; } }
  .sticky-bar .sticky-bar__wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 7px -20px 0 -20px; }
    @media (max-width: 576px) {
      .sticky-bar .sticky-bar__wrapper {
        margin: 7px 0 0; } }
    .sticky-bar .sticky-bar__wrapper .sticky-bar__primary,
    .sticky-bar .sticky-bar__wrapper .sticky-bar__secondary {
      flex: 0 0 50%;
      max-width: 50%;
      padding: 0 20px; }
      @media (max-width: 767px) {
        .sticky-bar .sticky-bar__wrapper .sticky-bar__primary,
        .sticky-bar .sticky-bar__wrapper .sticky-bar__secondary {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0; } }
    @media (max-width: 576px) {
      .sticky-bar .sticky-bar__wrapper .sticky-bar__primary {
        flex: 0 0 auto;
        max-width: none;
        padding: 0; } }
    @media (max-width: 576px) {
      .sticky-bar .sticky-bar__wrapper .sticky-bar__secondary {
        flex: 1 0 auto;
        max-width: none;
        padding: 0; } }
  .sticky-bar .sticky-bar__primary .box {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 -12.5px; }
    .sticky-bar .sticky-bar__primary .box .img {
      padding: 0 12.5px; }
      .sticky-bar .sticky-bar__primary .box .img img {
        width: 60px; }
      @media (max-width: 576px) {
        .sticky-bar .sticky-bar__primary .box .img {
          display: none; } }
    .sticky-bar .sticky-bar__primary .box .text {
      color: #000;
      font-size: 18px;
      padding: 0 12.5px;
      font-weight: 700; }
      @media (max-width: 576px) {
        .sticky-bar .sticky-bar__primary .box .text {
          margin-bottom: 14px; } }
  .sticky-bar .sticky-bar__secondary {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end; }
    @media (max-width: 767px) {
      .sticky-bar .sticky-bar__secondary {
        text-align: center; } }
    .sticky-bar .sticky-bar__secondary .box__prices {
      margin-right: 20px;
      text-align: right; }
      @media (max-width: 576px) {
        .sticky-bar .sticky-bar__secondary .box__prices {
          margin-right: 0;
          text-align: right;
          position: absolute;
          left: 15px;
          bottom: 7px; } }
      .sticky-bar .sticky-bar__secondary .box__prices .price {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2; }
        @media (max-width: 576px) {
          .sticky-bar .sticky-bar__secondary .box__prices .price {
            font-size: 14px;
            color: #000; } }
      .sticky-bar .sticky-bar__secondary .box__prices .quantity {
        font-size: 12px;
        line-height: 1;
        color: #525459; }
        @media (max-width: 576px) {
          .sticky-bar .sticky-bar__secondary .box__prices .quantity {
            display: none; } }
      .sticky-bar .sticky-bar__secondary .box__prices .quantity__price {
        display: inline-block; }
    .sticky-bar .sticky-bar__secondary .btn {
      padding: 14px 26px; }
    .sticky-bar .sticky-bar__secondary .cta {
      display: flex;
      flex-direction: row; }
      @media (max-width: 576px) {
        .sticky-bar .sticky-bar__secondary .cta .btn.black {
          padding: 8px 16px;
          line-height: 1.8;
          font-size: 16px; } }
      .sticky-bar .sticky-bar__secondary .cta .btn--addtofav {
        width: 46px;
        height: 45px;
        margin-left: 20px;
        background: #f6f6f6;
        display: flex;
        justify-content: center;
        align-items: center;
        align-items: center;
        justify-content: center;
        padding: 0; }
        @media (max-width: 576px) {
          .sticky-bar .sticky-bar__secondary .cta .btn--addtofav {
            margin-left: 10px; } }
        .sticky-bar .sticky-bar__secondary .cta .btn--addtofav .ico--fav-on {
          display: none; }
        .sticky-bar .sticky-bar__secondary .cta .btn--addtofav.active .ico--fav-off {
          display: none; }
        .sticky-bar .sticky-bar__secondary .cta .btn--addtofav.active .ico--fav-on {
          display: block; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.newsletter-subscribe .floating {
  display: none; }
  @media (max-width: 991px) {
    .newsletter-subscribe .floating {
      display: block; } }

.newsletter-subscribe .side-panel {
  /*background: none;*/ }
  .newsletter-subscribe .side-panel.active {
    pointer-events: none; }
  .newsletter-subscribe .side-panel .box-panel {
    pointer-events: all; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.countdown {
  text-align: center;
  bottom: auto !important;
  top: 304px; }
  .countdown .mancano {
    font-family: 'calligarisbold';
    font-size: 54px;
    line-height: 1; }
  .countdown .name-prodotto {
    font-size: 54px !important; }
  .countdown .desc-promo {
    margin: 32px 0 0;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400; }
    .countdown .desc-promo span {
      font-size: 80px;
      line-height: 1;
      font-weight: 700;
      margin: 0 10px;
      position: relative;
      top: 14px; }
  .countdown .cta {
    margin-top: 40px; }
  @media (max-width: 1560px) {
    .countdown {
      transform: scale(0.85);
      top: auto;
      bottom: 20px !important; } }
  @media (max-width: 991px) {
    .countdown {
      transform: scale(1) translateY(-50%);
      top: 50%;
      bottom: auto !important; } }
  @media (max-width: 767px) {
    .countdown {
      top: 50%;
      transform: translateY(-50%); }
      .countdown .mancano {
        color: #fff;
        font-size: 30px; }
      .countdown .name-prodotto {
        font-size: 30px !important; }
      .countdown .desc-promo {
        font-size: 20px;
        color: #fff;
        line-height: 1.3; }
        .countdown .desc-promo strong {
          color: #fff !important; }
        .countdown .desc-promo span {
          font-size: 50px;
          top: 7px;
          margin: 0 5px; }
      .countdown .cta {
        margin-top: 20px;
        transform: scale(0.7); } }
  @media only screen and (orientation: landscape) and (height: 600px) {
    .countdown {
      transform: scale(0.65); } }

#countdown {
  list-style: none;
  margin: 80px 0 40px;
  padding: 0;
  display: block;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%); }
  #countdown li {
    display: inline-block;
    color: #fff;
    position: relative;
    min-width: 90px; }
    #countdown li span {
      font-size: 140px;
      font-weight: 700;
      line-height: 80px;
      font-family: 'calligarisregular';
      color: #fff;
      position: absolute;
      left: 50%;
      top: 0;
      transform: translateX(-50%); }
      @media (max-width: 991px) {
        #countdown li span {
          font-size: 120px; } }
    #countdown li p {
      color: #fff;
      font-size: 18px;
      margin: 130px 0 0 0;
      text-transform: lowercase; }
    #countdown li.seperator {
      font-size: 80px;
      line-height: 1;
      vertical-align: top;
      margin: 0 35px;
      min-width: auto; }
      @media (max-width: 991px) {
        #countdown li.seperator {
          margin: 0 30px; } }
  @media (max-width: 767px) {
    #countdown {
      margin: 20px 0;
      left: 0;
      transform: none;
      max-width: 100vw;
      display: flex;
      justify-content: center; }
      #countdown li {
        min-width: 1px; }
        #countdown li span {
          font-size: 50px;
          line-height: 1; }
        #countdown li p {
          margin: 55px 0 0 0;
          font-size: 14px; }
        #countdown li.seperator {
          font-size: 30px;
          line-height: 1.6;
          margin: 0 15px; } }
  @media (max-width: 576px) {
    #countdown li {
      min-width: 40px; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.blackfriday .homepage {
  background: #000;
  color: #fff; }
  .blackfriday .homepage .name-prodotto.real, .blackfriday .homepage .tit, .blackfriday .homepage .h3, .blackfriday .homepage .fascia-continua a, .blackfriday .homepage .abstract, .blackfriday .homepage .cta-arr a, .blackfriday .homepage .focus__txt .h4, .blackfriday .homepage .m-2024-carousel .flex.flex-1-1 .m-2024-box .tit, .blackfriday .homepage .m-2024-carousel .flex.flex-1-1 .m-2024-box .cta-arr a {
    color: #fff; }

.blackfriday .section.m-2024-split .cta-arr a {
  color: #000; }

.blackfriday .section--total-look .pin .title {
  color: #000; }

.blackfriday footer {
  padding-top: 0; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.inspiration {
  font-size: 24px;
  line-height: 1.5;
  color: #000; }
  .inspiration .f-18 {
    font-size: 18px; }
    .inspiration .f-18 p {
      margin-bottom: 40px; }
  .inspiration img {
    width: 100%; }
  .inspiration strong {
    font-family: 'calligarisbold'; }
  .inspiration p {
    margin-bottom: 45px; }
  .inspiration div > p:last-child {
    margin-bottom: 0 !important; }
  .inspiration .section:last-child {
    padding-bottom: 75px; }
  .inspiration .top-23 {
    padding-top: 23px; }
  .inspiration .top-32 {
    padding-top: 32px; }
  .inspiration .top-48 {
    padding-top: 48px; }
  .inspiration .top-64 {
    padding-top: 64px; }
  .inspiration .top-80 {
    padding-top: 80px; }
  .inspiration .top-100 {
    padding-top: 100px; }
  .inspiration .top-140 {
    padding-top: 140px; }
  .inspiration .top-160 {
    padding-top: 160px; }
  .inspiration .top-200 {
    padding-top: 200px; }
  .inspiration .tit {
    margin-bottom: 0; }
  .inspiration .tit-54 {
    font-size: 54px;
    line-height: 1.3; }
  .inspiration .tit-80 {
    font-size: 80px;
    line-height: 1.2; }
  .inspiration .tit-100 {
    font-size: 100px;
    line-height: 1; }
  .inspiration .tit-144 {
    font-size: 144px;
    line-height: 1; }
  .inspiration .blocco-foto {
    visibility: visible; }
    .inspiration .blocco-foto .picture {
      position: relative;
      z-index: 1;
      /*&:after {
				content: '';
				background: linear-gradient(transparent, $black);
				position: absolute;
				z-index: 2;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 100px;
			}*/ }
      .inspiration .blocco-foto .picture a {
        display: block; }
      .inspiration .blocco-foto .picture .desc {
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 60px 16px 16px;
        color: #fff;
        font-size: 16px;
        line-height: 1.5;
        background: linear-gradient(transparent, #000); }
    .inspiration .blocco-foto.blocco-big {
      visibility: visible; }
      .inspiration .blocco-foto.blocco-big:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 30vh;
        background: linear-gradient(#000, transparent); }
        @media (max-width: 991px) {
          .inspiration .blocco-foto.blocco-big:before {
            display: none; } }
      .inspiration .blocco-foto.blocco-big .picture:after {
        content: '';
        background: linear-gradient(transparent, #000);
        position: absolute;
        z-index: 2;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 258px; }
      .inspiration .blocco-foto.blocco-big .picture .desc {
        font-size: 54px;
        line-height: 1;
        left: 80px;
        bottom: 48px;
        font-family: 'calligarisbold';
        max-width: 400px;
        padding: 0;
        background: none; }
  .inspiration .foto-4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -48px; }
    .inspiration .foto-4 > div {
      margin-bottom: 48px;
      flex: 0 0 calc(50% - 24px);
      max-width: calc(50% - 24px);
      width: calc(50% - 24px); }
      .inspiration .foto-4 > div.cta-arr {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-top: -48px; }
  .inspiration .foto-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    .inspiration .foto-2 > div {
      flex: 0 0 calc(50% - 80px);
      max-width: calc(50% - 80px);
      width: calc(50% - 80px); }
      .inspiration .foto-2 > div:first-child .cta-arr {
        display: none; }
  .inspiration .cont-foto-2.odd .foto-2 {
    visibility: visible; }
  .inspiration .cont-foto-2.even .foto-2 {
    visibility: visible; }
  .inspiration .listing {
    /*justify-content: space-between;*/ }
    .inspiration .listing > div {
      flex: 0 0 calc(33.33% - 30px);
      max-width: calc(33.33% - 30px);
      margin-right: 45px; }
      .inspiration .listing > div:last-child {
        margin-right: 0; }
    .inspiration .listing .blocco-foto .picture {
      overflow: hidden;
      /*&:after {
					content: '';
					background: linear-gradient(transparent, $black);
					position: absolute;
					z-index: 2;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 258px;
				}*/ }
      .inspiration .listing .blocco-foto .picture .desc {
        font-size: 14px;
        border: 1px solid #fff;
        padding: 4px 12px;
        border-radius: 100px;
        font-family: 'calligarisbold';
        background: none;
        left: 16px;
        bottom: 16px;
        width: auto; }
        .inspiration .listing .blocco-foto .picture .desc:after {
          content: '';
          position: absolute;
          z-index: -1;
          background: linear-gradient(transparent, #000);
          left: -16px;
          bottom: -16px;
          width: 100vw;
          padding: 76px 0 0; }
    .inspiration .listing .abstract {
      font-size: 16px;
      padding-top: 16px; }
    .inspiration .listing .cta-arr {
      padding-top: 32px; }
    .inspiration .listing .riga, .inspiration .listing .filter-active {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin: 0;
      /*background: $red;*/ }
      .inspiration .listing .riga > div, .inspiration .listing .filter-active > div {
        margin-bottom: 128px; }
        .inspiration .listing .riga > div:nth-child(1), .inspiration .listing .riga > div:nth-child(11), .inspiration .listing .riga > div:nth-child(21), .inspiration .listing .filter-active > div:nth-child(1), .inspiration .listing .filter-active > div:nth-child(11), .inspiration .listing .filter-active > div:nth-child(21) {
          flex: 0 0 calc(100%/22*14.5);
          max-width: calc(100%/22*14.5);
          width: calc(100%/22*14.5);
          margin-right: 20px; }
        .inspiration .listing .riga > div:nth-child(2), .inspiration .listing .riga > div:nth-child(12), .inspiration .listing .riga > div:nth-child(22), .inspiration .listing .filter-active > div:nth-child(2), .inspiration .listing .filter-active > div:nth-child(12), .inspiration .listing .filter-active > div:nth-child(22) {
          flex: 0 0 calc(100%/22*7);
          max-width: calc(100%/22*7);
          width: calc(100%/22*7);
          margin-left: 20px; }
        .inspiration .listing .riga > div:nth-child(3), .inspiration .listing .riga > div:nth-child(8), .inspiration .listing .riga > div:nth-child(13), .inspiration .listing .riga > div:nth-child(18), .inspiration .listing .filter-active > div:nth-child(3), .inspiration .listing .filter-active > div:nth-child(8), .inspiration .listing .filter-active > div:nth-child(13), .inspiration .listing .filter-active > div:nth-child(18) {
          flex: 0 0 calc(100%/22*7);
          max-width: calc(100%/22*7);
          width: calc(100%/22*7);
          margin-right: 20px; }
        .inspiration .listing .riga > div:nth-child(4), .inspiration .listing .riga > div:nth-child(9), .inspiration .listing .riga > div:nth-child(14), .inspiration .listing .riga > div:nth-child(19), .inspiration .listing .filter-active > div:nth-child(4), .inspiration .listing .filter-active > div:nth-child(9), .inspiration .listing .filter-active > div:nth-child(14), .inspiration .listing .filter-active > div:nth-child(19) {
          flex: 0 0 calc(100%/22*7);
          max-width: calc(100%/22*7);
          width: calc(100%/22*7);
          margin-left: 20px;
          margin-right: 20px; }
        .inspiration .listing .riga > div:nth-child(5), .inspiration .listing .riga > div:nth-child(10), .inspiration .listing .riga > div:nth-child(15), .inspiration .listing .riga > div:nth-child(20), .inspiration .listing .filter-active > div:nth-child(5), .inspiration .listing .filter-active > div:nth-child(10), .inspiration .listing .filter-active > div:nth-child(15), .inspiration .listing .filter-active > div:nth-child(20) {
          flex: 0 0 calc(100%/22*7);
          max-width: calc(100%/22*7);
          width: calc(100%/22*7);
          margin-left: 20px; }
        .inspiration .listing .riga > div:nth-child(6), .inspiration .listing .riga > div:nth-child(16), .inspiration .listing .filter-active > div:nth-child(6), .inspiration .listing .filter-active > div:nth-child(16) {
          flex: 0 0 calc(100%/22*14.5);
          max-width: calc(100%/22*14.5);
          width: calc(100%/22*14.5);
          position: relative;
          left: calc(100%/22*7.5); }
        .inspiration .listing .riga > div:nth-child(7), .inspiration .listing .riga > div:nth-child(17), .inspiration .listing .filter-active > div:nth-child(7), .inspiration .listing .filter-active > div:nth-child(17) {
          flex: 0 0 calc(100%/22*7);
          max-width: calc(100%/22*7);
          width: calc(100%/22*7);
          position: relative;
          left: calc(-100%/22*14.5); }
        @media (max-width: 991px) {
          .inspiration .listing .riga > div:nth-child(6), .inspiration .listing .riga > div:nth-child(7), .inspiration .listing .filter-active > div:nth-child(6), .inspiration .listing .filter-active > div:nth-child(7) {
            position: inherit; } }
  .inspiration .video {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ }
    .inspiration .video video {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  @media (max-width: 991px) {
    .inspiration .hidden-sm {
      display: none !important; } }
  .inspiration .visible-sm {
    display: none !important; }
    @media (max-width: 991px) {
      .inspiration .visible-sm {
        display: flex !important; } }
  .inspiration .carousel-inspiration, .inspiration .carousel-inspiration-pink-project, .inspiration .swiper-hp {
    overflow: hidden; }
    .inspiration .carousel-inspiration .swiper-slide, .inspiration .carousel-inspiration-pink-project .swiper-slide, .inspiration .swiper-hp .swiper-slide {
      margin-right: 48px;
      width: 560px; }
    .inspiration .carousel-inspiration .swiper-button, .inspiration .carousel-inspiration-pink-project .swiper-button, .inspiration .swiper-hp .swiper-button {
      display: none;
      transform: translateY(-50%);
      right: 8px;
      width: 60px;
      height: 60px;
      background: #fff;
      border-radius: 60px;
      margin-top: -20px;
      /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);*/ }
      .inspiration .carousel-inspiration .swiper-button:after, .inspiration .carousel-inspiration-pink-project .swiper-button:after, .inspiration .swiper-hp .swiper-button:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: url(/docs/assets/img/inspiration/arrow-carousel.svg) center no-repeat;
        width: 30px;
        height: 20px;
        background-size: contain; }
      .inspiration .carousel-inspiration .swiper-button.swiper-button-prev, .inspiration .carousel-inspiration-pink-project .swiper-button.swiper-button-prev, .inspiration .swiper-hp .swiper-button.swiper-button-prev {
        left: 8px; }
        .inspiration .carousel-inspiration .swiper-button.swiper-button-prev:after, .inspiration .carousel-inspiration-pink-project .swiper-button.swiper-button-prev:after, .inspiration .swiper-hp .swiper-button.swiper-button-prev:after {
          transform: translate(-50%, -50%) rotate(180deg); }
  .inspiration .filters {
    visibility: visible; }
    .inspiration .filters ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: flex;
      justify-content: flex-start; }
      .inspiration .filters ul li {
        padding-right: 24px; }
        .inspiration .filters ul li a {
          font-size: 18px;
          line-height: 1.5;
          display: block;
          font-family: 'calligarisbold';
          color: #A8A9AC;
          border: 1px solid #A8A9AC;
          padding: 8px 24px;
          border-radius: 24px;
          transition: all 0.3s ease-in-out; }
          .inspiration .filters ul li a:hover, .inspiration .filters ul li a.active {
            color: #ef3340;
            border-color: #ef3340; }
  @media (max-width: 1560px) {
    .inspiration .listing .riga > div:nth-child(1), .inspiration .listing .riga > div:nth-child(11), .inspiration .listing .riga > div:nth-child(21), .inspiration .listing .filter-active > div:nth-child(1), .inspiration .listing .filter-active > div:nth-child(11), .inspiration .listing .filter-active > div:nth-child(21) {
      flex: 0 0 calc((100%/22)*14.5 - 6px);
      max-width: calc((100%/22)*14.5 - 6px);
      width: calc((100%/22)*14.5 - 6px); }
    .inspiration .listing .riga > div:nth-child(2), .inspiration .listing .riga > div:nth-child(12), .inspiration .listing .riga > div:nth-child(22), .inspiration .listing .filter-active > div:nth-child(2), .inspiration .listing .filter-active > div:nth-child(12), .inspiration .listing .filter-active > div:nth-child(22) {
      flex: 0 0 calc((100%/22)*7 - 6px);
      max-width: calc((100%/22)*7 - 6px);
      width: calc((100%/22)*7 - 6px); }
    .inspiration .listing .riga > div:nth-child(3), .inspiration .listing .riga > div:nth-child(8), .inspiration .listing .riga > div:nth-child(13), .inspiration .listing .riga > div:nth-child(18), .inspiration .listing .filter-active > div:nth-child(3), .inspiration .listing .filter-active > div:nth-child(8), .inspiration .listing .filter-active > div:nth-child(13), .inspiration .listing .filter-active > div:nth-child(18) {
      flex: 0 0 calc(100%/22*7 - 8px);
      max-width: calc(100%/22*7 - 8px);
      width: calc(100%/22*7 - 8px);
      margin-right: 20px; }
    .inspiration .listing .riga > div:nth-child(4), .inspiration .listing .riga > div:nth-child(9), .inspiration .listing .riga > div:nth-child(14), .inspiration .listing .riga > div:nth-child(19), .inspiration .listing .filter-active > div:nth-child(4), .inspiration .listing .filter-active > div:nth-child(9), .inspiration .listing .filter-active > div:nth-child(14), .inspiration .listing .filter-active > div:nth-child(19) {
      flex: 0 0 calc(100%/22*7 - 8px);
      max-width: calc(100%/22*7 - 8px);
      width: calc(100%/22*7 - 8px);
      margin-left: 20px;
      margin-right: 20px; }
    .inspiration .listing .riga > div:nth-child(5), .inspiration .listing .riga > div:nth-child(10), .inspiration .listing .riga > div:nth-child(15), .inspiration .listing .riga > div:nth-child(20), .inspiration .listing .filter-active > div:nth-child(5), .inspiration .listing .filter-active > div:nth-child(10), .inspiration .listing .filter-active > div:nth-child(15), .inspiration .listing .filter-active > div:nth-child(20) {
      flex: 0 0 calc(100%/22*7 - 8px);
      max-width: calc(100%/22*7 - 8px);
      width: calc(100%/22*7 - 8px);
      margin-left: 20px; }
    .inspiration .listing .riga > div:nth-child(6), .inspiration .listing .riga > div:nth-child(16), .inspiration .listing .filter-active > div:nth-child(6), .inspiration .listing .filter-active > div:nth-child(16) {
      flex: 0 0 calc((100%/22)*14.5 - 6px);
      max-width: calc((100%/22)*14.5 - 6px);
      width: calc((100%/22)*14.5 - 6px);
      left: calc(100%/22*7.5 + 6px); }
    .inspiration .listing .riga > div:nth-child(7), .inspiration .listing .riga > div:nth-child(17), .inspiration .listing .filter-active > div:nth-child(7), .inspiration .listing .filter-active > div:nth-child(17) {
      flex: 0 0 calc(100%/22*7 - 6px);
      max-width: calc(100%/22*7 - 6px);
      width: calc(100%/22*7 - 6px);
      left: calc(-100%/22*14.5 + 6px); } }
  @media (max-width: 1200px) {
    .inspiration .listing .picture:after {
      height: 70px !important; }
    .inspiration .listing .riga > div:nth-child(1), .inspiration .listing .riga > div:nth-child(11), .inspiration .listing .riga > div:nth-child(21), .inspiration .listing .filter-active > div:nth-child(1), .inspiration .listing .filter-active > div:nth-child(11), .inspiration .listing .filter-active > div:nth-child(21) {
      flex: 0 0 calc((100%/22)*14.5 - 10px);
      max-width: calc((100%/22)*14.5 - 10px);
      width: calc((100%/22)*14.5 - 10px); }
    .inspiration .listing .riga > div:nth-child(2), .inspiration .listing .riga > div:nth-child(12), .inspiration .listing .riga > div:nth-child(22), .inspiration .listing .filter-active > div:nth-child(2), .inspiration .listing .filter-active > div:nth-child(12), .inspiration .listing .filter-active > div:nth-child(22) {
      flex: 0 0 calc((100%/22)*7 - 10px);
      max-width: calc((100%/22)*7 - 10px);
      width: calc((100%/22)*7 - 10px); }
    .inspiration .listing .riga > div:nth-child(3), .inspiration .listing .riga > div:nth-child(8), .inspiration .listing .riga > div:nth-child(13), .inspiration .listing .riga > div:nth-child(18), .inspiration .listing .filter-active > div:nth-child(3), .inspiration .listing .filter-active > div:nth-child(8), .inspiration .listing .filter-active > div:nth-child(13), .inspiration .listing .filter-active > div:nth-child(18) {
      flex: 0 0 calc(100%/22*7 - 13px);
      max-width: calc(100%/22*7 - 13px);
      width: calc(100%/22*7 - 13px);
      margin-right: 20px; }
    .inspiration .listing .riga > div:nth-child(4), .inspiration .listing .riga > div:nth-child(9), .inspiration .listing .riga > div:nth-child(14), .inspiration .listing .riga > div:nth-child(19), .inspiration .listing .filter-active > div:nth-child(4), .inspiration .listing .filter-active > div:nth-child(9), .inspiration .listing .filter-active > div:nth-child(14), .inspiration .listing .filter-active > div:nth-child(19) {
      flex: 0 0 calc(100%/22*7 - 13px);
      max-width: calc(100%/22*7 - 13px);
      width: calc(100%/22*7 - 13px);
      margin-left: 20px;
      margin-right: 20px; }
    .inspiration .listing .riga > div:nth-child(5), .inspiration .listing .riga > div:nth-child(10), .inspiration .listing .riga > div:nth-child(15), .inspiration .listing .riga > div:nth-child(20), .inspiration .listing .filter-active > div:nth-child(5), .inspiration .listing .filter-active > div:nth-child(10), .inspiration .listing .filter-active > div:nth-child(15), .inspiration .listing .filter-active > div:nth-child(20) {
      flex: 0 0 calc(100%/22*7 - 13px);
      max-width: calc(100%/22*7 - 13px);
      width: calc(100%/22*7 - 13px);
      margin-left: 20px; }
    .inspiration .listing .riga > div:nth-child(6), .inspiration .listing .riga > div:nth-child(16), .inspiration .listing .filter-active > div:nth-child(6), .inspiration .listing .filter-active > div:nth-child(16) {
      flex: 0 0 calc((100%/22)*14.5 - 10px);
      max-width: calc((100%/22)*14.5 - 6px);
      width: calc((100%/22)*14.5 - 6px);
      left: calc(100%/22*7.5 + 10px); }
    .inspiration .listing .riga > div:nth-child(7), .inspiration .listing .riga > div:nth-child(17), .inspiration .listing .filter-active > div:nth-child(7), .inspiration .listing .filter-active > div:nth-child(17) {
      flex: 0 0 calc(100%/22*7 - 10px);
      max-width: calc(100%/22*7 - 10px);
      width: calc(100%/22*7 - 10px);
      left: calc(-100%/22*14.5 + 10px); } }
  @media (max-width: 991px) {
    .inspiration .top-48 {
      padding-top: 32px; }
    .inspiration .top-80 {
      padding-top: 48px; }
    .inspiration .top-160 {
      padding-top: 80px; }
    .inspiration .top-200 {
      padding-top: 0; }
    .inspiration .blocco-foto {
      left: 0 !important; }
      .inspiration .blocco-foto.full {
        padding: 0 calc(100vw/24); }
      .inspiration .blocco-foto.blocco-big {
        margin-top: 91px; }
        .inspiration .blocco-foto.blocco-big .picture .desc {
          left: calc(100vw/24);
          bottom: calc(100vw/24);
          width: calc(100% - 40px);
          max-width: none; }
    .inspiration .foto-2 {
      padding: 0 calc(100vw/24); }
    .inspiration .foto-4 {
      padding: 0 calc(100vw/24); }
    .inspiration .section--intro .tit, .inspiration .section--intro p {
      padding: 0 calc(100vw/24); }
    .inspiration .section--intro .center .cta-arr {
      padding-left: calc(100vw/24);
      padding-right: calc(100vw/24); }
    .inspiration .section--intro .center img {
      padding: 0 calc(100vw/24); }
    .inspiration .cont-foto-2.even .foto-2 > div {
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      padding-right: calc(100vw/24*2); }
      .inspiration .cont-foto-2.even .foto-2 > div .cta-arr {
        display: flex; }
      .inspiration .cont-foto-2.even .foto-2 > div:last-child {
        padding-top: 48px;
        padding-right: 0;
        padding-left: calc(100vw/24*2); }
        .inspiration .cont-foto-2.even .foto-2 > div:last-child .cta-arr {
          display: none; }
    .inspiration .cont-foto-2.odd .foto-2 > div {
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      padding-left: calc(100vw/24*2); }
      .inspiration .cont-foto-2.odd .foto-2 > div .cta-arr {
        display: none; }
      .inspiration .cont-foto-2.odd .foto-2 > div:last-child {
        padding-top: 48px;
        padding-left: 0;
        padding-right: calc(100vw/24*2); }
        .inspiration .cont-foto-2.odd .foto-2 > div:last-child .cta-arr {
          display: flex; }
    .inspiration .listing.listing--inspiration {
      display: block;
      padding-left: calc(100vw/24);
      padding-right: calc(100vw/24); }
      .inspiration .listing.listing--inspiration > div {
        max-width: 100%; }
    .inspiration .listing .picture:after {
      height: 100px !important; }
    .inspiration .listing .riga, .inspiration .listing .filter-active {
      display: block; }
      .inspiration .listing .riga > div, .inspiration .listing .filter-active > div {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important; }
    .inspiration .section--correlati {
      padding-left: calc(100vw/24);
      padding-right: calc(100vw/24); }
    .inspiration .carousel-inspiration, .inspiration .carousel-inspiration-pink-project, .inspiration .swiper-hp {
      padding-left: calc(100vw/24); }
    .inspiration .section--txt {
      padding-left: calc(100vw/24);
      padding-right: calc(100vw/24); }
    .inspiration .filters {
      overflow-y: auto;
      padding-left: calc(100vw/24);
      padding-right: calc(100vw/24);
      padding-bottom: 20px; }
      .inspiration .filters ul {
        visibility: visible; }
        .inspiration .filters ul li {
          visibility: visible; }
          .inspiration .filters ul li a {
            white-space: nowrap; } }
  @media (max-width: 767px) {
    .inspiration {
      font-size: 16px; }
      .inspiration p {
        margin-bottom: 30px; }
      .inspiration .top-64 {
        padding-top: 32px; }
      .inspiration .top-200 {
        padding-top: 143px; }
      .inspiration .tit-54 {
        font-size: 28px;
        line-height: 1.3; }
      .inspiration .tit-80 {
        font-size: 36px; }
      .inspiration .tit-100 {
        font-size: 36px;
        line-height: 1.16; }
      .inspiration .tit-144 {
        font-size: 50px;
        padding-bottom: 32px !important; }
      .inspiration .blocco-foto {
        visibility: visible; }
        .inspiration .blocco-foto.blocco-big {
          margin-top: 79px; }
          .inspiration .blocco-foto.blocco-big .picture .desc {
            font-size: 24px;
            line-height: 1.5;
            left: 20px;
            bottom: 24px; }
      .inspiration .foto-2 {
        display: block; }
        .inspiration .foto-2 > div {
          max-width: 100%;
          width: 100%;
          margin-bottom: 24px; }
          .inspiration .foto-2 > div:last-child {
            margin-bottom: 0; }
          .inspiration .foto-2 > div:first-child .cta-arr {
            visibility: visible; }
      .inspiration .foto-4 {
        margin-bottom: -24px; }
        .inspiration .foto-4 > div {
          margin-bottom: 24px;
          flex: 0 0 100%;
          max-width: 100%;
          width: 100%; }
          .inspiration .foto-4 > div.cta-arr {
            margin-top: -24px; }
      .inspiration .carousel-inspiration, .inspiration .carousel-inspiration-pink-project, .inspiration .swiper-hp {
        overflow: hidden; }
        .inspiration .carousel-inspiration .swiper-slide, .inspiration .carousel-inspiration-pink-project .swiper-slide, .inspiration .swiper-hp .swiper-slide {
          margin-right: 8px;
          width: calc(100vw - 32px); }
        .inspiration .carousel-inspiration .swiper-button, .inspiration .carousel-inspiration-pink-project .swiper-button, .inspiration .swiper-hp .swiper-button {
          display: block; }
      .inspiration .section--invert {
        display: flex; }
        .inspiration .section--invert > div {
          flex: 0 0 100%;
          max-width: 100%;
          width: 100%; }
        .inspiration .section--invert .img-invert {
          order: -1;
          /*margin-bottom: 48px !important;*/ }
      .inspiration .section--correlati .listing {
        display: block;
        padding-bottom: 45px; }
        .inspiration .section--correlati .listing > div {
          max-width: 100%;
          margin-bottom: 120px;
          margin-right: 0; }
          .inspiration .section--correlati .listing > div:last-child {
            margin-bottom: 0; }
          .inspiration .section--correlati .listing > div .tit {
            font-size: 24px;
            line-height: 1.5; }
          .inspiration .section--correlati .listing > div .abstract {
            font-size: 14px;
            line-height: 1.5; } }
  @media (max-width: 576px) {
    .inspiration .blocco-foto.blocco-big .picture:after {
      height: 100%;
      background: #000;
      opacity: 0.4; } }

.pink-project-bottom-imgs {
  display: flex;
  justify-content: space-around;
  align-items: center; }
  @media (max-width: 991px) {
    .pink-project-bottom-imgs {
      flex-direction: column;
      justify-content: center; } }
  .pink-project-bottom-imgs img {
    max-width: 100%;
    height: auto !important; }
    @media (max-width: 991px) {
      .pink-project-bottom-imgs img {
        padding-bottom: 15px; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--beinspired {
  padding-top: 128px; }
  .section--beinspired .grid-24 .offset-1:last-child {
    margin-left: calc(100vw/24 * 0.7); }
  .section--beinspired .tabs-inspired {
    visibility: visible; }
    .section--beinspired .tabs-inspired .tit {
      margin-bottom: 60px; }
    .section--beinspired .tabs-inspired .menu-inspired a {
      display: block;
      color: #A8A9AC;
      font-family: 'calligarisbold';
      font-size: 28px;
      line-height: 1.3;
      margin-bottom: 24px; }
      .section--beinspired .tabs-inspired .menu-inspired a:hover, .section--beinspired .tabs-inspired .menu-inspired a.on {
        color: #ef3340; }
  .section--beinspired .my-tab-inspired {
    display: none; }
    .section--beinspired .my-tab-inspired.active {
      display: block; }
    .section--beinspired .my-tab-inspired .listing {
      display: block;
      padding-top: 0; }
      .section--beinspired .my-tab-inspired .listing .slide-tabs {
        max-width: 100%; }
        .section--beinspired .my-tab-inspired .listing .slide-tabs .blocco-foto {
          width: 560px !important;
          margin-right: 40px; }
        .section--beinspired .my-tab-inspired .listing .slide-tabs .slick-arrow {
          position: absolute;
          z-index: 10;
          top: 50%;
          transform: translateY(-50%);
          width: 60px;
          height: 60px;
          background: #fff;
          border-radius: 60px;
          margin-top: -20px;
          font-size: 0;
          transition: all 0.2s ease-in-out; }
          .section--beinspired .my-tab-inspired .listing .slide-tabs .slick-arrow:after {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background: url(/docs/assets/img/inspiration/arrow-carousel.svg) center no-repeat;
            width: 30px;
            height: 20px;
            background-size: contain; }
          .section--beinspired .my-tab-inspired .listing .slide-tabs .slick-arrow.slick-prev {
            left: 80px;
            transform: translateY(-50%) rotate(-180deg); }
          .section--beinspired .my-tab-inspired .listing .slide-tabs .slick-arrow.slick-next {
            right: 80px; }
          .section--beinspired .my-tab-inspired .listing .slide-tabs .slick-arrow.slick-disabled {
            opacity: 0;
            pointer-events: none; }
  @media (max-width: 991px) {
    .section--beinspired .tabs-inspired {
      padding: 0 calc(100vw/24); }
      .section--beinspired .tabs-inspired .tit {
        visibility: visible; }
      .section--beinspired .tabs-inspired .menu-inspired {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .section--beinspired .tabs-inspired .menu-inspired a {
          display: inline-block; }
    .section--beinspired .inspiration-inspired {
      padding-left: calc(100vw/24); }
    .section--beinspired .my-tab-inspired .listing .slide-tabs .slick-arrow.slick-prev {
      left: 20px; }
    .section--beinspired .my-tab-inspired .listing .slide-tabs .slick-arrow.slick-next {
      right: 40px; } }
  @media (max-width: 767px) {
    .section--beinspired {
      padding-top: 80px; }
      .section--beinspired .tabs-inspired {
        padding: 0; }
        .section--beinspired .tabs-inspired .tit {
          font-size: 36px;
          margin-bottom: 22px;
          padding: 0 calc(100vw/24); }
        .section--beinspired .tabs-inspired .menu-inspired {
          justify-content: flex-start;
          flex-wrap: inherit;
          overflow-x: auto;
          padding-left: calc(100vw/24); }
          .section--beinspired .tabs-inspired .menu-inspired::-webkit-scrollbar {
            opacity: 0; }
          .section--beinspired .tabs-inspired .menu-inspired::-webkit-scrollbar-thumb {
            opacity: 0; }
          .section--beinspired .tabs-inspired .menu-inspired a {
            font-size: 18px;
            margin-right: 24px;
            margin-bottom: 15px; }
      .section--beinspired .inspiration-inspired {
        margin-top: 22px; }
        .section--beinspired .inspiration-inspired .my-tab-inspired {
          visibility: visible; }
          .section--beinspired .inspiration-inspired .my-tab-inspired .listing {
            display: block;
            padding-top: 0; }
            .section--beinspired .inspiration-inspired .my-tab-inspired .listing .slide-tabs {
              max-width: 100%; }
              .section--beinspired .inspiration-inspired .my-tab-inspired .listing .slide-tabs .blocco-foto {
                width: 320px !important;
                margin-right: 16px; }
                .section--beinspired .inspiration-inspired .my-tab-inspired .listing .slide-tabs .blocco-foto .tit {
                  font-size: 24px; }
                .section--beinspired .inspiration-inspired .my-tab-inspired .listing .slide-tabs .blocco-foto .abstract {
                  font-size: 14px; }
                .section--beinspired .inspiration-inspired .my-tab-inspired .listing .slide-tabs .blocco-foto .cta-arr {
                  visibility: visible; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--collezioni {
  padding-bottom: 0 !important; }
  .section--collezioni .listing-collezioni {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .section--collezioni .listing-collezioni .blocco-foto {
      flex: 0 0 calc(50% - 20px);
      max-width: calc(50% - 20px);
      margin-bottom: 80px; }
      .section--collezioni .listing-collezioni .blocco-foto .tit {
        font-size: 50px;
        line-height: 1;
        margin-bottom: 16px; }
      .section--collezioni .listing-collezioni .blocco-foto .abstract {
        font-size: 18px; }
      .section--collezioni .listing-collezioni .blocco-foto .cta-arr {
        margin-top: 32px; }
  @media (max-width: 991px) {
    .section--collezioni {
      padding-left: calc(100vw/24) !important;
      padding-right: calc(100vw/24) !important; } }
  @media (max-width: 767px) {
    .section--collezioni .listing-collezioni {
      display: block; }
      .section--collezioni .listing-collezioni .blocco-foto {
        max-width: 100%;
        margin-bottom: 48px; }
        .section--collezioni .listing-collezioni .blocco-foto .tit {
          font-size: 24px;
          line-height: 1.5;
          margin-bottom: 8px;
          padding-top: 24px; }
        .section--collezioni .listing-collezioni .blocco-foto .abstract {
          font-size: 16px; }
        .section--collezioni .listing-collezioni .blocco-foto .cta-arr {
          margin: 0;
          padding-top: 24px; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--swiper-hp {
  visibility: visible; }
  .section--swiper-hp .swiper-hp {
    position: relative;
    padding-left: calc(100vw/24); }
    .section--swiper-hp .swiper-hp .swiper-wrapper {
      visibility: visible; }
      .section--swiper-hp .swiper-hp .swiper-wrapper .swiper-slide {
        width: 540px;
        margin-right: 40px; }
        .section--swiper-hp .swiper-hp .swiper-wrapper .swiper-slide:last-child {
          margin-right: 0; }
    .section--swiper-hp .swiper-hp .swiper-button {
      display: block; }
      .section--swiper-hp .swiper-hp .swiper-button.swiper-button-prev {
        left: 80px; }
      .section--swiper-hp .swiper-hp .swiper-button.swiper-button-next {
        right: 80px; }
    .section--swiper-hp .swiper-hp .flex {
      margin-top: 24px;
      align-items: center; }
      .section--swiper-hp .swiper-hp .flex .cta-arr {
        padding-top: 0; }
  @media (max-width: 991px) {
    .section--swiper-hp .swiper-hp .swiper-button.swiper-button-prev {
      left: 40px; }
    .section--swiper-hp .swiper-hp .swiper-button.swiper-button-next {
      right: 40px; } }
  @media (max-width: 767px) {
    .section--swiper-hp .swiper-hp .swiper-wrapper {
      visibility: visible; }
      .section--swiper-hp .swiper-hp .swiper-wrapper .swiper-slide {
        width: 320px;
        margin-right: 16px; }
    .section--swiper-hp .swiper-hp .swiper-button {
      width: 40px;
      height: 40px; }
      .section--swiper-hp .swiper-hp .swiper-button:after {
        width: 13.33px; }
      .section--swiper-hp .swiper-hp .swiper-button.swiper-button-prev {
        left: 20px; }
      .section--swiper-hp .swiper-hp .swiper-button.swiper-button-next {
        right: 20px; }
    .section--swiper-hp .swiper-hp .flex {
      display: block; }
      .section--swiper-hp .swiper-hp .flex .tit {
        font-size: 24px; }
      .section--swiper-hp .swiper-hp .flex .cta-arr {
        padding-top: 16px; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--shop {
  visibility: visible; }
  .section--shop .flex {
    justify-content: flex-start;
    gap: 40px; }
  .section--shop .blocco-foto {
    flex: 0 0 calc(33.33% - 26.66px);
    max-width: calc(33.33% - 26.66px); }
    .section--shop .blocco-foto .picture {
      margin-bottom: 32px; }
    .section--shop .blocco-foto .abstract {
      font-size: 18px;
      line-height: 1.5;
      margin-bottom: 8px; }
    .section--shop .blocco-foto .tit {
      font-size: 24px;
      line-height: 1.5;
      margin: 0; }
    .section--shop .blocco-foto .cta-arr {
      visibility: visible; }
  @media (max-width: 991px) {
    .section--shop {
      padding-left: calc(100vw/24) !important;
      padding-right: calc(100vw/24) !important; } }
  @media (max-width: 767px) {
    .section--shop .blocco-foto {
      max-width: 100%;
      margin-bottom: 48px; }
      .section--shop .blocco-foto:last-child {
        margin-bottom: 0; }
      .section--shop .blocco-foto .picture {
        margin-bottom: 24px; }
      .section--shop .blocco-foto .abstract {
        font-size: 14px; }
      .section--shop .blocco-foto .tit {
        font-size: 18px; }
      .section--shop .blocco-foto .cta-arr {
        visibility: visible; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--filtri--rooms {
  margin-top: 40px;
  border-bottom: 1px solid #C4C4C4;
  border-top: 1px solid #C4C4C4; }
  .section--filtri--rooms.fixed {
    margin-top: 0; }
  .section--filtri--rooms .elenco-filtri a {
    font-size: 16px; }
  .section--filtri--rooms .filtri-scelti, .section--filtri--rooms .filtri-selezionati {
    margin: 0 calc(-100vw/24);
    padding-left: calc(100vw/24) !important;
    padding-right: calc(100vw/24) !important; }
  @media (max-width: 991px) {
    .section--filtri--rooms {
      padding-left: calc(100vw/24);
      padding-right: calc(100vw/24); }
      .section--filtri--rooms .grid-24 {
        padding: 0; } }
  @media (max-width: 767px) {
    .section--filtri--rooms .filtri-mobile {
      margin: 20px 0; } }

.section--listing.section--shop .blocco-foto {
  flex: 0 0 calc(50% - 20px);
  max-width: calc(50% - 20px);
  margin-bottom: 128px; }
  @media (max-width: 767px) {
    .section--listing.section--shop .blocco-foto {
      max-width: 100%;
      margin-bottom: 80px; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.ip-check {
  position: fixed;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh; }
  .ip-check .box {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 112px 80px 90px; }
    .ip-check .box .close {
      position: absolute;
      background: url(/docs/assets/img/close.svg);
      width: 22px;
      height: 22px;
      right: 30px;
      top: 30px;
      z-index: 900; }
    .ip-check .box .tit {
      text-transform: none;
      font-size: 50px;
      line-height: 1;
      margin-bottom: 30px; }
    .ip-check .box .text {
      font-size: 24px;
      line-height: 1.5; }
    .ip-check .box .cta {
      margin-top: 30px; }
      .ip-check .box .cta .btn {
        display: inline-block; }
        .ip-check .box .cta .btn.black {
          margin-left: 30px;
          position: relative;
          padding-right: 40px; }
          .ip-check .box .cta .btn.black:after {
            content: '';
            position: absolute;
            z-index: 1;
            top: calc(50% - 4px);
            right: 18px;
            border-top: 2px solid #fff;
            border-left: 2px solid #fff;
            width: 8px;
            height: 8px;
            transform: rotate(135deg);
            transition: all 0.2s ease-in-out; }
          .ip-check .box .cta .btn.black:hover:after {
            border-color: #000; }
    @media (max-width: 1560px) {
      .ip-check .box {
        width: 60vw; } }
    @media (max-width: 1200px) {
      .ip-check .box {
        width: 90vw; } }
    @media (max-width: 991px) {
      .ip-check .box {
        padding: 70px 50px; } }
    @media (max-width: 767px) {
      .ip-check .box {
        padding: 70px 30px; }
        .ip-check .box .cta {
          display: block; }
          .ip-check .box .cta .btn {
            display: block;
            margin: 20px 0 0 0 !important;
            width: 100%; } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.section--rooms {
  padding-bottom: 0 !important;
  /*height: 100vh;
	overflow: hidden;*/ }
  .section--rooms .section--total-look-widescreen {
    padding: 0 !important;
    height: 100vh;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: calc(100vw/24*15); }
    .section--rooms .section--total-look-widescreen.disabled {
      z-index: -1; }
    .section--rooms .section--total-look-widescreen .total-look {
      height: 100vh !important; }
      .section--rooms .section--total-look-widescreen .total-look .picture {
        height: 100vh; }
        .section--rooms .section--total-look-widescreen .total-look .picture img {
          width: auto;
          height: 100%;
          max-width: none; }
    @media (max-width: 991px) {
      .section--rooms .section--total-look-widescreen {
        position: static;
        width: 100vw;
        height: auto; }
        .section--rooms .section--total-look-widescreen .total-look {
          height: auto !important; }
          .section--rooms .section--total-look-widescreen .total-look .picture {
            height: auto !important;
            width: 100vw !important;
            position: static; }
            .section--rooms .section--total-look-widescreen .total-look .picture img {
              width: 100%;
              height: auto; }
          .section--rooms .section--total-look-widescreen .total-look .cursor {
            display: none; } }
  .section--rooms .fascia-scroll {
    /*overflow-y: auto;
		height: 100vh;*/
    padding-left: calc(100vw/48);
    padding-right: calc(100vw/48); }
    .section--rooms .fascia-scroll::-webkit-scrollbar {
      width: 1px;
      height: 4px;
      background-color: #fff;
      border-radius: 2px;
      opacity: 0 !important; }
    .section--rooms .fascia-scroll::-webkit-scrollbar-thumb {
      background: #fff;
      border-radius: 4px;
      opacity: 0 !important; }
    .section--rooms .fascia-scroll .box-prod {
      padding-bottom: 118px; }
      .section--rooms .fascia-scroll .box-prod figure {
        position: relative; }
        .section--rooms .fascia-scroll .box-prod figure img {
          visibility: visible; }
        .section--rooms .fascia-scroll .box-prod figure .cont-cta {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          opacity: 0;
          pointer-events: none;
          transition: all 0.2s ease-in-out; }
          .section--rooms .fascia-scroll .box-prod figure .cont-cta .btn {
            display: block;
            width: 200px;
            text-align: center;
            font-size: 18px;
            line-height: 1.5;
            font-weight: 700;
            padding: 14px 0;
            border-radius: 4px;
            border: 1px solid #ef3340; }
            .section--rooms .fascia-scroll .box-prod figure .cont-cta .btn.btn-primary {
              background: #ef3340;
              color: #fff; }
            .section--rooms .fascia-scroll .box-prod figure .cont-cta .btn.btn-secondary {
              background: #fff;
              color: #ef3340;
              margin-top: 24px; }
      .section--rooms .fascia-scroll .box-prod .name {
        border-top: 1px solid #A8A9AC;
        border-bottom: 1px solid #A8A9AC;
        padding: 20px 0 24px;
        margin: 16px 0 20px; }
        .section--rooms .fascia-scroll .box-prod .name .tit {
          font-size: 18px;
          line-height: 1.5; }
        .section--rooms .fascia-scroll .box-prod .name .price {
          font-size: 18px;
          line-height: 1.5;
          color: #525459;
          font-weight: 700; }
        .section--rooms .fascia-scroll .box-prod .name .desc {
          font-size: 16px;
          line-height: 1.5;
          color: #525459;
          font-weight: 400; }
      .section--rooms .fascia-scroll .box-prod .dett {
        visibility: visible; }
        .section--rooms .fascia-scroll .box-prod .dett ul {
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 14px;
          line-height: 1.5; }
          .section--rooms .fascia-scroll .box-prod .dett ul li {
            margin-bottom: 8px; }
      .section--rooms .fascia-scroll .box-prod:hover figure .cont-cta {
        opacity: 1;
        pointer-events: all; }
      .section--rooms .fascia-scroll .box-prod:last-child {
        padding-bottom: 0; }
    @media (max-width: 1200px) {
      .section--rooms .fascia-scroll .box-prod {
        visibility: visible; }
        .section--rooms .fascia-scroll .box-prod figure {
          visibility: visible; }
          .section--rooms .fascia-scroll .box-prod figure img {
            visibility: visible; }
          .section--rooms .fascia-scroll .box-prod figure .cont-cta {
            position: static;
            transform: none;
            opacity: 1;
            pointer-events: all;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 20px 0 0; }
            .section--rooms .fascia-scroll .box-prod figure .cont-cta .btn {
              margin: 0 !important;
              flex: 0 0 100%;
              max-width: 100%;
              width: 100%; } }
    @media (max-width: 991px) {
      .section--rooms .fascia-scroll {
        padding: 0 calc(100vw/24); }
        .section--rooms .fascia-scroll .cont-box {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
        .section--rooms .fascia-scroll .box-prod {
          padding-bottom: 50px;
          flex: 0 0 calc(50% - 20px);
          max-width: calc(50% - 20px); }
          .section--rooms .fascia-scroll .box-prod figure {
            visibility: visible; }
            .section--rooms .fascia-scroll .box-prod figure img {
              visibility: visible; }
            .section--rooms .fascia-scroll .box-prod figure .cont-cta {
              padding: 20px 10px 0; }
              .section--rooms .fascia-scroll .box-prod figure .cont-cta .btn {
                margin: 0 !important;
                flex: 0 0 calc(50% - 10px);
                max-width: calc(50% - 10px);
                width: calc(50% - 10px); } }
    @media (max-width: 767px) {
      .section--rooms .fascia-scroll .cont-box {
        display: block; }
      .section--rooms .fascia-scroll .box-prod {
        padding-bottom: 20px;
        max-width: 100%; }
        .section--rooms .fascia-scroll .box-prod figure {
          visibility: visible; }
          .section--rooms .fascia-scroll .box-prod figure img {
            visibility: visible; }
          .section--rooms .fascia-scroll .box-prod figure .cont-cta {
            position: static;
            transform: none;
            opacity: 1;
            pointer-events: all;
            display: flex;
            justify-content: space-between;
            padding: 20px 10px 0; }
            .section--rooms .fascia-scroll .box-prod figure .cont-cta .btn {
              margin: 0 !important;
              flex: 0 0 calc(50% - 10px);
              max-width: calc(50% - 10px);
              width: calc(50% - 10px); } }

.scheda-rooms .floating {
  display: none; }

.scheda-rooms .section--listing {
  background: #fff; }

.scheda-rooms footer {
  padding-top: 0; }
  .scheda-rooms footer .footer {
    padding-bottom: 250px; }
    @media (max-width: 991px) {
      .scheda-rooms footer .footer {
        padding-bottom: 70px; } }

.tot-compoosition {
  position: fixed;
  z-index: 10;
  bottom: 0;
  right: 0;
  background: #fff;
  width: calc(100vw/24*8.5);
  padding: 27px calc(100vw/24*1.15) 52px;
  border-radius: 8px 0 0 0; }
  .tot-compoosition .desc {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 5px; }
  .tot-compoosition .price {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700; }
  .tot-compoosition .btn {
    background: #ef3340;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    font-family: 'calligarisbold';
    border-radius: 4px;
    padding: 14px 0;
    margin-top: 35px; }
  @media (max-width: 1560px) {
    .tot-compoosition {
      padding: 25px 70px; } }
  @media (max-width: 1200px) {
    .tot-compoosition {
      padding: 25px 40px; } }
  @media (max-width: 991px) {
    .tot-compoosition {
      position: static;
      width: 100%;
      padding: 32px calc(100vw/24) 40px; }
      .tot-compoosition .desc {
        font-size: 18px;
        margin-bottom: 20px; }
      .tot-compoosition .price {
        font-size: 36px;
        line-height: 1.16;
        font-family: 'calligarisbold'; }
      .tot-compoosition .btn {
        margin: 0;
        position: fixed;
        z-index: 10;
        bottom: 20px;
        width: calc(100vw/24*22); } }

.section--rooms:after {
  content: '';
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0;
  pointer-events: none;
  transition: opacity 600ms cubic-bezier(0, 0.97, 0.43, 1); }

.section--rooms:before {
  content: '';
  width: 60px;
  height: 61px;
  background-size: 60px 61px;
  background-repeat: no-repeat;
  background-image: url(../assets/img/loading.gif);
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 600ms cubic-bezier(0, 0.97, 0.43, 1); }

.loading .section--rooms:after {
  pointer-events: all;
  opacity: 0.8; }

.loading .section--rooms:before {
  pointer-events: all;
  opacity: 1; }

@media (max-width: 1200px) {
  div[id^="minimized-trustbadge-"] {
    transform: translate(-20px, -100px) !important; } }

div[id^="trustbadge-container-"] {
  z-index: 120 !important; }

div[id^="minimized-trustbadge-"] {
  transform: translate(-20px, 0px); }
  @media (max-width: 767px) {
    div[id^="minimized-trustbadge-"] {
      transform: translate(0px, 75px); } }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.fs16 {
  font-size: 16px;
  line-height: 1.5; }

.fs18 {
  font-size: 18px;
  line-height: 1.5; }
  @media (max-width: 767px) {
    .fs18 {
      font-size: 16px; } }

.fs30 {
  font-size: 30px;
  line-height: 1.35; }
  @media (max-width: 1200px) {
    .fs30 {
      font-size: 20px;
      line-height: 1.2; } }
  @media (max-width: 767px) {
    .fs30 {
      font-size: 20px; } }

.fs50 {
  font-size: 50px;
  line-height: 1.35; }
  @media (max-width: 767px) {
    .fs50 {
      font-size: 36px;
      line-height: 1.16; } }

.mb4 {
  margin-bottom: 4px; }

.mb16 {
  margin-bottom: 16px; }

.mb24 {
  margin-bottom: 24px; }

.m-2024-box {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  color: #fff;
  padding: 32px;
  width: 100%; }
  @media (max-width: 767px) {
    .m-2024-box {
      padding: 16px; } }
  .m-2024-box .tit {
    color: #fff;
    margin-bottom: 0; }
  .m-2024-box .design {
    font-family: 'calligarisbold';
    margin-top: 4px; }
    @media (max-width: 991px) {
      .m-2024-box .design {
        display: none; } }
  .m-2024-box .txt {
    margin-top: 16px; }
    @media (max-width: 991px) {
      .m-2024-box .txt {
        display: none; } }
  @media (max-width: 1200px) {
    .m-2024-box .cta-arr {
      padding-top: 8px; } }

.m-2024-hero {
  padding: 0 !important;
  margin-bottom: 48px; }
  @media (max-width: 767px) {
    .m-2024-hero {
      margin-bottom: 32px; } }
  .m-2024-hero .hero {
    visibility: visible; }
    .m-2024-hero .hero.hero-hp {
      visibility: visible; }
      @media (max-width: 991px) {
        .m-2024-hero .hero.hero-hp {
          height: calc(100vh - 88px); } }
      @media (max-width: 767px) {
        .m-2024-hero .hero.hero-hp {
          height: calc(100vh - 73px); } }
      .m-2024-hero .hero.hero-hp .hero-img, .m-2024-hero .hero.hero-hp video {
        display: block !important;
        position: absolute;
        left: 0;
        top: 0;
        transform: none;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .m-2024-hero .hero.hero-hp .hero-bottom {
        bottom: 73px;
        left: calc(100vw / 24);
        width: calc(100% - (100vw/24)*2);
        max-width: 45%;
        z-index: 4; }
        .m-2024-hero .hero.hero-hp .hero-bottom:before {
          content: '';
          position: absolute;
          z-index: -1;
          background: linear-gradient(transparent, rgba(0, 0, 0, 0.22));
          left: calc(-100vw / 24);
          bottom: -73px;
          width: 100%;
          height: calc(100% + 73px* 2);
          width: 100vw; }
        .m-2024-hero .hero.hero-hp .hero-bottom .name-prodotto {
          font-size: 64px;
          line-height: 1.2;
          margin-bottom: 16px !important; }
          @media (max-width: 767px) {
            .m-2024-hero .hero.hero-hp .hero-bottom .name-prodotto {
              font-size: 50px;
              line-height: 1.35; } }
        .m-2024-hero .hero.hero-hp .hero-bottom .desc-promo {
          font-size: 24px;
          line-height: 1.5; }
          @media (max-width: 767px) {
            .m-2024-hero .hero.hero-hp .hero-bottom .desc-promo {
              font-size: 16px;
              color: #fff; } }
        .m-2024-hero .hero.hero-hp .hero-bottom.descriptive .name-prodotto {
          font-size: 24px;
          line-height: 1.5;
          font-family: 'calligarisregular'; }
          @media (max-width: 767px) {
            .m-2024-hero .hero.hero-hp .hero-bottom.descriptive .name-prodotto {
              font-size: 16px !important; } }
        .m-2024-hero .hero.hero-hp .hero-bottom.descriptive .desc-promo {
          font-size: 50px;
          line-height: 1.35;
          font-family: 'calligarisbold'; }
          @media (max-width: 767px) {
            .m-2024-hero .hero.hero-hp .hero-bottom.descriptive .desc-promo {
              font-size: 24px;
              line-height: 1.5;
              color: #fff; } }
        @media (max-width: 1560px) {
          .m-2024-hero .hero.hero-hp .hero-bottom {
            max-width: 60%; } }
        @media (max-width: 1200px) {
          .m-2024-hero .hero.hero-hp .hero-bottom {
            max-width: 100%; } }
        @media (max-width: 767px) {
          .m-2024-hero .hero.hero-hp .hero-bottom {
            bottom: 50px; } }

.m-2024-text {
  visibility: visible; }
  .m-2024-text .single, .m-2024-text .intro {
    max-width: 45%;
    margin: 0 auto; }
    @media (max-width: 1560px) {
      .m-2024-text .single, .m-2024-text .intro {
        max-width: 64%; } }
    @media (max-width: 991px) {
      .m-2024-text .single, .m-2024-text .intro {
        max-width: none; } }
    .m-2024-text .single .tit, .m-2024-text .intro .tit {
      visibility: visible; }
    .m-2024-text .single .txt, .m-2024-text .intro .txt {
      padding-left: 48px; }
  .m-2024-text .intro {
    padding-bottom: 32px; }

.m-2024-carousel {
  overflow-x: hidden; }
  .m-2024-carousel .m-2024-box:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.22));
    width: 100%;
    height: 150%; }
  .m-2024-carousel .flex.flex-1-1 {
    justify-content: flex-start; }
    @media (max-width: 767px) {
      .m-2024-carousel .flex.flex-1-1 {
        align-items: flex-end; } }
    .m-2024-carousel .flex.flex-1-1 .m-2024-box {
      position: static;
      padding: 24px;
      width: auto; }
      .m-2024-carousel .flex.flex-1-1 .m-2024-box:before {
        display: none; }
      .m-2024-carousel .flex.flex-1-1 .m-2024-box .design {
        color: #000;
        margin-bottom: 4px;
        margin-top: 0; }
      .m-2024-carousel .flex.flex-1-1 .m-2024-box .tit {
        color: #000;
        margin-bottom: 0; }
      .m-2024-carousel .flex.flex-1-1 .m-2024-box .cta-arr a {
        color: #000; }
      @media (max-width: 767px) {
        .m-2024-carousel .flex.flex-1-1 .m-2024-box {
          padding: 16px 8px; } }
    .m-2024-carousel .flex.flex-1-1.switch-order {
      justify-content: space-between; }
      .m-2024-carousel .flex.flex-1-1.switch-order .ratio {
        order: 1; }
  .m-2024-carousel .flex.switch-order .ratio-16-9 {
    order: 1; }
  @media (max-width: 767px) {
    .m-2024-carousel .flex {
      display: flex; } }
  .m-2024-carousel .swiper-wrapper {
    display: flex;
    align-items: flex-end; }
  .m-2024-carousel .swiper-button-prev, .m-2024-carousel .swiper-button-next {
    background-image: url(/docs/assets/img/m-2024-hero/next.svg);
    width: 60px;
    height: 60px;
    transform: translateY(-50%);
    margin: 0;
    background-size: cover; }
    @media (max-width: 1200px) {
      .m-2024-carousel .swiper-button-prev, .m-2024-carousel .swiper-button-next {
        width: 50px;
        height: 50px; } }
    @media (max-width: 991px) {
      .m-2024-carousel .swiper-button-prev, .m-2024-carousel .swiper-button-next {
        display: none; } }
  .m-2024-carousel .swiper-button-prev {
    transform: translateY(-50%) rotate(-180deg);
    left: 48px; }
    @media (max-width: 1560px) {
      .m-2024-carousel .swiper-button-prev {
        left: 24px; } }
  .m-2024-carousel .swiper-button-next {
    right: 48px; }
    @media (max-width: 1560px) {
      .m-2024-carousel .swiper-button-next {
        right: 24px; } }
  .m-2024-carousel .carousel--1 {
    padding-left: calc(100vw/24);
    position: relative; }
  .m-2024-carousel .swiper-slide {
    width: auto; }
  .m-2024-carousel .ratio {
    position: relative;
    overflow: hidden; }
    .m-2024-carousel .ratio.ratio-1-1 {
      width: calc(100vw*860/1920);
      height: calc(100vw*860/1920); }
      @media (max-width: 767px) {
        .m-2024-carousel .ratio.ratio-1-1 {
          width: 290px;
          height: 290px; } }
    .m-2024-carousel .ratio.ratio-1-1-small {
      width: calc(100vw*344/1920);
      height: calc(100vw*344/1920); }
      @media (max-width: 767px) {
        .m-2024-carousel .ratio.ratio-1-1-small {
          width: 111px;
          height: 111px; } }
    .m-2024-carousel .ratio.ratio-16-9 {
      width: calc(100vw*860/1920);
      height: calc(100vw*484/1920); }
      @media (max-width: 767px) {
        .m-2024-carousel .ratio.ratio-16-9 {
          width: 290px;
          height: 163px; } }
    .m-2024-carousel .ratio.ratio-4-3 {
      width: calc(100vw*860/1920);
      height: calc(100vw*645/1920); }
      @media (max-width: 767px) {
        .m-2024-carousel .ratio.ratio-4-3 {
          width: 290px;
          height: 218px; } }
    .m-2024-carousel .ratio.ratio-3-4 {
      width: calc(100vw*645/1920);
      height: calc(100vw*860/1920); }
      @media (max-width: 767px) {
        .m-2024-carousel .ratio.ratio-3-4 {
          width: 218px;
          height: 290px; } }
  .m-2024-carousel img, .m-2024-carousel video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 100%;
    height: 100%; }

.m-2024-columns {
  visibility: visible; }
  .m-2024-columns .focus__txt {
    padding-left: calc(100vw / 24);
    padding-bottom: calc(100vw / 24); }
  .m-2024-columns img {
    width: 100%; }
  .m-2024-columns .flex {
    gap: 40px; }
    @media (max-width: 991px) {
      .m-2024-columns .flex {
        gap: 20px; } }
  .m-2024-columns .m-2024-box {
    position: static;
    padding: 0;
    flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px); }
    @media (max-width: 991px) {
      .m-2024-columns .m-2024-box {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px); } }
    @media (max-width: 767px) {
      .m-2024-columns .m-2024-box {
        max-width: 100% !important; }
        .m-2024-columns .m-2024-box:first-child .padding {
          padding-bottom: 32px; } }
    .m-2024-columns .m-2024-box .padding {
      padding: 16px 24px 0 24px; }
      @media (max-width: 767px) {
        .m-2024-columns .m-2024-box .padding {
          padding-bottom: 0; } }
    .m-2024-columns .m-2024-box .tit {
      color: #000; }
    .m-2024-columns .m-2024-box .txt {
      color: #000;
      margin-top: 8px;
      display: block; }
  .m-2024-columns .columns--3 .m-2024-box {
    flex: 0 0 calc(33.33% - 27px);
    max-width: calc(33.33% - 27px); }
    @media (max-width: 991px) {
      .m-2024-columns .columns--3 .m-2024-box {
        flex: 0 0 calc(33.33% - 14px);
        max-width: calc(33.33% - 14px); } }
    @media (max-width: 767px) {
      .m-2024-columns .columns--3 .m-2024-box .padding {
        padding-bottom: 32px; }
      .m-2024-columns .columns--3 .m-2024-box:last-child .padding {
        padding-bottom: 0; } }
  .m-2024-columns .columns--4 .m-2024-box {
    flex: 0 0 calc(25% - 30px);
    max-width: calc(25% - 30px); }
    @media (max-width: 991px) {
      .m-2024-columns .columns--4 .m-2024-box {
        flex: 0 0 calc(50% - -10px);
        max-width: calc(50% - 10px); } }
    @media (max-width: 767px) {
      .m-2024-columns .columns--4 .m-2024-box .padding {
        padding-bottom: 32px; }
      .m-2024-columns .columns--4 .m-2024-box:last-child .padding {
        padding-bottom: 0; } }

.m-2024-split .flex {
  justify-content: flex-start;
  align-items: center; }

.m-2024-split figure {
  width: calc(100vw*1280/1920);
  min-height: calc(100vw*720/1920);
  overflow: hidden;
  position: relative; }
  .m-2024-split figure img, .m-2024-split figure video {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 100%;
    height: 100%; }

.m-2024-split .m-2024-box {
  position: static;
  width: auto;
  color: #000;
  flex: 1;
  padding: 0 calc(100vw / 24); }
  .m-2024-split .m-2024-box .tit {
    color: #000; }
  .m-2024-split .m-2024-box .cat {
    font-family: 'calligarisbold';
    color: #ef3340;
    margin-top: 16px; }
  .m-2024-split .m-2024-box .txt {
    margin-top: 32px; }
  .m-2024-split .m-2024-box .cta-arr {
    padding-top: 48px; }

.m-2024-split .split--2 figure {
  order: 1; }

.m-2024-split .split-bg {
  background: #e9e4e1; }
  .m-2024-split .split-bg .m-2024-box {
    padding: calc(100vw / 24); }

.m-2024-split.split-vertical {
  visibility: visible; }
  .m-2024-split.split-vertical figure {
    width: calc(100vw* 560 / 1920);
    min-height: calc(100vw* 740 / 1920);
    margin: 0 calc(100vw / 24); }
    @media (max-width: 991px) {
      .m-2024-split.split-vertical figure {
        width: 100%;
        height: auto;
        min-height: auto;
        margin: 0; } }
  .m-2024-split.split-vertical .m-2024-box {
    visibility: visible; }
    .m-2024-split.split-vertical .m-2024-box .txt {
      margin: 0 auto;
      max-width: 50%; }
      @media (max-width: 1560px) {
        .m-2024-split.split-vertical .m-2024-box .txt {
          max-width: 60%; } }
      @media (max-width: 1200px) {
        .m-2024-split.split-vertical .m-2024-box .txt {
          max-width: 80%; } }
      @media (max-width: 991px) {
        .m-2024-split.split-vertical .m-2024-box .txt {
          max-width: 100%; } }

@media (max-width: 991px) {
  .m-2024-split .flex {
    display: block; }
  .m-2024-split figure {
    width: 100%;
    height: auto; }
    .m-2024-split figure img {
      position: static;
      transform: none;
      height: auto; }
  .m-2024-split .m-2024-box {
    padding: 24px 24px 0 24px !important; }
    .m-2024-split .m-2024-box .txt {
      display: block; }
  .m-2024-split .split-bg .m-2024-box {
    padding-bottom: 24px !important; } }

@media (max-width: 767px) {
  .m-2024-split .m-2024-box {
    visibility: visible; }
    .m-2024-split .m-2024-box .txt {
      margin-top: 24px; }
    .m-2024-split .m-2024-box .cta-arr {
      padding-top: 24px; } }

.m-2024-mosaico {
  visibility: visible; }
  .m-2024-mosaico .mosaico-container {
    background: #e9e4e1;
    padding: 48px calc(100vw/24); }
    .m-2024-mosaico .mosaico-container.switch-order .mosaico {
      order: 1; }
    .m-2024-mosaico .mosaico-container.switch-order .m-2024-box {
      padding: 0 calc(100vw / 24*2) 0 calc(100vw / 24); }
    @media (max-width: 991px) {
      .m-2024-mosaico .mosaico-container {
        padding: 0; } }
    @media (max-width: 767px) {
      .m-2024-mosaico .mosaico-container .flex {
        display: flex; } }
  .m-2024-mosaico .mosaico {
    gap: 20px; }
    .m-2024-mosaico .mosaico .ratio {
      position: relative;
      overflow: hidden; }
      .m-2024-mosaico .mosaico .ratio img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .m-2024-mosaico .mosaico .ratio.ratio-3-4 {
        width: calc(100vw* 504 / 1920);
        height: calc(100vw* 671 / 1920); }
      .m-2024-mosaico .mosaico .ratio.ratio-4-3 {
        width: calc(100vw* 436 / 1920);
        height: calc(100vw* 327 / 1920); }
    @media (max-width: 991px) {
      .m-2024-mosaico .mosaico {
        flex: 0 0 100%;
        max-width: 100%;
        gap: 0; }
        .m-2024-mosaico .mosaico .ratio {
          visibility: visible; }
          .m-2024-mosaico .mosaico .ratio.ratio-3-4 {
            width: calc(50vw - 5px);
            height: 100%; }
          .m-2024-mosaico .mosaico .ratio.ratio-4-3 {
            width: calc(50vw - 5px);
            height: calc((50vw - 5px)* 327 / 436); }
        .m-2024-mosaico .mosaico .column {
          gap: 10px; } }
  .m-2024-mosaico .m-2024-box {
    position: static;
    color: #000;
    flex: 1;
    padding: 0 calc(100vw / 24) 0 calc(100vw / 24* 2);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column; }
    .m-2024-mosaico .m-2024-box .tit {
      color: #000; }
    .m-2024-mosaico .m-2024-box .txt {
      margin-top: 32px;
      display: block; }
    .m-2024-mosaico .m-2024-box .cta-arr {
      padding-top: 48px; }
    @media (max-width: 991px) {
      .m-2024-mosaico .m-2024-box {
        padding: 24px !important;
        order: 2; } }
    @media (max-width: 767px) {
      .m-2024-mosaico .m-2024-box .txt {
        margin-top: 24px; }
      .m-2024-mosaico .m-2024-box .cta-arr {
        padding-top: 24px; } }

.play-video {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #fff; }
  .play-video:after {
    content: '';
    background: #00000082;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .play-video span {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    display: flex; }
    .play-video span svg {
      /*@include lg-down {
				width: 80px;
				height: 80px;
			}*/ }
      @media (max-width: 767px) {
        .play-video span svg {
          width: 50px;
          height: 50px; } }

.title-video {
  position: absolute;
  z-index: 3;
  left: 60px;
  bottom: 50px;
  color: #fff;
  font-size: 40px;
  line-height: 1;
  font-family: 'calligarisbold'; }
  @media (max-width: 1200px) {
    .title-video {
      font-size: 30px;
      left: 40px;
      bottom: 30px; } }
  @media (max-width: 767px) {
    .title-video {
      font-size: 20px;
      left: 20px;
      bottom: 20px; } }

.myvideo {
  display: none;
  padding: 0; }
  .myvideo video {
    width: 70vw;
    height: auto;
    display: flex; }
  .myvideo .fancybox-button {
    visibility: visible; }
    .myvideo .fancybox-button svg path {
      fill: #fff; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.pink-project {
  visibility: visible; }
  .pink-project .m-2024-hero {
    margin-bottom: 0; }
  .pink-project .section {
    padding: 60px 0 0; }
  .pink-project .inspiration .cta {
    margin-bottom: 0; }
  .pink-project .section--intro .tit-144 {
    padding: 60px 0; }
    @media (max-width: 991px) {
      .pink-project .section--intro .tit-144 {
        padding: 0 15px !important;
        text-align: center; } }
  .pink-project .m-2024-carousel {
    margin-bottom: 60px; }
    @media (max-width: 1200px) {
      .pink-project .m-2024-carousel .swiper-wrapper {
        align-items: flex-start; }
      .pink-project .m-2024-carousel .flex-1-1 {
        width: calc(100vw* 860 / 1920); }
      .pink-project .m-2024-carousel .m-2024-box {
        flex: 1; }
        .pink-project .m-2024-carousel .m-2024-box .design {
          display: block; } }
    @media (max-width: 767px) {
      .pink-project .m-2024-carousel .flex-1-1 {
        width: 290px; }
        .pink-project .m-2024-carousel .flex-1-1 .m-2024-box {
          padding: 8px; } }
  .pink-project .carousel-inspiration-pink-project .swiper-button {
    display: block; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
.header {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  padding: 34px calc(100vw/24);
  font-family: 'calligarisregular';
  font-display: swap;
  font-family: 'calligarisbold';
  transition: all 0.2s ease-in-out; }
  .header:before {
    content: '';
    background: #fff;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);*/
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100vw;
    height: 91px;
    pointer-events: none;
    opacity: 0;
    transition: all 0.2s ease-in-out; }
  .header .flex {
    align-items: center;
    position: relative; }
  .header .level-01 {
    /*margin-left: 80px;*/
    visibility: visible; }
    .header .level-01 a {
      font-family: 'calligarisregular';
      font-size: 18px;
      line-height: 1;
      color: #fff;
      margin-right: 32px;
      text-transform: lowercase; }
      .header .level-01 a:last-child {
        margin-right: 0 !important; }
      .header .level-01 a:hover, .header .level-01 a.on {
        color: #ef3340 !important; }
  .header .level-02 {
    position: fixed;
    z-index: -1;
    background: #fff;
    left: -100%;
    top: 0;
    width: calc(100vw/24*9);
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    padding: 168px calc(100vw/24) 0 calc(100vw/24);
    box-sizing: border-box;
    transition: all 0.3s ease-in-out; }
    .header .level-02 .go-back {
      color: #525459;
      position: relative;
      border-bottom: 1px solid #C4C4C4;
      text-transform: lowercase;
      font-size: 18px;
      line-height: 1;
      margin-bottom: 24px;
      padding: 0 0 24px 23px; }
      .header .level-02 .go-back svg {
        width: 8.5px;
        height: 13.36px;
        position: absolute;
        left: 0;
        top: 3px;
        transform: rotate(180deg);
        transition: all 0.1s ease-in-out; }
    .header .level-02 ul {
      margin: 0 !important; }
      .header .level-02 ul li {
        margin-bottom: 20px !important; }
        .header .level-02 ul li a {
          color: #000;
          font-size: 28px;
          line-height: 1.3;
          display: block;
          position: relative; }
          .header .level-02 ul li a svg {
            width: 8.5px;
            height: 13.36px;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            transition: all 0.1s ease-in-out; }
          .header .level-02 ul li a:hover, .header .level-02 ul li a.on {
            color: #ef3340; }
            .header .level-02 ul li a:hover svg, .header .level-02 ul li a.on svg {
              fill: #ef3340 !important; }
    @media (max-width: 767px) {
      .header .level-02 {
        width: 100vw !important;
        top: 79px;
        padding-top: 48px;
        max-height: calc(100vh - 79px);
        padding-bottom: 60px; }
        .header .level-02 ul {
          visibility: visible; }
          .header .level-02 ul li {
            margin-bottom: 24px !important; }
            .header .level-02 ul li a {
              font-size: 28px !important; }
              .header .level-02 ul li a svg {
                visibility: visible; } }
  .header .level-03 {
    position: fixed;
    z-index: -2;
    background: #fff;
    left: calc(100vw/24*9);
    top: 0;
    height: 100vh;
    max-height: 100vh;
    padding: 64px calc(100vw/24) 0 calc(100vw/24);
    width: calc(100vw/24*7);
    transition: all 0.3s ease-in-out; }
    .header .level-03.disabled {
      left: -100% !important; }
    .header .level-03 .go-back {
      color: #525459;
      position: relative;
      border-bottom: 1px solid #C4C4C4;
      text-transform: lowercase;
      font-size: 18px;
      line-height: 1;
      margin-bottom: 24px;
      padding: 0 0 24px 23px; }
      .header .level-03 .go-back svg {
        width: 8.5px;
        height: 13.36px;
        position: absolute;
        left: 0;
        top: 3px;
        transform: rotate(180deg);
        transition: all 0.1s ease-in-out; }
    .header .level-03 .step03 {
      display: none; }
      .header .level-03 .step03.active {
        display: block; }
    .header .level-03 .tit {
      color: #525459;
      margin-bottom: 20px;
      margin-top: 40px; }
    .header .level-03 ul li {
      margin-bottom: 20px !important; }
      .header .level-03 ul li a {
        color: #000;
        font-size: 28px;
        line-height: 1.3;
        display: block;
        text-transform: lowercase; }
    @media (max-width: 767px) {
      .header .level-03 {
        left: 0 !important;
        z-index: -1;
        width: 100vw !important;
        top: 79px;
        padding-top: 48px;
        max-height: calc(100vh - 79px);
        padding-bottom: 60px; }
        .header .level-03 .step03 {
          visibility: visible; }
          .header .level-03 .step03.active {
            visibility: visible; }
        .header .level-03 .tit {
          margin: 0;
          padding-bottom: 35px; }
        .header .level-03 ul {
          border-bottom: 1px solid #C4C4C4;
          margin-bottom: 32px;
          padding-bottom: 2px; }
          .header .level-03 ul:last-child {
            border: none;
            margin: 0;
            padding: 0; }
          .header .level-03 ul li {
            margin-bottom: 40px !important; }
            .header .level-03 ul li a {
              font-size: 28px !important;
              position: relative; }
              .header .level-03 ul li a img {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%); } }
  .header .level-04 {
    position: fixed;
    z-index: 1;
    left: calc(100vw/24*16);
    top: 0;
    height: 100vh;
    max-height: 100vh;
    width: calc(100vw/24*8);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out; }
    .header .level-04:before {
      content: '';
      background-image: url(/docs/assets/img/header/categoria-sfuma.png);
      background-size: cover;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .header .level-04 .step-04 {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center; }
    .header .level-04.active {
      opacity: 1;
      pointer-events: all; }
  .header ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .header ul a {
      color: #fff;
      transition: all 0.2s ease-in-out; }
      .header ul a:hover, .header ul a.on {
        color: #ef3340 !important;
        opacity: 1 !important; }
  .header .menu {
    font-size: 24px;
    line-height: 1;
    position: relative;
    z-index: 1;
    /*@include lg-down {
			flex: 0 0 150px;
		}*/ }
    .header .menu .hamburger {
      position: absolute;
      z-index: 1;
      top: 50%;
      left: -30px;
      transform: translateY(-50%);
      width: 16px;
      height: 11px;
      opacity: 0;
      pointer-events: none;
      transition: all 0.2s ease-in-out; }
      .header .menu .hamburger a {
        display: block;
        height: 100%; }
        .header .menu .hamburger a span {
          height: 1px;
          width: 100%;
          background: #525459;
          display: block;
          position: absolute;
          left: 0;
          transition: all 0.2s ease-in-out; }
          .header .menu .hamburger a span.span-01 {
            top: 0; }
          .header .menu .hamburger a span.span-02 {
            top: 5px; }
          .header .menu .hamburger a span.span-03 {
            bottom: 0; }
      .header .menu .hamburger.open .span-01 {
        transform: rotate(-45deg);
        top: 5px; }
      .header .menu .hamburger.open .span-02 {
        opacity: 0; }
      .header .menu .hamburger.open .span-03 {
        transform: rotate(45deg);
        top: 5px;
        bottom: auto; }
    .header .menu .logo {
      position: relative;
      left: 0;
      display: flex;
      transition: all 0.2s ease-in-out; }
      .header .menu .logo .logo-100 {
        background-image: url(/docs/assets/img/header/Logo-Calligaris-100-white.svg);
        position: absolute;
        width: 150px;
        height: 130px;
        left: -15px;
        top: 3px;
        background-size: cover;
        transition: all 0.2s ease-in-out; }
      .header .menu .logo .logo-svg {
        /*opacity: 0;
				pointer-events: none;*/ }
    .header .menu ul {
      margin-top: 19px; }
      .header .menu ul li {
        margin-bottom: 15px; }
        .header .menu ul li.on .has-submenu {
          color: #ef3340;
          opacity: 1; }
          .header .menu ul li.on .has-submenu:hover {
            color: #ef3340 !important; }
        .header .menu ul li.on .second-level {
          opacity: 1;
          height: auto;
          pointer-events: all;
          margin: 12px 0 27px 0; }
          .header .menu ul li.on .second-level a {
            opacity: 1; }
            .header .menu ul li.on .second-level a:hover {
              color: #ef3340 !important; }
      .header .menu ul.second-level {
        margin: 0;
        height: 0;
        opacity: 0;
        pointer-events: none;
        transition: all 0.2s ease-in-out; }
        .header .menu ul.second-level li {
          margin-bottom: 0; }
          .header .menu ul.second-level li a {
            color: #525459;
            font-size: 18px;
            display: block;
            padding: 6px 0; }
  .header .logo {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .header .logo svg {
      display: flex; }
  .header .service-menu {
    position: relative;
    /*flex: 0 0 30%;*/ }
    .header .service-menu ul {
      align-items: center;
      justify-content: flex-end; }
      .header .service-menu ul li {
        display: inline-block;
        margin-right: 35px;
        line-height: 1; }
        .header .service-menu ul li a {
          display: block;
          width: 20px;
          height: 20px;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat; }
        .header .service-menu ul li.cerca a {
          background-image: url(/docs/assets/img/header/search.svg); }
        .header .service-menu ul li.pin a {
          background-image: url(/docs/assets/img/header/pin.svg);
          position: relative; }
          .header .service-menu ul li.pin a:after {
            content: '';
            background: #ef3340;
            width: 6px;
            height: 6px;
            border-radius: 6px;
            position: absolute;
            top: 1px;
            right: 1px;
            animation-name: example;
            animation-duration: 2.4s;
            animation-iteration-count: infinite; }

@keyframes example {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
        .header .service-menu ul li.login a, .header .service-menu ul li.menu-logout a {
          background-image: url(/docs/assets/img/header/login.svg); }
        .header .service-menu ul li.menu-logout a {
          width: auto;
          background-position: left center;
          padding-left: 22px; }
        .header .service-menu ul li.wishlist {
          /*margin-right: 30px;*/ }
          .header .service-menu ul li.wishlist a {
            background-image: url(/docs/assets/img/header/wishlist.svg);
            width: 17px;
            height: 16px; }
          .header .service-menu ul li.wishlist span {
            font-size: 12px;
            line-height: 1;
            position: relative;
            z-index: 1;
            margin-left: 8px; }
            .header .service-menu ul li.wishlist span:after {
              content: '';
              background: #777;
              width: 20px;
              height: 20px;
              border-radius: 20px;
              position: absolute;
              z-index: -1;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%); }
          @media (max-width: 991px) {
            .header .service-menu ul li.wishlist a {
              display: inline-block; }
            .header .service-menu ul li.wishlist span {
              top: -2px; } }
        .header .service-menu ul li.carrello {
          margin-right: 65px;
          position: relative; }
          .header .service-menu ul li.carrello a {
            background-image: url(/docs/assets/img/header/cart.svg); }
          .header .service-menu ul li.carrello span {
            position: absolute;
            z-index: 1;
            top: -2px;
            right: -8px;
            font-size: 10px;
            line-height: 12px;
            font-family: 'calligarisbold';
            background: #ef3340;
            border: 1px solid #fff;
            width: 14px;
            height: 14px;
            border-radius: 14px;
            text-align: center; }
        .header .service-menu ul li.shop {
          margin-right: 36px; }
          @media (max-width: 1200px) {
            .header .service-menu ul li.shop {
              margin-right: 30px; } }
        .header .service-menu ul li.simbolo {
          margin-right: 0;
          transition: all 0.2s ease-in-out;
          position: relative;
          top: 4px; }
        .header .service-menu ul li.hamburger-service {
          margin-right: 0; }
          .header .service-menu ul li.hamburger-service a {
            background-image: url(/docs/assets/img/header/hamburger.svg);
            width: 32px;
            height: 20px; }
    .header .service-menu.side-open {
      visibility: visible; }
      .header .service-menu.side-open ul {
        visibility: visible; }
        .header .service-menu.side-open ul li.cerca a {
          background-image: url(/docs/assets/img/header/search-black.svg); }
        .header .service-menu.side-open ul li.pin a {
          background-image: url(/docs/assets/img/header/pin-black.svg); }
        .header .service-menu.side-open ul li.login a, .header .service-menu.side-open ul li.menu-logout a {
          background-image: url(/docs/assets/img/header/login-black.svg); }
        .header .service-menu.side-open ul li.wishlist a {
          background-image: url(/docs/assets/img/header/wishlist-black.svg); }
        .header .service-menu.side-open ul li.carrello a {
          background-image: url(/docs/assets/img/header/cart-black.svg); }
        .header .service-menu.side-open ul li.hamburger-service a {
          background-image: url(/docs/assets/img/header/close.svg) !important; }
  .header .submenu {
    background: #fff;
    width: 100%;
    height: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out; }
    .header .submenu .container {
      position: absolute;
      left: 50%;
      top: 0px;
      transform: translateX(-50%);
      height: 100%;
      width: 100%; }
    .header .submenu .cover {
      position: absolute;
      right: 0;
      top: 0;
      /*width: calc(100% - 200px);*/
      height: 100%;
      /*margin-left: 200px;*/
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 0;
      pointer-events: none;
      transition: all 0.2s ease-in-out; }
      .header .submenu .cover.cover-active {
        opacity: 1; }
      .header .submenu .cover:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
        height: 100vh;
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }
      .header .submenu .cover:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 30%;
        background: linear-gradient(#fff, rgba(255, 255, 255, 0)); }
    @media (max-width: 767px) {
      .header .submenu {
        display: none; } }
  .header.side-opened {
    /*@include md-down {
			padding-bottom: 28px !important;

			&:before {
				height: 90px !important;
			}

			.menu {
				.logo {
					.logo-100 {
						height: 28px !important;
					}
				}
			}
		}*/
    /*@include sm-down {
			padding-bottom: 28px !important;

			&:before {
				height: 79.3px !important;
			}

			.menu {
				.logo {
					.logo-100 {
						height: 22px !important;
					}
				}
			}
		}*/ }
    .header.side-opened:before {
      opacity: 1; }
    .header.side-opened .level-01 a {
      color: #000; }
  .header.active {
    padding-bottom: 54px;
    height: 100vh;
    z-index: 999 !important; }
    .header.active:before {
      opacity: 1;
      pointer-events: all; }
    .header.active .pattern {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 44px; }
    .header.active > .container {
      max-height: 100vh; }
      @media (max-width: 991px) {
        .header.active > .container {
          overflow-y: auto;
          padding-bottom: 50px; } }
    .header.active .level-01 {
      /*margin-left: 80px;*/
      visibility: visible; }
      .header.active .level-01 a {
        color: #000; }
    .header.active .level-02 {
      left: 0; }
    .header.active .menu {
      /*a {
				color: $grey;
				opacity: 0.5;

				&:hover {
					opacity: 1;
					color: $colorbody !important;
				}
			}*/ }
      .header.active .menu .hamburger {
        opacity: 1;
        pointer-events: all; }
        .header.active .menu .hamburger a {
          opacity: 1; }
      .header.active .menu .logo {
        opacity: 1; }
    .header.active .service-menu ul {
      visibility: visible; }
      .header.active .service-menu ul li.cerca a {
        background-image: url(/docs/assets/img/header/search-black.svg); }
      .header.active .service-menu ul li.pin a {
        background-image: url(/docs/assets/img/header/pin-black.svg); }
      .header.active .service-menu ul li.login a, .header.active .service-menu ul li.menu-logout a {
        background-image: url(/docs/assets/img/header/login-black.svg); }
      .header.active .service-menu ul li.carrello a {
        background-image: url(/docs/assets/img/header/cart-black.svg); }
      .header.active .service-menu ul li.hamburger-service a {
        background-image: url(/docs/assets/img/header/hamburger-black.svg); }
    .header.active .submenu {
      height: 100%;
      opacity: 1; }
  .header.disabled {
    top: -100px; }
    .header.disabled .menu-sx {
      display: none; }
  .header.fixed, .header.interno-fixed {
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    /*background: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);*/ }
    .header.fixed:before, .header.interno-fixed:before {
      opacity: 1; }
    .header.fixed .level-01 a, .header.interno-fixed .level-01 a {
      color: #000; }
    .header.fixed .menu .hamburger, .header.interno-fixed .menu .hamburger {
      /*opacity: 1;*/
      pointer-events: all; }
    .header.fixed .menu .logo .logo-100, .header.interno-fixed .menu .logo .logo-100 {
      height: 30px;
      /*background-image: url(/docs/assets/img/header/Logo-Calligaris-100.svg);*/ }
    .header.fixed .menu .menu-sx, .header.interno-fixed .menu .menu-sx {
      display: block;
      height: 0;
      opacity: 0;
      pointer-events: none;
      transition: all 0.2s ease-in-out; }
      .header.fixed .menu .menu-sx li, .header.interno-fixed .menu .menu-sx li {
        visibility: visible; }
        .header.fixed .menu .menu-sx li a, .header.interno-fixed .menu .menu-sx li a {
          /*color: $colorbody;*/ }
    .header.fixed .service-menu ul, .header.interno-fixed .service-menu ul {
      visibility: visible; }
      .header.fixed .service-menu ul li.cerca a, .header.interno-fixed .service-menu ul li.cerca a {
        background-image: url(/docs/assets/img/header/search-black.svg); }
      .header.fixed .service-menu ul li.pin a, .header.interno-fixed .service-menu ul li.pin a {
        background-image: url(/docs/assets/img/header/pin-black.svg); }
      .header.fixed .service-menu ul li.login a, .header.fixed .service-menu ul li.menu-logout a, .header.interno-fixed .service-menu ul li.login a, .header.interno-fixed .service-menu ul li.menu-logout a {
        background-image: url(/docs/assets/img/header/login-black.svg);
        color: #000; }
      .header.fixed .service-menu ul li.wishlist a, .header.interno-fixed .service-menu ul li.wishlist a {
        background-image: url(/docs/assets/img/header/wishlist-black.svg); }
      .header.fixed .service-menu ul li.carrello a, .header.interno-fixed .service-menu ul li.carrello a {
        background-image: url(/docs/assets/img/header/cart-black.svg); }
      .header.fixed .service-menu ul li.hamburger-service a, .header.interno-fixed .service-menu ul li.hamburger-service a {
        background-image: url(/docs/assets/img/header/hamburger-black.svg); }
    .header.fixed.active .menu-sx, .header.interno-fixed.active .menu-sx {
      height: auto;
      opacity: 1;
      pointer-events: all; }
  .header.mixed {
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    /*background: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);*/ }
    .header.mixed .service-menu ul {
      visibility: visible; }
      .header.mixed .service-menu ul li.cerca a {
        background-image: url(/docs/assets/img/header/search-black.svg); }
      .header.mixed .service-menu ul li.pin a {
        background-image: url(/docs/assets/img/header/pin-black.svg); }
      .header.mixed .service-menu ul li.login a, .header.mixed .service-menu ul li.menu-logout a {
        background-image: url(/docs/assets/img/header/login-black.svg);
        color: #000; }
      .header.mixed .service-menu ul li.wishlist a {
        background-image: url(/docs/assets/img/header/wishlist-black.svg); }
      .header.mixed .service-menu ul li.carrello a {
        background-image: url(/docs/assets/img/header/cart-black.svg); }
      .header.mixed .service-menu ul li.hamburger-service a {
        background-image: url(/docs/assets/img/header/hamburger-black.svg); }
  .header.header-light a {
    color: #1d1820; }
  .header.header-light .menu .logo .logo-100 {
    background-image: url(/docs/assets/img/header/Logo-Calligaris-100.svg); }
  .header.header-light .service-menu a {
    color: #5c5c5c; }
  .header.header-light .service-menu ul {
    visibility: visible; }
    .header.header-light .service-menu ul li.cerca a {
      background-image: url(/docs/assets/img/header/search-black.svg); }
    .header.header-light .service-menu ul li.pin a {
      background-image: url(/docs/assets/img/header/pin-black.svg); }
    .header.header-light .service-menu ul li.login a, .header.header-light .service-menu ul li.menu-logout a {
      background-image: url(/docs/assets/img/header/login-black.svg); }
    .header.header-light .service-menu ul li.wishlist a {
      background-image: url(/docs/assets/img/header/wishlist-black.svg); }
    .header.header-light .service-menu ul li.carrello a {
      background-image: url(/docs/assets/img/header/cart-black.svg); }
    .header.header-light .service-menu ul li.hamburger-service a {
      background-image: url(/docs/assets/img/header/hamburger-black.svg); }
  .header.hidden-hamburger .hamburger {
    /*display: none;*/ }
  @media (max-width: 1200px) {
    .header .menu {
      /*flex: 0 0 60%;*/
      justify-content: flex-start; }
      .header .menu .level-01 {
        /*margin-left: 40px !important;*/ }
    .header .level-02, .header .level-03 {
      padding-bottom: 120px; }
      .header .level-02 ul li a, .header .level-03 ul li a {
        font-size: 24px;
        line-height: 1; }
    .header .service-menu {
      /*flex: 0 0 40%;*/ }
      .header .service-menu ul li {
        margin-right: 20px; }
        .header .service-menu ul li a {
          font-size: 13px; } }
  @media (max-width: 991px) {
    .header:before {
      height: 88px; }
    .header .menu {
      /*flex: 0 0 65%;*/ }
      .header .menu .hamburger {
        left: -25px; }
      .header .menu .logo .logo-100 {
        background-image: url(/docs/assets/img/header/Logo-Calligaris-100.svg);
        width: 120px;
        height: 103px !important;
        top: 5px; }
        .conf-panel-open .header .menu .logo .logo-100 {
          height: 28px !important; }
      .header .menu .level-01 {
        /*margin-left: 20px !important;*/ }
        .header .menu .level-01 a {
          margin-right: 15px;
          font-size: 15px; }
    .header .service-menu {
      /*flex: 0 0 35%;*/ }
      .header .service-menu ul li.carrello {
        margin-right: 30px; }
    .header.fixed, .header.interno-fixed {
      /*padding-bottom: 108px;*/ }
      .conf-panel-open .header.fixed, .conf-panel-open .header.interno-fixed {
        padding-bottom: 28px !important; }
      .header.fixed:before, .header.interno-fixed:before {
        /*height: 165.3px;*/ }
        .conf-panel-open .header.fixed:before, .conf-panel-open .header.interno-fixed:before {
          height: 85.3px !important; }
    .header .level-02 {
      width: 50vw; }
    .header .level-03 {
      width: 50vw;
      left: 50vw; }
    .header .level-04 {
      display: none; } }
  @media (max-width: 767px) {
    .header {
      padding: 27px calc(100vw/24); }
      .header:before {
        height: 74px !important; }
      .header .flex {
        display: flex; }
      .header .menu {
        /*flex: 0 0 50%;*/ }
        .header .menu .hamburger {
          display: none; }
        .header .menu .logo {
          left: 0; }
          .header .menu .logo .logo-100 {
            /*background-image: url(/docs/assets/img/header/Logo-Calligaris-100-mobile.svg) !important;*/
            width: 100px;
            height: 86px !important;
            left: 0;
            top: 5px; }
      .header .service-menu {
        flex: 0 0 100%; }
        .header .service-menu .flex {
          visibility: visible; }
          .header .service-menu .flex .cerca {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            margin: 0; }
          .header .service-menu .flex .pin {
            position: absolute;
            left: 30px;
            top: 50%;
            transform: translateY(-50%);
            margin: 0; }
          .header .service-menu .flex .wishlist {
            position: absolute;
            left: 60px;
            top: 50%;
            transform: translateY(-50%);
            margin: 0;
            display: flex; }
            .header .service-menu .flex .wishlist a {
              width: 20px; }
          .header .service-menu .flex .carrello {
            margin-right: 20px; } }

.back-to-top {
  position: fixed;
  z-index: 999;
  right: 40px;
  bottom: -100px;
  opacity: 0;
  width: 40px;
  height: 40px;
  background: #000;
  transition: all 0.2s ease-in-out; }
  .back-to-top a {
    display: block;
    width: 100%;
    height: 100%; }
    .back-to-top a:after {
      content: '';
      position: absolute;
      z-index: 1;
      top: 18px;
      left: 15px;
      border-top: 2px solid #fff;
      border-left: 2px solid #fff;
      width: 8px;
      height: 8px;
      transform: rotate(45deg); }
  .back-to-top.active {
    bottom: 40px;
    opacity: 1; }
  @media (max-width: 1200px) {
    .back-to-top {
      right: 15px;
      /*left: 50%;
		transform: translateX(-50%);*/ }
      .back-to-top.active {
        bottom: 15px; } }

.header.blackText ul a {
  color: #000; }

.header.whiteText ul a {
  color: #fff; }

/*PADDING stop PER SECTION*/
/*ECCEZIONE PER FOOTER NELLA PAGINA DEL CHI SIAMO*/
footer {
  /*@include paddingTopSection($style:small);*/
  padding-top: 85px; }
  @media (max-width: 767px) {
    footer {
      position: relative;
      z-index: 1; } }
  footer .prefooter {
    position: relative;
    z-index: 1; }
    footer .prefooter:before {
      content: '';
      background: #9e9e9e;
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%; }
      @media (max-width: 767px) {
        footer .prefooter:before {
          display: none; } }
    footer .prefooter:after {
      content: '';
      background: #636466;
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      width: 50%;
      height: 100%; }
      @media (max-width: 767px) {
        footer .prefooter:after {
          display: none; } }
    footer .prefooter .grid {
      padding: 36px 0; }
      @media (max-width: 767px) {
        footer .prefooter .grid {
          padding: 30px 0; } }
    footer .prefooter .prefooter-sx {
      padding-right: 35px; }
      @media (max-width: 1200px) {
        footer .prefooter .prefooter-sx {
          padding-right: 15px; } }
      @media (max-width: 767px) {
        footer .prefooter .prefooter-sx {
          padding-right: 0; } }
    footer .prefooter .prefooter-dx {
      padding-left: 35px; }
      @media (max-width: 1200px) {
        footer .prefooter .prefooter-dx {
          padding-left: 15px; } }
      @media (max-width: 767px) {
        footer .prefooter .prefooter-dx {
          padding-left: 0;
          margin-top: 20px; } }
    footer .prefooter form {
      flex-wrap: wrap; }
      @media (max-width: 1200px) {
        footer .prefooter form {
          display: block; } }
      footer .prefooter form label {
        flex: 0 0 20%;
        max-width: 20%;
        color: #f6f6f6;
        font-size: 18px;
        line-height: 1.3;
        margin: 0;
        text-transform: lowercase; }
        @media (max-width: 1200px) {
          footer .prefooter form label {
            max-width: 100%; } }
      footer .prefooter form .input-prefooter {
        flex: 0 0 80%;
        max-width: 80%; }
        @media (max-width: 1200px) {
          footer .prefooter form .input-prefooter {
            max-width: 100%; } }
        @media (max-width: 767px) {
          footer .prefooter form .input-prefooter.flex {
            display: flex; } }
        footer .prefooter form .input-prefooter input {
          flex: 0 0 80%;
          max-width: 80%;
          border: none;
          padding-top: 18px;
          padding-bottom: 18px;
          height: 60px; }
          @media (max-width: 767px) {
            footer .prefooter form .input-prefooter input {
              height: 65px; } }
          footer .prefooter form .input-prefooter input[type="button"] {
            cursor: pointer;
            background-repeat: no-repeat;
            background-position: center; }
            footer .prefooter form .input-prefooter input[type="button"].pin {
              background-image: url(/docs/assets/img/pin.png); }
            footer .prefooter form .input-prefooter input[type="button"].mail {
              background-image: url(/docs/assets/img/mail.png); }
        footer .prefooter form .input-prefooter .pin, footer .prefooter form .input-prefooter .mail {
          flex: 0 0 20%;
          max-width: 20%;
          position: relative;
          z-index: 1; }
          footer .prefooter form .input-prefooter .pin input, footer .prefooter form .input-prefooter .mail input {
            cursor: pointer;
            position: relative;
            max-width: 100%;
            height: 100%; }
      footer .prefooter form .checkboxgrp {
        flex: 0 0 80%;
        max-width: 80%;
        margin: 7px 0 0 20%; }
        footer .prefooter form .checkboxgrp label {
          font-size: 12px !important;
          line-height: 16px;
          text-transform: none; }
          footer .prefooter form .checkboxgrp label:before {
            border: none;
            top: 0; }
          footer .prefooter form .checkboxgrp label:after {
            top: 1px;
            left: 4px; }
        @media (max-width: 1200px) {
          footer .prefooter form .checkboxgrp {
            flex: 0 0 100%;
            max-width: 100%;
            margin-left: 0; } }
    footer .prefooter .bg-prefooter {
      background: url(/docs/assets/img/pattern/pattern-01.png) repeat-x;
      height: 44px; }
    @media (max-width: 767px) {
      footer .prefooter .container {
        padding: 0; }
        footer .prefooter .container .grid {
          padding-bottom: 0; }
        footer .prefooter .container .prefooter-sx {
          padding: 15px;
          background: #9e9e9e; }
        footer .prefooter .container .prefooter-dx {
          padding: 15px;
          background: #636466;
          margin-top: 0; } }
  footer .footer {
    padding-top: 80px;
    background: #F5F2F0; }
    footer .footer .logo-footer-rosso {
      display: flex; }
      footer .footer .logo-footer-rosso .logo-100 {
        background-image: url(/docs/assets/img/header/Logo-Calligaris-100.svg);
        position: absolute;
        left: -35px;
        top: 0;
        width: 200px;
        height: 275px;
        background-repeat: no-repeat;
        pointer-events: none; }
        @media (max-width: 1200px) {
          footer .footer .logo-footer-rosso .logo-100 {
            left: 0;
            width: 130px;
            /* height: 155px; */
            top: 4px; } }
        @media (max-width: 991px) {
          footer .footer .logo-footer-rosso .logo-100 {
            left: -5px; } }
      footer .footer .logo-footer-rosso svg {
        width: 238px;
        height: auto;
        /*opacity: 0;
				pointer-events: none;*/ }
        @media (max-width: 1560px) {
          footer .footer .logo-footer-rosso svg {
            width: 150px; } }
    footer .footer .logo-footer-picchio {
      display: flex; }
      footer .footer .logo-footer-picchio svg {
        width: 50px;
        height: auto; }
    footer .footer .order-1 {
      order: 1; }
    footer .footer ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      @media (max-width: 991px) {
        footer .footer ul {
          margin-bottom: 40px; } }
      footer .footer ul li {
        margin-bottom: 6px; }
        footer .footer ul li:last-child {
          margin-bottom: 0; }
        footer .footer ul li.tit-menu {
          font-size: 15px;
          line-height: 1.5;
          margin-bottom: 12px;
          color: #000000; }
        footer .footer ul li a {
          font-size: 18px;
          line-height: 1.5;
          font-family: 'calligarisregular';
          font-display: swap;
          font-family: 'calligarisbold';
          color: #000;
          display: block; }
        footer .footer ul li ul {
          margin-top: 15px; }
      @media (max-width: 767px) {
        footer .footer ul {
          visibility: visible; }
          footer .footer ul li {
            font-size: 18px;
            line-height: 1;
            /*@include font($style:bold);*/
            color: #000;
            display: block; }
            footer .footer ul li a {
              /*@include font($style:regualr);*/
              font-size: 16px;
              margin-top: 10px; }
          footer .footer ul.social-footer {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            footer .footer ul.social-footer li {
              visibility: visible; }
              footer .footer ul.social-footer li a {
                font-size: 14px;
                line-height: 1;
                font-family: 'calligarisregular';
                font-display: swap;
                font-family: 'calligarisbold';
                color: #000; } }
    footer .footer .menu {
      /* padding-top: 128px; */
      margin-top: -55px; }
    footer .footer .widget {
      padding-top: 80px;
      display: flex;
      align-items: center; }
      footer .footer .widget a {
        margin-right: 6px; }
        footer .footer .widget a:last-child {
          margin-right: 0; }
    footer .footer .indirizzo-mobile {
      text-align: center;
      padding: 0 !important;
      font-size: 12px;
      line-height: 1.5;
      color: #9b9a98;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      margin-bottom: 32px !important; }
    footer .footer .service-menu {
      margin-top: 45px;
      font-size: 14px; }
      footer .footer .service-menu .indirizzo {
        font-size: 16px;
        color: #525459; }
      footer .footer .service-menu a {
        font-size: 14px;
        font-family: 'calligarisregular';
        font-display: swap; }
    footer .footer .credits {
      padding: 30px 0 80px;
      font-size: 12px;
      color: #000000; }
      footer .footer .credits .flex {
        align-items: center; }
      footer .footer .credits .pagamenti {
        margin-right: 104px;
        line-height: 1; }
      @media (max-width: 991px) {
        footer .footer .credits .copy {
          margin-bottom: 30px; } }
      @media (max-width: 767px) {
        footer .footer .credits {
          padding: 30px 0; }
          footer .footer .credits .flex {
            display: block !important; }
            footer .footer .credits .flex > div {
              text-align: center; }
          footer .footer .credits .pagamenti {
            margin: 0 0 30px 0; }
            footer .footer .credits .pagamenti svg {
              max-width: 100%; } }
      footer .footer .credits a {
        color: #000000; }
    @media (max-width: 1200px) {
      footer .footer .menu .flex {
        justify-content: flex-start; }
        footer .footer .menu .flex > div {
          flex: 0 0 25%;
          max-width: 25%;
          margin-bottom: 40px; } }
    @media (max-width: 991px) {
      footer .footer {
        padding: 36px calc(100vw/24) 0px; }
        footer .footer .grid-footer-sm {
          display: flex;
          align-items: center; }
          footer .footer .grid-footer-sm > div {
            flex: 0 0 50%;
            max-width: 50%;
            margin: 0; }
          footer .footer .grid-footer-sm .logo-footer-rosso {
            height: 155px; }
            footer .footer .grid-footer-sm .logo-footer-rosso svg {
              width: 100px; }
          footer .footer .grid-footer-sm .logo-footer-picchio {
            justify-content: flex-end; }
        footer .footer .menu {
          padding-top: 48px; }
          footer .footer .menu .flex > div {
            flex: 0 0 50%;
            max-width: 50%;
            padding-right: 30px;
            margin-bottom: 48px; }
            footer .footer .menu .flex > div ul {
              margin-bottom: 0; }
              footer .footer .menu .flex > div ul li {
                visibility: visible; }
                footer .footer .menu .flex > div ul li a {
                  font-size: 15px; }
          footer .footer .menu .flex #social-footer {
            flex: 0 0 100%;
            max-width: 100%;
            padding-right: 0; }
            footer .footer .menu .flex #social-footer ul {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between; }
              footer .footer .menu .flex #social-footer ul .tit-menu {
                display: none; }
        footer .footer .credits {
          padding: 0; }
          footer .footer .credits .flex {
            flex: 0 0 100%;
            max-width: 100%; }
          footer .footer .credits .copy {
            margin-bottom: 48px;
            flex: 0 0 100%;
            max-width: 100%;
            text-align: center; }
          footer .footer .credits .pagamenti {
            flex: 0 0 100%;
            max-width: 100%;
            margin: 0 0 48px 0; }
          footer .footer .credits a {
            flex: 0 0 100%;
            max-width: 100%;
            text-align: center; }
        footer .footer .widget {
          padding: 48px 0 60px; } }
    @media (max-width: 767px) {
      footer .footer {
        padding-bottom: 85px;
        /*.menu {
				.flex {
					display: flex;

					& > div {
						flex: 0 0 100%;
						max-width: 100%;
					}
				}
			}

			.grid {
				display: flex;

				& > div {
					flex: 0 0 50%;
					max-width: 50%;
					margin-bottom: 20px;

					&.col-3 {
						flex: 0 0 100%;
						max-width: 100%;
					}
				}
			}

			ul {
				li {
					margin-bottom: 5px;
				}
			}*/ }
        footer .footer .flex {
          display: flex; }
        footer .footer .logo-footer-rosso {
          height: 129px; }
          footer .footer .logo-footer-rosso .logo-100 {
            width: 150px;
            height: 129px; } }
/*# sourceMappingURL=main.css.map */