@media (min-width: 768px) {
	.frontemare .box_hover_height .e-con-inner {
	height:865px;
	    padding-bottom: 0;
}
.frontemare .hover_height:hover {
   height: 725px;
}

.frontemare .hover_height {
    transition: all .5s;
	height: 620px
}
.frontemare .hover_height .box_pulsante {
	opacity:0;
	    transition: all .5s;
}
.frontemare .hover_height:hover .box_pulsante  {
	opacity:1;
}
.frontemare .hover_height .box_testo {
	opacity:0;
	    transition: all .5s;
}
.frontemare .hover_height:hover .box_testo {
	opacity:1;
}
}
.random-div {
  transition: opacity 1s ease-in-out; /* Transizione fluida */
  opacity: 1; /* Imposta visibilità iniziale */
}

.random-div.hidden {
  opacity: 0; /* Stato nascosto durante il fade */
}
#random_img1, 
#random_img2, 
#random_img3, 
#random_img4 {
	transition: all .3s;
	border: 1px solid #000;
	    border-left: none;
}
#random_img1:hover, #random_img2:hover, #random_img3:hover, #random_img4:hover {
    width: 150%;
  /*  transform: scale(1.05); */
    z-index: 9;
    box-shadow: 2px -6px 7px #00000000;
}
.box_container {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.box_container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #972323;
    width: 0%;
    z-index: 99;
}
/* Effetto di transizione morbido con ::before */
.random-div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 2s ease-in-out;
}

.random-div.fade-in::before {
  opacity: 1;
}
#main_header.menu_aperto {
    background: #000;
}
#logo_mobile {
	opacity: 0;
}
#main_header.menu_aperto #logo_mobile {
	opacity: 1;
}