/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700&subset=cyrillic');*/
.hiddenElement{
  display:none;  
}

label{
  width:50px;
  height:25px;
  box-sizing:border-box;
  border:1px solid;
  float:left;
  border-radius:50px;
  position:relative;
  cursor:pointer;
  transition:.15s ease;
}
input[type=checkbox]:checked + label{
  background:#55e868;
}
input[type=checkbox]:checked + label:before{
  left:25px;
}
label:before{
  transition:.15s ease;
  content:'';
  width:20px;
  height:20px;
  position:absolute;
  background:white;
  left:1px;
  top:1px;
  box-sizing:border-box;
  border:1px solid;
  color:black;
  border-radius:50px;
}