/* =============================================================================
   Site Styles
   ========================================================================== */
   .circle {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background-color: #C91430;
	color: #FFF;
	line-height: 100px;
	text-align: center;
	font-family: "bebas-neue-by-fontfabric", sans-serif;
	font-size: 44px;
}
ul.sostieni-ricerca li {
	position: relative;
	margin-bottom: 20px;
	list-style: none;
}
ul.sostieni-ricerca li p {
	position: absolute;
	left: 160px;
	top: 0;
	color: #E10620;
	max-width: 60%;
	font-size: 19px;
}
ul.importantissimo li {
	font-family: "LatoWeb";
	font-size: 18px;
	line-height: 1.4em;
}
#sostenere {
	position: relative;
	padding-top: 176px;
	margin-bottom: 80px;
	line-height: 1.4em;
	font-size: 18px;
	color: #1E1E1B;
}
#sostenere h2 {
	font-family: "bebas-neue-by-fontfabric", sans-serif;
	font-size: 30px;
	line-height: 36px;
	margin-top: 40px;
	margin-bottom: 5px;
}
#sostenere p {
	line-height: 140%;
	font-size: 18px;
	color: #1E1E1B;
}
#sostenere p.indent {
	font-size: 18px;
	line-height: 25px;
	margin: 0 0 0 20px;
}
#sostenere p.nota {
	margin: 10px 0 40px 20px;
	font-size: 14px;
	line-height: 20px;
	color: #888888;
}
#sostenere p.dida {
	font-size: 16px;
	line-height: 22px;
	text-align: center;
}
#sostenere div.button.blue:before {
	content: 'Copia il CF di AISM: 95051730109';
}
#sostenere div.button.white a:before {
	content: ' Ricevi il CF di AISM via SMS';
}
#cosamanca {
	background-color: #FCEBCC;
	padding-bottom: 80px;
}
#cosamanca #pennellata {
	height: 167px;
	background-image: url('../images/SfondoBiancoBasso.png');
	background-color: #FCEBCC;
	background-repeat: repeat-x;
	background-size: 1024px;
	background-position-y: 100%;
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}
#cosamanca div #video {
	margin-top: 18px;
}
#cosamanca div.citazione {
	border-radius: 7px 55px 7px 7px;
	background-color: rgba(255,217,0,0.7);
}
#cosamanca div.citazione img {
	width: 110px;
	height: auto;
	border-radius: 100%;
	float: right;
	margin-left: 20px;
}
#cosamanca div.citazione p.script {
	color: #00577c;
	padding: 20px 20px 0 20px;
	margin-bottom: 0;
}
#cosamanca div.citazione p.nome {
	font-size: 14px;
	margin-top: 0;
	padding: 0 20px 20px 20px;
}
#quanto {
	text-align: center;
	position: relative;
	margin: 60px 0 120px 0;
}
#quanto h1 {
	font-size: 38px;
	line-height: 55px;
}
#quanto h2 {
	margin-bottom: 10px;
	line-height: 55px;
	font-size: 30px;
	color: #E53212;
}
#quanto h3 {
	font-size: 22px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 40px;
}
#quanto b {
	color: #171715;
}
#quanto div.button {
	border-radius: 5px;
	width: 300px;
}
#quanto p {
	font-weight: 700;
}
#quanto p.nota {
	font-size: 12px;
	line-height: 20px;
	color: #888888;
	margin: 30px 0 70px 0;
}
#quanto #grafico {
	text-align: center;
}
#quanto #grafico img {
	margin: 0 auto;
	min-width: 100%;
	height: auto;
}
#quanto .redditometro i {
	font-size: 13px;
}
#quanto .grid_2 {
	bottom: 0;
}
#quanto b {
	font-size: 23px;
	color: #FF4C22;
	text-transform: uppercase;
}
#quanto #result {
	font-size: 31px;
	text-transform: uppercase;
	padding: 15px 50px;
	line-height: 110px;
	border: 2px solid #DD1A0A;
	background-color: #ECEBEB;
	color: #DD1A0A;
	border-radius: 10px;
}
#quanto .icon img {
	margin-top: 50px;
}
#quanto #redditometro #slider {
	padding: 30px 30px 0 30px;
	border-radius: 10px;
	padding: 0;
	border: 0;
	background-color: transparent;
	background-image: url(../images/sliderBG_2E.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding-left: 15px;
	padding-right: 100px;
}
#quanto .noUi-target, #quanto .noUi-target * {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#quanto .noUi-target .noUi-base {
	margin-left: 10px;
	position: relative;
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: visible;
	width: 100%;
	height: 150px;
	background-position: 0 10px;
	background-image: none;
}
#quanto .noUi-target .noUi-base .noUi-handle {
	position: relative;
	z-index: 1;
	width: 80px;
	background-image: url('../images/Cursore.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: 80px;
	left: 0;
	right: 0;
}
#quanto .noUi-target .noUi-connect {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
#quanto .noUi-target .noUi-origin {
	position: absolute;
	height: 0;
	width: 0;
}
#quanto .noUi-target .noUi-state-tap .noUi-connect, #quanto .noUi-target .noUi-state-tap .noUi-origin {
	-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
	transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
