@import url("landing.css");

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Lato');
@font-face {font-family: 'Dense';
src: url('../fonts/33DFC0_0_0.eot');
src: url('../fonts/33DFC0_0_0.eot?#iefix') format('embedded-opentype'),
url('../fonts/33DFC0_0_0.woff2') format('woff2'),
url('../fonts/33DFC0_0_0.woff') format('woff'),
url('../fonts/33DFC0_0_0.ttf') format('truetype');
}

html, body {
   scroll-behavior: smooth;
}

.p-relative {
	position: relative;
}

.cont-n-text {

}

.n-text {
	position: absolute;
	z-index: 1500;
	width: 100%;

	text-align: center;
	display: inline-block;
	
		bottom: 55px;
		/*height: 200px;*/


}
.n-text h3{
color:white;
	font-family: "haboro-contrast-normal",sans-serif;
	font-size: 30px;
	text-align: center;

}	

.t-scroll {
	
	 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);

    display: inline-flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
margin-top: 65px;

}
.t-scroll h5 {
	font-family: Poppins, sans-serif !important;
	font-size: 11px;
	text-transform: uppercase;
	color:white;
	padding-right: 8px;
  opacity: 1;
    
}
@keyframes fadez {
  0%,100% { opacity: 0 }
  50% { opacity: 1 }
}


.t-linea {
	border-bottom: 1px solid #fff;
width: 70px;
height: 1px;


}

@media (max-width:900px) {

.t-scroll {
margin-top: 5%;

}	
.n-text {
	bottom: 18px;
} 
.n-text h3 {
	font-size: 20px !important;
}

	.t-linea {
display: none;
 
} 


} 

.n-text h3{
color: white;
    font-family: "haboro-contrast-normal",sans-serif;
    font-size: 25px;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    width: 80%;
    margin: 0 auto;

}	

.t-linea {
border-bottom: 1px solid #fff;
  width: 50px;
  height: 1px;
}  


}


.sn-video-dx {
	justify-content: center;
	align-items: center;
	display: flex;
}
.sn-video-sx video {
width:100%;
height: auto;
max-width: 500px;
}


.sn-video-dx video {
width:100%;
height: auto;
/*max-width: 650px;*/
}


.scritta-video {
	position: absolute;
	z-index: 1500;
}
.scritta-video h4 {
	color:white;
	font-family:  "haboro-contrast-normal",sans-serif;
	font-size: 30px;
	padding-bottom: 20px;
	text-align: left;
}


.fascia-blocchi {
	padding-top:10%;
	padding-bottom:10%;

}
.set-blocchi {
	padding-top:10%;
	padding-bottom:10%;

}
.set-blocchi-f {
	padding-top:30px;
	padding-bottom:30px;

}




.fascia-blocchi-acciaio {
	padding-top:15%;
	padding-bottom:15%;

}
.bordosopra {
	border-top:1px solid #707070;
}
.bordosotto {
	border-top:1px solid #707070;
}

.box-text-sx-acciaio h3 {
	color:white;
	font-family:  "haboro-contrast-normal",sans-serif;
	font-size: 40px;
	padding-bottom: 30px;
	text-align: left;
} 

.riga-secondo-video {
    display: flex;  
	justify-content: center;
	align-content: center;
}


.sn-video-sx {
	text-align: center;
	align-content: center;
}
.sn-video-sx img {
	display: inline-block;
	max-width: 190px;
	height: auto;
}

@media(max-width: 768px) {
	.riga-secondo-video {
	display: unset;

}
.sn-video-sx img {
	padding-top: 30px;

} 
}

.box-text-sx-acciaio h5{
	color: white;
font-family: poppins;
text-align: center;
font-weight: 600;
font-size: 22px;
padding-bottom: 50px;
text-align: left;

}
.box-text-sx-acciaio p{
	color: #898181;
font-family: poppins;
text-align: center;
font-size: 16px;
padding-bottom: 50px;
text-align: left;
}


.box-text-sx h3 {
	color:white;
	font-family: "haboro-contrast-normal",sans-serif;
	font-size: 40px;
} 

.box-text-sx h4 {
color:white; 
padding-bottom: 80px;
font-family: "haboro-contrast-normal",sans-serif;
font-size: 28px;
}



