[class*='switch-field'] {
  font: 16px/1.3 "Roboto", sans-serif;
	letter-spacing: 1px;
  padding: 40px;
	overflow: hidden;
  cursor: pointer
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
  float: left;
}

.switch-field label {
  display: inline-block;
  min-width: 60px;
  background-color: #f1f1f1;
  color: #2c2c2c;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 14px 30px;
  border: none;
	transition: all 0.2s;

}

.switch-field label:hover {
	cursor: pointer;
	background-color: #e4e4e4;
	color: #2b6ff6
}

.switch-field input:checked + label {
  background-color: #2b6ff6;
	color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.switch-field label:first-of-type {
  border-radius: 40px 0 0 40px;
}

.switch-field label:last-of-type {
  border-radius: 0 40px 40px 0;
}

/* COLOR */

.switch-field-color input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field-color label {
  float: left;
}

.switch-field-color label {
  display: inline-block;
  min-width: 60px;
  background-color: #e4e4e4;
  color: #2c2c2c;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 14px 30px;
  border: none;
	transition: all .2s;

}

.switch-field-color label:hover {
	cursor: pointer;
	background-color: #f9f9f9;
	color: #2b6ff6
}

.switch-field-color input:checked + label {
  background-color: #2b6ff6;
	color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.switch-field-color label:first-of-type {
  border-radius: 40px 0 0 40px;
}

.switch-field-color label:last-of-type {
  border-radius: 0 40px 40px 0;
}

.switch-field-color input:checked + label:nth-child(5) {
	background-color: #fdc003
}


.switch-field-color input:checked + label:nth-child(7) {
	background-color: #ff234c
}