@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');

* {margin: 0; padding: 0; box-sizing: border-box;}
html {font-size: 62.5%; scroll-behavior: smooth;}
body {font-family: 'Open Sans', sans-serif; color: #191919; background: #353535; font-size: 1.6rem; line-height: 1.5; }
hr {margin: 3rem auto;}
ul {list-style: none;}
.body {max-width: 200rem; margin: 0 auto; background: #fff; overflow: hidden;}

a { text-decoration: none; color: #191919; transition: all .3s; cursor: pointer;}
button {border: none; cursor: pointer; font-family: 'Open Sans', sans-serif; background: transparent; transition: all .4s;}
input, textarea {font-family: 'Open Sans', sans-serif; resize: vertical;}
.clear { clear: both;}
.clearfix::after { content: ""; display: table; clear: both; }
.center { text-align: center;}
.container {width: 100%; max-width: 142rem; padding: 0 2%; margin: 0 auto;}
.container-2 {max-width: 174rem; padding: 0 2%; margin: 0 auto;}
.errore { font-weight: 600; font-size: 9rem;}
.flex {display: inline-flex; width: 100%; flex-wrap: wrap;}
a.disabled {
	pointer-events: none;
	cursor: not-allowed! important;
}


.mrg-btm-small {margin-bottom: 1.5rem!important;}
.mrg-btm-medium {margin-bottom: 2.5rem!important;}
.mrg-btm-large {margin-bottom: 6rem!important;}
.mrg-btm-xlarge {margin-bottom: 9rem!important;}

.btn { display: inline-block;
    padding: .5rem 2rem;
    font-weight: 600;
    font-size: 1.8rem;
    max-width: 40rem;
    border: 1px solid;
    border-radius: 1rem;}
.btn-2 { display: inline-block; padding: .5rem 4rem; font-weight: 400; font-size: 1.8rem; min-width: 30rem;}
.btn:hover {transform: scale(1.1);}
.btn-2:hover {transform: scale(1.1);}

.white-bg {background: #fff;}
.white {color: #fff;}
.white a {color: #fff;}
.azz {color: #83b0eb;}
.azz-bg {background-color: #83b0eb; }
.blu {color: #303f55;}
.blu-bg {background-color: #303f55;}
.light {color: #bec1c6;}

.hidden { 
  opacity: 0; 
}

.visible { 
  opacity: 1; 
}

.font {font-family: 'Audiowide', cursive;}
.upper {text-transform: uppercase;}

.menu_responsive {display: none;}
.menu-responsive-btn {display: none;}

.header-home.bg-home {height: 70vh; background-size: cover; background-position: center; background-repeat: no-repeat;}
.header-home.bg-home.no-webp {background-image: url("../images/jpg/bg-home.jpg");}
.header-home.bg-home.webp {background-image: url("../images/bg-home.webp");}

.header-home .top {position: absolute; width: 100%; top: 0; left: 0;}
.header-pag .top {position: relative; width: 100%;}
.logo-bg {background-size: cover; background-position: bottom right; background-repeat: no-repeat; width: 60rem; height: 13rem; text-align: center; position: absolute; z-index: 2;}
.logo-bg.webp {background-image: url("../images/bg-logo.webp");}
.logo-bg.no-webp {background-image: url("../images/jpg/bg-logo.png");}
.logo-bg img { width: 30rem; padding: 2rem 0; margin-right: 10rem;}

.fascia-menu {width: 100%; /* clip-path: polygon(5% 0,100% 0, 100% 100%, 5% 100%); */}
.fascia-menu .flex {justify-content: flex-end;}
ul.menu {text-align: right; font-size: 1.6rem;}
ul.menu-resp {display: none;}
ul.menu button {font-size: 1.6rem; color: #fff;}
ul.menu li {display: inline-block;}
ul.menu li a {display: inline-block; padding: 7rem 1.5rem;}
ul.menu li a.active, ul.menu li a:hover {color: #83b0eb;}
.dropdown {  position: relative;  display: inline-block; padding: 7rem 1.5rem;}
.dropdown-content { display: none; position: absolute; background-color: #4a5b75; min-width: 100%; overflow: auto; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; text-align: left; padding: 0;}
.dropdown-content a {padding: .5rem 1rem!important; font-size: 1.5rem;}
.dropdown-content a:hover {background-color: rgba(237,237,237,0.2); }
.dropdown:hover .dropdown-content {  display: block;/*  height: 100%; */}
img.flag {width: 2rem;}
img.down {width: 1rem;}
.triangle {position: absolute; top: 0; right: 0; clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%); height: 10rem; width: 10rem; background-color: #f0f0f0;}

.first-home {padding: 0 0 10rem; position: relative;}
.first-home.bg-cavo { background-size: cover; background-position: bottom center; background-repeat: no-repeat;}
.first-home.bg-cavo.no-webp {background-image: url("../images/jpg/cavo-bg.jpg");}
.first-home.bg-cavo.webp {background-image: url("../images/cavo-bg.webp");}
.first-home .flex {justify-content: flex-start; flex-wrap: wrap;}
.first-home .bl {width: 50%;}
.first-home .bl.testo {padding: 0 5% 0 0; position: relative; top: -14rem;}
.tit1 {font-size: 5rem; line-height: 1.4;}
.tit2 {font-size: 2.8rem; font-weight: 300;}
.line {height: 2px; width: 100%; margin: 4rem 0;}
.img-home-resp {display: none; width: 50%;}
.img-home-resp img { width: 160%;}
a.abs-btn {display: inline-block; position: absolute; top: -5rem; right: 15%; width: 18rem; height: 18rem; line-height: 18rem; text-align: center; font-size: 1.7rem; border: 1px solid rgb(190 193 198 / 30%); border-radius: 50%; color: #bec1c6;}
a.abs-btn span.one {width:0px; height:0px; position:absolute; left:50%; top:50%; border-radius:50%; -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation: one 2s infinite; -o-animation: one 2s infinite; -webkit-animation: one 2s infinite; -ms-animation: one 2s infinite; -moz-animation: one 2s infinite; animation-delay:0s; animation-timing-function: ease-in-out; border: 1px solid; color: #fff;}
a.abs-btn span.two { width:0px; height:0px; position:absolute; left:50%; top:50%; border-radius:50%; -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation: two 2s infinite; -o-animation: two 2s infinite; -moz-animation: two 2s infinite; -webkit-animation: two 2s infinite; -ms-animation: two 2s infinite; animation-delay:0s; animation-timing-function: ease-in-out; border: 1px solid; color: #bec1c6;}

@keyframes one {
  0% { width: 0px; height: 0px; opacity:1; }
  100% { width: 100%; height: 100%; opacity:0;}
}
@keyframes two {
  0% { width: 0px; height: 0px; opacity:1; }
  50% { width: 0px; height: 0px; opacity:1; }
  100% { width: 100%; height: 100%; opacity:0;}
}

section.block-prodotti {padding: 2rem 0 5rem; position: relative;}
section.block-prodotti .flex {align-items: center;}
section.block-prodotti .flex .bl {width: 50%; padding: 0 2rem;}
.poli {width: 100%;}
section.block-prodotti a.abs-btn {color: #303f55; border: 1px solid rgb(48 63 85 / 38%); top: inherit; bottom: -5rem; left: 25%; right: inherit;}
section.block-prodotti a.abs-btn span.one, section.block-prodotti a.abs-btn span.two {color: #303f55;}

.truncate-vert { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.tit-prodotto {font-size: 1.7rem; text-transform: uppercase; margin: 0 auto .8rem;}
.txt-prodotto {font-size: 1.4rem; padding: 0 0 0 1rem; border-left: 1px solid #303f55;}
.txt-prodotto.truncate-vert { -webkit-line-clamp: 3;}
#slide-prodotti {margin: 4rem auto;}
#slide-prodotti .splide__track {width: 90%;}
.img-prod-slide {width: 100%; margin: 0 auto 1rem;}
.my-arrows {position: absolute; top: 25%; left: 0; right: 0; z-index: 9;  width: 100%; text-align: right;}
#slide-prodotti .my-arrows svg {fill: #83b0eb; }
#slide-prodotti .my-arrows .my-prev {display: none;}
#slide-prodotti .my-arrows .my-next {right: 0;}

section.block-azienda { background-size: cover; background-position: bottom center; background-repeat: no-repeat; padding: 2rem 0 30rem;}
section.block-azienda.no-webp {background-image: url("../images/jpg/preft-bg.jpg");}
section.block-azienda.webp {background-image: url("../images/preft-bg.webp");}
section.block-azienda .tit2 {max-width: 60rem; margin: 0 auto 3rem;}


section.block-cta {margin: -11rem 0 0;}
section.block-cta .flex {align-items: center;}
div[class^="bl-"] {width: 33.3%;}
div[class^="bl-"] .ico {background-color: #fff; border-radius: 50%; border: 1px solid #303f55; text-align: center; transition: all .3s;}
div[class^="bl-"] .ico img {width: 2.4rem;}
.bl-1 .ico {width: 22rem; height: 22rem; line-height: 22rem;}
.bl-2 .ico, .bl-3 .ico {width: 12rem; height: 12rem; line-height: 12rem;}
div[class^="bl-"]:hover .ico {border: 4px solid #83b0eb;}

section.block-form {padding: 3rem 0;}
section.block-form .flex {justify-content: space-between;}
section.block-form form {max-width: 80rem; margin: 0 auto; text-align: center;}
section.block-form form .box-50 {width: 48%; padding: 0; text-align: left; display: flex; align-items: center; border-bottom: 1px solid; margin: 0 0 2rem;}
section.block-form form .box-100 {width: 100%; padding: 0; text-align: left; display: flex; align-items: flex-start; border-bottom: 1px solid; margin: 0 0 2rem;}
section.block-form form label {display: none;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}
.input__text {width: 100%; margin-left: 1rem; border: none; padding: 1rem; font-size: 1.6rem;}
.txt-small {font-size: 1.3rem;}


footer {padding: 6rem 0;}
footer a {color: #fff;}
footer a:hover, p.credits a:hover {color: #83b0eb;}
footer .flex {justify-content: center;}
footer .flex .bl {width: 20%; padding: 0 3rem; box-sizing: border-box;}
footer .flex .bl ul {margin: 1rem 0 0;}
footer .flex .bl ul li:first-child {margin: 0 0 5px;}
.logo-ft {width: 13rem; margin: 0 0 2rem;}
.txt-ft {font-size: 1.3rem; line-height: 1.8;}
p.credits {font-size: 1.1rem; text-align: center; color: #6b7b91; margin: 2rem auto 0;}
p.credits a {color: #6b7b91;}


/* MENU RESPONSIVE */
.overlay { height: 0%; width: 100%; position: fixed; z-index: 10; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-y: hidden; transition: 0.5s;}
.overlay-content { position: relative; top: 50%; width: 100%; text-align: center; left: 50%; transform: translate(-50%, -50%);}
.overlay a { padding: .5rem;  text-decoration: none; font-size: 3rem; color: #fff; display: block;transition: 0.3s;}
.overlay a.btn {max-width: 42rem; margin: 1rem auto;}
.overlay .closebtn {position: absolute;top: 2rem;right: 4rem;font-size: 60px;line-height: 1; z-index: 10;}

.btn_special {display: inline-flex;justify-content: center;align-items: center; padding: 0.5rem 2rem;border-radius: 1rem;background-color: #3059a5;color: #fff;margin: 4rem 0;}
	.heartbeat {
		-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	    animation: heartbeat 1.5s ease-in-out infinite both;
	}
	@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


/*PRODOTTI*/
.newbanner {height: 30rem;position: relative;}
.coloroverlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #83b0eb;mix-blend-mode: multiply;}

.top-pag {padding: 3rem 0; margin: 0 0 4rem;}
.top-pag .container .box {width: 60%; margin: 0;}
.main-sidebar {padding: 0;}
#content{padding: 0 0 10rem 2rem; width: calc(100% - 30rem);}
#home-main-section #content {padding: 0 0 0 6rem;}
#sidebar{ width: 30rem; will-change: min-height; }
#sidebar-resp{ display: none; width: 100%; margin: 0 auto 6rem;}

.box-prod-pag {padding: 0 0 10rem;}
.box-prod-pag .flex .bl {width: 33.3%; padding: 0 2rem; margin: 0 0 3rem;}
.box-prod-pag .flex .bl .tit3 {font-weight: bold;font-size: 2rem;}
.tit_sc {font-size: 2.5rem;margin: 0 0 3rem;padding: 0 2rem;font-weight: 300;}
.prodotti-list {margin: 10rem 0 0;}
.box_img {width: 45%;float: left;margin: 1px 2rem 2rem 0; padding-bottom: 30%; position: relative;}
.box_img img {width: 100%;position: absolute; top: 0; left: 0; height: 100%; object-fit: cover;}

/* .box-prod-pag .flex#categoria-list .bl {width: 25%; padding: 0 2rem; margin: 0 0 3rem;} */
.box-img-prod {background-color: #303f55;width: 100%; margin-bottom: 1.5rem; padding-bottom: 75%; position: relative;}
.img-prod-pag {width: 100%; border: 1px solid #303f55; transition: all .4s; position: absolute; top: 0; left: 0; height: 100%; object-fit: cover;}
.box-prod-pag .flex .bl:hover .img-prod-pag {opacity: .7;}
.tit3 {font-size: 1.8rem; font-weight: 600; text-transform: uppercase;}
ul.pagination {margin: 4rem 0 0; padding: 0 1rem; text-align: center;}
ul.pagination li {display: inline-block;}
ul.pagination li a {display: inline-block; padding: .3rem 1rem; background: #e6ecf4;}
ul.pagination li a:hover, ul.pagination li a.active {background: #b9cee8;}

.block-cert {padding: 1rem 0 0;}
.block-cert .flex {justify-content: center;}
.block-cert .cert { width: 8%; margin: 1%; height: 7vw; max-height: 11rem; background-color: #fff; border-radius: 50%; overflow: hidden;}
.block-cert .cert img { width: 100%; height: 100%; object-fit: contain;}

/* .box-prod-pag .tit1, .box-prod-pag .tit2 {padding: 0 2rem;} */
.box-prod-pag .breadcrumb {/* padding: 0 2rem; */ margin: 0 0 1rem;}
.box-prod-pag .breadcrumb li {display: inline-block;}
.box-prod-pag .breadcrumb li a {color: #191919;}
.box-prod-pag .tit2 {margin: 0 0 5rem;}
.img-generica {width: 100%; height: 22vw; max-height: 38rem; object-fit: cover; margin: 3rem auto; padding: 0;}
.img-generica img {width: 100%; height: 100%; object-fit: cover;}

.dett-prodotto { margin: 3rem 0 12rem; padding: 0 2rem;}
.img-dett-prod {width: 55%; float: left; margin: 0 2rem 2rem 0;}
.btn-scarica { padding: 1.4rem 2rem; background: #fff; border: 1px solid #303f55; width: 37rem;  margin: 0 0 .5rem; display: flex; justify-content: space-between; align-items: center;}
.btn-scarica img { width: 5.4rem; margin: 0 0 0 1rem;}
.btn-contatti { padding: 1rem 2rem; background: #bec1c6; width: 37rem;  margin: 0 0 .5rem; display: flex; justify-content: space-between; align-items: center;}
.btn-contatti span {display: inline-block; padding: 1rem 2rem;}
.box-prod-pag .correlati .tit2 {margin: 0 0 1rem;}
.desc-prod h1 {font-size: 2.5rem;margin: 1rem 0 1.5rem}
.desc-prod h2 {font-size: 2.3rem;margin: 1rem 0 1.5rem}
.desc-prod h3 {font-size: 2.1rem;margin: 1rem 0 1.5rem}
.desc-prod h4 {font-size: 2rem;margin: 1rem 0 1.5rem}
.desc-prod h5 {font-size: 1.8rem;margin: 1rem 0 1.5rem}
.desc-prod p {font-size: 1.6rem;margin: 1rem 0;}
.desc-prod a {text-decoration: underline;}
.desc-prod ul, .desc-prod ol {margin: 1rem 0;}
.desc-prod ul li {list-style: circle; list-style-position: inside;}
.desc-prod ol li {list-style: decimal; list-style-position: inside;}



/*AZIENDA*/
.top-pag.chisiamobg {padding: 3rem 0 10rem; margin: 0;}
.chisiamo {background-size: cover; background-position: right center; background-repeat: no-repeat;}
.chisiamo.no-webp {background-image: url("../images/jpg/chisiamo.jpg");}
.chisiamo.webp {background-image: url("../images/chisiamo.webp");}
.top-pag.chisiamobg .flex .bl {width: 65%;}
.gallery {background-color: #ebf0f7; padding: 2rem 0;}
.gallery .flex .thumb { width: 20rem; margin: 1rem;}
.gallery .flex { justify-content: center;}

/*CONTATTI*/
.top-pag.contattibg {margin: 0;}
section.contattibg section.block-form form { margin: 0; text-align: left;}
.contatti {background-size: cover; background-position: right center; background-repeat: no-repeat;}
.contatti.no-webp {background-image: url("../images/jpg/contatti.jpg");}
.contatti.webp {background-image: url("../images/contatti.webp");}


/*CERTIFICAZIONI*/
.top-pag.certbg {margin: 0;}
.cert {background-size: cover; background-position: center; background-repeat: no-repeat;}
.cert.no-webp {background-image: url("../images/jpg/certificazioni.jpg");}
.cert.webp {background-image: url("../images/certificazioni.webp");}
.cta-cert {margin: 2rem 0 0;}
.btn-cert { padding: 1rem 2rem; text-transform: uppercase; font-size: 1.8rem; max-width: 30rem; margin: 0 2rem 1rem 0; display: inline-block; background-color: #303f55;}
.btn-cert:hover {background-color: #83b0eb;}
.serv1 {background-size: cover; background-position: center; background-repeat: no-repeat; padding: 2rem 0 12rem; position: relative;}
.serv1.no-webp {background-image: url("../images/jpg/bgprova.jpg");}
.serv1.webp {background-image: url("../images/bgprova.webp");}
.serv1 .container {max-width: 80rem; margin: 0 auto;}
.tit4 { font-size: 4rem;}
section.serv1 a.abs-btn {color: #303f55; border: 1px solid rgb(48 63 85 / 38%); top: inherit; bottom: -2rem; left: 15%; right: inherit;}
section.serv1 a.abs-btn span.one, section.serv1 a.abs-btn span.two {color: #303f55;}
.serv2 {padding: 2rem 0 6rem;}
.serv2 .flex {justify-content: space-between;}
.serv2 .flex .bl {width: 48%;}
.serv2 .flex .bl img { width: 100%; height: 25vw; object-fit: cover; max-height: 50rem;}

/*SITEMAP*/
ul.sitemap li a:hover {color: #83b0eb;}



@media screen and (min-width: 1920px) {
	html {font-size: 75%;}
	
}


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

}
	
	
@media screen and (max-width: 1420px) {
	.logo-bg {width: 50rem;}
	.first-home { padding: 0 0 5rem;}
	.first-home .bl { width: 55%;}
	
	.chisiamobg { background-position: top right -30rem;}
	.contattibg {background-position: top right -30rem;}

	/* .box-prod-pag .flex#categoria-list .bl {width: 33.3%;} */
	.box-prod-pag .flex .bl {width: 50%;}

}


@media screen and (max-width: 1280px) {
	.logo-bg { width: 40rem; height: 11rem;}
	.logo-bg img { width: 24rem;}
	ul.menu li a {padding: 6rem 1rem;}
	.dropdown {padding: 6rem 1rem;}
	.dropdown span {display: none;}
	
	.first-home { padding: 0 0 3rem;}
	.first-home .flex { align-items: center;}
	.first-home .bl { width: 100%;}
	.first-home .bl.testo {top: -7rem;}
	.bg-cavo.webp, .first-home.bg-cavo.webp, .first-home.bg-cavo.no-webp {background-color: #2a3e5a; background-image: none;}
	.img-home-resp {display: block; width: 100%}
	.img-home-resp img { width: 100%; max-width: 60rem;}
	a.abs-btn { top: -12rem; right: 5%;}
	
	section.block-prodotti .flex {flex-direction: column-reverse;}
	section.block-prodotti .flex .bl { width: 100%;}
	.poli {max-width: 60rem;}
	.cent {text-align: center;}
	section.block-prodotti a.abs-btn {left: 5%;}
	
	.chisiamobg { background-position: top right -55rem;}

	/* .box-prod-pag .flex#categoria-list .bl {width: 50%;} */

	footer .flex .bl {width: 30%;}

	.box_img {
		width: 100%;
		float: none;
		margin: 1px 2rem 2rem 0;
		padding-bottom: 70%;
		position: relative;
	}
	
	
}


@media screen and (max-width: 1024px) {
	ul.menu {display: none;}
	ul.menu-resp {display: block;}
	.menu-responsive-btn {display: inline-block; width: 3.4rem; height: 3.4rem; vertical-align: middle; box-sizing: content-box; padding: 5.5rem 3rem;}
	a.abs-btn { top: -2rem}
	.bl-1 .ico { width: 15rem; height: 15rem; line-height: 15rem;}
	section.block-prodotti a.abs-btn {display: none;}
	section.block-azienda { padding: 2rem 0 20rem;}
	
	.chisiamobg.webp, .chisiamobg.no-webp { background: #fff;}
	.top-pag .container .box { width: 100%;}
	.top-pag.chisiamobg .flex .bl { width: 100%;}
	.block-cert .cert { width: 12%; height: 10vw;}
	
	.certbg.no-webp, .certbg.webp { background: #fff;}
	.certbg a.abs-btn {display: none;}
	.serv2 .flex .bl { width: 100%; margin: 0 auto 5rem;}
	.serv2 .flex .bl img {height: 60vw;}
	
	#sidebar {display: none;}
	#sidebar-resp { display: block;}
	#content { padding: 0 0 8rem; width: 100%;}

	#sidebar-resp { margin: 0 auto 3rem;}
	.contentMenu p.upper { padding: 1rem 2rem; color: #303f55; font-size: 1.8rem; font-weight: 600; background: #fff;}
	.img-generica {height: 32vw;}
	.top-pag {margin: 0;}
	.box-prod-pag .breadcrumb { padding: 0;}
	.box-prod-pag .tit1, .box-prod-pag .tit2 { padding: 0;}
	.dett-prodotto { margin: 3rem 0 5rem; padding: 0;}
	#content.dett-prodotto {padding: 0;}
	
	.contattibg.no-webp, .contattibg.webp { background: #fff;}
	
	
}


@media screen and (max-width: 768px) {
	.menu-responsive-btn { padding: 5.5rem 3rem 5.5rem 1rem;}
	.triangle {display: none;}
	.logo-bg { width: 33rem;}
	.logo-bg img { width: 19rem; margin: 1rem 7rem 0 0;}
	a.abs-btn {display: none;}
	.first-home .bl.testo { top: -11rem;}
	.tit1 { font-size: 4rem;}
	.bl-1 .ico { width: 12rem; height: 12rem; line-height: 12rem;}
	div[class^="bl-"] {display: flex; justify-content: center;}
	
	.block-cert .cert { width: 18%; height: 15vw;}
	
	.box-prod-pag .flex .bl {padding: 0 1.5rem;}
	.img-dett-prod { width: 100%; float: none; margin: 0 0 2rem;}
	.desc-prod {margin: 0 auto 3rem;}

	.box-prod-pag .flex .bl {
		width: 100%;
	}

	footer .flex .bl {
		width: 100%;
		padding: 0;
		margin: 0 0 3rem;
	}
	
}


@media screen and (max-width: 580px) {
	.logo-bg { width: 29rem;}
	.menu-responsive-btn { padding: 5rem 0 5rem 1rem;}
	.dropdown {padding: 5rem 1rem;}
	.tit1 { font-size: 3.5rem;}
	.tit4 { font-size: 3rem;}
	.first-home .bl.testo { top: -15rem;}
	.tit2 { font-size: 2.5rem;}
	.img-home-resp {margin: -10rem auto 0;}
	.my-arrows { width: 103%;}
	section.block-cta { margin: -6rem 0 0;}
	.bl-1 .ico, .bl-2 .ico, .bl-3 .ico { width: 10rem; height: 10rem; line-height: 11rem;}
	section.block-azienda { padding: 2rem 0 11rem;}
	section.block-form form .box-50 {display: block;}
	
	.mrg-btm-large { margin-bottom: 4rem!important;}
	.gallery .flex .thumb { width: 15rem;}
	
	.block-cert .cert { width: 25%; height: 21vw;}

	/* .box-prod-pag .flex#categoria-list .bl {width: 100%;padding: 0;} */
	.tit_sc {padding: 0;}

	.btn-scarica, .btn-contatti {width: auto;}
	
}

@media screen and (max-width: 400px) {
	.logo-bg.no-webp, .logo-bg.webp {background: #f0f0f0; position: relative; width: 100%; text-align: center; height: auto;}
	.logo-bg img {margin: 0 auto;}
	.fascia-menu .flex { justify-content: center;}
	.menu-responsive-btn { padding: 2.5rem 0 2.5rem 1rem;}
	.dropdown {padding: 2.5rem 1rem;}
	/* .fascia-menu {clip-path: polygon(0 0,100% 0, 100% 100%, 0 100%)} */
	.first-home .bl.testo { padding: 0;}
	.tit1, .tit4 { font-size: 3rem;}
	.first-home .bl.testo { top: -8rem; text-align: center;}
	.tit2 { font-size: 2.2rem;}
	.img-home-resp { margin: -7rem auto 0;}
	section.block-prodotti .flex .bl {padding: 0;}
	section.block-cta { margin: -4rem 0 0;}
	.bl-1 .ico, .bl-2 .ico, .bl-3 .ico { width: 8rem; height: 8rem; line-height: 9rem;}
	section.block-form form .box-50 { width: 100%;}
	section.block-form form .box-100 {display: block;}
	.btn-2 {min-width: 20rem;}
	.dropdown:hover .dropdown-content {width: 8rem; left: -64%; height: auto;}
	.dropdown-content a { padding: .5rem 0 .5rem 1rem!important; display: inline-block;}
	
	.gallery .flex .thumb { width: 100%; margin: 0 0 1rem;}

}

@media screen and (max-width: 320px) {
	.tit1, .tit4 { font-size: 2.5rem;}
	.first-home .bl.testo { top: -7rem;}
}
	
	
@media screen and (max-height: 420px) {
	.overlay a { font-size: 2rem;}
	.header-home.bg-home { height: 110vh;}

}

@media screen and (orientation: landscape) and (max-width: 1024px) {
	.triangle {display: none;}
}