/* 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.2vw;
    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: 73%;
    color: #000000;
    font-size: 0.9vw;
    line-height: 1;
    font-family: 'almoni_tzar_aaaregular';
}

/* 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 #000000;
    z-index: 0;
    border-radius: 4vw;
}
[type="checkbox"]:not(:checked) + label:after {
    top: -0.1vw;
    width: 1vw;
    height: 1vw;
    border: 0.1vw solid #000000;
    z-index: 0;
    border-radius: 4vw;
    opacity: 0;
}
/* Checked styles */
[type="checkbox"]:checked + label:before {
    top: 0vw;
    width: 0.4vw;
    height: 0.8vw;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 0.15vw solid #000;
    border-bottom: 0.15vw solid #000;
    -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 #000000;
    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 #000000;
    margin: 8.2% -6% 0 0;
    padding: 2% 0;
    outline: none;
    display: none;
    cursor: pointer;
    float: right;
    opacity: 0;
}
@media screen and (max-width: 1000px) {
   [type="checkbox"]:checked + label:before {
      top: 0.6vw;
      width: 0.4vw;
      height: 0.6vw;
      border-top: 1px solid transparent;
      border-left: 1px solid transparent;
      border-right: 0.5vw solid #000;
      border-bottom: 0.5vw solid #000;
      -webkit-transform: rotateZ(37deg);
      transform: rotateZ(37deg);
      -webkit-transform-origin: 38% 0;
      transform-origin: 38% 0;
  }
   [type="checkbox"]:checked + label:before {
      width: 1.5vw;
      height: 2.3vw;
   }
   [type="checkbox"]:checked + label:after {
      top: 0.5vw;
      width: 3vw;
      height: 3vw;
      border: 0.3vw solid #000000;
      z-index: 0;
      border-radius: 10vw;
   }
   [type="checkbox"]:not(:checked) + label:before {
      top: 0.1vw;
      width: 3vw;
      height: 3vw;
      border-radius: 12vw;
      border: 0.3vw solid #000000;
   }
   .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: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        width: 100%;
        /* color: #002f32; */
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 0;
   }
}