.testo-bsx {
color:	#898181
margin-bottom: 30px;
font-family: poppins;
color: #898181;
font-size: 16px;
padding-bottom:30px;
} 
.box-bordo-set-dx h3 {
	color: white;
  font-family: poppins;
  text-align: center;
  font-weight: 600;
  font-size: 22px;
  padding-bottom: 50px;
  text-align: left;
  text-transform: uppercase;
}
.box-bordo-set-dx img {
	padding-top: 30px;
	padding-bottom: 30px;

}

.set-flag h3 {
	text-align: center;
	color: white;
	font-family: "haboro-contrast-normal",sans-serif;
	font-size: 40px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.set-flag img {
	max-width: 320px;
	height: auto;
	margin-bottom:15;
	display: inline-block;
	padding-bottom: 20px;


}
.blocchi-a3 {
	display: flex;
  justify-content: center;
  align-items: center;

}


.trig-sx h4, .trig-dx h4{
color:white; 
padding-bottom: 80px;
font-family: "haboro-contrast-normal",sans-serif;
font-size: 28px;
padding-bottom: 10px;
text-transform: uppercase;
}
.trig-sx p, .trig-dx p {
font-family: poppins;
  color: white;
  font-weight: 400;
  padding-bottom: 40px;
  text-align: left;
  font-size: 16px;
}
.trig-centro img {

	padding-bottom: 30px;
}

.final-text {
	font-family: poppins;
  color: white;
  font-weight: 600;
  padding-top: 30px;
  padding-bottom: 20px;
  text-align: left;
  font-size: 16px;
  padding-right: 40p%;
  padding-right: 23%;
}

@media(max-width: 768px) {
.blocchi-a3 {
	display: unset;
 

}
}	
.blocchi-a3-mobile .card {

	margin-bottom: 15px;
}

.blocchi-a3-mobile .btn {
	border: unset;
	color: #fff;
/*border-bottom: 1px solid #FFF !important;*/
text-transform: uppercase;
background: unset !important;
padding-left: 0px;
}
.blocchi-a3-mobile .btn:hover {
color: #fff;
background: unset;

}

.blocchi-a3-mobile .btn:focus {
	outline: unset;
}

.btn .collapsed {
		border: unset !important;
		border-bottom: 1px solid #FFF !important;
		background: unset !important;
}


.blocchi-a3-mobile .card-header h4 {
color:white; 
padding-bottom: 80px;
font-family: "haboro-contrast-normal",sans-serif;
font-size: 28px;
padding-bottom: 10px;
text-transform: uppercase;
}
.blocchi-a3-mobile .card-header button {
color:white; 
text-decoration: none;
} 
@media (max-width:800px)  {
.blocchi-a3-mobile .card-header h4 {
font-size: 20px;
}
}
.blocchi-a3-mobile .card-header button:active {
color: #fff !important;

}
.blocchi-a3-mobile .card-header button:active h4{
color: #fff !important;

}



.blocchi-a3-mobile .card-body p {
font-family: poppins;
  color: white !important;
  font-weight: 400;
   padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
  font-size: 16px;
}

.blocchi-a3-mobile .card-header {
	position: relative;
}

.blocchi-a3-mobile .btn::after {
  width: 38px;
  height: 38px;
  margin-left: 5px;
  padding: 5px;
  content: "+";
  right: 10px;
  border-radius: 50%;
 /* border: 1px solid white; */
  transition: transform .2s ease-in-out;
  color: white;
  position: absolute;
  text-align: center;
  font-size: 41px;
  display: inline-block;
margin-top: -5px;
line-height: 20px;
}
.blocchi-a3-mobile .btn:not(.collapsed) {
	color: #fff;
}
.blocchi-a3-mobile .btn:hover::after {
	color: #fff;
	border: 1px solid #fff;
}
.blocchi-a3-mobile .btn:not(.collapsed)::after {
	color: #fff;
	border: 1px solid #fff;
	content: "-";
}

@media (max-width: 768px) {
	.blocchi-a3-mobile .btn::after {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  padding: 5px;
  content: "+";
  right: 10px;
  border-radius: 50%;
 /* border: 1px solid white; */
  transition: transform .2s ease-in-out;
  color: white;
  position: absolute;
  text-align: center;
  font-size: 33px;
  display: inline-block;
margin-top: -5px;
line-height: 12px;
}
}




.box-bordo-set {
	border:1px solid #707070;
	border-radius: 30px;
	padding: 20px;
	text-align: center;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 250px;
	margin-bottom: 15px;

}
.box-bordo-set h4{
color: white;
font-family: "haboro-contrast-normal",sans-serif;
text-align: center;
text-transform: uppercase;
padding-bottom: 15px;
font-size: 27px;
}

.box-bordo-set p{
color: white;
font-family: poppins;
text-align: center;
font-size: 16px;

}

.nospazi .yee-widget, .nospazi .yee-col-md-12  {
	margin: 0 !important;
	padding: 0 !important;
}


/*SWIPER BIG*/
.CSSgal {
	position: relative;
	overflow: hidden;
	height: 100%; /* Or set a fixed height */
}

/* SLIDER */


/* ----- QUI ----- */
.ps-relative {
	position: relative;
}
.cont-but-slider-big {
  position: absolute;
  z-index: 4800;
  bottom: 5%;
  width: 120px;
  right: 0;
}
@media (max-width:768px) {

	.cont-but-slider-big {
   top: 20px !important;
   bottom: unset;
	}	

	.box-bordo-img-new img {
	margin-top: 50px;
}

}




/*SWIPER */

.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: left;
      font-size: 18px;
      /*display: flex;
      justify-content: center;
      align-items: center; */
      display: table;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
   
    }
      .swiper-button-next {
     
      }

