body , html 
{

	padding:0px;
	margin:0px;
    font-family: 'Lato', sans-serif;
    min-width: 1250px;
    scroll-behavior: smooth;
}



.header
{
		width:100%;
		height: 120px;
}

.header b {
    font-size: 35px;
    display: inline-block;
    position: relative;
    top: -40px;
    margin-left: 10%;
}

.logo {
    margin: 25px;
	margin-left: 100px;
	display: inline-block;
}
.data {
    width: 20%!important;
    margin-left:-46px;
    font-size: 16px!important;
}
.datanascita
{margin-left: -374px;
    font-size: 19px;}
.cont_giorni 
{
   width: 481px;
    margin: 0;
    padding: 0;
    margin-left: -56px;
    display: inline-block;
}
 #email {margin-left: -44px}
.prima_fascia
{
	width:100%;
	height:400px;
	background:url(../sfondo.jpg) no-repeat;


	color:white;
	
}

.sx , .dx  
{
	width: 38.8%;
    display: inline-block;

}

.sx 
{
    font-size: 2.4vw;

    /* margin: 50px; */
    padding: 93px;	
    margin-top: 40px;

}


.sx p {
     
    color: #ff8c00;
    font-weight: bold;
    font-size: 3.5vw;
    margin: 0;
}

.dx p 
{
	font-size: 34px;
  
	font-weight: normal;
    margin: 0;
}


.importo {
	background: #f5f5f5;
    width: 457px;
    height: 70px;
    border: 0px;
    position: relative;
    font-size: 34px;
    top: 34px;
    left: 24px;
    padding-left: 3%;

}

.euro
{
    background: #e0e0e2;
    width: 70px;
    font-size: 50px;
    display: inline-block;
    height: 70px;
    position: relative;
	top: 37px;
    left: -47px;
}

.submit {
    background: #ef6018;
    border: 0px!important;
    height: 70px;
    color: white;
    width: 300px!important;
    font-size: 26px!important;
    display: inline-block;
    position: relative;
    top: 32px;
    font-family: Lato;
    cursor:pointer;
}

.form_hidden  
{
    width:1px;
    height:1px;
    visibility: hidden;
    position: absolute;
 }

.seconda_fascia
{
    display:flex;
  
       
        padding-top: 40px;
   
}

.quadro h2
{
    font-size:30px;
}

.quadro
{
	width: 33.3%;
    height: 580px;
    text-align: center;
    margin: 0 auto;

    color:#131313;
}

.ombra
{
    -webkit-box-shadow: 5px 7px 26px -5px rgba(0,0,0,0.29);
    -moz-box-shadow: 5px 7px 26px -5px rgba(0,0,0,0.29);
    box-shadow: 5px 7px 26px -5px rgba(0,0,0,0.29);

}

.quadro img 
{
	FONT-WEIGHT: 600;
    width: 76%;
    margin-top: 49px;
}


.tasto_arancio {
    background: #ef6018;
    border: 0px;
    padding-top: 14px;
    padding-bottom: 14px;
    /* height: 71px; */
    color: white;
    width: 350px;
    font-size: 19px;
    display: inline-block;
    position: relative;
    top: 32px;
    font-family: Lato;
    font-weight: bold;
}
.form
{
	background: white;
    width: 865px;
    height: 200px;
    color: #003a5a;
    text-align: center;
    padding: 11px;
    position: relative;
    top: -90px;
}
/*
.form {
    background: white;
    width: 865px;
    height: 318px;
    color: #003a5a;
    text-align: center;
    padding: 11px;
    position: relative;
    top: 20px;
}
*/
.step1  {
    display:block;
}
.step3 , .step2 {
      display:none;
}

.step2 p { font-size:20px;}

.contenitore_prof
{
    display: flex;
    flex-wrap: wrap;
}

.professione 
{
    font-weight: normal;
    border: 1px solid #868686;
    margin: 10px;
    padding: 3px;
    width: 188px;
    font-size: 15px;
    border-radius: 5px;
}

