.bounce-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  gap: 5px;
}

.bounce-loader > div {
  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out both;
}

.bounce1 {
  animation-delay: -0.32s;
}

.bounce2 {
  animation-delay: -0.16s;
}

.bounce3 {
  animation-delay: 0;
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  } 
  40% {
    transform: scale(1);
  }
}




.custom-img {
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}


.custom-img-about {
	right: 0;
	top: 70%;
}

.text-transform-none {
	text-transform: none !important;
}


.py-section-custom-angled {	
	margin-top: 150px !important;
	margin-bottom: 150px !important;
}


.mappa-section {
	border: 1px solid #d8d8d8 !important;
	background-image: url(../img/sito/mappa-bg.png) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}


.form-control.bg-tertiary::placeholder, 
.form-control.bg-color-tertiary::placeholder {
	color: #ccc;
}

.error {
	text-decoration: underline;
}

.servizio-titolo {
	min-height: 54px;
}

.testo-servizio h3 {
	font-weight: 700 !important;
	font-size: 1.2em !important;
	margin-bottom: 5px;
	text-transform:none !important;
}

@media (min-width: 992px) {

	#header .header-nav-main nav > ul > li > a {
		font-size: 18px;
	}

}


@media (max-width: 991.98px) {
	
	img.custom-img-about-2 {
		display: none !important;
	}
	
	
	img.custom-img-about-1 {
		width: 100% !important;	
		max-width: 100% !important;	
	}
	
	.py-section-custom-angled {	
		margin-top: 100px !important;
		margin-bottom: 100px !important;
	}
	
	/* menu mobile */
	
	html #header .header-nav-main nav ul li.active a{
		background-color: #ffffff !important;
	}
	
	/*
	html #header .header-nav-main nav ul li.active a,
	html #header .header-nav-main nav ul li.active a i {
		color: #ffffff !important;
	}
	*/
	
	
}




@media (max-width: 767.98px) {
	

	.py-section-custom-angled {	
		margin-top: 75px !important;
		margin-bottom: 75px !important;
	}
	
	
}


@media (max-width: 575.98px) {
	

	.slider-my-title {	
		font-size: 35px !important;
	}
	
	
}