#quanto .noUi-target .noUi-state-drag * {
	cursor: inherit !important;
}
#quanto .result {
	font-size: 30px;
	line-height: 25px;
}
#differenze {
	margin-bottom: 120px;
}
#differenze h2 {
	font-family: "bebas-neue-by-fontfabric", sans-serif;
	font-size: 2.5em;
	line-height: 36px;
	color: #E42B26;
	margin-top: 0;
}
#row-number {
	background: linear-gradient(90deg,#C4C4C4 0%,rgba(132,191,205,0.17) 0.01%,rgba(132,191,205,0) 98.57%);
	position: relative;
	overflow: initial;
}
#row-number .container {
	min-height: 260px;
}
.number-row-top {
	display: flex;
}
.number-row-top div {
	padding-right: 15px;
}
.number-row-top span {
	font-weight: 800;
	font-size: 40px;
	color: #84BFCD;
}
.number-row-bottom {
	display: flex;
	align-items: center;
	margin-top: 15px;
}
.number-row-bottom span {
	font-weight: 800;
	font-size: 60px;
	color: #C8142F;
	margin-right: 15px;
}
.image-row {
	position: absolute;
	bottom: 0;
}
.slick-slide {
	margin: 0 15px;
}
.slick-list {
	margin: 0 -15px;
}
.slick-prev, .slick-next {
	width: 32px;
	height: 32px;
}
.slick-prev:before, .slick-next:before {
	content: "";
}
.slick-prev {
	left: -45px;
}
.slick-next {
	right: -45px;
}
.question {
	font-size: 1.5em;
	color: #E42B26;
	display: list-item;
	list-style-type: "\00BB ";
}
.question::marker {
	font-size: 2rem;
}
h4.h-question {
	font-weight: normal;
}
div.lista {
	font-size: 18px;
}
div.lista ul {
	margin-top: 0 !important;
}
div.lista ul>li::marker {
	font-size: 1.5rem;
}

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {
	#quanto .noUi-target .noUi-base {
		height: 70px;
   }
	#quanto .noUi-target .noUi-base .noUi-handle {
		left: -33px;
		top: -61px;
		width: 66px;
		height: 100px;
   }
	#differenze {
		margin-bottom: 120px;
   }
	#differenze h2 {
		font-family: "bebas-neue-by-fontfabric", sans-serif;
		font-size: 1.875em;
		line-height: 36px;
		color: #E42B26;
		margin-top: 0;
   }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.circle {
		margin: 0 auto;
   }
	ul.sostieni-ricerca {
		padding: 0;
   }
	ul.sostieni-ricerca li p {
		position: relative;
		left: 0;
		width: 100%;
		text-align: center;
		max-width: 100%;
		padding-bottom: 20px;
   }
	ul.sostieni-ricerca li p br {
		display: none;
   }
	#sostenere {
		padding-top: 100px;
   }
	#sostenere div.button {
		width: 100%;
   }
	#sostenere div.button.blue:before {
		content: 'Copia il CF di FISM';
   }
	#sostenere div.button.white:before {
		content: ' Ricevi il CF via SMS';
   }
	#quanto h1 {
		font-size: 37px;
   }
	#quanto h2 {
		font-size: 25px;
		line-height: auto;
   }
	#quanto h3 {
		font-size: 20px;
		line-height: 24px;
   }
	#quanto .redditometro {
		padding-top: 0;
   }
	#quanto .noUi-target .noUi-base {
		height: 90px;
   }
	#quanto .noUi-target .noUi-base .noUi-handle {
		height: 55px;
   }
	#quanto .noUi-target .noUi-connect {
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		bottom: 0;
   }
	#quanto .noUi-target .noUi-origin {
		position: absolute;
		height: 0;
		width: 0;
   }
	#quanto .noUi-target .noUi-state-tap .noUi-connect, #quanto .noUi-target .noUi-state-tap .noUi-origin {
		-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
		transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
   }
	#quanto .noUi-target .noUi-state-drag * {
		cursor: inherit !important;
   }
	#quanto .icon img {
		margin-top: 10px;
   }
	#quanto #redditometro #slider {
		background-image: url(../images/sliderBG_2E.png);
		background-repeat: no-repeat;
		background-size: 100%;
		padding-left: 5px;
		padding-right: 65px;
   }
	#differenze {
		margin-bottom: 120px;
   }
	#differenze h2 {
		font-family: "bebas-neue-by-fontfabric", sans-serif;
		font-size: 1.875em;
		line-height: 36px;
		color: #E42B26;
		margin-top: 0;
   }
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.question {
		font-size: 1.25em;
   }
}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {
	.question {
		font-size: 1.25em;
   }
	#quando img {
		display: none;
   }
	#quando .grey p input[type="submit"] {
		font-size: 15px;
		padding: 15px 8px;
   }
	#quanto h1 {
		margin-top: 30px;
		padding-bottom: 5px;
   }
	#quanto h2 {
		font-size: 17px;
		line-height: auto;
   }
	#quanto h3 {
		font-size: 16px;
		line-height: 16px;
   }
	#quanto .redditometro {
		padding-top: 0;
   }
	#quanto .noUi-target .noUi-base {
		height: 70px;
		margin-left: 0;
		margin-right: 0;
   }
	#quanto .noUi-target .noUi-base .noUi-handle {
		width: 50px;
   }
	#quanto p {
		margin-top: 0;
		font-size: 13px;
   }
	#quanto b {
		font-size: 13px;
   }
	#quanto #result {
		font-size: 20px;
		text-transform: uppercase;
		padding: 10px 30px;
		border-radius: 100px;
		border: 2px solid #000;
		line-height: 70px;
   }
	#quanto #redditometro #slider {
		background-image: url(../images/sliderBG_2E.png);
		background-repeat: no-repeat;
		background-size: 100%;
		padding-left: 5px;
		padding-right: 35px;
   }
	#quanto .icon img {
		display: none;
   }
	.number-row-top {
		display: flex;
		flex-direction: column;
   }
	.number-row-top div {
		padding-right: 15px;
		margin-bottom: 15px;
   }
	.number-row-top span {
		font-weight: 800;
		font-size: 40px;
		color: #84BFCD;
   }
	.number-row-bottom {
		display: flex;
		align-items: start;
		margin-top: 0;
		flex-direction: column;
   }
	.image-row {
		position: relative;
   }
}