/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


:root{
  --white: #FFFFFF;
  --black: #000000;
  --yellow: #CE9133;
  --gray: #eaf1f6;
  --darkgray: #0C0E0F;
  --text-color: #ffffff;
  --text-color-alt: #ffffff;
  --text-color-neg: #000000;
  --accent-color: #CE9133;
  --background-color: #000000;
  --background-color-alt: #0C0E0F;

  /*Utili*/
  --radius: 8px;
  --radius-small: 2.5px;
  --shadow: 0px 3px 16px #00000025;

  /*font family*/
  --font-principale: halyard-text, sans-serif;
  --font-secondario: 'Heebo', sans-serif;

  /*font size/line height*/
  --size-h1: 65px;
  --lineH-h1: 1.22;
  --weight-h1: 100;

  --size-h2: 50px;
  --lineH-h2: 1.22;
  --weight-h2: 100;

  --size-h3: 46px;
  --lineH-h3: 1.30;
  --weight-h3: 100;

  --size-h4: 40px;
  --lineH-h4: 1.35;
  --weight-h4: 100;

  --size-h5: 28px;
  --lineH-h5: 1.45;
  --weight-h5: 100;

  --size-h6: 22px;
  --lineH-h6: 1.55;
  --weight-h6: 100;

  --size-p-big: 24px;
  --lineH-p-big: 1.6;

  --size-p: 22px;
  --lineH-p: 1.5;

  --size-p-small: 16px;
  --lineH-p-small: 1.4;

  --size-p-smaller: 14px;
  --lineH-p-smaller: 1.6;

  /*Elementi*/
  --w-container: 1170px;
  --w-container-stretto: 940px;



  --padding-box: 15px;
  --space-margin: 50px;

  /*griglia 15colonne*/
  --baseline: 6.25vw;
  --spacing-1: var(--baseline);
  --spacing-2: calc(var(--baseline) * 2);
  --spacing-3: calc(var(--baseline) * 3);
  --spacing-4: calc(var(--baseline) * 4);
  --spacing-5: calc(var(--baseline) * 5);
  --spacing-6: calc(var(--baseline) * 6);
  --spacing-7: calc(var(--baseline) * 7);
  --spacing-8: calc(var(--baseline) * 8);
  --spacing-9: calc(var(--baseline) * 9);
  --spacing-10: calc(var(--baseline) * 10);

  --baseline-sm: 15px;
  --spacing-1-sm: var(--baseline-sm);
  --spacing-2-sm: calc(var(--baseline-sm) * 2);
  --spacing-3-sm: calc(var(--baseline-sm) * 3);
  --spacing-4-sm: calc(var(--baseline-sm) * 4);
  --spacing-5-sm: calc(var(--baseline-sm) * 5);
  --spacing-6-sm: calc(var(--baseline-sm) * 6);
  --spacing-7-sm: calc(var(--baseline-sm) * 7);
  --spacing-8-sm: calc(var(--baseline-sm) * 8);
  --spacing-9-sm: calc(var(--baseline-sm) * 9);
  --spacing-10-sm: calc(var(--baseline-sm) * 10);
}





/*classi per correggere impostazioni tema */
::-moz-selection{
  /* Code for Firefox */
  color: var(--text-color-alt);
  background: var(--accent-color);
}

::selection{
  color: var(--text-color-alt);
  background: var(--accent-color);
}

::-webkit-scrollbar{
  width: 0px;
}

/*
::-webkit-scrollbar-thumb{
    background:rgb(128 128 128 / 0.5);
    border-radius: 4px;
}
::-webkit-scrollbar-track{
    background:transparent;
}
/*div#Side_slide::-webkit-scrollbar{
    width: 6px;
}
div#Side_slide::-webkit-scrollbar-thumb{
    background: #031317c4;
    border-radius: 20px;
}
div#Side_slide::-webkit-scrollbar-track{
    background: #04262ea1;
}*/


*:focus{
  outline: none;
}

* img{
  image-rendering: -webkit-optimize-contrast !important;
}

*{
  text-rendering: optimizeLegibility !important;
}

html{
  scroll-behavior: smooth;
}

/*righe sfondo*/
body{
  position: relative;
  background-color: transparent;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  width: 100%;
  top: 0;
  margin: 0 auto
}

html{
  position: relative;
  background-color: #101010;
}

html:after{
  width: calc(100% + var(--baseline));
  left: calc(0px - (var(--baseline) / 2));
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: fixed;
  z-index: -1;
  display: block;
  /*background: linear-gradient(to left, rgba(114,114,114,1), rgba(114,114,114,1) 0.5px, transparent 1px, transparent);*/
  background-size: var(--baseline) 100%;
  opacity: 0.1;
  mix-blend-mode: luminosity;
}

img{
  max-width: 100%;
}

figure{
  display: block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}


/*----------------transizione----------------*/

.transition,
p,
b,
strong,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
span,
blockquote{
  transition: background cubic-bezier(0.68, -0.55, 0.27, 1.55) 700ms, color cubic-bezier(0.68, -0.55, 0.27, 1.55) 700ms, fill cubic-bezier(0.68, -0.55, 0.27, 1.55) 700ms !important;
}

p#breadcrumb span{
  transition: none !important;
}

p#breadcrumb,
p#breadcrumb a{
  transition: color cubic-bezier(0.68, -0.55, 0.27, 1.55) 700ms !important;
}

/*----------------clear----------------*/
.clearfix:before,
.clearfix:after{
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}

.clearfix:after{
  clear: both
}

.clear{
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}


/*----------------Rules for icon sizes----------------*/
.material-icons{
  line-height: inherit !important;
  vertical-align: sub !important;
  font-size: 1.2em !important;
}

.material-icons.md-18{
  font-size: 18px;
}

.material-icons.md-24{
  font-size: 24px;
}

/* Default */
.material-icons.md-36{
  font-size: 36px;
}

.material-icons.md-48{
  font-size: 48px;
}


/*----------------righe e colonne----------------*/
section{
  margin: 0 auto;
}

section.margin{
  margin-top: var(--space-margin);
  margin-bottom: var(--space-margin);
}

section.margin.dubble{
  margin-top: calc(var(--space-margin) * 2);
  margin-bottom: calc(var(--space-margin) * 2);
}

section.margin.first{
  margin-top: calc(var(--space-margin) * 2);
  margin-bottom: var(--space-margin);
}

section.margin.last{
  margin-bottom: calc(var(--space-margin) * 2);
  margin-top: var(--space-margin);
}

section.margin.last.margin0bottom{
  margin-bottom: 0;
  margin-top: var(--space-margin);
}

.margin-top{
  margin-top: var(--space-margin);
}

.margin-bottom{
  margin-bottom: var(--space-margin);
}

.full-height{
  height: 100vh;
}
.height-100{
  height: 100%;
}
.full-width{
  max-width: none !important;
}

section,
.w-container,
.w-container-small,
.col-100,
.col-85,
.col-80,
.col-75,
.col-70,
.col-60,
.col-50,
.col-40,
.col-33,
.col-30,
.col-25,
.col-15{
  box-sizing: border-box;
}

/*----------------colonne----------------*/
.w-container{
  width: var(--w-container);
}

.w-container-small{
  width: var(--w-container-stretto);
}

.col-100,
.full-width{
  width: 100%;
}



/*grid*/
section .grid-container{
  max-width: calc(100% - var(--baseline));
  grid-template-columns: repeat(15, 1fr);
  grid-template-rows: auto;
  grid-auto-flow: dense;
  align-items: start;
  display: grid;
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  column-gap: 0px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  /* border:#ff00004a 0.5px dotted; */
  box-sizing: border-box;
  padding: 0px;
}

section .grid-container .cell{
  box-sizing: border-box;
  position: relative;
}


section .grid-container .cell.g15{
  grid-column-end: span 15;
}

section .grid-container .cell.g14{
  grid-column-end: span 14;
}

section .grid-container .cell.g13{
  grid-column-end: span 13;
}

section .grid-container .cell.g12{
  grid-column-end: span 12;
}

section .grid-container .cell.g11{
  grid-column-end: span 11;
}

section .grid-container .cell.g10{
  grid-column-end: span 10;
}

section .grid-container .cell.g9{
  grid-column-end: span 9;
}

section .grid-container .cell.g8{
  grid-column-end: span 8;
}

section .grid-container .cell.g7{
  grid-column-end: span 7;
}

section .grid-container .cell.g6{
  grid-column-end: span 6;
}

section .grid-container .cell.g5{
  grid-column-end: span 5;
}

section .grid-container .cell.g4{
  grid-column-end: span 4;
}

section .grid-container .cell.g3{
  grid-column-end: span 3;
}

section .grid-container .cell.g2{
  grid-column-end: span 2;
}

section .grid-container .cell.g1{
  grid-column-end: span 1;
}


section .grid-container .cell.start2{
  grid-column-start: 2;
  grid-column-end: -2;
}

section .grid-container .cell.start1{
  grid-column-start: 1;
}

section .grid-container .cell.start2-n{
  grid-column-start: 2;
}

section .grid-container .cell.start3{
  grid-column-start: 3;
}

section .grid-container .cell.start4{
  grid-column-start: 4;
}

section .grid-container .cell.start5{
  grid-column-start: 5;
}

section .grid-container .cell.start6{
  grid-column-start: 6;
}

section .grid-container .cell.start7{
  grid-column-start: 7;
}

section .grid-container .cell.start8{
  grid-column-start: 8;
}

section .grid-container .cell.start9{
  grid-column-start: 9;
}

section .grid-container .cell.start10{
  grid-column-start: 10;
}

section .grid-container .cell.start11{
  grid-column-start: 11;
}

section .grid-container .cell.start12{
  grid-column-start: 12;
}

section .grid-container .cell.start13{
  grid-column-start: 13;
}

section .grid-container .cell.start14{
  grid-column-start: 14;
}



/*colonne standard*/
.col-85{
  width: 85%;
}

.col-80{
  width: 80%;
}

.col-75{
  width: 75%;
}

.col-70{
  width: 70%;
}

.col-66{
  width: 66%;
}

.col-60{
  width: 60%;
}

.col-50{
  width: 50%;
}

.col-45{
  width: 45%;
}

.col-40{
  width: 40%;
}

.col-35{
  width: 35%;
}

.col-33{
  width: 33%;
}

.col-30{
  width: 30%;
}

.col-25{
  width: 25%;
}

.col-20{
  width: 20%;
}

.col-15{
  width: 15%;
}

.col-12{
  width: 12.5%;
}


/*colonne-flex + gap*/
.col-20-flex{
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 14%;
}

.col-30-flex{
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 24%;
}

.col-40-flex{
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 34%;
}

.col-50-flex{
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 44%;
}

.col-60-flex{
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 54%;
}

.col-80-flex{
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 74%;
}

.gap-15px{
  gap: 15px;
}

.gap-30px{
  gap: 30px;
}

.column-gap-1{
  column-gap: 3%;
}

.column-gap-3{
  column-gap: 6%;
}

.column-gap-6{
  column-gap: 12%;
}

.column-gap-50px{
  column-gap: 50px;
}

.row-gap-12{
  row-gap: 12px;
}

.row-gap-24{
  row-gap: 24px;
}

.row-gap-48{
  row-gap: 48px;
}

.gap-15px > .col-50{
  width: calc(50% - 7.5px);
}
/*----------------flex----------------*/
.flex{
  display: flex;
}

.flex-row{
  flex-direction: row;
}

.flex-column{
  flex-direction: column;
}

.flex-row-rev{
  flex-direction: row-reverse;
}

