input[type=checkbox],
  input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  width: .24rem;
  height: .24rem;
  margin: 0;
  cursor: pointer;
  vertical-align: bottom;
  background: #fff;
  border: 1px solid #0A79C3;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  }
  input[type=checkbox]:active,
  input[type=radio]:active {
  border-color: #0A79C3;
  background: #ebebeb;
  }
  input[type=checkbox]:hover {
  border-color: #0A79C3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
  }
  input[type=radio] {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  width: .24rem;
  height: .24rem;
  }
  input[type=checkbox]:checked,
  input[type=radio]:checked {
  background: #fff;
  }
  input[type=radio]:checked::after {
  content: '';
  display: block;
  position: relative;
  top: 13px;
  left: 3px;
  width: .1rem;
  height: .1rem;
  background: #666;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  }
  input[type=checkbox]:checked::after {
  content: url(../images/checkmark.png);
  display: block;
  position: absolute;
  top:-.2rem;
  left: -.2rem;
  }
  input[type=checkbox]:focus {
  outline: none;
  border-color:#0A79C3;
  }



  @media screen and (min-width:768px){ 
  .lod .check{ margin-top:.2rem; }
  .lodbox input[type=checkbox]:checked::after {
    top: -.02rem;
    left: -.04rem;
  }
}