@media only screen and (orientation : portrait) {

	#diapo-1 {
		background-image: url(../img/photo-gallery/firenze-AGF.jpg);
	}

	#diapo-2 {
		background-image: url(../img/photo-gallery/milano-AGF.jpg);
	}

	#diapo-3 {
		background-image: url(../img/photo-gallery/milano-ADOBESTOCK.jpg);
	}

	#diapo-4 {
		background-image: url(../img/photo-gallery/torino-AGF.jpg);
	}

	#diapo-5 {
		background-image: url(../img/photo-gallery/torino-AGF-2.jpg);
	}

	#diapo-6 {
		background-image: url(../img/photo-gallery/roma-Imagoeconomica.jpg);
	}

	#diapo-7 {
		background-image: url(../img/photo-gallery/roma-Imagoeconomica-2.jpg);
	}

	#diapo-8 {
		background-image: url(../img/photo-gallery/roma-ADOBESTOCK.jpg);
	}

	#diapo-9 {
		background-image: url(../img/photo-gallery/venezia-AGF.jpg);
	}

	#diapo-10 {
		background-image: url(../img/photo-gallery/gorizia-Italy_Photo_Press.jpg);
	}

	#diapo-11 {
		background-image: url(../img/photo-gallery/roma_Imagoeconomica_2082796.jpg);
	}

	#diapo-12 {
		background-image: url(../img/photo-gallery/roma_Imagoeconomica_2082807.jpg);
	}

	#diapo-13 {
		background-image: url(../img/photo-gallery/roma_Imagoeconomica_2107880.jpg);
	}

}


@media only screen and (orientation : landscape) {

	#diapo-1 {
		background-image: url(../img/photo-gallery/firenze-AGF.jpg);
	}

	#diapo-2 {
		background-image: url(../img/photo-gallery/milano-AGF.jpg);
	}

	#diapo-3 {
		background-image: url(../img/photo-gallery/milano-ADOBESTOCK.jpg);
	}

	#diapo-4 {
		background-image: url(../img/photo-gallery/torino-AGF.jpg);
	}

	#diapo-5 {
		background-image: url(../img/photo-gallery/torino-AGF-2.jpg);
	}

	#diapo-6 {
		background-image: url(../img/photo-gallery/roma-Imagoeconomica.jpg);
	}

	#diapo-7 {
		background-image: url(../img/photo-gallery/roma-Imagoeconomica-2.jpg);
	}

	#diapo-8 {
		background-image: url(../img/photo-gallery/roma-ADOBESTOCK.jpg);
	}

	#diapo-9 {
		background-image: url(../img/photo-gallery/venezia-AGF.jpg);
	}

	#diapo-10 {
		background-image: url(../img/photo-gallery/gorizia-Italy_Photo_Press.jpg);
	}

	#diapo-11 {
		background-image: url(../img/photo-gallery/roma_Imagoeconomica_2082796.jpg);
	}

	#diapo-12 {
		background-image: url(../img/photo-gallery/roma_Imagoeconomica_2082807.jpg);
	}

	#diapo-13 {
		background-image: url(../img/photo-gallery/roma_Imagoeconomica_2107880.jpg);
	}

}


.swiper {
	width: 100vw;
	/* height: calc(100vh - 105px); */
	height: 100vh;
}

.swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
}

.swiper-slide p {
	position: absolute;
	bottom: 10%;
	left: 0;
	font-family: "SoleSans", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.3;
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	padding: 25px 40px 24px 15px;
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 25%;
	text-align: right;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 20px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%;
}

.swiper-button-prev::after {
	content: url(../img/swiper-freccia-prev.svg);
	margin-left: 50px;
}

.swiper-button-next::after {
	content: url(../img/swiper-freccia-next.svg);
	margin-right: 50px;
}

.swiper-button-prev:hover::after {
	content: url(../img/swiper-freccia-prev-hover.svg);
}

.swiper-button-next:hover::after {
	content: url(../img/swiper-freccia-next-hover.svg);
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #FFF);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .4);
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}

b,
strong {
	font-weight: 800;
}

@media only screen and (max-width: 1007px) {
	.swiper-slide p {
		width: 65%;
	}
}

@media only screen and (max-width: 480px) {
	.swiper-slide p {
		width: 70%;
		padding: 5%;
		bottom: 50px;
	}

	.swiper-button-prev::after {
		margin-left: 10px;
	}

	.swiper-button-next::after {
		margin-right: 10px;
	}

	.swiper-button-prev:hover::after {
		content: url(../img/swiper-freccia-prev.svg);
	}

	.swiper-button-next:hover::after {
		content: url(../img/swiper-freccia-next.svg);
	}

	.swiper-pagination-bullet {
		opacity: 0 !important;
	}
}