.flex-column-rev{
  flex-direction: column-reverse;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.align-items-center{
  align-items: center;
}

.align-items-end{
  align-items: flex-end;
}

.align-items-start{
  align-items: flex-start;
}

.align-items-stretch{
  align-items: stretch;
}

.align-content-center{
  align-content: center;
}

.align-content-end{
  align-content: flex-end;
}

.align-content-start{
  align-content: flex-start;
}

.align-content-stretch{
  align-content: stretch;
}

.justify-content-center{
  justify-content: center;
}

.justify-content-end{
  justify-content: flex-end;
}

.justify-content-start{
  justify-content: flex-start;
}

.justify-content-space-around{
  justify-content: space-around;
}

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

.justify-content-space-evenly{
  justify-content: space-evenly;
}


/*----------------spazi----------------*/
.padding{
  padding: var(--padding-box);
}

.padding10{
  padding: 10px;
}

.padding10sx{
  padding-left: 10px;
}

.padding10dx{
  padding-right: 10px;
}

.padding10top{
  padding-top: 10px;
}

.padding10bottom{
  padding-bottom: 10px;
}

.padding20{
  padding: 20px;
}

.padding20sx{
  padding-left: 20px;
}

.padding20dx{
  padding-right: 20px;
}

.padding20top{
  padding-top: 20px;
}

.padding20bottom{
  padding-bottom: 20px;
}

.padding30{
  padding: 30px;
}

.padding30sx{
  padding-left: 30px;
}

.padding30dx{
  padding-right: 30px;
}

.padding30top{
  padding-top: 30px;
}

.padding30bottom{
  padding-bottom: 30px;
}

.padding40{
  padding: 40px;
}

.padding40sx{
  padding-left: 40px;
}

.padding40dx{
  padding-right: 40px;
}

.padding40top{
  padding-top: 40px;
}

.padding40bottom{
  padding-bottom: 40px;
}

.padding60{
  padding: 60px;
}

.padding60sx{
  padding-left: 60px;
}

.padding60dx{
  padding-right: 60px;
}

.padding60top{
  padding-top: 60px;
}

.padding60bottom{
  padding-bottom: 60px;
}

.padding100{
  padding: 100px;
}

.padding100sx{
  padding-left: 100px;
}

.padding100dx{
  padding-right: 100px;
}

.padding100top{
  padding-top: 100px;
}

.padding100bottom{
  padding-bottom: 100px;
}

.padding70{
  padding: 70px;
}

.padding70sx{
  padding-left: 70px;
}

.padding70dx{
  padding-right: 70px;
}

.padding70top{
  padding-top: 70px;
}

.padding70bottom{
  padding-bottom: 70px;
}

.padding125top{
  padding-top: 125px;
}

.padding125bottom{
  padding-bottom: 125px;
}

.paddingbase{
  padding: var(--baseline-sm);
}

.paddingbasetop{
  padding-top: var(--baseline-sm);
}

.paddingbasebottom{
  padding-bottom: var(--baseline-sm);
}

.paddingbaseleft{
  padding-left: var(--baseline-sm);
}

.paddingbaseright{
  padding-right: var(--baseline-sm);
}

.paddingbasey{
  padding-top: var(--baseline-sm);
  padding-bottom: var(--baseline-sm);
}

.paddingbasex{
  padding-left: var(--baseline-sm);
  padding-right: var(--baseline-sm);
}

.paddingbase2{
  padding: var(--spacing-2-sm);
}

.paddingbasetop2{
  padding-top: var(--spacing-2-sm);
}

.paddingbasebottom2{
  padding-bottom: var(--spacing-2-sm);
}

.paddingbaseleft2{
  padding-left: var(--spacing-2-sm);
}

.paddingbaseright2{
  padding-right: var(--spacing-2-sm);
}

.paddingbasey2{
  padding-top: var(--spacing-2-sm);
  padding-bottom: var(--spacing-2-sm);
}

.paddingbasex2{
  padding-left: var(--spacing-2-sm);
  padding-right: var(--spacing-2-sm);
}

.paddingbase3{
  padding: var(--spacing-3-sm);
}

.paddingbasetop3{
  padding-top: var(--spacing-3-sm);
}

.paddingbasebottom3{
  padding-bottom: var(--spacing-3-sm);
}

.paddingbaseleft3{
  padding-left: var(--spacing-3-sm);
}

.paddingbaseright3{
  padding-right: var(--spacing-3-sm);
}

.paddingbasey3{
  padding-top: var(--spacing-3-sm);
  padding-bottom: var(--spacing-3-sm);
}

.paddingbasex3{
  padding-left: var(--spacing-3-sm);
  padding-right: var(--spacing-3-sm);
}

.paddingbase4{
  padding: var(--spacing-4-sm);
}

.paddingbasetop4{
  padding-top: var(--spacing-4-sm);
}

.paddingbasebottom4{
  padding-bottom: var(--spacing-4-sm);
}

.paddingbaseleft4{
  padding-left: var(--spacing-4-sm);
}

.paddingbaseright4{
  padding-right: var(--spacing-4-sm);
}

.paddingbasey4{
  padding-top: var(--spacing-4-sm);
  padding-bottom: var(--spacing-4-sm);
}

.paddingbasex4{
  padding-left: var(--spacing-4-sm);
  padding-right: var(--spacing-4-sm);
}

.paddingbase5{
  padding: var(--spacing-5-sm);
}

.paddingbasetop5{
  padding-top: var(--spacing-5-sm);
}

.paddingbasebottom5{
  padding-bottom: var(--spacing-5-sm);
}

.paddingbaseleft5{
  padding-left: var(--spacing-5-sm);
}

.paddingbaseright5{
  padding-right: var(--spacing-5-sm);
}

.paddingbasey5{
  padding-top: var(--spacing-5-sm);
  padding-bottom: var(--spacing-5-sm);
}

.paddingbasex5{
  padding-left: var(--spacing-5-sm);
  padding-right: var(--spacing-5-sm);
}

.paddingbase6{
  padding: var(--spacing-6-sm);
}

.paddingbasetop6{
  padding-top: var(--spacing-6-sm);
}

.paddingbasebottom6{
  padding-bottom: var(--spacing-6-sm);
}

.paddingbaseleft6{
  padding-left: var(--spacing-6-sm);
}

.paddingbaseright6{
  padding-right: var(--spacing-6-sm);
}

.paddingbasey6{
  padding-top: var(--spacing-6-sm);
  padding-bottom: var(--spacing-6-sm);
}

.paddingbasex6{
  padding-left: var(--spacing-6-sm);
  padding-right: var(--spacing-6-sm);
}

.paddingbase7{
  padding: var(--spacing-7-sm);
}

.paddingbasetop7{
  padding-top: var(--spacing-7-sm) !important;
}

.paddingbasebottom7{
  padding-bottom: var(--spacing-7-sm);
}

.paddingbaseleft7{
  padding-left: var(--spacing-7-sm);
}

.paddingbaseright7{
  padding-right: var(--spacing-7-sm);
}

.paddingbasey7{
  padding-top: var(--spacing-7-sm);
  padding-bottom: var(--spacing-7-sm);
}

.paddingbasex7{
  padding-left: var(--spacing-7-sm);
  padding-right: var(--spacing-7-sm);
}

.paddingbase8{
  padding: var(--spacing-8-sm);
}

.paddingbasetop8{
  padding-top: var(--spacing-8-sm);
}

.paddingbasebottom8{
  padding-bottom: var(--spacing-8-sm);
}

.paddingbaseleft8{
  padding-left: var(--spacing-8-sm);
}

.paddingbaseright8{
  padding-right: var(--spacing-8-sm);
}

.paddingbasey8{
  padding-top: var(--spacing-8-sm);
  padding-bottom: var(--spacing-8-sm);
}

.paddingbasex8{
  padding-left: var(--spacing-8-sm);
  padding-right: var(--spacing-8-sm);
}

.paddingbase9{
  padding: var(--spacing-9-sm);
}

.paddingbasetop9{
  padding-top: var(--spacing-9-sm);
}

.paddingbasebottom9{
  padding-bottom: var(--spacing-9-sm);
}

.paddingbaseleft9{
  padding-left: var(--spacing-9-sm);
}

.paddingbaseright9{
  padding-right: var(--spacing-9-sm);
}

.paddingbasey9{
  padding-top: var(--spacing-9-sm);
  padding-bottom: var(--spacing-9-sm);
}

.paddingbasex9{
  padding-left: var(--spacing-9-sm);
  padding-right: var(--spacing-9-sm);
}

.paddingbase10{
  padding: var(--spacing-10-sm);
}

.paddingbasetop10{
  padding-top: var(--spacing-10-sm);
}

.paddingbasebottom10{
  padding-bottom: var(--spacing-10-sm);
}

.paddingbaseleft10{
  padding-left: var(--spacing-10-sm);
}

.paddingbaseright10{
  padding-right: var(--spacing-10-sm);
}

.paddingbasey10{
  padding-top: var(--spacing-10-sm);
  padding-bottom: var(--spacing-10-sm);
}

.paddingbasex10{
  padding-left: var(--spacing-10-sm);
  padding-right: var(--spacing-10-sm);
}

/*margin*/
.margin0{
  margin: 0px !important;
}

.margin0sx{
  margin-left: 0px;
}

.margin0dx{
  margin-right: 0px;
}

.margin0top{
  margin-top: 0px !important;
}

.margin0bottom{
  margin-bottom: 0px !important;
}

.margin10{
  margin: 10px;
}

.margin10sx{
  margin-left: 10px;
}

.margin10dx{
  margin-right: 10px;
}

.margin10top{
  margin-top: 10px;
}

.margin10bottom{
  margin-bottom: 10px;
}

.margin20{
  margin: 20px;
}

.margin20sx{
  margin-left: 20px;
}

.margin20dx{
  margin-right: 20px;
}

.margin20top{
  margin-top: 20px;
}

.margin20bottom{
  margin-bottom: 20px;
}

.margin30{
  margin: 30px;
}

.margin30sx{
  margin-left: 30px;
}

.margin30dx{
  margin-right: 30px;
}

.margin30top{
  margin-top: 30px;
}

.margin30bottom{
  margin-bottom: 30px;
}

.margin40{
  margin: 40px;
}

.margin40sx{
  margin-left: 40px;
}

.margin40dx{
  margin-right: 40px;
}

.margin40top{
  margin-top: 40px;
}

.margin40bottom{
  margin-bottom: 40px;
}

.margin60{
  margin: 60px;
}

.margin60sx{
  margin-left: 60px;
}

.margin60dx{
  margin-right: 60px;
}

.margin60top{
  margin-top: 60px;
}

.margin60bottom{
  margin-bottom: 60px;
}

.margin70bottom{
  margin-bottom: 70px;
}

.margin70top{
  margin-top: 70px;
}

.margin100bottom{
  margin-bottom: 100px;
}

.margin100top{
  margin-top: 100px;
}

.margin-125top{
  margin-top: -125px;
}

.marginbase{
  margin: var(--baseline-sm);
}

.marginbasetop{
  margin-top: var(--baseline-sm) !important;
}

.marginbasebottom{
  margin-bottom: var(--baseline-sm) !important;
}

.marginbaseleft{
  margin-left: var(--baseline-sm);
}

.marginbaseright{
  margin-right: var(--baseline-sm);
}

.marginbasey{
  margin-top: var(--baseline-sm);
  margin-bottom: var(--baseline-sm);
}

.marginbasex{
  margin-left: var(--baseline-sm);
  margin-right: var(--baseline-sm);
}

.marginbase2{
  margin: var(--spacing-2-sm);
}

.marginbasetop2{
  margin-top: var(--spacing-2-sm);
}

.marginbasetop2imp{
  margin-top: var(--spacing-2-sm) !important;
}

.marginbasebottom2{
  margin-bottom: var(--spacing-2-sm) !important;
}

.marginbaseleft2{
  margin-left: var(--spacing-2-sm);
}

.marginbaseright2{
  margin-right: var(--spacing-2-sm) !important;
}

.marginbasey2{
  margin-top: var(--spacing-2-sm);
  margin-bottom: var(--spacing-2-sm);
}

.marginbasex2{
  margin-left: var(--spacing-2-sm);
  margin-right: var(--spacing-2-sm);
}

.marginbase3{
  margin: var(--spacing-3-sm);
}

.marginbasetop3{
  margin-top: var(--spacing-3-sm);
}

.marginbasebottom3{
  margin-bottom: var(--spacing-3-sm) !important;
}

.marginbaseleft3{
  margin-left: var(--spacing-3-sm);
}

.marginbaseright3{
  margin-right: var(--spacing-3-sm);
}

.marginbasey3{
  margin-top: var(--spacing-3-sm);
  margin-bottom: var(--spacing-3-sm);
}

.marginbasex3{
  margin-left: var(--spacing-3-sm);
  margin-right: var(--spacing-3-sm);
}

.marginbase4{
  margin: var(--spacing-4-sm);
}

.marginbasetop4{
  margin-top: var(--spacing-4-sm);
}

.marginbasebottom4{
  margin-bottom: var(--spacing-4-sm);
}

.marginbaseleft4{
  margin-left: var(--spacing-4-sm);
}

.marginbaseright4{
  margin-right: var(--spacing-4-sm);
}

.marginbasey4{
  margin-top: var(--spacing-4-sm);
  margin-bottom: var(--spacing-4-sm);
}

.marginbasex4{
  margin-left: var(--spacing-4-sm);
  margin-right: var(--spacing-4-sm);
}

.marginbase5{
  margin: var(--spacing-5-sm);
}

.marginbasetop5{
  margin-top: var(--spacing-5-sm);
}

.marginbasebottom5{
  margin-bottom: var(--spacing-5-sm);
}

.marginbaseleft5{
  margin-left: var(--spacing-5-sm);
}

.marginbaseright5{
  margin-right: var(--spacing-5-sm);
}

.marginbasey5{
  margin-top: var(--spacing-5-sm);
  margin-bottom: var(--spacing-5-sm);
}

.marginbasex5{
  margin-left: var(--spacing-5-sm);
  margin-right: var(--spacing-5-sm);
}

.marginbase6{
  margin: var(--spacing-6-sm);
}

.marginbasetop6{
  margin-top: var(--spacing-6-sm) !important;
}

.marginbasebottom6{
  margin-bottom: var(--spacing-6-sm);
}

.marginbaseleft6{
  margin-left: var(--spacing-6-sm);
}

.marginbaseright6{
  margin-right: var(--spacing-6-sm);
}

.marginbasey6{
  margin-top: var(--spacing-6-sm);
  margin-bottom: var(--spacing-6-sm);
}

.marginbasex6{
  margin-left: var(--spacing-6-sm);
  margin-right: var(--spacing-6-sm);
}

.marginbase7{
  margin: var(--spacing-7-sm);
}

.marginbasetop7{
  margin-top: var(--spacing-7-sm);
}

.marginbasebottom7{
  margin-bottom: var(--spacing-7-sm);
}

.marginbaseleft7{
  margin-left: var(--spacing-7-sm);
}

.marginbaseright7{
  margin-right: var(--spacing-7-sm);
}

.marginbasey7{
  margin-top: var(--spacing-7-sm);
  margin-bottom: var(--spacing-7-sm);
}

.marginbasex7{
  margin-left: var(--spacing-7-sm);
  margin-right: var(--spacing-7-sm);
}

.marginbase8{
  margin: var(--spacing-8-sm);
}

.marginbasetop8{
  margin-top: var(--spacing-8-sm) !important;
}

.marginbasebottom8{
  margin-bottom: var(--spacing-8-sm);
}

.marginbaseleft8{
  margin-left: var(--spacing-8-sm);
}

.marginbaseright8{
  margin-right: var(--spacing-8-sm);
}

.marginbasey8{
  margin-top: var(--spacing-8-sm);
  margin-bottom: var(--spacing-8-sm);
}

.marginbasex8{
  margin-left: var(--spacing-8-sm);
  margin-right: var(--spacing-8-sm);
}

.marginbase9{
  margin: var(--spacing-9-sm);
}

.marginbasetop9{
  margin-top: var(--spacing-9-sm) !important;
}

.marginbasebottom9{
  margin-bottom: var(--spacing-9-sm);
}

.marginbaseleft9{
  margin-left: var(--spacing-9-sm);
}

.marginbaseright9{
  margin-right: var(--spacing-9-sm);
}

.marginbasey9{
  margin-top: var(--spacing-9-sm);
  margin-bottom: var(--spacing-9-sm);
}

.marginbasex9{
  margin-left: var(--spacing-9-sm);
  margin-right: var(--spacing-9-sm);
}

.marginbase10{
  margin: var(--spacing-10-sm);
}

.marginbasetop10{
  margin-top: var(--spacing-10-sm);
}

.marginbasebottom10{
  margin-bottom: var(--spacing-10-sm);
}

.marginbaseleft10{
  margin-left: var(--spacing-10-sm);
}

.marginbaseright10{
  margin-right: var(--spacing-10-sm);
}

.marginbasey10{
  margin-top: var(--spacing-10-sm);
  margin-bottom: var(--spacing-10-sm);
}

.marginbasex10{
  margin-left: var(--spacing-10-sm);
  margin-right: var(--spacing-10-sm);
}

.margin-auto{
  margin: 0 auto;
}

.no-margin{
  margin: 0px !important;
}

.no-padding{
  padding: 0px !important;
}


/*----------------classi generiche----------------*/
.display-block{
  display: block !important;
}

.display-inline-block{
  display: inline-block;
}

.clear-both{
  clear: both;
}

.hidden{
  display: none;
}

.super-hidden{
  display: none !important;
}

.float-left{
  float: left;
}

.float-right{
  float: right;
}

.float-none{
  float: none;
}

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

.align-right{
  text-align: right;
}

.align-left{
  text-align: left;
}

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

.vertical-middle{
  vertical-align: middle;
}

.overflow{
  overflow: visible !important;
}

.no-overflow{
  overflow: hidden !important;
}

.bordo-top{
  border-top: 2px solid var(--background-color-alt);
}

.bordo-bottom{
  border-bottom: 2px solid var(--background-color-alt);
}

.bordo-destra{
  border-right: 2px solid var(--background-color-alt);
}

.bordo-sinistra{
  border-left: 2px solid var(--background-color-alt);
}

.bordo{
  border: 1px solid var(--gray);
}

.tondo{
  border-radius: 100% !important;
}


/*----------------liste----------------*/
ul.clean,
ol.clean,
ul.clean li,
ol.clean li{
  padding: 0;
  margin: 0;
  list-style: none;
}

/*----------------stili generici----------------*/
.box-shadow{
  box-shadow: var(--shadow);
}

.border-radius{
  border-radius: var(--radius);
}

.border-radius-small{
  border-radius: var(--radius-small);
}

.circle{
  border-radius: 100%;
}

.figure-radius{
  overflow: hidden;
  display: flex;
  border-radius: var(--radius-small);
}

.figure-radius img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*----------------position----------------*/
.absolute{
  position: absolute;
}

.fixed{
  position: fixed;
}

.overlay,
.relative{
  position: relative;
}

.top0{
  top: 0;
}

.bottom0{
  bottom: 0;
}

.left0{
  left: 0;
}

.right0{
  right: 0;
}

/*----------------overlay----------------*/
.pop-up-overlay *{
  z-index: 10;
}

.pop-up-overlay:before{
  content: '';
  top: 0;
  background: #00000055;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 2;
}

.pop-up-overlay.blur:before{
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background: #0000001a;
}

/*----------------colori variabili----------------*/
.testo-normale{
  color: var(--text-color) !important;
}

.testo-evidenza{
  color: var(--accent-color) !important;
}

.testo-alternativo{
  color: var(--text-color-alt) !important;
}

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

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

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

/*svg*/
.stroke-accent,
.stroke-accent *{
  stroke: var(--accent-color);
}

.fill-accent,
.fill-accent *{
  fill: var(--accent-color);
}

/*colori fissi*/
.negativo,
.bianco,
.bianco p,
.white,
.white p{
  color: var(--white) !important;
}

.nero,
.nero p,
.black,
.black p{
  color: var(--black) !important;
}

.blue{
  color: var(--blue) !important;
}

.blue-scuro{
  color: var(--darkblue) !important;
}

.lime{
  color: var(--yellow) !important;
}

.gray,
.gray p{
  color: var(--gray) !important;
}

.darkgray,
.darkgray p{
  color: var(--darkgray) !important;
}

/*colori background*/
.bg-black{
  background: var(--black) !important;
}

.bg-white{
  background: var(--white) !important;
}

.bg-gray{
  background: var(--gray) !important;
}

.bg-darkgray{
  background: var(--darkgray) !important;
}

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

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

.bg-blue-scuro{
  background-color: var(--darkblue);
}

.bg-size-cover{
  background-size: cover;
}

.bg-position-center{
  background-position: center center;
}

.bg-gradient{
  background: rgb(26, 63, 244);
  background: -moz-linear-gradient(90deg, rgba(26, 63, 244, 1) 0%, rgba(1, 164, 255, 1) 42%, rgba(206, 255, 0, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(26, 63, 244, 1) 0%, rgba(1, 164, 255, 1) 42%, rgba(206, 255, 0, 1) 100%);
  background: linear-gradient(90deg, rgba(26, 63, 244, 1) 0%, rgba(1, 164, 255, 1) 42%, rgba(206, 255, 0, 1) 100%);
}

.bg-gradient-alt{
  background: rgb(26, 63, 244);
  background: -moz-linear-gradient(-90deg, rgba(26, 63, 244, 1) 0%, rgba(1, 164, 255, 1) 42%, rgba(206, 255, 0, 1) 100%);
  background: -webkit-linear-gradient(-90deg, rgba(26, 63, 244, 1) 0%, rgba(1, 164, 255, 1) 42%, rgba(206, 255, 0, 1) 100%);
  background: linear-gradient(-90deg, rgba(26, 63, 244, 1) 0%, rgba(1, 164, 255, 1) 42%, rgba(206, 255, 0, 1) 100%);
}

/*testo con sfumatura*/
.color-clip,
.color-clip-hover:hover{
  background: rgb(26, 63, 244);
  background: -moz-linear-gradient(90deg, rgba(26, 63, 244, 1) 0%, rgba(1, 164, 255, 1) 42%, rgba(206, 255, 0, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(26, 63, 244, 1) 0%, rgba(1, 164, 255, 1) 42%, rgba(206, 255, 0, 1) 100%);
  background: linear-gradient(90deg, rgba(26, 63, 244, 1) 0%, rgba(1, 164, 255, 1) 42%, rgba(206, 255, 0, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*opacity*/
.opacity70{
  opacity: .7;
}

.opacity50{
  opacity: .5;
}

.opacity30{
  opacity: .3;
}

/*----------------fine colori----------------*/

/*----------------font----------------*/
p{
  margin-block-start: initial;
  margin-block-end: initial;
}

.italic{
  font-style: italic !important;
}

.maiuscolo,
.uppercase{
  text-transform: uppercase !important;
}

.minuscolo,
.lowercase{
  text-transform: lowercase !important;
}

.iniziali-maiuscole,
.capitalize{
  text-transform: capitalize !important;
}

.thin{
  font-weight: 100 !important;
}

.light{
  font-weight: 300 !important;
}

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

.medium{
  font-weight: 500 !important;
}

.semibold{
  font-weight: 600 !important;
}

b,
strong,
.bold,
.grassetto{
  font-weight: 500;
  color: var(--text-color-alt);
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.underline{
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-style: solid;
  text-decoration-color: #444444;
  text-decoration-skip-ink: auto;
  text-underline-offset: 0.15em;
}

a:hover{
  text-decoration: none;
}

a,
a:visited,
a:focus{
  color: var(--text-color-alt);
  text-decoration: none;
}

a:hover{
  color: var(--accent-color);
}

h1,
.title-h1{
  font-family: var(--font-principale);
  font-size: var(--size-h1);
  line-height: var(--lineH-h1) !important;
  font-weight: var(--weight-h1);
}

.home h1,
.home .title-h1{
  font-size: calc(var(--size-h1) + 8px)
}

h2,
.title-h2{
  font-family: var(--font-principale);
  font-size: var(--size-h2);
  line-height: var(--lineH-h2);
  font-weight: var(--weight-h2);
}

h3,
.title-h3{
  font-family: var(--font-principale);
  font-size: var(--size-h3);
  line-height: var(--lineH-h3);
  font-weight: var(--weight-h3);
}

h4,
.title-h4,
.title-h4 p{
  font-family: var(--font-principale);
  font-size: var(--size-h4);
  line-height: var(--lineH-h4);
  font-weight: var(--weight-h4);
  text-transform: inherit;
}

h5,
.title-h5,
.title-h5 p{
  font-family: var(--font-principale);
  font-size: var(--size-h5);
  line-height: var(--lineH-h5);
  font-weight: var(--weight-h5);
  text-transform: inherit;
}

h6,
.title-h6,
.title-h6 p{
  font-family: var(--font-principale);
  font-size: var(--size-h6);
  line-height: var(--lineH-h6);
  font-weight: var(--weight-h6);
  text-transform: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title-h1,
.title-h2,
.title-h3,
.title-h4,
.title-h5,
.title-h6{
  letter-spacing: 0px;
  color: var(--text-color);
  margin: 0.5em 0;
}

h1.margin,
h2.margin,
h3.margin,
h4.margin,
h5.margin,
h6.margin,
.title-h1.margin,
.title-h2.margin,
.title-h3.margin,
.title-h4.margin,
.title-h5.margin,
.title-h6.margin{
  margin: 1em 0;
}

body,
p,
li,
.p-small,
.p-big,
.p-smaller{
  font-family: var(--font-secondario);
  font-weight: 100;
  color: var(--text-color);
}

p,
li{
  font-size: var(--size-p);
  line-height: var(--lineH-p);
}

.p-small,
.p-small>p{
  font-size: var(--size-p-small);
  line-height: var(--lineH-p-small);
}

.p-smaller,
.p-smaller>p{
  font-size: var(--size-p-smaller);
  line-height: var(--lineH-p-smaller);
}

.p-big,
.p-big>p{
  font-size: var(--size-p-big) !important;
  line-height: var(--lineH-p-big);
}

.breadcrumb{
  font-size: var(--size-p-big);
}

.breadcrumb a{
  text-decoration: none;
  color: var(--text-color);
}

.font-principale{
  font-family: var(--font-principale) !important;
  ;
}

.font-secondario,
.font-secondario *{
  font-family: var(--font-secondario) !important;
  ;
}

/*----------------Fine font----------------*/



section#welcome{
  margin-top: 22vh;
}

section#intro figure{
  background: #000;
  filter: drop-shadow(13px 3px 44px rgba(0, 0, 0, 0.58));
  position: relative;

}

article.hub-card.cell:nth-child(odd){
  grid-column: 2 / span 6;
  margin-top: 0;
}

article.hub-card.cell:nth-child(even){
  grid-column: 9 / span 6;
  margin-top: var(--baseline);
}

article.hub-card{
  background: #000;
  filter: drop-shadow(13px 3px 44px rgba(0, 0, 0, 0.58));
  position: relative
}

/*card overlay*/
article.hub-card:before,
article.hub-card:after{
  content: "";
  width: 100%;
  height: 300px;
  left: 0;
  z-index: 3;
}

article.hub-card:before{
  background: linear-gradient(rgba(0, 0, 0, 0.73) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
}

article.hub-card:after{
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 100%);
  position: absolute;
  bottom: 0;
}

article.hub-card figure.article-img{
  position: relative;
  z-index: 1;
  min-height: 600px;
  max-height: 75vh
}

article.hub-card img{
  object-fit: cover;
  width: 100%;
}


article.hub-card .article-head{
  position: absolute;
  top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.161);
  padding: 0 50px;
  z-index: 6;
}

article.hub-card .article-head *{
  color: var(--text-color-alt);
}

article.hub-card .article-body{
  position: absolute;
  bottom: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.161);
  z-index: 6;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

article.hub-card .article-body .arrow-button{
  width: var(--baseline);
  display: flex;
  box-sizing: border-box;
  border-left: 1px solid rgba(255, 255, 255, 0.161);
  justify-content: center;
  align-items: center;
}

article.hub-card .article-body .arrow-button:hover{
  background: rgba(255, 255, 255, 0.10);
}

article.hub-card .article-body .arrow-button *{
  transition: 0.5s ease-in
}

article.hub-card .article-body .arrow-button:hover *{
  stroke: rgb(255 255 255);
  transition: 0.5s ease-in
}

article.hub-card .article-body .article-excerpt{
  width: calc(100% - var(--baseline));
  padding: 10px 50px 10px 50px;
  display: flex;
  box-sizing: border-box;
}

/*hover*/
article.hub-card{
  transition: transform 0.7s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

article.hub-card:hover{
  transform: scale(1.03);
  transition: transform 0.7s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

article.hub-card img{
  transition: transform 0.9s cubic-bezier(0.68, -0.0, 0.27, 1.55)
}

article.hub-card:hover img{
  transform: scale(1.15);
  transition: transform 0.9s cubic-bezier(0.68, -0.0, 0.27, 1.55)
}


a.btn.btn-not-solid{
  padding: 12px 0px;
  margin-right: 15px;
  margin-bottom: 15px;
}

a.btn.btn-outline{
  padding: 12px 20px;
  border: 1px solid #ffffff7d;
  margin-right: 15px;
  margin-bottom: 15px;

}

a.btn.btn-outline:hover{
  background: rgba(255, 255, 255, 0.10);

}



button#burger-btn{
  position: relative;
  z-index: 1000;
}

.site-menu.active button#burger-btn .menu-icon .line-1{
  transform: rotate(45deg) translate(6px, 4px);
  width: 24px;
  transform-origin: center !important;
}

.site-menu.active button#burger-btn .menu-icon .line-3{
  transform: rotate(-45deg) translate(4px, -4px);
  transform-origin: center;
}

.site-menu button#burger-btn .menu-icon *{
  transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) 400ms !important;
}

.menu-collapsed{
  transition: all 0.25s;
  position: fixed;
  top: 50%;
  left: 50%;
  height: 0%;
  width: 0%;
  z-index: 1;
  cursor: pointer;
}

.menu-collapsed ul{
  transition: all 0s;
  position: fixed;
  left: -9000px;
}

.menu-expanded{
  transition: all 0.25s;
  text-align: center;
  line-height: 200px;
  height: 100%;
  width: 100%;
  border-radius: 0px;
  top: 0;
  left: 0;
  backdrop-filter: blur(16px);
  background-color: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-expanded ul{
  transition: all 0s;
  position: relative;
  left: 0;
  z-index: 2;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-expanded a{
  transition: all 0.15s;
  text-decoration: none;
  font-size: 2em;
  padding: 5px;
  color: #ffffffbf;
  display: block;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.menu-expanded a:hover{
  transition: all 0.15s;
  color: #fff;
}

.menu-expanded .bar{
  background-color: transparent;
  transition: all 0.25s;
}





section#navigation-bar .header-content{
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  align-items: stretch;
  position: relative;
  z-index: 100;
}

header #action-separator.progress-container{
  width: 100%;
  height: 2px;
  background: transparent;
  top: -1.5px;
  position: relative;
  max-width: calc(100% - var(--baseline));
  margin: 0 auto;
}

header #action-separator .progress-bar{
  height: 2px;
  background: rgb(255 255 255);
  width: 0%;
  border-radius: 3px
}

.site-menu{
  grid-column: 1 / span 2;
  margin-top: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  padding: 24px 0;
}

.site-branding{
  grid-column: 3 / span 11;
  justify-content: center;
  display: flex;
  align-items: center;
  z-index: 1000;
}

section#navigation-bar{
  position: relative;
  width: 100%;
  top: 0;
  z-index: 1000000;
}


section#navigation-bar:before{
  content: "";
  width: 100%;
  height: 80px;
  left: 0;
  z-index: 3;
}

