html{overflow-x: hidden}
body {
  overflow-x: hidden;
  padding-top: 226px;
  font-family: 'Poppins', sans-serif;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	padding-left: 25px;padding-right: 25px;
}
strong{font-weight: 600;color:#e40522;}
h1,h2,h3,h4{
	font-family: 'Boogaloo', cursive;
	text-transform: uppercase;
	color: #e40522;
}
a,a:hover{color: #e40522;}
p{
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}
#acconsento-click .acconsento-click-consent-banner .el-acconsento-dialog__header ,#acconsento-click .el-acconsento-drawer__footer{
  display: none !important;
}
input:focus,.form-control:focus, button:focus{
  outline: none;border:0;box-shadow:none;
}
p>span{color: #e40522;font-weight: 600;}
#topbar p>span{color: #ffffff;font-weight: 300;}
h2{
	font-size: 23px;
}
h3{
	font-size: 20px;
}
.blocco_icone h2{
	margin: 0px 0px 60px;
}
.blocco_icone h3{
	margin: 20px 0px 15px;
}
.blocco_icone p{
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	margin-bottom: 40px;
}
.carousel{
	margin-bottom: 60px;
}
.carousel-item img{
	width: 100%;
}
hr{
	border: 0;
	margin: 80px 0 0 0;
}
a{
	transition: all 0.3s ease-in;
}

.test_box{
	background-color: #e40522;
}
#topbar{
	width: 100%;
	height: 40px;
	background: #e40522;
	color: #ffffff;
}
.scopri{
	background-color: #e40522;
	color: #ffffff;
	display: inline-block;
	border-radius:50px;
	padding: 4px 30px;
	margin-top: 20px;
  border:2px solid #e40522;
  text-decoration: none;
  font-size: 14px;
}
.scopri:hover{
  text-decoration: none;
	background-color: #ffffff;
	color: #e40522;
  border-color:#e40522;
}
.scopri2{
	background-color: #ffffff;
	color: #e40522;
	display: block;
	float: left;
	border-radius:50px;
	padding: 4px 30px;
	margin-top: 20px;
  border:2px solid #ffffff;
}
.scopri2:hover{
  text-decoration: none;
	background-color: #e40522;
	color: #ffffff;
  border-color:#ffffff;
}
#topbar p{
	display: block;
	padding: 8px 0px;
	text-align: right;
}
#topbar a.dona_ora{
	color: #ffffff;
	position: relative;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 0px;
    line-height: 18px;
    margin-left: 10px;
    display: inline-block;
}
#topbar a.dona_ora:after{
	transition: all 0.2s ease;
	content:"";
	background: url("../img/icona-cuore.svg") no-repeat center center;
	background-size: 25px;
	position: absolute;
	width: 30px;
	height: 30px;
	right: -31px;
  margin-top: -4px;
  z-index: 0;
}
#topbar a.dona_ora:hover{text-decoration: none;}
#topbar a.dona_ora:hover:after{
	background-size:30px;
    margin-top: -6px;
}
.navbar-brand {
	transition: all 0.3s ease;
	padding-top: 30px;
}
.navbar-brand img{
	transition: all 0.3s ease;
	max-width: 380px;
}

.navbar{
	transition: all 0.3s ease;
	flex: 1 100%;
	display: flex;
  	flex-flow: row wrap;
	padding: 0px 0px 20px 0px;
	background: #ffffff;
}
.navbar-nav{margin-top: 90px;}
.navbar .nav-item a.nav-link{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
  color: #585752;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
}
.navbar-toggler:focus,.navbar-toggler:visited{
	outline: none;
	border: 0;
}
.navbar-toggler{
  border:0!important;
	margin-top: 20px;
}

