*{margin: 0px; padding: 0px;}
body{font-size: 1em;}
html{font-size: 100%;}
ul, ol{ list-style: none;}
a, li{text-decoration: none !important;}
a img{border:none !important;}
body{font-family: 'Montserrat', sans-serif; font-size: 16px;}
header, footer, section, article, figure, aside, video, audio, hgroup, nav{display: block;}
.clear{clear: both;}
.left{float: left;}
.right{float: right;}

/* color e img */

.bg_white{ background-color: #FFFFFF}
.col_white{ color: #FFFFFF;
}

.bg_home{
	background-image: url(../img/sfondo_home.jpg);
	background-position: center center;
	background-size: 120%;
	background-repeat: no-repeat;
}

.bg_prodotti{
	background-image: url(../img/prodotti.jpg);

	background-size: cover;
	background-repeat: no-repeat;
	position: fixed;
	top: 120px;
	z-index: -1;
	opacity: 10%;
}

.img_1{
	background-image: url(../img/cuffia.jpg);
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.banner {
  position: relative;
  color: #fff; /* testo bianco */
}

.banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3); /* scurisce l'immagine */
  z-index: 0;
}

.banner * {
  position: relative;
  z-index: 1;
}

.flex_img{ width: 80%;}


/* typo */
h1{font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 700;}
h2{ font-size: 40px; font-weight: 700;}
h3{ font-size: 14px; font-weight: 400;}
h4{ font-family: 'Montserrat', sans-serif; font-size: 38px; font-weight: 600;}
p{ font-size: 20px; font-weight: 400;}
h5{ font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400;}

.testo_info{
	font-family: 'Montserrat', sans-serif;
	color: #E62823;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	line-height: 28px;
}

.online_box{
  min-width: 64px;
  height: 41px;
  text-align: right;
  color: #E62823;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin-top: 3px;
}

.box_rosso_prodotti{
	transition: all .3s;
	width: 250px;
	height: 250px;
	background-color: #9E1915;
	color: white;
	text-align: center;
}

.box_rosso_accessi{
	transition: all .3s;
	width: 300px;
	height: 150px;
	background-color: #9E1915;
	color: white;
	text-align: center;
}

.testo_accessi{
	font-family: 'Montserrat', sans-serif;
	color: #E62823;
	font-size: 16px;
	line-height: 28px;
}

.box_prodotto_singolo{
	/* min-width: 1000px; */
	min-height: 60px;
	box-sizing: border-box;
	padding: 28px 30px 28px 30px;
	background-color: white;
}

.box_prodotti{
	width: 1024px;
	height: 250px;
}

.box_bianco_prodotti{
	width: 626.5px;
	height: 250px;
	background-color: white;
	padding: 28px 0 30px 35px;
	box-sizing: border-box;
}

.box_freccia{
	background-color: white;
	width: 140px;
	height: 250px;
	box-sizing: border-box;
	padding: 100px 45px;
}

.flex_prodotti{
	display: flex;
	flex-direction: column;
}

.flex_prodotti > .box_prodotti{
	margin-bottom: 30px;
}

.flex_prodotti > .box_prodotto_singolo{
	margin-bottom: 30px;
}

.flex_carat{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex_prodotto_singolo{
	display: flex;
	flex-direction: column;
}

.caratteristica{
	width: 318px;
	min-height: 200px;
	box-sizing: border-box;
}

.flex_prodotto_singolo > .caratteristica{
	margin-bottom: 30px;
}

.box_rosso_carat{
	width: 318px;
	min-height: 80px;
	background-color: #E62823;
	box-sizing: border-box;
	padding: 28px 30px 28px 30px;
}

.box_bianco_carat{
	width: 318px;
	min-height: 100px;
	padding: 28px 30px 28px 30px;
	background-color: white;
	box-sizing: border-box;
}

.testo_titolo_carat{
	font-weight: 700;
	font-size: 16px;
	color: white;
	line-height: 24px;
}

.testo_carat{
	font-size: 16px;
	color: black;
	line-height: 24px;
}

.testo_prodotti{
	font-size: 16px;
	color: black;
	line-height: 24px;
}

.box_offerta{
	transition: all .3s;
  width: 100%;
  min-height: 120px;
  background-color: #9E1915;
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}

.box_offerta:hover{
	transition: all .3s;
  background-color: #E62823;
}

.li_header{
  display: block;
  margin-right: 10px;
}

.li_footer{
	display: block;
  margin-right: 30px;
}

.box_linea_footer{
	border-right: solid 1px #FFFFFF;
	width: 30px;
	height:30px;
}

svg circle{transition: all  .3s;}

svg:hover circle{
	fill: #E62823;
	transition: all  .3s;
}

.button{
	transition: all .3s;
  width: 140px;
  height: 41px;
  color: #E62823;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  background-color: inherit;
  border: solid 1px #E62823;
}

.button:hover{
  transition: all .3s;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  background-color: #E62823;
}

.button2{
	transition: all .3s;
  width: 140px;
  height: 41px;
  color: #9E1915;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  background-color: inherit;
  border: solid 1px #9E1915;
}

.button2:hover{
  transition: all .3s;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  background-color: #9E1915;
}

.pulsante-invia {
  background-color: #4CAF50; /* Colore sfondo */
  color: white;              /* Colore testo */
  padding: 10px 20px;        /* Spaziatura interna */
  border: none;              /* Rimuove bordo di default */
  border-radius: 5px;        /* Angoli arrotondati */
  cursor: pointer;           /* Cursore a mano */
  font-size: 16px;           /* Dimensione font */
  transition: background 0.3s; /* Transizione morbida */
}


/* Grid */
.box100{ width: 100%;}
.box50{ width: 50%;}
.altezza_1{ min-height: 120px;}
.altezza_2{ min-height: 780px;}
.altezza_3{ min-height: 700px;}
.altezza_4{ min-height: 150px;}
.altezza_5{ min-height: 1280px;}
.altezza_footer { min-height: 310px;}
.paddingLR{
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
}

.paddingLR_2{
	padding-left: 25%;
	padding-right: 25%;
	box-sizing: border-box;
}

.paddingLR_3{
	padding-left: 15%;
	padding-right: 15%;
	box-sizing: border-box;
}

.paddingLR_footer{
	padding-left: 29%;
	padding-right: 28%;
	box-sizing: border-box;
}

.paddingTB_1{
	padding-top: 4%;
	padding-bottom: 6%;
	box-sizing: border-box;
	align-items: center;
    display: flex;
    justify-content: center;
}

.paddingTB_2{
	padding-top: 130px;
	padding-bottom: 130px;
	box-sizing: border-box;
}


/* Elements */
.bt_1{
	width: 180px;
	height: 50px;
	border-radius: 2px;
	border:none !important;
	font-size: 20px;
}

#hero h1{ margin-top: 300px;
    margin-left: -30px;
    font-size: 60px;
    line-height: 80px;
}
#hero .bt_1{ margin-top: 230px; margin-left: 20px;}


@media screen and (max-width:1800px){
	/*#hero h1{
		font-size: 30px;
		}*/
	#hero .bt_1{
		float: none;
		margin-top: 20px;
		margin-left: 0px;
		}
	.bg_home{
		background-position: 23% center;
		background-size: cover;
		}
	#content figure{
		float: none;
		width: 100%;
	}
	.flex_img{ width: 100%;}
	#content article{
		float: none;
		width: 100%;
	}
	#main_footer h3{
		float: none;
	margin-left: 0px;
	margin-top: 10px
	}
	#main_footer h3:first-child{
	margin-left: 0px;
}


}