.switch {
  position: relative;
  display: block;
  vertical-align: top;
  width: 100px;
  height: 30px;
  padding: 3px;
  margin: 0 10px 10px 0;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  box-sizing: content-box;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  box-sizing: content-box;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  box-sizing: content-box;
}

.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  box-sizing: content-box;
}
.switch-label2 {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  box-sizing: content-box;
}

.switch-label2:before, .switch-label2:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  box-sizing: content-box;
}

.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaaaaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-label2:before {
  content: attr(data-off);
  right: 11px;
  color: #00759c;
      /*#f58025;*/
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label2:after {
  content: attr(data-on);
  left: 11px;
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.switch-input:checked ~ .switch-label {
  background: #E1B42B;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label2 {
  background: #00759c;
      /*#f58025;*/
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}

.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-input:checked ~ .switch-label2:before {
  opacity: 0;
}

.switch-input:checked ~ .switch-label2:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle2 {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-handle2:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-input:checked ~ .switch-handle {
  left: 74px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-handle2 {
  se;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}
.switch-label2, .switch-handle2 {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}


/* Switch Flat
==========================*/
.switch-flat {
  padding: 0;
  background: #FFF;
  background-image: none;
}

.switch-flat .switch-label {
  background: #FFF;
  border: solid 2px #eceeef;
  box-shadow: none;
}

.switch-flat .switch-label2 {
  background: #FFF;
  border: solid 2px #00759c;
   /*#f58025;*/
  box-shadow: none;
}

.switch-flat .switch-label:after {
  color: #00759c;
  /*#0088cc;*/
}
.switch-flat .switch-label2:after {
  color: #00759c;
  /*#0088cc;*/
}

.switch-flat .switch-handle {
  top: 6px;
  left: 6px;
  background: #dadada;
  width: 22px;
  height: 22px;
  box-shadow: none;
}

.switch-flat .switch-handle:before {
  background: #eceeef;
}

.switch-flat .switch-handle2 {
  top: 6px;
  left: 6px;
  background: #00759c;
  /*#f58025;*/
  width: 22px;
  height: 22px;
  box-shadow: none;
}

.switch-flat .switch-handle2:before {
  background: #eceeef;
}

.switch-flat .switch-input:checked ~ .switch-label {
  background: #FFF;
  border-color: #00759c;
  /*#0088cc;*/
}
.switch-flat .switch-input:checked ~ .switch-label2 {
  background: #FFF;
  border-color: #00759c;
  /*#0088cc;*/
}

.switch-flat .switch-input:checked ~ .switch-handle {
  left: 72px;
  background: #00759c;
  /*#0088cc;*/
  box-shadow: none;
}
.switch-flat .switch-input:checked ~ .switch-handle2 {
  /*left: 72px;*/ /*ROSA*/
  left:80%;
  background: #00759c;
  /*#0088cc;*/
  box-shadow: none;
}

/**seggmented controls*/

.segmented-control {

  /*Controls the color of the non-selected elements*/
  background-color: white;

  position: relative;
  display: inline-block;
  border: 1px solid #ccc;

;
  background: #00759c;
  /*#0088cc;*/
  box-shadow: none;
}

/**seggmented controls*/

.segmented-control {

  /*Controls the color of the non-selected elements*/
  background-color: white;

  position: relative;
  display: inline-block;
  border: 1px solid #ccc;

  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  overflow: hidden;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition-property: none;
  -o-transition-property: none;
  -webkit-transition-property: none;
  transition-property: none;
  -webkit-tap-highlight-color: transparent; }

  .segmented-control > input {
    position: absolute;
    left: -10000px;
    opacity: 0; }

    .segmented-control > input[type='checkbox'] ~ label {
      -moz-transition-duration: 0s;
      -o-transition-duration: 0s;
      -webkit-transition-duration: 0s;
      transition-duration: 0s; }

      .segmented-control > input[type='checkbox'] ~ label:before {
        opacity: 0; }

    .segmented-control > input:disabled:nth-child(1) ~ label:nth-of-type(1) {
      opacity: 0.3;
      cursor: not-allowed;
    }

    .segmented-control > input:nth-child(1):checked ~ label:nth-of-type(1):after, .segmented-control > input:nth-child(1):checked ~ label:nth-of-type(1):before {
      opacity: 1;
    }

    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }

    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }

    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }

    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(4):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(4):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }

    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(5):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(5):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
     .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
      .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(7):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(7):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
  .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(8):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(8):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(9):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(9):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(10):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(10):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(11):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(11):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
     .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
    }
    .segmented-control > input:disabled:nth-child(2) ~ label:nth-of-type(2) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(2):checked ~ label:nth-of-type(2):after, .segmented-control > input:nth-child(2):checked ~ label:nth-of-type(2):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(5):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(5):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
     .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
      .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(7):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(7):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
  .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(8):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(8):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(9):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(9):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(10):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(10):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(11):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(11):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
     .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    .segmented-control > input:disabled:nth-child(3) ~ label:nth-of-type(3) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(3):checked ~ label:nth-of-type(3):after, .segmented-control > input:nth-child(3):checked ~ label:nth-of-type(3):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(5):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(5):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(7):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(7):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
      .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(8):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(8):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(9):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(9):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(10):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(10):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(11):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(11):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
     .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
    }
    .segmented-control > input:disabled:nth-child(4) ~ label:nth-of-type(4) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(4):checked ~ label:nth-of-type(4):after, .segmented-control > input:nth-child(4):checked ~ label:nth-of-type(4):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(4):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(4):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
    .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(5):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(5):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
     .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
      .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(7):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(7):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
       .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(8):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(8):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
    .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(9):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(9):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
    .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(10):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(10):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
    .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(11):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(11):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
    .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
    .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
    .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
    .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
     .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(4):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(300%);
      -ms-transform: translateX(300%);
      -webkit-transform: translateX(300%);
      transform: translateX(300%);
    }
    .segmented-control > input:disabled:nth-child(5) ~ label:nth-of-type(5) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(5):checked ~ label:nth-of-type(5):after, .segmented-control > input:nth-child(5):checked ~ label:nth-of-type(5):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(5):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(5):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(5) ~ label:before {
      -moz-transform: translateX(400%); 
      -ms-transform: translateX(400%); 
      -webkit-transform: translateX(400%); 
      transform: translateX(400%);
    }
     .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
      -moz-transform: translateX(400%);
      -ms-transform: translateX(400%);
      -webkit-transform: translateX(400%);
      transform: translateX(400%);
    }
      .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(7):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(7):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:before {
      -moz-transform: translateX(400%);
      -ms-transform: translateX(400%);
      -webkit-transform: translateX(400%);
      transform: translateX(400%);
    }
       .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(8):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(8):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:before {
      -moz-transform: translateX(400%);
      -ms-transform: translateX(400%);
      -webkit-transform: translateX(400%);
      transform: translateX(400%);
    }
    .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(9):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(9):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:before {
      -moz-transform: translateX(400%);
      -ms-transform: translateX(400%);
      -webkit-transform: translateX(400%);
      transform: translateX(400%);
    }

    .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(10):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(10):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:before {
      -moz-transform: translateX(400%);
      -ms-transform: translateX(400%);
      -webkit-transform: translateX(400%);
      transform: translateX(400%);
    }
    .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(11):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(11):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:before {
      -moz-transform: translateX(400%);
      -ms-transform: translateX(400%);
      -webkit-transform: translateX(400%);
      transform: translateX(400%);
    }
    .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
      -moz-transform: translateX(400%);
      -ms-transform: translateX(400%);
      -webkit-transform: translateX(400%);
      transform: translateX(400%);
    }
    .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(400%);
      -ms-transform: translateX(400%);
      -webkit-transform: translateX(400%);
      transform: translateX(400%);
    }
    .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(400%);
      -ms-transform: translateX(400%);
      -webkit-transform: translateX(400%);
      transform: translateX(400%);
    }
    .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(400%);
      -ms-transform: translateX(400%);
      -webkit-transform: translateX(400%);
      transform: translateX(400%);
    }
     .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(5):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(400%);
      -ms-transform: translateX(400%);
      -webkit-transform: translateX(400%);
      transform: translateX(400%);
    }