.swiper-button-next-1 {
	right: 25px;
}

    .swiper-button-next::after, .swiper-button-prev::after {
    	border: 1px solid #f2f2f2;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
font-size: 16px;
color: white;

    }
    .swiper-button-next-1::after, .swiper-button-prev-1::after {
    	border: 1px solid #f2f2f2;
  border-radius: 10px;
  width: 60px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
font-size: 16px;
color: white;
font-family: "swiper-icons";


    }
.swiper-button-next-1::after {
	content: "next";
}
.swiper-button-prev-1::after {
	content: "prev";
}


    .swiper-button-next::after, .swiper-button-prev::after {
    	font-size: 16px;
    }

.mySwiper-a3 .swiper-slide img {
	border: 1px solid #898181;
	border-radius: 30px;
}

.prev-g-1 {
	left: -30px !important; 
	top: 40% !important;
}

.next-g-1 {
	right: -40px !important; 
	top: 40% !important;
}



.swiper-button-prev-1, .swiper-rtl .swiper-button-next-1 {
  left: var(--swiper-navigation-sides-offset,10px);
  right: auto;
}


.swiper-button-next-1, .swiper-button-prev-1 {
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
}



@media (max-width: 990px) {
.mySwiper-a3 img {
width: 90%;
height: auto;
}
.swiper-button-next::after {
	background: white !important;
	color: black !important;
}

.fascia-blocchi-acciaio, .fascia-blocchi {
  padding-top: 30px;
  padding-bottom: 30px;
}

.box-img-dx {
	padding: 0px;
}
.prev-g-1 {
	left: -10px !important; 
	top: 40% !important;
}

.next-g-1 {
right: -10px !important; 
	top: 40% !important;
}

}



    .tit-im {
	font-size: 15px;
	color: white;
  display: block;
  width: 100%;
  text-align: left !important;
  font-family: "haboro-contrast-normal",sans-serif;
}
.but-scarica {
	text-align: left;
	display: inline-block;
} 
.but-scarica a{
	font-family: "haboro-contrast-normal",sans-serif;
  border: 1px solid #fff;
  font-size: 25px;
  color: white;
  border-radius: 50px;
  padding: 2px 40px;
  text-align: center;
  display: flex;
  position: relative;
  transition: .3s;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  flex-direction: row;


}
.but-scarica img {
	max-width: 35px;
  height: auto;
  padding-left: 15px;
  margin-top: 15px;
}

.but-scarica a:hover {
	background: white;
	color: #000;

}


.blocchi-a2-down h4 {
	font-family: "haboro-contrast-normal",sans-serif;
color: white;
font-size: 20px;
text-transform: uppercase;

}

