/* Remove default radio */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    position: relative;
    /* overflow: hidden; */
    vertical-align: super;
    padding-right: 1.5vw;
    text-align: right;
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    width: 18%;
    color: #000;
    font-size: 1.3vw;
}

/* radio aspect */
[type="radio"] + label:before,
[type="radio"] + label:after {
  content: '';
  position: absolute;
  right: 0;
  z-index: 1;

  -webkit-transition: .2s;
  transition: .2s;
}
/* Unchecked styles */
[type="radio"]:not(:checked) + label:before {
    top: 0.4vw;
    width: 1vw;
    height: 1vw;
    border: 0.1vw solid #000000;
    z-index: 0;
    border-radius: 4vw;
}
[type="radio"]:not(:checked) + label:after {
    top: 0.4vw;
    width: 1vw;
    height: 1vw;
    border: 0.1vw solid #000000;
    z-index: 0;
    border-radius: 4vw;
    opacity: 0;
}
/* Checked styles */
[type="radio"]:checked + label:before {
    top: 0.5vw;
    width: 0.4vw;
    height: 0.8vw;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 0.15vw solid #000000;
    border-bottom: 0.15vw solid #000000;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 38% 0;
    transform-origin: 38% 0;
    right: 0.1vw;
}
[type="radio"]:checked + label:after {
    top: 0.4vw;
    width: 1vw;
    height: 1vw;
    border: 0.1vw solid #000000;
    z-index: 0;
    border-radius: 4vw;
}
/* disabled radio */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  top: 0;
  box-shadow: none;
  background-color: #444;
  width: 13px; height: 13px;
  border: 3px solid #444;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
[type="radio"]:disabled + label {
  color: #555;
}
[type="radio"]:disabled:not(:checked) + label:hover:before {
  border-color: #002f32;
}
.formbox input[type=radio] {
    width: auto;
    border: 1px solid #000000;
    margin: 8.2% -6% 0 0;
    padding: 2% 0;
    outline: none;
    display: none;
    cursor: pointer;
    float: right;
}
@media screen and (max-width: 1000px) {
   [type="radio"]:checked + label:before {
      top: 0.8vw;
      width: 0.4vw;
      height: 0.8vw;
      border-top: 1px solid transparent;
      border-left: 1px solid transparent;
      border-right: 0.5vw solid #000000;
      border-bottom: 0.5vw solid #000000;
      -webkit-transform: rotateZ(37deg);
      transform: rotateZ(37deg);
      -webkit-transform-origin: 38% 0;
      transform-origin: 38% 0;
  }
   [type="radio"]:checked + label:before {
      width: 1.5vw;
      height: 2.3vw;
   }
   [type="radio"]:checked + label:after {
      top: 0.5vw;
      width: 3vw;
      height: 3vw;
      border: 0.3vw solid #000000;
      z-index: 0;
      border-radius: 10vw;
   }
   [type="radio"]:not(:checked) + label:before {
      top: 0.5vw;
      width: 3vw;
      height: 3vw;
      border-radius: 12vw;
      border: 0.3vw solid #000000;
   }
   .chk ul.radioes {
       padding-right: 20px;
   }
   [type="radio"]:not(:checked) + label:after{
      width: 0;
      height: 0;
   }
   ul.radioes {
       width: 15%;
       float: right;
       display: inline-block;
       list-style: none;
       margin-top: 0;
       padding-right: 15px;
   }
   [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
      position: relative;
      overflow: hidden;
      padding-right: 4.5vw;
      top: 1vw;
      text-align: right;
      cursor: pointer;
      display: inline-block;
      /* height: 25px; */
      line-height: 4vw;
      -webkit-user-select: none;
      -moz-user-select: none;
      -khtml-user-select: none;
      -ms-user-select: none;
      width: 24%;
      /* color: #002f32; */
      font-size: 4.5vw;
   }
}