.segmented-control > input:disabled:nth-child(6) ~ label:nth-of-type(6) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(6):checked ~ label:nth-of-type(6):after, .segmented-control > input:nth-child(6):checked ~ label:nth-of-type(6):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(6):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(6):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(6) ~ label:before {
      -moz-transform: translateX(500%);
      -ms-transform: translateX(500%);
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
    }
     .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(7):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(7):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:before {
      -moz-transform: translateX(500%);
      -ms-transform: translateX(500%);
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
    }
      .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(8):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(8):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:before {
      -moz-transform: translateX(500%);
      -ms-transform: translateX(500%);
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
    }
    .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(9):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(9):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:before {
     -moz-transform: translateX(500%);
      -ms-transform: translateX(500%);
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
    }
    .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(10):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(10):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:before {
      -moz-transform: translateX(500%);
      -ms-transform: translateX(500%);
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
    }
    .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(11):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(11):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:before {
      -moz-transform: translateX(500%);
      -ms-transform: translateX(500%);
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
    }
    .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
      -moz-transform: translateX(500%);
      -ms-transform: translateX(500%);
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
    }
    .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(500%);
      -ms-transform: translateX(500%);
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
    }
    .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
     -moz-transform: translateX(500%);
      -ms-transform: translateX(500%);
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
    }
    .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(500%);
      -ms-transform: translateX(500%);
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
    }
     .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(6):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(500%);
      -ms-transform: translateX(500%);
      -webkit-transform: translateX(500%);
      transform: translateX(500%);
    }
