.intro{ padding-top: 7vw }
.intro-w{ position: relative; width: 72vw; margin-right: auto; margin-left: auto }
.i-title{ margin-bottom: 4vw; }
.i-head{ max-width: 51vw; font-size: 2.1vw; line-height: 2.6vw }
.u-span{ text-decoration: underline; font-size: inherit; line-height: inherit; }
.h-img { position: absolute; right: 0; overflow: hidden; width: 27vw; margin-top: 12vw; float: right }
.h-img.hi-2{ right: 22.2vw; overflow: hidden; width: 50vw }
.intro-s{ position: relative; width: 72vw; margin-right: auto; margin-left: auto; padding-top: 23vw; padding-bottom: 16vw }
.blockSliderHome{ padding-bottom: 15vw; }
.prod-grid{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 71vw; margin-top: 5vw; margin-left: 3vw }
.prod-grid.pg-2{ overflow: hidden; width: 72vw; margin-right: auto; margin-left: auto; padding-bottom: 7vw; padding-left: 0; margin-top: 0 }
.epson svg{ fill: #fff; }
.s-tab{ margin-bottom: 1vw; padding: 0; float: left; background-color: transparent; cursor: pointer; outline: 0; text-align: left; }
.s-tab:hover{ color: #EDDB35; }
.s-tab.w--current{ text-decoration: underline; }
.s-tab-menu{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 43vw; float: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.s-tab.w--current{ margin-bottom: 1vw; padding: 0; float: none; background-color: transparent }
.DiscountUserActive a.s-tab.w-inline-block.w-tab-link:hover{ color: #E5BD51; }
.s-pane-t{ line-height: 1.3; font-size: 1.125vw; }
.icon-pane{ width: 1.85vw; margin-right: .85vw; float: left }
.s-pane{ max-width: 21vw }
.s-pane-h{ float: left; font-size: 2vw; line-height: 2vw; font-weight: 400; letter-spacing: -.04em; text-transform: unset; }
.intro-shop-t{ font-size: 1.125vw; line-height: 1.5vw }
.intro-shop-h{ margin-bottom: 2vw; }
.intro-shop{ width: 100%; height: auto; padding-top: 10vw; padding-bottom: 10vw }
.intro-shop-li{ position: relative; left: 13.8vw; display: inline-block; margin-top: 0%; float: left }
.intro-shop-m{ display: inline-block; font-size: 2vw; line-height: 2vw; font-weight: 400;
    letter-spacing: -.04em; }
.intro-shop-i{ width: 3vw; margin-left: 1vw; float: right; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease }
.intro-shop-i:hover{ -webkit-transform: translate(1vw, 0); -ms-transform: translate(1vw, 0); transform: translate(1vw, 0) }
.prod-text-w{ width: 72vw; margin-left: auto; margin-right: auto; }
.TextSeoHome{ background-color:#000; }
.TextSeoHome-in{ width: 72vw; margin-right: auto; margin-left: auto; padding: 7vw 0vw; }
.TextSeoHome a:hover{ text-decoration: underline; }
.TextSeoHome a, .TextSeoHome li, .TextSeoHome p{ font-size: 1.125vw; line-height: 1.2; }
.TextSeoHome h3{ font-size: 1.4vw; line-height: 1; margin-bottom: 3vw; text-transform: uppercase; }
.TextSeoHome .w-flex-inline-seo{ display: flex; flex-flow: row wrap; }
.TextSeoHome li{ padding: 0.4vw 0; }
.TextSeoHome ul + ul{ margin-left: 2vw; }
.TextSeoHome ul{ list-style-type: none; padding-left: 0; }
.w-flex-inline-seo{ display: flex; justify-content: space-between; flex-flow: row wrap; }
.TextSeoHome p, .TextSeoHome li, .TextSeoHome a, .TextSeoHome strong, .TextSeoHome div, .TextSeoHome i, .TextSeoHome u, .TextSeoHome section, .TextSeoHome b, .TextSeoHome h1, .TextSeoHome h2, .TextSeoHome h3, .TextSeoHome h4, .TextSeoHome h5, .TextSeoHome h6{ color: #fff; }
.TextSeoHome .w-flex-inline-seo ul:last-child{ margin-bottom: 0; }
.item-name{ -webkit-line-clamp: 2; }
.prod-text-w + a{ margin-top: 3vw; }
.intro-m{ position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.intro-m-wrap { display: flex; gap: 5vw; align-items: center; margin-top: 1.5vw; margin-bottom: 1.5vw; flex-flow: row wrap; justify-content: center; }
.intro-m-wrap > a > div{ width: 13vw; text-align: center; }
.intro-m-wrap > a > div > svg{ max-height: 5.5vw; }
.intro-m-link{ transition: transform 250ms ease-in; }
.intro-m-link:hover{ transform: scale(1.056) }
.intro-m-img{ position: absolute; z-index: -1; width: 100%; height: 100%; background-position: 0 0, 50% 50%; background-size: cover; background-repeat: repeat, no-repeat; background-color: rgba(0, 0, 0, 0.3) }
.no-webp{ background-image: url(/NF/images/img-4.jpg) }
.si-webp{ background-image: url(/NF/images/img-4.webp) }
.svgMarchio{ height: 1.7vw; margin-top: 0.5vw; margin-bottom: 0.8vw; padding-right: 1.5vw; padding-left: 1.5vw; display: flex; align-items: center }
.svgMarchio img{ max-height: 100%; max-width: 6vw }
#chat-widget-container.zindexnegativo, .zindexnegativo{ z-index: -1 !important; opacity: 0 !important }
.Testo-Area-Personalizzabile{ margin-top: 35px; margin-bottom: 40px; max-width: 92vw; margin-left: auto; margin-right: auto; }

#slideContainer, #controls-slide-home{ position: relative; width: 72vw; margin: auto; background-color: #1d1d1b; }
#slideContainer .button-face{ background-color: #EDDB35; border-radius: 20px; font-weight: 600; padding: 7px 21px; display: inline-block; line-height: 1.2; }
.slide_home{ display: none; }
.slide_home.current{ display: block; }
#controls-slide-home{  display: flex; justify-content: space-between; padding: 1vw 2vw; }
.controls-slide > svg{ height: 3vw; cursor: pointer; }
.controls-slide > svg:hover{ background-color: #EDDB35; fill: #EDDB35; border-radius: 100%; }
.controls-slide > svg:hover path, .controls-slide > svg:hover circle{ stroke: #000 !important; }
.placeholderLink{ position: absolute; text-align: center; width: 100%; margin-top: 1vw; }
#bloccoPrimo{ background-color: #ffd000; padding-top: 11vw; padding-bottom: 3vw; }

@media(min-width: 1500px){
    .Banner-a-5 strong, .Banner-a-5, .Banner-a-5 p{ font-size: 0.8vw; }
}
.Banner-a-5{ display: flex; justify-content: space-around; flex-flow: row wrap; width: 72vw; margin: auto; margin-top: 2vw; }
.Banner-a-5 > div{ margin: 2vw 0px; max-width: 13vw; text-align: center; }
.Banner-a-5 p{ font-weight: 300; }
.Banner-a-5 strong{ font-weight: 600; font-size: inherit; }
.Banner-a-5 > div > div:first-child{ height: 80px; display: flex; align-items: center; justify-content: center; }

.blocconiLink{ display: flex; flex-flow: row wrap; justify-content: space-between; width: 92%; margin: 2vw auto; }
.blocconiLink .Settori, .blocconiLink .Chi-Siamo, .blocconiLink .Notizie, .blocconiLink .Promo{ width: 49%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.blocconiLink > div{ margin-bottom: 21px; }
.blocconiLink > div > div{ padding: 65px 108px; background-color: rgba(51, 51, 51, 0.7); width: 100%; height: 100%; text-align: center; }
.blocconiLink h2, .blocconiLink p{ color: #fff; text-align: center;  }
.blocconiLink p{ font-weight: 300; margin-bottom: 8px; }
section.blocconiLink .button-face{ margin-top: 2vw; }

#SectionPM{ text-align: center; background-color: #575756; padding: 3vw; }
#SectionPM h2{ color: #ffd000; margin-bottom: 3vw; }
#SectionPM a{ text-decoration: none; }
#ContProdottiDelMomento{ display: flex; flex-flow: row wrap; justify-content: space-between; }
.DivProdottoMomento{ min-width: 300px; padding: 24px; text-align: center; }
.DivProdottoMomento small{ display: block; font-size: 1vw; color: #fff; font-weight: 600; text-align: center; margin: 1vw 0.5vw 0.5vw 0.5vw; }
.DivProdottoMomento .button2{ border: 1px solid #fff; border-radius: 100vw; padding: 5px 15px; font-weight: 600; font-size: 15px; color: #fff; display: inline-block; }
.DivProdottoMomento b{ display: block; font-weight: 600; color: #ffd000; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 40px;}
.DivProdottoMomento span{ display: block; text-align: center; font-size: 22px; color: #fff; font-weight: 700; margin: 30px 0px 10px; }
.DivProdottoMomento i{ font-weight: 400; font-size: 12px; }

#CiHannoScelto{ width: 91vw; margin: auto; margin-top: 4vw; }
#ClientiPartner{ display: flex; flex-flow: row wrap; justify-content: center; }
#ClientiPartner > div{ width: 230px; padding: 20px 40px;  justify-content: center; align-items: center; text-align: center; }
.Nostri-Clienti h2{ text-align: center; }
.Nostri-Clienti{ margin-top: 21px; margin-bottom: 60px; position: relative; }
.Nostri-Clienti .freccetteSlide{ z-index: 1; left: -14px; }
.Nostri-Clienti .destraSlide.freccetteSlide{ left: unset; right: -14px; }
#ClientiPartner > div{ display: flex; align-items: center; }
#ClientiPartner > div.nascondiSlideClienti{ display: none; }
#ScopriClienti{ text-align: center; margin-top: 1vw; }
.freccetteSlide{ color: #fff; position: absolute; top: calc(50% - 14px); cursor: pointer; }
.destraSlide img{ transform: rotate(180deg); }
.freccetteSlide img{  height: 28px; }
.destraSlide{  right: 21px;  }
.sinistraSlide{ left: 21px; }

#slideContainer video{ max-width: 100%; width: 100%; max-height: 30vw; }
#slideContainer iframe{ max-width: 100% !important; margin: auto; display: block; width: 100%; height: 29vw !important; }
#slideContainer{ max-height: 30vw; overflow: hidden; }

@media(max-width: 767px){
	#ClientiPartner > div{ width: 170px; }
	.Nostri-Clienti .freccetteSlide{ margin-left: 10px; }
	.Nostri-Clienti .destraSlide.freccetteSlide{ margin-left: 0px; margin-right: 10px; }
}

.nopadding{ padding: 0 !important; }

@media(min-width:992px) {
    .h-img { will-change: transform; transform: translate3d(0, 5.4711vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg); transform-style: preserve-3d }
    .h-img.hi-2{ transform: translate3d(0, -2.33vw, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg) }
    .h-img.hi-1{ right: 2vw; }
    .link-block{ left: unset; right: 4vw; }
    .svgMarchio img.imgSvgM[src*=compatibile]{ max-width: 7.2vw; }
}
@media (max-width:991px) {
    .i-title{ font-size: 6vw; line-height: 5vw; margin-left: 0; }
    .i-head{ max-width: 91.5vw; font-size: 4vw; line-height: 4vw; margin-left: 0; }
    .intro-w, .intro-s, .prod-text-w, .TextSeoHome-in{ width: 91.3vw; }
    .h-img{ width: 44vw; margin-top: 4vw; }
    .h-img.hi-2{ right: 41.2vw; margin-top: 16vw; }
    .link-block{ left: 39.5vw; margin-top: 9vw; }
    .blockSliderHome{ padding-bottom: 12vw; }
    .intro-s{ height: auto; padding-top: 27vw; padding-bottom: 27vw }
    .s-tab-menu{ width: 38vw; padding-left: 0 }
    .s-tabs{ padding-left: 0 }
    .s-pane{ max-width: 100%; }
    .s-pane-t{ margin-top: 3vw; font-size: 2.4vw; line-height: 3vw }
    .s-pane-h{ font-size: 3vw; line-height: 3vw }
    .icon-pane{ width: 3vw }
    .intro-shop-t{ font-size: 2.4vw; line-height: 3vw; letter-spacing: -.05em }
    .intro-shop-li{ float: none; left: 4.5vw; }
    .intro-shop-m{ font-size: 3vw; line-height: 4vw }
    .intro-shop-i{ width: 4vw; position: relative; top: 0.7em; left: 1vw; }
    .slide-trigger{ left: 0.6vw; }
    .slide-trigger-2{ right: 0.6vw; }
    .prod-grid.pg-2{ width: 88vw; margin-top: 4vw; }
    .TextSeoHome p, .TextSeoHome li, .TextSeoHome a{ font-size: 2.1vw; }
    .TextSeoHome li a{ margin-top: 1.125vw; display: inline-block; }
    .TextSeoHome h3{ font-size: 2.125vw; margin-bottom: 0; }
    .TextSeoHome .w-flex-inline-seo{ margin-top: 1vw; }
    .TextSeoHome ul + ul{ margin-left: 0; }
    .TextSeoHome ul{ margin-top: 3vw; margin-bottom: 3vw; }
    .TextSeoHome-in{ padding: 10vw 0; }
    .intro-m{ height: auto; padding-top: 10vw; padding-bottom: 10vw; }
    .svgMarchio{ padding-left: 0; padding-right: 0; height: 3vw; margin-top: 1vw; margin-bottom: 1.5vw; }
	.svgMarchio img{ max-width: 10vw; }
    .slideHome{ height: revert; justify-content: flex-start; flex-direction: column; align-items: flex-start; }
    .slideHome > div:first-child{ width: 100%; margin-top: 26vw; }
    .slideHome > div > h2{ font-size: 7.5vw; }
    .slideHome .testoSlide{ font-size: 4vw; }
    .slideHome small{ margin-top: 8vw; font-size: 4vw; }
    .slideHome .button-face{ font-size: 3.5vw; padding: 2vw 8.5vw; margin-top: 4vw; }
    #slideContainer .progressBarSlide{ display: none; }
    #slideContainer .controls-slide, .slideHome .placeholderFrecce{ height: 8vw; width: 40vw; margin-top: 5vw; margin-bottom: 7vw; }
    #slideContainer .controls-slide .moveSlideHome{ width: 8vw; }
    #slideContainer .controls-slide > svg{ margin-left: 4vw; margin-right: 4vw; }
    #ContProdottiDelMomento{ justify-content: center; }
    section.blocconiLink .button-face{ margin-top: 2vw; font-size: 1.5vw; padding: 1.5vw 2.5vw; }
    #bloccoPrimo{ padding-top: 2vw; }
    .DivProdottoMomento small{ font-size: 1.5vw; }
}
@media(max-width: 850px) and (min-width: 726px){
	.Banner-a-5 > div { max-width: 33%; width: 33%; margin-left: auto; margin-right: auto; }
}
@media(max-width: 725px) and (min-width: 601px){
	.Banner-a-5 > div { max-width: 50%; width: 50%; margin-left: auto; margin-right: auto; }
}
@media(max-width: 800px){
	.blocconiLink{ flex-direction: column; }
    .blocconiLink .Settori, .blocconiLink .Chi-Siamo, .blocconiLink .Notizie, .blocconiLink .Promo{ width: 100%; }
    section.blocconiLink .button-face{ margin-top: 4vw; font-size: 3.8vw; padding: 3vw 5vw; }
}
@media (max-width:600px) {
    .intro{ padding-top: 15vw }
    .i-title{ margin-bottom: 7vw; font-size: 7vw; line-height: 6vw; }
    .i-head{ max-width: 83vw; font-size: 5vw; line-height: 6vw }
    .intro-w, .TextSeoHome-in, .intro-s{ width: 83vw; }
    .h-img{ width: 50vw; margin-top: 9vw }
    .h-img.hi-2{ right: 32.5vw; margin-top: 25vw; }
    .item-face{ width: 80vw; margin-left: 1.5vw; }
    a.button-wrapper.link-block.w-inline-block{ position: initial; }
    .intro-s{ padding-bottom: 27vw; }
    #SlideProdottiHome, #SlidePlotterHome{ margin-top: 5vw; }
    .item-trigger-w{ left: 33.3vw; bottom: -6.9vw; width: 16vw; height: 16vw; }
    .s-tab-menu{ width: 100%; margin-bottom: 16vw }
    .s-tabs{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; }
    .s-pane-t{ font-size: 5vw; line-height: 7vw; }
    .s-tab-menu .s-text{ margin-top: 4vw; }
    .icon-pane{ width: 6vw; float: none; margin-bottom: 3vw; }
    .s-pane-h{ font-size: 8vw; line-height: 9vw; }
    .s-pane{ max-width: 83vw; }
    .intro-shop-t{ font-size: 5vw; line-height: 6vw }
    .intro-shop-h{ margin-bottom: 6vw; font-size: 10vw; line-height: 10vw }
    .intro-shop{ padding-top: 29vw; padding-bottom: 24vw; padding-right: 0%; }
    .intro-shop-li{ margin-top: 0%; left: 9vw; }
    .intro-shop-m{ font-size: 5vw; line-height: 5vw }
    .intro-shop-i{ width: 6vw }
    .prod-text-w{ max-width: 83vw; }
    .slide-trigger, .slide-trigger-2{ width: 7vw; }
    .slide-trigger{ left: 0.85vw; }
    .slide-trigger-2{ right: 0.85vw; }
    .prod-grid.pg-2{ width: 83vw; }
    .TextSeoHome a, .TextSeoHome li, .TextSeoHome p{ font-size: 4.5vw; }
    .TextSeoHome h3{ font-size: 5vw; margin-bottom: 4vw; }
    .TextSeoHome li{ padding: 2vw 0%; }
    .TextSeoHome-in{ padding: 16vw 0vw; }
    .w-flex-inline-seo > div + div{ margin-top: 12vw; }
    .svgMarchio{ height: 7vw; margin-bottom: 5vw; margin-top: 2vw; }
	.svgMarchio img{ max-width: 28vw; }
    .slideHome > div.placeholderFrecce{ order: 1; width: 100%; margin-top: 21vw; }
    .slideHome > div{ order: 2; }
    .slideHome > small{ order: 3; }
    .slideHome > div:first-child{ margin-top: 0; }
    .slideHome{ padding-bottom: 8vw; flex-flow: row wrap; align-items: flex-end; }
    .controls-slide{ bottom: unset; top: 0; }
    #slideContainer .controls-slide{ margin-top: 24vw; }
    #slideContainer .controls-slide{ justify-content: flex-end; }
    #slideContainer .controls-slide > svg{ margin-right: 0; }
    .slideHome > div > h2{ font-size: 8.5vw; margin-bottom: 4vw; }
    .slideHome .testoSlide{ font-size: 4vw; margin-bottom: 5vw; }
    .placeholderLink{ width: 80%; }
    .placeholderLink a{ width: fit-content; }
    .slideHome small{ margin-top: 8.5vw; width: 20%; text-align: right; }
    .intro-m-wrap{ gap: 8vw; margin-bottom: 8vw; }
    .intro-m-wrap > a > div{ width: 36vw; margin-bottom: 2vw; }
    .intro-m-wrap > a > div > svg{ max-height: 10vw; }
    .Banner-a-5{ flex-direction: column; }
    .Banner-a-5 > div{ max-width: 100%; }
    .Nostri-Clienti h2{ text-align: center; margin-bottom: 4vw; }
    #slideContainer video, #slideContainer, #slideContainer iframe{ height: 70vw !important; max-height: 100%; }
    #slideContainer, #controls-slide-home{ width: 94vw; max-width: 100%; }
    .controls-slide > svg{ height: 8vw; margin-top: 3vw; margin-bottom: 3vw; }
    .DivProdottoMomento small{ font-size: 2.9vw; }
}