/* ==========================================================================
   RIVENDITORI
   ========================================================================== */
.js-rivenditore-container{
  
}
.cont_lista_rivenditori{
	padding-top:70px;
}
.rivenditori_motivi_box h2{
	/* color:var(--rossoscuro); */
	text-transform:uppercase;
	font-size:24px;
	font-weight:bold;
}
.rivenditori_motivi_box{
	/* background: url("/images/rivenditori/bg_vantaggi_rivenditori.gif") repeat-x bottom; */
	padding-top:50px;
	padding-bottom:50px;
}

.rivenditori_motivi_box .wrapper{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:90%!important;
	max-width:100%;
	justify-content:space-between;
}
.rivenditori_motivi_box .box_vantaggio {
	flex:0 0 18%;
	background:#efefef;
    background:var(--rossoscuro);
    color:#fff;
	padding:20px 20px 30px 20px;
	/* border-bottom:5px solid var(--rosso); */
	font-size:18px;
	text-align:center;
	/* background-image:url("/images/rivenditori/stanghetta_chiaro.svg"); */
	background-repeat:no-repeat;
	background-size:50px 25px;
	background-position:center bottom;
}
.box_vantaggio figure{
	text-align:center;
}
.box_vantaggio img{
	max-width:100px;
	margin:0 auto 30px auto;
}
@media screen and (max-width: 1200px){
	.rivenditori_motivi_box .wrapper{
		justify-content:center;
	}
	.rivenditori_motivi_box .box_vantaggio {
	flex:0 0 30%;
	margin:0 1.5% 30px 1.5%;
	}
}





 .fascia_mappa_rivenditori{
        width:100%;
        background:var(--rossoscuro);
    }
    .fascia_mappa_rivenditori .wrapper{
        width:100%!important;
    }	

    	.esterno_mapparivenditori{
		flex:1 0 100%;
	}
    .form_rivenditori{
        top:0;
        margin-left:5vw;
        background:var(--rossoscuro)
    }
    #provincia,#regione{
        border:none;
    }
@media screen and (min-width: 1024px) { 
     .fascia_mappa_rivenditori{
        height:460px;
     }
    .form_rivenditori{
        top:-440px; 
        width: 30%;
        max-width:400px;
        position:relative;
        margin-left:5vw;
        background:var(--rossoscuro)
    }
}
.esterno_mapparivenditori{

}
.mapparivenditori_wrap{
	position: relative;
    height:500px;
}
.mapparivenditori_wrap #mapdiv{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cont_select_rivenditore label{
	display:inline-block;
	width:100px;
	font-weight:bold;
}
.cont_select_rivenditore select{
	width:250px;
	margin-bottom:20px;
}

    .form_rivenditori{
        padding:30px;
    }
  .form_rivenditori p, 
  .form_rivenditori label{
       color:#fff;
       font-size:20px;
    }
    .form_rivenditori label{
        margin-bottom:10px;
    }
    .form_rivenditori p{
        font-weight:700;
        font-size:20px;
        text-transform:uppercase;
    }
    select#regione,
    select#provincia{
        color:#000;
        background:#fff;
        padding:10px;
        font-size:20px;
       
    }
    .form_rivenditori input[type="submit"]{
        border:2px solid #fff;
        color:#fff;
        padding:10px 20px;
        text-transform:uppercase;
        background:transparent
    }
    .form_rivenditori input[type="submit"]:hover{
        background:rgba(255,255,255,0.3);
    }

    .riga_rivenditore{
        background:#efefef;
        margin-bottom:20px;
         border-left:10px solid var(--rossoscuro);
         font-size:18px;
    }
     .riga_rivenditore a{
        text-decoration:none;
        color:#000;
     }
    .interno_riga_rivenditore{
        display:flex;
        flex-direction:column;
        padding:5px 20px 20px 20px;
    }
    .rivenditore_col_nome{
        flex:0 0 25%;
        padding-right:20px;
        padding-top:10px;
    }
    .rivenditore_col_indirizzo{
        flex:1 0 25%;
        padding-right:20px;
        padding-bottom:10px;
    }
    
    .rivenditore_indirizzo{
        background-image:url("/images/rivenditori/rivenditori_indirizzo_scuro.svg");
        background-repeat:no-repeat;
        background-size:25px 25px;
        background-position:left 15px;
        padding:10px 0 10px 35px;
    }
    
    .rivenditore_sito{
        background-image:url("/images/rivenditori/rivenditori_web_scuro.svg");
        background-repeat:no-repeat;
        background-size:25px 25px;
        background-position:left center;
        padding:10px 0 10px 35px;
    }
    .rivenditore_col_contatti{
        flex:0 0 25%;
        padding-right:20px;
    }
    .rivenditore_telefono{
        background-image:url("/images/rivenditori/rivenditori_phone_scuro.svg");
        background-repeat:no-repeat;
        background-size:25px 25px;
        background-position:left center;
        padding:10px 0 10px 35px;
    }
    .rivenditore_fax{
        background-image:url("/images/rivenditori/rivenditori_fax_scuro.svg");
        background-repeat:no-repeat;
        background-size:25px 25px;
        background-position:left center;
        padding:10px 0 10px 35px;
    }
    .rivenditore_mail{
        background-image:url("/images/rivenditori/rivenditori_mail_scuro.svg");
        background-repeat:no-repeat;
        background-size:25px 25px;
        background-position:left center;
        padding:10px 0 10px 35px;
    }
    .rivenditore_col_indicazioni{
        flex:0 0 auto;
        justify-content:flex-start;
        display:flex;
        align-items: center;
    }
    .rivenditore_azienda{
        font-weight:bold;
        color:var(--rossoscuro)
    }
    .rivenditore_col_indicazioni a{
        display:inline-block;
        border:2px solid var(--rossoscuro);
        padding:3px 10px;
        font-size:12px;
        text-transform:uppercase;
        text-decoration:none;
        color:var(--rossoscuro);
    }
    .rivenditore_col_indicazioni a:hover{
        color:#fff;
        background:var(--rossoscuro)
    }

@media only screen and (min-width: 768px) {


}

/*@media only screen and (min-width: 960px) {
	span#payoff{
		padding-top:100px;
		}
}*/
@media only screen and (min-width: 1140px) {
    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
        .interno_riga_rivenditore{
        display:flex;
        flex-direction:row;
        padding:5px 20px 20px 20px;
    }
      .rivenditore_col_indicazioni{
        flex:0 0 160px;
        justify-content:flex-end;
    }
}