.text-giallo {
  color: #f7a600;
}
.text-grigio {
  color: #999999;
}
.fw-400 {
  font-weight: 400;
}
.bg-giallo-50 {
  background-color: #fefaf2
}
.container-chart-1 {
    width: 100%;
    background-color: #fbd280;
    border-radius: 20px;
}
.v-2021 {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: white;
    font-size: 12px;
    background: #f7a600;
    font-weight: 700;
    width: 100%;
	-webkit-animation: right-animateone 1s;
	-moz-animation: right-animateone 1s;
	-ms-animation: right-animateone 1s;
	-o-animation: right-animateone 1s;
	animation: right-animateone 1s;
	border-radius: 20px;
}
.v-2021:after {
	content: "";
    background-color: #fbd280;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 32px;
    width: 32px;
    border-radius: 26px;
}
.container-chart-2 {
    width: 100%;
    background-color: #92aec6;
    border-radius: 20px;
}
.v-2014 {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: white;
    font-size: 12px;
    background: #255d8c;
    font-weight: 700;
    width: 100%;
	-webkit-animation: right-animateone 1.5s;
	-moz-animation: right-animateone 1.5s;
	-ms-animation: right-animateone 1.5s;
	-o-animation: right-animateone 1.5s;
	animation: right-animateone 1.5s;
	border-radius: 20px;
}
.v-2014:after {
	content: "";
    background-color: #92aec6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 32px;
    width: 32px;
    border-radius: 26px;
}
.ctn-chart-horiz1 h4 {
    width: 15%;
    padding-left: 14px;
    font-size: 1.2em;
}
.ctn-chart-horiz2 h4 {
    width: 20%;
    padding-left: 14px;
    font-size: 1em;
}
.tooltip-voci.n1 {
	top: 0;
	left: -36%;
	-webkit-animation: fadein 5s;
	-moz-animation: fadein 5s;
	-ms-animation: fadein 5s;
	-o-animation: fadein 5s;
	animation: fadein 5s;
}
.tooltip-voci.n1:after {
	content: url(../img/linea-1.svg);
	right: -143px;
	position: absolute;
	top: 43px;
	width: 100%;
}
.tooltip-voci.n2 {
	bottom: 12%;
	left: -39%;
	-webkit-animation: fadein 4.5s;
	-moz-animation: fadein 4.5s;
	-ms-animation: fadein 4.5s;
	-o-animation: fadein 4.5s;
	animation: fadein 4.5s;
}
.tooltip-voci.n2:after {
	content: url(../img/linea-2.svg);
	right: -143px;
	position: absolute;
	top: 5px;
	width: 100%;
}
.tooltip-voci.n2 p,
.tooltip-voci.n3 p,
.tooltip-voci.n4 p,
.tooltip-voci.n5 p,
.tooltip-voci.n6 p,
.tooltip-voci.n8 p,
.ctn-chart1 p,
.ctn-chart2 p {
	line-height: 1.2;
}
.tooltip-voci.n3 {
	bottom: 4%;
    left: -56%;
	-webkit-animation: fadein 4s;
	-moz-animation: fadein 4s;
	-ms-animation: fadein 4s;
	-o-animation: fadein 4s;
	animation: fadein 4s;
}
.tooltip-voci.n3:after {
	content: url(../img/linea-3.svg);
    right: -153px;
    position: absolute;
    top: -14px;
    width: 62%;
}
.tooltip-voci.n4 {
	bottom: -14%;
	left: -17%;
	-webkit-animation: fadein 3.5s;
	-moz-animation: fadein 3.5s;
	-ms-animation: fadein 3.5s;
	-o-animation: fadein 3.5s;
	animation: fadein 3.5s;
}
.tooltip-voci.n4:after {
	content: url(../img/linea-4.svg);
    right: -173px;
    position: absolute;
    top: -33px;
    width: 196%;
}
.tooltip-voci.n5 {
	bottom: -15%;
	right: -13%;
	-webkit-animation: fadein 3s;
	-moz-animation: fadein 3s;
	-ms-animation: fadein 3s;
	-o-animation: fadein 3s;
	animation: fadein 3s;
}
.tooltip-voci.n5:after {
	content: url(../img/linea-5.svg);
    left: -184px;
    position: absolute;
    top: -30px;
    width: 177%;
}
.tooltip-voci.n6 {
	bottom: -1%;
	right: -25%;
	-webkit-animation: fadein 2.5s;
	-moz-animation: fadein 2.5s;
	-ms-animation: fadein 2.5s;
	-o-animation: fadein 2.5s;
	animation: fadein 2.5s;
}
.tooltip-voci.n6:after {
	content: url(../img/linea-6.svg);
    left: -134px;
    position: absolute;
    top: -2px;
    width: 103%;
}
.tooltip-voci.n7 {
	bottom: 22%;
	right: -37%;
	-webkit-animation: fadein 2s;
	-moz-animation: fadein 2s;
	-ms-animation: fadein 2s;
	-o-animation: fadein 2s;
	animation: fadein 2s;
}
.tooltip-voci.n7:after {
	content: url(../img/linea-7.svg);
    left: -98px;
    position: absolute;
    top: 28px;
    width: 71%;
}
.tooltip-voci.n8 {
	top: 5%;
    right: -39%;
	-webkit-animation: fadein 1.5s;
	-moz-animation: fadein 1.5s;
	-ms-animation: fadein 1.5s;
	-o-animation: fadein 1.5s;
	animation: fadein 1.5s;
}
.tooltip-voci.n8:after {
	content: url(../img/linea-8.svg);
    left: -149px;
    position: absolute;
    top: 15px;
    width: 100%;
}
.fadein {
	-webkit-animation: fadein 1.5s;
	-moz-animation: fadein 1.5s;
	-ms-animation: fadein 1.5s;
	-o-animation: fadein 1.5s;
	animation: fadein 1.5s;
}
.w-62 {
	width: 62%;
}
.ctn-chart1 .n1 {
	left: 15%;
    top: 33%;
}
.ctn-chart1 .n2 {
	left: 63%;
    top: -7%;
}
.ctn-chart1 .n3 {
	left: 65%;
    top: 56%;
}
.ctn-chart1 .n4 {
	left: 40%;
    bottom: -6%;
}
.w-47 {
	width: 47%;
}
.ctn-chart2 .n1 {
	right: 51%;
    bottom: 16%;
}
.ctn-chart2 .n2 {
	right: 52%;
    top: 6%;
}
footer {
    background: #ebebeb;
}
.pag-unitaimmobiliari footer p, .pag-unitaimmobiliari footer p a {
	color: #666666!important;
	font-size: 12px;
}
.ctaValutazioneCasa {
    font-weight: 500;
    color: #000;
    padding: 10px 20px;
    border: 2px solid #f7a600;
    border-radius: 10px;
}
.ctaValutazioneCasa:hover {
	background-color: #f7a600;
	color: #fff;
}
.quadrato {
	height: 10px;
	width: 10px;
	margin-right: 10px;
}
.color1 {
	background-color: #f7a601;
}
.color2 {
	background-color: #cccccc;
}
.color3 {
	background-color: #b3b3b3;
}
.color4 {
	background-color: #999999;
}
.color5 {
	background-color: #c8c8c8;
}
.color6 {
	background-color: #fbd390;
}
.color7 {
	background-color: #7d9dba;
}
.color8 {
	background-color: #808080;
}
.lh-13 {
	line-height: 1.3;
}

