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


:root {
  --white: #fff;
  --black: #141414;
  --light: #F8F8F8;
  --grey: #969696;
  --red: #D10000;
  --bright-red: #FF0000;

  --grad-grey: linear-gradient(90deg, rgba(157,157,157,1) 0%, rgba(57,57,57,1) 100%);
  --grad-red: linear-gradient(90deg, rgba(209,0,0,1) 0%, rgba(20,20,20,1) 100%);
  --grad-red-180: linear-gradient(180deg, rgba(209,0,0,1) 0%, rgba(20,20,20,1) 100%);
  --grad-grey-180: linear-gradient(180deg, rgba(157,157,157,1) 0%, rgba(57,57,57,1) 100%);

}


* {margin: 0; padding: 0; box-sizing: border-box;}
html {font-size: 10px; scroll-behavior: smooth;}
body {font-family: 'Open Sans', sans-serif; color: var(--black); background: var(--white); font-size: 1.6rem; line-height: 1.8;}
hr {margin: 3rem auto;}
ul, ol, nav {list-style: none;}
.body {margin: 0 auto; background: var(--white);}
h1, h2, h3, h4, h5 {font-family: 'Work Sans', sans-serif; line-height: 1.2;}
.white { color:#fff; }


a { text-decoration: none; color: var(--black); transition: all .3s; cursor: pointer; line-height: 1.2;}
button {border: none; cursor: pointer; font-family: 'Open Sans', sans-serif; background: transparent; transition: all .4s;}
input {font-family: 'Open Sans', sans-serif;}
textarea {font-family: 'Open Sans', sans-serif; resize: vertical;}
.clear { clear: both;}
.center { text-align: center;}
.container {width: 100%; max-width: 142rem; padding: 0 2%; margin: 0 auto;}
.errore {font-weight: 600; font-size: 25rem; line-height: 1; margin: 0; opacity: 10%;}
.flex {display: flex; width: 100%; flex-wrap: wrap;}
.hidden { opacity: 0;}
.visible { opacity: 1;}
.upper {text-transform: uppercase;}
.truncate-vert-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.truncate-vert-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.bg_image {background-size: cover; background-position: center; background-repeat: no-repeat;}

/* PER ANIMAZIONI!!! mantenere in tutti i file insieme a reveal.js - selezionare le animazioni a mano e copiarle nel file animation.css con classe .active davanti*/
.reveal {position: relative;opacity: 0;}
.reveal.active {opacity: 1;}


/*BOTTONI*/
.btn_box {position: relative;}
.btn {font-family: 'Open Sans', sans-serif; display: inline-block; line-height: 1.1;transition: all .3s; font-size: 1.6rem; font-weight: 600;padding: 1.5rem;background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, rgba(209,0,0,1) 0%, rgba(20,20,20,1) 100%) border-box; border-radius: 0.7rem; border: 4px solid transparent;color: var(--red);position: relative;z-index: 2;}
.btn_box::after {content: '';display: block;width: 100%;height: 4px;background: linear-gradient(90deg, rgba(209,0,0,1) 0%, rgba(20,20,20,1) 100%);position: absolute; top: 50%;left: 0;translate: 0 -50%;z-index: 1;}
.btn:hover {transform: translateY(-8px);}


/* menu dropdown */
.menuresponsive {display: none;}
.dropdown {display: inline-block; margin: 0; position: relative;}
.dropdown-content { position: absolute; z-index: 11; left: 0; width: auto; top: 100%; overflow: hidden; transition: all 0.3s ease-in-out; opacity: 0; text-align: left; margin:0; visibility: hidden; pointer-events: none; padding: 2rem; background-color: rgb(255 255 255 / 80%); border-radius: 1rem;}
.menu li .dropdown-content a {text-transform: uppercase; width: 100%; display: block; border-left: 4px solid var(--blu);}
.menu li .dropdown-content a:hover {color: var(--red);}
.dropdown:hover .dropdown-content { height: auto; opacity: 1; visibility: visible; pointer-events: all;}

/* sidenav menu resp */
.sidenav { height: 100%; width: 0; position: fixed; z-index: 100; top: 0; overflow-x: hidden; transition: .5s; right: 0;overflow-y: scroll;}
.sidenav .closebtn { position: absolute; top: 20px; color: var(--black); font-size: 26px; background: var(--white); border-radius: 5px; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; line-height: 1;right: 20px; z-index: 9; background: transparent;}
.sidenav .flexnav { display: flex;position: relative;}
.sidenav .flexnav .bgcolor { position: fixed; background-color: rgb(209 0 0 / 90%); width: 0; min-height: 100vh; /* height: 100%; */ transition-timing-function: cubic-bezier(1.28, 0.89, 0.32, 0.18);left: 0; top: 0; position: absolute;height: 100%;}
.sidenav .flexnav .bgblack { background-color: var(--white); min-height: 100vh; height: 100%; padding: 100px 20px;margin-left: 0; width: 100%; padding: 1rem; }
/* accordion */
ul.accordion { list-style: none; padding: 0; width: 100%; display: block;}
#mySidenav ul.accordion a {padding: 0 0 1rem;font-size: 1.6rem; padding: 0 0 3px; width: 100%; display: block; color: var(--white); margin: 0 0 1rem;}
#mySidenav ul.accordion .mainbox a {width: auto;
  padding: 0;
  display: inline-block;
  border-bottom: none;
  line-height: 1.2;
  text-transform: capitalize;
  font-size: 3rem;
  font-weight: 700;
  color: var(--black);}
#mySidenav ul.accordion li.mainbox { padding: 5px 0; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 0 0 1vh;}
#mySidenav ul.accordion a:hover {color: var(--bright-red);}
#mySidenav ul.accordion li .toggle { cursor: pointer; transition: all .3s ease; flex-grow: 2;}
#mySidenav ul.accordion li .toggle img { width: 1rem; float: right;}
ul.accordion .inner { overflow: hidden; display: none; padding: 1rem 0;}
#mySidenav ul.inner { width: 100%; }
#mySidenav ul.inner p { font-size: 1.6rem; text-transform: uppercase; font-weight: 400; color: var(--white); display: block; background: rgba(255 255 255 / 40%); padding: 5px 10px; margin: 0 0 10px; transition: all .3s;}
#mySidenav ul.accordion li { margin: 0; }
.logo-resp {width: 20rem; margin: 1rem 0 5rem; max-width: 80%;}
.logo-resp img {width: 100%;}
.voce {color: var(--white);}

