html {height: 100%; overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: hidden; scroll-behavior: smooth;}
body {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-size: 16px; line-height: 24px; color: #808080; font-weight: 400; background: #FFFFFF; margin: 0px; padding: 0px;}
a, a:link, a:visited {color: #808080; text-decoration: underline; outline: none;}
a:hover, a:active {color: #002B66; text-decoration: underline;}
h1, h2, h3, h4, h5, h6, .tit-page {font-family: "Montserrat", sans-serif; width: 100%; margin: 0px 0px 40px 0px; padding: 0px; color: #002B66; font-size: 40px; line-height: 48px; font-weight: 500; text-transform: none; float: left;}
.a-inline a {display: inline-block!important; float: none!important;}
.subtit-page {width: 100%; margin: 20px 0px 40px 0px; padding: 0px; color: #002B66; font-size: 26px; line-height: 32px; font-weight: normal; text-transform: none; float: left;}

#page {position: absolute; top: 0px; left: 0px; width: 100%; margin: 0px; padding: 0px; float: left; z-index: 1;}

iframe {width: 100%; margin: 0px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
img {max-width: 100%; margin: 0px; padding: 0px; border: none; outline: none;}
video {width: 100%; height: auto!important; margin: 0px; padding: 0px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
.ifrmap {height: 480px; margin: 0px 0px 24px 0px;}
img, video {max-width: 100%; margin: 0px; padding: 0px; border: none; outline: none;}
.img-100 {width: 100%; float: left;}
.img-100-home {margin: 20px 0px 20px 0px!important;}
.img-bordo {border: solid 1px #CECECE; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
picture {width: 100%; margin: 0px; padding: 0px; border: none; outline: none; float: left;}
p {width: 100%; margin: 0px; padding: 0px; float: left;}

.video-desk {width: 100%!important; height: auto!important; margin: 0px; padding: 0px; float: left;}
.video-mob {display: none; position: relative; top: 0px; left: 0px; width: 100%!important; height: auto!important; margin: 0px; padding: 0px; float: left;}

.img-hover {opacity: 1; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.img-hover:hover {opacity: 0.7; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}

.si-tab {display: none;}
.no-tab {display: block;}
.si-mob {display: none;}
.no-mob {display: block;}
.txt-semi {font-weight: 500;}
.txt-upper {text-transform: uppercase;}
.txt-center {text-align: center;}
.txt-center-no-tab {text-align: center;}
.txt-center-no-mob {text-align: center;}
.txt-normal {font-weight: 400!important;}
.txt-white {color: #FFFFFF!important;}
.txt-green {color: #6AC259!important;}
.bg-white {background: #FFFFFF!important;}
.bg-azzu {background: #F4F8FC!important;}
.bg-azzu-bord {background: #F4F8FC; border-top-left-radius: 80px 80px;}
.bg-azzurro {color: #FFFFFF!important; background: #47B3E1!important;}
.txt-blue-semi {color: #002B66; font-weight: 500;}
.txt-blue-bold {color: #002B66; font-weight: bold;}

/* inizio link WhatsApp */
#link-whats {display: block; position: fixed; bottom: 95px; right: calc(1% + 2.5px); width: 40px; height: 40px; margin: 0px; padding: 0px; float: left; z-index: 999;}
#link-whats a {display: block; width: 45px; height: 45px; margin: 0px; padding: 0px; text-decoration: none; background: url(images/ico-whatsapp.webp) 0px 0px no-repeat; background-size: 45px 45px; float: left;}

/* inizio link top */
#link-top {display: none; position: fixed; bottom: 40px; right: 1%; width: 40px; height: 40px; margin: 0px; padding: 0px; float: left; z-index: 999;}
#link-top a {display: block; width: 40px; height: 40px; margin: 0px; padding: 0px; text-decoration: none; background: url(images/btn-top.svg) center left no-repeat;}

/* inizio scrollbar */
::-webkit-scrollbar {width: 10px; background: #FFFFFF; margin: 0px; padding: 0px;}
::-webkit-scrollbar-track {background: #FFFFFF; margin: 0px; padding: 0px;}
::-webkit-scrollbar-thumb {background: #C1C1C1; -webkit-border-radius: 5px; border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {background: #AAAAAA;}

/* inizio header */
#header {display: block; position: relative; width: 100%; margin: 0px; padding: 0px; float: left; z-index: 2;}
#header-mob {display: none;}
.btn-richiesta, .ombra-mob {display: none;}
.menu-top {width: 96%; margin: 0px; padding: 15px 2% 15px 2%; font-size: 15px; line-height: 20px; border-bottom: solid 1px #D5D5D5; float: left;}
.menu-top ul {display: flex; justify-content: flex-end; align-items: center; list-style: none; margin: 0px; padding: 0px;}
.menu-top li {margin: 0px; padding: 0px;}
.menu-top li a, .menu-top li a:link, .menu-top li a:visited {display: block; margin: 0px 15px 0px 15px; padding: 0px; color: #808080; font-weight: 500; text-decoration: none;}
.menu-top li a:hover, .menu-top li a:active {color: #808080; font-weight: 500; text-decoration: underline;}
.menu-top li.top-01 a {color: #002B66!important; font-weight: 600!important;}
.menu-top li.top-01 a:hover {text-decoration: underline;}
.menu-top li.top-03 a {padding: 0px 0px 0px 25px; background: url("images/cart.svg") left center no-repeat; background-size: 18px 18px;}
.menu-top li.top-04 a {margin: 0px 0px 0px 15px; color: #379B62!important; text-decoration: none!important;}
.menu-top .vocesel {text-decoration: underline!important;}
.logo {width: 220px; margin: 30px 30px 50px 2%; padding: 0px; float: left; z-index: 1;}
.logo img {width: 100%; margin: 0px; padding: 0px; float: left;}
.btn-menu-mob, .btn-menu-close {display: none;}
.menu-mobile-cont {width: calc(96% - 250px); margin: 0px 2% 0px 0px; padding: 0px; float: left;}
.menu-mobile {width: 100%; margin: 0px; padding: 0px; float: left;}
.menu-ist {width: 100%; margin: 40px 0px 0px 0px; padding: 0px; font-size: 17px; line-height: 20px; float: left;}
.menu-ist ul {display: flex; justify-content: flex-end; align-items: flex-start; list-style: none; margin: 0px; padding: 0px;}
.menu-ist ul li {position: relative; margin: 0px; padding: 0px;}
.menu-ist ul ul {position: absolute; display: none; justify-content: center!important; background: #2F5383; width: 210px; left: -98px; border-bottom-right-radius: 30px;}
.menu-ist ul ul li {width: 100%; margin: 0px; padding: 0px;}
.menu-ist li.ist-05-foot, .menu-ist li.ist-07, .menu-ist li.ist-08, .menu-ist li.ist-09, .menu-ist li.ist-tel {display: none;}
.menu-ist ul li a, .menu-ist ul li a:link, .menu-ist ul li a:visited {display: block; margin: 0px; padding: 12px 15px 12px 15px; color: #002B66; font-weight: 500; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.menu-ist ul li a:hover, .menu-ist ul li a:active {color: #47B3E1; font-weight: 500; text-decoration: none;}
.menu-ist ul li.ist-06 a, .menu-ist ul li.ist-06 a:link, .menu-ist ul li.ist-06 a:visited {margin: -8px 0px 0px 40px; padding: 20px 30px 20px 30px; color: #FFFFFF; white-space: nowrap; background: #002B66; border-radius: 30px;}
.menu-ist ul li.ist-06 a:hover, .menu-ist ul li.ist-06 a:active {color: #FFFFFF; background: #47B3E1;}
.menu-ist ul li.ist-005 {white-space: nowrap;}
.menu-ist span {display: block; margin: 0px; padding: 12px 25px 12px 15px; color: #002B66; font-weight: 500; text-decoration: none; background: url("images/arrow-menu-ist.svg") right center no-repeat; background-size: 20px 20px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.menu-ist ul ul li a, .menu-ist ul ul li a:link, .menu-ist ul ul li a:visited {display: block; width: 100%; margin: 0px; padding: 15px 30px 15px 30px; color: #FFFFFF; text-align: right; font-weight: 400; text-decoration: none; border-bottom: solid 1px #A3D9F0;}
.menu-ist ul ul li a:hover, .menu-ist ul ul li a:active {color: #FFFFFF; font-weight: 400; text-decoration: none;}
.menu-ist ul ul li.ist-05-01 a {padding-top: 20px;}
.menu-ist ul ul li.ist-05-03 a {padding-bottom: 25px; border: none!important;}
/*.menu-ist ul ul li.ist-05-04 a {padding-bottom: 25px; border: none!important;}*/
.hover-li {color: #47B3E1!important;}
.menu-ist span.vocesel {color: #47B3E1!important;}
.menu-ist ul li a.vocesel {color: #47B3E1!important;}
.menu-ist ul ul li a.vocesel {color: #FFFFFF!important; font-weight: 600;}
.menu-ist ul li.ist-06 a.vocesel {color: #FFFFFF!important; background: #47B3E1!important;}

/* inizio content */
.content-cont {position: relative; width: 100%; margin: 0px; padding: 0px; float: left; z-index: 1;}
.content-100 {position: relative; width: 100%; margin: 0px; padding: 0px; float: left;}
.content-page {max-width: 1240px; margin: 0px auto; padding: 0px;}
.content-small {max-width: 860px; margin: 0px auto; padding: 0px;}
.content-padd {padding: 120px 0px 120px 0px;}
.content-padd-top {padding: 120px 0px 0px 0px;}
.content-padd-top-no-tab {padding: 120px 0px 0px 0px;}
.content-pura {padding: 80px 0px 120px 0px;}
.content-flex-norm {display: flex; flex-wrap: wrap;}
.content-flex-wrap {display: flex; flex-wrap: nowrap;}
.content-flex-betw {display: flex; flex-wrap: wrap; justify-content: space-between;}
.content-flex-vert {display: flex; flex-wrap: wrap; align-items: center;}
.content-flex-cent {display: flex; flex-wrap: wrap; justify-content: center;}
.content-flex-stre {display: flex; flex-wrap: wrap; align-items: stretch;}
.content-flex-righ {display: flex; flex-wrap: wrap; justify-content: flex-end;}
.content-flex-bott {display: flex; flex-wrap: wrap; align-items: flex-end;}
.video-home-cont {position: relative; display: flex; flex-wrap: nowrap; width: 100%; margin: 0px; padding: 0px; float: left;}
.video-home-vid {position: relative; width: 55%; margin: 0px; padding: 0px; overflow: hidden; float: left; z-index: 2;}
.video-home-bord {border-bottom-right-radius: 80px 80px;}
.video-home-txt {position: relative; width: 85%; margin: 35px 0px 0px -40%; padding: 5% 10% 10% 45%; color: #47B3E1; font-size: 28px; line-height: 36px; font-weight: 500; background: #ECF3F9; border-bottom-left-radius: 80px 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; z-index: 1;}
.ico-water {width: 100%; height: 60px; margin: 0px 0px 30px 0px; padding: 0px; background: url("images/ico-water.svg") center center no-repeat; background-size: 60px 60px; float: left;}
.ico-water-w {width: 100%; height: 60px; margin: 0px 0px 30px 0px; padding: 0px; background: url("images/ico-water-w.svg") center center no-repeat; background-size: 60px 60px; float: left;}
.tit-top {width: 100%; margin: 0px 0px 24px 0px; padding: 0px; color: #002B66; font-size: 14px; line-height: 14px; font-weight: 500; text-transform: uppercase; float: left;}
.box-sx-small {width: 28%; margin: 0px 0px 0px 12%; padding: 0px; float: left;}
.box-sx-small-marg {margin-top: 30px;}
.box-dx-large {width: 55%; margin: 0px 0px 0px 5%; padding: 0px; float: left;}
.box-dx-large img {width: 100%; margin: 0px; padding: 0px; border-top-left-radius: 80px 80px; float: left; z-index: 1;}
.bg-casa {background: url("images/bg-azzu.svg") bottom left repeat-x!important; background-size: 50px 50px!important;}
.bg-goccia {padding: 120px 0px 160px 0px; background: url("images/bg-goccia.svg") bottom center no-repeat; background-size: 200% auto!important; z-index: 1;}
.content-large {position: relative; width: 94%; margin: 0px; padding: 0px 3% 0px 3%; float: left;}
.slide-prod-cont {width: 100%; margin: 0px; padding: 15px 25px 15px 25px; border-radius: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; float: left;}
.slide-prod-tit {width: 100%; height: 40px; margin: 0px 0px 10px 0px; padding: 0px; color: #47B3E1; font-size: 16px; line-height: 20px; font-weight: 500; text-align: center; text-transform: uppercase; float: left;}
.slide-prod-img {width: 90%; margin: 0px 5% 10px 5%; padding: 0px; float: left;}
.slide-prod-txt {width: 100%; margin: 0px; padding: 0px; color: #002B66; font-size: 12px; line-height: 18px; float: left;}
.slide-prod-line {width: 100%; height: 1px; margin: 10px 0px 10px 0px; padding: 0px; background: #484848; float: left;}
.slide-prod-flex {display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin: 0px; padding: 0px; float: left;}
.slide-prod-sx {width: calc(100% - 65px); margin: 0px; padding: 0px; float: left;}
.slide-prod-link {display: block; width: 50px; height: 34px; margin: 0px 0px 0px 15px; padding: 0px; background: url("images/arrow-link.svg") center center no-repeat; background-size: 50px 34px; float: left;}
.slide-prod-link:hover {background: none, url("images/arrow-link-over.svg") center center no-repeat!important; background-size: 50px 34px;}
.bg-aziende {margin-top: -60px; z-index: 2;}
.box-sx-large {width: 55%; margin: 0px; padding: 0px; float: left;}
.box-sx-large img {width: 100%; margin: 0px; padding: 0px; border-top-right-radius: 80px 80px; float: left; z-index: 1;}
.box-dx-small {width: 28%; margin: 0px 0px 0px 5%; padding: 0px; float: left;}
.bg-horeca {margin-top: -20px; background: url("images/bg-goccia-inv.svg") center 120px no-repeat; background-size: 200% auto!important;}
.bg-horeca-mob {padding-bottom: 240px; background: #ECF3F9; z-index: 1;}
.content-form-bot {position: relative; width: 80%; margin: -120px 0px 0px 0px; padding: 80px 10% 120px 10%; background: #FFFFFF; border-top-left-radius: 80px 80px; float: left; z-index: 2;}
.content-page-no-img {position: relative; width: 80%; margin: 0px; padding: 40px 10% 120px 10%; background: #FFFFFF; border-top-left-radius: 80px 80px; float: left; z-index: 2;}
.top-page-cont {position: relative; display: flex; flex-wrap: nowrap; width: 100%; margin: 0px; padding: 0px; float: left;}
.top-page-img {position: relative; width: 55%; margin: 0px; padding: 0px; overflow: hidden; float: left; z-index: 2;}
.top-page-bord {border-bottom-right-radius: 80px 80px!important;}
.top-page-txt {position: relative; width: 85%; margin: 35px 0px 0px -40%; padding: 8% 10% 14% 45%; background: #ECF3F9; border-bottom-left-radius: 80px 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; z-index: 1;}
.top-page-txt span {width: 100%; margin: 0px 0px 50px 0px; padding: 0px; color: #47B3E1; font-size: 28px; line-height: 36px; font-weight: 500; float: left;}
.ico-content {width: 80%; margin: 80px 10% 0px 10%; padding: 0px; float: left;}
.ico-box {width: 24%; margin: 0px; padding: 120px 3% 0px 3%; text-align: center; float: left;}
.bg-servizio {background: url("images/bg-servizio.svg") top center no-repeat; background-size: 100px 100px;}
.bg-igiene {background: url("images/bg-igiene.svg") top center no-repeat; background-size: 100px 100px;}
.bg-prodotti {background: url("images/bg-prodotti.svg") top center no-repeat; background-size: 100px 100px;}
.bg-euro {background: url("images/bg-euro.svg") top center no-repeat; background-size: 100px 100px;}
.bg-ambiente {background: url("images/bg-ambiente.svg") top center no-repeat; background-size: 100px 100px;}
.bg-garanzie {background: url("images/bg-garanzie.svg") top center no-repeat; background-size: 100px 100px;}
.bg-supporto {background: url("images/bg-supporto.webp") top center no-repeat; background-size: 100px 100px;}
.bg-esigenze {background: url("images/bg-esigenze.webp") top center no-repeat; background-size: 100px 100px;}
.bg-manuntenzione {background: url("images/bg-manuntenzione.webp") top center no-repeat; background-size: 100px 100px;}
.ico-tit {width: 100%; margin: 0px; padding: 0px 0px 24px 0px; color: #002B66; font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; float: left;}
.ico-txt {width: 100%; margin: 0px; padding: 0px; text-align: center; float: left;}
.box-servizio-cont {position: relative; width: 100%; margin: 0px; padding: 0px; float: left;}
.box-servizio-sx {position: relative; width: 33%; margin: 0px; padding: 100px 40% 100px 12%; background: #ECF3F9; border-bottom-right-radius: 80px 80px; border-top-right-radius: 80px 80px; float: left; z-index: 1;}
.box-servizio-dx {position: absolute; top: 50%; transform: translate(0, -50%); width: 50%; margin: 0px 0px 0px 50%; padding: 0px; float: left; z-index: 2;}
.box-servizio-dx img {width: 100%; margin: 0px; padding: 0px; border-top-left-radius: 80px 80px; float: left;}
.box-italia-cont {width: 100%; margin: 0px; padding: 120px 0px 0px 0px; float: left;}
.box-italia-sx {width: 55%; margin: 0px; padding: 0px; float: left;}
.box-italia-dx {width: 28%; margin: 0px 0px 0px 5%; padding: 0px 0px 100px 0px; float: left;}
.link-prov {color: #002B66!important; text-decoration: none!important; font-weight: bold!important; cursor: text;}
.water-green {color: #FFFFFF; background: url("images/bg-water-green.webp") center center no-repeat; background-size: cover;}
.bg-sost {color: #FFFFFF; background: url("images/bg-sostenibilita.webp") center center no-repeat; background-size: cover;}
.box-prod-page-cont {display: flex; flex-wrap: wrap; justify-content: center; width: 90%; margin: 0px 5% 0px 5%; padding: 0px; float: left;}
.box-prod-page {width: 30.3333%; margin: 40px 1.5% 0px 1.5%; padding: 0px; text-align: left; float: left;}
.box-prod-page .slide-prod-img {text-align: center;}
.box-prod-page .slide-prod-img .img-100 {display: inline-block; width: auto!important; height: 380px!important; float: none;}
.cont-erog {width: 80%; margin: 0px; padding: 80px 10% 80px 10%; float: left;}
.cont-erog-img {width: 30%; margin: 0px; padding: 0px; text-align: center; float: left;}
.cont-erog-img img {width: auto!important; max-height: 540px; margin: 0px auto; float: none;}
.cont-erog-fun {width: 15%; margin: 0px 5% 0px 0px; padding: 0px; font-size: 14px; line-height: 18px; float: left;}
.tit-h1-mob {display: none;}
.cont-erog-fun-tit {width: 100%; margin: 52px 0px 0px 0px; padding: 0px; text-align: center; text-transform: uppercase; float: left;}
.cont-erog-fun-img {width: 100%; margin: 50px 0px 5px 0px; padding: 0px; text-align: center; float: left;}
.cont-erog-fun-img img {display: inline-block; width: auto!important; height: 60px; margin: 0px 3px 0px 3px; padding: 0px; float: none;}
.cont-erog-fun-dida {width: 100%; margin: 0px; padding: 0px; text-align: center; float: left;}
.cont-erog-txt {width: 50%; margin: 0px; padding: 0px; float: left;}
.cont-erog-txt h1 {color: #47B3E1; font-weight: 400; text-transform: uppercase;}
.cont-erog-txt h1 span {display: inline-block; width: 100%; margin: 5px 0px 0px 0px; padding: 0px; color: #002B66; font-size: 16px; line-height: 18px; font-weight: bold; text-transform: none; float: left;}
.erog-span {display: inline-block; width: 100%; margin: 24px 0px 0px 0px; padding: 0px; float: left;}
.erog-accessori-img {display: inline-block; margin: 10px 50px 0px 0px; padding: 0px; font-size: 15px; text-align: center; float: none;}
.erog-accessori-img img {display: inline-block; max-width: 100%; margin: 0px 0px 5px 0px; padding: 0px; float: none;}
.col-arancione {display: inline-block; width: 20px; height: 20px; margin: 0px 0px 0px 10px; padding: 0px; vertical-align: middle; background: #DB841F; border: solid 1px #808080; border-radius: 10px;}
.col-bianco {display: inline-block; width: 20px; height: 20px; margin: 0px 0px 0px 10px; padding: 0px; vertical-align: middle; background: #FFFFFF; border: solid 1px #808080; border-radius: 10px;}
.col-blu {display: inline-block; width: 20px; height: 20px; margin: 0px 0px 0px 10px; padding: 0px; vertical-align: middle; background: #004795; border: solid 1px #808080; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col-nero {display: inline-block; width: 20px; height: 20px; margin: 0px 0px 0px 10px; padding: 0px; vertical-align: middle; background: #000000; border: solid 1px #808080; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col-verde {display: inline-block; width: 20px; height: 20px; margin: 0px 0px 0px 10px; padding: 0px; vertical-align: middle; background: #4D8D48; border: solid 1px #808080; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col-porpora {display: inline-block; width: 20px; height: 20px; margin: 0px 0px 0px 10px; padding: 0px; vertical-align: middle; background: #822E9F; border: solid 1px #808080; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col-grigio {display: inline-block; width: 20px; height: 20px; margin: 0px 0px 0px 10px; padding: 0px; vertical-align: middle; background: #CCCCCC; border: solid 1px #808080; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.txt-big {font-size: 22px; line-height: 30px; font-weight: 600;}
.box-boccioni-cont {width: 80%; margin: 0px 10% 120px 10%; padding: 60px; background: #F4F8FC; border: solid 1px #7088A9; border-radius: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
.box-prodotti-page-cont {width: 80%; margin: 0px 10% 60px 10%; padding: 60px; background: #F4F8FC; border: solid 1px #7088A9; border-radius: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
.box-prodotti-page-cont-end {margin-bottom: 120px;}
.box-boccioni-img {width: 30.3333%; margin: 0px; padding: 0px; cursor: pointer; float: left;}
.box-boccioni-txt {width: 64.3333%; margin: 0px 0px 0px 5%; padding: 0px; float: left;}
.page-goccia {background: url("images/bg-goccia.svg") -800px 1000px no-repeat; background-size: 1600px 2521px;}
.accessori-goccia {background: url("images/bg-goccia.svg") -800px 185px no-repeat; background-size: 1600px 2521px;}
.box-prodotti-tit {width: 100%; margin: 0px 0px 24px 0px; padding: 0px; color: #47B3E1; text-transform: uppercase; float: left;}
.box-boccioni-col {width: 47%; margin: 0px; padding: 0px; float: left;}
.box-prodotti-img {width: 37%; margin: 0px 5% 0px 5%; padding: 0px; float: left;}
.box-prodotti-txt {width: 47%; margin: 0px; padding: 0px; float: left;}
.ordine-box {width: calc(50% - 40px); margin: 10px 0px 50px 0px; padding: 0px; line-height: 22px; float: left;}
.ordine-box-sx {width: 35%; margin: 0px; padding: 0px; float: left;}
.ordine-box-dx {width: 65%; margin: 0px; padding: 0px; float: left;}
.ordine-box-tit {width: 100%; margin: 0px; padding: 0px; color: #002B66; font-size: 16px; float: left;}
.ordine-box-tit span {display: block; width: 100%; margin: 0px; padding: 0px; font-weight: bold; float: left;}
.ordine-box-sub {width: 100%; margin: 0px; padding: 0px; color: #47B3E1; font-size: 15px; font-weight: 600; float: left;}
.ordine-box-txt {width: 100%; margin: 10px 0px 0px 0px; padding: 0px; font-size: 15px; float: left;}
.ordine-box-txt .form-inp {margin: 5px 0px 5px 0px!important;}
.ordine-box-txt span {display: block; width: 100%; margin: 0px; padding: 0px; font-size: 14px; float: left;}
.box-accessori-page-cont {width: 80%; margin: 60px 10% 0px 10%; padding: 0px; /*width: 48.5%; margin: 120px 0px 0px 0px; padding: 40px 40px 40px 0px; background: #F4F8FC; border: solid 1px #7088A9; border-radius: 25px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
.box-accessori-img {width: 30%; margin: 0px; padding: 0px; float: left;}
.box-accessori-txt {width: 67%; margin: 0px 0px 0px 3%; padding: 0px; float: left;}
.box-accessori-subtit {width: 100%; margin: 0px 0px 24px 0px; padding: 0px; color: #47B3E1; text-transform: uppercase; float: left;}
.box-accessori-col {width: 100%; margin: 0px; padding: 0px; float: left;}
.box-accessori-col ul {display: block; width: 100%; list-style: none; margin: 24px 0px 0px 0px; padding: 0px; float: left;}
.box-accessori-col li {display: block; width: 100%; margin: 0px; padding: 3px 0px 3px 25px; text-transform: uppercase; font-weight: 500; color: #6AC259; background: url(images/bg-check-green.webp) 0px 4px no-repeat; background-size: 19px 19px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
.accessori-line {width: 80%; height: 1px; margin: 60px 10% 0px 10%; padding: 0px; background: #47B3E1; float: left;}
.txt-accessori-top {margin-bottom: 60px;}
.logo-effe {display: inline-block; width: auto; height: 70px; margin: 10px 0px 0px 0px; padding: 0px; float: none;}
.logo-impr {display: inline-block; width: auto; height: 60px; margin: 10px 0px 0px 0px; padding: 0px; float: none;}
.partner-logo {width: 20%; margin: 60px 0px 0px 0px; padding: 0px; text-align: center; float: left;}
.partner-logo img {display: inline-block; max-width: 90%; margin: 0px; padding: 0px; float: none;}
.spreco-box {width: 30%; margin: 20px 0px 60px 0px; padding: 0px 60px 0px 60px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
.spreco-box-bg {margin: 60px 0px 100px 0px; padding: 50px 60px 30px 60px; background: rgba(255, 255, 255, 0.2); border-radius: 25px;}
.spreco-img {width: 100px; margin: 0px calc(50% - 50px) 24px calc(50% - 50px); padding: 0px; float: left;}
.spreco-tit {width: 100%; margin: 0px 0px 10px 0px; padding: 0px; color: #FFFFFF; font-size: 40px; line-height: 48px; font-weight: 500; text-align: center; float: left;}

.link-box {position: relative; width: 30%; margin: 20px 0px 0px 0px; padding: 0px; border-radius: 25px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; cursor: pointer;}

.link-box:hover .link-box-img img {opacity: 1; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.link-box:hover .link-box-txt a {background: url("images/arrow-link.svg") right center no-repeat; background-size: 50px 34px;}

.link-box-txt {position: absolute; left: 0px; bottom: 35px; width: 100%; margin: 0px; padding: 0px; font-size: 26px; line-height: 38px; float: left; z-index: 2;}
.link-box-txt a, .link-box-txt a:link, .link-box-txt a:visited {display: block; width: calc(100% - 80px); margin: 0px 40px 0px 40px; padding: 0px; color: #FFFFFF; font-weight: 500; text-align: left; text-decoration: none; text-shadow: 1px 1px 1px #002B66; background: url("images/arrow-link-over.svg") right center no-repeat; background-size: 50px 34px; float: left;}
.link-box-txt a:hover, .link-box-txt a:active {color: #FFFFFF; font-weight: 500; text-decoration: none; background: url("images/arrow-link.svg") right center no-repeat; background-size: 50px 34px;}

.link-box-img {position: relative; width: 100%; margin: 0px; padding: 0px; background: #002B66; float: left; z-index: 1;}
.link-box-img img {width: 100%; margin: 0px; padding: 0px; opacity: 0.8; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; float: left;}






.link-arrow {opacity: 1; display: inline-block; height: 48px; margin: 60px 0px 0px 0px; padding: 4px 0px 4px 40px; color: #002B66!important; font-size: 15px; line-height: 20px; font-weight: 500!important; text-transform: none!important; text-decoration: none!important; background: url("images/ico-goccia.svg") top left no-repeat; background-size: 30px 48px; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
.link-arrow:hover {opacity: 0.7; color: #002B66!important; text-decoration: none!important; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.link-blue {display: inline-block; width: 300px; margin: 60px 0px 0px 0px; padding: 6px 0px 6px 0px; font-weight: 500!important; font-size: 14px!important; line-height: 20px!important; color: #FFFFFF!important; text-align: center; text-transform: none!important; text-decoration: none!important; background: #002B66; border: none; border-radius: 16px; cursor: pointer;}
.link-blue:hover {color: #FFFFFF!important; text-decoration: none!important; background: #47B3E1;}
.link-white {display: inline-block; width: 300px; margin: 60px 0px 0px 0px; padding: 6px 0px 6px 0px; font-weight: 500!important; font-size: 14px!important; line-height: 20px!important; color: #FFFFFF!important; text-align: center; text-transform: none!important; text-decoration: none!important; background: none!important; border: solid 1px #FFFFFF!important; border-radius: 16px; cursor: pointer;}
.link-white:hover {color: #FFFFFF!important; text-decoration: underline!important; background: none!important;}
.link-bordo {display: inline-block; width: 300px; margin: 60px 0px 0px 0px; padding: 6px 0px 6px 0px; font-weight: 500!important; font-size: 14px!important; line-height: 20px!important; color: #002B66!important; text-align: center; text-transform: none!important; text-decoration: none!important; background: #FFFFFF!important; border: solid 1px #002B66!important; border-radius: 16px; cursor: pointer;}
.link-bordo:hover {color: #002B66!important; text-decoration: underline!important; background: #FFFFFF!important;}
.link-pdf {display: inline-block; margin: 50px 30px 0px 30px; padding: 18px 0px 17px 65px; font-weight: 400!important; line-height: 20px!important; color: #808080!important; text-transform: none!important; text-decoration: underline!important; background: url("images/download-pdf.webp") 0px 0px no-repeat; background-size: 53px 55px;}
.link-pdf:hover {color: #79A714!important; text-decoration: underline!important;}
.numtel {color: #808080!important; text-decoration: none!important; font-weight: 400!important; cursor: text;}
ul.no-marg {display: block; width: 100%; list-style: none; margin: 0px; padding: 0px; float: left;}
ul.si-marg {display: block; width: 100%; list-style: none; margin: 28px 0px 28px 0px; padding: 0px; float: left;}
ol.si-marg {display: block; width: 100%; list-style: decimal; margin: 28px 0px 28px 18px; padding: 0px; float: left;}
ol.marg-bot {display: block; width: calc(100% - 20px); margin: 0px 0px 28px 20px; padding: 0px; float: left;}
ul.marg-top {display: block; width: 100%; list-style: none; margin: 28px 0px 0px 0px; padding: 0px; float: left;}
ul.marg-bot {display: block; width: 100%; list-style: none; margin: 0px 0px 28px 0px; padding: 0px; float: left;}
ul.no-marg li, ul.si-marg li, ul.marg-top li, ul.marg-bot li {display: block; width: 100%; margin: 0px; padding: 0px 0px 0px 12px; background: url(images/bg-li.svg) left 11px no-repeat; background-size: 4px 4px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}

/* inizio txt lungo */
.txt-lungo {position: relative; width: 100%; height: auto; max-height: auto; margin: 0px; padding: 0px; overflow: hidden; float: left; z-index: 1;}
.txt-lungo-sfum {display: none;}
.txt-lungo-link {display: none; color: #808080; font-size: 14px; line-height: 20px;}
.new-height {height: auto; max-height: 100%;}
.start-height {max-height: 84px;}

/* inizio slide erogatori */
/* demos01 carousel per 4 articoli */
/* demos02 carousel per 5 o + articoli */
/* demos03 carousel per 4 articoli stessa pagina di demos01 */
/* demos04 carousel per 3 articoli */
/* demos05 carousel per 2 articoli */
#demos01, #demos02, #demos03 {width: 100%; margin: 0px; padding: 0px; float: left;}
#demos04 {width: 75%; margin: 0px 12.5% 0px 12.5%; padding: 0px; float: left;}
#demos05 {width: 50%; margin: 0px 25% 0px 25%; padding: 0px; float: left;}
#demos01 .owl-carousel, #demos02 .owl-carousel, #demos03 .owl-carousel, #demos04 .owl-carousel {width: calc(100% - 200px); margin: 0px 100px 0px 100px!important;}
#demos05 .owl-carousel {width: calc(100% - 110px); margin: 0px 55px 0px 55px!important;}
#demos01 .item, #demos02 .item, #demos03 .item, #demos04 .item, #demos05 .item {border: none;}
#demos01 .owl-theme .owl-nav [class*=owl-], #demos02 .owl-theme .owl-nav [class*=owl-], #demos03 .owl-theme .owl-nav [class*=owl-], #demos04 .owl-theme .owl-nav [class*=owl-], #demos05 .owl-theme .owl-nav [class*=owl-] {width: 60px!important; height: calc(100% - 67px)!important;}
#demos01 .owl-nav, #demos03 .owl-nav, #demos04 .owl-nav, #demos05 .owl-nav {display: none;}
#demos02 .owl-nav {display: block;}
#demos01 .owl-prev, #demos02 .owl-prev, #demos03 .owl-prev, #demos04 .owl-prev, #demos05 .owl-prev {display: block; position: absolute; left: -100px; top: 0px; width: 100px; margin: 0px; background: url("images/btn-prev.svg") center left no-repeat; background-size: 60px 81px;}
#demos01 .owl-next, #demos02 .owl-next, #demos03 .owl-next, #demos04 .owl-next, #demos05 .owl-next {display: block; position: absolute; right: -100px; top: 0px; width: 100px; margin: 0px; background: url("images/btn-next.svg") center right no-repeat; background-size: 60px 81px;}
#demos02 .owl-dots {display: block; width: 100%!important; margin: 40px 0px 0px 0px!important;}
#demos01 .owl-dots, #demos03 .owl-dots, #demos04 .owl-dots, #demos05 .owl-dots {display: none;}

/* inizio slide top page */
#demos001 {width: 100%; margin: 0px; padding: 0px; float: left;}
#demos001 .owl-carousel {width: 100%; margin: 0px!important; overflow: hidden;}
#demos001 .item {border: none;}
#demos001 .owl-theme .owl-nav [class*=owl-] {width: 60px!important; height: 100%!important;}
#demos001 .owl-nav {display: block;}
#demos001 .owl-prev {display: block; position: absolute; left: 0px; top: 0px; width: 100px; margin: 0px; background: url("images/btn-prev.svg") center left no-repeat; background-size: 60px 81px;}
#demos001 .owl-next {display: block; position: absolute; right: 0px; top: 0px; width: 100px; margin: 0px; background: url("images/btn-next.svg") center right no-repeat; background-size: 60px 81px;}
#demos001 .owl-dots {display: block; position: relative; width: 100%!important; margin: -40px 0px 0px 0px!important; z-index: 999;}
#demos001 .owl-theme .owl-dots .owl-dot span {background: #FFFFFF;}
#demos001 .owl-theme .owl-dots .owl-dot.active span, #demos001 .owl-theme .owl-dots .owl-dot:hover span {background: #47B3E1;}

/* inizio form */
.tit-form {width: 100%; margin: 0px 0px 24px 0px; padding: 0px; float: left;}
.tit-form-sec {margin: 24px 0px 24px 0px;}
.form-flex {display: flex; flex-wrap: wrap; justify-content: space-between; width: 80%; margin: 60px 10% 0px 10%; padding: 0px; float: left;}
.form-campo {width: 100%; margin: 10px 0px 0px 0px; padding: 0px; float: left;}
.form-inp, .form-area {display: inline-block; font-family: "Montserrat", sans-serif; width: 100%; margin: 0px 0px 15px 0px; padding: 10px; color: #302211; font-size: 16px; background: #F9F9F9; border: solid 1px #CFCFCF!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none!important;}
.form-inp-50 {width: calc(50% - 15px);}
.form-area {height: 150px;}
::placeholder {color: #302211; opacity: 1;}
:-ms-input-placeholder {color: #302211;}
::-ms-input-placeholder {color: #302211;}
.captcha-bg {width: 302px; margin: 0px auto; padding: 0px; float: none;}
.g-recaptcha {margin: 30px 0px 30px 0px; padding: 0px; border: none; float: left;}
.g-recaptcha iframe {display: block; max-width: 304px; height: 78px; margin: 0px; padding: 0px; border: none; border-radius: 0px;}
.form-btn {display: inline-block; margin: 0px; padding: 6px 50px 6px 50px; font-weight: 500!important; font-size: 14px!important; line-height: 20px!important; color: #FFFFFF!important; text-align: center; text-transform: uppercase!important; text-decoration: none!important; background: #002B66!important; border: none!important; border-radius: 16px; cursor: pointer; float: none!important; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; cursor: pointer;}
.form-btn:hover {color: #FFFFFF!important; text-decoration: none!important; background: #47B3E1!important; border: none!important; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}

/* inizio footer */
#footer {width: 100%; margin: 0px; padding: 120px 0px 120px 0px; color: #FFFFFF; font-size: 15px; background: #002B66; float: left;}
#footer .numtel {color: #FFFFFF!important; text-decoration: none!important; cursor: text!important;}
.footer-01 {width: 38%; margin: 0px 0px 0px 10%; padding: 0px; float: left;}
.footer-logo {width: 100%; margin: 0px 0px 50px 0px; padding: 0px; float: left;}
.footer-logo img {display: inline-block; width: 220px; margin: 0px; padding: 0px; float: none;}
.footer-credits {width: 100%; margin: 70px 0px 0px 0px; padding: 0px; font-size: 13px; float: left;}
.footer-credits-mob {display: none;}
.footer-credits a, .footer-credits a:link, .footer-credits a:visited {color: #FFFFFF; text-decoration: none;}
.footer-credits a:hover, .footer-credits a:active {color: #FFFFFF; text-decoration: underline;}
.footer-02 {width: 17.5%; margin: 0px 0px 0px 7%; padding: 0px; float: left;}
.footer-tit {width: 100%; margin: 0px 0px 24px 0px; padding: 0px; text-transform: uppercase; float: left;}
.footer-02 ul {display: flex; flex-wrap: wrap; list-style: none; width: 100%; margin: 0px; padding: 0px;}
.footer-02 ul li {display: block; width: 100%; margin: 0px; padding: 0px;}
.footer-02 li.ist-05, .footer-02 li.ist-06, .footer-02 li.ist-09, .footer-02 li.ist-tel {display: none;}
.footer-02 ul li a, .footer-02 ul li a:link, .footer-02 ul li a:visited {display: block; width: 100%; margin: 0px; padding: 0px; color: #FFFFFF; font-weight: 400; text-decoration: none; float: left;}
.footer-02 ul li a:hover, .footer-02 ul li a:active {color: #FFFFFF; font-weight: 400; text-decoration: underline;}
.footer-02 .vocesel {color: #FFFFFF!important; text-decoration: underline!important;}
.footer-social {width: 100%; margin: 32px 0px 0px 0px; padding: 0px; float: left;}
.btn-facebook {display: inline-block; opacity: 1; width: 38px; height: 38px; margin: 0px; padding: 0px; background: url("images/btn-facebook.svg") 0px 0px no-repeat; background-size: 38px 38px; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; float: left;}
.btn-facebook:hover {opacity: 0.7; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.btn-instagram {display: inline-block; opacity: 1; width: 38px; height: 38px; margin: 0px 0px 0px 10px; padding: 0px; background: url("images/btn-instagram.svg") 0px 0px no-repeat; background-size: 38px 38px; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; float: left;}
.btn-instagram:hover {opacity: 0.7; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.footer-03 {width: 17.5%; margin: 0px 10% 0px 0px; padding: 0px; float: left;}
.footer-03 a, .footer-03 a:link, .footer-03 a:visited {color: #FFFFFF; text-decoration: none;}
.footer-03 a:hover, .footer-03 a:active {color: #FFFFFF; text-decoration: underline;}
.whats-cont {width: 100%; margin: 4px 0px 0px 0px; padding: 0px; float: left;}
.whats-ico {display: inline-block; width: 24px; margin: 0px 5px 0px 0px; padding: 0px; float: left;}
.footer-verde {width: 100%; margin: 50px 0px 0px 0px; padding: 0px; float: left;}
.footer-verde a {display: inline-block; height: 50px; margin: -10px 0px 0px 0px; padding: 0px 0px 0px 60px; color: #FFFFFF!important; font-size: 30px; line-height: 50px; text-decoration: none!important; background: url("images/btn-tel.svg")top left no-repeat; background-size: 50px 50px; cursor: text!important;}
.footer-social-mob {display: none;}

/* inizio privacy */
.privacy-e-cookie {width: 100%; margin: 0px; padding: 0px; text-align: left; float: left;}
.iub_header h1 {display: none!important;}
#iubenda_policy {font-family: "Montserrat", sans-serif!important; margin: 0px!important; padding: 0px!important; color: #808080!important; float: left!important;}
#iubenda_policy .iub_base_container {color: #808080!important;}
#iubenda_policy.iubenda_fluid_policy .iub_container, #iub-pp-container, #iubenda_policy .iub_content {width: 100%!important; margin: 0px!important; padding: 0px!important; border: none!important; border-radius: 0px!important; float: left!important;}
.for_boxes {display: flex!important; flex-wrap: wrap!important; width: 100%!important; float: left!important;}
#iubenda_policy .legal_pp .one_line_col>ul.for_boxes>li:nth-child(2n+1), #iubenda_policy .legal_pp .one_line_col>ul.for_boxes>li:nth-child(2n), #iubenda_policy .legal_pp .definitions .expand-content {width: 100%!important; clear: none!important; float: left!important;}
#iubenda_policy details.box_primary h3 {width: 100%!important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; float: left!important;}
#iubenda_policy details.box_primary, #iubenda_policy .legal_pp .definitions {width: 100%!important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; float: left!important;}

/* inizio cookies */
.cc-cookies {position: fixed; width: 100%; left: 0; top: 0; padding: 5px; background: #565656; color: #FFFFFF; font-size: 13px; line-height: 18px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99999;}
.cc-cookies a, .cc-cookies a:link, .cc-cookies a:visited {display: inline-block; margin: 0px 0px 0px 5px; color: #FFFFFF; text-decoration: none; font-weight: 400;}
.cc-cookies a:hover, .cc-cookies a:active {color: #FFFFFF; text-decoration: underline; font-weight: 400;}
.cc-overlay {height: 100%; padding-top: 25%;}
.cc-cookies-error {float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333;}

/* DESKTOP */
@media screen and (min-width: 1000px) and (max-width: 1369px) {
	body {font-size: 16px; line-height: 24px;}
	.ifrmap {height: 420px; margin: 0px 0px 24px 0px;}
	h1, h2, h3, h4, h5, h6, .tit-page {margin: 0px 0px 35px 0px; font-size: 34px; line-height: 38px;}
	.subtit-page {margin: 15px 0px 35px 0px; font-size: 22px; line-height: 28px;}
	
	.img-100-home {margin: 0px!important;}
	
	.bg-azzu-bord {border-top-left-radius: 60px 60px;}
	
	/* inizio header */
	.menu-top {width: 96%; padding: 15px 2% 15px 2%; font-size: 14px; line-height: 18px;}
	.menu-top li a, .menu-top li a:link, .menu-top li a:visited {margin: 0px 12px 0px 12px;}
	.menu-top li.top-03 a {padding: 0px 0px 0px 22px; background-size: 16px 16px;}
	.menu-top li.top-04 a {margin: 0px 0px 0px 12px;}
	.logo {width: 180px; margin: 25px 20px 40px 2%;}
	.menu-mobile-cont {width: calc(96% - 200px); margin: 0px 2% 0px 0px;}
	.menu-ist {margin: 32px 0px 0px 0px; font-size: 15px; line-height: 18px;}
	.menu-ist ul ul {width: 180px; left: -86px; border-bottom-right-radius: 25px;}
	.menu-ist ul li a, .menu-ist ul li a:link, .menu-ist ul li a:visited {padding: 10px 8px 10px 8px;}
	.menu-ist ul li.ist-06 a, .menu-ist ul li.ist-06 a:link, .menu-ist ul li.ist-06 a:visited {margin: -5px 0px 0px 30px; padding: 15px 18px 15px 18px; border-radius: 30px;}
	.menu-ist span {padding: 10px 22px 10px 8px; background-size: 18px 18px;}
	.menu-ist ul ul li a, .menu-ist ul ul li a:link, .menu-ist ul ul li a:visited {padding: 12px 25px 12px 25px;}
	.menu-ist ul ul li.ist-05-01 a {padding-top: 17px;}
	.menu-ist ul ul li.ist-05-03 a {padding-bottom: 22px; border: none!important;}

	/* inizio content */
	.content-page {max-width: 960px;}
	.content-small {max-width: 740px;}
	.content-padd {padding: 80px 0px 80px 0px;}
	.content-padd-top {padding: 80px 0px 0px 0px;}
	.content-padd-top-no-tab {padding: 80px 0px 0px 0px;}
	.content-pura {padding: 60px 0px 80px 0px;}
	.video-home-vid {width: 55%;}
	.video-home-bord {border-bottom-right-radius: 60px 60px;}
	.video-home-txt {width: 85%; margin: 25px 0px 0px -40%; padding: 4% 10% 8% 45%; font-size: 20px; line-height: 24px; border-bottom-left-radius: 60px 60px;}
	.ico-water, .ico-water-w {height: 50px; margin: 0px 0px 25px 0px; background-size: 50px 50px;}
	.tit-top {margin: 0px 0px 24px 0px;}
	.box-sx-small {width: 32%; margin: 0px 0px 60px 8%;}
	.box-sx-small-marg {margin-top: 20px;}
	.box-dx-large {width: 55%; margin: 0px 0px 0px 5%;}
	.box-dx-large img {border-top-left-radius: 60px 60px;}
	.bg-casa {background: none!important;}
	.bg-goccia {padding: 80px 0px 120px 0px; background: url("images/bg-goccia.svg") bottom center no-repeat; background-size: 200% auto!important;}
	.content-large {width: 94%; padding: 0px 3% 0px 3%;}
	.slide-prod-cont {padding: 12px 20px 12px 20px; border-radius: 20px;}
	.slide-prod-tit {height: 36px; margin: 0px 0px 10px 0px; font-size: 15px; line-height: 18px;}
	.slide-prod-img {width: 90%; margin: 0px 5% 10px 5%;}
	.slide-prod-line {margin: 10px 0px 10px 0px;}
	.bg-aziende {margin-top: -60px;}
	.box-sx-large {width: 55%;}
	.box-sx-large img {border-top-right-radius: 60px 60px;}
	.box-dx-small {width: 32%; margin: 0px 0px 0px 5%;}
	.bg-horeca {margin-top: -20px; background: url("images/bg-goccia-inv.svg") center 80px no-repeat; background-size: 200% auto!important;}
	.bg-horeca-mob {padding-bottom: 160px;}
	.content-form-bot {width: 90%; margin: -80px 0px 0px 0px; padding: 60px 5% 80px 5%; border-top-left-radius: 60px 60px;}
	.content-page-no-img {width: 90%; padding: 20px 5% 80px 5%; border-top-left-radius: 60px 60px;}
	.top-page-img {width: 55%;}
	.top-page-bord {border-bottom-right-radius: 60px 60px!important;}
	.top-page-txt {width: 85%; margin: 25px 0px 0px -40%; padding: 6% 10% 12% 45%; border-bottom-left-radius: 60px 60px;}
	.top-page-txt span {margin: 0px 0px 30px 0px; font-size: 20px; line-height: 24px;}
	.ico-content {width: 90%; margin: 60px 5% 0px 5%;}
	.ico-box {width: 30%; padding: 95px 0px 0px 0px;}
	.bg-servizio, .bg-igiene, .bg-prodotti, .bg-euro, .bg-ambiente, .bg-garanzie, .bg-supporto, .bg-esigenze, .bg-manuntenzione {background-size: 80px 80px;}
	.ico-tit {padding: 0px 0px 20px 0px; font-size: 14px;}
	.box-servizio-sx {width: 40%; padding: 60px 35% 60px 5%; border-bottom-right-radius: 60px 60px; border-top-right-radius: 60px 60px;}
	.box-servizio-dx {position: absolute; top: 50%; transform: translate(0, -50%); width: 50%; margin: 0px 0px 0px 50%;}
	.box-servizio-dx img {border-top-left-radius: 60px 60px;}
	.box-italia-cont {padding: 80px 0px 0px 0px;}
	.box-italia-sx {width: 55%;}
	.box-italia-dx {width: 32%; margin: 0px 0px 0px 5%; padding: 0px 0px 60px 0px;}
	.box-prod-page-cont {width: 90%; margin: 0px 5% 0px 5%;}
	.box-prod-page {width: 30.3333%; margin: 30px 1.5% 0px 1.5%;}
	.box-prod-page .slide-prod-img .img-100 {height: 260px!important;}
	.cont-erog {width: 90%; padding: 60px 5% 60px 5%;}
	.cont-erog-img {width: 26%;}
	.cont-erog-img img {width: auto!important; max-height: 500px;}
	.cont-erog-fun {width: 20%; margin: 0px 4% 0px 0px; font-size: 13px; line-height: 16px;}
	.cont-erog-fun-tit {margin: 43px 0px 0px 0px;}
	.cont-erog-fun-img {margin: 40px 0px 5px 0px;}
	.cont-erog-fun-img img {height: 50px; margin: 0px 3px 0px 3px;}
	.cont-erog-txt {width: 50%;}
	.cont-erog-txt h1 span {margin: 5px 0px 0px 0px; font-size: 16px; line-height: 18px;}
	.erog-span {margin: 24px 0px 0px 0px;}
	.erog-accessori-img {margin: 10px 40px 0px 0px;}
	.erog-accessori-img img {max-width: 100%;}
	.col-arancione, .col-bianco, .col-blu, .col-nero, .col-verde, .col-porpora, .col-grigio {width: 18px; height: 18px; margin: 0px 0px 0px 10px; border-radius: 9px;}
	.txt-big {font-size: 20px; line-height: 28px;}
	.box-boccioni-cont {width: 90%; margin: 0px 5% 80px 5%; padding: 40px; border-radius: 20px;}
	.box-prodotti-page-cont {width: 90%; margin: 0px 5% 50px 5%; padding: 40px; border-radius: 20px;}
	.box-prodotti-page-cont-end {margin-bottom: 80px;}
	.box-boccioni-img {width: 30.3333%;}
	.box-boccioni-txt {width: 64.3333%; margin: 0px 0px 0px 5%;}
	.page-goccia {background-position: -600px 800px; background-size: 1200px 1891px;}
	.accessori-goccia {background-position: -600px 160px; background-size: 1200px 1891px;}
	.box-prodotti-tit {margin: 0px 0px 24px 0px;}
	.box-prodotti-img {width: 41%; margin: 0px 3% 0px 3%;}
	.ordine-box {width: calc(50% - 30px); margin: 10px 0px 50px 0px; line-height: 20px;}
	.ordine-box-sx {width: 35%;}
	.ordine-box-dx {width: 65%;}
	.ordine-box-tit {font-size: 15px;}
	.ordine-box-sub {font-size: 14px;}
	.ordine-box-txt {margin: 8px 0px 0px 0px; font-size: 14px;}
	.ordine-box-txt span {font-size: 13px;}
	.box-accessori-page-cont {width: 90%; margin: 50px 5% 0px 5%;/*width: 48.5%; margin: 80px 0px 0px 0px; padding: 30px 30px 30px 0px; border-radius: 20px;*/}
	.box-accessori-img {width: 30%;}
	.box-accessori-txt {width: 67%; margin: 0px 0px 0px 3%;}
	.box-accessori-subtit {margin: 0px 0px 24px 0px;}
	.box-accessori-col ul {margin: 24px 0px 0px 0px;}
	.box-accessori-col li {padding: 3px 0px 3px 23px; background-position: 0px 5px; background-size: 17px 17px;}
	.accessori-line {width: 90%; margin: 50px 5% 0px 5%;}
	.txt-accessori-top {margin-bottom: 20px;}
	.partner-logo {width: 20%; margin: 40px 0px 0px 0px;}
	.spreco-box {width: 30%; margin: 20px 0px 60px 0px; padding: 0px 40px 0px 40px; border-radius: 20px;}
	.spreco-box-bg {margin: 40px 0px 75px 0px; padding: 35px 40px 25px 40px;}
	.spreco-img {width: 80px; margin: 0px calc(50% - 40px) 24px calc(50% - 40px);}
	.spreco-tit {margin: 0px 0px 10px 0px; font-size: 34px; line-height: 38px;}
	
	.link-box {width: 30%; margin: 20px 0px 0px 0px; border-radius: 20px;}
	
	.link-box-txt {bottom: 30px; font-size: 22px; line-height: 32px;}
	.link-box-txt a, .link-box-txt a:link, .link-box-txt a:visited {width: calc(100% - 60px); margin: 0px 30px 0px 30px;}
	
	
	
	
	
	
	.link-arrow {height: 40px; margin: 40px 0px 0px 0px; padding: 2px 0px 2px 35px; font-size: 14px; line-height: 18px; background-size: 25px 40px;}
	.link-blue, .link-white, .link-bordo {width: 240px; margin: 40px 0px 0px 0px; padding: 6px 0px 6px 0px; font-size: 14px!important; line-height: 20px!important; border-radius: 16px;}
	.link-pdf {margin: 40px 25px 0px 25px; padding: 15px 0px 15px 58px; background: url("images/download-pdf.webp") 0px 0px no-repeat; background-size: 48px 50px;}
	ul.no-marg {margin: 0px 0px 0px 0px;}
	ul.si-marg {margin: 24px 0px 24px 0px;}
	ol.si-marg {margin: 24px 0px 24px 0px;}
	ol.marg-bot {margin: 0px 0px 24px 20px;}
	ul.marg-top {margin: 24px 0px 0px 0px;}
	ul.marg-bot {margin: 0px 0px 24px 0px;}
	
	/* inizio slide erogatori */
	#demos04 {width: 100%; margin: 0px;}
	#demos05 {width: 75%; margin: 0px 12.5% 0px 12.5%;}
	#demos01 .owl-carousel, #demos02 .owl-carousel, #demos03 .owl-carousel, #demos04 .owl-carousel {width: calc(100% - 160px); margin: 0px 80px 0px 80px!important;}
	#demos05 .owl-carousel {width: calc(100% - 200px); margin: 0px 100px 0px 100px!important;}
	#demos01 .owl-theme .owl-nav [class*=owl-], #demos02 .owl-theme .owl-nav [class*=owl-], #demos03 .owl-theme .owl-nav [class*=owl-], #demos04 .owl-theme .owl-nav [class*=owl-], #demos05 .owl-theme .owl-nav [class*=owl-] {width: 60px!important; height: calc(100% - 57px)!important;}
	#demos01 .owl-nav, #demos02 .owl-nav, #demos03 .owl-nav {display: block;}
	#demos04 .owl-nav, #demos05 .owl-nav {display: none;}
	#demos01 .owl-prev, #demos02 .owl-prev, #demos03 .owl-prev, #demos04 .owl-prev, #demos05 .owl-prev {left: -80px; top: 0px; width: 80px; background-size: 60px 81px;}
	#demos01 .owl-next, #demos02 .owl-next, #demos03 .owl-next, #demos04 .owl-next, #demos05 .owl-next {right: -80px; top: 0px; width: 80px; background-size: 60px 81px;}
	#demos01 .owl-dots, #demos02 .owl-dots, #demos03 .owl-dots, #demos04 .owl-dots, #demos05 .owl-dots {display: block; width: 100%!important; margin: 20px 0px 0px 0px!important;}
	
	/* inizio slide top page */
	#demos001 .owl-theme .owl-nav [class*=owl-] {width: 60px!important; height: 100%!important;}
	#demos001 .owl-prev {width: 80px; background-size: 60px 81px;}
	#demos001 .owl-next {width: 80px; background-size: 60px 81px;}
	#demos001 .owl-dots {margin: -40px 0px 0px 0px!important;}
	
	/* inizio form */
	.form-flex {width: 90%; margin: 50px 5% 0px 5%;}
	.form-inp, .form-area {margin: 0px 0px 15px 0px; padding: 8px; font-size: 15px;}
	.form-inp-50 {width: calc(50% - 12px);}
	.form-area {height: 120px;}
	.g-recaptcha {margin: 25px 0px 25px 0px;}
	.form-btn {padding: 6px 40px 6px 40px; font-size: 14px!important; line-height: 20px!important; border-radius: 16px;}
	
	/* inizio footer */
	#footer {padding: 80px 0px 80px 0px; font-size: 13px;}
	.footer-01 {width: 46.5%; margin: 0px 0px 0px 3%;}
	.footer-logo {margin: 0px 0px 50px 0px;}
	.footer-logo img {width: 180px;}
	.footer-credits {margin: 60px 0px 0px 0px; font-size: 12px;}
	.footer-02 {width: 21.75%; margin: 0px 0px 0px 3%; padding: 0px; float: left;}
	.footer-tit {margin: 0px 0px 20px 0px;}
	.footer-social {margin: 20px 0px 0px 0px;}
	.btn-facebook {width: 34px; height: 34px; background-size: 34px 34px;}
	.btn-instagram {width: 34px; height: 34px; margin: 0px 0px 0px 10px; background-size: 34px 34px;}
	.footer-03 {width: 22.75%; margin: 0px 3% 0px 0px;}
	.whats-ico {width: 24px;}
	.footer-verde {margin: 48px 0px 0px 0px;}
	.footer-verde a {height: 40px; margin: -10px 0px 0px 0px; padding: 0px 0px 0px 50px; font-size: 24px; line-height: 40px; background-size: 40px 40px;}
}

/* TABLET */
@media screen and (min-width: 740px) and (max-width: 999px) {
	body {font-size: 16px; line-height: 22px;}
	.ifrmap {height: 360px; margin: 0px 0px 22px 0px;}
	h1, h2, h3, h4, h5, h6, .tit-page {margin: 0px 0px 30px 0px; font-size: 26px; line-height: 30px;}
	.subtit-page {margin: 12px 0px 30px 0px; font-size: 20px; line-height: 26px;}
	
	.img-100-home {margin: 0px!important;}
	
	.txt-center-tab {text-align: center;}
	.txt-center-no-tab {text-align: left;}
	.si-tab {display: block;}
	.no-tab {display: none;}
	.bg-white-tab {background: #FFFFFF!important;}
	.bg-azzu-bord {border-top-left-radius: 60px 60px;}
	
	/* inizio link WhatsApp */
	#link-whats {bottom: 115px;}
	
	/* inizio link top */
	#link-top {bottom: 60px;}
	
	/* inizio header */
	#header {display: none;}
	#header-mob {display: block; position: fixed; top: 0px; left: 0px; width: 100%; margin: 0px; padding: 0px; background: #FFFFFF; float: left; z-index: 2;}
	.menu-top {display: none;}
	.logo {position: relative; width: 160px; margin: 22px 0px 22px 3%; z-index: 1;}
	.btn-richiesta {display: block; position: absolute; right: calc(3% + 80px); width: 120px; margin: 20px 0px 20px 0px; padding: 0px; text-align: center; z-index: 1;}
	.btn-richiesta a, .btn-richiesta a:link, .btn-richiesta a:visited {display: block; width: 100%; margin: 0px; padding: 10px 0px 10px 0px; color: #FFFFFF; font-weight: 500; text-align: center; text-transform: uppercase; text-decoration: none; background: #002B66; border-radius: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.btn-richiesta a:hover, .btn-richiesta a:active {color: #FFFFFF; font-weight: 500; text-decoration: none; background: #47B3E1;}
	.btn-menu-mob {display: block; position: absolute; top: 26px; right: 3%; width: 34px; height: 30px; margin: 0px; padding: 0px; background: url("images/btn-menu-mob.svg") 0px 0px no-repeat; background-size: 34px 30px; float: left; cursor: pointer;}
	.btn-menu-close {display: none; position: absolute; top: 26px; right: 3%; width: 34px; height: 30px; margin: 0px; padding: 0px; background: url("images/btn-menu-close.svg") 0px 0px no-repeat; background-size: 34px 30px; float: left; cursor: pointer;}
	.menu-mobile-cont {position: fixed; top: 82px; left: -100%; width: 100%; margin: 0px; padding: 0px; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; z-index: 4; float: left;}
	.menu-mobile {display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; height: calc(100vh - 103px); background: #FFFFFF; overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
	.menu-mobile::-webkit-scrollbar {display: none;}
	.menu-ist {margin: 0px 0px 40px 0px; text-transform: none;}
	.menu-ist ul {display: block; font-size: 18px; line-height: 20px; width: 100%; margin: 0px; padding: 0px; float: left;}
	.menu-ist ul li {width: 100%; margin: 0px; padding: 0px; float: left;}
	.menu-ist li.ist-07, .menu-ist li.ist-08, .menu-ist li.ist-09, .menu-ist li.ist-tel {display: block;}
	.menu-ist li.ist-06 {display: none;}
	.menu-ist ul li a, .menu-ist ul li a:link, .menu-ist ul li a:visited {display: block; width: 100%; margin: 0px; padding: 22px 3% 22px 3%; color: #002B66; font-weight: 500; text-decoration: none; text-transform: none; background: #ECF3F9; border-bottom: solid 1px #FFFFFF; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
	.menu-ist ul li a:hover, .menu-ist ul li a:active {color: #47B3E1; font-weight: 500; text-decoration: none; background: #ECF3F9;}
	.menu-ist ul li.ist-01 a {background: url("images/bg-sfum-mob.svg") 0px 0px repeat-x, #ECF3F9!important; background-size: 6px 6px!important;}
	.menu-ist ul li.ist-07 {margin-top: 15px;}
	.menu-ist ul li.ist-07 a, .menu-ist ul li.ist-07 a:link, .menu-ist ul li.ist-07 a:visited, .menu-ist ul li.ist-08 a, .menu-ist ul li.ist-08 a:link, .menu-ist ul li.ist-08 a:visited {padding: 12px 3% 12px 3%; color: #808080; background: #FFFFFF;}
	.menu-ist ul li.ist-07 a:hover, .menu-ist ul li.ist-07 a:active, .menu-ist ul li.ist-08 a:hover, .menu-ist ul li.ist-08 a:active {color: #47B3E1; background: #FFFFFF;}
	.menu-ist ul li.ist-09 a, .menu-ist ul li.ist-09 a:link, .menu-ist ul li.ist-09 a:visited {padding: 12px 3% 12px calc(3% + 25px); color: #808080; background: url("images/cart.svg") 3% center no-repeat, #FFFFFF; background-size: 18px 18px;}
	.menu-ist ul li.ist-09 a:hover, .menu-ist ul li.ist-09 a:active {color: #47B3E1; background: url("images/cart-b.svg") 3% center no-repeat, #FFFFFF; background-size: 18px 18px;}
	.menu-ist span {width: 100%; padding: 22px 3% 22px 3%!important; color: #002B66; font-weight: 500; text-decoration: none; text-transform: none; background: none, url("images/mob-arr-down.svg") 97% center no-repeat, #ECF3F9; background-size: 18px 18px; border-bottom: solid 1px #FFFFFF; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; float: left;}
	.menu-ist span:hover {color: #47B3E1; font-weight: 500; background: url("images/mob-arr-down-hover.svg") 97% center no-repeat, #ECF3F9; background-size: 18px 18px;}
	.menu-ist ul ul {position: relative; display: none; left: 0px; width: 100%; margin: 0px; padding: 0px; font-size: 18px; text-align: left; border-top: none;}
	.menu-ist ul ul li {display: block; margin-bottom: 0px; border-bottom: none;}
	.menu-ist ul ul li a, .menu-ist ul ul li a:link, .menu-ist ul ul li a:visited {padding: 22px 3% 22px 6%; color: #47B3E1; text-align: left; border-bottom: solid 1px #FFFFFF;}
	.menu-ist ul ul li a:hover, .menu-ist ul ul li a:active {color: #47B3E1;}
	.menu-ist ul ul li.ist-05-03 a {border-bottom: solid 1px #FFFFFF!important;}
	/*.menu-ist ul ul li.ist-05-04 a {border-bottom: solid 1px #FFFFFF!important;}*/
	.menu-ist ul li.ist-07 a.vocesel, .menu-ist ul li.ist-08 a.vocesel {color: #47B3E1!important; font-weight: 500!important; background: #FFFFFF!important;}
	.menu-ist ul li.ist-09 a.vocesel {color: #47B3E1!important; font-weight: 500!important; background: url("images/cart-b.svg") 3% center no-repeat, #FFFFFF!important; background-size: 18px 18px!important;}
	.menu-ist ul li span.vocesel {color: #47B3E1!important; font-weight: bold!important;}
	.menu-ist ul ul li a.vocesel {color: #47B3E1!important; font-weight: bold!important; background: #ECF3F9!important;}
	.menu-ist ul li.ist-tel {display: block; width: 100%; margin: 15px 0px 20px 0px; padding: 14px 3% 14px 3%; color: #379B62; line-height: 24px; font-weight: 400; text-decoration: none; text-transform: none; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
	.menu-ist ul li.ist-tel a {display: inline!important; width: auto!important; margin: 0px!important; padding: 0px!important; color: #379B62!important; font-weight: 500!important; text-decoration: none!important; text-transform: none; background: none!important; border: none!important; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none!important;}
	.menu-ist ul li.ist-tel a:hover {color: #379B62!important; text-decoration: underline!important;}
	.new-x {top: 82px!important; left: 0px!important; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
	.hover-li {color: #47B3E1!important; background: none, url("images/mob-arr-up-hover.svg") 97% center no-repeat, #ECF3F9!important; background-size: 18px 18px!important;}
	.menu-ist ul li.ist-06 a.vocesel {color: #47B3E1!important; font-weight: bold!important; background: #ECF3F9!important;}
	
	/* inizio content */
	.content-cont {position: relative; top: 82px; margin: 0px; z-index: 1;}
	.content-page {width: 94%; max-width: 94%; margin: 0px 3% 0px 3%; padding: 0px; float: left;}
	.content-small {width: 90%; max-width: 94%; margin: 0px 5% 0px 5%; float: left;}
	.content-padd {padding: 60px 0px 60px 0px;}
	.content-padd-top {padding: 60px 0px 60px 0px;}
	.content-padd-top-no-tab {padding: 60px 0px 0px 0px;}
	.content-padd-bot-tab {padding: 0px 0px 60px 0px;}
	.content-pura {padding: 50px 0px 60px 0px;}
	.video-home-vid {width: 55%;}
	.video-home-bord {border-bottom-right-radius: 60px 60px;}
	.video-home-txt {width: 85%; margin: 25px 0px 0px -40%; padding: 3% 10% 7% 45%; font-size: 18px; line-height: 22px; border-bottom-left-radius: 60px 60px;}
	.ico-water, .ico-water-w {height: 40px; margin: 0px 0px 20px 0px; background-size: 40px 40px;}
	.tit-top {margin: 0px 0px 22px 0px; font-size: 13px;}
	.box-sx-small {width: 90%; margin: 22px 5% 0px 5%;}
	.box-sx-small-marg {margin-top: 22px;}
	.box-dx-large {width: 95%; margin: 0px 0px 0px 5%;}
	.box-dx-large img {border-top-left-radius: 60px 60px;}
	.link-blue-center {width: 100%; margin: 0px; padding: 0px; text-align: center; float: left;}
	.bg-casa {margin-bottom: 50px; background: none!important;}
	.bg-goccia {padding: 60px 0px 80px 0px; background: url("images/bg-goccia.svg") bottom center no-repeat; background-size: 200% auto!important;}
	.content-large {width: 94%; padding: 0px 3% 0px 3%;}
	.slide-prod-cont {padding: 10px 18px 10px 18px; border-radius: 18px;}
	.slide-prod-tit {height: 36px; margin: 0px 0px 10px 0px; font-size: 15px; line-height: 18px;}
	.slide-prod-img {width: 90%; margin: 0px 5% 10px 5%;}
	.slide-prod-line {margin: 10px 0px 10px 0px;}
	.bg-aziende {margin-top: -50px;}
	.box-sx-large {width: 95%; margin: 0px 0px 0px 5%;}
	.box-sx-large img {border-top-right-radius: 60px 60px;}
	.box-dx-small {width: 90%; margin: 22px 5% 0px 5%;}
	.bg-horeca {margin-top: -10px; background: url("images/bg-goccia-inv.svg") center 60px no-repeat; background-size: 200% auto!important;}
	.bg-horeca-mob {padding-bottom: 120px;}
	.content-form-bot {width: 90%; margin: -60px 0px 0px 0px; padding: 50px 5% 60px 5%; border-top-left-radius: 60px 60px;}
	.content-page-no-img {width: 90%; padding: 10px 5% 60px 5%; border-top-left-radius: 60px 60px;}
	.top-page-img {width: 55%;}
	.top-page-bord {border-bottom-right-radius: 60px 60px!important;}
	.top-page-txt {width: 85%; margin: 25px 0px 0px -40%; padding: 4% 10% 10% 45%; border-bottom-left-radius: 60px 60px;}
	.top-page-txt span {margin: 0px 0px 30px 0px; font-size: 18px; line-height: 22px;}
	.ico-content {width: 90%; margin: 40px 5% 0px 5%;}
	.ico-box {width: 30%; padding: 80px 0px 0px 0px;}
	.bg-servizio, .bg-igiene, .bg-prodotti, .bg-euro, .bg-ambiente, .bg-garanzie, .bg-supporto, .bg-esigenze, .bg-manuntenzione {background-size: 70px 70px;}
	.ico-tit {padding: 0px 0px 15px 0px; font-size: 13px;}
	.box-servizio-cont {display: flex; flex-wrap: wrap; background: url("images/bg-azzu.svg") 0% 30% no-repeat; background-size: 100% 80%;}
	.box-servizio-sx {width: 90%; padding: 22px 5% 60px 5%; border-bottom-right-radius: 0px 0px; border-top-right-radius: 0px 0px;}
	.box-servizio-dx {position: relative; top: 0px; transform: none; width: 100%; margin: 0px; padding: 0px;}
	.box-servizio-dx img {width: 95%; margin-left: 5%; border-top-left-radius: 60px 60px;}
	.box-italia-cont {padding: 60px 0px 0px 0px;}
	.box-italia-sx {width: 100%;}
	.box-italia-dx {width: 95%; margin: 0px 5% 0px 5%; padding: 0px 0px 40px 0px;}
	.box-prod-page-cont {width: 94%; margin: 0px 3% 0px 3%;}
	.box-prod-page {width: 30.3333%; margin: 20px 1.5% 0px 1.5%;}
	.box-prod-page .slide-prod-img .img-100 {height: 260px!important;}
	.cont-erog {width: 94%; padding: 40px 3% 60px 3%;}
	.cont-erog-img {width: 26%;}
	.cont-erog-img img {width: auto!important; max-height: 420px;}
	.cont-erog-fun {width: 20%; margin: 0px 4% 0px 0px; font-size: 13px; line-height: 16px;}
	.cont-erog-fun-tit {margin: 35px 0px 0px 0px;}
	.cont-erog-fun-img {margin: 35px 0px 5px 0px;}
	.cont-erog-fun-img img {height: 40px; margin: 0px 3px 0px 3px;}
	.cont-erog-txt {width: 50%;}
	.cont-erog-txt h1 span {margin: 5px 0px 0px 0px; font-size: 16px; line-height: 18px;}
	.erog-span {margin: 22px 0px 0px 0px;}
	.erog-accessori-img {margin: 8px 30px 0px 0px; font-size: 14px;}
	.erog-accessori-img img {max-width: 90%;}
	.col-arancione, .col-bianco, .col-blu, .col-nero, .col-verde, .col-porpora, .col-grigio {width: 16px; height: 16px; margin: 0px 0px 0px 8px; border-radius: 8px;}
	.txt-big {font-size: 18px; line-height: 26px;}
	.box-boccioni-cont {width: 94%; margin: 0px 3% 60px 3%; padding: 30px; border-radius: 18px;}
	.box-prodotti-page-cont {width: 94%; margin: 0px 3% 50px 3%; padding: 30px; border-radius: 18px;}
	.box-prodotti-page-cont-end {margin-bottom: 60px;}
	.box-boccioni-img {width: 30.3333%;}
	.box-boccioni-txt {width: 64.3333%; margin: 0px 0px 0px 5%;}
	.page-goccia {background-position: -500px 600px; background-size: 1000px 1576px;}
	.accessori-goccia {background-position: -500px 85px; background-size: 1000px 1576px;}
	.box-prodotti-tit {margin: 0px 0px 15px 0px;}
	.box-prodotti-img {width: 47%; margin: 0px;}
	.ordine-box {width: calc(50% - 30px); margin: 10px 0px 30px 0px; line-height: 20px;}
	.ordine-box-sx {width: 35%;}
	.ordine-box-dx {width: 65%;}
	.ordine-box-tit {font-size: 15px;}
	.ordine-box-sub {font-size: 14px;}
	.ordine-box-txt {margin: 8px 0px 0px 0px; font-size: 14px;}
	.ordine-box-txt span {font-size: 13px;}
	.box-accessori-page-cont {width: 100%; margin: 50px 0px 0px 0px; /*width: 100%; margin: 60px 0px 0px 0px; padding: 20px 20px 20px 0px; border-radius: 18px;*/}
	.box-accessori-img {width: 30%;}
	.box-accessori-txt {width: 67%; margin: 0px 0px 0px 3%;}
	.box-accessori-subtit {margin: 0px 0px 22px 0px;}
	.box-accessori-col ul {margin: 22px 0px 0px 0px;}
	.box-accessori-col li {padding: 3px 0px 3px 23px; background-position: 0px 4px; background-size: 15px 15px;}
	.accessori-line {width: 100%; margin: 50px 0px 0px 0px;}
	.txt-accessori-top {margin-bottom: 10px;}
	.partner-logo {width: 25%; margin: 30px 0px 0px 0px;}
	.spreco-box {width: 30%; margin: 12px 0px 50px 0px; padding: 0px 30px 0px 30px; border-radius: 18px;}
	.spreco-box-bg {padding: 30px 30px 20px 30px;}
	.spreco-img {width: 70px; margin: 0px calc(50% - 35px) 22px calc(50% - 35px);}
	.spreco-tit {margin: 0px 0px 8px 0px; font-size: 26px; line-height: 30px;}
	
	.link-box {width: 30%; margin: 12px 0px 0px 0px; border-radius: 18px;}
	
	.link-box-txt {bottom: 25px; font-size: 18px; line-height: 24px;}
	.link-box-txt a, .link-box-txt a:link, .link-box-txt a:visited {width: calc(100% - 40px); margin: 0px 20px 0px 20px;}
	
	
	
	
	
	
	.order-tab-01 {order: 1;}
	.order-tab-02 {order: 2;}
	.order-tab-03 {order: 3;}
	.link-arrow {height: 40px; margin: 30px 0px 0px 0px; padding: 2px 0px 2px 35px; font-size: 13px; line-height: 18px; background-size: 25px 40px;}
	.link-blue, .link-white, .link-bordo {width: 200px; margin: 30px 0px 0px 0px; padding: 6px 0px 6px 0px; font-size: 13px!important; line-height: 20px!important; border-radius: 16px;}
	.link-pdf {width: 100%; margin: 10px 0px 0px 0px; padding: 13px 0px 13px 52px; background: url("images/download-pdf.webp") 0px 0px no-repeat; background-size: 44px 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.link-pdf-first {margin: 22px 0px 0px 0px;}
	ul.no-marg {margin: 0px;}
	ul.si-marg {margin: 22px 0px 22px 0px;}
	ol.si-marg {margin: 22px 0px 22px 0px;}
	ol.marg-bot {margin: 0px 0px 22px 20px;}
	ul.marg-top {margin: 22px 0px 0px 0px;}
	ul.marg-bot {margin: 0px 0px 22px 0px;}
	ul.no-marg li, ul.si-marg li, ul.marg-top li, ul.marg-bot li {background-position: left 10px;}
	
	/* inizio txt lungo */
	.txt-lungo {max-height: 176px;}
	.txt-lungo-sfum {display: block; position: absolute; bottom: 0px; width: 100%; height: 20px; margin: 0px; padding: 0px; background: url("images/bg-sfum-white.webp") left top repeat-x; background-size: 1px 20px; z-index: 2;}
	.sfum-black {background: none, url("images/bg-sfum-black.webp") left top repeat-x!important; background-size: 1px 20px!important;}
	.txt-lungo-link {display: block; width: 100%; margin: 0px; padding: 0px; text-align: left; float: left;}
	.txt-lungo-link-bot {display: block; width: 100%; margin: 22px 0px 0px 0px; padding: 0px; text-align: left; cursor: pointer; float: left;}
	.txt-lungo-link-top {display: none; width: 100%; margin: 22px 0px 0px 0px; padding: 0px; text-align: left; cursor: pointer; float: left;}
	.txt-lungo-link-bot:hover, .txt-lungo-link-top:hover {color: #79A714!important;}
	.new-height {height: auto; max-height: 100%!important;}
	.start-height {max-height: 176px!important;}
	.new-height-mob {height: auto; max-height: 100%!important;}
	.start-height-mob {max-height: 176px!important;}
	
	/* inizio slide erogatori */
	#demos04, #demos05 {width: 100%; margin: 0px;}
	#demos01 .owl-carousel, #demos02 .owl-carousel, #demos03 .owl-carousel, #demos04 .owl-carousel, #demos05 .owl-carousel {width: calc(100% - 120px); margin: 0px 60px 0px 60px!important;}
	#demos01 .owl-theme .owl-nav [class*=owl-], #demos02 .owl-theme .owl-nav [class*=owl-], #demos03 .owl-theme .owl-nav [class*=owl-], #demos04 .owl-theme .owl-nav [class*=owl-], #demos05 .owl-theme .owl-nav [class*=owl-] {width: 60px!important; height: calc(100% - 57px)!important;}
	#demos01 .owl-nav, #demos02 .owl-nav, #demos03 .owl-nav, #demos04 .owl-nav, #demos05 .owl-nav {display: block;}
	#demos01 .owl-prev, #demos02 .owl-prev, #demos03 .owl-prev, #demos04 .owl-prev, #demos05 .owl-prev {left: -60px; top: 0px; width: 60px; background-size: 40px 54px!important;}
	#demos01 .owl-next, #demos02 .owl-next, #demos03 .owl-next, #demos04 .owl-next, #demos05 .owl-next {right: -60px; top: 0px; width: 60px; background-size: 40px 54px!important;}
	#demos01 .owl-dots, #demos02 .owl-dots, #demos03 .owl-dots, #demos04 .owl-dots, #demos05 .owl-dots {display: block; width: 100%!important; margin: 15px 0px 0px 0px!important;}
	
	/* inizio slide top page */
	#demos001 .owl-theme .owl-nav [class*=owl-] {width: 60px!important; height: 100%!important;}
	#demos001 .owl-prev {width: 60px; background-size: 40px 54px;}
	#demos001 .owl-next {width: 60px; background-size: 40px 54px;}
	#demos001 .owl-dots {margin: -40px 0px 0px 0px!important;}
	
	/* inizio form */
	.tit-form {margin: 0px 0px 15px 0px;}
	.tit-form-sec {margin: 22px 0px 15px 0px;}
	.form-flex {width: 100%; margin: 50px 0px 0px 0px;}
	.form-inp, .form-area {margin: 0px 0px 15px 0px; padding: 8px 5px 8px 5px; font-size: 14px;}
	.form-inp-50 {width: calc(50% - 10px);}
	.form-area {height: 110px;}
	.g-recaptcha {margin: 20px 0px 20px 0px;}
	.form-btn {padding: 6px 30px 6px 30px; font-size: 13px!important; line-height: 20px!important; border-radius: 16px;}
	
	/* inizio footer */
	#footer {width: 90%; padding: 60px 5% 60px 5%; font-size: 13px;}
	.footer-01 {width: 100%; margin: 0px 0px 30px 0px; text-align: center;}
	.footer-logo {margin: 0px 0px 15px 0px; text-align: center;}
	.footer-logo img {width: 180px;}
	.footer-credits {display: none;}
	.footer-02 {width: 50%; margin: 0px 0px 30px 0px;}
	.footer-tit {margin: 0px 0px 15px 0px;}
	.footer-social {margin: 15px 0px 0px 0px;}
	.btn-facebook {width: 34px; height: 34px; background-size: 34px 34px;}
	.btn-instagram {width: 34px; height: 34px; margin: 0px 0px 0px 10px; background-size: 34px 34px;}
	.footer-03 {width: 50%; margin: 0px 0px 50px 0px;}
	.whats-ico {width: 22px;}
	.footer-verde {margin: 39px 0px 0px 0px;}
	.footer-verde a {height: 40px; margin: -5px 0px 0px 0px; padding: 0px 0px 0px 50px; font-size: 24px; line-height: 40px; background-size: 40px 40px;}
	.footer-credits-mob {display: block; width: 100%; margin: 0px 0px 0px 0px; padding: 0px; font-size: 12px; text-align: center; float: left;}
	.footer-credits-mob a, .footer-credits-mob a:link, .footer-credits-mob a:visited {color: #FFFFFF; text-decoration: none;}
	.footer-credits-mob a:hover, .footer-credits-mob a:active {color: #FFFFFF; text-decoration: underline;}
}

/* MOBILE */
@media screen and (min-width: 1px) and (max-width: 739px) {
	body {-webkit-text-size-adjust: 100%; font-size: 16px; line-height: 22px;}
	a, a:link, a:visited, a:hover, a:active {color: #B99560;}
	.ifrmap {height: 300px; margin: 0px 0px 22px 0px;}
	h1, h2, h3, h4, h5, h6, .tit-page {margin: 0px 0px 22px 0px; font-size: 22px; line-height: 26px;}
	.subtit-page {margin: 10px 0px 22px 0px; font-size: 18px; line-height: 24px;}
	
	.img-100-home {margin: 0px!important;}
	
	.video-desk {display: none;}
	.video-mob {display: block;}
	
	.txt-center-tab {text-align: center;}
	.txt-center-no-tab {text-align: left;}
	.txt-center-no-mob {text-align: left;}
	.si-tab {display: block;}
	.no-tab {display: none;}
	.si-mob {display: block;}
	.no-mob {display: none;}
	.bg-white-tab {background: #FFFFFF!important;}
	.bg-azzu-bord {border-top-left-radius: 60px 60px;}
	
	/* inizio link WhatsApp */
	#link-whats {bottom: 115px;}
	
	/* inizio link top */
	#link-top {bottom: 60px;}
	
	/* inizio header */
	#header {display: none;}
	#header-mob {display: block; position: fixed; top: 0px; left: 0px; width: 100%; margin: 0px; padding: 0px; background: #FFFFFF; float: left; z-index: 2;}
	.menu-top {display: none;}
	.logo {position: relative; width: 140px; margin: 20px 0px 20px 3%; z-index: 1;}
	.btn-richiesta {display: block; position: absolute; right: calc(3% + 50px); width: 90px; margin: 20px 0px 0px 0px; padding: 0px; font-size: 13px; text-align: center; z-index: 1;}
	.btn-richiesta a, .btn-richiesta a:link, .btn-richiesta a:visited {display: block; width: 100%; margin: 0px; padding: 6px 0px 6px 0px; color: #FFFFFF; font-weight: 500; text-align: center; text-transform: uppercase; text-decoration: none; background: #002B66; border-radius: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.btn-richiesta a:hover, .btn-richiesta a:active {color: #FFFFFF; font-weight: 500; text-decoration: none; background: #47B3E1;}
	.btn-menu-mob {display: block; position: absolute; top: 22px; right: 3%; width: 34px; height: 30px; margin: 0px; padding: 0px; background: url("images/btn-menu-mob.svg") 0px 0px no-repeat; background-size: 34px 30px; float: left; cursor: pointer;}
	.btn-menu-close {display: none; position: absolute; top: 22px; right: 3%; width: 34px; height: 30px; margin: 0px; padding: 0px; background: url("images/btn-menu-close.svg") 0px 0px no-repeat; background-size: 34px 30px; float: left; cursor: pointer;}
	.menu-mobile-cont {position: fixed; top: 74px; left: -100%; width: 100%; margin: 0px; padding: 0px; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; z-index: 4; float: left;}
	.menu-mobile {display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; height: calc(100vh - 103px); background: #FFFFFF; overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
	.menu-mobile::-webkit-scrollbar {display: none;}
	.menu-ist {margin: 0px 0px 40px 0px; text-transform: none;}
	.menu-ist ul {display: block; font-size: 18px; line-height: 20px; width: 100%; margin: 0px; padding: 0px; float: left;}
	.menu-ist ul li {width: 100%; margin: 0px; padding: 0px; float: left;}
	.menu-ist li.ist-07, .menu-ist li.ist-08, .menu-ist li.ist-09, .menu-ist li.ist-tel {display: block;}
	.menu-ist li.ist-06 {display: none;}
	.menu-ist ul li a, .menu-ist ul li a:link, .menu-ist ul li a:visited {display: block; width: 100%; margin: 0px; padding: 22px 3% 22px 3%; color: #002B66; font-weight: 500; text-decoration: none; text-transform: none; background: #ECF3F9; border-bottom: solid 1px #FFFFFF; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
	.menu-ist ul li a:hover, .menu-ist ul li a:active {color: #47B3E1; font-weight: 500; text-decoration: none; background: #ECF3F9;}
	/*.menu-ist ul li.ist-01 a {background: url("images/bg-sfum-mob.svg") 0px 0px repeat-x, #ECF3F9!important; background-size: 6px 6px!important;}*/
	.menu-ist ul li.ist-07 {margin-top: 15px;}
	.menu-ist ul li.ist-07 a, .menu-ist ul li.ist-07 a:link, .menu-ist ul li.ist-07 a:visited, .menu-ist ul li.ist-08 a, .menu-ist ul li.ist-08 a:link, .menu-ist ul li.ist-08 a:visited {padding: 12px 3% 12px 3%; color: #808080; background: #FFFFFF;}
	.menu-ist ul li.ist-07 a:hover, .menu-ist ul li.ist-07 a:active, .menu-ist ul li.ist-08 a:hover, .menu-ist ul li.ist-08 a:active {color: #47B3E1; background: #FFFFFF;}
	.menu-ist ul li.ist-09 a, .menu-ist ul li.ist-09 a:link, .menu-ist ul li.ist-09 a:visited {padding: 12px 3% 12px calc(3% + 25px); color: #808080; background: url("images/cart.svg") 3% center no-repeat, #FFFFFF; background-size: 18px 18px;}
	.menu-ist ul li.ist-09 a:hover, .menu-ist ul li.ist-09 a:active {color: #47B3E1; background: url("images/cart-b.svg") 3% center no-repeat, #FFFFFF; background-size: 18px 18px;}
	.menu-ist span {width: 100%; padding: 22px 3% 22px 3%!important; color: #002B66; font-weight: 500; text-decoration: none; text-transform: none; background: none, url("images/mob-arr-down.svg") 97% center no-repeat, #ECF3F9; background-size: 18px 18px; border-bottom: solid 1px #FFFFFF; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; float: left;}
	.menu-ist span:hover {color: #47B3E1; font-weight: 500; background: url("images/mob-arr-down-hover.svg") 97% center no-repeat, #ECF3F9; background-size: 18px 18px;}
	.menu-ist ul ul {position: relative; display: none; left: 0px; width: 100%; margin: 0px; padding: 0px; font-size: 18px; text-align: left; border-top: none;}
	.menu-ist ul ul li {display: block; margin-bottom: 0px; border-bottom: none;}
	.menu-ist ul ul li a, .menu-ist ul ul li a:link, .menu-ist ul ul li a:visited {padding: 22px 3% 22px 6%; color: #47B3E1; text-align: left; border-bottom: solid 1px #FFFFFF;}
	.menu-ist ul ul li a:hover, .menu-ist ul ul li a:active {color: #47B3E1;}
	.menu-ist ul ul li.ist-05-03 a {border-bottom: solid 1px #FFFFFF!important;}
	/*.menu-ist ul ul li.ist-05-04 a {border-bottom: solid 1px #FFFFFF!important;}*/
	.menu-ist ul li a.vocesel {color: #47B3E1!important; font-weight: bold!important; background: #ECF3F9!important;}
	.menu-ist ul li.ist-07 a.vocesel, .menu-ist ul li.ist-08 a.vocesel {color: #47B3E1!important; font-weight: 500!important; background: #FFFFFF!important;}
	.menu-ist ul li.ist-09 a.vocesel {color: #47B3E1!important; font-weight: 500!important; background: url("images/cart-b.svg") 3% center no-repeat, #FFFFFF!important; background-size: 18px 18px!important;}
	.menu-ist ul li span.vocesel {color: #47B3E1!important; font-weight: bold!important;}
	.menu-ist ul ul li a.vocesel {color: #47B3E1!important; font-weight: bold!important; background: #ECF3F9!important;}
	.menu-ist ul li.ist-tel {display: block; width: 100%; margin: 15px 0px 20px 0px; padding: 14px 3% 14px 3%; color: #379B62; line-height: 24px; font-weight: 400; text-decoration: none; text-transform: none; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
	.menu-ist ul li.ist-tel a {display: inline!important; width: auto!important; margin: 0px!important; padding: 0px!important; color: #379B62!important; font-weight: 500!important; text-decoration: none!important; text-transform: none; background: none!important; border: none!important; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none!important;}
	.menu-ist ul li.ist-tel a:hover {color: #379B62!important; text-decoration: underline!important;}
	.new-x {top: 74px!important; left: 0px!important; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
	.hover-li {color: #47B3E1!important; background: none, url("images/mob-arr-up-hover.svg") 97% center no-repeat, #ECF3F9!important; background-size: 18px 18px!important;}
	.menu-ist ul li.ist-06 a.vocesel {color: #47B3E1!important; font-weight: bold!important; background: #ECF3F9!important;}
	.ombra-mob {display: block; position: fixed; top: 74px; left: 0px; width: 100%; height: 6px; background: url("images/bg-sfum-mob.svg") 0px 0px repeat-x; background-size: 6px 6px!important; float: left; z-index: 3;}
	
	/* inizio content */
	.content-cont {position: relative; top: 74px; margin: 0px; z-index: 1;}
	.content-page {width: 94%; max-width: 94%; margin: 0px 3% 0px 3%; padding: 0px; float: left;}
	.content-small {width: 90%; max-width: 90%; margin: 0px 5% 0px 5%; padding: 0px; float: left;}
	.content-padd {padding: 40px 0px 40px 0px;}
	.content-padd-top {padding: 40px 0px 40px 0px;}
	.content-padd-top-no-tab {padding: 40px 0px 0px 0px;}
	.content-padd-bot-tab {padding: 0px 0px 40px 0px;}
	.content-pura {padding: 30px 0px 40px 0px;}
	.video-home-cont {flex-wrap: wrap; width: 100%; margin: 0px; padding: 0px; background: #ECF3F9; border-bottom-left-radius: 40px 40px; border-bottom-right-radius: 40px 40px; float: left;}
	.video-home-vid {width: 95%;}
	.video-home-bord {border-bottom-right-radius: 60px 60px;}
	.video-home-txt {width: 100%; margin: 22px 0px 30px 0px; padding: 0px 5% 0px 5%; font-size: 18px; line-height: 22px; background: none; border-bottom-left-radius: 0px 0px;}
	.ico-water, .ico-water-w {height: 30px; margin: 0px 0px 15px 0px; background-size: 30px 30px;}
	.tit-top {margin: 0px 0px 22px 0px; font-size: 13px;}
	.box-sx-small {width: 90%; margin: 22px 5% 0px 5%;}
	.box-sx-small-marg {margin-top: 22px;}
	.box-dx-large {width: 95%; margin: 0px 0px 0px 5%;}
	.box-dx-large img {border-top-left-radius: 60px 60px;}
	.link-blue-center {width: 100%; margin: 0px; padding: 0px; text-align: center; float: left;}
	.bg-casa {margin-bottom: 30px; background: none!important;}
	.bg-goccia {margin-top: 0px; padding: 0px 0px 100px 0px; background: url("images/bg-goccia.svg") bottom center no-repeat; background-size: 100% auto!important;}
	.content-large {width: 100%; padding: 0px;}
	.slide-prod-cont {padding: 10px 18px 10px 18px; border-radius: 18px;}
	.slide-prod-tit {height: 36px; margin: 0px 0px 10px 0px; font-size: 15px; line-height: 18px;}
	.slide-prod-img {width: 90%; margin: 0px 5% 10px 5%;}
	.slide-prod-line {margin: 10px 0px 10px 0px;}
	.bg-aziende {margin-top: -60px;}
	.box-sx-large {width: 95%; margin: 0px 0px 0px 5%;}
	.box-sx-large img {border-top-right-radius: 60px 60px;}
	.box-dx-small {width: 90%; margin: 22px 5% 10px 5%;}
	.bg-horeca {margin-top: 0px; background: none!important;}
	.bg-horeca-mob {padding-bottom: 200px; background: none, url("images/bg-goccia.svg") center bottom no-repeat; background-size: 100% auto!important;}
	.content-form-bot {width: 90%; margin: -160px 0px 0px 0px; padding: 30px 5% 40px 5%; border-top-left-radius: 60px 60px;}
	.content-page-no-img {width: 90%; padding: 0px 5% 40px 5%; border-top-left-radius: 60px 60px;}
	.top-page-cont {flex-wrap: wrap; width: 100%; margin: 0px; padding: 0px; background: #ECF3F9; border-bottom-left-radius: 40px 40px; border-bottom-right-radius: 40px 40px; float: left;}
	.top-page-img {width: 95%;}
	.top-page-bord {border-bottom-right-radius: 60px 60px!important;}
	.top-page-txt {width: 100%; margin: 22px 0px 30px 0px; padding: 0px 5% 0px 5%; background: none; border-bottom-left-radius: 0px 0px;}
	.top-page-txt span {margin: 0px 0px 22px 0px; font-size: 18px; line-height: 22px;}
	.ico-content {width: 80%; margin: 0px 10% 0px 10%;}
	.ico-box {width: 100%; margin: 30px 0px 0px 0px; padding: 75px 0px 0px 0px;}
	.bg-servizio, .bg-igiene, .bg-prodotti, .bg-euro, .bg-ambiente, .bg-garanzie, .bg-supporto, .bg-esigenze, .bg-manuntenzione {background-size: 70px 70px;}
	.ico-tit {padding: 0px 0px 10px 0px; font-size: 13px;}
	.box-servizio-cont {display: flex; flex-wrap: wrap; background: url("images/bg-azzu.svg") 0% 20% no-repeat; background-size: 100% 80%;}
	.box-servizio-sx {width: 90%; padding: 22px 5% 40px 5%; border-bottom-right-radius: 0px 0px; border-top-right-radius: 0px 0px;}
	.box-servizio-dx {position: relative; top: 0px; transform: none; width: 95%; margin: 0px; padding: 0px 0px 0px 5%;}
	.box-servizio-dx img {border-top-left-radius: 60px 60px;}
	.box-italia-cont {padding: 40px 0px 0px 0px;}
	.box-italia-sx {width: 100%;}
	.box-italia-dx {width: 95%; margin: 0px 5% 0px 5%; padding: 0px 0px 30px 0px;}
	.box-prod-page-cont {width: 94%; margin: 0px 3% 0px 3%;}
	.box-prod-page {width: 100%; margin: 20px 0px 0px 0px;}
	.box-prod-page .slide-prod-img .img-100 {height: 380px!important;}
	.cont-erog {width: 90%; padding: 40px 5% 40px 5%;}
	.cont-erog-img {width: 50%;}
	.cont-erog-img img {width: auto!important; max-height: 420px;}
	.cont-erog-fun {width: 47%; margin: 0px 0px 0px 3%; font-size: 13px; line-height: 16px;}
	.cont-erog-fun-tit {margin: 22px 0px 0px 0px; text-align: left;}
	.cont-erog-fun-img {margin: 22px 0px 5px 0px; text-align: left;}
	.cont-erog-fun-img img {height: 40px; margin: 0px 3px 0px 3px;}
	.cont-erog-fun-dida {text-align: left;}
	.cont-erog-txt {width: 100%; margin: 22px 0px 0px 0px;}
	.tit-h1-mob {display: block; width: 100%; margin: 0px 0px 22px 0px; padding: 0px; color: #47B3E1; font-size: 22px; line-height: 26px; font-weight: 400; text-transform: uppercase; float: left;}
	.tit-h1-mob span {display: inline-block; width: 100%; margin: 5px 0px 0px 0px; padding: 0px; color: #002B66; font-size: 14px; line-height: 16px; font-weight: bold; text-transform: none; float: left;}
	.cont-erog-txt h1 {display: none;}
	.erog-span {margin: 22px 0px 0px 0px;}
	.erog-accessori-img {margin: 6px 20px 0px 0px; font-size: 14px;}
	.erog-accessori-img img {max-width: 80%;}
	.col-arancione, .col-bianco, .col-blu, .col-nero, .col-verde, .col-porpora, .col-grigio {width: 16px; height: 16px; margin: 0px 0px 0px 8px; border-radius: 8px;}
	.txt-big {font-size: 18px; line-height: 26px;}
	.box-boccioni-cont {width: 90%; margin: 0px 5% 40px 5%; padding: 20px; border-radius: 18px;}
	.box-prodotti-page-cont {width: 90%; margin: 0px 5% 40px 5%; padding: 20px; border-radius: 18px;}
	.box-prodotti-page-cont-end {margin-bottom: 40px;}
	.box-boccioni-img {width: 60%; margin: 0px 20% 0px 20%;}
	.box-boccioni-txt {width: 100%; margin: 22px 0px 0px 0px;}
	.page-goccia {background-position: -500px 1200px; background-size: 800px 1261px;}
	.accessori-goccia {background-position: -500px 75px; background-size: 800px 1261px;}
	.box-prodotti-tit {margin: 0px 0px 10px 0px;}
	.box-boccioni-col {width: 100%;}
	.box-boccioni-col-sec {margin: 22px 0px 0px 0px;}
	.box-prodotti-img {width: 70%; margin: 0px 15% 0px 15%;}
	.box-prodotti-txt {width: 100%; margin: 22px 0px 0px 0px;}
	.ordine-box {width: 100%; margin: 10px 0px 30px 0px; line-height: 20px;}
	.ordine-box-sx {width: 30%;}
	.ordine-box-dx {width: 70%;}
	.ordine-box-tit {font-size: 15px;}
	.ordine-box-sub {font-size: 14px;}
	.ordine-box-txt {margin: 6px 0px 0px 0px; font-size: 14px;}
	.ordine-box-txt .form-inp {width: 50%!important; margin: 5px 0px 5px 0px!important; border: solid 1px #CFCFCF!important;}
	.ordine-box-txt span {font-size: 13px;}
	.box-accessori-page-cont {width: 100%; margin: 40px 0px 0px 0px; /*width: 100%; margin: 40px 0px 0px 0px; padding: 15px 15px 15px 0px; border-radius: 18px;*/}
	.box-accessori-img {width: 40%;}
	.box-accessori-txt {width: 57%; margin: 0px 0px 0px 3%;}
	.box-accessori-subtit {margin: 0px 0px 22px 0px;}
	.box-accessori-col ul {margin: 22px 0px 0px 0px;}
	.box-accessori-col li {padding: 3px 0px 3px 23px; background-position: 0px 4px; background-size: 16px 16px;}
	.accessori-line {width: 100%; margin: 40px 0px 0px 0px;}
	.txt-accessori-top {margin-bottom: 0px;}
	.partner-logo {width: 33.3333%; margin: 30px 0px 0px 0px;}
	.spreco-box {width: 100%; margin: 30px 0px 0px 0px; padding: 0px 20px 0px 20px; border-radius: 16px;}
	.spreco-box-s {margin: 0px;}
	.spreco-box-e {margin: 30px 0px 30px 0px;}
	.spreco-box-bg {margin: 30px 0px 0px 0px; padding: 20px;}
	.spreco-box-start {margin: 8px 0px 0px 0px;}
	.spreco-box-end {margin: 30px 0px 30px 0px;}
	.spreco-img {width: 70px; margin: 0px calc(50% - 35px) 15px calc(50% - 35px);}
	.spreco-tit {margin: 0px 0px 8px 0px; font-size: 22px; line-height: 26px;}
	
	.link-box {width: 94%; margin: 30px 3% 0px 3%; border-radius: 16px;}
	.link-box-start {margin: 0px 3% 0px 3%;}
	.link-box-txt {bottom: 25px; font-size: 18px; line-height: 24px;}
	.link-box-txt a, .link-box-txt a:link, .link-box-txt a:visited {width: calc(100% - 40px); margin: 0px 20px 0px 20px;}
	
	
	
	
	
	
	.order-tab-01 {order: 1;}
	.order-tab-02 {order: 2;}
	.order-tab-03 {order: 3;}
	.order-mob-01 {order: 1;}
	.order-mob-02 {order: 2;}
	.order-mob-03 {order: 3;}
	.link-arrow {height: 40px; margin: 30px 0px 0px 0px; padding: 2px 0px 2px 35px; font-size: 13px; line-height: 18px; background-size: 25px 40px;}
	.link-blue, .link-white, .link-bordo {width: 160px; margin: 30px 0px 0px 0px; padding: 6px 0px 6px 0px; font-size: 13px!important; line-height: 20px!important; border-radius: 16px;}
	.link-pdf {width: 100%; margin: 10px 0px 0px 0px; padding: 13px 0px 13px 52px; background: url("images/download-pdf.webp") 0px 0px no-repeat; background-size: 44px 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.link-pdf-first {margin: 22px 0px 0px 0px;}
	.numtel {color: #B99560!important; text-decoration: underline!important; font-weight: 400; cursor: pointer;}
	ul.no-marg {margin: 0px;}
	ul.si-marg {margin: 22px 0px 22px 0px;}
	ol.si-marg {margin: 22px 0px 22px 0px;}
	ol.marg-bot {margin: 0px 0px 22px 20px;}
	ul.marg-top {margin: 22px 0px 0px 0px;}
	ul.marg-bot {margin: 0px 0px 22px 0px;}
	ul.no-marg li, ul.si-marg li, ul.marg-top li, ul.marg-bot li {background-position: left 10px;}
	
	/* inizio txt lungo */
	.txt-lungo {max-height: 176px;}
	.txt-lungo-sfum {display: block; position: absolute; bottom: 0px; width: 100%; height: 20px; margin: 0px; padding: 0px; background: url("images/bg-sfum-white.webp") left top repeat-x; background-size: 1px 20px; z-index: 2;}
	.sfum-black {background: none, url("images/bg-sfum-black.webp") left top repeat-x!important; background-size: 1px 20px!important;}
	.txt-lungo-link {display: block; width: 100%; margin: 0px; padding: 0px; text-align: left; float: left;}
	.txt-lungo-link-bot {display: block; width: 100%; margin: 22px 0px 0px 0px; padding: 0px; text-align: left; cursor: pointer; float: left;}
	.txt-lungo-link-top {display: none; width: 100%; margin: 22px 0px 0px 0px; padding: 0px; text-align: left; cursor: pointer; float: left;}
	.txt-lungo-link-bot:hover, .txt-lungo-link-top:hover {color: #79A714!important;}
	.new-height {height: auto; max-height: 100%!important;}
	.start-height {max-height: 176px!important;}
	.new-height-mob {height: auto; max-height: 100%!important;}
	.start-height-mob {max-height: 176px!important;}
	
	/* inizio slide erogatori */
	#demos04, #demos05 {width: 100%; margin: 0px;}
	#demos01 .owl-carousel, #demos02 .owl-carousel, #demos03 .owl-carousel, #demos04 .owl-carousel, #demos05 .owl-carousel {width: calc(100% - 100px); margin: 0px 50px 0px 50px!important;}
	#demos01 .owl-theme .owl-nav [class*=owl-], #demos02 .owl-theme .owl-nav [class*=owl-], #demos03 .owl-theme .owl-nav [class*=owl-], #demos04 .owl-theme .owl-nav [class*=owl-], #demos05 .owl-theme .owl-nav [class*=owl-] {width: 50px!important; height: calc(100% - 47px)!important;}
	#demos01 .owl-nav, #demos02 .owl-nav, #demos03 .owl-nav, #demos04 .owl-nav, #demos05 .owl-nav {display: block;}
	#demos01 .owl-prev, #demos02 .owl-prev, #demos03 .owl-prev, #demos04 .owl-prev, #demos05 .owl-prev {left: -50px; top: 0px; width: 50px; background-size: 40px 54px!important;}
	#demos01 .owl-next, #demos02 .owl-next, #demos03 .owl-next, #demos04 .owl-next, #demos05 .owl-next {right: -50px; top: 0px; width: 50px; background-size: 40px 54px!important;}
	#demos01 .owl-dots, #demos02 .owl-dots, #demos03 .owl-dots, #demos04 .owl-dots, #demos05 .owl-dots {display: block; width: 100%!important; margin: 20px 0px 0px 0px!important;}
	
	/* inizio slide top page */
	#demos001 .owl-theme .owl-nav [class*=owl-] {width: 50px!important; height: 100%!important;}
	#demos001 .owl-prev {width: 50px; background-size: 40px 54px;}
	#demos001 .owl-next {width: 50px; background-size: 40px 54px;}
	#demos001 .owl-dots {margin: -40px 0px 0px 0px!important;}
	
	/* inizio form */
	.tit-form {margin: 0px 0px 10px 0px;}
	.tit-form-sec {margin: 22px 0px 10px 0px;}
	.form-flex {width: 100%; margin: 50px 0px 0px 0px;}
	.form-inp, .form-area {margin: 0px 0px 15px 0px; padding: 8px 5px 8px 5px; font-size: 14px;}
	.form-inp-50 {width: 100%;}
	.form-area {height: 160px;}
	.g-recaptcha {margin: 20px 0px 20px 0px;}
	.form-btn {padding: 6px 30px 6px 30px; font-size: 13px!important; line-height: 20px!important; border-radius: 16px;}
	
	/* inizio footer */
	#footer {width: 90%; padding: 40px 5% 60px 5%; font-size: 15px;}
	.footer-01 {width: 100%; margin: 0px 0px 30px 0px;}
	.footer-logo {margin: 0px 0px 15px 0px; text-align: center;}
	.footer-logo img {width: 180px;}
	.footer-credits {display: none;}
	.footer-02 {width: 100%; margin: 0px 0px 40px 0px;}
	.footer-tit {margin: 0px 0px 10px 0px;}
	.footer-social {display: none;}
	.footer-03 {width: calc(100% - 83px); margin: 0px 0px 0px 0px;}
	.whats-ico {width: 22px;}
	.footer-verde {margin: 30px 0px 0px 0px;}
	.footer-verde a {height: 34px; margin: 0px; padding: 0px 0px 0px 44px; font-size: 22px; line-height: 34px; background-size: 34px 34px;}
	.footer-social-mob {display: block; width: 73px; margin: 0px 0px 0px 10px; padding: 158px 0px 0px 0px; float: left;}
	.btn-facebook {width: 34px; height: 34px; background-size: 34px 34px;}
	.btn-instagram {width: 34px; height: 34px; margin: 0px 0px 0px 5px; background-size: 34px 34px;}
	.footer-credits-mob {display: block; width: 100%; margin: 50px 0px 0px 0px; padding: 0px; font-size: 13px; float: left;}
	.footer-credits-mob a, .footer-credits-mob a:link, .footer-credits-mob a:visited {color: #FFFFFF; text-decoration: none;}
	.footer-credits-mob a:hover, .footer-credits-mob a:active {color: #FFFFFF; text-decoration: underline;}
	
	/* inizio cookies */
	.cc-cookies {font-size: 11px;}
}
body, a {transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}