.navbar-toggler-icon{
    display: block;
    width: 40px;
    height: 2px;
    border-radius:30px;
    background: #585752;
    margin-bottom: 6px;
}
.navbar .nav-item a.nav-link:hover{
  color: #e40522;
}
.navbar .nav-item a.nav-link.active{
  font-weight: 600;
  color: #e40522;
}
.navbar .nav-item a.nav-link.active::before{
  content:"";
  background: url("../img/menu_hover.jpg") no-repeat;
  background-size: 30px;
  position: absolute;
  width: 30px;
  height: 25px;
  left: 50%;
  margin-left: -15px;
  margin-top: -30px;
}
.cuore-contatti{position: relative;min-height: 530px;}
.cuore-contatti *{position: relative;z-index: 10;}
.cuore-contatti p{color:#ffffff;margin-bottom: 30px;clear: both;width: 100%;font-weight: 400;position: relative;}
.cuore-contatti::after{content:"";position: absolute;top: 0;right: 0; width: 750px;height: 590px;background: url("../img/cuore.svg") no-repeat top center;background-size: 750px;z-index: 0}

.pistoia{position: relative;min-height: 930px;padding-top: 590px;}
.pistoia *{position: relative;z-index: 10;}

.pistoia::after{content:"";position: absolute;top: 0;left: 0; width: 1900px;height: 1630px;background: url("../img/pistoia.svg") no-repeat top center;background-size: 1900px;z-index: 0}
.pistoia::before{content:"";position: absolute;top: 0;right: 0; width: 95px;height: 95px;background: url("../img/stemma.jpg") no-repeat center center;background-size: 95px;z-index: 0}
.testo-lilt-pistoia .inner-pistoia{background: #f8f7f7;padding: 30px;position: relative;z-index: 10;}


.anno-box{position: relative;margin-left: 263px;margin-bottom: 40px;}
.anno-box::after{content: "";width: 25px;height: 25px;background: #e40522;position: absolute;left: -35px;top: 0;border-radius: 50px;}
.anno-box::before{content: "";width: 2px;height: 140px;background: #e40522;position: absolute;left: -23px;top: -135px;border-radius: 50px;}
.anno-box:nth-child(1)::before{content: "";width: 0px;height: 0px;}
.anno-box:nth-child(2)::before{height: 100px;top: -95px;}
.anno-box .numero-anno{color: #e40522;font-family: 'Boogaloo', cursive;text-transform: uppercase;font-size: 34px;line-height: 25px;margin-bottom: 10px;}


.stick.navbar{top: -40px!important;-moz-box-shadow: 0 0 25px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 25px rgba(0,0,0,0.4);box-shadow: 0 0 25px rgba(0,0,0,0.4);	}
.stick .navbar-brand{padding-top: 0px;margin-bottom: 0;}
.stick .navbar-brand img{max-width: 280px;}
.stick .navbar-nav{margin-top: 60px;}
.stick.navbar{padding-bottom: 10px;}

    
.btn-primary{background-color: #e40522;border-color: #e40522;color: #ffffff;border-radius: 40px;padding: .175rem 2rem;}
.btn-primary:hover{background-color: #ffffff;border-color: #e40522;color:#e40522;}

.form-control{border: 1px solid #efefef!important;background: #efefef;border-radius: 50px;border:0;font-family: 'Poppins', sans-serif;font-weight: 300;font-size: 13px;}
.custom-control-label{font-weight: 300;font-size: 13px;line-height: 27px;}
.form-control:focus {color: #495057;border: 1px solid #efefef!important;}
textarea.form-control{height: 200px;border-radius: 20px;}
.form-contatti{padding-top: 50px;padding-bottom: 50px;}
.marker::after{content:"";width: 25px;height: 32px;background: url("../img/marker.svg") no-repeat center center;background-size: 25px;position: absolute;left: -40px;top: 5px}
.telefono::after{content:"";width: 31px;height: 29px;background: url("../img/telefono.svg") no-repeat center center;background-size: 31px;position: absolute;left: -45px;top: -1px}
.email::after{content:"";width: 30px;height: 20px;background: url("../img/email.svg") no-repeat center center;background-size: 30px;position: absolute;left: -45px;top: 2px}



.social a{
    float: left;
    width: 29px;
    margin-top: 7px;
}
.social img{
	max-height: 21px;
}

footer{
	background-color: #e40522;
}
footer span{
	font-weight: 400;
	color: #ffffff;
}
footer a, footer a:hover{
	color: #ffffff;
}
.logo_footer{
	max-width: 90px;
}
.logo_studio09{text-align: right;}
.aiutaci span{color: #ffffff;font-weight: 600;font-size: 16px;line-height: 19px;font-family: 'Boogaloo', cursive;margin-top: 20px;display: block;}
.aiutaci a{padding-left: 10px;padding-right: 10px;}
.aiutaci a img{max-width: calc(100% - 16px);transition: all 0.3s ease;border-radius: 1000px;border: 5px solid #e40522;position: relative;border: 2px solid transparent;padding: 8px;}
.aiutaci a:hover img{border: 2px solid #fff;}
.aiutaci a:hover{text-decoration: none;}
.aiutaci a img:before {
  background: none;
  border: 2px solid #fff;
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  pointer-events: none;
}
.white_bg{background-color: #ffffff;padding: 50px 0px;}
.white_bg h4{font-size: 24px;margin-bottom: 20px;color:#e40522;}
.white_bg p{font-size: 14px;margin-bottom: 20px;color:#464546;text-align: center;}
.grey_bg{background-color: #eaeaea;padding: 50px 0px;}
.grey_bg h4{font-size: 24px;margin-bottom: 20px;color:#e40522;}
.red_bg{background-color: #e40522;padding: 50px 0px;}
.red_bg h1,.red_bg p,.red_bg h2,.red_bg h3{color: #ffffff;}
.red_bg h1{font-size: 24px;margin-bottom: 20px;}
.red_bg h2{font-size: 16px;margin-bottom: 35px;}
.red_bg h3{margin-bottom: 35px;}
.diventa_socio p{max-width: 400px;text-align: left;}
.diventa_socio:after{content:"";position: absolute;right: -280px;background: url("../img/card-socio-lilt.png") no-repeat;background-position: bottom;background-size: 500px;width: 500px;height: 350px;bottom: -51px;}
.campagne div img{max-width: calc(100% - 16px);transition: all 0.3s ease;border-radius: 400px;border: 5px solid #e40522;position: relative;border: 3px solid transparent;padding: 18px;margin: 0 auto;display: block;}
.campagne div:hover img{border: 3px solid #fff;}
.campagne div img:before {
  background: none;
  border: 3px solid #fff;
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  pointer-events: none;
}
.tre-colonne {
  columns: 3; /* Definisce il numero di colonne */
  column-gap: 20px; /* Spazio tra le colonne */
}
@media (max-width: 768px) {
  .tre-colonne {
    columns: 2; /* Definisce il numero di colonne */
    column-gap: 20px; /* Spazio tra le colonne */
  }
}
@media (max-width: 500px) {
  .tre-colonne {
    columns: 1; /* Definisce il numero di colonne */
    column-gap: 0px; /* Spazio tra le colonne */
  }
}
.campagne div span {
  color: #e40522;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  font-family: 'Boogaloo', cursive;
  margin-top: 20px;
  display: block;
}
.campagne div p {
  max-width: calc(100% - 40px);
  color: #464546;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: normal;
  margin: 20px auto 30px auto;
  display: block;
}

.newsletter .form-group{text-align: center;margin-bottom: 5px;}
.newsletter .form-control{
  font-weight: 300;
  height: calc(2.55rem + 2px);
  border-radius: 40px;
  border: 2px solid #e40522;
}
.newsletter .btn-invia{
  transition: all 0.2s ease;
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 0px;
  background-color:#e40522;
  color: #ffffff;
  border-radius: 0 40px 40px 0;
  border:2px solid #e40522;
  padding: 7.2px 20px;
}
.newsletter .btn-invia:hover{background-color:#ffffff;color: #e40522;border:2px solid #e40522;}
.form-check-label{font-size: 13px;font-weight: 300;color: #464546;}
.form-check-label a{font-weight: 400;color: #464546;}
.form-check{margin-left: 10px;}



@media (max-width: 1380px){
  .diventa_socio p{max-width: 350px;}
  .diventa_socio:after{right: -220px;background-size: 500px;width: 500px;}
}
@media (max-width: 1380px){
  .diventa_socio p{max-width: 310px;}
  .diventa_socio:after{right: -220px;background-size: 500px;width: 500px;}
}
@media (max-width: 768px){
  .diventa_socio p{max-width: 100%;}
  .diventa_socio:after{position: relative;right: 0;    display: block;background-size: 480px;width: 100%;height: 310px;}
}
@media (max-width: 550px){
  .diventa_socio:after{background-size: 400px;height: 280px;}
}
@media (max-width: 480px){
  .diventa_socio:after{background-size: 300px;height: 220px;}
}
@media (max-width: 400px){
  .diventa_socio:after{background-size: 280px;height: 200px;}
}
@media (max-width: 1299px){
  .navbar-brand img {max-width: 300px;margin-top: 10px}
}
@media (min-width: 1200px){
  .container {max-width: 1190px;}
}
@media (min-width: 1300px){
.container {max-width: 1290px;}
}

@media (max-width: 1199px) {
    .pistoia::before{left: 0;}
    .anno-box{margin-bottom: 30px;}
    .anno-box {margin-left: 264px;}
    .testo-anno{font-size: 12px;}
  .aiutaci a img{max-width: calc(80% - 16px);}
  .aiutaci a{margin-bottom: 20px;}
  .aiutaci span{margin-top: 10px;}
}
@media (max-width: 991px) {
  .campagne a img{padding: 10px;}
  #topbar a.dona_ora{margin-right: 10px;}
  #topbar p>span{display: none}
  #topbar p{font-size: 12px;}
  .aiutaci a img{max-width: calc(100% - 16px);}
	footer p{text-align: center;}
	.logo_studio09{text-align: center;margin-top: 30px;margin-bottom: 20px;}
	body {padding-top: 159px;}
  .stick .navbar-brand img{max-width: 220px;}
  .navbar-brand img {max-width: 220px;}
	.navbar-brand {padding-top: 15px;padding-left: 20px;}
	.navbar{padding: 0px 0px 10px 0px;}
	.navbar-nav {margin-top: 40px;}
	.navbar .nav-item a.nav-link.active::before {background-size: 20px;margin-top: -17px;margin-left: -8px;}
	.navbar .nav-item a.nav-link{text-align: center;}
}
@media (max-width: 767px) {
    .testo-lilt-pistoia .inner-pistoia {padding: 20px;}
    p {font-size: 13px;line-height: 19px;}
    .h1, h1 {font-size: 1.5rem;}
    .navbar-brand img {max-width: 170px;}
    .pistoia{padding-top: 505px;}
    .pistoia::after {width: 1540px;background-size: 1540px;left: -170px;}
    .anno-box {margin-left: 40px;}
  .cuore-contatti {min-height: 470px;}
  .stick .navbar-toggler {margin-top: 14px;}
  .stick .navbar-brand{padding-top: 10px;	}
  .stick .navbar-brand img{max-width: 140px;}

  .red_bg h3 {text-align: center;margin-top: 50px;margin-bottom: 20px;}
  .red_bg p {text-align: center;}
  .red_bg a {text-align: center;margin: 0 auto;display: block;float: none;}
}

@media (max-width: 400px) {
  .cuore-contatti {min-height: 370px;}
}




/* FORMS */
.message {display: none;}
.form-check{position: relative;}
.form-group-material {
	margin-bottom: .625rem;
	padding-top: 1rem;
	position: relative;
}

.form-group-material .label {
	position: absolute;
	top: 21px;
	left: 15px;
	font-size: 16px;
	color: var(--placeholder);
	pointer-events: none;
	transform-origin: left top;
	transition: all .3s ease-in-out;
}


.inner-slide{
  margin: 0 10px;
}

.form-group-material .form-control {
	border-radius: 50px;
	border: #000000 1px solid;
	color: var(--nero);
}
.form-group-material textarea.form-control {
	border-radius: 15px;

}

.form-border-bottom .form-group-material .form-control {
	border: 0;
	border-bottom: 1px solid #000000;
	padding-left: 10px;
	border-radius:50px;
}
.form-border-bottom .form-group-material textarea.form-control {
	border-radius:15px;
}
.form-border-bottom .form-group-material .label {

	left: 10px;
	transform: scale(1)!important;
	top:20px!important;
}

.form-group-material .form-control:not(textarea) {
	height: calc(1.5em + 1rem + 1px);
}

.w-100{width: 100%;}
.form-group-material.active .label {
	transform: scale(.77777778)!important;
	top: -7px!important;
}

.form-group-material .form-control:focus {
	outline: none;
	box-shadow: none;
}
.invalid-tooltip{
	padding: .03rem .3rem;
    font-size: 10px;
    top: 97%;
    border-radius: 0 0 .25rem .25rem;
    margin-left: 20px;

}
label.error {
	margin-top: .5rem;
	margin-bottom: 0;
	color: var(--errore);
    width: 100%;
    font-size: 90%;
}

.form-control.error,
.form-control.error:focus {
	border-color: var(--errore);
	color: var(--errore);
}