@media screen and (min-width: 577px) and (max-width: 820px) {
	.ctn-chart-horiz1 h4 {
    	width: 19%;
	    font-size: 20px;
	}
	.ctn-chart-horiz2 h4 {
    	width: 27%;
	    font-size: 20px;
	}
	.tooltip-voci.n2 p,
	.tooltip-voci.n3 p,
	.tooltip-voci.n4 p,
	.tooltip-voci.n5 p,
	.tooltip-voci.n6 p,
	.tooltip-voci.n8 p {
		font-size: 13px
	}
	.tooltip-voci.n1 h4 {
		font-size: 22px;
	}
	.tooltip-voci.n1 {
		left: -50%;
	}
	.tooltip-voci.n2 {
	    bottom: 11%;
    	left: -52%;
	}
	.tooltip-voci.n2:after {
	    right: -120px;
	    top: 1px;
	}
	.tooltip-voci.n3 {
	    bottom: -5%;
	    left: -72%;
	    width: 50%;
	}
	.tooltip-voci.n3:after {
		right: -129px;
		top: -12px;
	}
	.tooltip-voci.n4 { 
		bottom: -24%;
    	left: -36%;
	}
	.tooltip-voci.n4:after {
		right: -156px;
	}
	.tooltip-voci.n5 {
		right: -32%;
    	bottom: -22%;
	}
	.tooltip-voci.n5:after {
		top: -25px;
		left: -160px;
	}
	.tooltip-voci.n6 {
		right: -51%;
	}
	.tooltip-voci.n6:after {
		width: 117%;
	}
	.tooltip-voci.n7 {
		right: -63%;
	}
	.tooltip-voci.n7:after {
		left: -111px;
	}
	.tooltip-voci.n8 {
		right: -60%;
	}
	.tooltip-voci.n8:after {
		left: -116px;
	}
	.ctn-chart1 .n1 {
		left: 14%;
	}
	.ctn-chart1 .n1 {
		font-size: 10px;
	}
	main section:nth-child(1),
	main section:nth-child(2),
	main section:nth-child(4),
	footer {
		padding: 0rem 3rem;
	}
}