.segmented-control > input:disabled:nth-child(7) ~ label:nth-of-type(7) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(7):checked ~ label:nth-of-type(7):after, .segmented-control > input:nth-child(7):checked ~ label:nth-of-type(7):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(7):after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(7):before, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(7) ~ label:before {
      -moz-transform: translateX(600%);
      -ms-transform: translateX(600%);
      -webkit-transform: translateX(600%);
      transform: translateX(600%);
    }
    .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(8):after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(8):before, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:before {
      -moz-transform: translateX(600%);
      -ms-transform: translateX(600%);
      -webkit-transform: translateX(600%);
      transform: translateX(600%);
    }
    .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(9):after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(9):before, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:before {
      -moz-transform: translateX(600%);
      -ms-transform: translateX(600%);
      -webkit-transform: translateX(600%);
      transform: translateX(600%);
    }
    .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(10):after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(10):before, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:before {
      -moz-transform: translateX(600%);
      -ms-transform: translateX(600%);
      -webkit-transform: translateX(600%);
      transform: translateX(600%);
    }
    .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(11):after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(11):before, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:before {
      -moz-transform: translateX(600%);
      -ms-transform: translateX(600%);
      -webkit-transform: translateX(600%);
      transform: translateX(600%);
    }
    .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
      -moz-transform: translateX(600%);
      -ms-transform: translateX(600%);
      -webkit-transform: translateX(600%);
      transform: translateX(600%);
    }
    .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(600%);
      -ms-transform: translateX(600%);
      -webkit-transform: translateX(600%);
      transform: translateX(600%);
    }
    .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(600%);
      -ms-transform: translateX(600%);
      -webkit-transform: translateX(600%);
      transform: translateX(600%);
    }
    .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(600%);
      -ms-transform: translateX(600%);
      -webkit-transform: translateX(600%);
      transform: translateX(600%);
    }
     .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(7):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(600%);
      -ms-transform: translateX(600%);
      -webkit-transform: translateX(600%);
      transform: translateX(600%);
    }

     .segmented-control > input:disabled:nth-child(8) ~ label:nth-of-type(8) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(8):checked ~ label:nth-of-type(8):after, .segmented-control > input:nth-child(8):checked ~ label:nth-of-type(8):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(8):after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(8):before, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(8) ~ label:before {
      -moz-transform: translateX(700%);
      -ms-transform: translateX(700%);
      -webkit-transform: translateX(700%);
      transform: translateX(700%);
    }
    .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(9):after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(9):before, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:before {
      -moz-transform: translateX(700%);
      -ms-transform: translateX(700%);
      -webkit-transform: translateX(700%);
      transform: translateX(700%);
    }
    .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(10):after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(10):before, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:before {
      -moz-transform: translateX(700%);
      -ms-transform: translateX(700%);
      -webkit-transform: translateX(700%);
      transform: translateX(700%);
    }
  
    .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(11):after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(11):before, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:before {
      -moz-transform: translateX(700%);
      -ms-transform: translateX(700%);
      -webkit-transform: translateX(700%);
      transform: translateX(700%);
    }
    .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
      -moz-transform: translateX(700%);
      -ms-transform: translateX(700%);
      -webkit-transform: translateX(700%);
      transform: translateX(700%);
    }
    .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(700%);
      -ms-transform: translateX(700%);
      -webkit-transform: translateX(700%);
      transform: translateX(700%);
    }
    .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(700%);
      -ms-transform: translateX(700%);
      -webkit-transform: translateX(700%);
      transform: translateX(700%);
    }
    .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(700%);
      -ms-transform: translateX(700%);
      -webkit-transform: translateX(700%);
      transform: translateX(700%);
    }
     .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(8):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(700%);
      -ms-transform: translateX(700%);
      -webkit-transform: translateX(700%);
      transform: translateX(700%);
    }

 .segmented-control > input:disabled:nth-child(9) ~ label:nth-of-type(9) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(9):checked ~ label:nth-of-type(9):after, .segmented-control > input:nth-child(9):checked ~ label:nth-of-type(9):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(9):after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(9):before, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(9) ~ label:before {
      -moz-transform: translateX(800%);
      -ms-transform: translateX(800%);
      -webkit-transform: translateX(800%);
      transform: translateX(800%);
    }
    .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(10):after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(10):before, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:before {
      -moz-transform: translateX(800%);
      -ms-transform: translateX(800%);
      -webkit-transform: translateX(800%);
      transform: translateX(800%);
    }
  
    .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(11):after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(11):before, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:before {
      -moz-transform: translateX(800%);
      -ms-transform: translateX(800%);
      -webkit-transform: translateX(800%);
      transform: translateX(800%);
    }
    .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
      -moz-transform: translateX(800%);
      -ms-transform: translateX(800%);
      -webkit-transform: translateX(800%);
      transform: translateX(800%);
    }
    .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(800%);
      -ms-transform: translateX(800%);
      -webkit-transform: translateX(800%);
      transform: translateX(800%);
    }
    .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(800%);
      -ms-transform: translateX(800%);
      -webkit-transform: translateX(800%);
      transform: translateX(800%);
    }
    .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(800%);
      -ms-transform: translateX(800%);
      -webkit-transform: translateX(800%);
      transform: translateX(800%);
    }
     .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(9):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(800%);
      -ms-transform: translateX(800%);
      -webkit-transform: translateX(800%);
      transform: translateX(800%);
    }
