button,
input,
optgroup,
select,
textarea {
    color:inherit;
    font:inherit;
    margin:0;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-font-smoothing:inherit;
    border:none;
    background:transparent;
    line-height:normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}

.input-checkbox,
.input-radio {
    width:32px;
    height:32px;
    background: white;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    position:relative;
    cursor:pointer;
    vertical-align:-4px;
}

.input-checkbox:after,
.input-radio:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:scale(0.2);
    transform:scale(0.2);
    -webkit-transition:all 0.2s ease-in-out 0.1s;
    transition:all 0.2s ease-in-out 0.1s;
    opacity:0
}

.input-checkbox:checked:after,
.input-radio:checked:after {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}

.input-radio {
    border-radius:50%
}
.input-radio:after {
    width:20px;
    height:20px;
    margin-left:-10px;
    margin-top:-10px;
    background-color:#D7176F;
    border-radius:50%
}

@media (max-width: 1439px) {
    .input-checkbox,
    .input-radio {
        width:18px;
        height:18px;
    }

    .input-radio:after {
        width:10px;
        height:10px;
        margin-left:-5px;
        margin-top:-5px;
    }
}