section#navigation-bar:before{
  background: linear-gradient(rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
}

/*bottone menu*/
section#navigation-bar button#burger-btn{
  display: flex;
  align-content: center;
  justify-content: center;
  background: transparent;
  border: 0;
  outline: 0;
}

section#navigation-bar button#burger-btn span{
  white-space: nowrap;
  font-family: 'Heebo', sans-serif;
  font-weight: lighter;
  font-size: 14px;
  line-height: 30px;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 10px
}

section#navigation-bar button#burger-btn svg.menu-icon{
  fill: #ffffffeb;
}



header #navigation-bar.sticky{
  position: fixed;
  top: -100px;
  z-index: 100000;
  opacity: 0;
}

header #navigation-bar.sticky.smooth{
  top: 0px;
  opacity: 1;
  transition: top 0.7s ease-in-out, opacity 1.7s ease-in-out;
}


html.stop{
  overflow: hidden !important;
}

section#navigation-bar.sticky .site-branding figure.logo-container g.logo-text{
  opacity: 0;
}

section#navigation-bar.sticky .site-branding figure.logo-container g.logo-simbolo{
  transform: translate(963px, 42.666px);
  transform-origin: center;
}

section#navigation-bar.sticky .site-menu{
  padding: 16px 0;
}

section#navigation-bar.sticky .site-branding figure.logo-container #logo{
  transform: scale(1.15);
  transform-origin: top;
}