.professione:hover
{
    border-color:#ff8c00;
    background-color: #ff8c00;
    cursor:pointeR;
}

.step2 input , .step2 select 
{
    font-weight: normal;
    border: 1px solid #868686;
    margin: 10px;
    padding: 3px;
    width: 188px;
    font-size: 15px;
    border-radius: 5px;
    background: #f5f5f5;
    width: 348px;
    height: 70px;
    border: 0px;
    font-size: 26px;

   
}

input[type='checkbox']
{    width: 21px!important;
    position: relative;
    top: 29px;


}

.div_privacy {      position: relative;
    font-size: 14px;
    top: -61px;
    height: 10px;}

.step3 input , .step3 select 
{
    font-weight: normal;
    border: 1px solid #868686;
    margin: 10px;
    padding: 3px;
    width: 188px;
    font-size: 15px;
    border-radius: 5px;
    background: #f5f5f5;
    width: 348px;
    height: 70px;
    border: 0px;
    font-size: 26px;

   
}
.step2 .submit  ,.step3 .submit 
{    background: #ef6018;
    border: 0px!important;
    height: 70px;
    color: white;
    width: 300px!important;
    font-size: 26px!important;
    display: inline-block;
    position: relative;
    top: 0px;
    cursor:pointer;
    font-family: Lato;}
    .step3 .submit {
        background: #ef6018;
        border: 0px!important;
        height: 70px;
        color: white;
        width: 344px!important;
        font-size: 26px!important;
        display: inline-block;
        position: relative;cursor:pointer;
        top: 8px;
        font-family: Lato;}
.provincia {
    width: 30%;
}

.testo_cookie{
	color:white !important;
	padding:10px !important;
	width: 91% !important;
	text-align: left !important;
	font-size: 13px !important;
	display: inline-block !important;
	margin-top:5px !important;
}
#cookiediv{
	position:fixed !important;
	width:100% !important;
	height:75px !important;
	background-color: #575757 !important;
	top:92% !important;
	opacity: 0.95 !important;
	padding: 0 !important;
	z-index: 100000 !important;
	font-family:arial !important;
	font-size:15px !important;
}
 
.terza_fascia
{

    width:100%;
    height: 849px;
	background:url(../omino.jpg) no-repeat;
}


.terza_fascia h1
{
    color: #ff8c00;
    text-align: center;
    font-size: 65px;
    position: relative;
    top: 26px;
}


ul {
    list-style-image: url(../v1.png);
    color: white;
    margin-left: 56%;
}

li {
    margin: 0px;
    font-size: 26px;
    width: 71%;
}


ul h2
{
    
font-size: 35px;

}



.quarta_fascia p
{
        font-size: 67px;
    color: #ff8c00;
    font-weight: bold;
    margin: 0;
    text-align: center;
    position: relative;
    top: 60px;

}
.quarta_fascia
{
    background: #efebe8;
    height:570px;
    text-align: center;
}

.quarta_fascia .misto
{
    font-weight: normal;
    color: #333231;
    font-size: 40px ;
}

.grande {
    font-size: 40px;
   
    margin-top: 85px;
    padding-top: 32px;
    padding-bottom: 32px;
    width: 55%;
}

.quinta_fascia
{
   
    height: 300px;
    display:flex;
    flex-wrap:wrap;

    padding-top: 108px;
}

.arrow
{
    width: 49px;
    position: absolute;
    margin-left: -429px;
    opacity: 0.4;
 
}


.stat
{
    font-weight: bold;
    font-size: 132px;
    color: #003a5a;
    margin: 0 auto;
    width: 24.5%;
    text-align: center;
}
.stat p
{
    font-weight: bold;
    font-size: 35px;
    color: #003a5a;
    margin: 0 auto
}

.footer
{
    background: #003a5a;
    color: white;
    font-size: 11px;
    text-align: center;
    height: auto;
    padding: 10px;
}

.footer p 
{
    padding: 0px;
    margin: 0px;
    width: 90%;
    text-align: center;
    
    color: white;
    margin: 0 auto;
}

