@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;800&display=swap');


* {margin: 0; padding: 0; box-sizing: border-box;}
html {font-size: 10px; scroll-behavior: smooth;}
body {font-family: 'Heebo', sans-serif; color: #191919; background: #c5c5c5; font-size: 1.6rem; line-height: 1.5; }
hr {margin: 3rem auto;}
ul, ol {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: 'Heebo', sans-serif; background: transparent; transition: all .4s;}
input {font-family: 'Heebo', sans-serif;}
textarea {font-family: 'Heebo', 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: 168rem; padding: 0 2%; margin: 0 auto;}
.errore { font-weight: 600; font-size: 9rem;}
.flex {display: inline-flex; width: 100%; flex-wrap: wrap;}
.hidden { opacity: 0;}
.visible { opacity: 1;}
.upper {text-transform: uppercase;}
.truncate-vert { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

/* MENU RESPONSIVE */
.menu_responsive {display: none;}
.menu-responsive-btn {display: none;}
.menu-open {height: 100%!important; visibility: visible!important;}
.overlay { height: 0%; width: 100%; position: fixed; z-index: 10; top: 0; left: 0; background-color: rgb(0 0 0 / 90%); 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: 2.5rem; 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;}

/*MARGINI*/
.mrg-btm-xsmall {margin-bottom: 5px!important;}
.mrg-btm-small {margin-bottom: 1.5rem!important;}
.mrg-btm-medium {margin-bottom: 2rem!important;}
.mrg-btm-large {margin-bottom: 6rem!important;}
.mrg-btm-xlarge {margin-bottom: 9rem!important;}

/*BOTTONI*/
.btn { display: inline-block; font-weight: 500; font-size: 1.55rem; text-transform: uppercase; padding: 1.3rem 7rem; border-radius: 1rem; position: relative; overflow: hidden; letter-spacing: 1px}
.shine::after { content: ''; position: absolute; top: 0;left: 0;width: 0;height: 100%;background-color: rgba(255,255,255,0.4);-webkit-transition: none;-moz-transition: none;transition: none;}
.shine:hover::after { width: 120%; background-color: rgba(255,255,255,0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

/*COLORI*/
.white-bg {background: #fff;}
.white {color: #fff;}
.black {color: #191919;}
.black-bg {background-color: #191919;}
.red {color: #D21113;}
.red-bg {background-color: #D21113;}
.grey-light-bg {background-color: #F5F5F5;}
.grey {color: #B1B1B1;}
.grey-bg {background-color: #B1B1B1;}

/* TITOLI */
.tit1 {font-size: 6rem; line-height: 1.2; font-weight: 300;}
.tit2 {font-size: 3.5rem; line-height: 1.2; font-weight: 500;}
.tit3 {font-size: 3.1rem; line-height: 1.4; font-weight: 400;}
.tit4 {font-size: 2rem; line-height: 1.5; font-weight: 500;}
.tit5 {font-size: 2.5rem; line-height: 1.5; font-weight: 500;}
.txt {font-size: 1.8rem; line-height: 1.8; font-weight: 400;}
.tab-tit {font-size: 1.8rem; line-height: 1.2; font-weight: 300;}
.tab-num {font-size: 2.6rem; line-height: 1.2; font-weight: 500;}
.tit-news {font-size: 2rem; line-height: 1.4; font-weight: 300; }

.truncate-vert {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}



/*-------STILE SITO--------*/
.searchbar {display: inline-flex;min-width: 25rem;align-items: center; background: rgb(255 255 255 / 65%);padding: 0 0.8rem;}
.searchbar #myInput {border: none;font-size: 1.6rem;padding: 1rem;background: transparent;width: calc(100% - 2.8rem); color: #fff;}
.searchbar #myInput:focus {border: none;outline: none;}
.ico {width: 2.2rem;height: 2.2rem;margin: 0 1rem 0 0;position: relative;top: 2px;}

.fascia-menu {position: absolute; top: 0; z-index: 9; width: 100%; padding: 3rem 2%; /* max-width: 200rem; */background: rgb(25,25,25);
	background: -moz-linear-gradient(180deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
	background: linear-gradient(180deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#191919",endColorstr="#191919",GradientType=1);}
.fascia-menu .flex {align-items: center; position: relative;}
.logo {width: 11.1rem; padding: 0 3rem 0 0; border-right: 1px solid rgb(255 255 255 / 50%);}
.logo img {width: 100%;}
.splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track { height: 95vh;}
#slide-home .splide__arrow {width: 23px; height: 23px; position: absolute; z-index: 9; top: 50%;}
#slide-home .splide__arrow svg {width: 23px; height: 23px;}
#slide-home .splide__arrow svg { fill: rgb(255 255 255 / 25%);}
#slide-home .splide__arrow.my-prev {left: 2%;}
#slide-home .splide__arrow.my-next {right: 2%;}
#slide-home .splide__arrow.my-prev svg { transform: rotate(180deg);}
.splide__slide img { vertical-align: bottom;width: 100%;height: 100%;object-fit: cover;}

.menu {width: calc(100% - 14.1rem - 25rem - 6rem); text-align: right;}
.menu ul { display: inline-block; padding: 1rem 2rem; margin: 0 3rem 0 0; border-left: 1px solid rgb(255 255 255 / 50%); border-right: 1px solid rgb(255 255 255 / 50%);}
.menu ul li {display: inline-block;}
.menu ul li a {display: inline-block; padding: 0 2rem; font-weight: 300; font-size: 1.55rem;}
.rett-menu {width: 100%;height: 4rem;border-top: 1px solid rgb(255 255 255 / 50%);border-right: 1px solid rgb(255 255 255 / 50%);border-left: 1px solid rgb(255 255 255 / 50%);}
.menu ul li a:hover {color: #ff7879;}
.menu ul li a.active {color: #ff7879;}

/* selezione lingua */
.language-selector {position: relative; width: 8rem; margin: 0 0 0 1rem;}
.language-selector input[type=checkbox]{display: none;}
.language-selector label{display: inline-block;width: 100%;background-color: transparent;padding: 1.05rem 1.6rem;cursor: pointer;text-align: center; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; color: #fff; font-size: 1.5rem;}
.language-selector label img {display: inline-block; vertical-align: middle;}
ul.language-selector-list {position: absolute;list-style: none;text-align: left;width: 100%;z-index: 1;margin:0;padding:0;display: none;}
ul.language-selector-list li{padding: 0.5rem 1.6rem;background-color: rgb(255 255 255 / 65%);color: #191919;margin-bottom: 3px;cursor: pointer;}
ul.language-selector-list li:hover{background-color: #fff;color: #191919;}
ul.language-selector-list li a{color: inherit;text-decoration: none;}
/* input[type=checkbox]:checked ~ label {background-color: #dedede;} */
input[type=checkbox]:checked ~ ul {display: block;}


/* search mobile */
.mobile-search {display: none;}
/* .dropdown { position: relative; } */
.dropdown .dropdown-content { opacity: 0; font-size: 12px; pointer-events: none; position: absolute; top: 34px; right: 0; overflow-x: hidden; overflow-y: auto; color: #191919; background-color: rgb(255 255 255 / 85%); transition: all 0.2s ease-in; width: 100%; left: 0; padding: 1rem 2rem;}
.dropdown .dropdown-content .search-bar {display: inline-flex; align-items: center; width: 100%; justify-content: space-between;}
.dropdown .dropdown-content input { border: none; background: transparent; font-size: 1.8rem; width: calc(100% - 3rem);}
.dropdown .dropdown-content .ico { margin: 0;}
.dropdown .dropdown-content input:focus { outline: none;}
.dropdown .dropdown-content input::placeholder {font-size: 1.6rem!important; color: #606060!important;}
.dropdown .dropdown-content .dropdown-toggle { transition: all 0.2s ease-in; }
.dropdown .dropdown-content .dropdown-link span {transition: all 0.2s ease-in;}
.dropdown .dropdown-content .dropdown-link:hover {cursor: pointer;}
.dropdown.open .dropdown-content {opacity: 1;pointer-events: auto;transform: translateY(10px);}
.dropdown-toggle {transition: all 0.2s ease-in;}
.dropdown-toggle:hover {cursor: pointer;}

.box-txt-abs { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.logo-big {width: 27rem; margin-bottom: 3rem;}
.box-txt-abs .line { width: 100%;height: 1px;margin: 1rem 0 2rem;background: rgb(255 255 255 / 40%);}
.box-txt-abs .cta {text-align: right; border-top: 1px solid rgb(255 255 255 / 30%);}
.box-txt-abs .cta .box {border-left: 1px solid rgb(255 255 255 / 30%);}

section.azienda-home { padding: 12rem 0; position: relative;}
section.azienda-home .img-abs {position: absolute; top: 0; right: 0; height: 100%; z-index: 0;}
section.azienda-home .flex {position: relative; z-index: 2;}
section.azienda-home .flex .bl1 { width: 32rem; margin: 0 3rem 0 0;}
section.azienda-home .flex .bl2 { width: calc(100% - 35rem);}
section.azienda-home .flex .bl2 .txt {padding: 0 0 1rem 4rem;}
.cta { margin: 2rem 0; border-top: 1px solid rgb(0 0 0 / 30%);text-align: right;padding: 0;}
.cta .box {padding: 2rem 0 0 2rem; display: inline-block; border-left: 1px solid rgb(0 0 0 / 30%);}

.scelta-catalogo .flex .bl1 {width: 60%;}
.scelta-catalogo .flex .bl2 { width: 40%; padding: 0 0 0 6rem;}
#flex-blocchi {margin: 5rem 0; justify-content: space-between;}
#flex-blocchi .blocco {width: 45%;}
picture.img-catalogo { width: 100%; max-height: 59rem; height: 40vw; aspect-ratio: 1 / 1; overflow: hidden; display: inline-block;}
picture.img-catalogo img {width: 100%; height: 100%; object-fit: cover; transition: ease-in-out 1s;}
.square { width: 14rem;height: 14rem;display: flex;align-items: center;text-align: center; background-color: #191919; transition: all .3s;}
#flex-blocchi .blocco .flex.box-txt {margin: -1rem 0 0; position: relative;}
#flex-blocchi .blocco .flex.box-txt .tit3 { width: calc(100% - 14rem); display: flex; padding: 0 2rem; align-items: center;}
#flex-blocchi .blocco:last-of-type .flex.box-txt {flex-direction: row-reverse;}
#flex-blocchi .blocco:last-of-type .flex.box-txt .tit3 { justify-content: right;}
#flex-blocchi .blocco:hover picture.img-catalogo img {transform: scale(1.2);}
#flex-blocchi .blocco:hover .square {background-color: #D21113;}
.el-outside {display: inline-block;width: 200%;height: 100%;position: absolute;left: -200%;}
#flex-blocchi .blocco:last-of-type .el-outside {right: -200%; left: auto;}

section.applicazioni {padding: 8rem 0;}
section.applicazioni .tit3 {text-align: center; margin: 0 auto 4rem;}
section.applicazioni .flex { justify-content: center;}
section.applicazioni .flex .bl { width: 25%; padding: 0 4rem; margin: 0 0 3rem;}
section.applicazioni .flex .bl .box-txt {position: relative;}
section.applicazioni .flex .bl .box-txt .tit4 { padding: 0 0 0 4rem;}
.img-app {width: 100%;}
.ragno {position: absolute; top: -8rem; width: 2.9rem;height: auto; aspect-ratio: 29/98; object-fit: contain;}

.prodotti-home {padding: 4rem 0 6rem;}
.prodotti-home .flex {/* align-items: flex-end; */align-items: flex-start;}
.prodotti-home .flex .bl1 { width: 60%;}
.prodotti-home .flex .bl2 { width: 40%; padding: 0 0 0 6rem;}
#slide-prodotti {margin: 6rem auto 0;}
.tabella {margin: 0 0 2rem;}
.tabella .row-50 {width: 50%; padding: 1rem 0; text-align: right; border-bottom: 1px solid rgb(0 0 0 / 30%);}
.tabella .row-50:first-of-type {width: calc(50% - 1px); border-right: 1px solid rgb(0 0 0 / 30%); text-align: left;}
.tabella .row {width: 100%; padding: 1rem 0; border-bottom: 1px dotted rgb(0 0 0 / 30%); display: inline-flex; align-items: center; justify-content: space-between;}
.hover-change {position: relative;}
.hover-change img { width: 100%; height: 50vw; max-height: 28rem; object-fit: contain;}
.hover-change .hover-1 {position: relative; opacity: 1; transition: ease-in-out .3s;}
.hover-change .hover-2 {position: absolute; top: 0; left: 0; opacity: 0; transition: ease-in-out .3s;}
.box-prodotto:hover .hover-change .hover-2 {opacity: 1;}
#slide-prodotti .splide__arrow.my-prev {left: -4%;}
#slide-prodotti .splide__arrow {width: 23px;height: 23px;position: absolute;z-index: 9;top: 50%;}
#slide-prodotti .splide__arrow.my-next {right: -4%;}
#slide-prodotti .splide__arrow.my-prev svg {transform: rotate(180deg);}
#slide-prodotti .splide__arrow svg { width: 23px; height: 23px; fill: rgba(40, 40, 40, 0.25);}
.freccia {width: 3.5rem; height: 3.5rem; padding: 6px; position: absolute; bottom: 0; right: 0; background-color: #191919; transition: all .3s;}
.freccia img {width: 100%; height: 100%;}
.box-prodotto:hover .freccia {background-color: #D21113;}

.azienda-home .flex .bl {width: 50%;}
.azienda-home .flex .bl .tit3 { padding: 0 3rem 0 0;}
.azienda-home .flex .bl .container {max-width: 71rem; margin: 0 0 0 auto;}
.azienda-home .flex .bl .row {padding: 1.5rem 0; border-top: 1px solid #D21113; margin: 0 0 2rem;}
.azienda-home .flex .bl .row .txt { padding: 0 3rem 0 0;}
.azienda-home .flex .bl img { width: 100%; height: 60vw; max-height: 75rem; object-fit: cover;}

.video_home {margin: 5rem 0 18rem;}
.video-cont {width: 100%;padding-bottom: 56.25%;position: relative;aspect-ratio: 16 / 9;}
.video-cont .video {width: 100%;height: 100%;position: absolute;object-fit: cover; top: 0; left: 0;;}

/* .news-home .flex .bl1 {width: 40%; padding: 0 6rem 0 0; text-align: left;}
.news-home .flex .bl2 {width: 60%; text-align: left; padding: 0 0 0 6rem;} */
.news-home {margin: 0 0 10rem;}
.news-home .flex.gen {gap: 4rem;}
.datatitolo { width: 20rem; padding: 0 3rem 0 0; display: flex; justify-content: space-between; flex-direction: column;}
.imgleggi {width: calc(100% - 20rem); padding: 0 3rem 0 0;}
.data {font-size: 1.4rem; font-weight: 600;}
.data .big {font-size: 4.5rem;}
.imgleggi {text-align: right;}
.imgleggi img {width: 100%; margin: 0 0 1rem;}
.leggi {font-size: 1.4rem; font-weight: 600; padding: 1rem 0 1rem 1rem; border-top: 5px solid #D21113; display: inline-block;}
div[class^="news-"] {width: calc(50% - 2rem);text-align: left;margin: 0 0 5rem;}
div[class^="news-"] .flex {flex-direction: row-reverse;}
div[class^="news-"] .imgleggi img { height: 30vw; max-height: 40rem; object-fit: cover;}
/* .news-1 .imgleggi img { height: 20vw; max-height: 20rem; object-fit: cover;}
.news-2 .flex, .news-3 .flex {flex-direction: row-reverse;}
.news-2 .datatitolo, .news-3 .datatitolo {padding: 0 0 0 3rem;}
.news-3 .imgleggi img { height: 30vw; max-height: 38rem; object-fit: cover;}
.news-2 .imgleggi img { height: 30vw; max-height: 40rem; object-fit: cover;}
.news-4 .imgleggi img {height: 30vw; max-height: 22rem; object-fit: cover;} */

.bg-image {background-size: cover; background-position: center; background-repeat: no-repeat;}
.prefooter {padding: 10rem 0; height: 70vh;}
.prefooter .tit2 {max-width: 60rem;}
.prefooter .cta {border-top: 1px solid rgb(255 255 255 / 30%);}
.prefooter .cta .box {border-left: 1px solid rgb(255 255 255 / 30%);}

footer {padding: 8rem 0 5rem;}
footer a {color: #fff; font-size: 13px; font-weight: 300;}
footer a:hover {color: #D21113;}
footer .bl1 { width: 40%; padding: 0 3rem 0 0;}
footer .bl2 { width: 30%; padding: 0 3rem;}
footer .bl2 .box {margin: 0 0 1.2rem;}
.logo-ft {width: 10rem; margin: 0 0 1rem;}
.txt-ft { font-size: 13px; font-weight: 300;}
.tit-ft {font-size: 17px; margin-bottom: 8px;}
.cta-ft {display: block; padding: 1rem; margin: 0 0 1rem;background-color: #D21113; color: #fff; font-weight: 400;}
.cta-ft:hover {background-color: #F5F5F5; color: #D21113;}
ul.social {display: inline-flex; margin: 2rem 0;}
ul.social li {padding: 0 1.5rem 0 0;}
ul.social li img {width: 2.5rem; height: 2.5rem; transition: all .3s;}
ul.social li img:hover {opacity: .7;}

/* Ricerca */
.ris_ricerca .row { padding: 2rem; box-shadow: 0 0 1rem rgb(0 0 0 / 10%); border-radius: 1rem; margin: 0 0 3rem;}
.ris_ricerca .row p {margin: 0 0 5px;}

/*CREDITS*/
p.credits {font-size: 1.1rem; text-align: left; color: #9f9f9f; margin: 3rem auto 0; padding: 0;border-top: 1px solid rgb(255 255 255 / 30%); display: flex; justify-content: space-between;}
p.credits a {color: #9f9f9f;}
p.credits a:hover {color: #D21113;}
p.credits span {display: inline-block; padding: 1rem 1rem 0 0; border-right: 1px solid rgb(255 255 255 / 30%);}
p.credits span:last-of-type {border-left: 1px solid rgb(255 255 255 / 30%); border-right: none; padding: 1rem 0 0 1rem;}



/* PAGINE */
.top-pagina {height: 30rem; width: 100%;}
.breadcrumb { padding: 5px 0; font-size: 13px;}
.breadcrumb ul li { display: inline-block;}
.breadcrumb ul li a:hover {color: #D21113;}
.first-section { padding: 8rem 0; position: relative;}
section.first-section .img-abs {position: absolute; top: -3rem; right: 0; height: 100%; z-index: 1;}
section.first-section .txt {padding: 1.5rem 0 0 15%;}


/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* NUOVO CATALOGO IEC */

.box-iec .flex .bl { width: 50%; padding: 0 5rem; margin: 0 0 7rem;}
.box-iec .row.legenda {display: flex;border-bottom: 1px solid rgb(0 0 0 / 20%); padding: 1rem 0;}
.box-iec .row.legenda .iec {width: 10rem;font-size: 2.5rem;font-weight: 500;line-height: 1;}
.box-iec .row.legenda .poli {width: 5rem; font-size: 2rem;line-height: 1;}
.box-iec .row.legenda .small { font-size: 1.4rem;padding: 0 0 0 1.5rem;}
.box_interno {display: flex;}
.box_interno_numero {width: 10rem;}
.box_interno_numero .num {font-size: 4.5rem;}
.box_interno_numero .freccia {position: relative;}
.box_interno_numero a:hover .freccia {background-color: #D21113;}
.box_interno_dettagli {width: calc(100% - 10rem);}
.box-iec .row.dettagli {display: flex; align-items: stretch; border-bottom: 1px dotted rgb(0 0 0 / 40%);flex-wrap: wrap;}
.box-iec .row.dettagli:last-of-type {border-bottom: none;}
.box-iec .box_interno_dettagli .num_poli { width: 5rem; height: 100%; display: flex; align-items: center; justify-content: center; background: #F0F0F0; border-left: 1px solid rgb(0 0 0 / 20%); border-right: 1px solid rgb(0 0 0 / 20%); transition: all .3s; font-size: 1.8rem; font-weight: 600;}
.box-iec .box_interno_dettagli .a_num_poli:hover .num_poli { background: #dbdbdb;}
.box_num_diametro {display: flex; flex-wrap: wrap; width: calc(100% - 5rem); padding: 8px 0;}
.box-iec .row.dettagli .num_diametro { padding: 4px 6px;background: #fff;border: 1px solid #D21113;border-radius: 1rem;line-height: 1; margin: 0 0 5px 1.2rem;}
.box-iec .row.dettagli .num_diametro:hover { background-color: #D21113; color: #fff;}

.box-categoria.box-iec .box_interno_dettagli {border-left: 1px solid rgb(0 0 0 / 20%);}
.box-categoria.box-iec .box_num_diametro {width: 100%;}
.box-categoria.box-iec .box-prodotti .tit3, .box-prodotti .tit3 { padding: 0 5rem; margin: 0 0 3rem;}



/* ---------------------------------------------------------------------------------------------------------------------------------------- */



/* CATALOGO IEC */
.box-iec {padding: 0 0 13rem;}
.bl-prod:hover .hover-change .hover-2 {opacity: 1;}
.box-iec .bl-prod {width: calc(33.3% - 4rem); margin: 2rem;}
.bl-prod .box-txt {min-height: 19rem; position: relative;}
.bl-prod .box-txt .row {width: 100%; padding: 0 0 5px; border-bottom: 1px solid rgb(0 0 0 / 19%)}
.bl-prod .box-txt .freccia { background-color: #D21113;}
.bl-prod:hover .box-txt .freccia { background-color: #ff7879;}
.bl-prod .num { padding: 5px 2rem 2rem 0; font-size: 5rem; font-weight: 500;border-right: 1px solid rgb(0 0 0 / 19%); width: 8rem;}
.bl-prod .campi {width: calc(100% - 8rem - 1px); padding: 1.5rem 1rem;}
.bl-prod .box-txt .campi .row.flex {border-bottom: 1px dotted rgb(0 0 0 / 19%); justify-content: space-between; padding: 0;}
.bl-prod .box-txt .campi .row p {font-size: 13px;}
.bl-prod .box-txt .campi .row p.value {font-size: 16px; font-weight: 600;}

/* CATEGORIA */
.bold {font-weight: 600;}
.ico img {width: 100%;}
.accordion-box { padding: 1rem 0;height: calc(100% - 6.5rem);}
/* accordion menu resp */
.spallaresponsive {display: none;}
#mySidenav {display: none;}
.sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; overflow-x: hidden; transition: .5s;}
.sidenav .closebtn {    position: absolute;
    top: 20px;
    color: #191919;
    right: 20px;
    font-size: 26px;
    margin-left: 50px;
    background: #fff;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;}
.sidenav a { text-decoration: none; color: #fff;  display: block; transition: .3s;}
.sidenav a.cta-menu { position: absolute; bottom: 1rem; color: #191919; display: flex; align-items: center; padding: 1px 1rem; font-weight: 500; margin: 0; height: auto;}
.sidenav a.cta-menu img {width: 1.8rem; height: 1.8rem;}
.sidenav .flexnav { display: flex;}
.sidenav .flexnav .bgcolor { position: fixed; background-color: rgb(0 0 0 / 65%); width: 21%; min-height: 100vh; height: 100%;}
.sidenav .flexnav .bgblack { background-color: rgb(0 0 0 / 100%); margin-left: 20%; width: 80%; min-height: 100vh; height: 100%; padding: 100px 20px; }
ul.accordion { list-style: none; padding: 0; width: 100%; display: block;}
ul.accordion li { margin: 5px 0;}
.mainbox { padding: 0.8rem; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #555; }
.mainbox .txt {width: 100%; color: #fff; font-size: 14px;}
ul.accordion a { font-size: 2rem;padding: 0 0 1rem;}
ul.accordion a:hover {color:#D21113;}
.voce { width: 50%; display: inline-block; font-weight: 600;}
ul.accordion li .toggle { cursor: pointer; width: 50%; display: inline-block; color: #fefefe; border-radius: .15em; transition: background .3s ease;}
.toggle { opacity: 1!important;}
ul.accordion li .toggle img { width: 20px; float: right;}
ul.accordion .inner { overflow: hidden; display: none; padding: 1rem 0;}
ul.inner { width: 100%; }
ul.inner p { font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    display: block;
    background: rgba(255 255 255 / 40%);
    padding: 5px 10px;
    margin: 0 0 10px; transition: all .3s;}
ul.accordion li { margin: 0; }
.li.flex { justify-content: space-between; flex-wrap: wrap; align-items: center; }
.inner a { font-size: 1.6rem!important; margin: 0; opacity: .8;}
ul.accordion li ul li {padding: 0;}
ul.accordion li ul li a {padding: 0;}
ul.inner .row-prodotto { font-size: 1.8rem; text-transform: uppercase; font-weight: 400; color: #fff; display: flex; background: rgba(255 255 255 / 40%); padding: 5px 10px; margin: 0 0 10px; width: 100%; align-items: flex-end; justify-content: space-between; transition: all .3s;}
ul.inner .row-prodotto .cl {width: 50%;}
ul.inner .row-prodotto .cl span {display: block;}
ul.inner .row-prodotto .cl#freccia {text-align: right;}
ul.inner .row-prodotto:hover, ul.inner p:hover {background: rgb(255 52 55 / 66%)}

/* accordion */
.box-categoria {padding: 0 0 8rem;}
.box-categoria .spalla {width: 25rem;}
.box-categoria .box-prodotti {width: calc(100% - 25rem);}
.box-categoria .box-prodotti .bl-prod {width: calc(50% - 10rem); margin: 0 5rem 8rem;}
.accordion {padding: 5px 1.5rem;}
.accordion ul li { border-bottom: 1px solid rgb(25 25 25 / 40%);}
.question { cursor: pointer; position: relative; margin: 1rem 0 0;}
.question .ico {position: absolute; width: 1.7rem; right: 0;top: 0;height: 100%;display: flex;align-items: center;transition: .6s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; margin: 0;}
.answer {max-height: 0; overflow: hidden; transition: all .4s ease-out; margin: 0 0 1rem;}
.accordion li.open .answer {max-height: 1000px; transition: all .6s ease-in;}
.answer a { padding: 0 5px; background-color: #fff; margin: 0 0 8px; display: inline-flex; width: 100%; justify-content: space-between; align-items: center;}
.answer a:first-child {margin: 8px 0;}
.answer a:hover {background-color: #ffbfc0;}
.answer a img { width: 2rem; height: 2rem;}
.accordion li.open .question .ico { transform: rotate(180deg); }
.spalla .searchbar {background-color: #CECECE; margin: 0 0 2rem;}
.spalla .searchbar input::placeholder {color: #fff!important;}
.answer .row-prodotto { font-size: 1.8rem; text-transform: uppercase; font-weight: 400; display: flex; padding: 5px 0; width: 100%; align-items: flex-end; justify-content: space-between; transition: all .3s;}
.answer .row-prodotto .cl {width: 50%;}
.answer .row-prodotto .cl span {display: block; font-size: 14px;}
.answer .row-prodotto .cl#freccia {text-align: right;}


/* SOTTOCATEGORIA */
.sottocategoria .tabella { margin: 0 0 1rem;}
.sottocategoria .tabella .row {padding: 8px 0 0;}
.sottocategoria .tab-tit {font-size: 1.4rem;}
.sottocategoria .tab-num {font-size: 1.8rem;}


/* DETTAGLIO PRODOTTO */
.box-prodotti.dettaglio {width: calc(100% - 33rem); margin: 0 4rem;}
.num {font-size: 2.4rem; font-weight: 600;}
.riepilogo {width: 22rem; margin: 0 3rem 0 0;}
.riepilogo .row {margin: 0 0 1rem; padding: 0 0 1rem; border-bottom: 1px solid rgb(25 25 25 / 40%);}
.riepilogo .row:last-of-type {border-bottom: none;}
.box-foto {width: calc(100% - 25rem);}
.box-foto .thumb {width: calc(50% - 5rem); margin: 0 2rem; display: inline-block;}
.box-foto .thumb img {width: 100%;}
.box-tabelle {margin: 3rem 0; width: 100%;}
.tabella-dett {width: calc(50% - 3rem); margin: 0 3rem 0 0;}
.tabella-dett:last-of-type {margin: 0 0 0 3rem;}
.tabella-dett .row.tit, .tabella-misure.desktop .row.tit {text-align: center; border-bottom: 1px solid #962B2C; margin: 0 0 1rem; display: block;}
.tabella-dett .row.tit .txt {color: #962B2C;}
.tabella-dett .row {border-bottom: 1px dotted rgb(0 0 0 / 30%); margin: 0 0 1rem; display: inline-flex; width: 100%; justify-content: space-between; align-items: flex-start;}
.tabella-dett .row div span {display: block; line-height: 1.2;}
.tabella-dett .row .num {font-size: 2rem; line-height: 1;}
.tabella-dett .row .num select {background: #efefef;
    border: none;
    font-size: 1.6rem;
    text-align: right;
    padding: 5px;
    font-weight: 400;
    border-radius: 5px; color: #191919;}
.brd {border: 2px solid}
.box-prodotti.dettaglio .btn {padding: 1.3rem 3rem;}
.box-prodotti.dettaglio .btn.brd:hover {background-color: #962B2C; color: #fff;}
.box-prodotti.dettaglio .cta .box:first-of-type { padding: 2rem 2rem 0 0; border-left: none;}

/* modal */
#modal-open {cursor: pointer;}
#modal-container {position: fixed;top: 0;z-index: 10;width: 100%; height: 100%;overflow: auto;background-color: none; opacity: 0; visibility: hidden; transition: all .3s;}
#modal-container.open{opacity: 1; visibility: visible; background: rgb(0 0 0 / 75%);}
#modal-content {margin: 0 auto; padding: 4rem; width: 95%; background-color: #fff; left: 50%; top: 50%; position: absolute; transform: translate(-50%,-50%); max-width: 120rem;}
.modal-close {position: absolute; top: 2rem; right: 2rem; cursor: pointer;}
/* form modal */
.form-modal .flex {justify-content: space-between;}
.form-modal .flex .row33 {width: 31.3%; margin: 0 0 2rem;}
.form-modal .flex .row50 {width: 48%; margin: 0 0 2rem;}
.form-modal .flex div[class^="row"] {display: inline-flex; flex-direction: column-reverse; flex-wrap: wrap;}
.form-modal .flex div[class^="row"] input {width: 100%; padding: 1rem; background-color: #F5F5F5; border: none;}
.form-modal .flex div[class^="row"] label {font-size: 1.3rem;}
.form-modal input.privacy {float: left; margin: 2px 5px 0 0;}


/* SCELTA CORONA */
.box-corone {margin: 0 auto 8rem;}
.box-corone .flex .bl {width: calc(33.3% - 2rem); margin: 0 2rem 0 0; position: relative;}
.box-corone .flex .bl:nth-child(2) {margin: 0 1rem 0;}
.box-corone .flex .bl:nth-child(3) {margin: 0 0 0 2rem;}
.box-corone .flex .bl img {width: 100%; height: auto; aspect-ratio: 1 / 1;}
.box-corone .flex .bl .tit4 {border-bottom: 1px solid rgb(0 0 0 / 30%); width: calc(100% - 4px);}
.box-corone .flex .bl .freccia { width: 3rem; height: 3rem; top: 3rem; right: 3px; background-color: #d21213; transition: all .3s;}
.box-corone .flex .bl .freccia::after {content: ''; display: inline-block; width: 1px; height: 100%; position: absolute; top: 0; left: -1rem; background-color: rgb(0 0 0 / 30%);}
.box-corone .flex .bl:hover .freccia {background-color: #962B2C;}
.riepilogo.orizzontale {display: inline-flex; flex-wrap: wrap; width: 100%; margin: 0 0 2rem;}
.riepilogo.orizzontale .tit4 {width: 100%;}
.riepilogo.orizzontale .row { margin: 0 3rem 0 0; padding: 0 3rem 0 0; border-right: 1px solid rgb(25 25 25 / 40%); border-bottom: none;}

/* DETTAGLIO CORONA */
.box-corone.dettaglio .tit4 {border-bottom: 1px solid rgb(0 0 0 / 30%); margin: 0 0 1.5rem;}
.img-corona {width: 100%; height: 30vw; max-height: 30rem; object-fit: contain;}
.dark-red {color: #962B2C;}
.tabella-misure .row {width: 100%; padding: 0 0 5px; margin: 0 0 5px; border-bottom: 1px dotted rgb(0 0 0 / 30%);}
.tabella-misure .row .flex {display: inline-flex; width: 100%; /* flex-wrap: nowrap; */}
.tabella-misure .row .bl {width: 7.8%; flex-grow: 2;}
.tabella-misure .row .bl:first-of-type {width: 10.3%; max-width: 10.3%;}
.tabella-misure .row .bl span {display: block;}
.tabella-misure .row .bl.avanti {width: 3%;}
.tabella-misure .row .bl.avanti img { display: inline-block; background: #d21213; padding: 8px 5px; width: 2.5rem; transition: all .3s;}
.tabella-misure .row:hover .bl.avanti img {background: #962B2C;}
.misura {margin: 0 auto 8rem;}
.tabella-misure.resp {display: none;}
.tabella-misure.resp .row {display: inline-flex; justify-content: space-between;}
.tabella-misure.resp .row.tit .txt {line-height: 1;}
.tabella-misure.resp .row.tit .btn-freccia {display: flex; align-items: center;}
.tabella-misure.resp .row.tit .btn-freccia img {display: inline-block;
    background: #d21213;
    padding: 9px 5px;
    width: 3rem;
    height: 3rem;
    object-fit: contain; margin: 0 0 0 1rem;}
.tabella-misure.resp .row.tit:hover .btn-freccia img {background: #962B2C;}
.tabella-misure.resp .row:last-child {border-bottom: none;}
.tabella-misure.resp .row div span {display: block; line-height: 1.3;}
.desc-btn { display: inline-flex; justify-content: center; width: 100%; background: #f7f7f7; padding: 1rem 0 0;}
.desc-btn p { line-height: 1;}
.desc-btn p:first-child { text-align: right; margin: 0 1rem 5px 0;}
.desc-btn p:last-child { text-align: left; margin: 0 0 5px 1rem;}
#slide-misure .my-arrows {text-align: center; margin: 0 0 2rem; background: #f7f7f7; padding: 0 0 5px;}
#slide-misure .my-arrows svg {fill: #B1B1B1;}
#slide-misure .my-arrows .my-prev svg {transform: rotate(180deg); margin: 0 1rem 0 0;}
#slide-misure .my-arrows .my-next svg {margin: 0 0 0 1rem;}

/* PAGINA FINALE */
.misura > .row.tit {text-align: center; border-bottom: 1px solid #962B2C; margin: 0 0 1rem; display: block;}
.box-prodotti.dettaglio.finale .cta { display: flex; align-items: center; width: 100%; justify-content: flex-end;}
.box-prodotti.dettaglio.finale .cta .box:first-of-type {padding: 1rem 2rem 0 0;}
ul.accordion.finale-resp { margin: 3rem 0; display: none;}
ul.accordion.finale-resp li .toggle { width: 100%; text-align: center; padding: 0; font-size: 1.8rem;}
ul.accordion.finale-resp li .toggle .voce { width: auto;}
ul.accordion.finale-resp li .toggle img {float: none;}
ul.accordion.finale-resp .inner { width: 100%;}
ul.accordion.finale-resp .mainbox { border-bottom: 1px solid #962b2c; padding: 0;}
ul.accordion.finale-resp .mainbox .txt {color: #191919;}
ul.accordion.finale-resp .tabella-dett {width: 100%; margin: 0;}
ul.accordion.finale-resp .tabella-dett .row:last-child {border-bottom: none;}


/* AZIENDA */
.seconda-azienda {padding: 5rem 0;}
.puntidiforza {padding: 5rem 0;}
.puntidiforza .flex .bl {width: 50%;}
.puntidiforza .flex .bl .container {max-width: 71rem; margin: 0 0 0 auto;}
.puntidiforza .flex .bl .row {padding: 1.5rem 0; border-top: 1px solid #D21113; margin: 0 0 2rem;}
.puntidiforza .flex .bl .row .txt { padding: 0 3rem 0 0;}
.puntidiforza .flex .bl img { width: 100%; height: 40vw; max-height: 25rem; object-fit: cover;}

.numeri {padding: 5rem 0;}
.numeri .flex .bl {width: 50%;}
.numeri .flex .bl .container {max-width: 71rem; margin: 0 0 0 auto;}
.numeri .flex .bl .row {padding: 1.5rem 0; border-top: 1px solid #D21113; margin: 0 0 2rem;}
.numeri .flex .bl img { width: 100%; height: 60vw; max-height: 60rem; object-fit: cover;}
.numeri .flex .bl:first-of-type .container { text-align: right; padding: 2rem 0 0 2%;}
.numeri .flex .bl:last-of-type { margin: 4rem 0 0;}
.numeri .flex .bl:last-of-type .container { margin: 0 auto 0 4%; padding: 0 2% 0 0;}
.numeri .flex .bl:last-of-type img { margin: 4rem auto 0 4%;}
.numeri .flex .bl .container .leggi {border-top: none;}
.numeri .flex .bl .container .leggi span {display: block; height: 5px; width: 6rem; background-color: #d21213; margin: 0 0 1rem auto;}
.numeri .flex .bl:last-of-type .container .leggi span {margin: 0 auto 1rem 0;}
.numeri .flex .bl:last-of-type .container .leggi { padding: 1rem 1rem 1rem 0;}
.numeri .flex .bl:last-of-type .container:last-of-type { padding: 2rem 2% 0 0;}

.splide#slide-storia {position: relative}
.splide#slide-storia, .splide#slide-storia .splide__list, .splide#slide-storia .splide__slide, .splide#slide-storia .splide__track { height: 90vh;}
#slide-storia .img-slide {object-fit: cover; /* height: calc(100% - 8rem); */ width: 100%; padding: 4rem 0;}
.storia .ragno { transform: rotate(180deg) rotateY(180deg); top: 2rem; left: 0;}
.storia > .container { position: relative; z-index: 9;}
#slide-storia .my-arrows button { width: 15rem; background: #efefef; padding: 0 0 1rem; z-index: 9;}
#slide-storia .my-arrows svg { fill: #fff; background: #d21213;}
#slide-storia .my-arrows .my-prev {position: absolute; left: 0; bottom: 0;}
#slide-storia .my-arrows .my-next {position: absolute; right: 0; top: 0;}
#slide-storia .my-arrows .my-prev svg { transform: rotate(180deg);}
.anno-succ {color: #191919; position: absolute; z-index: 9; top: 5.5rem; right: 0; font-size: 3.5rem; background: #efefef; width: 15rem; padding: 1rem 0 0; text-align: center;}
.anno-prec {color: #191919; position: absolute; z-index: 9; bottom: 5rem; left: 0; font-size: 3.5rem; background: #efefef; width: 15rem; padding: 1rem 0 0; text-align: center;}
#slide-storia .box-abs {position: absolute; top: 7%; left: 0; width: 100%; max-width: 142rem; padding: 0 2%; margin: 0 auto; right: 0;}
#slide-storia .box-abs .box {width: 100%; max-width: 65rem; background: rgb(210 18 18 / 55%); padding: 2rem;}
#slide-storia .box-abs .box .tit1 {border-bottom: 1px solid rgb(255 255 255 / 45%);}
#slide-storia .box-abs .box .txt {border-left: 1px solid rgb(255 255 255 / 45%); padding: 1rem 0 0 1rem; margin: 0 0 0 2rem;}

.ico_box{width: 15rem;margin: 0 3rem;text-align: center}
.ico_box p.txt{text-transform:uppercase}
.puntidiforza .flex .bl .ico_box img{width:100%;max-width:15rem;height:auto;object-fit:contain}

/* NEWS */
.news-pag .flex .bl {width: 50%; padding: 0 4rem 0 0; border-right: 1px solid rgb(240 240 240 / 100%); margin: 0 0 6rem;}
.news-pag .flex .bl:nth-child(even) {padding: 0 0 0 4rem; border-right: none;}
.news-pag .news-3 .imgleggi img {max-height: 30rem;}
ul.pagination {margin: 2rem auto 12rem;}
ul.pagination li {display: inline-block;}
ul.pagination li a {display: inline-block; position: relative; padding: 5px 8px; border-bottom: 5px solid transparent;}
ul.pagination li a:hover, ul.pagination li a.active {border-bottom: 5px solid #D21113;}
section.first-section .tit4 { padding: 1.5rem 0 0 15%;}
.news-dett-pag {margin: -4rem auto 15rem;}
.img-dett-news {float: left; width: 50%;margin: 0 4rem 4rem 0;height: 60vw;max-height: 50rem;object-fit: cover;}
.txt.desc {line-height: 2; margin: 0 auto 5rem;}
.txt.desc h2 {font-size: 2.6rem; font-weight: 600; margin: 2rem 0 0;}
.txt.desc h3 {font-size: 2.4rem; font-weight: 600; margin: 2rem 0 0;}
.txt.desc h4 {font-size: 2.1rem; font-weight: 600; margin: 2rem 0 0;}
.txt.desc h5 {font-size: 1.8rem; font-weight: 600; margin: 2rem 0 0;}
.txt.desc ul {list-style: disc inside; padding: 1.5rem 0}
.txt.desc ol {list-style: decimal inside; padding: 1.5rem 0}
.txt.desc a {text-decoration: underline; font-weight: 500; color: #d21213;}
.news_video, .news_gallery {padding: 5rem;}
#slide-gal-news .splide__arrow {width: 23px; height: 23px; position: absolute; z-index: 9; top: 50%;}
#slide-gal-news .splide__arrow svg {width: 23px; height: 23px;}
#slide-gal-news .splide__arrow svg { fill: rgb(255 255 255 / 25%);}
#slide-gal-news .splide__arrow.my-prev {left: 2%;}
#slide-gal-news .splide__arrow.my-next {right: 2%;}
#slide-gal-news .splide__arrow.my-prev svg { transform: rotate(180deg);}
.box-img {
    position: relative;
    padding-bottom: 100%;
    background-size: cover;
    width: 100%;
    margin: 0;
}



/* CONTATTI */
.cta-contatti { margin: 3rem 0 0 15%; display: inline-flex; width: 85%; justify-content: space-between; border-bottom: 1px solid rgb(0 0 0 / 30%);}
.cta-contatti span { font-size: 2.5rem; display: inline-block;}
.cta-contatti span a { color: #d21213;}
.cta-contatti span a:hover { color: #191919;}
.cta-contatti span:last-of-type { padding: 0 0 0 1.5rem; border-left: 1px solid rgb(0 0 0 / 30%);}
.mappa-sez .flex { margin: 0 0 8rem;}
.mappa-sez .flex .bl1 {width: 20%; display: inline-flex; flex-direction: column;}
.mappa-sez .flex .bl1 .row { margin: 0 0 3rem;}
.mappa-sez .flex .bl1 .row .btn { padding: 5px 9rem; margin: 1rem auto 0;}
.mappa-sez .flex .bl2 {width: 80%; padding: 0 0 0 4rem;}
.mappa {width: 100%; border: none; height: 100%;}
.form-contatti { padding: 5rem 0; background: #f5f5f5;}
.form-contatti .form-modal .flex div[class^="row"] input, .form-contatti textarea {background-color: #fff;}
.form-contatti .row {width: 100%;}
.form-contatti textarea {border: none; width: 100%; min-height: 10rem; resize: vertical; margin: 0 0 1.5rem; padding: 1rem;}


/* CUSTOM */
.indice .flex .bl {width: 50%;}
.indice .flex .bl img.img-side {width: 100%; height: 100%; object-fit: cover;} 
.indice .flex .bl .container { max-width: calc(71rem - 4%); margin: 0 auto 0 4%; padding: 0 2% 0 0; width: 96%;}
.toggle-indice ul.accordion .inner {width: 100%;}
.toggle-indice ul.accordion li .toggle .freccia {position: relative; background-color: #d21213;}
.toggle-indice ul.accordion li .toggle {width: 100%; border-bottom: 1px solid #d21213;}
.toggle-indice ul.accordion li .toggle .container {width: 96%; display: inline-flex; justify-content: space-between}
.toggle-indice ul.accordion li .row {width: 85%; position: relative; margin: 0 0 0 15%; border-bottom: 1px dotted rgb(0 0 0 / 30%);}
.toggle-indice ul.accordion li .row a {width: 100%; display: inline-flex; justify-content: space-between; padding: 1rem 0 0;}
.toggle-indice ul.accordion li .row .freccia {position: relative; width: 2.5rem;
    height: 2.5rem;
    padding: 4px;}
.toggle-indice ul.accordion li .row a:hover .freccia { background-color: #d21213;}
.toggle-indice .mainbox {padding: 0; margin: 6rem 0 0; border-bottom: none;}
.toggle-indice .mainbox .txt {color: #191919;}
.altri-link {width: 100%; border-bottom: 1px solid #d21213; display: inline-block; padding: 1rem 0;}
.altri-link .container {width: 96%; display: inline-flex; justify-content: space-between}
.altri-link .freccia {position: relative; background-color: #d21213;}

.titolo {padding: 8rem 2% 0;}

section.punzonatura {height: 85vh;}
section.punzonatura .container {position: relative; height: 100%;}
section.punzonatura .container .flex {height: 100%;}
section.punzonatura .flex .bl {width: 50%; padding: 0 3rem; background-color: rgb(0 0 0 / 75%); height: 100%; position: absolute;}
section.punzonatura .flex .bl .box-txt {padding: 30% 0 0;}
.row-tit {display: flex; margin: 0 0 2rem;}
.row-tit .numero {display: flex;
    font-size: 2.8rem;
    font-weight: 600;
    padding: 6px 12px;
    line-height: 1;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0 8px 8px 0;}
section.punzonatura .flex .bl .cta {position: absolute; bottom:0; width: calc(100% - 6rem); border-top: 1px solid rgb(255 255 255 / 30%);}
section.punzonatura .flex .bl .cta .box {border-left: 1px solid rgb(255 255 255 / 30%);}
#pagina-custom .freccia {position: relative; display: inline-block; vertical-align: middle; top: -3px; margin-left: 8px; background-color: #d21213; transform: rotate(90deg);}

section.foro {padding: 0 0 8rem;}
section.foro .top {padding: 9rem 0 8rem;}
section.foro .flex {margin: -5rem auto 0;}
section.foro .flex .bl {width: 33.3%; padding: 0 2rem 0;}
section.foro .flex .bl img {width: 100%; height: auto; aspect-ratio: 1 / 1;}
section.foro .flex .bl:first-of-type {padding: 0 4rem 0 0;}
section.foro .flex .bl:last-of-type {padding: 0 0 0 4rem;}

section.laser .bl {width: 50%;}
section.laser .bl img.img-laser {width: 100%; height: 100%; object-fit: cover;}
section.laser .bl.black-bg { padding: 10rem 0 0; }
section.laser .bl .container { width: 96%; max-width: calc(71rem - 4%); margin: 0 auto 0 4%; padding: 0 2% 0 0; }
section.laser .bl ul.txt {margin-bottom: 11rem;}
.trattino { width: 6rem; vertical-align: middle;}
section.laser .cta { border-top: 1px solid rgb(255 255 255 / 30%);}
section.laser .cta .box {border-left: 1px solid rgb(255 255 255 / 30%);}

section.statori {background: rgb(25,25,25);
    background: -moz-linear-gradient(90deg, rgba(25,25,25,1) 0%, rgba(25,25,25,1) 45%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(25,25,25,1) 0%, rgba(25,25,25,1) 45%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(25,25,25,1) 0%, rgba(25,25,25,1) 45%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#191919",endColorstr="#ffffff",GradientType=1);
margin: -1rem auto 0; padding: 8rem 0 1rem;}
section.statori .flex .bl1 {margin: 0 0 6rem; width: 40%;}
section.statori .flex.row {margin: 0 0 4rem;}
section.statori .flex .bl {width: 50%;}
.toggle-statori ul.accordion .mainbox {padding: 0; border: none;}
.toggle-statori ul.accordion .mainbox .txt {color: #191919; margin: 0 0 0 7rem; width: calc(100% - 7rem); padding: 0 0 6rem;}
.toggle-statori ul.accordion .mainbox .txt.photo {color: #191919; margin: 0 0 0 3rem; width: calc(60% - 4rem); padding:0 0 6rem}
.toggle-statori ul.accordion li .toggle, .toggle-rotori ul.accordion li .toggle {width: 100%; display: inline-flex; color: #191919;}
.toggle-statori ul.accordion li .toggle img {width: 6rem; margin: 0 1rem 0 0;}
.toggle-statori ul.accordion li .toggle img.chevron {width: 2.8rem;}
.toggle-statori ul.accordion li .toggle .box-txt, .toggle-rotori ul.accordion li .toggle .box-txt { width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;}
section.statori .toggle-statori .inner .flex .bl {width: 40%; }
.box-white {padding: 3rem 0 3rem 3rem;}
.box-white ul.accordion .mainbox {margin: 2rem 0 0; padding: 0 0 5px; border-bottom: 1px dotted rgb(0 0 0 / 30%);}
.rett { display: block; height: 5px; width: 6rem; margin: 0 0 5px;}
section.statori .flex#right {justify-content: flex-end;}
section.statori .flex#right .bl1 {width: 50%; margin: 8rem 0 0;}

section.rotore {padding: 0 0 8rem;}
section.rotore .bl-100 {height: 30rem;}
section.rotore .black-bg {padding: 8rem 0 3rem; margin: 0 auto 5rem;}
.toggle-rotori ul.accordion .mainbox {margin: 2rem 0 0; padding: 0 0 5px; border-bottom: 1px dotted rgb(0 0 0 / 30%);}
.toggle-rotori ul.accordion li .toggle img {width: 6rem; margin: 0 1rem 0 0;}
.toggle-rotori ul.accordion li .toggle img.chevron {width: 2.8rem;}
.toggle-rotori ul.accordion .mainbox .txt {color: #191919;}
.toggle-rotori ul.accordion .mainbox:last-of-type {margin: 2rem 0 8rem;}
section.rotore .toggle-rotori .inner .flex .bl {width: 40%; }
.toggle-rotori ul.accordion .mainbox .txt.photo {color: #191919; margin: 0 0 0 3rem; width: calc(60% - 4rem); padding:0 0 6rem}

section.lamiere .flex .bl {width: 50%; padding: 8rem 0;}
section.lamiere .bl-100 {height: 30rem;}
section.lamiere .flex .bl.black-bg .container {width: 96%; max-width: calc(71rem - 4%); margin: 0 4% 0 auto; padding: 0 0 0 2%; }
section.lamiere .flex .bl.bg-image .container {width: 96%; max-width: calc(71rem - 4%); margin: 0 auto 0 4%; padding: 0 2% 0 0; }

section.stampi {padding: 0 0 8rem;}
section.stampi .black-bg {padding: 8rem 0 3rem; margin: 0 auto 5rem;}
section.stampi .flex {align-items: flex-start;}
section.stampi .flex .bl {width: 50%;}
section.stampi .flex .bl:last-of-type {padding: 0 3rem;}
#pagina-custom section.stampi .freccia {transform: rotate(0);}
#slide-stampi .splide__arrow {width: 23px; height: 23px; position: absolute; z-index: 9; top: 50%;}
#slide-stampi .splide__arrow svg {width: 23px; height: 23px;}
#slide-stampi .splide__arrow svg { fill: rgb(255 255 255 / 25%);}
#slide-stampi .splide__arrow.my-prev {left: 2%;}
#slide-stampi .splide__arrow.my-next {right: 2%;}
#slide-stampi .splide__arrow.my-prev svg { transform: rotate(180deg);}


section.controllo {margin: 0 auto -1rem;}
section.controllo .flex {margin: -1rem auto 0;}
section.controllo .flex:nth-child(even) {flex-direction: row-reverse;}
section.controllo .bl {width: 50%;}
section.controllo .bl img.img-laser {width: 100%; height: 100%; object-fit: cover;}
section.controllo .bl.black-bg { padding: 8rem 0; }
section.controllo .bl .container { width: 96%; max-width: calc(71rem - 4%); margin: 0 auto 0 4%; padding: 0 2% 0 0; }




/*FORM*/
.block-form {padding: 2rem; margin: 0; background: #606060;}
.block-form .flex {justify-content: space-between;}
.block-form form {margin: 0 auto; text-align: center;}
.block-form form .box-50 {width: 48%; padding: 0; text-align: left; display: flex; align-items: center; margin: 0 0 2rem;}
.block-form form .box-100 {width: 100%; padding: 0; text-align: left; display: flex; align-items: flex-start; margin: 0 0 2rem;}
.block-form form p { font-size: 1.4rem; color: #fff; min-width: 12rem;}
.block-form form label {display: none;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #191919;
	font-size: 1.2rem;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #191919;
   opacity:  1;
	font-size: 1.2rem;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #191919;
   opacity:  1;
	font-size: 1.2rem;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #191919;
	font-size: 1rem;
}
.input__text {width: 100%; margin-left: 1rem; border: none; padding: 1rem; font-size: 1.3rem;  background: rgb(240 240 240 / 80%); border-radius: 0.5rem;}
select.input__text { color: #191919;}
textarea.input__text { resize: vertical; min-height: 6rem;}
.txt-small {font-size: 1.2rem;}
.msgsucc { font-size: 2.5rem; text-transform: uppercase; color: #36c136; margin-bottom: 3rem}
.msgerr {font-size: 2.5rem; text-transform: uppercase; color: #ff5454; margin-bottom: 3rem}


/*SITEMAP*/
section.privacy {padding: 3rem 0;}
ul.sitemap li a:hover {color: #88ccd3;}
ul.sitemap li {font-size: 1.8rem; text-transform: uppercase;}
ul.sitemap li.sublink {font-size: 1.6rem; padding: 0 0 0 3rem;}

/*ERRORI*/
section.sezione-errore {padding: 25rem 0 6rem;}



@media screen and (min-width: 2000px) {
	.container {max-width: 182rem;}
	picture.img-catalogo {max-height: 75rem;}
	
}


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


}
	
	
@media screen and (max-width: 1420px) {
    .storia .ragno {left: 1rem;}
    .storia .tit2 {padding: 0 0 0 1.5rem;}


}


@media screen and (max-width: 1280px) {
    .desk-search {display: none;}
	.mobile-search {display: block; width: 3rem;}
    .menu { width: calc(100% - 14.1rem - 3rem - 6rem);}
    .tit1 { font-size: 5rem;}

    #slide-prodotti .splide__arrow.my-prev {left: 0;}
    #slide-prodotti .splide__arrow.my-next {right: 0;}
    #slide-prodotti .splide__track {width: 93%; margin: 0 auto;}

    .azienda-home .flex .bl img {height: 100%; max-height: none;}
    /* .news-home .flex .bl1 {padding: 0;} */

    .box-categoria .box-prodotti .bl-prod { width: calc(50% - 6rem); margin: 0 3rem 8rem;}
    .box-corone .flex .bl .tit4 { min-height: 6.1rem;}
    .riepilogo.orizzontale .row { margin: 0 1rem 0 0; padding: 0 2rem 0 0;}

    .tabella-misure .row .bl span.txt-small {font-size: 10px;}

    .mappa-sez .flex .bl1 .row .btn { padding: 5px 7rem;}

    .ico_box{width: 13rem;margin: 0 2rem}


    /* NUOVO CATALOGO IEC */
    .box-iec .flex .bl {padding: 0 3rem;}
    .box-categoria.box-iec .box-prodotti .tit3, .box-prodotti .tit3 { padding: 0 3rem;}

    /*  */
	
}


@media screen and (max-width: 1024px) {
	.menu ul {display: none;}
	.menu-responsive-btn { display: inline-block; vertical-align: middle; margin: 0 2rem; padding: 0 2rem; border-left: 1px solid rgb(255 255 255 / 50%); border-right: 1px solid rgb(255 255 255 / 50%);} 
	.menu-responsive-btn img {width: 3.4rem; height: 3.4rem;}

	.video_home {margin: 5rem 0 10rem;}

    .box-txt-abs {min-width: 85%;}
    section.azienda-home { padding: 8rem 0;}
    #flex-blocchi .blocco { width: 48%;}
    section.applicazioni .flex .bl { width: 50%;}
    section.applicazioni .flex .bl picture { text-align: center; display: block;}
    .img-app {max-width: 20rem;}

    #slide-prodotti .splide__track {width: 90%;}

    footer .bl1 { width: 100%; padding: 0; margin: 0 auto 4rem;}
    footer .bl2 { width: 50%; padding: 0 3rem 0 0;}
    footer .bl2:last-of-type {padding: 0 0 0 3rem;}
    ul.social {justify-content: center; width: 100%;}

	.box-categoria .spalla {width: 100%;}
	.spalla .searchbar {width: 100%;}
	#accordion-desk {display: none;}
	#mySidenav { display: block; z-index: 1000;}
	.spallaresponsive {display: block; width: 100%; padding: 1rem 1.5rem; display: inline-flex; justify-content: space-between; align-items: center;}
	.spallaresponsive img {width: 2rem; height: 2rem;}
	.box-categoria .box-prodotti { width: 100%; margin: 5rem auto 0;}
    
    .first-section { padding: 5rem 0;}
    .seconda-azienda {padding: 1rem 0;}
    .puntidiforza { padding: 5rem 0 0;}

    .box-iec .bl-prod { width: calc(50% - 4rem);}
    .riepilogo.orizzontale {justify-content: space-between;}

    .tabella-misure.desktop {display: none;}
    .tabella-misure.resp {display: block;}
    ul.accordion.finale-resp { display: block;}
    ul.accordion.finale-resp:last-of-type {margin: 3rem auto 0;}
    .box-tabelle {margin: 3rem auto 0;}
    .box-tabelle .flex#desktop {display: none;}

    .news-pag .imgleggi {width: 100%;}
    .news-pag .news-3 .datatitolo {width: 100%; padding: 0; margin: 0 0 2rem;}
    .news-pag .flex .bl {margin: 0 0 3rem;}
    .news-pag div[class^="news-"] {margin: 0;}

    .mappa-sez .flex .bl1 { width: 100%; display: inline-flex; flex-direction: row; flex-wrap: wrap;}
    .mappa-sez .flex .bl1 > p { width: 100%;}
    .mappa-sez .flex .bl1 .row {width: 50%;}
    .cta-contatti { margin: 3rem 0 0 0; width: 100%;}
    .mappa-sez .flex .bl2 { width: 100%; padding: 0;}
    .mappa {height: 40rem;}

    section.stampi .flex .bl {width: 100%;}
    section.stampi .flex .bl:last-of-type {padding: 4rem 0 0;}

	
}

@media screen and (max-width: 950px) {
    div[class^="news-"] {width: 100%;margin: 0;}
}


@media screen and (max-width: 768px) {
    .splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track { height: 90vh;}
    .logo-big {width: 18rem; margin: 0 auto 1rem;}
    .tit1 { font-size: 4.5rem;}
    .tit2 { font-size: 3rem;}
    .btn { padding: 1.3rem 3rem;}
    section.azienda-home { padding: 5rem 0;}
    section.azienda-home .flex .bl1 { width: 100%; margin: 0 auto 1.5rem;}
    section.azienda-home .flex .bl2 { width: 100%;}
    .scelta-catalogo .flex .bl1 { width: 100%; margin: 0 auto 1.5rem;}
    .scelta-catalogo .flex .bl2 {width: 100%; padding: 0 0 0 4rem;}
    #flex-blocchi { margin: 5rem 0 0;}
    #flex-blocchi .blocco { width: 100%; margin: 0 auto 5rem;}
    picture.img-catalogo {height: 90vw;}
    section.applicazioni { padding: 3rem 0;}
    .prodotti-home .flex .bl1 { width: 100%;}
    .prodotti-home .flex .bl2 { width: 100%; padding: 0 0 0 4rem;}
    .azienda-home .flex .bl { width: 100%;}
    .azienda-home .flex .bl .tit3.mrg-btm-large {margin-bottom: 3rem!important;}
    /* .news-home .flex .bl1 {width: 100%;}
    .news-home .flex .bl2 { width: 100%; padding: 0;} */

    .puntidiforza .flex .bl img {max-height: none; height: 100%;}
    .numeri .flex .bl { width: 100%;}
    .numeri .flex .bl .container .leggi, .numeri .flex .bl:last-of-type .container .leggi {padding: 1rem;}
    .numeri .flex .bl:last-of-type .container {margin: 0 auto; padding: 0 2%;}
    .numeri .flex .bl:last-of-type img {margin: 2rem auto 0;}

    .box-iec .bl-prod { width: calc(50% - 2rem); margin: 2rem 1rem;}

    .box-categoria .box-prodotti .bl-prod { width: calc(50% - 3rem); margin: 0 1.5rem 8rem;}

    .riepilogo { width: 100%; margin: 0 auto 3rem;}
    .box-foto { width: 100%;}
    .box-foto .thumb { width: calc(50% - 2.2rem); margin: 0 1rem;}
    .form-modal .flex .row33, .form-modal .flex .row50 { width: 100%;}
    #modal-container {overflow: scroll;}
    #modal-content { top: 0; left: 0; right: 0; transform: none; margin: 2rem auto;}

    .box-corone .flex .bl { width: calc(50% - 2rem); margin: 0 2rem 4rem 0;}
    .box-corone .flex .bl:nth-child(2) { margin: 0 0 4rem 2rem;}
    .box-corone .flex .bl:nth-child(3) { margin: 0 2rem 0 0;}
    .riepilogo.orizzontale { display: block;}
    .riepilogo.orizzontale .row { margin: 0 auto 1rem; padding: 0; border-bottom: 1px dotted rgb(25 25 25 / 40%); border-right: none;}

    .indice .flex .bl { width: 100%;}
    .indice .flex .bl:last-of-type {margin: 2rem auto 0;}
    section.foro .flex .bl { width: 50%; margin: 0 auto 3rem;}
    section.laser .bl { width: 100%;}
    section.statori .flex .bl1 {width: 100%;}
    section.statori {background: #fff}
    section.statori .bl1 .tit3, section.statori .bl1 .txt {color: #191919!important}
    .box-white { padding: 0;}
    section.statori .flex#right .bl1 { width: 100%; margin: 6rem 0 0;}
    section.lamiere .flex .bl { width: 100%; padding: 5rem 0;}

    section.controllo .bl { width: 100%;}

    .img-dett-news { float: none; width: 100%; margin: 1rem 0 3rem;}
    
    .ico_box{width: 10rem}.ico_box p.txt{font-size: 1.5rem}


    /* NUOVO CATALOGO IEC */
    .box-iec .flex .bl {width: 100%;padding: 0;}
    .box-categoria.box-iec .box-prodotti .tit3, .box-prodotti .tit3 { padding: 0;}

    /*  */
 
}


@media screen and (max-width: 580px) {
    .logo-big {width: 15rem;}
    .tit1 { font-size: 4rem;}
    .tit2 { font-size: 2.8rem;}
    .tit3 { font-size: 2.8rem;}
    .tit4 { font-size: 1.8rem;}
    section.applicazioni .flex .bl {padding: 0 1rem;}
    .ragno { width: 2.5rem; top: -7rem;}
    section.applicazioni .flex .bl .box-txt .tit4 { padding: 0 0 0 3rem;}
    #slide-prodotti .splide__track {width: 83%;}

    section.first-section .txt { padding: 1.5rem 0 0;}

    .puntidiforza .flex .bl { width: 100%;}
    .numeri .flex .bl:last-of-type { margin: 0;}
    .numeri .flex .bl .row { padding: 0;}
    .storia .tit2 {padding: 0;}
    .storia .ragno {top: 3.3rem}
    .splide#slide-storia, .splide#slide-storia .splide__list, .splide#slide-storia .splide__slide, .splide#slide-storia .splide__track { height: 95vh;}
    #slide-storia .box-abs .box {padding: 2rem;}
    .anno-succ {padding: 0;}
    .anno-succ, .anno-prec {font-size: 2.8rem;}

    .box-iec .bl-prod { width: 100%; margin: 0 auto 6rem;}
    .bl-prod .box-txt {min-height: 13rem; }
    .bl-prod .campi {margin: 0 0 3rem;}

    .box-categoria .box-prodotti .bl-prod { width: 100%; margin: 0 auto 5rem;}
    .tabella-dett, .tabella-dett:last-of-type { width: 100%; margin: 0 auto 4rem;}
    .box-prodotti.dettaglio .cta .box:first-of-type { padding: 2rem 0 0 0;}
    .box-prodotti.dettaglio .cta .box { padding: 1rem 0 0 0; border-left: none;}

    .box-corone { margin: 0 auto;}
    .box-corone .flex .bl, .box-corone .flex .bl:nth-child(2), .box-corone .flex .bl:nth-child(3) { width: 100%; margin: 0 auto 4rem;}
    .box-corone .flex .bl .tit4 { min-height: 3.1rem;}

    .box-prodotti.dettaglio.finale .cta {display: block;}
    .box-prodotti.dettaglio.finale .cta .box:first-of-type {padding: 1rem 0 0;}

    .toggle-indice ul.accordion li .row {width: 90%; margin: 0 0 0 10%;}
    section.punzonatura .flex .bl { width: 100%; padding: 0 2rem; position: relative;}
    section.punzonatura .flex .bl .cta { width: calc(100% - 4rem);}
    section.punzonatura .flex .bl .cta .box {padding: 1rem 0 0 1rem;}
    section.foro .flex .bl {
        width: 100%;
        margin: 0 auto 3rem;
        padding: 0;
    }
    section.foro .flex .bl:first-of-type, section.foro .flex .bl:last-of-type {padding: 0;}
    section.statori .flex .bl {width: 100%;}
    section.statori .flex .bl.bg-image {display: none;}
    .toggle-statori .trattino {display: none;}
    section.statori .flex.row { margin: 0 0 2rem; border-bottom: 1px dotted rgb(0 0 0 /30%);}
    .box-white {margin: 4rem auto 0;}
    .toggle-statori ul.accordion .mainbox .txt, .toggle-statori ul.accordion .mainbox .txt.photo {margin: 0; width: 100%;padding: 0}
    .toggle-rotori ul.accordion .mainbox .txt.photo {margin: 0; width: 100%;padding: 0}

    .news-pag .flex .bl, .news-pag .flex .bl:nth-child(even) { width: 100%; border-right: none; border-bottom: 1px solid rgb(240 240 240 / 100%); padding: 0;}
    .news-pag .news-3 .imgleggi img { max-height: inherit;height: 25rem;}

    section.first-section .tit4 {padding: 1.5rem 0 0;}

    .cta-contatti {display: block;}
    .cta-contatti span:last-of-type {
        padding: 1rem 0 0 0;
        border-left: none;
        border-top: 1px solid rgb(0 0 0 / 30%);
    }
    .mappa-sez .flex .bl1 .row {
        width: 100%;
    }
    
    .ico_box{width: calc(50% - 4rem)}

}

	
@media screen and (max-width: 400px) {
    .menu-responsive-btn { margin: 0 1.5rem 0 0; padding: 0 2rem 0 0; border-left: none;}
    .menu { width: calc(100% - 21rem);}
    .language-selector {width: 6rem; margin: 0;}
    .language-selector label {padding: 1.05rem 0 1.05rem 1rem;}
    .dropdown-toggle.ico {margin: 0;}
    .btn { padding: 1rem;}
    section.azienda-home .flex .bl2 .txt { padding: 0;}
    .scelta-catalogo .flex .bl2 {padding: 0;}
    section.applicazioni .flex .bl { width: 100%; padding: 0;}
    .prodotti-home .flex .bl2 {padding: 0;}
    #slide-prodotti .splide__track {width: 80%;}
    .tabella .row-50 { width: 100%; text-align: left;}
    .tabella .row-50:first-of-type { width: 100%; border-right: none;}
    .tabella .row {display: block;}
    .news-home {margin-bottom: 5rem;}
    .news-home .tit3.mrg-btm-large {margin-bottom: 1rem!important;}
    div[class^="news-"] {margin: 0;}
    .datatitolo, .imgleggi {width: 100%; padding: 0; margin: 0 auto 1.5rem;}
    /* .news-1 .imgleggi img, .news-2 .imgleggi img, .news-3 .imgleggi img, .news-4 .imgleggi img { height: 70vw; max-height: 30rem;}
    .news-2 .datatitolo, .news-3 .datatitolo { padding: 0;} */
    div[class^="news-"] .datatitolo {padding: 0;}
    div[class^="news-"] .imgleggi img {height: 70vw; max-height: 30rem;}
    footer .bl2 { width: 100%; padding: 0;}
    footer .bl2:last-of-type { padding: 0; margin: 2rem auto 0;}

    #slide-storia .my-arrows button, .anno-succ, .anno-prec {width: 11rem;}

    .box-foto .thumb { width: 100%; margin: 0 auto 1rem;}
    #modal-content {padding: 2rem;}

    .toggle-indice ul.accordion li .row { width: 100%; margin: 0;}

}

@media screen and (max-width: 320px) {
    .square { width: 12rem; height: 12rem;}
    #flex-blocchi .blocco .flex.box-txt .tit3 { width: calc(100% - 12rem);}
    .tit3 { font-size: 2.5rem;}
    .ico_box{width: calc(50% - 2rem);margin: 0 1rem}.ico_box p.txt{font-size: 1.2rem}

}


@media screen and (max-height: 475px) {
	.overlay a { font-size: 2rem;}

}



/* DIVISIONI */

.slide_hover {width: 100%; height: 100vh; display: none;}
.slide_hover .container_img {width: 100%; height: 100%; position: relative;}
.slide_hover .container_img img  {width: 100%; height: 100%; object-fit: cover;}
.slide_hover .flex_boxes  {width: calc(100% - 6rem); position: absolute; display: flex; flex-wrap: wrap; gap: 3rem; justify-content: center; margin: 3rem; left: 0; right: 0; bottom: 3rem;}
.slide_hover .flex_boxes .bl {width: calc(33.33% - 2rem); background-color: #fff; padding: 4.5rem 3rem;border-radius: 1rem;}
.slide_hover .flex_boxes .bl h3 {font-size: 3rem; color: #D21113; margin: 0;}
.slide_hover .flex_boxes .bl p:not(.link) {font-size: 1.8rem; font-weight: bold; margin: 0 0 3rem;}
.slide_hover .flex_boxes .bl p.link {font-size: 1.6rem; font-weight: bold; text-align: right;color: #D21113;}

.blocchi_cat {width: 100%; display: block; margin: 2rem auto 10rem;}
.blocchi_cat.mobile {margin: 2rem auto;}
.blocchi_cat .flex {display: flex; flex-wrap: wrap;gap: 5rem 4rem;}
.blocchi_cat .flex .bl {width: 100%;}
.blocchi_cat .flex .bl .bl_img {width: 100%;height: auto;aspect-ratio: 3 / 4;object-fit: cover;}
.blocchi_cat .flex .bl .txt {position: relative;padding: 0 0 0 4rem;margin: 4rem 0 0;}
.blocchi_cat .flex .bl .txt .ragno {left: 0;}
.blocchi_cat .flex .bl .txt .link {text-align: right;font-size: 1.6rem;font-weight: bold;color: #D21113;margin: 5px 0 0;}

@media screen and (min-width:581px) {
    .blocchi_cat .flex .bl {width: calc(50% - 2rem);}
}
@media screen and (min-width:851px) {
    .blocchi_cat .flex .bl {width: calc(33.3% - 2.66rem);}
}
@media screen and (min-width:1025px) {
    .slide_hover {display: block;}
    .blocchi_cat.mobile {display: none;}
}


.container_stretto {width: 100%;padding: 0 2%;max-width: 100rem;margin: 4rem auto;}
.container_stretto .tit3 {padding: 0 0 2rem 2rem;border-left: 6px solid #B5B5B5;margin: 0 0 2rem;}
section.first-section .container_stretto p {padding: 0;}

.seo_icone {padding: 6rem 0 10rem;}
.titolo_ico {display: flex; gap: 1.5rem; align-items: center;margin: 0 0 2rem;}
.titolo_ico .tit3 {padding: 0;border-left: none;margin: 0;}
.titolo_ico .ico {width: 10rem; height: 10rem;}

/* modale */
.modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.9);transition: all 1s ease-in-out;align-items: flex-start;justify-content: center;}
.modal-toggle {cursor: pointer;}
.modal-content { width: 98%;height: auto;max-width: 100rem;margin: 2% 1%;background: #fff;padding: 5rem 2%;border-radius: 1rem;position: relative;overflow: scroll;}
.modal-content .modal-close {position: absolute;top: 5px;right: 2rem;cursor: pointer;font-size: 3rem;}

.slide_hover .container_img img.ico-mini { width: 4rem;height: 4rem;}
.slide_hover .flex_boxes .bl h4 {font-size: 3rem;margin: 0;}

.gallery {padding: 5rem 0 10rem;}
#slide-gallery {padding: 0 2%;}
#slide-gallery .splide__pagination {gap: 2rem;margin:5rem auto 0}
#slide-gallery .splide__pagination button {width: 1.5rem; height: 1.5rem; background-color: #606060;}
#slide-gallery .splide__pagination button.is-active {background-color: #962B2C;}


.blocchi_det {width: 100%; display: block; margin: 2rem auto 10rem;}
.blocchi_det.mobile {margin: 2rem auto;}
.blocchi_det .flex {display: flex; flex-wrap: wrap;gap: 5rem 4rem;}
.blocchi_det .flex .bl {width: 100%;}
.blocchi_det .flex .bl .bl_img {width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;}
.blocchi_det .flex .bl .txt {position: relative;padding: 0;margin: 2rem 0 0;}


@media screen and (min-width:1025px) {
    .blocchi_det.mobile {display: none;}
    .modal {align-items: center;}
}

@media screen and (max-height:799px) {
    .modal {align-items: flex-start;}
}