.switch-checkbox {
  display: none!important;
}

.switch-checkbox + label {
  display: inline-block!important;
  position: relative!important;
  width: 50px!important;
  height: 20px!important;
  background: -webkit-linear-gradient(left, #fd1a15 0, #fc8b34 45%, #7fd03e 55%, #007177 100%) 0 0!important;
  background: linear-gradient(to right, #fd1a15 0, #fc8b34 45%, #7fd03e 55%, #007177 100%) 0 0!important;
  background-size: 130px 100%!important;
  border-radius: 14px!important;
  padding: 3px!important;
  cursor: pointer!important;
  -webkit-transition: all 500ms ease!important;
  transition: all 500ms ease!important;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2) inset!important;
  box-sizing: inherit!important;
}

.switch-checkbox + label:before {
  content: " "!important;
  width: 16px!important;
  height: 16px!important;
  position: absolute!important;
  left: 3px!important;
  top: 2px!important;
  border-radius: 100%!important;
  background: #fff!important;
  text-align: center!important;
  line-height: 116px!important;
  font-family: "Cabin", sans-serif!important;
  font-size: 7px!important;
  font-weight: bold!important;
  color: #fd1a15!important;
  letter-spacing: 3px!important;
  text-transform: uppercase!important;
  -webkit-transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease!important;
  transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease!important;
  transition: left 500ms ease, color 500ms ease, transform 150ms ease!important;
  transition: left 500ms ease, color 500ms ease, transform 150ms ease, -webkit-transform 150ms ease!important;
}

.switch-checkbox + label:active:before {
  -webkit-transform: scale(0.95)!important;
          transform: scale(0.95)!important;
}

.switch-checkbox:checked + label {
  background-position-x: -70px!important;
}
.switch-checkbox:checked + label:before {
  content: " "!important;
  color: #007177!important;
  left: 31px!important;
}