@media screen and (max-width:1800px)  /**************************************                        *************				********************				*********************				********************/
{
    .form {
     
        margin-left: -9%;
        transform: scale(0.8);
    }
}

@media screen and (max-width:1600px)  /**************************************                        *************				********************				*********************				********************/
{
    .form {
       
        margin-left: -30%;
        transform: scale(0.8);
    }
    li {
        margin: 0px;
        font-size: 1.5vw;
        width: 71%;
        margin-left: 59px;
    }
    .terza_fascia {
        width: 100%;
        height: 849px;
        background: url(../omino.jpg) no-repeat;
        background-position: -140px;
    }

    .quarta_fascia p {
        font-size: 4vW!important;
    }
    .quarta_fascia .misto {
        font-weight: normal;
        color: #333231;
        font-size: 3vw!important;
    }   

    .grande {
        font-size: 2vW;}

        .stat {
            font-weight: bold;
            font-size: 6vw;
        }

        .stat p {
            font-weight: bold;
            font-size: 1.5vw;
        }

}   
@media screen and (max-width:1500px)  /**************************************                        *************				********************				*********************				********************/
{

    .form {
       
        margin-left: -40%;
        transform: scale(0.75);
    }
    }   
}
@media screen and (max-width:1400px)  /**************************************                        *************				********************				*********************				********************/
{
    .form {
       
        margin-left: -31%;
        transform: scale(0.7);
    }
}   
@media screen and (max-width:1300px)  /**************************************                        *************				********************				*********************				********************/
{
    .form {
       
        margin-left: -31%;
        transform: scale(0.6);
    }
}  
@media screen and (max-width:1000px)  /**************************************                        *************				********************				*********************				********************/
{
    #cookiediv {
        position: fixed !important;
        width: 100% !important;
        height: 200px;
        background-color: #575757 !important;
        top: 76% !important;
        opacity: 0.95 !important;
        padding: 0 !important;
        z-index: 100000 !important;
        font-family: arial !important;
        font-size: 15px !important;
    }#cookiediv {
        position: fixed !important;
        width: 100% !important;
        height: 300px!important;
        height: 200px;
        background-color: #575757 !important;
        top: 76% !important;
        opacity: 0.95 !important;
        padding: 0 !important;
        z-index: 100000 !important;
        font-family: arial !important;
        font-size: 15px !important;
    } 
    
    body , html 
    {
    
        padding:0px;
        margin:0px;
        font-family: 'Lato', sans-serif;
        min-width: inherit;
    }
    
    .form {
        transform: none;
    }
     .arrow{
        margin-left: -163px;
        position: absolute;
    
     }
  .quinta_fascia
    {
            display:none;
    }

    .logo {
        margin: 25px;
        margin-left: 100px;
        display: block;
        margin: 0 auto;
        width: 61%;
        margin-top: 5%;
    }
    .header b {
        margin: 0 auto;
        margin-top: 60px;
        text-align: center;
        width: 96%;
        font-size: 22px;
    }

    .prima_fascia

    {
        height: 326px;

    }

    
     
    .step1{width: 100%;}

    .sx, .dx {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0px;
        text-align: center;
    
    }
    .sx p {
        font-size: 31px;
        color: #ff8c00;
        font-weight: bold;
        margin: 0;
        position: relative;
        top: 20px;
    }
    .sx span {
        font-size: 25px;
        margin: 0;
        position: relative;
        top: 20px;
    }

    .dx p {
        font-size: 22px;
        font-weight: normal;
        margin: 0;
    }
    .form {
        width: 90%;
        display: block;
        margin: 0 auto;
        margin-top: 134px;
        height: 178px;
    }

    .importo {
        background: #f5f5f5;
        width: 91%;
        display: block;
        margin: 0 auto;
        margin-left: -6%;
        height: 55px;
        margin-top: -12px;
        font-size: 30px;
    }
    
    .euro {
        background: #e0e0e2;
        width: 70px;
        font-size: 44px;
        display: inline-block;
        height: 55px;
        position: relative;
        top: -21px;
        font-weight: bold;
        left: 118px;
        color: #b1b1b1;
    }

    .submit {
        background: #ef6018;
        border: 0px!important;
        height: 39px;
        color: white;
        width: 235px!important;
        font-size: 18px!important;
        display: block;
        position: relative;
        
    top: -10px;


        font-family: Lato;
        margin: 0 auto;
    }
    .seconda_fascia {
       display:  block;
        padding-top: 40px;
    }
