/*   +++++++++++++++++++++++++++++ inizio fasce prodotti  ++++++++++++++++++++++++++*/

#sectIndoor,
#sectOutdoor,
#sectTapp {
	width: 100%;
	max-width: 1500px;
	height: 420px;
	background-color: var(--rosa);
	margin: 20px auto 20px;
	clear: both;
	cursor: pointer;
	position: relative;
	border-radius: 6px;
}

#container {
	background-color: var(--marroncino);
}

#sectIndoor img,
#sectOutdoor img,
#sectTapp img {
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	border-radius: 6px;
}

#boxProdottiTesto1,
#boxProdottiTesto2,
#boxProdottiTesto3 {
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	position: absolute;
	padding: -15px;
}

#boxProdottiTesto1 p,
#boxProdottiTesto2 p,
#boxProdottiTesto3 p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	min-width: 340px;
	font-size: 24px;
	font-weight: 400;
	z-index: 3;
	text-align: center;
}

.noVisible {
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	animation: titleAnimationY1 1.5s linear 3s 1 normal forwards;
}

/* +++++++++++++++ h2 scorrevole  +++++++++++++++++++++*/
#boxBlockHoriz {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}

#blockHoriz {
	background: transparent;
	display: flex;
	height: 160px;
	justify-content: center;
	transform: rotate(180deg);
}

@-webkit-keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-250px * 6));
	}
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-250px * 6));
	}
}

@-webkit-keyframes scroll1 {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-380px * 6));
	}
}

@keyframes scroll1 {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-380px * 6));
	}
}

@-webkit-keyframes scroll2 {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-300px * 6));
	}
}

@keyframes scroll2 {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-300px * 6));
	}
}

.slider {
	background: transparent;
	/*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);*/
	height: 100px;
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	transform: rotate(-5deg);
}
.slider1 {
	background: transparent;
	/*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);*/
	height: 100px;
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 2280px;
	margin: 0 auto;
	transform: rotate(5deg);
}
.slider2 {
	background: transparent;
	/*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);*/
	height: 100px;
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
	transform: rotate(-5deg);
}

.slider .slide-track {
	-webkit-animation: scroll 42s linear infinite;
	animation: scroll 42s linear infinite;
	display: flex;
	width: calc(250px * 12);
}
.slider1 .slide-track1 {
	-webkit-animation: scroll1 45s linear infinite;
	animation: scroll1 45s linear infinite;
	display: flex;
	width: calc(380px * 12);
}
.slider2 .slide-track2 {
	-webkit-animation: scroll2 42s linear infinite;
	animation: scroll2 42s linear infinite;
	display: flex;
	width: calc(300px * 12);
}


.slider .slide {
	height: 100px;
	width: 250px;
	transform: rotate(180deg);
}

.slider1 .slide1 {
	height: 100px;
	width: 380px;
	transform: rotate(180deg);
}
.slider2 .slide2 {
	height: 100px;
	width: 320px;
	transform: rotate(180deg);
}
.slide1{
		width: 380px;
	}
.slide2{
		width: 300px;
	}


@media screen and (min-width:1051px) and (max-width:1500px) {

	#sectIndoor,
	#sectOutdoor,
	#sectTapp {
		width: calc(100% - 40px);
	}

}

@media screen and (min-width:901px) and (max-width:1050px) {

	#sectIndoor,
	#sectOutdoor,
	#sectTapp {
		width: calc(100% - 40px);
		height: 350px;
	}

	#boxProdottiTesto1 p,
	#boxProdottiTesto2 p,
	#boxProdottiTesto3 p {
		font-size: 20px;
	}

	#boxBlockHoriz {
		top: -35px;
	}
}



@media screen and (min-width:781px) and (max-width:900px) {

	#sectIndoor,
	#sectOutdoor,
	#sectTapp {
		width: calc(100% - 40px);
		height: 320px;
	}

	#boxProdottiTesto1 p,
	#boxProdottiTesto2 p,
	#boxProdottiTesto3 p {
		font-size: 20px;
	}

	#boxBlockHoriz {
		top: -35px;
	}
}

@media screen and (min-width:601px) and (max-width:780px) {

	#sectIndoor,
	#sectOutdoor,
	#sectTapp {
		width: 100%;
		height: 280px;
	}

	#boxProdottiTesto1 p,
	#boxProdottiTesto2 p,
	#boxProdottiTesto3 p {
		font-size: 20px;
	}

	#boxBlockHoriz {
		top: -45px;
	}

	#boxProdottiTesto1 p,
	#boxProdottiTesto2 p,
	#boxProdottiTesto3 p {
		font-size: 18px;
		line-height: 20px;
		min-width: 270px;
	}
}

@media screen and (min-width:481px) and (max-width:600px) {

	#sectIndoor,
	#sectOutdoor,
	#sectTapp {
		width: calc(100% - 60px);
		height: 500px;
	}

	#boxProdottiTesto1,
	#boxProdottiTesto2,
	#boxProdottiTesto3 {
		top:50%;
		left:0;
		width: 100%;
		height: 50%;
	}

	#boxBlockHoriz {
		top: 30%;
	}

	#boxProdottiTesto1 p,
	#boxProdottiTesto2 p,
	#boxProdottiTesto3 p {
		font-size: 20px;
		line-height: 24px;
		min-width: 300px;
	}

	#sectIndoor img,
	#sectOutdoor img,
	#sectTapp img {
		margin-top:10px;
		margin-left:10%;
		width: 80%;
		height: 50%;
	}
}

@media screen and (min-width:330px) and (max-width:480px) {
	#sectIndoor,
	#sectOutdoor,
	#sectTapp {
		width: calc(100% - 20px);
		height: 460px;
	}

	#boxProdottiTesto1,
	#boxProdottiTesto2,
	#boxProdottiTesto3 {
		top:50%;
		left:0;
		width: 100%;
		height: 50%;
	}

	#boxBlockHoriz {
		top: 30%;
	}

	#boxProdottiTesto1 p,
	#boxProdottiTesto2 p,
	#boxProdottiTesto3 p {
		font-size: 20px;
		line-height: 21px;
		padding: 0;
		min-width: 280px;
	}

	#sectIndoor img,
	#sectOutdoor img,
	#sectTapp img {
		margin-top:10px;
		margin-left: 2%;
		width: 96%;
		height: 50%;
	}
}

/*   +++++++++++++++++++++++++++++ fine fasce prodotti  ++++++++++++++++++++++++++*/