section#video .cell.g4{
  grid-column-start: 2;
  grid-column-end: 6;
}

section#video .cell.g6{
  grid-column-start: 6;
  grid-column-end: 15;
  padding-left: 60px;
}

section#video .grid-container{
  align-items: center;
}


section#catalogo .cell.g5{
  align-items: center;
  justify-content: space-between;
  padding-left: 40px;
  border-right: 1px solid rgb(255 255 255 / 50%);
  margin-bottom: 50px;
}


.carosello-loghi{}

.carosello-loghi figure img{
  object-fit: contain;
  opacity: 0.85;
  transition: all 0.3s ease;
}

.carosello-loghi figure img:hover{
  opacity: 1;
  transition: all 0.3s ease;
}

section#gruppo .grid-container{
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  align-items: stretch;
  position: relative;
  z-index: 100;
}

section#gruppo .grid-container .cell:nth-child(1){
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}


section#widget .grid-container{
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  align-items: stretch;
}

section#widget .grid-container .cell:not(:last-child){
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

section#widget .grid-container .cell .widget-title{
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

section#widget .grid-container .cell .widget-title p{
  padding: 15px 15px 20px 15px;
  margin: 0;
}

section#widget .grid-container .cell nav ul{
  padding: 15px 15px 20px 15px;
  margin: 0;
}

section#widget .grid-container .cell nav ul li{
  list-style: none;
  font-size: 16px;
  line-height: 2;
}


section#copyright .grid-container{
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  align-items: stretch;
}

section#copyright .grid-container .cell:not(:last-child){
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

section#copyright ul#lingua li{
  list-style: none;
  font-size: 18px;
  line-height: 2;
  text-align: center;
  display: inline-block;
}

section#copyright ul#lingua{
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
}

section#copyright ul#lingua li a{
  padding: 0 6px;
}

/***************************************  menu   ***********************************************/


#iqitmegamenu-mobile{
  background: #1f1f1f;
}

