.text-rosso {
  color: #BA1818;
}
.bg-rosso {
	background-color: #BA1818;
}
.bg-rosso-chiaro {
	background-color: #c94226;
}
.bg-verde {
	background-color: #1a4e38;
}
.bg-giallo {
	background-color: #f5c77d;
}
.bg-rosso-c {
	background-color: #e89c6d;
}
.text-grigio {
  color: #999999;
}
.pag-christmasvillage .text-verde {
	color:#4A5C39!important; 
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-900 {
	font-weight: 900;
}
.fw-300 {
	font-weight: 300;
}
p, a {
	line-height: 1.6;
	color: #000;
}
a {
	color: #000!important;
}
/*.pag-christmasvillage.index {
	background-image: url('../img/bg-home.jpg');
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
}*/
#map {
	border-radius: 15px;
}
.bg-giallo-50 {
  background-color: #fefaf2
}
.img-absolute {
	position: absolute;
	width: 100%;
	z-index: -1;
}
.w-30 {
	width: 30%;
}
.w-40 {
	width: 40%;
}
.w-60 {
	width: 60%;
}
.borderadius50 {
	border-radius: 50%;
}
.borderadius25 {
	border-radius: 25px;
}
.container-chart-1 {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
}
.addobboCasa {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: white;
    font-size: 12px;
    background: #BA1818;
    font-weight: 700;
    width: 43%;
	border-radius: 20px;
	height: 33px;
}
.container-chart-1:before {
	content: "";
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    border: 2px solid #f5c77d;
    border-radius: 50px;
}
.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: #1a4e38;
}
.pag-christmasvillage footer p, .pag-christmasvillage footer p a {
	color: #ffffff!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;
}
.frecciavanti {
    position: absolute;
    right: 22%;
    top: 54%;
    width: 2rem;
}
.frecciaindietro {
    position: absolute;
    left: 22%;
    top: 54%;
    width: 2rem;
}
.ritiraregalo3dic {
    background: #cc4527;
	padding: 10px 10px;
}
.ritiraregalo3dic-desk {
	position: absolute;
    width: 100%;
    bottom: 1rem;
}
.ritiraregalo7dic {
    background: #9f2721;
	padding: 10px 10px;
}