@media screen and (min-width: 821px) and (max-width: 1025px) {
	.ctn-chart-horiz1 h4 {
    	width: 19%;
	    font-size: 20px;
	}
	.ctn-chart-horiz2 h4 {
    	width: 27%;
	    font-size: 20px;
	}
	.tooltip-voci.n2 p,
	.tooltip-voci.n3 p,
	.tooltip-voci.n4 p,
	.tooltip-voci.n5 p,
	.tooltip-voci.n6 p,
	.tooltip-voci.n8 p {
		font-size: 13px
	}
	.tooltip-voci.n1 {
		left: -50%;
	}
	.tooltip-voci.n2 {
	    bottom: 11%;
    	left: -40%;
	}
	.tooltip-voci.n2:after {
	    right: -120px;
	    top: 1px;
	}
	.tooltip-voci.n3 {
	    bottom: 2%;
	    left: -60%;
	}
	.tooltip-voci.n3:after {
		right: -129px;
		top: -12px;
	}
	.tooltip-voci.n4 { 
		bottom: -16%;
		left: -23%;
	}
	.tooltip-voci.n4:after {
		right: -156px;
	}
	.tooltip-voci.n5 {
		right: -15%;
	}
	.tooltip-voci.n5:after {
		top: -25px;
		left: -160px;
	}
	.tooltip-voci.n6 {
		right: -32%;
	}
	.tooltip-voci.n6:after {
		width: 117%;
	}
	.tooltip-voci.n7 {
		right: -53%;
	}
	.tooltip-voci.n7:after {
		left: -111px;
	}
	.tooltip-voci.n8 {
		right: -35%;
	}
	.tooltip-voci.n8:after {
		left: -116px;
	}
	.ctn-chart1 .n1 {
		left: 14%;
	}
	main section:nth-child(1),
	main section:nth-child(2),
	main section:nth-child(4),
	footer {
		padding: 0rem 3rem;
	}
}
@media screen and (min-width: 200px) and (max-width: 767px) {
	section.d-none {
		display: none!important;
	}
	section.d-block {
		display: block!important;
	}
	.cta-mob {
		position: fixed;
		width: 100%;
		bottom: 11px;
		height: 42px;
		z-index: 30;
	}
	.ctaValutazioneCasa {
		background-color: #fff;
	}
	h4.num1 {
	    left: 3.4rem;
	    top: 9rem;
	}
	h5.num2014 {
	    left: 4rem;
    	bottom: 9rem;
	}
	h4.num2 {
	    right: 3.4rem;
	    top: 5rem;
	}
	h5.num2021 {
	    right: 4rem;
    	bottom: 9rem;
	}
}
@keyframes fadein {
    0% { opacity: 0; }
   	90%   { opacity: 1; }
    100%   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    0% { opacity: 0; }
   	90%   { opacity: 1; }
    100%   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    0% { opacity: 0; }
   	90%   { opacity: 1; }
    100%   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    0% { opacity: 0; }
   	90%   { opacity: 1; }
    100%   { opacity: 1; }
}
@keyframes right-animateone {
    0% { width: 0%; }
    100% { width:100% }
}
/*@keyframes rightLeft {
    0% { transform: translateX(0%) }
    100% { transform: translateX(90%) }
}*/