#iqitmegamenu-mobile li>ul{
  display: block;
  position: absolute;
  top: 0;
  max-width: 540px;
  width:100%;
  left: -540px;
  height: 100%;
  transition: all .4s linear !important;
  display: block;
  background: #1f1f1f !important;
  z-index: 3;
  margin: 0;
  padding-left: 0;
  overflow-y: scroll;
}


#iqitmegamenu-mobile li.show>ul{
  left: 0;
}

.close-all-menu{
  text-transform: uppercase;
  height: 84px;
  display: inline-block;
  min-width: 245px;
  line-height: 56px;
  border-right: 1px solid #ffffff2b;
  padding: 15px 20px;
  margin-top: -10px;
  font-size: 44px;
  margin-left: 54px;
  cursor: pointer;
  color: #ffffff !important;
  font-family: 'Material Symbols Outlined';
}

.control-level-menu{
  text-transform: uppercase;
  height: 66px;
  display: inline-block;
  border-top: 1px solid #ffffff2b;
  width: calc(100% + 15px);
  line-height: 26px;
  border-bottom: 1px solid #ffffff2b;
  padding: 0px 20px;
  margin-top: 0px;
  font-size: 14px;
  margin-left: -15px;
}

.back-menu{
  text-transform: uppercase;
  height: 100%;
  display: inline-block;
  width: 70px;
  line-height: 36px;
  padding: 15px 0px;
  margin-top: 0;
  font-size: 14px;
  text-align: center;
  margin-left: -20px;
  cursor: pointer;
  font-family: FontAwesome;
}

.categoria-livello{
  padding-left: 15px;
  font-size: 18px;
}

#iqitmegamenu-mobile li>ul li,
#iqitmegamenu-mobile>ul>li{
  padding: 0;
  margin-left: 55px;
  height: 66px;
  line-height: 66px;

}


#iqitmegamenu-mobile ul:before{
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ffffff2b;
  display: block;
  position: absolute;
  top: 0;
  left: 55px;
}

#iqitmegamenu-mobile>ul{
  border-top: 1px solid #ffffff2b;
  padding-top: 80px;
  overflow-y: scroll;
  height: 100vh;
  padding-bottom: 80px;
}

#iqitmegamenu-mobile span.mm-expand i:before{
  content: '+' !important;
}

#iqitmegamenu-mobile span.back-menu:before{
  content: "\f104" !important;
  font-size: 24px;
}


#iqitmegamenu-mobile .mm-expand{
  width: 3rem;
  height: 66px;
  line-height: 55px;
  position: relative;
  right: 0;
  font-size: 2em;
  text-align: center;
  cursor: pointer;
  z-index: 2;
  float: right;
}
}

#iqitmegamenu-mobile .mm-expand i{
  font-size: 22px;
  color: #cdcdcd;
  opacity: 0.5;
}

#iqitmegamenu-mobile a{
  display: inline-block;
  padding: 0em 15px 0 20px !important;
  min-height: 3em;
  color: #ffffff !important;
  float: none;
  text-transform: uppercase;
  font-size: 24px;
}

/*#iqitmegamenu-mobile > ul li:nth-child(1){
    border-top: 1px solid #ffffff2b;
}*/

#iqitmegamenu-mobile>ul li ul li:nth-child(2){
  margin-top: 100px;
}

#iqitmegamenu-mobile li>ul li:nth-child(3){
  margin-top: 80px;
}

#iqitmegamenu-mobile>ul>.close-all-menu{
  height: 85px;
}

/*#iqitmegamenu-mobile > ul > .close-all-menu + li{
	padding-top:60px;
}*/

.row-mobile-header{
  display: grid;
  max-width: 100%;
  grid-template-columns: repeat(15, 1fr);
  grid-template-rows: auto;
  grid-auto-flow: dense;
  align-items: start;
  display: grid;
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  column-gap: 0px;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding: 0px;
}

#mobile-header-sticky{
  border-bottom: 1px solid #ffffff2e;
}

#mobile-header-sticky.stuck-down{
  background-color: #101010fc;
}

#mobile-header-sticky .container{
  background-color: #101010fc;
}

#mobile-header{
  border-bottom: solid 0px #e3e3e3;
}

#mobile-header .mobile-main-bar{
  padding-top: 0;
  padding-bottom: 0;
}

#mobile-header .row-mobile-header>*{
  padding: 20px 0;
}

#mobile-header .row-mobile-header{
  margin-left: 0;
  margin-right: 0;
}

.col-mobile-btn.col-mobile-btn-menu.col-mobile-menu-push{
  margin-left: 15px;
  grid-column-start: 1;
  grid-column-end: 3;
  border-right: 1px solid #ffffff2e;
}

.col-mobile-logo{
  grid-column-start: 5;
  grid-column-end: 12;
  padding: 0 !important;
}

#mobile-btn-search{
  grid-column-start: 13;
  grid-column-end: 14;
  border-left: 1px solid #ffffff2e;
}

.col-mobile-btn-account{
  grid-column-start: 14;
  grid-column-end: 15;
  border-left: 1px solid #ffffff2e;
}

.col-mobile-btn-cart{
  grid-column-start: 15;
  grid-column-end: 16;
  border-left: 1px solid #ffffff2e;
}

#mobile-header .col-mobile-logo a{
  transition: all .5s;
  clip-path: inset(-2px);

}

#mobile-header .menu-fixed .col-mobile-logo a{
  display: inline-block;
  clip-path: inset(0vw 150px 0vw 0px);
  margin-left: 150px;
}

/*******************************************************************************integrazioni css shop**********************************************************************************************/
.max-width-100{
  max-width: 100% !important;
}

.container{
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.boxed{
  max-width: 100%;
  grid-template-columns: repeat(15, 1fr);
  grid-template-rows: auto;
  grid-auto-flow: dense;
  align-items: start;
  display: grid;
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  column-gap: 0px;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding: 0px;
}

.visore-home.boxed{
  margin-top: 22vh;
  margin-bottom: 50px;
}

.boxed .elementor-container{
  width: 100%;
  grid-column-start: 2;
  grid-column-end: -2;
}

#index .elementor-widget-heading b,
#index .elementor-widget-heading strong{
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-style: solid;
  text-decoration-color: #444444;
  text-decoration-skip-ink: auto;
  text-underline-offset: 0.15em;
}


.elementor-button.btn{
  padding: 12px 20px;
  border: 1px solid #ffffff7d;
  margin-right: 15px;
  margin-bottom: 15px;
  color: var(--text-color-alt);
  text-decoration: none;
  font-size: var(--size-p);
  line-height: var(--lineH-p);
  font-family: var(--font-secondario);
  font-weight: 100;
}

.elementor-button.btn:hover{
  background: rgba(255, 255, 255, 0.10);
}

.elementor-button.btn:hover .elementor-button-text{
  color: var(--accent-color);
}

.elementor-widget-button.no-outline .elementor-button.btn{
  border: 0px;
  padding: 0;
}

.elementor-widget-button.no-outline .elementor-button.btn:hover{
  background: rgba(255, 255, 255, 0);
}

.elementor-button.btn:active{
  background: rgba(255, 255, 255, 0);
}

.elementor-button .elementor-button-icon,
.elementor-button .elementor-button-icon i{
  background: rgba(255, 255, 255, 0) !important;
}


/*-------------------------------------HOMEPAGE----------------------------------------------*/

.section-banner-home .elementor-container .elementor-row{
  gap: var(--baseline);
  justify-content: space-between;
}

.section-gap .elementor-container .elementor-row{
  gap: var(--baseline);
  justify-content: space-between;
}

.section-banner-home .elementor-container .elementor-row .elementor-column+.elementor-column{
  margin-top: 80px;
}

.blocco-banner-home .elementor-iqit-banner-title{
  position: absolute;
  top: 0;
  padding: 35px 50px;
  margin: 0 !important;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #ffffff40;
}

.blocco-banner-home .elementor-button.btn{
  width: 100%;
  position: absolute;
  left: 0;
  border: 0;
  bottom: 0;
  margin: 0;
  padding: 0px 0 0 50px;
  background: none !important;
  border-top: 1px solid #ffffff40 !important;
  text-align: left;
  font-size: 24px;
  display: flex;
  align-items: center;
  flex-flow: row-reverse;
}

.blocco-banner-home .elementor-button .elementor-button-icon{
  width: 50px;
  text-align: center;
  margin: 0;
  height: 85px;
  right: 0;
  bottom: 0;
  line-height: 100px;
  width: 120px;
  border-left: 1px solid #FFFFFF40;
}

.carosello-home .swiper-arrows-inside .swiper-button-prev{
  position: absolute;
  bottom: 0;
  left: 0;
  top: unset;
  z-index: 99;
  height: 80px;
  width: var(--baseline);
  border-top: 1px solid #ffffff40;
  background: none;
}

.carosello-home .swiper-arrows-inside .swiper-button-next{
  position: absolute;
  bottom: 0;
  left: var(--baseline);
  height: 80px;
  top: unset;
  z-index: 99;
  width: var(--baseline);
  border-top: 1px solid #ffffff40;
  border-left: 1px solid #ffffff40;
  background: none;
}

.titolo-carosello-home{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
  padding: 15px;
  height: 80px;
  width: calc(100% - -1px - var(--baseline)*2);
  border-top: 1px solid #ffffff40;
  border-left: 1px solid #ffffff40;
}

.box-materiali-home .elementor-image{
  overflow: hidden;
  border-right: 1px solid #FFFFFF40;
}

.box-materiali-home img{
  float: right;
  transform: translate(20px, 0px);
  transition: all .3s ease-in;
}

.box-materiali-home .elementor-image:hover img{
  float: right;
  transform: translate(0px, 0px);
}

.blocco-banner-home .elementor-button .elementor-button-text{
  display: inline-block;
  font-size: 24px;
  width: 100%;
  vertical-align: top;
  line-height: 1.2;
  vertical-align: middle;
  background: transparent !important;
  padding: 13px 25px 13px 0;
}

.elementor-column.elementor-col-50.nl-footer{
  width: calc(var(--baseline)*8.5);
}

.nl-footer .elementor-column-wrap{
  padding-left: 0;
  padding-right: 0;
}


input.form-control.elementor-newsletter-input{
  background: none;
  color: #FFF;
}

.elementor-newsletter-btn{
  width: calc(var(--baseline)*2);
}

.footer-company>.elementor-container>.elementor-row>.elementor-col-33{
  width: calc(var(--baseline) * 4);
  border-left: 1px solid #FFFFFF40;
}

.footer-company>.elementor-container>.elementor-row>.elementor-col-33:first-child{
  width: calc(var(--baseline) * 7);
  align-items: center;
  padding-right: var(--baseline);
  border: 0;
}

.blocco-menu-footer .block-links ul>li a{
  font-size: 15px;
  padding: 0;
}

.blocco-menu-footer .block-links ul>li a:before{
  display: none;
}


.blocco-menu-footer .elementor-block-title{
  padding: 15px 15px 20px 15px;
  border-bottom: 1px solid #FFFFFF40;
  margin: 0;
}

.blocco-menu-footer .block-content{
  padding: 15px 15px 20px 15px;
}

/*----------------------------------------CATEGORIE-----------------------------------------------------*/

#category h1.h1.page-title{
  font-size: 67px;
  line-height: 80px;
  font-weight: 100;
  border-bottom: 0;
  color: #FFF;
  margin: 0;
}

#wrapper .breadcrumb{
  margin-top: 80px;
}

#wrapper .breadcrumb span{
  font-size: 14px;
}

.product-list-subcategories{
  text-align: left;
  margin-bottom: 2rem;
  margin: 60px auto 80px !important;
  padding-top: 40px;
  border-top: 1px solid #ffffff2e;
}

a.subcategory-name{
  font-size: 20px;
  text-transform: uppercase;
  color: #FFF !important;
  opacity: 1;
}

.product-list-subcategories .subcategory-image{
  margin-bottom: 20px;
}