.data{    width: 24%!important;}
    .step2 .submit, .step3 .submit {
        background: #ef6018;
        border: 0px!important;
        height: 70px;
        color: white;
        width: 300px!important;
        font-size: 22px!important;
        display: inline-block;
        position: relative;
        top: 32px;
        font-family: Lato;
    }.step3 .submit {
        background: #ef6018;
        border: 0px!important;
        height: 70px;
        color: white;
        width: 317px!important;
        font-size: 26px!important;
        display: inline-block;
        position: relative;
        top: 8px;
        font-family: Lato;
    }.div_privacy {
        position: relative;
        font-size: 14px;
        top: -61px;
        height: 53px;
    }
    .quadro {
        width: 90%;
        height: 307px;
        text-align: center;
        margin: 0 auto;
        color: #131313;
        -webkit-box-shadow: 5px 7px 26px -5px rgba(0,0,0,0.29);
        -moz-box-shadow: 5px 7px 26px -5px rgba(0,0,0,0.29);
        box-shadow: 5px 7px 26px -5px rgba(0,0,0,0.29);
        margin-top: 34px;
    }

    .quadro h2 {
        font-size: 22px;
    }

    .quadro img {
        FONT-WEIGHT: 600;
        width: 76%;
        margin-top: 14px;
    }
    .tasto_arancio {
        background: #ef6018;
        border: 0px;
        padding-top: 14px;
        padding-bottom: 14px;
        /* height: 71px; */
        color: white;
        width: 266px;
        font-size: 19px;
        display: inline-block;
        position: relative;
        top: 0px;
        font-family: Lato;
        font-weight: bold;
        
    }

    .terza_fascia {
        width: 100%;
        height: 749px;
        background: #003a5a;
    }
   
    li {
        background: url(../vs.png) no-repeat;
        background-position: 1px 65px;
        padding: 3px 0px 3px 10px;
        list-style: none;
        margin: 0;
        font-size: 18px;
        width: 212%;
        margin-left: -228px;
        padding-left: 33px;
    }
    
    .terza_fascia h1 {
        color: #ff8c00;
        text-align: center;
        font-size: 34px;
        position: relative;
        top: 26px;
        
    }

        ul h2 {
            font-size: 22px;
            margin-top: 61px;
            
        }

        .quarta_fascia p {
            font-size: 30px!important;
            color: #ff8c00;
            font-weight: bold;
            margin: 0;
            text-align: center;
            position: relative;
            top: 60px;
        }   
        .quarta_fascia .misto {
            font-weight: normal;
            color: #333231;
            font-size: 21px!important;
        } 
       .tasto_arancio {
    background: #ef6018;
    border: 0px;
    padding-top: 14px;
    padding-bottom: 14px;
    /* height: 71px; */
    color: white;
    width: 90%;
    font-size: 13px;
    display: inline-block;
    position: relative;
    top: 0px;
    font-family: Lato;
    font-weight: bold;
}

.quarta_fascia {
    background: #efebe8;
        height: 450px;;
    text-align: center;
}

.step2 input, .step2 select  ,
.step3 input, .step3 select{
    font-weight: normal;
    border: 1px solid #868686;
    margin: 10px;
    padding: 3px;
    width: 188px;
    font-size: 15px;
    border-radius: 5px;
    background: #f5f5f5;
    width: 94%;
    height: 70px;
    border: 0px;
    font-size: 26px;
    position: relative;
    z-index: 9999;

}

.datanascita {margin:0 auto;}
.cont_giorni {
    width: 100%;
    margin: 0;
    padding: 0;
    }
    #email {
        margin-left: 0px;
    }
}