 @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

    .ditte2 {
        font-family: 'Bebas Neue', sans-serif !important;
        letter-spacing: 12px;
        text-shadow: 0px 0px 13px rgba(0, 0, 0, 1);
        color: rgba(255, 255, 255, 0.5) !important;
    }
label{ font-family: 'Bebas Neue', sans-serif !important;
    letter-spacing: 3px; font-size:120%;
     }


.no-js #loader { display: none ; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {	position: fixed; 	left: 0px; 	top: 0px; 	width: 100%; 	height: 100%; 	z-index: 9999; }
 .menlinks {      text-transform:uppercase;     font-size:13px;      padding: 0 2px 0 2px ;      font-weight:bold;      letter-spacing:-1px;     border-right:1px solid #eee; }
 .menlinks:last-child {     border-right:1px solid #fff; }
 img {     opacity: 1;     transition: opacity 0.3s;}
 img[data-src] {     opacity: 0;}
 .lazy img{     background:url("immagini/Spinner.gif") center;     display:block;     width:100%;     max-height:200px;}  
 .imglogo {     max-height:200px !important;     max-width:200px !important;}
 label{     margin-right: 10px;}
.container-form{-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);}
 .gradient1 {    background: #283048; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #283048, #859398); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #283048, #859398); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
 .gradient2 {    background: rgb(194,0,47);     background: radial-gradient(circle, rgba(194,0,47,1) 49%, rgba(99,1,25,1) 100%);}
 .gradient3 {    background: rgb(91,152,255);     background: linear-gradient(0deg, rgba(91,152,255,1) 0%, rgba(174,223,255,1) 100%);}
 .text-red, label{    color: #283048;     font-weight:bold;}
 .formred .label{    color:#fff !Important;}
 .btn-red{    background: rgb(1,1,195);    background: linear-gradient(0deg, rgba(1,1,195,1) 0%, rgba(0,95,255,1) 100%);     color:#fff;}
 .btn-red:hover{     opacity:0.9;     color:#fff;}
 .linea{    min-height: 3px;}
 .big {    }
 .big1{     font-weight: bold;     line-height: 95px;
     letter-spacing: -2px;
     margin-top: 20px;
}
 .big2{
     font-weight: bold;
     line-height: 95px;
     letter-spacing: -2px;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .big3{
     font-weight: bold;
     letter-spacing: -2px;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     text-transform: uppercase;
}
 .big4{
     font-weight: bold;
     letter-spacing: -2px;
     text-transform: uppercase;
}
 .logo1{
     
     font-weight: bold;
     font-size: 22px;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     padding-top: 11px ;
}
 .logo2{
     margin-top: -6px;
     font-weight: bold;
     font-size: 11px;
     background: rgb(54,54,54);
     background: radial-gradient(circle, rgba(54,54,54,1) 0%, rgba(161,161,161,1) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     text-transform: uppercase;
     display: BLOCK;
}
.logo3{
     margin-top: -6px;
     font-weight: bold;
     font-size: 11px;
   color:#fff;
     text-transform: uppercase;
     display: BLOCK;
}
 .carousel-element {
     display: block;
     width: 100vw;
     height: 60vh;
     background-repeat: no-repeat;
     background-size: cover !important;
     background-position: center !important;
     padding-top: 17.5vh;
     text-align: center;
     color: #fff;
     text-decoration:none !important;
     text-transform: uppercase;
     letter-spacing: 4px;
     font-weight: normal !imporant;
     font-size: 25px;
}
.carousel-element-2 {
     display: block;
     width: 100vw;
     min-height: 100vh;
     background-repeat: no-repeat;
     background-size: cover !important;
     background-position: center !important;
     padding-top: 17.5vh;
     text-align: center;
     color: #fff;
     text-decoration:none !important;
   
     letter-spacing: 4px;
     font-weight: normal !imporant;
     font-size: 25px; }
	 
 .lazy {      background-image: none;     background-color: #FFF; }
 .img-fluid{     max-width:100% !important; }

.homenav{position: absolute;     z-index: 1000; text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);}  

 .slogan .line{
     max-width:20%;
     display:block;
     height:2px;
     margin:auto;
    background: rgb(1,1,195);
     background: radial-gradient(circle, rgba(1,1,195,1) 0%, rgba(0,0,255,1) 49%, rgba(0,0,170,1) 100%);
}
 .sloganwhite{
    background: rgb(255,255,255);
     background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
     -webkit-border-radius: 13px;
     -moz-border-radius: 13px;
     border-radius: 13px;
     margin-top:5vh;
}
.title1{color:#fff; font-size:25px; margin-bottom:-30px;}
.nav-link-c{font-weight:bold;}
input.no-outline{outline-width:0;outline: none; font-size:15px; margin-top: 6px;overflow: hidden;
  text-overflow: ellipsis;}
#navbar2{background:rgba(0,0,0,0.3);  }


.sloganblack:hover{background:rgba(0,0,0,0.8);  transition: 1s; border-radius:10px;     }






 @media (max-width:700px) {
	 .container-form{    max-width:90vw;}
     .big1{
        font-size:70px
    }
     .big2{
        font-size:70px
    }
     .big3{
        font-size:20px
    }
     .big4{
        font-size:20px
    }
     .slogan{
        font-size:14px;
        line-height:40px;
		 font-weight:normal;
         padding:5px;
    }
	
    .homeform{margin-top:25vh; margin-bottom:25vh;}
	.sloganblack{color:#fff; font-size:10px;margin-bottom:5vh;     text-align: justify;     text-align-last: center;}
}
 @media (min-width: 700px) {
	 .homeform{margin-top:5vh; margin-bottom:50vh;} 
	 
	 .sloganblack{color:#fff; font-size:13px; margin: 0 auto 5vh auto; max-width: 50vw; letter-spacing:0; font-weight:normal; padding:13px; text-align:justify; overflow-wrap: break-word;     text-align: justify;     text-align-last: center;}
	 
	 .container-form{ max-width:50vw;} 
     .big1{
        font-size:100px
    }
     .big2{
        font-size:100px
    }
     .big3{
        font-size:31px
    }
     .big4{
        font-size:31px
    }
     .slogan{
        font-size:18px;
        line-height:30px;
         font-weight:normal;
        
    }
}



