.radio{

  input[type="radio"] {
      display:none;
  }
  input[type="radio"] + label {
      color: $colorFont;
      font-family:$fontDefault;
      font-size:1.4rem;
      font-weight:normal;
      cursor:pointer;
      padding:0.5rem 0;
  }
  input[type="radio"] + label span {
      display:inline-block;
      width:1.3rem;
      height:1.3rem;
      margin:-0.1rem 0.4rem 0 0;
      vertical-align:middle;
      cursor:pointer;
      -moz-border-radius:  50%;
      border-radius:  50%;
      margin-right: 1rem;

  }

  input[type="radio"] + label span {
       background-color:#fff;
       border:solid 0.1rem $colorMainDarken;
  }

  input[type="radio"]:checked + label span{
       background-color:$colorMainDarken;
  }

  input[type="radio"] + label span,
  input[type="radio"]:checked + label span {
    -webkit-transition:background-color 0.2s linear;
    -o-transition:background-color 0.2s linear;
    -moz-transition:background-color 0.2s linear;
    transition:background-color 0.2s linear;
  }
}
