@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i');

/*CONTENUTI*/

/*COLORI / TESTI*/
body, p, label, ul li, h1, h2, h3, h4, h5, button { font-family: "Montserrat"; font-weight:300; }
body.inlineForm{background:#1c252d}
h1, h2, h3{font-family: active, sans-serif;font-family: "Montserrat";font-weight: bold}
a:hover, a:active, a:focus, button:hover, button:active, button:focus {    outline: none;}
a{	color: #66cc00;color: #7cc434;	outline: none!important;}
a:hover, a:active, a:focus { text-decoration: none; }
a:hover, a:focus, a:active { color: #50A000; }
a{    transition: all .35s;}

*:focus {	outline: 0;	color: #1b242d;}


@media all and (max-width:767px){
body{font-size:14px;}	
}
@media (min-width: 1420px)
{
.container {    max-width: 1400px;}
}
.content {margin: 0;background: url("../images/sfondo.jpg") no-repeat; background-size: cover;position: relative;overflow:hidden}
.content section{display:block;}

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


/*HEADER*/
header{}
.hp header{margin-bottom:70px}
@media all and (max-width:767px){
	.hp header{margin:15px 0px 15px 0px}
}
.hp .content{overflow:inherit}
header h2{font-size:26px;color:#fff}
header h2 u{color:#fff9cd;text-transform:uppercase} 
@media all and (max-width:767px){
	header h2{font-size:15px}
}
/*HEADER*/
/*TITOLI*/

h3{color: #1b437c}
h4{color:#4278c5;font-weight:600}
h3 small{}
h3 strong {}
@media all and (max-width:767px){
	h3{font-size:25px}
	h4{font-size:18px}
}
/*TITOLI*/
/*COLORI / TESTI*/

/*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: #1f4ba6;margin-top:80px;padding: 20px 0px;color: #fff;}
.altropremio img{margin-top:-20%}
.altropremio .altropremio_titolo{margin-top:-10%;margin-bottom: 10px}
.altropremio span{display:block;/* margin:0px 15px 15px 15px */} 
.altropremio h3{color: #fff;margin-bottom:20px}
@media all and (max-width:767px){
	.altropremio .premio2{max-width:80% }
}
/*ALTRO PREMIO*/
/*COME FUNZIONA*/
.comefunziona{background: #13224e;color:#ffffff99;padding:15px 0px}
.comefunziona h3{color: #fff }
.comefunziona strong{color:#fff}
.comefunziona img{background:#00000033;border-radius:200px}
.comefunziona h4{color:#e6ffd2;font-size:17px;font-weight: bold;margin-bottom: 15px}

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



/*VARIE*/
.containerBox{background:#fff;border-radius:25px;padding:20px;padding:0px; margin-bottom: 30px;overflow: hidden;
-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);
}

.hp .containerBox{overflow:inherit;margin-bottom: 0px;background:#fff;}
.containerBox .titoloForm {text-align: center}
.containerBox .titoloForm img{margin-top:-70px;margin-bottom:20px;}
.container_page.sf_interno{background:url("../images/bg_response.jpg") no-repeat; background-size:cover;}
.containerBox form h3{ margin-bottom: 20px}

.contenuti-concorso{max-width:1000px;margin: auto}
.container_top{background:#fbfbfb;position: relative;overflow: hidden;padding:20px 0px}

.container_page{padding:20px}
.container_page .text-info-form{margin: 30px 0px}


.text-info-form{color:#606ad1;margin:30px auto;text-align:center;font-size:18px}
.text-info-form h4{ text-transform: uppercase;}
.text-info-form strong{color: #7884f8}
.text-info-form.fine{font-size:20px;padding:50px 0px}

.txt_finale{font-size:18px;padding:50px 0px 0px 0px}
/*VARIE*/ 

/*FORM*/
.privacy-checkbox{font-size:12px}
.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*/


/*QUESTIONARIO*/
.riga_form.light {background-color: #f3fafb;/* margin: 10px; */}
.riga_form{padding:15px;margin: 1px 10px;border-radius: 10px;background: #e6f0f2;}

#questionsform .riga_form img {    margin: 0 auto 15px auto;}
#questionsform > :last-child{background:none}
.riga_form .domanda {margin-bottom:10px;color:#1b437c!important;font-size: 16px;text-transform:none}
#questionsform{/* margin: 0px -18px; *//* border: 10px solid #f3fafb; *//* background: #ecf3f4; */max-width: 1100px;margin: 0px auto;}
#questionsform .btn{margin-bottom:5px}

.blocco_form .form-control,.blocco_form .custom-select {width: 200px;margin:auto;border:1px solid #ccc;background-color:#fff}
/*QUESTIONARIO*/

/*FANCYBOX*/
#fancybox-content {    background: #FFF;}

.success h1,.listaerrori h1 {    font-size: 40px!important;    min-height: 65px;    color: #166272;    background: url("../images/icoSuccess.png") no-repeat 0 12px;    padding-left: 65px;    margin-top: 0!important;}
.success p {    font-size: 15px;}
.success h1 span {    font-size: 20px;}
.success p.successP {    color: #166272;    font-size: 16px;    padding: 0 20px 0 65px;    font-weight: 600;}
.listaerrori h1 {    font-size: 40px!important;    color: #CC0000;    background: url("../images/icoError.png") no-repeat 0 0;}
.listaerrori ul {    margin: 0 0 9px 0;    padding: 0px}
.listaerrori ul li {font-size: 16px!important;list-style-type: none;background: transparent url('../images/freccinaRossa.png') no-repeat 0 6px;padding-left: 20px;/* margin-bottom: -3px; */font-size: 14px;}
#fancybox-wrap{width:700px;max-width:100%;}
@media (max-width:768px) {
    #fancybox-wrap {        width: 100%!important;        left: 0px!important;    }
    #fancybox-content {        width: 100%!important;    }
}
body.overlayRegolamento {    background: #fff;    padding: 30px;  font-size: 15px;}
@media (max-width:768px) {
    body.overlayRegolamento {        min-width: 100%;        padding: 15px    }
}

/*FANCYBOX*/

/*STEPS*/

.barra_step {
    font-size: 20px;
    line-height: 25px;
    color: #1b437c;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    margin: 30px 0px 10px 0px;
    background-repeat: no-repeat!important;
}
.barra_step::before{height: 2px;margin: auto;border-radius:10px;display: block;content: "";position:relative;margin-bottom: -31px;background: #eae9f1;max-width: 670px;}

@media only screen and (min-width: 768px) {
    .barra_step {
        background-repeat: no-repeat;
        background-position: center center;
    }
}

@media only screen and (max-width: 767px) {
    .barra_step {
        background-repeat: no-repeat;
        background-position: center bottom;
    }
}

.barra_step>li {
    display: inline-block;
    zoom: 1;
    margin-left: -5px;
    text-align: center;
    margin: 10px;
    position: relative;

}

.barra_step>li>span {
    width: 40px;
    height: 40px;
    line-height: 33px;
    border-radius: 50%;
    display: block;
    margin: auto;
    border: 3px solid #eae9f1;
    background-color: #ffffff;
    /* padding: 0px 20px; */
    -webkit-box-shadow: inset 3px 3px 0px 0px rgba(140, 170, 213, 0.1);
    -moz-box-shadow:inset 3px 3px 0px 0px rgba(140, 170, 213, 0.1);
    box-shadow: inset 3px 3px 0px 0px rgba(140, 170, 213, 0.1);
}

.barra_step a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}
.barra_step>li.step_generic_active>span {
    background-color: #8fffc7;
    color: #7884f8;
    border-radius:200px;
    width: auto;
    padding: 0px 20px;
}


.step_generic_active>span::before{content: "STEP ";}
.step_generic_active:last-child>span::before{content: "STEP FINALE ";}

/*STEPS*/

.banners{margin:20px 0px}
.sponsor{padding:10px;margin-bottom: 15px}