.segmented-control > input:disabled:nth-child(10) ~ label:nth-of-type(10) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(10):checked ~ label:nth-of-type(10):after, .segmented-control > input:nth-child(10):checked ~ label:nth-of-type(10):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(10):after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(10):before, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(10) ~ label:before {
      -moz-transform: translateX(900%);
      -ms-transform: translateX(900%);
      -webkit-transform: translateX(900%);
      transform: translateX(900%);
    }
    .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(11):after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(11):before, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:before {
       -moz-transform: translateX(900%);
      -ms-transform: translateX(900%);
      -webkit-transform: translateX(900%);
      transform: translateX(900%);
    }
    .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
       -moz-transform: translateX(900%);
      -ms-transform: translateX(900%);
      -webkit-transform: translateX(900%);
      transform: translateX(900%);
    }
    .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
       -moz-transform: translateX(900%);
      -ms-transform: translateX(900%);
      -webkit-transform: translateX(900%);
      transform: translateX(900%);
    }
    .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
       -moz-transform: translateX(900%);
      -ms-transform: translateX(900%);
      -webkit-transform: translateX(900%);
      transform: translateX(900%);
    }
    .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
       -moz-transform: translateX(900%);
      -ms-transform: translateX(900%);
      -webkit-transform: translateX(900%);
      transform: translateX(900%);
    }
     .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(10):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(900%);
      -ms-transform: translateX(900%);
      -webkit-transform: translateX(900%);
      transform: translateX(900%);
    }
     .segmented-control > input:disabled:nth-child(11) ~ label:nth-of-type(11) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(11):checked ~ label:nth-of-type(11):after, .segmented-control > input:nth-child(11):checked ~ label:nth-of-type(11):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(11):after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(11):before, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(11) ~ label:before {
      -moz-transform: translateX(1000%);
      -ms-transform: translateX(1000%);
      -webkit-transform: translateX(1000%);
      transform: translateX(1000%);
    }
 
    .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
      -moz-transform: translateX(1000%);
      -ms-transform: translateX(1000%);
      -webkit-transform: translateX(1000%);
      transform: translateX(1000%);
    }
    .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(1000%);
      -ms-transform: translateX(1000%);
      -webkit-transform: translateX(1000%);
      transform: translateX(1000%);
    }
    .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(1000%);
      -ms-transform: translateX(1000%);
      -webkit-transform: translateX(1000%);
      transform: translateX(1000%);
    }
    .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(1000%);
      -ms-transform: translateX(1000%);
      -webkit-transform: translateX(1000%);
      transform: translateX(1000%);
    }
     .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(11):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(1000%);
      -ms-transform: translateX(1000%);
      -webkit-transform: translateX(1000%);
      transform: translateX(1000%);
    }
     .segmented-control > input:disabled:nth-child(12) ~ label:nth-of-type(12) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(12):checked ~ label:nth-of-type(12):after, .segmented-control > input:nth-child(12):checked ~ label:nth-of-type(12):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(12):after, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(12):before, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(12) ~ label:before {
      -moz-transform: translateX(1100%);
      -ms-transform: translateX(1100%);
      -webkit-transform: translateX(1100%);
      transform: translateX(1100%);
    }
    .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(1100%);
      -ms-transform: translateX(1100%);
      -webkit-transform: translateX(1100%);
      transform: translateX(1100%);
    }
    .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(1100%);
      -ms-transform: translateX(1100%);
      -webkit-transform: translateX(1100%);
      transform: translateX(1100%);
    }
    .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(1100%);
      -ms-transform: translateX(1100%);
      -webkit-transform: translateX(1100%);
      transform: translateX(1100%);
    }
     .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(12):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(1100%);
      -ms-transform: translateX(1100%);
      -webkit-transform: translateX(1100%);
      transform: translateX(1100%);
    }

     .segmented-control > input:disabled:nth-child(13) ~ label:nth-of-type(13) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(13):checked ~ label:nth-of-type(13):after, .segmented-control > input:nth-child(13):checked ~ label:nth-of-type(13):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(13):after, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(13):before, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(13) ~ label:before {
      -moz-transform: translateX(1200%);
      -ms-transform: translateX(1200%);
      -webkit-transform: translateX(1200%);
      transform: translateX(1200%);
    }
    .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(1200%);
      -ms-transform: translateX(1200%);
      -webkit-transform: translateX(1200%);
      transform: translateX(1200%);
    }
    .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(1200%);
      -ms-transform: translateX(1200%);
      -webkit-transform: translateX(1200%);
      transform: translateX(1200%);
    }
     .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(13):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(1200%);
      -ms-transform: translateX(1200%);
      -webkit-transform: translateX(1200%);
      transform: translateX(1200%);
    }
     .segmented-control > input:disabled:nth-child(14) ~ label:nth-of-type(14) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(14):checked ~ label:nth-of-type(14):after, .segmented-control > input:nth-child(14):checked ~ label:nth-of-type(14):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(14):after, .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(14):before, .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(14) ~ label:before {
      -moz-transform: translateX(1300%);
      -ms-transform: translateX(1300%);
      -webkit-transform: translateX(1300%);
      transform: translateX(1300%);    
    }   
    .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(1300%);
      -ms-transform: translateX(1300%);
      -webkit-transform: translateX(1300%);
      transform: translateX(1300%);
    }
     .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(14):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(1300%);
      -ms-transform: translateX(1300%);
      -webkit-transform: translateX(1300%);
      transform: translateX(1300%);
    }
       .segmented-control > input:disabled:nth-child(15) ~ label:nth-of-type(15) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(15):checked ~ label:nth-of-type(15):after, .segmented-control > input:nth-child(15):checked ~ label:nth-of-type(15):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(15):checked ~ label:first-of-type:nth-last-of-type(15):after, .segmented-control > input:nth-child(15):checked ~ label:first-of-type:nth-last-of-type(15):before, .segmented-control > input:nth-child(15):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > input:nth-child(15):checked ~ label:first-of-type:nth-last-of-type(15) ~ label:before {
      -moz-transform: translateX(1400%);
      -ms-transform: translateX(1400%);
      -webkit-transform: translateX(1400%);
      transform: translateX(1400%);
    }   
     .segmented-control > input:nth-child(15):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(15):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(15):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(15):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(1400%);
      -ms-transform: translateX(1400%);
      -webkit-transform: translateX(1400%);
      transform: translateX(1400%);
    }
     .segmented-control > input:disabled:nth-child(16) ~ label:nth-of-type(16) {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .segmented-control > input:nth-child(16):checked ~ label:nth-of-type(16):after, .segmented-control > input:nth-child(16):checked ~ label:nth-of-type(16):before {
      opacity: 1;
    }
    .segmented-control > input:nth-child(16):checked ~ label:first-of-type:nth-last-of-type(16):after, .segmented-control > input:nth-child(16):checked ~ label:first-of-type:nth-last-of-type(16):before, .segmented-control > input:nth-child(16):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > input:nth-child(16):checked ~ label:first-of-type:nth-last-of-type(16) ~ label:before {
      -moz-transform: translateX(1500%);
      -ms-transform: translateX(1500%);
      -webkit-transform: translateX(1500%);
      transform: translateX(1500%);    
    }   
   
  .segmented-control > label {
    margin-bottom: 0;
    color: rgb(5, 8, 78);
    display: inline-block;
    padding: 0 .71em;
    cursor: pointer;
    float: left;
    line-height: 3em;
    font-style: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    -moz-transition-property: none;
    -o-transition-property: none;
    -webkit-transition-property: none;
    transition-property: none;
    -moz-transition-duration: inherit;
    -o-transition-duration: inherit;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -moz-transition-timing-function: inherit;
    -o-transition-timing-function: inherit;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit;
  }
    .segmented-control > label:before, .segmented-control > label:after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%); }
    .segmented-control > label:after {
      color: white;
      content: attr(data-value);
      text-align: center;
      padding: inherit;
      z-index: 10;
      font-style: inherit;
      text-decoration: inherit;
      font-weight: inherit;
      opacity: 0;
      -moz-transition-property: opacity, -moz-transform;
      -o-transition-property: opacity, -o-transform;
      -webkit-transition-property: opacity, -webkit-transform;
      transition-property: opacity, transform;
      -moz-transition-duration: inherit;
      -o-transition-duration: inherit;
      -webkit-transition-duration: inherit;
      transition-duration: inherit;
      -moz-transition-timing-function: inherit;
      -o-transition-timing-function: inherit;
      -webkit-transition-timing-function: inherit;
      transition-timing-function: inherit; }
    .segmented-control > label:after, .segmented-control > label {
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .segmented-control > label:before {
      content: '';
      /*Controls the color of the current selection*/
      color: rgba(0, 117, 156, 1);
      background: currentColor;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      -webkit-transition-property: -webkit-transform;
      transition-property: transform;
      -moz-transition-duration: inherit;
      -o-transition-duration: inherit;
      -webkit-transition-duration: inherit;
      transition-duration: inherit;
      -moz-transition-timing-function: inherit;
      -o-transition-timing-function: inherit;
      -webkit-transition-timing-function: inherit;
      transition-timing-function: inherit; }
    .segmented-control > label:first-of-type:nth-last-of-type(1), .segmented-control > label:first-of-type:nth-last-of-type(1):after, .segmented-control > label:first-of-type:nth-last-of-type(1):before, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label:before {
      width: 100%; }
    .segmented-control > label:first-of-type:nth-last-of-type(2), .segmented-control > label:first-of-type:nth-last-of-type(2):after, .segmented-control > label:first-of-type:nth-last-of-type(2):before, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label:before {
      width: 50%; }
    .segmented-control > label:first-of-type:nth-last-of-type(3), .segmented-control > label:first-of-type:nth-last-of-type(3):after, .segmented-control > label:first-of-type:nth-last-of-type(3):before, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label:before {
      width: 33.33333%; }
    .segmented-control > label:first-of-type:nth-last-of-type(4), .segmented-control > label:first-of-type:nth-last-of-type(4):after, .segmented-control > label:first-of-type:nth-last-of-type(4):before, .segmented-control > label:first-of-type:nth-last-of-type(4) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(4) ~ label:before {
      width: 25%; }
    .segmented-control > label:first-of-type:nth-last-of-type(5), .segmented-control > label:first-of-type:nth-last-of-type(5):after, .segmented-control > label:first-of-type:nth-last-of-type(5):before, .segmented-control > label:first-of-type:nth-last-of-type(5) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(5) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(5) ~ label:before {
      width: 20%; }
     .segmented-control > label:first-of-type:nth-last-of-type(6), .segmented-control > label:first-of-type:nth-last-of-type(6):after, .segmented-control > label:first-of-type:nth-last-of-type(6):before, .segmented-control > label:first-of-type:nth-last-of-type(6) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(6) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(6) ~ label:before {
      width: 16.6%; }
      .segmented-control > label:first-of-type:nth-last-of-type(7), .segmented-control > label:first-of-type:nth-last-of-type(7):after, .segmented-control > label:first-of-type:nth-last-of-type(7):before, .segmented-control > label:first-of-type:nth-last-of-type(7) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(7) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(7) ~ label:before {
      width: 14.28%; }
      .segmented-control > label:first-of-type:nth-last-of-type(8), .segmented-control > label:first-of-type:nth-last-of-type(8):after, .segmented-control > label:first-of-type:nth-last-of-type(8):before, .segmented-control > label:first-of-type:nth-last-of-type(8) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(8) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(8) ~ label:before {
      width: 12.5%; }
      .segmented-control > label:first-of-type:nth-last-of-type(9), .segmented-control > label:first-of-type:nth-last-of-type(9):after, .segmented-control > label:first-of-type:nth-last-of-type(9):before, .segmented-control > label:first-of-type:nth-last-of-type(9) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(9) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(9) ~ label:before {
      width: 11.11%; }
      .segmented-control > label:first-of-type:nth-last-of-type(10), .segmented-control > label:first-of-type:nth-last-of-type(10):after, .segmented-control > label:first-of-type:nth-last-of-type(10):before, .segmented-control > label:first-of-type:nth-last-of-type(10) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(10) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(10) ~ label:before {
      width: 10%; }
      .segmented-control > label:first-of-type:nth-last-of-type(11), .segmented-control > label:first-of-type:nth-last-of-type(11):after, .segmented-control > label:first-of-type:nth-last-of-type(11):before, .segmented-control > label:first-of-type:nth-last-of-type(11) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(11) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(11) ~ label:before {
      width: 9.09%; }
      .segmented-control > label:first-of-type:nth-last-of-type(12), .segmented-control > label:first-of-type:nth-last-of-type(12):after, .segmented-control > label:first-of-type:nth-last-of-type(12):before, .segmented-control > label:first-of-type:nth-last-of-type(12) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(12) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(12) ~ label:before {
      width: 8.33%; }
      .segmented-control > label:first-of-type:nth-last-of-type(13), .segmented-control > label:first-of-type:nth-last-of-type(13):after, .segmented-control > label:first-of-type:nth-last-of-type(13):before, .segmented-control > label:first-of-type:nth-last-of-type(13) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(13) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(13) ~ label:before {
      width: 7.69%; }
      .segmented-control > label:first-of-type:nth-last-of-type(14), .segmented-control > label:first-of-type:nth-last-of-type(14):after, .segmented-control > label:first-of-type:nth-last-of-type(14):before, .segmented-control > label:first-of-type:nth-last-of-type(14) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(14) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(14) ~ label:before {
      width: 7.14%; }
      .segmented-control > label:first-of-type:nth-last-of-type(15), .segmented-control > label:first-of-type:nth-last-of-type(15):after, .segmented-control > label:first-of-type:nth-last-of-type(15):before, .segmented-control > label:first-of-type:nth-last-of-type(15) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(15) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(15) ~ label:before {
      width: 6.67%; }
      .segmented-control > label:first-of-type:nth-last-of-type(16), .segmented-control > label:first-of-type:nth-last-of-type(16):after, .segmented-control > label:first-of-type:nth-last-of-type(16):before, .segmented-control > label:first-of-type:nth-last-of-type(16) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(16) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(16) ~ label:before {
      width: 6.25%; }
  .segmented-control.italic, .segmented-control .italic {
    font-style: italic; }
  .segmented-control.bold, .segmented-control .bold {
    font-weight: bold; }
  .segmented-control.underline, .segmented-control .underline {
    text-decoration: underline; }
  .segmented-control.line-through, .segmented-control .line-through {
    text-decoration: line-through; }

#result22{
    margin-left: 40%;
    height: 40px;
    width: 120px;
    margin-bottom: 20px;
    padding-top: 10px;
    text-align: center;
    color: black;
}
#btn333{ 
     margin-left: 40%; 
     height: 40px; 
    width: 120px; 
    background-color: cornflowerblue; 
     color: white; 
    text-align: center; 
    padding-top: 20px; 
   cursor: pointer; 
     display: none; 
 } 

/*.sc1{
    width: 80%;
}*/
/*.segmented-control:nth-child( n + 10) ~ label{
   width: 100%;
}*/


/*# sourceMappingURL=Togg.css.map */