.img {
    height: 280px;
    display: -webkit-flex;
    align-items: center;
    overflow: hidden;
}

.cinza {
    background: #f0f0f0;
}

.red, .blue, .green, .grey, .white, .yellow {
    width: 25px;
    height: 25px;
    margin: 5px;
}

.red {
    background-color: #ff0000;
    border: 2px solid #5f0000;
}

.blue {
    background-color: #4169E1;
    border: 2px solid #00005f;
}

.green {
    background-color: #009c3b;
    border: 2px solid #005f00;
}

.grey {
    background-color: #474a51;
    border: 2px solid #343434;
}

.yellow {
    background-color: #f4dc00;
    border: 2px solid #7b7000;
}

.white {
    background-color: #f4f4f4;
    border: 2px solid #bebebe;
}

.r5:checked:after {
    width: 25px;
    height: 25px;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    background-color: #ffffff;
    border: 2px solid #5f5f5f;
}