.b-tools:hover:after {
width: 100%;
margin-left: -50%;
}
.b-tools:hover {
background: none repeat scroll 0% 0% #5D5D5D;
}
.b-tools:after {
transition: all 0.3s ease 0s;
content: "";
position: absolute;
bottom: 0px;
left: 50%;
width: 20%;
margin-left: -10%;
height: 4px;
background: none repeat scroll 0% 0% #ffffff;
}
.b-tools {
background: none repeat scroll 0% 0% #5D5D5D;
position: relative;
}
.txt-tools{padding:6px; margin: 6px; font-size: 1.2em;}
.venti5{width: 100%; clear: both;}

.box-sf-arancio input[type=radio],.box-sf-blu input[type=radio] {
    display:none;
}
.box-sf-arancio input[type=radio] + label,.box-sf-blu input[type=radio] + label {
    width: 34px;
    text-align: center;
    margin: 6px;
    display:inline-block;
    padding: 8px;
    background-color:#d0d0d0;
    border-color: #ddd;
    color: white;
}
.box-sf-arancio input[type=radio]:checked + label,.box-sf-blu input[type=radio]:checked + label {
    width: 34px;
    text-align: center;
    margin: 6px;
    padding: 8px;
    background-image: none;
    background-color: white;
    color: black;
    font-weight: bold;
}

.box-sf-blu,.box-sf-arancio,.box-sf-rosa{width: 98%; padding:2%; color:white;}
.box-sf-blu a,.box-sf-arancio a,.box-sf-rosa a{
    border-bottom: 0px!important;
    color:white!important; text-decoration: none!important;}
.box-sf-blu h2,.box-sf-arancio h2,.box-sf-rosa h2{color:white;}
.box-sf-blu h1,.box-sf-arancio h1,.box-sf-rosa h1{color:white;}
.box-sf-blu{background-color: #4c7bd2;}
.box-sf-arancio{background-color: #FF7639;}
.box-sf-rosa{background-color: #d68abe;}
.resultf{color:#5D5D5D; width: 98%; display: inline-block; clear:both; padding:1%;}
@media screen and (min-width: 480px) {
.venti5{width: 25%; float:left; clear: none;}
.box-sf-blu,.box-sf-arancio,.box-sf-rosa{width: 98%; padding:2%; margin:auto; margin-top:20px; color:white;}

}