div#js-product-list{
  margin-top: 100px;
}

li.product-flag.new,
.product-price-and-shipping{
  display: none;
}

.product-availability{
  display: none !important;
}

.product-description{
  padding: 10px 0 !important;
}

.product-reference,
.product-reference a{
  font-weight: 100 !important;
  color: #FFF !important;
  font-weight: 300 !important;
  opacity: 1 !important;
}

.product-title a{
  text-transform: uppercase;
  color: #FFF !important;
  font-weight: 300 !important;
  opacity: 1 !important;
}

.products-list .js-product-miniature-wrapper.col-12{
  width: 50%;
  flex: unset;
}

/*-----------------------------------------PRODUCT-------------------------------------------------------*/

#product #wrapper .breadcrumb{
  margin-left: 0;
  margin-top: 0;
  padding-left: 25px;
  max-width: 64%;
}

#product #product-availability{
  background: transparent;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0;
}

#product #product-availability>span{
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}

#product #product-availability.product-unavailable>span{
  background: red;
}

#product #product-availability.product-last-items>span{
  background: #FF9A52;
}

#product #product-availability.product-available>span{
  background: #67a675;
}

#product #product-availability,
#product .product-reference{
  font-size: 14px;
  color: #FFFFFFAD !important;
}

#product #content-wrapper .page-title{
  font-size: var(--size-h2);
  font-weight: 200;
  color: var(--text-color);
  font-family: var(--font-principale);
  line-height: 1.1 !important;
}

#product .product-info-row{
    border-bottom: 1px solid #777777;
}

#product .product-info-row.grid-container{
  max-width: 100%;
}

#product .product-add-to-cart .qty .form-control,
#product .product-add-to-cart .qty .bootstrap-touchspin .btn-touchspin{
  background: transparent;
  color: #ffffff;
}

#product .product-add-to-cart .qty .bootstrap-touchspin .input-group-btn-vertical i{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#product #cart-wish-cont{
  display: flex;
  position: relative;
}

#product #cart-wish-cont:before{
  content: "";
  width: 200%;
  position: absolute;
  height: 1px;
  background: #777777;
}

#product #cart-wish-cont:before{
  right: 0;
  top: -1px;
}

#cart-wish-cont .add-to-cart{
  width: 100%;
  background: transparent;
}

#product #cart-wish-cont .col-add-btn{
  width: 100%;
}

#product #cart-wish-cont .col-add-btn .add,
#product #cart-wish-cont .col-add-btn .add button{
  height: 100%;
  font-size: 27px;
  text-transform: uppercase;
  font-weight: 100;
}

#cart-wish-cont .add-to-cart:hover{
  background: #ffffff10;
}

#product #cart-wish-cont .col-add-wishlist{
  padding: 0;
  border-left: 1px solid #686868;
}

#product #cart-wish-cont .col-add-wishlist button{
  font-size: 0;
  padding: 40px;
}

#product #cart-wish-cont .col-add-wishlist i{
  font-size: 30px;
}

#product .product-additional-info,
#product .product-discounts{
  display: none;
}

#product .product_header_container{
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.product-description-phrases a:link:not(.nav-link):not(.btn),
.product-description-phrases a:visited:not(.nav-link):not(.btn){
  color: #ffffff;
  text-decoration: underline;
}

.product-description-phrases span{
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid;
  display: inline-block;
}

.product-description-phrases span:last-of-type{
  border: none;
  margin-right: 0;
  padding-right: 0;
}

#thumb-bg{
  position: absolute;
  right: 0;
  top: 0;
  height: 90vh;
  width: 35%;
  border-left: 1px solid;
  overflow: hidden;
}

#thumb-bg>div{
  height: 100%;
  width: 100%;
  background-size: 200% 200%;
  background-repeat: no-repeat;
  background-position: center;
  filter: blur(15px);
}

#product #mobile-header-sticky.stuck-down:not(.menu-fixed),
#product #mobile-header-sticky.stuck-down:not(.menu-fixed)>.container{
  background: transparent;
}

#product #inner-wrapper{
  width: 100%;
  max-width: 100%;
}
.bootstrap-touchspin .btn-touchspin{
  border-color: #777777;
}
.input-group-btn-vertical > button{
  border-top: 0 !important;
  min-width: 25px;
}
.input-group-btn-vertical > button:last-of-type{
  border-bottom: 0 !important;
}
/*----------------------------------------RESPONSIVE-----------------------------------------------------*/
@media screen and (max-width: 1620px){
  :root{
    --size-p: 16px;
    --lineH-p: 1.6;
    --size-p-small: 14px;
    --size-p-smaller: 12px;
    --size-p-big: 18px;
    --lineH-p-big: 1.3;
    --size-p-check-form: 12px;
    --size-h1: 50px;
    --lineH-h1: 1.2;
    --size-h2: 40px;
    --lineH-h2: 1.125;
    --size-h3: 34px;
    --lineH-h3: 1.125;
    --size-h4: 26px;
    --lineH-h4: 1.25;
    --size-h5: 24px;
    --lineH-h5: 1.25;
    --size-h6: 20px;
    --lineH-h6: 1.25;
  }
}

@media screen and (max-width: 1440px){
  :root{
    --size-p: 16px;
    --lineH-p: 1.6;
    --size-p-small: 14px;
    --size-p-smaller: 12px;
    --size-p-big: 18px;
    --lineH-p-big: 1.3;
    --size-p-check-form: 12px;
    --size-h1: 50px;
    --lineH-h1: 1.2;
    --size-h2: 40px;
    --lineH-h2: 1.125;
    --size-h3: 34px;
    --lineH-h3: 1.125;
    --size-h4: 26px;
    --lineH-h4: 1.25;
    --size-h5: 24px;
    --lineH-h5: 1.25;
    --size-h6: 20px;
    --lineH-h6: 1.25;
  }
}

@media screen and (max-width: 1279px){
  :root{
    --size-p: 15px;
    --size-p-small: 14px;
    --size-p-big: 17px;
    --size-h1: 44px;
    --lineH-h1: 1.2;
    --size-h2: 36px;
    --lineH-h2: 1.2;
    --size-h3: 30px;
    --lineH-h3: 1.2;
    --size-h4: 24px;
    --lineH-h4: 1.3;
    --size-h5: 22px;
    --lineH-h5: 1.5;
    --size-h6: 17px;
    --lineH-h6: 1.6;
  }
}

@media screen and (max-width: 1023px){
  :root{
    --size-p: 15px;
    --size-p-small: 14px;
    --size-p-big: 17px;
    --size-h1: 40px;
    --lineH-h1: 1.2;
    --size-h2: 34px;
    --lineH-h2: 1.2;
    --size-h3: 28px;
    --lineH-h3: 1.2;
    --size-h4: 22px;
    --lineH-h4: 1.3;
    --size-h5: 20px;
    --lineH-h5: 1.5;
    --size-h6: 17px;
    --lineH-h6: 1.6;
  }
}

@media screen and (max-width: 767px){
  :root{
    --size-p: 15px;
    --size-p-small: 14px;
    --size-p-big: 17px;
    --size-h1: 36px;
    --lineH-h1: 1.2;
    --size-h2: 32px;
    --lineH-h2: 1.2;
    --size-h3: 28px;
    --lineH-h3: 1.2;
    --size-h4: 24px;
    --lineH-h4: 1.3;
    --size-h5: 20px;
    --lineH-h5: 1.5;
    --size-h6: 17px;
    --lineH-h6: 1.6;
  }
}

@media screen and (max-width: 479px){
  :root{
    --size-p: 15px;
    --size-p-small: 14px;
    --size-p-big: 16px;
    --size-h1: 32px;
    --lineH-h1: 1.2;
    --size-h2: 28px;
    --lineH-h2: 1.2;
    --size-h3: 24px;
    --lineH-h3: 1.2;
    --size-h4: 22px;
    --lineH-h4: 1.3;
    --size-h5: 18px;
    --lineH-h5: 1.5;
    --size-h6: 16px;
    --lineH-h6: 1.6;

    --baseline: calc((12.55 * 1vw) - 0.0px);
  }
}


@media screen and (max-width: 374px){
  :root{
    --size-p: 15px;
    --size-p-small: 14px;
    --size-p-big: 16px;
    --size-h1: 26px;
    --lineH-h1: 1.2;
    --size-h2: 24px;
    --lineH-h2: 1.2;
    --size-h3: 22px;
    --lineH-h3: 1.2;
    --size-h4: 20px;
    --lineH-h4: 1.3;
    --size-h5: 16px;
    --lineH-h5: 1.5;
    --size-h6: 16px;
    --lineH-h6: 1.6;
  }
}



@media screen and (max-width: 1279px){
  section.card-list article.hub-card.cell:nth-child(odd){
    grid-column: 1 / span 7;
    margin-top: 0;
  }

  section.card-list article.hub-card.cell:nth-child(even){
    grid-column: 9 / span 9;
    margin-top: var(--baseline);
  }

  section#gruppo .cell.g2{
    grid-column-end: span 3;
  }

  section#widget .grid-container .cell.g7{
    grid-column-end: span 10;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  section#widget .grid-container .cell.g2{
    grid-column-end: span 5;
  }

  section#widget .grid-container .cell.g2:nth-child(2){
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}

/*1024*/
@media screen and (max-width: 1024px){
  .site-menu{
    grid-column: 1 / span 3;
  }

  .site-branding{
    grid-column: 4 / span 9;
  }

  section .grid-container .cell.start2{
    grid-column-start: 1;
    grid-column-end: 16;
  }

  section.card-list article.hub-card.cell:nth-child(odd){
    grid-column: 1 / span 15;
    margin-top: var(--baseline);
  }

  section.card-list article.hub-card.cell:nth-child(even){
    grid-column: 1 / span 15;
    margin-top: var(--baseline);
  }

  section.card-list article.hub-card.cell:first-child{
    margin-top: 0;
  }

  section#video .cell.g4{
    grid-column-start: 1;
    grid-column-end: 6;
  }

  section#video .cell.g6{
    grid-column-start: 6;
    grid-column-end: 15;
    padding-left: 60px;
  }

  section#catalogo .cell.g5:nth-child(odd){
    grid-column: 1 / span 7;
  }

  section#catalogo .cell.g5:nth-child(even){
    grid-column: 9 / span 15;
  }

  section#catalogo .cell.g5{
    padding-left: 15px;
  }

  #catalogo figure img{
    max-width: 140px;
  }

  section#gruppo .cell.g2{
    grid-column-end: span 4;
  }

  article.hub-card .article-body .article-excerpt{
    width: calc(100% - (var(--baseline) * 2));
    padding: 10px 50px 10px 50px;
    display: flex;
    box-sizing: border-box;
  }

  article.hub-card .article-body .arrow-button{
    width: calc(var(--baseline) * 2);
  }

  .grid-related-prod>.grid-item-0,
  .grid-related-prod>.grid-item-1{
    grid-column-start: 2 !important;
    grid-column-end: span 13 !important;
  }

  .grid-related-prod .products-grid{
    margin-top: 15px !important;
  }

  .grid-related-prod .products-grid .col-33{
    padding: 15px;
  }

  .set-app-grid{
    column-gap: 15px;
  }
}
@media screen and (max-width: 900px){
  #product #cart-wish-cont .col-add-btn .add button{
    font-size: 20px;
  }
}
@media screen and (max-width: 767px){
  section#gruppo .carosello-loghi .col-20-flex{
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 40%;
  }

  section#gruppo .carosello-loghi .col-20-flex:nth-child(1),
  section#gruppo .carosello-loghi .col-20-flex:nth-child(2){
    margin-bottom: 60px;
  }

  section#catalogo .cell.g5:nth-child(odd){
    grid-column: 2 / span 13;
  }

  section#catalogo .cell.g5:nth-child(even){
    grid-column: 2 / span 13;
  }

  #catalogo figure img{
    max-width: none;
  }

  section#widget .grid-container .cell.g7{
    grid-column-end: span 15;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  section#widget .grid-container .cell.g2:nth-child(odd){
    grid-column-end: span 7;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  section#widget .grid-container .cell.g2:nth-child(even){
    grid-column-end: span 8;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  section#video .cell.g4{
    display: none
  }

  section#video .cell.g6{
    grid-column-start: 1;
    grid-column-end: 15;
    padding-left: 15px;
  }

  article.hub-card .article-body .article-excerpt{
    font-size: 16px;
    padding: 10px 30px 10px 30px;
  }

  article.hub-card .article-head{
    padding: 0 30px;
  }

  section.card-list article.hub-card.cell:nth-child(even){
    margin-top: calc(var(--baseline) *2);
  }

  .product-info-row>.grid-container>.cell{
    grid-column-end: span 13 !important;
    grid-column-start: 2 !important;
  }

  .product-info-row>.grid-container .col-product-info{
    order: 2;
  }

  #product #main{
    margin-top: 15px;
  }

  #thumb-bg{
    display: none;
  }

  #product #wrapper .breadcrumb,
  #product #cart-wish-cont{
    width: 100% !important;
    max-width: 100% !important;
  }

  #product #cart-wish-cont:before{
    left: -50%;
  }

  .grid-related-prod{
    margin-top: 15px;
  }

  .swiper-pagination{
    display: none;
  }

  .product-quantity .qty .input-group{
    height: auto;
  }
}

