/* radio button */

input[type=radio] {
  
  -webkit-appearance: none;
  
  cursor: pointer;

}

/*input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  margin: 0 7px;
  outline: 7px solid #bdbdbd;
  outline-offset: -7px;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
}
input[type=radio]:checked {
  border-radius: 50% 50% 0% 50%;
  -webkit-animation: active 1s ease forwards;
          animation: active 1s ease forwards;
  outline-offset: -7px;
  outline: 7px solid #bdbdbd;
}

@-webkit-keyframes active {
  25% {
    transform: rotate(45deg) scale(2);
  }
  75% {
    transform: rotate(45deg) scale(1.25);
  }
  50%, 100% {
    transform: rotate(315deg) scale(1);
    outline-color: #2B3984;
  }
}

@keyframes active {
  25% {
    transform: rotate(45deg) scale(2);
  }
  75% {
    transform: rotate(45deg) scale(1.25);
  }
  50%, 100% {
    transform: rotate(315deg) scale(1);
    outline-color: #2B3984;
  }
}*/