﻿@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");

/*SLIDESHOW*/
#slideshow div.swiper-container{
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto
}

#slideshow .swiper-button-prev, 
#slideshow .swiper-button-next{
    width:20px;
	height:32px;
	margin-top:-16px;
	fill:var(--c-white);
	background-image:none
} 
#slideshow div.swiper-button-next{background-position:center right!important}
#slideshow div.swiper-button-prev{background-position:center left!important}
#slideshow .swiper-button-prev svg, 
#slideshow .swiper-button-next svg{
	width:100%;
	height:auto;
	float:left
}

#slideshow div.swiper-pagination{
	height:auto!important;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	bottom:10px
}
#slideshow span.swiper-pagination-bullet{
	width:30px;
	height:6px;
	opacity:1;
	display:unset;
	margin:0 1px;
	border-radius:0;
	background:var(--c-grey-96)!important
}
#slideshow span.swiper-pagination-bullet:first-of-type{border-top-left-radius:calc(6px / 2);border-bottom-left-radius:calc(6px / 2)}
#slideshow span.swiper-pagination-bullet:last-of-type{border-top-right-radius:calc(6px / 2);border-bottom-right-radius:calc(6px / 2)}
#slideshow span.swiper-pagination-bullet-active{background:var(--c-blue)!important}

div.swiper-slide.slideshow{
	/*height:100%!important;*/
	text-align:center;
	font-size:18px;
	background:var(--c-white);
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	position:relative;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center
}
div.swiper-slide.slideshow > a{
	width:100%;
	height:100%;
	clear:both;
	display:block;
	cursor:default;
	overflow:hidden
}
div.swiper-slide.slideshow img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center right
}

div.swiper-slide.slideshow div.caption{
	width:45vw;
	overflow:visible!important;
	position:absolute;
	bottom:4vw;
	left:4vw
}
div.swiper-slide.slideshow div.caption h3,
div.swiper-slide.slideshow div.caption h4,
div.swiper-slide.slideshow div.caption p{color:var(--c-white)}
div.swiper-slide.slideshow div.caption h3,
div.swiper-slide.slideshow div.caption h4{font-family:var(--titles-font);font-weight:var(--w-black)}
div.swiper-slide.slideshow div.caption p{color:var(--c-white)}

div.swiper-slide.slideshow div.caption > h3,
div.swiper-slide.slideshow div.caption > p{font-style:italic;text-shadow:2px 2px 0 var(--c-black-rgba-60)}
div.swiper-slide.slideshow div.caption > h3{
	font-size:3.6vw;
	line-height:100%;
	text-transform:uppercase;
	margin-bottom:1vw
}
div.swiper-slide.slideshow div.caption > p{
	font-size:2vw;
	line-height:120%;
	margin-bottom:3vw
}

div.swiper-slide.slideshow div.caption div.counters,
div.swiper-slide.slideshow div.caption div.counters > div{
	display:flex;
	flex-flow:row wrap;
	align-items:flex-end
}
div.swiper-slide.slideshow div.caption div.counters{width:100%;grid-gap:1.8vw 0}
div.swiper-slide.slideshow div.caption div.counters h4,
div.swiper-slide.slideshow div.caption div.counters p{text-shadow:2px 2px 0 var(--c-black-rgba-60)}
div.swiper-slide.slideshow div.caption div.counters > div{width:50%;grid-gap:0.6vw}
div.swiper-slide.slideshow div.caption div.counters h4{
	font-size:2.8vw;
	line-height:85%;
	text-align:right
}
div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(1) h4,
div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(3) h4{width:5.5vw}
div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(2) h4,
div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(4) h4{width:7.7vw}
div.swiper-slide.slideshow div.caption div.counters p{
	font-size:0.8vw;
	line-height:120%;
	text-transform:uppercase
}

/*BACKOFFICE*/
body.cke_editable > div.swiper-slide.mobile{width:380px!important}
body.cke_editable > div.swiper-slide.slideshow div.caption{
	width:95%;
	bottom:40px;
	left:0;
	right:0;
	margin:0 auto
}
body.cke_editable > div.swiper-slide.slideshow div.caption > h3,
body.cke_editable > div.swiper-slide.slideshow div.caption > p{text-align:center}
body.cke_editable > div.swiper-slide.slideshow div.caption > h3{font-size:2.00em;margin-bottom:10px}
body.cke_editable > div.swiper-slide.slideshow div.caption > p{font-size:1.00em;margin-bottom:20px}
body.cke_editable > div.swiper-slide.slideshow div.caption div.counters{grid-gap:15px 0}
body.cke_editable > div.swiper-slide.slideshow div.caption div.counters > div{grid-gap:10px}
body.cke_editable > div.swiper-slide.slideshow div.caption div.counters h4{font-size:1.30em}
body.cke_editable > div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(1) h4,
body.cke_editable > div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(3) h4{width:45px}
body.cke_editable > div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(2) h4,
body.cke_editable > div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(4) h4{width:65px}
body.cke_editable > div.swiper-slide.slideshow div.caption div.counters p{font-size:0.45em}