@media screen and (max-width: 550px){
  .grid-related-prod .products-grid .col-33{
    width: 50%;
  }
}

@media screen and (max-width: 479px){
  section#widget .grid-container .cell.g7{
    grid-column-end: span 15;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  section#widget .grid-container .cell.g2{
    grid-column-end: span 15 !important;
    border-right: 0 !important;
  }

  section#widget .grid-container .cell .widget-title{
    border-bottom: 0px;
  }

  section#widget .grid-container .cell .widget-title p{
    padding: 15px 15px 00px 15px;
    margin: 0;
  }

  section#widget .grid-container .cell nav ul li{
    font-size: 14px;
    line-height: 2;
  }

  section#copyright .cell{
    grid-column-end: span 15;
    border-right: 0 !important;
  }

  #catalogo figure img{
    max-width: 140px;
  }

  article.hub-card .article-body .article-excerpt{
    width: calc(100% - (var(--baseline) * 2));
  }

  article.hub-card .article-body .arrow-button{
    width: calc(var(--baseline) * 2);
  }

  section#gruppo .cell.g2{
    grid-column-end: span 7;
  }

  section#navigation-bar .site-menu{
    grid-column: 1 / span 3;
    border-right: 0;
  }

  section#navigation-bar button#burger-btn span{
    display: none;
  }

  section#navigation-bar .site-branding figure.logo-container #logo{
    transform: scale(0.8);
    transform-origin: bottom;
  }

  section#navigation-bar.sticky .site-branding figure.logo-container #logo{
    transform: scale(0.95);
    transform-origin: bottom;
  }

  .menu-expanded a{
    font-size: 1.4em;
  }

  section#intro img{
    min-height: 400px;
  }

  section#intro{
    margin-bottom: 0;
  }

  span.icon svg{
    transform: scale(0.8);
    transform-origin: bottom;
  }

  section.margin.dubble{
    margin-top: var(--space-margin);
    margin-bottom: var(--space-margin);
  }

  section#catalogo .cell.g5:nth-child(odd){
    grid-column: 1 / span 15;
  }

  section#catalogo .cell.g5:nth-child(even){
    grid-column: 1 / span 15;
  }

  #catalogo figure img{
    max-width: 180px;
  }
}

@media screen and (min-width: 768px){
  .col-mobile-menu-push #_mobile_iqitmegamenu-mobile{
    width: 540px !important;
    box-shadow: 5px 0 19px #0e0e0e;
    overflow: visible;
  }
}






/*********************************************modifiche per messa online versione istituzionale***********************/
.material-symbols-outlined{
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48
}

#header .col-mobile-btn-search,
#header .col-mobile-btn-account,
#header .col-mobile-btn-cart{
  text-align: center;
}
#header .col-mobile-btn-search a i, #header .col-mobile-btn-account a i, #header .col-mobile-btn-cart a i{
  font-size: 20px;
}

.page-cms header.page-header{
  display: none;
}

.page-cms nav.breadcrumb>.row{
  max-width: 1800px;
  margin: 0 auto;
  grid-column-start: 2;
  grid-column-end: -2;
  width: 100%;
}

.page-cms .breadcrumb{
  max-width: 100%;
  grid-template-columns: repeat(15, 1fr);
  grid-template-rows: auto;
  grid-auto-flow: dense;
  align-items: start;
  display: grid !important;
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  column-gap: 0px;
  padding: 0 !important;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding: 0px;
  margin-top: 150px !important;
  margin-bottom: 0 !important;
}

.page-cms .breadcrumb .col{
  padding: 0;
}

.blocco-banner-home figure:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgb(0 0 0 / 73%) 0%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 83%) 90%);
}

.display-inline-block.box-icona *{
  width: unset !important;
  max-width: 100px;
}

.col-mobile-menu-push #_mobile_iqitmegamenu-mobile{
  width: 300px;
}


.alert-success,
.alert-success *{
  border-color: #155724;
  font-weight: 500;
}

@media screen and (max-width:767px){

  .blocco-banner-home .elementor-iqit-banner-title{
    padding: 15px 15px;
  }

  .blocco-banner-home .elementor-button.btn{
    padding: 0px 0 0 15px;
    ;
  }

  .blocco-banner-home .elementor-button .elementor-button-text{
    font-size: 20px;
    padding: 10px 15px 10px 0;
  }

  .blocco-banner-home .elementor-iqit-banner-img,
  .col-50 .elementor-image{
    height: 600px;
  }

  .blocco-banner-home .elementor-iqit-banner-img img,
  .col-50 .elementor-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .col-50{
    width: 100%;
  }

  .section-banner-home .elementor-container .elementor-row .elementor-column+.elementor-column{
    margin-top: 0px;
  }

  .footer-company>.elementor-container>.elementor-row>.elementor-col-33{
    width: 100%;
    border-left: 0;
    padding: 0;
  }

  #mobile-header .menu-fixed .col-mobile-logo a{
    display: inline-block;
    clip-path: inset(0vw 0px 0vw 0px);
    margin-left: 0px;
  }

  .loghi-gruppo .elementor-col-25{
    width: 50%;
    padding: 5px 25px;
  }

  .box-materiali-home .elementor-inner-column{
    width: 50%;
  }

}

.row.align-items-center.justify-content-between.small-gutters,
#js-product-list,
.product-list-subcategories,
.category-description,
#js-product-list-header,
.breadcrumb,
.w-container-90,
#password #content-wrapper,
#authentication #content-wrapper,
#content-hook_order_confirmation{
  max-width: 90%;
  margin: 0 auto;
}
.category-description{
  font-size: 18px;
}
.category-description ul{
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}

div#js-product-list-top{
  margin: 0;
}


div#search_filters{
  margin: 0 !important;
  line-height: 1 !important;
}

div#facets_search_center_dropdown{
  border-bottom: 1px solid rgba(160, 160, 160, 0.25);
}

#facets_search_wrapper{
  max-width: 90%;
  margin: 0 auto;
}

#search_filters .facet>ul,
#search_filters_brands .facet>ul,
#search_filters_suppliers .facet>ul{
  padding-bottom: 0;
}

#search_filters a.form-control.select-title.expand-more{
  background: transparent !important;
  border: 0;
  border-right: 1px solid rgba(160, 160, 160, 0.25);
  padding: 25px 15px;
}

#search_filters a.form-control.select-title.expand-more span,
#search_filters.dropdown-search-filters .drop-icon{
  color: #FFF !important;
  font-weight: 100;
}

.facet-dropdown .dropdown-menu{
  max-height: 270px;
  overflow-y: scroll;
  background-color: #101010;
}

.facet-dropdown .dropdown-menu::-webkit-scrollbar{
  width: 7px !important;
}


.dropdown-menu .dropdown-item,
.autocomplete-suggestions .dropdown-item{
  color: #FFF !important;
  border-bottom: solid 1px #e3e3e3;
  font-weight: 100 !important;
  background-color: #101010 !important;
  border: 1px solid rgba(160, 160, 160, 0.25);
}

.products-selection .showing{
  color: #FFF;
}

.product-list-subcategories div div{
  margin-bottom: 40px;
}

a.select-title.expand-more.form-control{
  background-color: #101010;
  color: #FFF !important;
  border: 1px solid rgba(160, 160, 160, 0.25);
}

.dropdown-menu .dropdown-item:hover,
.autocomplete-suggestions .dropdown-item:hover{
  color: #101010 !important;
  border-bottom: solid 1px #e3e3e3;
  font-weight: 300 !important;
  background-color: #fff !important;
}


#products .pagination{
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 100px;
}


.product-miniature-list-row .product-title,
.product-miniature-list-row .content-lista,
.product-miniature-list-row .col-buy{
  border: 1px solid #FFF;
  padding: 10px 25px !important;
  margin: 0 !important;
  border-bottom: 0;
  min-height: 65px;
}

.product-miniature-list-row .content-lista{
  min-height: 135px !important;
}

.product-miniature-list-row .col-buy{
  border-bottom: 1px solid #FFF;
  padding: 0 0 0 25px !important;
}

.product-miniature-list-row .col-buy .product-add-cart{
  text-align: right;
}

.product-miniature-list-row .col-buy .product-add-cart a{
  min-height: 90px;
  border-left: 1px solid #FFF;
  padding: 0;
  width: 65px;
  display: inline-flex;
  align-items: center;
}

.product-miniature-list-row .col-buy .product-add-cart a span{
  width: 65px;
}

.product-miniature-list-row .col.col-description,
.product-miniature-list-row .img-lista{
  padding: 0;
}

.product-miniature-list-row a.thumbnail.product-thumbnail+a{
  height: 100%;
}

.product-miniature-list-row a.thumbnail.product-thumbnail img{
  height: 100%;
  object-fit: cover;
}

.product-miniature-list-row .thumbnail-container.reviews-loading{
  height: 100%;
}


.product-miniature-list-row .btn-product-list{
  padding: 0.46875rem 0.9375rem;
  background: transparent;
  color: #ffffff;
  border: none 1px;
}

.pagination .page-list li{
  border-color: #FFF !important;
}

.pagination .page-list li a{
  color: #FFF !important;
}

.product-miniature-list-row .col-buy .flex.align-items-center{
  width: calc(100% - 0px);
}



.product-miniature-list-row .col-buy #product-availability{
  background: transparent;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0;
}

.product-miniature-list-row .col-buy #product-availability>span{
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}

.product-miniature-list-row .col-buy #product-availability.product-unavailable>span{
  background: red;
}

.product-miniature-list-row .col-buy #product-availability.product-last-items>span{
  background: #FF9A52;
}

.product-miniature-list-row .col-buy #product-availability.product-available>span{
  background: #67a675;
}

.product-miniature-list-row .col-buy #product-availability,
#product .product-reference{
  font-size: 14px;
  color: #FFFFFFAD !important;
}

.product-miniature-list-row #product-availability,
.product-miniature-list-row .product-reference{
  font-size: 14px;
  color: #FFFFFFAD !important;
  margin: 0;
}


.page-index .prefooter{
  display: none;
}