@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%; }
    43% { width:100% }
}
/*@keyframes rightLeft {
    0% { transform: translateX(0%) }
    100% { transform: translateX(90%) }
}*/
.swiper-pagination {
	position: relative!important;
}
.swiper-pagination-bullet, .swiper-pagination-bullet-active {
	background-color: #000!important;
}
@media (min-width: 660px) {
	div #map {
		height: 428px;
	}
	.mongolfiera01 {
		position: absolute;
		left: 2rem;
		bottom: 3rem;
	}
	.mongolfiera02 {
		position: absolute;
		right: 6rem;
		top: 5rem;
	}
	.mongolfiera02 {
		width: 8%;
	}
	.mongolfiera01 {
		width: 10%;
	}
	.fs-sm-100 {
    	font-size: 5.6em !important;
	}
	.fs-sm-70 {
    	font-size: 4.6em !important;
	}
	.fs-sm-60 {
    	font-size: 60px !important;
	}
	.fs-sm-50 {
    	font-size: 50px !important;
	}
	.big-t {
		font-size: 2.4em;
	}
	.ml-43 {
		padding-left: 43%;
	}
	.num-abs {
		font-size: 2.7em;
	}
	.altreinfo-2 {
		position: absolute;
		top: 14rem;
		right: 9rem;
	}
	.swiperimg-arrow .swiper-button-prev,
	.swiperimg-arrow .swiper-button-next {
		position: relative;
	}
	.swiperimg-arrow .swiper-button-prev {
		left: auto;
	}
	.swiperimg-arrow .swiper-button-next {
		right: auto;
	}
	.dueColonne {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.swiperimg-arrow .swiper-button-next,
	.swiperimg-arrow .swiper-button-prev {
		width: 3rem;
	}
	.persoaereo {
		position: absolute;
		right: -3rem;
		top: -9rem;
	}
	.txt-index.sorpresa {
		text-align: center;
		position: absolute;
		bottom: -1%;
		width:100%;
	}
	.txt-index {
		text-align: center;
		position: absolute;
		bottom: 10%;
		width:100%;
	}
	.titologiorno {
		position: absolute;
		bottom: 10%;
		width: 100%;
	}
	.h30 {
		height: 30px;
	}
	.h10 {
		height: 10px;
	}
	.h3 {
		height: 3px;
	}
}
/* section.bg-colorato.bg-neve {
	background-image: url("../img/bg-neve-verde.svg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #fff;
} */
.index #content {
	background: #c74124;
}
.txt-index p a {
	color: #fff!important;
}
.swiperimg-arrow .swiper-button-next:after, .swiperimg-arrow .swiper-button-prev:after,
.swiperfilm-arrow .swiper-button-next:after, .swiperfilm-arrow .swiper-button-prev:after {
	content: none;
}
.book-abs {
	position: absolute;
	right: 11.5rem;
	top: -9rem;
}
.bg-colorato {
	background: #ffffff;
}
.num-abs {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 1.2;
	text-align: center;
}
.arrowDown {
	width: 17px;
}
.ricettaInvisible {
	position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(248, 250, 251, 0) 7.85%, #FCFDFD 32.15%);
    left: -15px;
    right: -15px;
}
.ricettaInvisible img {
	width: 30px;
    margin: 0 auto;
}
.box-km0 {
	background: #FFFFFF;
	border-radius: 10px;
	text-align: center;
	padding: 40px;
	line-height: 1.5;
	border: 1px solid #f7f7f7;
	background-color: #f7f7f7;
}
.box-km0 p {
	line-height: 1.5;
}
.acquista {
	background: #F9FBFC;
	border: 1px solid rgba(186, 24, 24, 0.5);
	box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.05);
	border-radius: 100px;
	color: #BA1818!important;
	padding: 5px 20px;
}
.acquista:hover {
	background-color: #BA1818;
	color: #fff!important;
}
.fs-sm-40 {
	line-height: 1.3;
}
.fs-25 {
	line-height: 1.4;
}
.swiperpresepi img {
	border-radius: 15px;
}
@media screen and (min-width: 660px) and (max-width: 820px) {
	.frecciaindietro {
		position: absolute;
		left: 10%;
		top: 44%;
		width: 3rem;
	}
	.frecciavanti {
		position: absolute;
		right: 10%;
		top: 44%;
		width: 3rem;
	}
	.txt-index.sorpresa {
		text-align: center;
		position: absolute;
		bottom: -32%;
		width:100%;
	}
	.txt-index {
		text-align: center;
		position: absolute;
		bottom: -20%;
		width:100%;
	}
	.txt-index .w-60 {
		width: 66%!important;
	}
	.titologiorno {
		position: absolute;
		bottom: 6%;
		width: 100%;
	}
	.fs-sm-50 {
    	font-size: 35px !important;
	}
}
@media screen and (max-width: 660px) {
	.cntswiperbook {
		padding: 0rem 2rem;
	}
	.book-abs {
		position: absolute;
		right: 4.5rem;
		top: -6rem;
	}
	div #map {
		height: 328px;
	}
	span.fs-35 {
		font-size: 22px!important;
	}
	.frecciavanti {
		right: 4%;
		width: 1.6rem;
		top: auto;
		bottom: 12%;
	}
	.frecciaindietro {
		left: 4%;
		width: 1.6rem;
		top: auto;
		bottom: 12%;
	}
	.pag-christmasvillage footer.footer {
		padding-top: 1rem!important;
		padding-bottom: 1rem!important;
	}
	.h30 {
		height: 15px;
	}
	.h10 {
		height: 5px;
	}
	.h3 {
		height: 2px;
	}
	.titologiorno {
		position: absolute;
		bottom: 4%;
		width: 100%;
	}
	.fs-sm-50 {
    	font-size: 24px !important;
	}
	.txt-index.sorpresa {
		text-align: center;
		position: absolute;
		bottom: -49%;
		width:100%;
	}
	.txt-index {
		text-align: center;
		position: absolute;
		bottom: -23%;
		width:100%;
	}
	.txt-index .fs-20 {
		font-size: 1em!important;
	}
	.cntswiperfilm {
		margin: 0rem 3rem!important;
	}
	.cntswiperfilm .swiper-button-prev-swiperfilm {
		position: absolute;
		left: -2.6rem;
	}
	.cntswiperfilm .swiper-button-next-swiperfilm {
		position: absolute;
		right: -2.6rem;
	}
	.swiperfilm-arrow .swiper-button-next,
	.swiperfilm-arrow .swiper-button-prev {
		width: 1.5rem;
	}
	.persoaereo img {
		width: 60%;
	}
	.persoaereo {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.swiperimg-arrow .swiper-button-next,
	.swiperimg-arrow .swiper-button-prev {
		width: 1.5rem;
		position: relative;
		right: auto;
		left: auto;
	}
	.ricettaVisible {
		display: none!important;
	}
	.dueColonne {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.fs-sm-100 {
    	font-size: 3.6em !important;
	}
	.km0 .fs-sm-90 {
    	font-size: 2.6em !important;
		line-height: 1.3;
	}
	.fs-sm-70 {
		font-size: 2.2em;
	}
	.fs-sm-60 {
    	font-size: 3.5em;
	}
	.fs-sm-40 {
    	font-size: 1.8em;
	}
	p.fs-25 {
		line-height: 1.3;
		font-size: 15px!important;
	}
	.ml-43 {
		padding-left: 30%;
	}
	.line-tratt:before {
		left: 9.5rem;
		height: 3.5rem;
	}
	h3.fs-vw-8 {
		font-size: 1.6em;
	}
	iframe {
		height: 200px;
	}
	.num-abs {
		font-size: 2.3em;
	}
	.altreinfo-2 {
		left: 4.5rem;
		position: absolute;
		bottom: -4rem;
	}
	.altreinfo-2 img {
		width: 80px;
	}
	.w-xs-100 {
		width: 100%;
	}
	div.w-xs-50,
	img.w-xs-50 {
		width: 50%!important;
	}
	div.w-xs-30 {
		width: 30%!important;
	}
	div.w-xs-70 {
		width: 70%!important;
	}
	.presepe h1 {
		font-size: 2.5em!important;
	}
}

/*TIMELINE*/
.timeline {
	padding-top: 45%; 
}
.timeline-giorni::before {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 98%;
    height: 2px;
    background-color: #BA1818;
    z-index: -1;
    top: 10px;
    margin: 0 auto;
}
.giorno-sing {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #ba1818;
}
.giorno-sing.active {
    background: #ba1818;
}
/* TIMELINE SINGOLO GIORNO */
.w-sing-item {
	width: 50px!important;
	display: inline-block;
    vertical-align: top;
	margin: 0px 10px;
}
.w-sing-item-big {
	width: 100px!important;
	display: inline-block;
    vertical-align: top;
	margin: 0px 10px;
}
.singoloGiorno .giorno-sing {
	width: 50px;
	height: 65px;
	border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 1.3em;
}
.singoloGiorno .giorno-sing.active.big {
	width: 100px;
    height: 125px;
    font-size: 4em;
    font-weight: 700;
}
.singoloGiorno .giorno-sing.active {
	color: #fff;
}
.singoloGiorno .timeline .timeline-scroll {
	overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
	-webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
	margin: 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.singoloGiorno .timeline .timeline-noscroll {
	position: relative;
    height: 100%;
    z-index: 1;
}
.owl-stage {
	display: flex;
	align-items: center;
}
.owl-nav button span {
	font-size: 6.2em;
    line-height: 0;
}
.owl-nav .owl-prev {
	left: -47px;
    position: absolute;
	top: 44%;
}
.owl-nav .owl-next {
	right: -47px;
    position: absolute;
	top: 44%;
}
.giornoNoInfo {
	position: absolute;
    top: -12px;
    width: 24px;
    right: -10px;
}
a.timelinelink {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}