#mySidenav ul.accordion li.mainbox:last-child {margin: 0 0 8rem;}
.bgblack .column_small {position: absolute;bottom: 0;width: 100%;left: 0;padding: 1rem;background: var(--white);}
.bgblack .column_small ul.social {display: flex;gap: 1rem;}
.minimenu {display: inline-block;width: 2rem;height: 2rem;}


/* TOP ARROW */
#myBtn { opacity: 0; visibility: hidden; position: fixed; bottom: 2rem; right: 2rem; z-index: 99; transition: all .3s; background: var(--red); border-radius: 10rem; height: 3.5rem; width: 3.5rem; box-shadow: 0 0 1rem rgb(0 0 0 / 20%);}
#myBtn img { width: 2.5rem; height: 2.5rem; }
#myBtn.arrow-visible {opacity: 1; visibility: visible;}

header.header {position: relative;margin: 0 0 8rem;}
.video_container {width: 100%;position: relative;}
header .video_container {height: 95vh;}
.video {width: 100%;height: 100%; z-index: 1;object-fit: cover;position: absolute;top: 0;left: 0;object-position: bottom center;}
header .video {height: 95vh;position: relative;}
.overlay_video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--red);/* mix-blend-mode: hue; */z-index: 2;opacity: 40%;}
.fascia_menu {width: 100%;position: absolute;top: 0;left: 0;z-index: 9;padding: 2rem 3rem 10rem;color: var(--white);background: rgb(25,25,25);
  background: -moz-linear-gradient(0deg, rgba(25,25,25,0) 0%, rgba(25,25,25,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(25,25,25,0) 0%, rgba(25,25,25,1) 100%);
  background: linear-gradient(0deg, rgba(25,25,25,0) 0%, rgba(25,25,25,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#191919",endColorstr="#191919",GradientType=1);}
.fascia_menu .flex {align-items: center;}
.fascia_menu a {color: var(--white);}
.fascia_menu a:hover, .fascia_menu a.active {color: var(--bright-red);}
.logo {width: 30rem;object-fit: contain;max-width: 100%;margin: -3rem 0 0;}
.logo img {width: 100%;}
div.ulwrapper .logo {margin: 0;}
nav.menu {width: calc(100% - 30rem); position: relative;display: flex;align-items: center;justify-content: flex-end;overflow: hidden;padding: 1rem 0;}
nav.menu ul {display: flex;justify-content: flex-end;align-items: center;}
nav.menu ul li a {text-transform: uppercase;display: inline-flex;padding: 0 2rem;align-items: center;}
nav.menu ul li a img {margin: 0 0 0 5px;}

.fascia_menu .flex:nth-child(2) {justify-content: space-between;align-items: flex-start;margin: 0;}
.pre_header {display: flex;justify-content: flex-end;align-items: center;gap: 2rem;}
.social ul {display: flex;gap:2rem;}
.social li img {width: 2rem;height: 2rem;object-fit: contain;transition: all .3s;}
.cta ul {display: flex;gap:1rem;}
.cta li img {width: 3.5rem;height: 3.5rem;transition: all .3s;}
.social li:hover img, .cta li:hover img {scale: 1.1;}

.triangle {position: absolute;bottom: -1rem;left: 0;width: 100%;z-index: 2;}
.triangle img {width: 100%;}

span.bx-search {display: block;}
.search-toggle img {width: 2.2rem;height: 2.2rem;}
.overlayy {position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index: 6;opacity: 0;visibility: hidden;background-color: rgba(255, 255, 255, 0.8);transition: all 0.3s ease-in-out;pointer-events: none;}
.overlayy.is-active {display: block;opacity: 1;visibility: visible;}
.search-toggle, .search-cancel {display: block;cursor: pointer;line-height: inherit;}
.search-block {position: absolute;top: 0;right: -100%;width: 95%;height: auto;z-index: 6;overflow: hidden;transition: all 0.35s ease-in-out;pointer-events: none;}
.search-block form {margin: 0;position: relative;}
.search-block.is-active {top: 0;right: 0;pointer-events: all;}
.search-form {display: flex;align-items: center;}
.search-form span {position: absolute;left: 1rem;}
.search-form span img {width: 1.5rem;height: 1.5rem;}
.search-form button {position: absolute;right: 1rem;top: 50%;translate: 0 -50%;}
.search-form button img {width: 2.2rem;height: 2.2rem;}
.search-input {display: block;font-family: inherit;font-size: 1.6rem;line-height: 1.3;width: 100%;height: auto;padding: 1rem 4rem;border: none;outline: none;border-radius: 0.25rem;color: var(--black);background-color: var(--light);}
.search-input::-webkit-search-decoration, .search-input::-webkit-search-cancel-button {display: none;visibility: hidden;}

h1 {font-size: 6rem;margin: 0 0 1.5rem;}
h2 {font-size: 4.5rem;margin: 0 0 1.5rem;}
h3 {font-size: 3.5rem;margin: 0 0 1.5rem;}
h4 {font-size: 2.8rem;margin: 0 0 1.5rem;}

main {overflow: hidden; margin: -5rem 0 0;}

/* .rolling {position: absolute;bottom: 7.5rem;left: 0;width: 100%;z-index: 3;color: var(--white);text-align: center;}
.rolling p {font-size: 4.1vw;opacity: 20%;font-weight: 600;} */
/* @keyframes reflowAnimation {
  0% {
      transform: translateX(0) translateZ(0)
  }
  100% {
      transform: translateX(-65%) translateZ(0)
  }
}
.rolling.animate {animation: reflowAnimation 15000ms linear infinite} */

.scroll {position: absolute;
  bottom: 2rem;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 2rem;
  height: auto;
  aspect-ratio: 5 / 8;}

.chisiamo_home {padding: 8rem 0;}
.logo_inside {width: 30rem;height: 7.4rem;margin: 0 auto 4.5rem;}
.small {max-width: 100rem;margin: 0 auto;padding: 0 2%;}
.chisiamo_home h1 {font-size: 3rem;}
.chisiamo_home h2 {font-size: 2rem;text-transform: uppercase;}
.chisiamo_home p {margin: 0 auto 4.5rem;}
.chisiamo_home .small {display: flex;flex-wrap: wrap;}
.chisiamo_home .icon_big {width: 30rem;margin: 0 0 -3rem;}
.chisiamo_home .icon_big img {width: 100%}
.chisiamo_home .txt {width: calc(100% - 30rem);text-align: left;padding: 0 0 0 3rem;}
.chisiamo_home .btn_box {width: 100%;}


.prodotti_home_big {margin: 8rem 0 10px;}
.prodotti_home_big .bl {width: calc(100% - 8rem); padding: 3rem 15rem; margin: 0 4rem 4rem;max-width: 180rem;
  background: rgb(231,231,231);
  background: -moz-linear-gradient(125deg, rgba(231,231,231,1) 0%, rgba(254,254,254,1) 63%, rgba(226,226,226,1) 100%);
  background: -webkit-linear-gradient(125deg, rgba(231,231,231,1) 0%, rgba(254,254,254,1) 63%, rgba(226,226,226,1) 100%);
  background: linear-gradient(125deg, rgba(231,231,231,1) 0%, rgba(254,254,254,1) 63%, rgba(226,226,226,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e7e7",endColorstr="#e2e2e2",GradientType=1);}
.prodotti_home_big .bl .flex {align-items: center;}
.prodotti_home_big .bl .txt {width: 50%;padding: 0 10rem;}
.prodotti_home_big .bl .txt p {line-height: 1.8;margin: 0 0 3rem;}
.prodotti_home_big .bl picture {width: 50%;text-align: center;}
.prodotti_home_big .bl picture img {width: 100%;max-width: 50rem;aspect-ratio: 1 / 1;}


/* .prodotti_home_big .bl .box_img {width: 100%;padding-bottom: 90%;position: relative;}
.prodotti_home_big .bl .box_img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.prodotti_home_big .bl .box_img h3 {position: absolute;bottom: 0;left: 0;right: 0;padding: 7rem;color: var(--white);z-index: 4;transition: all .2s;}
.overlay_hue {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: var(--grad-red-180);opacity: 100%;z-index: 2;mix-blend-mode: hue;transition: all .2s}
.prodotti_home_big .bl:hover .overlay_hue {opacity: 0;}
.prodotti_home_big .bl:hover .overlay_grad {opacity: 70%;}
.prodotti_home_big .bl:hover .box_img h3 {padding: 7rem 7rem 10rem;} */

.horizontal {display: flex;flex-wrap: wrap;width: 240vw;gap: 10px;}
.horizontal .box_img_h {width: calc(30vw - 10px);height:calc(100vh - 10px);position: relative;}
.horizontal .box_img_h img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;border-radius: 1rem;}
.horizontal .box_img_h:hover .overlay_hue {opacity: 0;}
.horizontal .overlay_hue {position: absolute;top: 0;left: 0;width: 100%;height: 100%;mix-blend-mode: color;transition: all .3s;border-radius: 1rem;
  background: rgb(231,0,0);
background: -moz-linear-gradient(45deg, rgba(231,0,0,1) 0%, rgba(34,2,2,1) 52%, rgba(237,121,0,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(231,0,0,1) 0%, rgba(34,2,2,1) 52%, rgba(237,121,0,1) 100%);
background: linear-gradient(45deg, rgba(231,0,0,1) 0%, rgba(34,2,2,1) 52%, rgba(237,121,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e70000",endColorstr="#ed7900",GradientType=1);}
.horizontal .box_img_h:hover .overlay_grad {opacity: 70%;}
.horizontal .box_img_h h3 {position: absolute;top: 0;left: 0;right: 0;padding: 6rem 3rem 15rem;color: var(--white);z-index: 4;transition: all .2s;font-size: 3.5rem;background: rgb(25,25,25);
  background: -moz-linear-gradient(0deg, rgba(25,25,25,0) 0%, rgba(25,25,25,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(25,25,25,0) 0%, rgba(25,25,25,1) 100%);
  background: linear-gradient(0deg, rgba(25,25,25,0) 0%, rgba(25,25,25,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#191919",endColorstr="#191919",GradientType=1);border-radius: 1rem 1rem 0 0;}
.horizontal .box_img_h:hover h3 {padding: 10rem 3rem 15rem;}


.assistenza_home {padding: 24rem 0 8rem;position: relative;overflow: hidden;}
.assistenza_home .container {padding: 6rem 2%;max-width: 180rem;width: calc(100% - 8rem); margin: 0 4rem;
  background: rgb(231,231,231);
  background: -moz-linear-gradient(125deg, rgba(231,231,231,1) 0%, rgba(254,254,254,1) 63%, rgba(226,226,226,1) 100%);
  background: -webkit-linear-gradient(125deg, rgba(231,231,231,1) 0%, rgba(254,254,254,1) 63%, rgba(226,226,226,1) 100%);
  background: linear-gradient(125deg, rgba(231,231,231,1) 0%, rgba(254,254,254,1) 63%, rgba(226,226,226,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e7e7",endColorstr="#e2e2e2",GradientType=1);}
.assistenza_home h2 {font-size: 8rem;background: var(--grad-red); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.assistenza_home h3 {font-size: 2rem;text-transform: uppercase;margin: 0 0 5rem;}
.assistenza_home p {margin: 0 0 5rem;}
.welding {position: absolute; width: 35%;top: 16%;left: -5%;}


.altri_servizi {padding: 8rem 0;}
.altri_servizi .flex {gap: 20px;justify-content: center;}
.altri_servizi .bl {width: 40%;border-radius: 1rem;}
.altri_servizi .bl .box_img {width: 100%;padding-bottom: 90%;position: relative;border-radius: 1rem;}
.altri_servizi .bl .box_img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;border-radius: 1rem;}
.altri_servizi .bl h3 {position: absolute;bottom: 0;left: 0;right: 0;padding: 3rem;color: var(--white);z-index: 4;transition: all .2s;font-size: 2.8rem;margin: 0;
  background: rgb(25,25,25);
  background: -moz-linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#191919",endColorstr="#191919",GradientType=1);border-radius: 1rem;}
.altri_servizi .bl:hover h3 {padding: 3rem 3rem 5rem;}
.altri_servizi .bl .overlay_grad {background: var(--grad-grey-180); opacity: 50%;mix-blend-mode: multiply;border-radius: 1rem;}
.altri_servizi .bl:hover .overlay_grad {opacity: 80%;}
.altri_servizi h4 {font-size: 2.5rem; text-transform: uppercase;margin: 0 0 3rem;}

.news_home {position: relative; padding:8rem 8rem 20rem;background: rgb(242,242,242);
  background: -moz-linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#ffffff",GradientType=1);}
.news_home .overlay_grad {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: var(--grad-red-180);opacity: 60%;z-index: 3;transition: all .2s;border-radius: 1rem}
.news_home .flex {justify-content: space-between;align-items: center;margin: 0 0 4rem;}
.news_home .bl .box_img {width: 100%;padding-bottom: 90%;position: relative;border-radius: 5px;}
.news_home .bl .box_img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;border-radius: 5px;}
.news_home .bl .txt {display: block;position: absolute;bottom: 0;left: 0;right: 0;padding: 10rem 3rem 3rem;z-index: 4;transition: all .2s;
  background: rgb(25,25,25);
  background: -moz-linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#191919",endColorstr="#191919",GradientType=1);border-radius: 1rem;
}
.news_home .bl h3 {color: var(--white);font-size: 2.5rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news_home .bl:hover .overlay_grad {opacity: 0;}
.news_home .bl:hover .txt {padding: 10rem 3rem 5rem;}
/* .news_home .bl .overlay_grad {opacity: 85%;border-radius: 5px;} */
.news_home .bl p.data {opacity: 70%;display: block;font-size: 1.5rem;font-weight: 500;margin: 1.5rem 0 0;color: var(--white);}
.splide__pagination {margin:7rem auto 0; text-align: center;}
.splide__pagination li button {width: 3rem;height: 5px;background: #C1C1C1;border-radius: 5px;margin: 0 5px;}
.splide__pagination li button.is-active {background: var(--red)}


/* .splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track {
  height: 60vh} */
.marchi {padding: 3rem 0 8rem;}
#slide-marchi {width: 95%;margin: 0 auto;padding: 0 5rem;}
.splide__arrows button {position: absolute;bottom: 0;z-index: 9;}
.splide__slide img {width: 100%;height: 100%;object-fit: cover;}
.splide__arrow--prev {left: 0;rotate: 180deg;}
.splide__arrow--next {right: 0;translate: 0 50%;}
.splide__arrow svg path {translate: -30% 30%;}
.splide__arrow .splide__arrow--next svg path {translate: -30% 40%;}

.social_pf {background: var(--grad-red); padding: 2rem 0;}
.social_pf ul {display: flex;justify-content: center;align-items: center;}
.social_pf ul li {margin: 0 1rem;}
.social_pf ul li img {width: 2.5rem;height: 2.5rem;object-fit: contain;}


footer {background-color: var(--black);color: var(--white);font-size: 1.4rem;}
footer a {color: var(--white);}
footer .logo_ft {padding: 8rem 0 4rem;}
footer .logo_ft img {width: 25rem;height: auto;aspect-ratio: 250 / 61;max-width: 100%;}
footer .flex {gap: 5rem;padding: 0 0 10rem;}
footer .flex .bl {width: calc(50% - 2.5rem);}
footer .flex .bl:first-of-type {display: flex;flex-direction: column;justify-content: space-between;}
footer .flex .bl:first-of-type a:hover {color: var(--red);}

footer .flex .bl:last-of-type ul.ul-servizi {display: flex;flex-wrap: nowrap;gap: 10px;}
footer .flex .bl:last-of-type ul.ul-servizi li {flex-grow: 2;}
footer .flex .bl:last-of-type ul.ul-servizi li a {display: inline-block;text-transform: uppercase;padding: 1rem 2rem;background-color: rgb(154 0 0 / 30%);border-radius: 5px;margin: 0 0 1.2rem;width: 100%;}
footer .flex .bl:last-of-type ul.ul-servizi li a:hover {translate: 0 -5px; background-color: rgb(154 0 0 / 50%);}

footer .flex .bl:last-of-type ul.ul-prodotti li a {display: block;text-transform: uppercase;padding: 1rem 2rem;background-color: rgb(255 255 255 / 10%);border-radius: 5px;margin: 0 0 1.2rem;}
footer .flex .bl:last-of-type ul.ul-prodotti li a:hover {translate: 0 -5px; background-color: rgb(255 255 255 / 20%);}
ul.social_ft {display: flex;flex-wrap: wrap;gap: 2rem;}

footer .credits p, footer .credits a {font-size: 1.2rem;opacity: 60%;}
footer .flex .bl:first-of-type .credits a:hover {opacity: 100%;color: var(--white);}


/* WELDONE */
#header-pag {height: 40rem;}
.header .overlay_hue {background-color: var(--red);mix-blend-mode: hue; position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
ul.breadcrumb {display: flex;justify-content: center;margin: 0 0 4rem;flex-wrap: wrap;}
ul.breadcrumb li {font-size: 1.3rem;opacity: 60%;letter-spacing: 2px;text-transform: uppercase;font-weight: 600;}
ul.breadcrumb li span {display: inline-block;padding: 0 5px;}
ul.breadcrumb li a {font-size: 1.3rem;opacity: 60%;letter-spacing: 2px;text-transform: uppercase;font-weight: 600;}
ul.breadcrumb li.active {opacity: 100%;}
.chisiamo h1 {font-size: 6rem;background: var(--grad-red); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.chisiamo_2 {padding: 8rem 0;}
.chisiamo_2 h2 {margin: 0 0 5.5rem;}
.chisiamo_2 .flex .bl:not(.immagini) {width: 30%;padding: 0 0 0 5rem;}
.chisiamo_2 .flex .bl.immagini {width: 70%;display: flex; gap: 1.5rem;}
.chisiamo_2 .flex .bl.immagini .cl {width: 60%;display: flex;flex-direction: column;gap: 1.5rem;}
.immagine_uno {width: 100%;height: 100%;object-fit: cover;border-radius: 1rem;}
.immagine_due {width: 60%;height: auto;aspect-ratio: 3 / 2;border-radius: 1rem;}
.chisiamo_2 .flex .bl.immagini picture {width: 40%;}
.chisiamo_2 .flex .bl.immagini .cl picture {width: 100%;text-align: right;}
.immagine_tre {width: 100%;height: 98.7%;object-fit: cover;border-radius: 1rem;}

.chisiamo_3 h2 {margin: 0 0 5.5rem;}
.chisiamo_3 .flex {gap: 8rem;}
.chisiamo_3 .bl {width: calc(50% - 4rem);}
.chisiamo_3 .bl img {width: 100%;height: auto;aspect-ratio: 3 / 2;border-radius: 1rem;}
.chisiamo_3 .bl h4 {color: var(--red);}
.chisiamo_3 .bl:nth-child(1) {order: 2;}
.chisiamo_3 .bl:nth-child(2) {order: 1;}
.chisiamo_3 .bl:nth-child(3) {order: 3;}
.chisiamo_3 .bl:nth-child(4) {order: 4;}
.chisiamo_3 .small {margin: 8rem auto;}

.slide_prodotti {position: relative; padding:8rem 2% 20rem;background: rgb(242,242,242);
  background: -moz-linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#ffffff",GradientType=1);}
.slide_prodotti .bl .box_img {width: 100%;padding-bottom: 100%;position: relative;border-radius: 1rem;}
.slide_prodotti .bl .box_img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;border-radius: 1rem;}
.slide_prodotti .bl h3 {position: absolute;top: 0;left: 0;right: 0;padding: 4rem 3rem 10rem;color: var(--white);z-index: 4;transition: all .2s;font-size: 2.8rem;
  background: rgb(25,25,25);
  background: -moz-linear-gradient(0deg, rgba(25,25,25,0) 0%, rgba(25,25,25,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(25,25,25,0) 0%, rgba(25,25,25,1) 100%);
  background: linear-gradient(0deg, rgba(25,25,25,0) 0%, rgba(25,25,25,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#191919",endColorstr="#191919",GradientType=1);border-radius: 1rem 1rem 0 0;}
.slide_prodotti .bl:hover h3 {padding: 8rem 3rem 10rem;}
.slide_prodotti .bl .overlay_hue {mix-blend-mode: multiply;opacity: 70%;border-radius: 1rem;}
.slide_prodotti .bl .overlay_grad {position: absolute;top: 0;left: 0;width: 100%;height: 100%;mix-blend-mode: color;transition: all .3s;border-radius: 1rem;background: rgb(231,0,0);
  background: -moz-linear-gradient(45deg, rgba(231,0,0,1) 0%, rgba(34,2,2,1) 52%, rgba(237,121,0,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(231,0,0,1) 0%, rgba(34,2,2,1) 52%, rgba(237,121,0,1) 100%);
  background: linear-gradient(45deg, rgba(231,0,0,1) 0%, rgba(34,2,2,1) 52%, rgba(237,121,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e70000",endColorstr="#ed7900",GradientType=1);}
.slide_prodotti .bl:hover .overlay_grad {opacity: 0;}


/* PRODOTTI GENERICA */
.prodotti_pag .flex {gap: 2rem;justify-content: center;margin: 6rem 0 0;}
.prodotti_pag .bl {width: calc(25% - 2rem);}
.prodotti_pag .bl .box_img {width: 100%;padding-bottom: 100%;position: relative;}
.prodotti_pag .bl .box_img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.prodotti_pag .bl .box_img h3 {position: absolute;bottom: 0;left: 0;right: 0;padding: 2rem;color: var(--white);z-index: 4;transition: all .2s;font-size: 2.5rem;margin: 0;
  background: rgb(25,25,25);
  background: -moz-linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#191919",endColorstr="#191919",GradientType=1);}
.prodotti_pag .bl:hover .overlay_hue {opacity: 0;}
.prodotti_pag .bl:hover .overlay_grad {opacity: 70%;}
.prodotti_pag .bl:hover .box_img h3 {padding: 2rem 2rem 4rem;}
.perche {padding: 10rem 0 0;}
.perche .small {text-align: left;max-width: 70rem;margin: 5rem auto 0;}
.perche .btn_box {margin: 7rem auto 0;}
.ul_perche {max-width: 70rem; text-align: left;margin: 3rem auto;}
.ul_perche li {display: flex;align-items: flex-start;margin: 0 0 2rem;}
.img_perche {width: 5rem;height: 5rem;margin: 0 1rem 0 0;}
.marchi_spiega {padding: 8rem 0 0;}

/* CATEGORIA */
.gamma {padding: 8rem 0 0;}
.simple {padding: 8rem 0;}
.simple .btn_box {margin: 7rem auto 0;}
.simple h2 {margin: 4rem 0 1.5rem;}

/* DETTAGLIO PRODOTTO */
.proddett h1 {margin: 0 0 3rem;text-align: center;}
/* .nav_interna {display: flex;align-items: center;justify-content: flex-start; margin: 0 0 5rem;gap: 2rem;flex-wrap: wrap;}
.nav_interna li a {display: block;}
.nav_interna li a:hover {translate: 0 -8px; color: var(--red);}
.img_principale_prod {width: 100%;height: auto;aspect-ratio: 3 / 2;object-fit: cover;margin: 0 0 7rem;border-radius: 1rem;} */
.paragraph {padding: 4rem 0;}
.paragraph h3, .paragraph h2 {font-size: 2.5rem;}
.desc h2, .desc h3 {font-size: 3.5rem;margin: 0 0 3rem;}
.desc h4 {font-size: 3rem;margin: 0 0 3rem;}
.desc h5 {font-size: 2.5rem;margin: 0 0 3rem;}
.desc p {margin: 0 0 4rem;}
.desc ul, .desc ol {width: 100%;max-width: 65rem;margin: 0 auto 5rem;text-align: left;padding: 0 0 0 5rem;position: relative;}
.desc ul::before, .desc ol::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 8px;height: 100%;background: var(--grad-red-180);border-radius: 1rem;}
.desc ul li {list-style: outside disc;margin: 0 0 2.5rem;}
.desc ol li {list-style: outside decimal;margin: 0 0 2.5rem;}
.desc ul li::marker, .desc ol li::marker {color: var(--red);}
.desc ul li strong, .desc ol li strong {color: var(--red);}
.desc a {color: var(--red); text-decoration: underline;}
.desc img {width: 100%;height: auto;aspect-ratio: 3 / 2;object-fit: cover;margin: 2rem auto 6rem;border-radius: 1rem;}
.row_down {display: flex;justify-content: space-between;padding: 1rem 2rem;background: #F8F8F8;border-radius: 1rem;margin: 0 0 1rem;font-weight: 800;}
.row_down span {max-width: 95%;}
.row_down:hover {translate: 0 -5px;}
.row_down:last-of-type {margin: 0 0 6rem;}

.box_dett_prod {padding: 0 0 6rem;}
.box_dett_prod .container {max-width: 100rem;}
.box_dett_prod .flex {gap: 6rem 2rem;justify-content: center;}
.box_dett_prod .bl {    width: 100%; text-align: left;
  transition: all .3s;
  display: flex;
  align-items: center;
  flex-wrap: wrap;}
.box_dett_prod .bl h3 {font-size: 3rem;margin: 0 auto 1.5rem;}
.box_dett_prod .bl p {margin: 0 auto 2rem;}
.box_dett_prod .bl a {display: flex;
  align-items: center;
  gap: 1rem; color: var(--red);}
.box_dett_prod .bl a:hover {translate: 0 -8px}
.box_dett_prod .bl img.prod {width: 100%; max-width: 30rem; height: auto; aspect-ratio: 4 / 3; object-fit: cover;}
.box_dett_prod .bl .box_txt {width: calc(100% - 30rem); padding: 0 0 0 2rem;}
.ico-down {width: 1.2rem;height: 1.2rem;object-fit: contain;transition: all .3s;}
.rotate {rotate: 180deg;}
.box_dett_prod .bl .ico-down {width: 2rem;height: 2rem;}

.divisorio { width: 100%;background: var(--grad-red);padding: 5px 0 0;margin: 4rem auto;}

.vantaggi .container {max-width: 100rem;}
.vantaggi h2 {margin: 0 0 1rem;}
.vantaggi .intro {font-size: 2rem;margin: 0 0 3rem;font-style: italic;}
.vantaggi .container .desc h2, .vantaggi .container .desc h3, .vantaggi .container .desc h4, .vantaggi .container .desc h5 {font-size: 2.5rem;margin: 0 0 1rem;}

.paragraph .accordion .toggle {display: flex; justify-content: space-between;align-items: center; cursor: pointer;padding: 1rem 2rem;background-color: var(--light);margin: 0 0 1rem; font-size: 2rem;font-weight: 600;}

#slide-gallery {width: 95%;margin: 0 auto 7rem;display: flex;flex-wrap: wrap;gap: 2rem;justify-content: center;}
#slide-gallery .splide__slide {width: calc(16.66% - 1.66rem);}
#slide-gallery .splide__slide img {aspect-ratio: 1 / 1;border-radius: 1rem;}

.pf_dettprod {padding: 8rem 0;text-align: center;}
.pf_dettprod h2 {font-size: 2rem;font-weight: 800;color: var(--white);line-height: 1.2;}
.pf_dettprod p {color: var(--white)}
.pf_dettprod .btn {background: var(--bright-red);color: var(--white); border: 4px solid var(--white);margin: 3rem 0 0;font-size: 2.2rem;font-weight: 900;}

.altri_prodotti {padding: 3rem 2% 10rem;text-align: center;}
.altri_prodotti h3 {font-size: 2.5rem;}
.btn_altri {padding: 6rem 2.5rem;background-color: var(--black);color: var(--white);font-weight: 800;font-size: 2rem;display: block;border-radius: 1rem;}
.btn_altri:hover {background-color: var(--red);}
#slide-altri {margin: 5.5rem auto 0;}
#slide-altri .splide__arrows button {bottom: -4rem;}


/* SERVIZI GENERICA */
.servizi_2 .btn {margin: 5rem auto 7rem;}

/* ASSISTENZA */
[div^="assistenza_"] h2 {font-size: 4rem;}
.assistenza_2, .assistenza_3, .assistenza_4 {padding: 8rem 0 0;}
.assistenza_2 .flex {align-items: flex-start;margin: 3rem auto 0;}
.assistenza_2 .bl {width: 50%;padding: 6rem;text-align: left;color: var(--white);border-radius: 1rem;position: relative;}
.assistenza_2 .bl:nth-child(1) {background: var(--grad-red); padding: 6rem 8rem 6rem 6rem;margin: 0 -4rem 0 0;}
.assistenza_2 .bl:nth-child(2) {background: var(--grad-grey); margin: 6rem 0 0;}
.assistenza_2 .btn_box {margin: 9rem 0 0;}
.assistenza_4 .flex {margin: 7rem 0 0;gap: 9rem;justify-content: center;}
.assistenza_4 .bl {width: calc(33.3% - 6rem);}
.assistenza_4 .bl h3 {font-size: 2rem;margin: 0 0 2rem;}
.ico_servizio {width: 17rem;height: 17rem;object-fit: contain;margin: 0 0 2.5rem;}
.assistenza_5 {padding: 8rem 1rem 1rem;}
.assistenza_5 .bl {width: 50%;}
.assistenza_5 .assbg {border-radius: 1rem;}
.assistenza_5 .bl .txt {max-width: 71rem;padding: 10rem 0 10rem 3rem;}

/* NOLEGGIO */
.noleggio_1, .noleggio_2, .noleggio_3 {padding: 8rem 0 0;}
.noleggio_2 .btn_box {margin: 5rem 0;}

/* FORMAZIONE */
.formazione_1, .formazione_2, .formazione_3, .formazione_4 {padding: 8rem 0 0;}
.formazione_3 .bl {width: 50%;}
.formazione_3 .formazbg {border-radius: 1rem;}
.formazione_3 .bl .txt {max-width: 71rem;padding:10rem 2% 10rem 3rem;}
.formazione_4 .flex {margin: 5rem auto 0;gap: 5rem;justify-content: center;width: 95%;}
.formazione_4 .bl {width: calc(33.3% - 4rem);}
.formazione_4 .bl .num {font-size: 2rem;font-weight: 800;}
.formazione_4 .bl .num span {font-size: 8rem;font-weight: 800;background: var(--grad-red); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;display: block;line-height: 1;}
.formazione_4 .btn_box {margin: 5rem 0;}


/* BLOG */
.blog_articles {padding: 8rem 0 12rem;}
.blog_articles .flex {align-items: flex-start;justify-content: center;flex-wrap: wrap;gap: 3rem;}
.blog_articles .bl {width: calc(33.3% - 2rem);}
.blog_articles .bl .box_img {width: 100%;padding-bottom: 100%;position: relative;border-radius: 5px;}
.blog_articles .bl .box_img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;border-radius: 5px;}
.blog_articles .bl .txt {/* display: block;position: absolute;bottom: 0;left: 0;right: 0;padding: 3rem;z-index: 4;transition: all .2s; */    display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10rem 3rem 3rem;
  z-index: 4;
  transition: all .2s;
  background: rgb(25,25,25);
  background: -moz-linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#191919",endColorstr="#191919",GradientType=1);
  border-radius: 1rem;}
.blog_articles .bl h3 {color: var(--white);font-size: 2.5rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.blog_articles .bl:hover .txt {padding: 10rem 3rem 5rem;}
.blog_articles .bl .overlay_grad {opacity: 85%;border-radius: 5px;}
.blog_articles .bl p.data {opacity: 70%;display: block;font-size: 1.5rem;font-weight: 500;margin: 1.5rem 0 0;color: var(--white);}
.img_principale_blog { width: 100%; aspect-ratio: 3 / 2;object-fit: cover;height: auto;}

.blog_articles .btn {background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, rgba(157,157,157,1) 0%, rgba(57,57,57,1) 100%) border-box;color: var(--black);margin: 8rem auto 0;}
.article .center {margin: 0 0 5rem;}
.article .btn_box {margin: 5rem auto 10rem;}
.article .video_container {padding-bottom: 56.25%;}
.video_blog {margin: 5rem auto 8rem;}
.video_frame {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;}

/* CONTATTI */
.contatti .flex {gap: 5rem;justify-content: center;margin: 6rem auto;}
.contatti .bl {width: calc(50% - 3rem);text-align: left;}
.mappa {width: 100%;height: 50rem;border: none;}
.form_bg {background: var(--grad-grey);padding: 6rem 0;margin: 8rem 0;}
.form_bg h3 {color: var(--white);text-align: center;}
.contatti a.btn {margin: 2rem 0 4rem;}


/* RISORSE */
.black_overlay {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: var(--black);opacity: 60%;z-index: 3;transition: all .2s;mix-blend-mode: multiply;}



/* ERRORE */
.error_img {width: 10rem;height: 10rem;margin: 0 0 2rem;}
p.errore + p {text-transform: uppercase;font-size: 2rem;margin: 0 0 3rem;}
.top.err {height: 7.5rem;background-color: var(--grey1);}
.simple.err {padding: 0 0 8rem;}


form {margin: 3rem 0 0;}
form .flex {justify-content: space-between;}
form .box-50 {width: 48%; padding: 0; text-align: left; display: flex; align-items: center; margin: 0 0 1rem; flex-wrap: wrap; flex-direction: column-reverse;border-bottom: 1px solid rgb(255 255 255 / 40%);}
form .box-100 {width: 100%; padding: 0; text-align: left; display: flex; align-items: flex-start; margin: 0 0 1rem; flex-wrap: wrap; flex-direction: column-reverse; border-bottom: 1px solid rgb(255 255 255 / 40%);}
form label {width: 100%; font-size: 1.5rem; text-transform: uppercase; opacity: .8;display: block;margin: 0;font-weight: 400; font-family: 'Open Sans', sans-serif;color: var(--white);}
.input__text {width: 100%; border: none; background-color: transparent; font-size: 1.6rem; padding: 1rem; color: var(--white);}
.input__text:focus {outline: none;}
textarea.input__text { resize: vertical; min-height: 12rem;}
.txt-small {font-size: 1.2rem; margin: 1rem 0 0;color: var(--white);}

.privacy h2, .privacy h3, .privacy h4, .privacy h5 {margin: 2.5rem 0 1rem;}
.privacy h2 {font-size: 3rem;}
.privacy h3, .privacy h4, .privacy h5 {font-size: 2rem;}


/*SITEMAP*/
ul.sitemap {margin: 5rem auto 10rem;}
ul.sitemap li a {color: var(--black);}
ul.sitemap li a:hover {color: var(--red);}
ul.sitemap li {font-size: 1.8rem; text-transform: uppercase; padding: 5px 0;}
ul.sitemap li.sublink {font-size: 1.6rem; padding: 0 0 0 3rem;}




@media screen and (max-width: 1600px) {
  .prodotti_home_big {margin: 4rem 0 10px;}
  .prodotti_home_big .bl .txt {padding: 0;}
}


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


}


@media screen and (max-width: 1280px) {
  .fascia_menu {padding: 2rem 1rem;}
  .logo {width: 25rem;}
  nav.menu {width: calc(100% - 25rem);}
  /* .video_container {padding-bottom: 68.25%;} */
  .news_home {padding: 8rem 3rem 20rem;}

  .chisiamo_2 .flex .bl.immagini {width: 100%;}
  .chisiamo_2 .flex .bl:not(.immagini) {width: 100%;padding: 3rem 0 0;text-align: center;}
  .slide_prodotti {padding: 8rem 2% 10rem;}

  .prodotti_pag .bl {width: calc(33.3% - 2rem);}

  .prodotti_home_big .bl {padding: 3rem 8rem;}

}


@media screen and (max-width: 1024px) {
  nav.menu {margin: 0 6.5rem 0 0;width: calc(100% - 25rem - 6.5rem);}
  nav.menu ul {display: none;}
  .logo {margin: -2rem 0 0;}
  .logo-resp .logo {margin: 0;}
  .menuresponsive {display: block; width: 3.3rem;position: absolute;right: 3rem;top: 7rem;}
  .menuresponsive img {width: 3.3rem; height: 3.3rem; aspect-ratio: 1 / 1; margin: 0;}
/*   .prodotti_home_big .bl {width: 100%;}
  .prodotti_home_big .bl:nth-child(1) {margin: 0 0 1rem;} */
  .horizontal {width: 400vw;}
  .horizontal .box_img_h {width: calc(50vw - 10px);}
  .assistenza_home h2 {font-size: 10vw;}

  .chisiamo h1 {font-size: 8vw;}
  .chisiamo_3 .flex {gap: 4rem;}
  .chisiamo_3 .bl {width: 100%;text-align: center;}
  .chisiamo_3 .bl:nth-child(3) {order: 4;}
  .chisiamo_3 .bl:nth-child(4) {order: 3;}

  .prodotti_pag .bl {width: calc(50% - 2rem);}

  .assistenza_4 .flex {gap: 4rem;}
  .assistenza_4 .bl {width: calc(50% - 2rem);}

  .formazione_3 .bl {width: 100%;text-align: center;}
  .formazbg.webp {width: 98%;height: 70vw;margin: 4rem auto 0;}
  .formazione_3 .bl .txt {padding: 4rem 2% 0;max-width: inherit;}
  .formazione_4 .bl {width: calc(50% - 4rem);}
  .formazione_4 .bl .num span {font-size: 9vw;}

  .blog_articles .bl {width: calc(50% - 2rem);}

  .prodotti_home_big .bl {width: calc(100% - 4rem);padding: 4rem;margin: 0 2rem 2rem;}

  #slide-gallery .splide__slide {width: calc(20% - 1.66rem);}

  footer .flex .bl:last-of-type ul.ul-servizi {flex-wrap: wrap;}

}


@media screen and (max-width: 768px) {
  .fascia_menu {padding: 1.5rem 1rem;}
  /* .video_container {padding-bottom: 100%;} */
  header .video_container {height: 80vh;}
  header .video {height: 80vh;}
  .chisiamo_home {padding: 4rem 0;}

  .prodotti_home_big .bl .box_img h3 {padding: 4rem;}
  .prodotti_home_big .bl:hover .box_img h3 {padding: 4rem 4rem 8rem;}

  .horizontal {width: 600vw;}
  .horizontal .box_img_h {width: calc(75vw - 10px);}
  .welding {position: absolute;width: 75%;top: 10%;left: -5%;}
  .altri_servizi .bl {width: 100%;}
  .altri_servizi {padding: 4rem 0 8rem;}
  .news_home {padding: 2rem 2rem 10rem;}
  footer .logo_ft {text-align: center;}
  footer .flex .bl {width: 100%;text-align: center;}
  footer .flex .bl:first-of-type {gap: 2rem}
  ul.social_ft {justify-content: center;}

  .paragraph {padding: 2rem 0;}
  
  .assistenza_2 .bl {width: 100%;padding: 4rem;}
  .assistenza_2 .bl:nth-child(1) {padding: 4rem;}
  .assistenza_2 .bl:nth-child(2) {margin: 1rem 0 0;}
  .assistenza_5 .bl {width: 100%;}
  .assbg.webp {height: 70vw;}
  .assistenza_5 .bl .txt {padding: 4rem 2rem;}
  .pf_dettprod {padding: 8rem 0;margin: 0 0 3rem;}

  .contatti .bl {width: 100%;text-align: center;}

  .chisiamo_home .icon_big {width: 100%;margin: 0;order: 2;}
  .chisiamo_home .icon_big img {max-width: 20rem;}
  .chisiamo_home .txt {width: 100%;text-align: center;padding: 0;order: 1;}
  .chisiamo_home .btn_box {order: 3;}

  .prodotti_home_big .bl .txt {width: 100%;text-align: center;}
  .prodotti_home_big .bl picture {width: 100%;}

  #slide-gallery .splide__slide {width: calc(25% - 1.66rem);}

}


@media screen and (max-width: 660px) {
  .box_dett_prod .bl picture {    margin: 0 auto 1rem;text-align: center;display: block;width: 100%;}
  .box_dett_prod .bl .box_txt {width: 100%;text-align: center;padding: 0;}
  .box_dett_prod .bl .box_txt a {justify-content: center;}
}

  @media screen and (max-width: 580px) {
  h2 {font-size: 4rem;}

  /* .video_container {padding-bottom: 150%;} */
  .rolling {bottom: 2rem;}
  .rolling p {font-size: 9vw;opacity: 40%;line-height: 1.3;}
  .logo {width: 20rem;margin: 0;}
  nav.menu {width: 100%;margin: 1rem 0 0;}
  .search-block {width: 100%;}
  .menuresponsive {right: 2rem;}
  /* .social ul {gap: 1rem;flex-direction: column;} */
  .prodotti_home_big .bl .box_img h3 {padding: 2rem;}
  .prodotti_home_big .bl:hover .box_img h3 {padding: 2rem 2rem 4rem;}
  .assistenza_home h2 {font-size: 13vw;}
  .ulwrapper .logo {width: 20rem;}
  .ulwrapper .logo {max-width: 80%;}
  .horizontal {width: 760vw;}
  .horizontal .box_img_h {width: calc(95vw - 10px);}

  .chisiamo h1 {font-size: 13vw;}
  .chisiamo_2 .flex .bl.immagini {flex-wrap: wrap;gap: 8px;}
  .chisiamo_2 .flex .bl.immagini .cl {width: 100%;}
  .immagine_due {width: 100%;}
  .chisiamo_2 .flex .bl.immagini picture {width: 100%;}

  .prodotti_pag .bl {width: 100%;}

  .assistenza_4 .bl {width: 100%;}

  .formazione_4 .bl {width: 100%;}
  .formazione_4 .bl .num span {font-size:15vw;}

  .blog_articles .bl {width: 100%;}

  form .box-50 {width: 100%;}

  #slide-gallery .splide__slide {width: calc(33.3% - 1.33rem);}
}
	

@media screen and (max-width: 400px) {
  h2 {font-size: 3rem;}
  h3 {font-size: 2.5rem;}
  
  .welding {width: 100%;top: 5%;}
  .horizontal .box_img_h h3,.altri_servizi .bl h3 {padding: 2rem;font-size: 2.5rem;}
  .assistenza_home {padding: 15rem 0 8rem}
  .news_home .bl h3 {font-size: 2rem;}

  .proddett h1 {margin: 0 0 4rem;}
  .nav_interna {gap: 1rem;margin: 0 0 4rem;}
  .nav_interna li a {padding: 1rem;}
  .img_principale_prod {margin: 0;}

  .chisiamo h1 {font-size: 16vw;}

  .prodotti_home_big .bl {padding: 4rem 2rem;}

  #slide-gallery .splide__slide {width: calc(50% - 1rem);}
  

}



@media screen and (max-height: 400px) {

  .video_container {height: 120vh;}
  .video {height: 120vh;}


}