#scaricabrochure {
	font-family: "haboro-contrast-normal",sans-serif;
  
  font-size: 25px;
  color: white;
  border-radius: 50px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: let;
  display: flex;
  position: relative;
  transition: .3s;
  white-space: nowrap;
  align-items: center;
  flex-direction: row;
  margin-bottom: 10px

}
.cont-s-brochure::after {
	content: "";
border: 1px solid #fff;
width: 15px;
height: 1px;
display: block;
 transition: .3s;

}	


#scaricabrochure img{
max-width: 35px;
  height: auto;
  padding-left: 15px;
  margin-top: 2px !important;
  margin-bottom: 0px !important;
}


.bg-gradient {
	background: #322852;
background: radial-gradient(circle,rgba(50, 40, 82, 1) 0%, rgba(0, 0, 0, 1) 38%);
}
.nospace {
	padding: 0 !important;
	margin: 0 !important;
}
.immagine-full img{
	padding: 0;
	margin: 0;

}
.bottoni-sotto-video {

	padding-top: 15px;

}


.bt-video a{
	font-family: "haboro-contrast-normal",sans-serif;
  border: 1px solid #fff;
  font-size: 18px;
  color: white;
  border-radius: 50px;
  padding: 8px 40px;
  text-align: center;
  display: flex;
  position: relative;
  transition: .3s;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  text-transform: uppercase;
 margin-bottom: 15px;

}


.bt-video a:hover{ 
background: white;
	color: #000;

}
.trig-sx {
	padding-right: 40px;
}
.trig-dx {
	padding-left: 36px;
}
@media (max-width:1004px)  {
.bt-video {
	text-align: center;
}	
.but-scarica {
	text-align: center;
}
.bt-video a{
display: inline-block;
margin-bottom: 25px;
}

.trig-centro img {
	max-width: 500px;
margin: 0 auto;
margin-bottom: 30px;
padding-left: 5%;
  padding-right: 5%;

}
.trig-sx {
	padding-right: 0px;
}

}



.bt-scarica-f a {
font-family: "haboro-contrast-normal",sans-serif;
  border: 1px solid #fff;
  font-size: 18px;
  color: white;
  border-radius: 50px;
  padding: 10px 100px;
  text-align: center;
  display: inline-block;
  position: relative;
  transition: .3s;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  text-transform: uppercase;
 margin-bottom: 15px;
}

.bt-scarica-f a:hover{ 
background: white;
	color: #000;

} 
.bt-scarica-f a:hover +	#scaricabrochure {
	 
border: 1px solid red !important;	
width: 300px;
}	

&:has(.bt-scarica-f:hover)
    #cont-s-brochure:after {
      border: 1px solid  #886FD8 !important;
      width: 240px;  
        }






.animate-text {
  height: 90px;
  overflow: hidden;
}

.animate-text span{
	font-family: "haboro-contrast-normal",sans-serif;
    font-size: 33px;
    color:white;
    font-weight: 400;
    line-height: 40px;
    display: none;
}

.animate-text span.text-in{
	display: block;
	animation: textIn .5s ease;
}
.animate-text span.text-out{
	animation: textOut 1s ease;
}
@keyframes textIn{
	0%{
		transform: translateY(100%);
	}
	100%{
		transform: translateY(0%);
	}
}
@keyframes textOut{
	0%{
		transform: translateY(0%);
	}
	100%{
		transform: translateY(-100%);

	}
}


.box-bordo-img-new img {
	border: 1px solid #898181;
  border-radius: 30px;
}

.superaltezza  {
	min-height: 100vh;
	justify-content: center;
  display: flex;
  flex-direction: column;
}



@media (max-width:1100px)  {
.superaltezza  {
	height: unset;
	display: block;
}
}
@media (max-width:990px)  {
.but-scarica a {
	font-size: 20px;
  color: white;
  border-radius: 50px;
  padding: 2px 30px;
}
.but-scarica img {
max-width: 32px;
  height: auto;
  padding-left: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
}


}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
}
.trig-sx .card {
	
	border-bottom: 1px solid white;
	
}
@media(max-width: 900px) {
.box-text-sx h4 {
padding-bottom: 20px;
}
.box-text-sx-acciaio h5 {
	padding-bottom: 20px;
}
.box-bordo-set-dx h3 {
	padding-bottom: 20px;
}

}