#myTestBody .radio.fields.wrapper {
  display: center;
}
#myTestBody .radio.fields.wrapper .radio.fields {
  display: inline-block;
  text-align: left;
  padding: 1em 0;
}
#myTestBody .radio.fields.wrapper .radio.fields .field {
  padding: .5em 0;
}
#myTestBody input[name=email] {
  min-width: 20em;
}
#myTest start p big,
#myTestMusic start p big,
#myTestBody start p big {
  color: #bb1c4c;
}
#myTest .noUi-target,
#myTestMusic .noUi-target,
#myTestBody .noUi-target {
  box-shadow: none !important;
  border: none !important;
  border-radius: 5px;
  background-color: #eee !important;
  height: 40px;
}
#myTest .noUi-background,
#myTestMusic .noUi-background,
#myTestBody .noUi-background {
  background: none;
}
#myTest .noUi-base,
#myTestMusic .noUi-base,
#myTestBody .noUi-base {
  background: #eee;
}
#myTest .noUi-handle,
#myTestMusic .noUi-handle,
#myTestBody .noUi-handle {
  background-color: darkblue !important;
  border: 1px solid darkblue;
  box-shadow: none !important;
  cursor: pointer;
  opacity: .3;
  top: 0.35em;
}
#myTest h3,
#myTestMusic h3,
#myTestBody h3 {
  margin-top: 3em;
}
#myTest .answer,
#myTestMusic .answer,
#myTestBody .answer {
  width: 100%;
}
#myTest .answer .desc,
#myTestMusic .answer .desc,
#myTestBody .answer .desc {
  font-size: 150%;
  text-align: center;
  width: 10em;
}
#myTest .answer .left,
#myTestMusic .answer .left,
#myTestBody .answer .left,
#myTest .answer .right,
#myTestMusic .answer .right,
#myTestBody .answer .right {
  width: 1%;
}
#myTest .answer .left,
#myTestMusic .answer .left,
#myTestBody .answer .left {
  padding-right: 1em;
}
#myTest .answer .right,
#myTestMusic .answer .right,
#myTestBody .answer .right {
  padding-left: 1em;
}
#myTest .answer .slider,
#myTestMusic .answer .slider,
#myTestBody .answer .slider {
  padding: 0 22px;
}
#myTest item[name=body] .desc,
#myTestMusic item[name=body] .desc,
#myTestBody item[name=body] .desc {
  width: 4em;
}
#myTest item[name=polgame] h2,
#myTestMusic item[name=polgame] h2,
#myTestBody item[name=polgame] h2,
#myTest item[name=polgame] .desc,
#myTestMusic item[name=polgame] .desc,
#myTestBody item[name=polgame] .desc {
  font-size: 110%;
}
#myTest table,
#myTestMusic table,
#myTestBody table {
  margin-top: 2em;
}
#myTest form,
#myTestMusic form,
#myTestBody form {
  display: none;
}
#myTest item,
#myTestMusic item,
#myTestBody item {
  text-align: center;
  transform: translateX(0.3em);
  opacity: 1;
  animation: eff .4s;
}
#myTest item label,
#myTestMusic item label,
#myTestBody item label {
  font-size: 150%;
}
#myTest item[name=sex_wish] .centerer,
#myTestMusic item[name=sex_wish] .centerer,
#myTestBody item[name=sex_wish] .centerer {
  text-align: center;
}
#myTest item[name=sex_wish] .centerer .centerer2,
#myTestMusic item[name=sex_wish] .centerer .centerer2,
#myTestBody item[name=sex_wish] .centerer .centerer2 {
  display: inline-block;
}
#myTest item[name=sex_wish] .centerer .centerer2 .field,
#myTestMusic item[name=sex_wish] .centerer .centerer2 .field,
#myTestBody item[name=sex_wish] .centerer .centerer2 .field {
  text-align: left;
}
#myTest ._next,
#myTestMusic ._next,
#myTestBody ._next {
  display: block;
  margin: 3em auto 0;
}
#myTest .buttons,
#myTestMusic .buttons,
#myTestBody .buttons {
  margin: 3em auto 0;
}
#myTest .buttons button,
#myTestMusic .buttons button,
#myTestBody .buttons button {
  display: inline-block;
  margin: 0;
}
#myTest done,
#myTestMusic done,
#myTestBody done {
  display: none;
}
#myTest start,
#myTestMusic start,
#myTestBody start,
#myTest done,
#myTestMusic done,
#myTestBody done {
  text-align: center;
}
#myTest start img,
#myTestMusic start img,
#myTestBody start img {
  width: 10em;
}
#myTest start h2,
#myTestMusic start h2,
#myTestBody start h2 {
  margin-top: 0;
}
#myTest start ._start,
#myTestMusic start ._start,
#myTestBody start ._start {
  display: block;
  margin: auto;
}
#myTest a.button,
#myTestMusic a.button,
#myTestBody a.button {
  display: inline-block;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  #myTest > .container,
  #myTestMusic > .container,
  #myTestBody > .container {
    padding-left: 0;
    padding-right: 0;
  }
  #myTest item td,
  #myTestMusic item td,
  #myTestBody item td {
    display: block;
    width: 100% !important;
  }
  #myTest item td.left,
  #myTestMusic item td.left,
  #myTestBody item td.left,
  #myTest item td.right,
  #myTestMusic item td.right,
  #myTestBody item td.right {
    padding: 0 .66em;
  }
  #myTest item td.left,
  #myTestMusic item td.left,
  #myTestBody item td.left {
    text-align: left !important;
  }
  #myTest item td.right,
  #myTestMusic item td.right,
  #myTestBody item td.right {
    text-align: right !important;
  }
  #myTest item .val,
  #myTestMusic item .val,
  #myTestBody item .val {
    font-weight: bold;
  }
}
#myTestBody done,
#myTestMusic done {
  display: block;
}
#myTestMusic item h2 {
  font-size: 90%;
}
#myTestMusic .progress {
  width: 100%;
}
#myTestMusic .progress > div {
  width: 0%;
  background-color: green;
  height: 2px;
}
#myTestMusic .progress.full > div {
  width: 100%;
  transition: width 7s linear;
}
#myTestAct .field .checkbox {
  margin-top: 1em;
}
#myTestAct .field .checkbox input {
  transform: scale(2);
}
#myTestAct .field .checkbox label {
  font-size: 150%;
}