/*RESPONSIVITY*/
@media only screen and (min-width:320px) and (max-width:1024px) {
	/*slideshow*/
	#slideshow .swiper-button-prev,
	#slideshow .swiper-button-next{
		width:14px;
		height:22px;
		margin-top:-11px
	}
	#slideshow span.swiper-pagination-bullet{width:26px;height:4px}
	#slideshow span.swiper-pagination-bullet:first-of-type{border-top-left-radius:calc(4px / 2);border-bottom-left-radius:calc(4px / 2)}
	#slideshow span.swiper-pagination-bullet:last-of-type{border-top-right-radius:calc(4px / 2);border-bottom-right-radius:calc(4px / 2)}
	div.swiper-slide.slideshow div.caption{
		width:55vw;
		bottom:5vw;
		left:5vw
	}
	div.swiper-slide.slideshow div.caption > h3{font-size:4.5vw}
	div.swiper-slide.slideshow div.caption > p{font-size:2.6vw}
	div.swiper-slide.slideshow div.caption div.counters{grid-gap:2vw 0}
	div.swiper-slide.slideshow div.caption div.counters > div{grid-gap:0.9vw}
	div.swiper-slide.slideshow div.caption div.counters h4{font-size:3.8vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(1) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(3) h4{width:7.4vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(2) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(4) h4{width:10.4vw}
	div.swiper-slide.slideshow div.caption div.counters p{font-size:1.2vw}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	/*slideshow*/
	#slideshow .swiper-button-prev,
	#slideshow .swiper-button-next{
		width:14px;
		height:22px;
		margin-top:-11px
	}
	#slideshow span.swiper-pagination-bullet{width:26px;height:4px}
	#slideshow span.swiper-pagination-bullet:first-of-type{border-top-left-radius:calc(4px / 2);border-bottom-left-radius:calc(4px / 2)}
	#slideshow span.swiper-pagination-bullet:last-of-type{border-top-right-radius:calc(4px / 2);border-bottom-right-radius:calc(4px / 2)}
	div.swiper-slide.slideshow div.caption{
		width:55vw;
		bottom:5vw;
		left:5vw
	}
	div.swiper-slide.slideshow div.caption > h3{font-size:4.5vw}
	div.swiper-slide.slideshow div.caption > p{font-size:2.6vw}
	div.swiper-slide.slideshow div.caption div.counters{grid-gap:2vw 0}
	div.swiper-slide.slideshow div.caption div.counters > div{grid-gap:0.9vw}
	div.swiper-slide.slideshow div.caption div.counters h4{font-size:3.8vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(1) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(3) h4{width:7.4vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(2) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(4) h4{width:10.4vw}
	div.swiper-slide.slideshow div.caption div.counters p{font-size:1.2vw}
}

@media only screen and (min-width:1281px) and (max-width:1500px) {
	/*slideshow*/
	#slideshow .swiper-button-prev,
	#slideshow .swiper-button-next{
		width:16px;
		height:26px;
		margin-top:-13px
	}
	#slideshow span.swiper-pagination-bullet{width:28px;height:5px}
	#slideshow span.swiper-pagination-bullet:first-of-type{border-top-left-radius:calc(5px / 2);border-bottom-left-radius:calc(5px / 2)}
	#slideshow span.swiper-pagination-bullet:last-of-type{border-top-right-radius:calc(5px / 2);border-bottom-right-radius:calc(5px / 2)}
	div.swiper-slide.slideshow div.caption{
		width:50vw;
		bottom:4.5vw;
		left:4.5vw
	}
	div.swiper-slide.slideshow div.caption > h3{font-size:4vw}
	div.swiper-slide.slideshow div.caption > p{font-size:2.4vw}
	div.swiper-slide.slideshow div.caption div.counters > div{grid-gap:0.8vw}
	div.swiper-slide.slideshow div.caption div.counters h4{font-size:3.4vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(1) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(3) h4{width:6.7vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(2) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(4) h4{width:9.4vw}
	div.swiper-slide.slideshow div.caption div.counters p{font-size:1.1vw}
}

@media only screen and (min-width:1501px) and (max-width:1950px) {
	/*slideshow*/
	#slideshow .swiper-button-prev,
	#slideshow .swiper-button-next{
		width:18px;
		height:28px;
		margin-top:-14px
	}
	#slideshow span.swiper-pagination-bullet{width:28px;height:5px}
	#slideshow span.swiper-pagination-bullet:first-of-type{border-top-left-radius:calc(5px / 2);border-bottom-left-radius:calc(5px / 2)}
	#slideshow span.swiper-pagination-bullet:last-of-type{border-top-right-radius:calc(5px / 2);border-bottom-right-radius:calc(5px / 2)}
	div.swiper-slide.slideshow div.caption{
		width:47vw;
		bottom:4.5vw;
		left:4.5vw
	}
	div.swiper-slide.slideshow div.caption > h3{font-size:3.8vw}
	div.swiper-slide.slideshow div.caption > p{font-size:2.2vw}
	div.swiper-slide.slideshow div.caption div.counters > div{grid-gap:0.7vw}
	div.swiper-slide.slideshow div.caption div.counters h4{font-size:3vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(1) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(3) h4{width:6vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(2) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(4) h4{width:8.2vw}
	div.swiper-slide.slideshow div.caption div.counters p{font-size:1vw}
}

/*TABLET*/
@media only screen and (min-device-width:744px) and (max-device-width:1024px) {
	/*slideshow*/
	#slideshow .swiper-button-prev,
	#slideshow .swiper-button-next{
		width:13px;
		height:20px;
		margin-top:-10px
	}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:portrait) {
	/*slideshow*/
	div.swiper-slide.slideshow img{object-position:center}
	div.swiper-slide.slideshow div.caption{
		width:80vw;
		bottom:7vw; 
		left:0;
		right:0;
		margin:0 auto
	}
	div.swiper-slide.slideshow div.caption > h3,
	div.swiper-slide.slideshow div.caption > p{text-align:center}
	div.swiper-slide.slideshow div.caption > h3{font-size:6.4vw;margin-bottom:1.4vw}
	div.swiper-slide.slideshow div.caption > p{font-size:3.2vw;margin-bottom:3.8vw}
	div.swiper-slide.slideshow div.caption div.counters{grid-gap:2.5vw 0}
	div.swiper-slide.slideshow div.caption div.counters > div{grid-gap:1.4vw}
	div.swiper-slide.slideshow div.caption div.counters h4{font-size:5.2vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(1) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(3) h4{width:10.4vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(2) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(4) h4{width:14.4vw}
	div.swiper-slide.slideshow div.caption div.counters p{font-size:1.8vw}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:landscape) {
	/*slideshow*/
	div.swiper-slide.slideshow div.caption{width:57.5vw}
	div.swiper-slide.slideshow div.caption > h3{font-size:4.8vw;margin-bottom:1.1vw}
	div.swiper-slide.slideshow div.caption > p{font-size:2.65vw;margin-bottom:3.1vw}
	div.swiper-slide.slideshow div.caption div.counters h4{font-size:4vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(1) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(3) h4{width:8vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(2) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(4) h4{width:11.1vw}
	div.swiper-slide.slideshow div.caption div.counters p{font-size:1.3vw}
}

/*SMARTPHONE*/
@media only screen and (min-device-width:320px) and (max-device-width:743px) {
	/*slideshow*/
	#slideshow .swiper-button-prev,
	#slideshow .swiper-button-next{
		width:10px;
		height:16px;
		margin-top:-8px
	}
	#slideshow span.swiper-pagination-bullet{width:24px;height:3px}
	#slideshow span.swiper-pagination-bullet:first-of-type{border-top-left-radius:calc(3px / 2);border-bottom-left-radius:calc(3px / 2)}
	#slideshow span.swiper-pagination-bullet:last-of-type{border-top-right-radius:calc(3px / 2);border-bottom-right-radius:calc(3px / 2)}

	/*backoffice*/
	body.cke_editable > div.swiper-slide.mobile{width:100%!important}
	body.cke_editable > div.swiper-slide.slideshow div.caption > h3{font-size:1.80em;margin-bottom:10px}
	body.cke_editable > div.swiper-slide.slideshow div.caption > p{font-size:0.85em;margin-bottom:20px}
	body.cke_editable > div.swiper-slide.slideshow div.caption div.counters > div{grid-gap:6px}
	body.cke_editable > div.swiper-slide.slideshow div.caption div.counters h4{font-size:1.10em}
	body.cke_editable > div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(1) h4,
	body.cke_editable > div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(3) h4{width:35px}
	body.cke_editable > div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(2) h4,
	body.cke_editable > div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(4) h4{width:55px}
	body.cke_editable > div.swiper-slide.slideshow div.caption div.counters p{font-size:0.40em}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (max-aspect-ratio:13/9) {
	/*slideshow*/
	div.swiper-slide.slideshow img{object-position:center}
	div.swiper-slide.slideshow div.caption{
		left:0;
		right:0;
		margin:0 auto
	}
	div.swiper-slide.slideshow div.caption{
		width:95vw;
		bottom:11vw; 
		left:0;
		right:0;
		margin:0 auto
	}
	div.swiper-slide.slideshow div.caption > h3,
	div.swiper-slide.slideshow div.caption > p{text-align:center}
	div.swiper-slide.slideshow div.caption > h3{font-size:9vw;margin-bottom:1.8vw}
	div.swiper-slide.slideshow div.caption > p{font-size:4vw;margin-bottom:4.4vw}

	div.swiper-slide.slideshow div.caption div.counters{grid-gap:3vw 0}
	div.swiper-slide.slideshow div.caption div.counters > div{grid-gap:3vw}
	div.swiper-slide.slideshow div.caption div.counters h4{font-size:6vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(1) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(3) h4{width:11.6vw}
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(2) h4,
	div.swiper-slide.slideshow div.caption div.counters > div:nth-of-type(4) h4{width:16.4vw}
	div.swiper-slide.slideshow div.caption div.counters p{font-size:2vw}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (min-aspect-ratio:13/9) {
	
}