/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]: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: 100%;
    color: #fff;
    font-size: 1.3vw;
    line-height: 1;
}

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

  -webkit-transition: .2s;
  transition: .2s;
}
/* Unchecked styles */
[type="checkbox"]:not(:checked) + label:before {
    top: 0.1vw;
    width: 1vw;
    height: 1vw;
    border: 0.1vw solid #fb337e;
    z-index: 0;
    border-radius: 4vw;
}
[type="checkbox"]:not(:checked) + label:after {
    top: 0.1vw;
    width: 1vw;
    height: 1vw;
    border: 0.1vw solid #fb337e;
    z-index: 0;
    border-radius: 4vw;
}
/* Checked styles */
[type="checkbox"]:checked + label:before {
    top: 0.3vw;
    width: 0.2vw;
    height: 0.6vw;
    right: 0.1vw;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 0.15vw solid #fff;
    border-bottom: 0.15vw solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 38% 0;
    transform-origin: 38% 0;
}
[type="checkbox"]:checked + label:after {
    top: 0.1vw;
    width: 1vw;
    height: 1vw;
    border: 0.1vw solid #fb337e;
    z-index: 0;
    border-radius: 4vw;
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]: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="checkbox"]:disabled + label {
  color: #555;
}
[type="checkbox"]:disabled:not(:checked) + label:hover:before {
  border-color: #002f32;
}
.formbox input[type=checkbox] {
    width: auto;
    border: 1px solid #fff;
    margin: 8.2% -6% 0 0;
    padding: 2% 0;
    outline: none;
    display: none;
    cursor: pointer;
    float: right;
}
@media screen and (max-width: 1000px) {
   [type="checkbox"]:checked + label:before {
      top: 1.6vw;
      width: 0.4vw;
      height: 0.6vw;
      border-top: 1px solid transparent;
      border-left: 1px solid transparent;
      border-right: 0.5vw solid #fff;
      border-bottom: 0.5vw solid #fff;
      -webkit-transform: rotateZ(37deg);
      transform: rotateZ(37deg);
      -webkit-transform-origin: 38% 0;
      transform-origin: 38% 0;
      right: 0.2vw;
  }
   [type="checkbox"]:checked + label:before {
      width: 0.8vw;
      height: 1.8vw;
   }
   [type="checkbox"]:checked + label:after {
      top: 1vw;
      width: 2.5vw;
      height: 2.5vw;
      border-radius: 12vw;
      border: 0.6vw solid #fb337e;
   }
   [type="checkbox"]:not(:checked) + label:before {
      top: 1vw;
      width: 2.5vw;
      height: 2.5vw;
      border-radius: 12vw;
      border: 0.6vw solid #fb337e;
   }
   .chk ul.radioes {
       padding-right: 20px;
   }
   [type="checkbox"]: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="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
      position: relative;
      overflow: hidden;
      padding-right: 4.5vw;
      text-align: right;
      cursor: pointer;
      display: inline-block;
      /* height: 25px; */
      line-height: 6vw;
      -webkit-user-select: none;
      -moz-user-select: none;
      -khtml-user-select: none;
      -ms-user-select: none;
      width: 100%;
      /* color: #002f32; */
      font-size: 4vw;
   }
   [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
        border: 0.6vw solid #fb337e;
    }
}