.blocco-banner-home .elementor-button-icon i{
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 34px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

.blocco-banner-home .elementor-button-icon i:before{
  content: 'arrow_right_alt' !important;
}
.login-form *:not(button){
  color: #000000;
  font-weight: 500;
}
.login-form > p{
  margin-bottom: 25px;
}
#iqitwishlist-modal .no-account a{
  font-weight: 500;
  color: #000000;
}
#password #content-wrapper *:not(input),
#authentication #content-wrapper *:not(input),
#checkout #content-wrapper *:not(input):not(select):not(option),
#order-confirmation #content-wrapper *{
  color: #ffffff;
}
#password #content-wrapper header,
#authentication #content-wrapper header{
  margin-bottom: 20px;
}
.wpcf7 > form > h3{
  display: none;
}
.wpcf7 input.form-control, .wpcf7 .wpcf7-textarea{
  background: transparent;
}
.logo-mob{
  display: none;
}
#checkout #content-wrapper form > div > p,
#checkout #content-wrapper #checkout-addresses-step form p{
  margin-bottom: 15px;
}
.custom-checkbox input[type=checkbox] + span .checkbox-checked{
  color: #000000 !important;
}
#product .product-quantity > .col{
  margin-bottom: 0;
}
.product-quantity .qty{
  width: 110px;
  height: 100%;
}
#quantity_wanted{
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  border: none;
  border-left: 1px solid #777777;
}
.product-customization{
  display: none;
}
.set-app-grid,
.sale_range_txt{
  margin-bottom: 30px;
}
#blockcart-modal .modal-content{
  background: #101010;
  border: 1px solid;
}
#blockcart-modal .modal-content .close{
  color: #ffffff;
  opacity: 1;
}
#blockcart-modal .modal-content .cart-content-btn{
  margin-top: 20px;
}
.cart-content-btn > button{
  border: 1px solid;
}
#cart #content-wrapper .page-title{
  color: #ffffff;
}
#cart #content-wrapper a:link:not(.nav-link):not(.btn),
#cart #content-wrapper a:visited:not(.nav-link):not(.btn){
  color: var(--text-color-alt);
}
#cart #wrapper{
  color: #ffffff;
}
#cart .cart-item .bootstrap-touchspin input{
  padding-left: 0;
  padding-right: 0;
}
#cart .bootstrap-touchspin .input-group-btn-vertical>.btn{
  padding-left: 0;
  padding-right: 0;
}
#cart .bootstrap-touchspin .input-group-btn-vertical i{
  left: 4.5px;
}
#cart .product-customization-line .value{
    font-size: 16px;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    margin-top: 20px;
}
#payment-option-1-additional-information{
  display: none !important;
}
#my-account .breadcrumb,
#identity .breadcrumb,
#addresses .breadcrumb,
#history .breadcrumb,
#order-slip .breadcrumb,
#module-iqitwishlist-view .breadcrumb,
#module-psgdpr-gdpr .breadcrumb,
#address .breadcrumb{
  max-width: 100% !important;
}
#my-account #inner-wrapper,
#identity #inner-wrapper,
#addresses #inner-wrapper,
#history #inner-wrapper,
#order-slip #inner-wrapper,
#module-iqitwishlist-view #inner-wrapper,
#module-psgdpr-gdpr #inner-wrapper,
#address #inner-wrapper{
  color: #ffffff;
}
#my-account #inner-wrapper .page-title,
#identity #inner-wrapper .page-title,
#addresses #inner-wrapper .page-title,
#history #inner-wrapper .page-title,
#order-slip #inner-wrapper .page-title,
#module-iqitwishlist-view #inner-wrapper .page-title,
#module-psgdpr-gdpr #inner-wrapper .page-title,
#address #inner-wrapper .page-title,
.my-account-page-content-wrapper,
.my-account-page-content-wrapper a:link:not(.nav-link):not(.btn),
.my-account-page-content-wrapper a:visited:not(.nav-link):not(.btn),
#blockcart-content a:link:not(.nav-link):not(.btn),
#blockcart-content a:visited:not(.nav-link):not(.btn){
  color: #ffffff;
}
.psgdprinfo17{
  background: #101010;
}
.alert-warning li{
  color: #85502b;
}
#search-widget-mobile{
  background: #101010;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
#blockcart-content{
  background: #101010;
  color: #ffffff;
}
#blockcart-content .form-control{
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  background: #101010;
  color: #ffffff;
  font-weight: 100;
  border: none;
}
#blockcart-content .bootstrap-touchspin{
  border: 1px solid #777777;
}
#blockcart-content .bootstrap-touchspin .btn-touchspin{
  background: transparent;
  border-right: none;
}
#blockcart-content .bootstrap-touchspin .input-group-btn-vertical i{
  left: 5px;
}
#blockcart-content .cart-totals{
  border-top-width: 1px;
}
@media screen and (max-width:1240px){
  .products-list .js-product-miniature-wrapper.col-12{
    width: 100%;
    flex: unset;
  }

  .col-12.col-sm-4.img-lista{
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (max-width:800px){
  #mobile-header .row-mobile-header>*{
    padding: 20px 0;
    /* width: 140px; */
  }
  #mobile-header .col-mobile-btn-menu{
    width: 90px;
  }
}
@media screen and (max-width:767px){
  .logo-desk{
    display: none;
  }
  .logo-mob{
    display: block;
  }
  #product .col-add-qty,
  .product-quantity .qty{
    width: 100%;
    padding: 0;
  }
  #product #cart-wish-cont .col-add-btn{
    order: 1;
  }
  #product #cart-wish-cont{
    flex-wrap: wrap;
  }
  #product .product-quantity{
    width: 50%;
    margin: 0;
  }
  #product #cart-wish-cont .col-add-wishlist{
    width: 50%;
    border-right: 1px solid #777777;
    border-left: 0;
    display: flex;
    justify-content: center;
  }
  #product #cart-wish-cont .col-add-btn .add button{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #product #cart-wish-cont .col-add-btn:before{
    content: "";
    position: absolute;
    width: 150vw;
    height: 1px;
    background: #777777;
    left: -150px;
  }
  #product .product-quantity .qty .input-group{
    height: 100%;
  }
  #quantity_wanted{
    font-size: 30px;
    font-weight: 300;
  }
}
@media screen and (max-width:600px){
  .product-miniature-list-row a.thumbnail.product-thumbnail img{
    height: 100%;
    object-fit: cover;
    width: 100%;
  }

  .col-12.col-sm-4.img-lista{
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}
.pagination .page-list li.current{
	background-color:#FFF;
}
.pagination .page-list li.current a{
    color: #333333 !important;
    font-weight: 500;
}

/**************ultime modifiche*************/

#header #mobile-header .col-mobile-btn a > span{
    display: none !important;
}

.user-loggato #mobile-header .row-mobile-header> .col-mobile-btn-account{
    padding: 10px 0;
}
.user-loggato #header #mobile-header .col-mobile-btn.col-mobile-btn-account a > span{
    display: block !important;
    margin: 0;
    font-size: 14px;
    height: auto;
    line-height: 1;
    color: #FFF;
}

div#blockcart-content *{
    font-size: 18px !important;
}

.cart-summary-products a.text-muted.pull-right{
    display: none;
}



.alert strong{
    color: #000;
	font-weight: 400;
}

.ns-box{
    background: #1bd33f;
    color: #ffffff;
    border: none 1px;
}

section#main{
    padding: 0 20px;
}

.carriere-name-container span.h6.carrier-name{
	font-size: 18px;
}
span.carrier-price{
    display: none;
}

.order-options{
    display: none;
}

.delivery-option .col-sm-5{
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 100%;
    max-width: 100%;
}
.cart-summary-line.cart-total{
    font-weight: bold;
    font-size: 26px;
}

.cart-summary-line{
    clear: both;
    font-size: 18px;
}
section#content-hook_order_confirmation a{
    text-decoration: underline;
}
.alert-danger, .alert-primary, .alert-secondary, .alert-success, .alert-info, .alert-warning, .alert-light, .alert-dark{
  background: transparent;
}
.alert-danger{
  border-color: #dc3545;
}
.alert-primary{
  border-color: #cce5ff;
}
.alert-secondary{
  border-color: #e2e3e5;
}
.alert-info{
  border-color: #0c5460;
}
.alert-warning{
  border-color: #85502b;
}
.alert-light{
  border-color: #818182;
}
.alert-dark{
  background: transparent;
}
.load-more-cat-sm{
  display: none;
}
@media screen and (max-width:1661px){
  .product-miniature-list-row .col-buy .product-add-cart a {
    min-height: 120px;
  }
  .product-miniature-list-row .product-title{
    min-height: 115px;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width:1440px){
  .row{
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width:1240px){
  .product-miniature-list-row .product-title{
    min-height: 0;
  }
}

@media screen and (max-width:767px){
  #category h1.h1.page-title{
    font-size: 48px;
    line-height: 1.3;
  }
  .product-list-subcategories div div{
    flex: 0 0 50%;
  }
  a.subcategory-name{
    font-size: 16px;
  }
  #search_filters.dropdown-search-filters .facet-dropdown, #search_filters_brands.dropdown-search-filters .facet-dropdown, #search_filters_suppliers.dropdown-search-filters .facet-dropdown{
    display: block;
  }
  #facets_search_wrapper{
    max-width: 100%;
  }
  #search_filters a.form-control.select-title.expand-more{
    background: transparent !important;
    border: 0;
    border-bottom: 1px solid rgba(160,160,160,0.25);
    border-right: 0;
    padding: 10px 15px;
  }
  #search_filters a.form-control.select-title.expand-more:last-child{
    border-bottom: 0;
  }
  #search_filters.dropdown-search-filters .drop-icon{
    float: right;
  }
  #search_filters.dropdown-search-filters .dropdown-menu a{
    font-size: 13px;
  }
  #iqitmegamenu-mobile a{
    min-height: 2em;
    font-size: 18px;
  }
  #iqitmegamenu-mobile>ul{
    padding-top: 50px;
  }
  #iqitmegamenu-mobile ul:before{
    left: 25px;
  }
  .close-all-menu{
    height: 86px;
    margin-left: 25px;
  }
  #iqitmegamenu-mobile li>ul li, #iqitmegamenu-mobile>ul>li{
    margin-left: 25px;
  }
  .back-menu{
    width: 50px;
  }
  #iqitmegamenu-mobile li>ul li, #iqitmegamenu-mobile>ul>li{
    height: 40px;
    line-height: 46px;
  }
  #iqitmegamenu-mobile .mm-expand{
    height: 40px;
    line-height: 46px;
  }
  .col-mobile-menu-push #_mobile_iqitmegamenu-mobile{
    max-width: 540px;
    width: 100%;
  }
  #iqitmegamenu-mobile li>ul li:nth-child(3){
    margin-top: 40px;
  }
  #mobile-header .col-mobile-btn-menu{
    width: 60px;
  }
  .col-mobile-logo{
    grid-column-start: 4;
  }
  .truncate-desc-mb > .category-description-inner{
    height: 100px;
    overflow: hidden;
  }
  .truncate-desc-mb .load-more-cat-sm{
    display: flex;
    padding-top: 20px;
    color: #ffffff;
    align-items: center;
    justify-content: center;
  }
  .truncate-desc-opened .category-description-inner{
    height: auto !important;
  }
  .truncate-desc-mb .load-more-cat-sm:after{
    content: "\e5cf";
    font-family: 'Material Symbols Outlined';
    color: #ffffff;
  }
  .truncate-desc-opened .load-more-cat-sm:after{
    content: "\e5ce";
  }
}

@media screen and (max-width:480px){
  .truncate-desc-mb > .category-description-inner{
    height: 200px;
  }
}

.page-customer-account .psgdprinfo17 .clearfix::before {
    content: 'Ottieni i miei dati';
    visibility: visible;
    display: block;
    width: 100%;
    height: 40px;
    margin-top: 20px;
}

.page-customer-account .psgdprinfo17 .psgdprgetdatabtn17 {
    float: none;
    margin: 0 10px 0 0 !important;
}