.quiz__l-body {
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 12312;
}

.quizElements {
  transition: all 0.4s linear;
  display: flex;
}

/* .quizElement--unactive {
	transition: all 0.3s ease-in-out;

	transform: translateX(-1000px);
	/* opacity: 0; */
/* }  */

.quizElement {
  transition: all 0.3s ease-in;
  /* padding-right: 30px; */
  margin-right: 54px;
}

.quizElement--unactive {
  display: none;
  max-height: 0;
}

/* @keyframes zeroHeight {
	0% {
		max-height: none;
	}
	1% {
	}
	100% {
		max-height: 0;
	}
} */

.quizElement--height0 {
  /* animation-name: zeroHeight;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-delay: 0ms;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards; */
}

.quizElement--active {
  max-height: 500px;
}

/* .quizElement--unactiveHeight { */
/* transition: all 0.3s ease-in-out; */

/* height: 0; */
/* } */

/* prev button */
.prev--unactive {
  transition: all 0.3s ease-in-out;
  display: none !important;
}

/* .prev.prev--active {
	display: block;
} */

.quizContacts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 300px));
  grid-row-gap: 14px;

  max-width: 300px;
}

.quizContacts-input {
  padding: 0 5px;

  border: 1px solid #c2c2c2;

  min-height: 40px;
  width: 100%;

  font-family: Circe;
  font-size: 16px;

  border-radius: 5px;
}

.quizContacts-inputsContainer {
  display: grid;
  grid-template-rows: auto auto;
  grid-row-gap: 5px;

  padding: 0 5px;
}

.quizContacts-inputsContainer label {
  font-size: 16px;
}

/*  */

/*  */
.prem__itemImages {
  position: relative;
}

.prem__itemImageUCircle {
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
}