@import url('https://fonts.googleapis.com/css2?family=KoHo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
/*CONTENUTI*/

/*COLORI / TESTI*/
body, p, label, ul li, h1, h2, h3, h4, h5, button { font-family: "KoHo"; font-weight:400; }
h1, h2, h3, h4, h5{font-family: "KoHo";  font-weight: bold;color:#2f2f2f;font-style: italic}
.h2, h2{font-size:2em}
.h3, h3 {font-size: 1.75em;}
.h4, h4 {font-size: 1.5em;}

html { font-size: 16px; }
body { font-size: 16px; }
body{background:#000}

a{outline: none!important;color: #f3672e/*COLORE1*/;}
a:hover, a:focus, a:active { color: #f3672e/*COLORE1*/; }
a:hover, a:active, a:focus {text-decoration: none;}
*:focus {	outline: 0;	color: #f3672e/*COLORE1*/;}
/*COLORI / TESTI*/



.content h1, .content h2, .content h3, .content h4, .content h5{font-family: "KoHo";  font-weight:bold}

@media all and (max-width:767px){
html{font-size:16px; }
body{font-size:12px; }
}

/*COLORI / TESTI*/
.content {
    margin: 0;
    background: url(../images/sfondo_01.jpg) no-repeat center top;
    background-size: contain;
    position: relative;
    overflow: hidden;
}
.content.step_01
{
	background: url(../images/sfondo_01.jpg) no-repeat center top;
    background-size: cover;
}
.content.step_02
{
	background: url(../images/sfondo_02.jpg) no-repeat center top;
    background-size: cover;
}
.content.step_03
{
	background: url(../images/sfondo_03.jpg) no-repeat center top;
    background-size: cover;
}

.content.step_01 .immagine{margin-bottom:-20%;margin-top:0%}
.content.step_02 .immagine{margin-bottom:-20%;margin-top:0%}
.content.step_03 .immagine{margin-bottom:-20%;margin-top:0%}
@media all and (max-width:767px){
	.content.step_01{background-size: 200%;}
	.content.step_02{background-size: 200%;}
	.content.step_03{background-size: 200%;}
}

.content {margin: 0;}
.content section{display:block;}

.content > section{padding:30px;}

@media all and (max-width:767px){
.content > section{padding:15px;}
}
	
	
.content section .container{ position:relative}

.content section p{font-size:16px}

/*BOTTONI*/
.btn  {
	border-radius:0px;
	border: none;
	font-weight:normal;
	font-size: 14px;
	color: #fff;
	background: #f3672e/*COLORE1*/;
	text-transform: uppercase;
	padding:15px 20px;
	position:relative;
}

.btn i{right: 0px;    margin-top: 0px;    margin-right: 40px;    font-size: 25px;    position: absolute;}
@media (max-width:991px){
	.btn i{margin-right: 20px;}
}
.btn:hover,.btn:active,.btn:focus
{
	color:#fff;	
	background:#f3672edd;
}

.btn-default:hover,.btn-default:active,.btn-default:focus,
.btn-white:hover,.btn-white:active,.btn-white:focus,
.btn-light:hover,.btn-light:active,.btn-light:focus
{
	color:#f3672e;/*COLORE1*/
	background:#fff;	
}

.btn-white {
	color:#f3672e;/*COLORE1*/
	background: #fff;
}
.btn-light {
	color:#f3672e;/*COLORE1*/
	background: #e7e7e7;
}
.btn-fb{color:#fff;background:#4267b4}
.btn-fb:hover,.btn-fb:active,.btn-fb:focus{background:#577BC7;color:#fff;}
.btn-tw{color:#fff;background:#1da1f2}
.btn-tw:hover,.btn-tw:active,.btn-tw:focus{background:#3AB4FE;color:#fff;}

.btn-bordo{color:#f3672e;background:none; border:1px solid #f3672e}
.btn-bordo:hover,.btn-bordo:active,.btn-bordo:focus{background:#f3672e;color:#fff;border:1px solid #f3672e}


/*BOTTONI*/
.form-control, .custom-select{    border-radius: 0px;    border: none;      font-size: 14px;
    padding: 15px 20px;    height: 50px !important;  background-color: #f6f6f6;font-weight: 400;}



header{ padding-top:30px}

/*CONTAINERBOX*/
.containerBox{background:#fff;border-radius:0px;padding:20px;padding:0px; margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.1);
padding:30px;
position: relative;
	z-index:2;
}
@media all and (min-width:991px){
.fine .containerBox{margin-top:-30%;margin-bottom: 30%}
}
.hp .containerBox{overflow:inherit;margin-bottom: 0px;background:#fff;}
.containerBox .titoloForm {text-align: center}
.containerBox .titoloForm img{margin-top:-70px;margin-bottom:20px;}
.containerBox form h3{ margin-bottom: 20px;color:#f3672e;/*COLORE1*/}

.containerBox .titolo{background:#f3672e;color:#fff;padding:5px 30px;margin-top:-50px;display:inline-block;margin-bottom:30px}
/*CONTAINERBOX*/

/*BOTTONI*/

/*PREMIO*/
.premio{margin-top:-70px}
.premio img{max-height:700px;}
@media all and (max-width:767px){
	.premio{margin:-20px 0px 20px 0px}
	.premio img{max-height:400px}
}
/*PREMIO*/
/*ALTRO PREMIO*/
.altropremio{background: #212121;padding: 20px 0px;color: #fff;}
.altropremio img{max-width: 200px;width: 100%}
.altropremio .altropremio_titolo{margin-top:-10%;margin-bottom: 10px}
.altropremio span{display:block;} 
.altropremio h3{color: #fff;margin-bottom:20px}

/*ALTRO PREMIO*/
/*COME FUNZIONA*/
.comefunziona{background: #f1662e;color:#ffffff99;padding:15px 0px;font-size: 1em;}
.comefunziona h3{color: #fff;margin-bottom:20px }
.comefunziona strong{color:#fff}
.comefunziona p{font-size:0.8em}
.comefunziona img{background:#fff;border-radius:200px}
.comefunziona h4{color:#fff;font-weight: normal;font-style:normal;margin-bottom:5px;font-size:1.4em}

@media all and (max-width:991px){
	.comefunziona h4{margin-bottom:5px;}
	.comefunziona .punto{margin:10px 0px;}
}
/*COME FUNZIONA*/
 

/*FORM*/
.privacy-checkbox{font-size:12px;margin-top:15px}
.oppure{margin:20px 0px}
form{margin:0px 20px}
@media only screen and (max-width: 767px) {
	form{margin:0px 0px 20px 0px}
	.oppure{margin:10px 0px}
}
.btn_partecipa{margin-bottom:30px;}
@media only screen and (max-width: 767px) {
	.btn_partecipa{margin-bottom:15px;}
}
.radio_step{padding-bottom:10px}
/*FORM*/


.fine{text-align:center;font-weight:bold}
.condivisione{margin-bottom:20px}


/*WIZARD*/
.wizard {background:#f2f2f2}

.wizard .scelti span{position: relative;display: block}
.wizard .scelti span:after{content:"+"; display: block;position: absolute;right:-22px; top:25%;color:#000;font-weight: bold;font-size:21px}
.wizard .scelti span.selezionato:before{content: "\f00c";font-family: 'FontAwesome'; display: block;position: absolute;top:100%;color:#f1662e;font-weight: bold;font-size:21px;    margin: 0px auto;    width: 100%;}
.wizard .scelti .col:last-child span.selezionato:before{display:none}
.wizard .scelti img{max-height:150px;}
.wizard .scelti span.selezionato img{filter:  sepia(13%) saturate(2000) hue-rotate(28deg) brightness(4) }


.wizard  .titolo{margin-bottom:10px}

.wizard .scelti .col:nth-child(6) span:after{display: none}
.wizard .scelti .col:nth-child(5) span:after{content:"="}

.wizard .scelti .tab-content{margin: 30px 0px}
.wizard .scelti .nav-tabs{margin-top:10px}
.wizard .scelti .nav-tabs .nav-link{background:#fff;font-weight: bold;font-style: italic}
@media (min-width: 991px)   {
	.wizard .scelti .nav-tabs .nav-link{width:100%;text-align: center}
	.wizard .scelti .nav-tabs .nav-item{display: flex;flex:1}
}
.wizard .scelti .nav-tabs .nav-item{margin-right:3px}
.wizard .scelti .nav-tabs .nav-link.active{background:#f1662e;color:#fff}

.wizard .scelta {margin:0px -50px -30px -50px;background:#fff; padding:30px }
.wizard .scelta .loghetto{/* position: absolute; */width: 75%;z-index:3;margin-top: -15px;}
.wizard .scelta div > .btn{margin-top:15px}
.wizard .scelta h5{color:#f1662e;margin-bottom:1em}
.wizard .scelta .prodotto p{font-weight: bold;font-size:1em;text-transform: uppercase;font-style: italic;margin: 1em 0px 0.5em 0px;line-height: normal}
.wizard .scelta .prodotto  span{padding: 1em 0.8em 0 0.8em;display: block;}
.wizard .scelta .prodotto {border:2px solid #fff;display:block;margin-top: 0.0em;}
.wizard .scelta .prodotto:hover,.wizard .scelta .selezionato.prodotto{border:2px solid #f1662e}
.wizard .scelta .prodotto .btn{width:100%;padding:5px;visibility: hidden;}
.wizard .scelta .prodotto .btn:before{content: "Aggiungi"}

.wizard .scelta .prodotto:hover .btn{visibility: visible}

.wizard .scelta .selezionato .prodotto:not(:hover):not(.selezionato) img{ filter: saturate(0);opacity:0.5}
.wizard .scelta .selezionato .prodotto:not(:hover):not(.selezionato) *{color:#ccc}
.wizard .scelta .selezionato.prodotto .btn{visibility: visible}
.wizard .scelta .selezionato.prodotto .btn:before{content:"Selezionato"}

@media (min-width: 768px)  and (max-width: 991px) {
	.wizard .scelta .prodotto p{font-size:0.8em;}
}
@media only screen and (max-width: 767px) {
	.wizard .scelta {margin:0px -30px -50px -30px;padding:15px}

	.wizard .scelti .nav-tabs .nav-link{padding: 0.5rem 0rem; text-align: center;font-size:12px}
	.wizard .scelta .prodotto p{font-size:12px;}
	.wizard .scelti .nav-tabs .nav-item{flex: 1;}

	
	.wizard .scelti .col{padding:0px 7px}
	.wizard .scelti .col span:after{right:-12px;}
}

.social{font-size:2em}
.social a{margin-right:0.5em}

.comefunziona.due img{background:none; border-radius:0px;max-width: 180px;}