body{
	font-family: Century Gothic, TrueType;
	background:#fff;
  word-wrap: break-word;
}

.ovhidden{
	overflow:hidden;
}

a:hover{
	text-decoration:none;
	cursor:pointer;
}

.img-responsive{
	margin: auto;
}

.black{
	color: #444;
}
.upper{
	text-transform:uppercase;
}

.bold{
	font-weight: bold;
}

.push-top{
	margin-top: 30px;
}

.push-bot{
	margin-bottom: 30px;
}
.push-top-quind{
	margin-top: 15px;
}
.nomarleft{
	margin-left: 0;
}
.nomarright{
	margin-right: 0;
}
.destra{
	float: right;
}

.sinistra{
	float: left;
}

.width-100{
	width:100%;
}

.bg-white{
	background:#fafafa;
}

.pad-bot{
	padding-bottom:30px;
}
.pad-top{
	padding-top:30px;
}

.pad-5px{
	padding: 5px;
}

.h-100{
	height:100%;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}
.destra{
	text-align: right;
}
.sinistra{
	text-align: left;
}

.vertical-center{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}

.mar-bot-15{
	margin-bottom: 15px;
}

.no-mar-top{
	margin-top: 0px!important;
}

.no-mar-left{
	margin-left: 0!important;
}
p{
    line-height: 25px;
    color: #444;
    font-size: 1.2em;
}

ul, ol {
  font-size: 1.15em;
  line-height: 1.9em;
}

li>ul, li>ol{
	font-size: 1em;
  /*line-height: 1em;*/
}


.z-indez-1{
	z-index: 1;
}

.z-indez-9{
	z-index: 9;
}

.arancio{
	color: #F9B016;
}

.white{
	color: #fff;
}

.verde{
	color: #089E83;
}

/*Sezione 1*/
#sez-1{
  background: #008fd3;
	background-size: cover;
	background-position: center;
}

.h3-sez-1{
  text-align: justify;
  padding: 50px 30px;
  margin-bottom: 100px;
  margin-top: 100px;
	font-size: 5rem;
	font-weight: bold;
	color: #fff;
  background: #1b62b7;
	box-shadow: inset 0px 0px 50px #0000005c;
	-webkit-box-shadow: inset 0px 0px 50px #0000005c;
	-moz-box-shadow: inset 0px 0px 50px #0000005c;
	-o-box-shadow: inset 0px 0px 50px #0000005c;
}
.pratiche{
	font-size: 11.5rem;
	color: #66c530;
}
.gestione{
	font-size: 4rem;
}

.img-loghi{
	width: 50%;
}

.backball{
  background: url('../img/backball.png') center;
	background-size: contain;
	background-repeat: no-repeat;
}

.p-backball{
	font-size: 5rem;
	line-height: 6rem;
	font-weight: bold;
  padding: 150px 20px 190px 0px;
	width: 100%;
}

.p-sez-1{
	color: #089E83;
	font-size: 4rem;
	line-height: 5rem;
	font-weight: bold;
}

/*Sezione 2*/
#sez-2{
  background: #fff;
  min-height: 20vh;
}

.p-sez-2{
	font-size: 4rem;
	line-height: 5rem;
	font-weight: bold;
}

.p-farmacista{
	font-size: 2.7rem;
	font-weight: bold;
}

.num-pall{
	background: #089E83;
	border-radius: 50px;
	padding: 10px 15px;
	color: #fff;
	font-weight: bold;
}

.p-raccolta-dati{
  padding: 5px 20px;
}

hr{
  border-top: 1px solid #D2E8F5;
}

/*Sezione 3*/
#sez-3{
  background: #FAAF16;
  min-height: 20vh;
}

/*Sezione 4*/
#sez-4{
  padding-top: 70px;
  padding-bottom: 50px;
  background: #fafafa;
  min-height: 75vh;
}

.p-lascia-dati{
	line-height: 3.5rem;
	font-size: 3rem;
	color: #1D84C7;
	font-weight: bold;
	text-align: center;
}

input,select{
	padding-left: 5px;
	padding: 10px;
	font-size: 1.5rem;
	color: #4444444f;
	border: 2px solid #4444444f;
  font-weight: bold;
	color: #444;
}

.btn-scarica, .btn-scarica:active, .btn-scarica:hover{
	background: #07A082;
	border: #076553;
	padding-top: 15px;
	padding-bottom: 15px;
}


.copy{
	text-align:right;
}
/*Footer o Sezione 5*/
#sez-5{
  background: #1597dd;
  min-height: 20vh;
}

.ul-fot{
	list-style: none;
  padding-left: 0;
}
.li-fot{
	display: inline-block;
padding: 0px 10px;
}
.li-fot a{
	color: #fafafa;
}

.modal-header{
	border: none;
}
.modal-footer{
	border: none;
}

textarea{
	border: 2px solid #4444444f;
  padding-top: 10px;
  font-weight: bold;
	color: #444;
}
textarea:focus, input:focus{
  outline: none;
}

.li-fot + .li-fot:before {
  content: " | ";
	color: #fafafa;
  font-weight: bolder;
  float: left;
	padding-right: 20px;
}

.row-li-fot{
	margin-bottom: 0;
	padding-bottom: 0;
}

.campi-vuoti{
	border: 2px solid #eb6c6c;
}
/*XS*/
@media only screen and (max-width: 480px) {


}

/*SM*/
@media only screen and (max-width: 768px) {

}

/*MD*/
@media only screen and (max-width: 992px) {
	p{
		font-size: 2rem!important;
		line-height: 2.5rem!important;
	}
	.vertical-center{
		display: block;
	}
	.copy{
		text-align:left;
	}
}

/*LG*/
@media only screen and (max-width: 1600px) {

	.p-backball{
	  padding: 110px 20px 190px 0px;
	}

}
@media only screen and (max-width: 1400px) {
	.p-backball{
	  padding: 65px 10px 190px 0px;
	}
}
@media only screen and (max-width: 1200px) {
	.p-backball{
	  padding: 30px 50px 190px 60px;
	}

}