@font-face {
  font-family: 'Jost-Regular';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Jost-Regular.woff2") format("woff2"), url("../fonts/Jost-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Jost-Light';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Jost-Light.woff2") format("woff2"), url("../fonts/Jost-Light.woff") format("woff");
}

@font-face {
  font-family: 'Jost-Medium';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Jost-Medium.woff2") format("woff2"), url("../fonts/Jost-Medium.woff") format("woff");
}

@font-face {
  font-family: 'Jost-Medium';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Jost-Medium.woff2") format("woff2"), url("../fonts/Jost-Medium.woff") format("woff");
}


.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  border: 0;
  white-space: nowrap;
}

.checkbox {
  position: relative;
  display: table;
  padding: 0 0 0 23px;
  cursor: pointer;
}

.checkbox__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #8998A2;
  border-radius: 2px;
  background: #FFF;
}

.checkbox__indicator::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 2px;
  width: 10px;
  height: 8px;
  opacity: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 8'%3E%3Cpath stroke='%2355B443' stroke-width='2' d='M8.724 3.196L4 5.924 1 .727'/%3E%3C/svg%3E");
}

.checkbox__input:checked + .checkbox__indicator {
  border-color: #55B443;
}

.checkbox__input:checked + .checkbox__indicator::after {
  opacity: 1;
}

.checkbox__input:focus + .checkbox__indicator {
  box-shadow: 0 0 0 1px #55B443;
}

.radio {
  position: relative;
  display: table;
  padding: 0 0 0 25px;
  cursor: pointer;
}

.radio__indicator {
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #CFD6DC;
  border-radius: 50%;
}

.radio__indicator::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  opacity: 0;
  border-radius: 50%;
  background: #55B443;
}

.radio__input:checked + .radio__indicator {
  border-color: #55B443;
}

.radio__input:checked + .radio__indicator::before {
  opacity: 1;
}

.test__text {
  margin: 0 0 28px;
  line-height: 21px;
}

.test__inner {
  padding: 40px;
  background: #EEF2F5;
}

.test__start {
  padding: 285px 0 110px;
  background: url("../img/test-start.png") no-repeat 50% 110px;
}

.test__start--quiz {
  padding: 152px 0;
  background: none;
}

.test__start-logo {
  display: block;
  margin: 0 auto 35px;
}

.test__start-text {
  display: table;
  max-width: 600px;
  margin: 0 auto 37px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 34px;
  line-height: 1.3;
  text-align: center;
}

.test__start-button {
  display: table;
  margin: 0 auto;
  padding: 8px 22px 11px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
}

.test__start-button:hover,
.test__start-button:focus {
  background: #2B9816;
}

.test__scale {
  overflow: hidden;
  margin: 0 0 40px;
  border-radius: 13px;
  background: #CFD6DC;
}

.test__scale-value {
  height: 26px;
  border-radius: 13px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

.test__inside {
  border: 1px solid #CED5DB;
  background: #FFF;
}

.test__heading {
  margin: 0 15px 35px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  line-height: 33px;
  text-align: center;
}

.test__step-1 {
  padding: 45px 0 30px;
}

.test__color {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0 -1px 0 0;
}

.test__color-item {
  width: calc(50% - 1px);
  margin: 0 1px 0 0;
}

.test__color-image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 30px;
}

.test__color-radio {
  display: table;
  margin: 0 auto;
  cursor: pointer;
}

.test__color-radio-button {
  padding: 7px 15px 8px;
  border: 1px solid #55B443;
  color: #55B443;
}

.test__color-radio-input:checked + .test__color-radio-button {
  background: #55B443;
  color: #FFF;
}

.test__door-type {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 75px 24px 85px;
}

.test__door-type::-webkit-scrollbar {
  border-top: 1px solid #CFD6DB;
  -webkit-appearance: none;
}

.test__door-type::-webkit-scrollbar:vertical {
  width: 16px;
}

.test__door-type::-webkit-scrollbar:horizontal {
  height: 16px;
}

.test__door-type::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 10px;
  background: #CFD6DB;
  background-clip: content-box;
}

.test__door-type::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.test__door-type::-webkit-scrollbar-track {
  border-radius: 10px;
}

@media (max-width: 1239px) {
  .test__door-type {
    padding: 50px 10px;
  }
}

@media (max-width: 1023px) {
  .test__door-type {
    overflow: auto;
    padding: 15px 5px 50px 20px;
    margin: 0 0 -31px;
  }
}

.test__door-type-item {
  width: calc(20% - 32px);
  margin: 0 16px;
}

@media (max-width: 1239px) {
  .test__door-type-item {
    width: 20%;
    margin: 0;
  }
}

@media (max-width: 1023px) {
  .test__door-type-item {
    flex-shrink: 0;
    width: 145px;
    margin: 0 15px 0 0;
  }
}

.test__door-type .radio {
  display: table;
  margin: 0 auto 17px;
  font-family: "Jost-Medium", Arial, sans-serif;
}

@media (max-width: 539px) {
  .test__door-type .radio {
    padding-top: 4px;
    font-size: 12px;
  }
}

.test__door-type-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

@media (max-width: 1239px) {
  .test__door-type-img {
    max-width: 110px;
  }
}

@media (max-width: 1023px) {
  .test__door-type-img {
    max-width: 100%;
  }
}

.test__step-2 {
  padding: 50px 35px 90px;
}

.test__type {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 48px -35px -35px 0;
}

.test__type-item {
  width: calc(25% - 35px);
  margin: 0 35px 35px 0;
  line-height: 1.14;
  text-align: center;
  cursor: pointer;
}

.test__type-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  border: 1px solid #CED5DB;
}

.test__type-input:checked + .test__type-inner {
  border-color: #55B443;
  box-shadow: 0 0 0 1px #55B443;
}

.test__type-image {
  display: block;
  width: 100%;
  height: auto;
}

.test__type-caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 15px 10px;
}

.test__type-input:checked + .test__type-inner .test__type-caption {
  color: #55B443;
  font-family: "Jost-Medium", Arial, sans-serif;
}

.test__door-size {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 0 -35px;
}

@media (max-width: 1239px) {
  .test__door-size {
    margin: -10px 0 -25px;
  }
}

@media (max-width: 539px) {
  .test__door-size {
    margin-bottom: 15px;
  }
}

.test__door-size-img {
  flex-shrink: 0;
  margin: 0 40px 0 0;
}

@media (max-width: 1239px) {
  .test__door-size-img {
    max-width: 330px;
    height: auto;
    margin-right: 30px;
  }
}

@media (max-width: 1023px) {
  .test__door-size-img {
    max-width: 100%;
    margin: 0 0 25px;
  }
}

.test__door-size-content {
  width: 250px;
  font-size: 14px;
}

@media (max-width: 1023px) {
  .test__door-size-content {
    text-align: center;
  }
}

@media (max-width: 539px) {
  .test__door-size-content {
    width: 220px;
    font-size: 12px;
  }
}

.test__door-size-text {
  line-height: 1.43;
  margin: 0 0 25px;
}

.test__door-size-row {
  display: flex;
}

@media (max-width: 1023px) {
  .test__door-size-row {
    justify-content: center;
  }
}

.test__door-size-field:not(:last-child) {
  margin-right: 18px;
}

.test__door-size-label {
  display: block;
  margin: 0 0 8px;
}

.test__door-size-input {
  width: 60px;
  padding: 6px 9px;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 14px;
  -moz-appearance: textfield;
  text-align: center;
}

.test__door-size-input::-webkit-inner-spin-button,
.test__door-size-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.test__door-size-input:focus {
  border-color: #55B443;
  outline: none;
}

.test__doors-num {
  margin: 0 0 50px;
  font-size: 14px;
  text-align: center;
}

@media (max-width: 1239px) {
  .test__doors-num {
    margin-bottom: -50px;
  }
}

@media (max-width: 1023px) {
  .test__doors-num {
    margin-bottom: 0;
  }
}

.test__doors-num-text {
  max-width: 200px;
  margin: 0 auto 38px;
}

@media (max-width: 539px) {
  .test__doors-num-text {
    margin-bottom: 20px;
  }
}

.test__doors-num-label {
  display: table;
  margin: 0 auto 7px;
}

.test__doors-num-input {
  display: block;
  width: 53px;
  height: 48px;
  margin: 0 auto;
  font-size: 22px;
  border: 2px solid #CFD6DB;
  -moz-appearance: textfield;
  text-align: center;
}

.test__doors-num-input::-webkit-inner-spin-button,
.test__doors-num-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.test__doors-num-input:focus {
  border-color: #55B443;
  outline: none;
}


.handle-profile {
  display: flex;
  flex-wrap: wrap;
  padding: 50px 47px 60px;
}

.handle-profile ::-webkit-scrollbar {
  border-top: 1px solid #CFD6DB;
  -webkit-appearance: none;
}

.handle-profile ::-webkit-scrollbar:vertical {
  width: 16px;
}

.handle-profile ::-webkit-scrollbar:horizontal {
  height: 16px;
}

.handle-profile ::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 10px;
  background: #CFD6DB;
  background-clip: content-box;
}

.handle-profile ::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.handle-profile ::-webkit-scrollbar-track {
  border-radius: 10px;
}

@media (max-width: 1239px) {
  .handle-profile {
    padding: 20px 30px 30px;
  }
}

@media (max-width: 539px) {
  .handle-profile {
    padding: 20px 0 0;
  }
}

@media (max-width: 1023px) {
  .handle-profile__inner {
    margin: 0 auto 30px;
    text-align: center;
  }
}

.handle-profile .test__heading {
  text-align: left;
  margin: 0 0 53px;
}

@media (max-width: 1239px) {
  .handle-profile .test__heading {
    margin-bottom: 25px;
  }
}

@media (max-width: 1023px) {
  .handle-profile .test__heading {
    text-align: center;
  }
}

@media (max-width: 539px) {
  .handle-profile .test__heading {
    margin-bottom: 15px;
  }
}

.handle-profile__text {
  margin: 0 0 25px;
  font-size: 14px;
}

@media (max-width: 539px) {
  .handle-profile__text {
    margin-bottom: 15px;
    font-size: 12px;
  }
}

.handle-profile__img {
  display: block;
}

@media (max-width: 539px) {
  .handle-profile__img {
    max-width: 165px;
    height: auto;
  }
}

.handle-profile__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-self: center;
  width: 376px;
  margin: 0 0 -40px auto;
  padding: 0;
  list-style: none;
}

@media (max-width: 1239px) {
  .handle-profile__items {
    width: 330px;
    margin-right: -8px;
  }
}

@media (max-width: 1023px) {
  .handle-profile__items {
    margin: 0 auto -30px;
  }
}

@media (max-width: 539px) {
  .handle-profile__items {
    flex-wrap: nowrap;
    overflow: auto;
    margin: -10px 0 -1px;
    padding: 0 0 0 20px;
  }
}

.handle-profile__item {
  margin: 0 0 30px;
}

@media (max-width: 539px) {
  .handle-profile__item {
    margin: 0 20px 20px 0;
  }
}

.handle-profile__item .radio {
  display: table;
  margin: 0 auto 16px;
  font-family: "Jost-Medium", Arial, sans-serif;
}

@media (max-width: 539px) {
  .handle-profile__item .radio {
    padding-top: 3px;
    font-size: 12px;
  }
}

.handle-profile__item-img {
  display: block;
}

.handle-profile-color {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 40px 47px;
  min-height: 460px;
}

@media (max-width: 1239px) {
  .handle-profile-color {
    min-height: 0;
  }
}

@media (max-width: 1023px) {
  .handle-profile-color {
    padding: 20px 0 0;
  }
}

.handle-profile-color ::-webkit-scrollbar {
  background: #CFD6DB;
  -webkit-appearance: none;
  border-radius: 10px;
}

.handle-profile-color ::-webkit-scrollbar:vertical {
  width: 10px;
}

.handle-profile-color ::-webkit-scrollbar:horizontal {
  height: 10px;
}

.handle-profile-color ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #55B443;
}

.handle-profile-color ::-webkit-scrollbar-track {
  border-radius: 10px;
}

@media (max-width: 1023px) {
  .handle-profile-color ::-webkit-scrollbar {
    border-top: 1px solid #CFD6DB;
    background: none;
    border-radius: 0;
  }
  .handle-profile-color ::-webkit-scrollbar-thumb {
    background: #CFD6DB;
  }
  .handle-profile-color ::-webkit-scrollbar:vertical {
    width: 16px;
  }
  .handle-profile-color ::-webkit-scrollbar:horizontal {
    height: 16px;
  }
  .handle-profile-color ::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 10px;
    background: #CFD6DB;
    background-clip: content-box;
  }
}

.handle-profile-color__inner {
  width: 270px;
}

@media (max-width: 1239px) {
  .handle-profile-color__inner {
    width: 200px;
  }
}

@media (max-width: 1023px) {
  .handle-profile-color__inner {
    width: 100%;
    text-align: center;
    padding: 0 20px 20px;
  }
}

.handle-profile-color .test__heading {
  margin: 0 0 35px;
  text-align: left;
}

@media (max-width: 1023px) {
  .handle-profile-color .test__heading {
    text-align: center;
    margin-bottom: 15px;
  }
}

.handle-profile-color__text {
  margin: 0;
  font-size: 14px;
}

.materials {
  overflow-x: hidden;
  overflow-y: auto;
  margin: -13px -27px -13px 0;
  max-height: 432px;
}

@media (max-width: 1239px) {
  .materials {
    max-height: 315px;
  }
}

@media (max-width: 1023px) {
  .materials {
    overflow-x: auto;
    overflow-y: hidden;
    flex-basis: 100%;
    margin: 0 0 -1px;
  }
}

.materials__list {
  display: flex;
  flex-wrap: wrap;
  width: 500px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1239px) {
  .materials__list {
    width: 375px;
  }
}

@media (max-width: 1023px) {
  .materials__list {
    width: 100%;
    max-height: 300px;
    flex-direction: column;
  }

  .materials__list::after {
    content: '';
    width: 1px;
    margin: 0 0 0 -11px;
    height: 200px;
  }
}

@media (max-width: 539px) {
  .materials__list::after {
    width: 11px;
  }
}

.materials__item {
  width: 95px;
  margin: 13px 20px 13px 10px;
  text-align: center;
  font-size: 14px;
  font-family: "Jost-Medium", Arial, sans-serif;
}

@media (max-width: 1023px) {
  .materials__item {
    min-height: 123px;
  }
}

@media (max-width: 539px) {
  .materials__item {
    margin-right: 10px;
  }
}

.materials__item .radio {
  width: 100%;
  padding: 0;
}

.materials__image {
  display: block;
  width: 75px;
  position: relative;
  margin: 0 auto 8px;
}

.materials__image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #F6F7F9;
}

.materials__item .radio__input:checked + .materials__image::after {
  border-color: #55b443;
  border-width: 2px;
}

.materials__img {
  display: block;
  margin: 0 auto;
}

.materials__item .radio__input:checked ~ .materials__name {
  color: #55b443;
}

.test__doors-types {
  overflow: auto;
}

.test__doors-types-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 20px;
  padding: 0;
  list-style: none;
  width: 660px;
}

@media (max-width: 1239px) {
  .test__doors-types-list {
    width: 528px;
  }
}

@media (max-width: 1023px) {
  .test__doors-types-list {
    width: 448px;
  }
}

@media (max-width: 539px) {
  .test__doors-types-list {
    width: 472px;
    margin-bottom: 0;
    padding-left: 20px;
  border-bottom: 1px solid #CFD6DB;
  }
}

.test__doors-type {
  margin: 0 20px 30px;
}

@media (max-width: 1239px) {
  .test__doors-type {
    margin: 0 17px 20px;
  }
}

@media (max-width: 1023px) {
  .test__doors-type {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (max-width: 539px) {
  .test__doors-type {
    margin-left: 0;
    margin-right: 16px;
  }
}

.test__doors-type .radio {
  padding: 0;
}

.test__doors-type-img {
  display: block;
  color: #8a98a3;
}

@media (max-width: 1239px) {
  .test__doors-type-img {
    width: 32px;
    height: auto;
  }
}

@media (max-width: 1023px) {
  .test__doors-type-img {
    width: 40px;
  }
}

.radio__input:checked + .test__doors-type-img {
  color: #55b443;
  stroke-width: 1.6;
}

.door-material {
  display: flex;
  flex-wrap: wrap;
  padding: 40px;
}

@media (max-width: 1239px) {
  .door-material {
    padding: 30px;
  }
}

@media (max-width: 1023px) {
  .door-material {
    padding: 30px 0 0;
  }
}

.door-material ::-webkit-scrollbar {
  background: #CFD6DB;
  -webkit-appearance: none;
  border-radius: 10px;
}

.door-material ::-webkit-scrollbar:vertical {
  width: 10px;
}

.door-material ::-webkit-scrollbar:horizontal {
  height: 10px;
}

.door-material ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #55B443;
}

.door-material ::-webkit-scrollbar-track {
  border-radius: 10px;
}

@media (max-width: 1023px) {
  .door-material ::-webkit-scrollbar {
    border-top: 1px solid #CFD6DB;
    background: none;
    border-radius: 0;
  }
  .door-material ::-webkit-scrollbar-thumb {
    background: #CFD6DB;
  }
  .door-material ::-webkit-scrollbar:vertical {
    width: 16px;
  }
  .door-material ::-webkit-scrollbar:horizontal {
    height: 16px;
  }
  .door-material ::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 10px;
    background: #CFD6DB;
    background-clip: content-box;
  }
}

.door-material__inner {
  width: 280px;
}

@media (max-width: 1239px) {
  .door-material__inner {
    width: 260px;
  }
}

@media (max-width: 1023px) {
  .door-material__inner {
    flex-basis: 100%;
    padding: 0 20px 30px;
    text-align: center;
  }
}

.door-material .test__heading {
  margin: 0 0 35px;
  text-align: left;
}

@media (max-width: 1239px) {
  .door-material .test__heading {
    margin-top: -7px;
    margin-bottom: 12px;
  }
}

@media (max-width: 1023px) {
  .door-material .test__heading {
    text-align: center;
  }
}

.door-material__sections {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 20px;
}

@media (max-width: 1023px) {
  .door-material__sections {
    justify-content: center;
  }
}

@media (max-width: 539px) {
  .door-material__sections {
    display: none;
  }
}

.door-material .section {
  margin: 0 1px 0 0;
}

.door-material__section-img {
  display: block;
  width: 64px;
  height: auto;
  color: #c4cbd0;
}

.door-material__text {
  margin: 0;
  font-size: 14px;
}

@media (max-width: 539px) {
  .door-material__text {
    display: none;
  }
}

@media (max-width: 1023px) {
  .door-material__options {
    flex-basis: 100%;
  }
}

.door-material__type {
  margin: 0 0 27px 20px;
}

@media (max-width: 1239px) {
  .door-material__type {
    width: 200px;
    margin-bottom: 15px;
  }
}

@media (max-width: 539px) {
  .door-material__type {
    display: none;
  }
}

.door-material__type-mobile {
  display: none;
  max-width: 160px;
  margin: -20px auto 30px;
  font-size: 12px;
}

@media (max-width: 539px) {
  .door-material__type-mobile {
    display: block;
  }
}

.door-material__type-mobile .radio {
  margin: 0 0 20px;
  padding-top: 3px;
}

.door-material .materials {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 1239px) {
  .door-material .materials {
    max-height: 250px;
  }
}

@media (max-width: 539px) {
  .door-material .materials {
    display: none;
  }
}

.test__wishes {
  max-width: 400px;
  margin: 0 auto -15px;
}

@media (max-width: 539px) {
  .test__wishes {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.test__wishes-text {
  max-width: 215px;
  margin: -3px auto 16px;
  text-align: center;
  font-size: 14px;
  line-height: 1.43;
}

@media (max-width: 539px) {
  .test__wishes-text {
    font-size: 12px;
  }
}

.test__wishes-input {
  display: block;
  width: 100%;
  border: 1px solid #CFD6DB;
  font: inherit;
  padding: 7px 10px;
}


.test__step-3 {
  padding: 50px 55px 120px;
}

.test__options {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 90px -35px 0 0;
}

.test__options-section {
  margin: 0 35px 0 0;
}

.test__option {
  margin: 0 0 12px;
}

.test__another {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: -4px 0 0;
}

.test__another-label {
  margin: 0 9px 0 0;
  font-size: 14px;
}

.test__another-input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  min-width: 0;
  max-width: 250px;
  padding: 3px 10px 6px;
  border: 1px solid #CFD6DB;
  font: inherit;
}

.test__another-input:focus {
  border-color: #55B443;
  outline: none;
}

.test__step-4 {
  padding: 120px 30px;
}

.test__size-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 55px 0 0;
}

.test__size-field {
  margin: 0 15px;
}

.test__size-label {
  display: block;
  margin: 0 0 8px;
  font-size: 14px;
  text-align: center;
}

.test__size-input {
  display: table;
  width: 60px;
  height: 30px;
  margin: 0 auto;
  padding: 0 10px;
  border: 1px solid #CFD6DB;
  font: inherit;
  font-size: 14px;
  text-align: center;
}

.test__size-input:focus {
  border-color: #55B443;
  outline: none;
}

.test__size-text {
  max-width: 210px;
  margin: 35px auto 0;
  color: #8A98A3;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.test__step-5 {
  position: relative;
  padding: 45px 0 0;
}

.test__step-5 ::-webkit-scrollbar {
  box-shadow: 0 0 0 1px #CFD6DB;
  -webkit-appearance: none;
}

.test__step-5 ::-webkit-scrollbar:vertical {
  width: 14px;
}

.test__step-5 ::-webkit-scrollbar:horizontal {
  height: 14px;
}

.test__step-5 ::-webkit-scrollbar-thumb {
  border: 3px solid #FFF;
  border-radius: 10px;
  background: #CFD6DB;
}

.test__step-5 ::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.test__step-5 ::-webkit-scrollbar-track {
  border-radius: 10px;
}

.test__elements {
  overflow: auto;
  padding: 1px 38px 70px;
}

.test__elements .test__type {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
}

.test__elements .test__type::after {
  content: '';
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 1px;
  margin: 0 0 0 -1px;
}

.test__elements .test__type-item {
  position: relative;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 170px;
}

.test__elements-text {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 50px;
  max-width: 370px;
  margin: auto;
  color: #8A98A3;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.test__finish {
  padding: 50px 45px 40px;
}

.test__finish--alt {
  padding-bottom: 60px;
}

.test__finish-text {
  max-width: 360px;
  margin: 0 auto 38px;
  padding: 114px 0 0;
  background: url("../img/test-finish.png") no-repeat 50% -10px;
  color: #8A98A3;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.test__finish--alt .test__finish-text {
  color: #000000;
  background: none;
  padding: 0;
  margin-top: -5px;
}

.test__finish-fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px 12px 0;
}

.test__finish-field {
  flex-grow: 1;
  flex-basis: 132px;
  margin: 0 20px 20px 0;
}

.test__finish-label {
  display: block;
  margin: 0 0 8px;
  font-size: 14px;
  text-align: center;
}

.test__agree {
  display: table;
  margin: 0 auto;
}

.test__agree a:hover,
.test__agree a:focus {
  text-decoration: underline;
}

.test__bottom {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 40px 0 0;
}

.test__back {
  padding: 7px 32px 10px;
  border: 1px solid #55B443;
  background: none;
  color: #55B443;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.test__back:hover,
.test__back:focus {
  background: #55B443;
  color: #FFF;
}

.test__current-step {
  margin: 0 auto;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
}

.test__skip {
  position: absolute;
  top: 10px;
  right: 130px;
  padding: 0;
  border: none;
  background: none;
  color: #55B443;
  font: inherit;
  cursor: pointer;
}

.test__skip:hover,
.test__skip:focus {
  text-decoration: underline;
}

.test__next {
  padding: 7px 27px 10px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.test__next:only-child {
  margin-right: auto;
  margin-left: auto;
}

.test__next:hover,
.test__next:focus {
  background: #2B9816;
}

.test__end {
  padding: 305px 0 130px;
  background: url("../img/test-end.png") no-repeat 50% 130px;
}

.test__end-text {
  display: table;
  max-width: 600px;
  margin: 0 auto 25px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 34px;
  line-height: 1.3;
  text-align: center;
}

.test__end-button {
  display: table;
  margin: 0 auto;
  padding: 9px 16px 10px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
}

.test__end-button:hover,
.test__end-button:focus {
  background: #2B9816;
}

.test__selects {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -68px -20px 0;
}

.test__select {
  width: 210px;
  margin: 0 68px 20px 0;
}

.test__success {
  text-align: center;
  padding: 135px 0;
}

@media (max-width: 1239px) {
  .test__success {
    padding: 40px 0;
  }
}

.test__success-img {
  margin: 0 0 30px;
}

.test__success-text {
  max-width: 475px;
  margin: 0 auto 50px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 26px;
  line-height: 1.27;
  text-align: center;
}

@media (max-width: 539px) {
  .test__success-text {
    font-size: 18px;
    margin: 0 0 35px;
  }
}

.test__success-button {
  display: table;
  margin: 0 auto;
  padding: 9px 30px 10px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
}

.test__success-button:hover,
.test__success-button:focus {
  background: #2B9816;
}

.test__inner {
  padding: 30px;
}



.toggle-switch__state {
  display: inline-flex;
  width: 50px;
  height: 30px;
  padding: 1px;
  background: #F5F5F5;
  border: 1px solid #CFD6DB;
  border-radius: 80px;
  cursor: pointer;
}

.toggle-switch__state::before {
  content: '';
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #CFD6DB;
}

.toggle-switch__input:checked + .toggle-switch__state {
  background: #E5F4E3;
  border: 1px solid #55B443;
  justify-content: flex-end;
}

.toggle-switch__input:checked + .toggle-switch__state::before {
  background: #55B443;
}

.test__door-type {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 75px 24px 85px;
}

.test__door-type::-webkit-scrollbar {
  border-top: 1px solid #CFD6DB;
  -webkit-appearance: none;
}

.test__door-type::-webkit-scrollbar:vertical {
  width: 16px;
}

.test__door-type::-webkit-scrollbar:horizontal {
  height: 16px;
}

.test__door-type::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 10px;
  background: #CFD6DB;
  background-clip: content-box;
}

.test__door-type::-webkit-scrollbar-thumb:hover {
  background: #55B443;
}

.test__door-type::-webkit-scrollbar-track {
  border-radius: 10px;
}

@media (max-width: 1239px) {
  .test__door-type {
    padding: 50px 10px;
  }
}

@media (max-width: 1023px) {
  .test__door-type {
    overflow: auto;
    padding: 15px 5px 50px 20px;
    margin: 0 0 -31px;
  }
}

.test__door-type-item {
  width: calc(20% - 32px);
  margin: 0 16px;
}

@media (max-width: 1239px) {
  .test__door-type-item {
    width: 20%;
    margin: 0;
  }
}

@media (max-width: 1023px) {
  .test__door-type-item {
    flex-shrink: 0;
    width: 145px;
    margin: 0 15px 0 0;
  }
}

.test__door-type .radio {
  display: table;
  margin: 0 auto 17px;
  font-family: "Jost-Medium", Arial, sans-serif;
}

@media (max-width: 539px) {
  .test__door-type .radio {
    padding-top: 4px;
    font-size: 12px;
  }
}

.test__door-type-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

@media (max-width: 1239px) {
  .test__door-type-img {
    max-width: 110px;
  }
}

@media (max-width: 1023px) {
  .test__door-type-img {
    max-width: 100%;
  }
}

@media (max-width: 1023px) {
  .materials {
    overflow-x: auto;
    overflow-y: hidden;
    flex-basis: 100%;
    margin: 0 0 -1px;
  }
}

.materials__list {
  display: flex;
  flex-wrap: wrap;
  width: 500px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1239px) {
  .materials__list {
    width: 375px;
  }
}

@media (max-width: 1023px) {
  .materials__list {
    width: 100%;
    max-height: 300px;
    flex-direction: column;
  }

  .materials__list::after {
    content: '';
    width: 1px;
    margin: 0 0 0 -11px;
    height: 200px;
  }
}

@media (max-width: 539px) {
  .materials__list::after {
    width: 11px;
  }
}

.materials__item {
  width: 95px;
  margin: 13px 20px 13px 10px;
  text-align: center;
  font-size: 14px;
  font-family: "Jost-Medium", Arial, sans-serif;
}

@media (max-width: 1023px) {
  .materials__item {
    min-height: 123px;
  }
}

@media (max-width: 539px) {
  .materials__item {
    margin-right: 10px;
  }
}

.materials__item .radio {
  width: 100%;
  padding: 0;
}

.materials__image {
  display: block;
  width: 75px;
  position: relative;
  margin: 0 auto 8px;
}

.materials__image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #F6F7F9;
}

.materials__item .radio__input:checked + .materials__image::after {
  border-color: #55b443;
  border-width: 2px;
}

.materials__img {
  display: block;
  margin: 0 auto;
}

.materials__item .radio__input:checked ~ .materials__name {
  color: #55b443;
}

.test__doors-types {
  overflow: auto;
}

.test__doors-types-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 20px;
  padding: 0;
  list-style: none;
  width: 660px;
}

@media (max-width: 1239px) {
  .test__doors-types-list {
    width: 528px;
  }
}

@media (max-width: 1023px) {
  .test__doors-types-list {
    width: 448px;
  }
}

@media (max-width: 539px) {
  .test__doors-types-list {
    width: 472px;
    margin-bottom: 0;
    padding-left: 20px;
  border-bottom: 1px solid #CFD6DB;
  }
}

.test__doors-type {
  margin: 0 20px 30px;
}

@media (max-width: 1239px) {
  .test__doors-type {
    margin: 0 17px 20px;
  }
}

@media (max-width: 1023px) {
  .test__doors-type {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (max-width: 539px) {
  .test__doors-type {
    margin-left: 0;
    margin-right: 16px;
  }
}

.test__doors-type .radio {
  padding: 0;
}

.test__doors-type-img {
  display: block;
  color: #8a98a3;
}

@media (max-width: 1239px) {
  .test__doors-type-img {
    width: 32px;
    height: auto;
  }
}

@media (max-width: 1023px) {
  .test__doors-type-img {
    width: 40px;
  }
}

.radio__input:checked + .test__doors-type-img {
  color: #55b443;
  stroke-width: 1.6;
}

.door-material {
  display: flex;
  flex-wrap: wrap;
  padding: 40px;
}

@media (max-width: 1239px) {
  .door-material {
    padding: 30px;
  }
}

@media (max-width: 1023px) {
  .door-material {
    padding: 30px 0 0;
  }
}

.door-material ::-webkit-scrollbar {
  background: #CFD6DB;
  -webkit-appearance: none;
  border-radius: 10px;
}

.door-material ::-webkit-scrollbar:vertical {
  width: 10px;
}

.door-material ::-webkit-scrollbar:horizontal {
  height: 10px;
}

.door-material ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #55B443;
}

.door-material ::-webkit-scrollbar-track {
  border-radius: 10px;
}

@media (max-width: 1023px) {
  .door-material ::-webkit-scrollbar {
    border-top: 1px solid #CFD6DB;
    background: none;
    border-radius: 0;
  }
  .door-material ::-webkit-scrollbar-thumb {
    background: #CFD6DB;
  }
  .door-material ::-webkit-scrollbar:vertical {
    width: 16px;
  }
  .door-material ::-webkit-scrollbar:horizontal {
    height: 16px;
  }
  .door-material ::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 10px;
    background: #CFD6DB;
    background-clip: content-box;
  }
}

.door-material__inner {
  width: 280px;
}

@media (max-width: 1239px) {
  .door-material__inner {
    width: 260px;
  }
}

@media (max-width: 1023px) {
  .door-material__inner {
    flex-basis: 100%;
    padding: 0 20px 30px;
    text-align: center;
  }
}

.door-material .test__heading {
  margin: 0 0 35px;
  text-align: left;
}

@media (max-width: 1239px) {
  .door-material .test__heading {
    margin-top: -7px;
    margin-bottom: 12px;
  }
}

@media (max-width: 1023px) {
  .door-material .test__heading {
    text-align: center;
  }
}

.door-material__sections {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 20px;
}

@media (max-width: 1023px) {
  .door-material__sections {
    justify-content: center;
  }
}

@media (max-width: 539px) {
  .door-material__sections {
    display: none;
  }
}

.door-material .section {
  margin: 0 1px 0 0;
}

.door-material__section-img {
  display: block;
  width: 64px;
  height: auto;
  color: #c4cbd0;
}

.door-material__text {
  margin: 0;
  font-size: 14px;
}

@media (max-width: 539px) {
  .door-material__text {
    display: none;
  }
}

@media (max-width: 1023px) {
  .door-material__options {
    flex-basis: 100%;
  }
}

.door-material__type {
  margin: 0 0 27px 20px;
}

@media (max-width: 1239px) {
  .door-material__type {
    width: 200px;
    margin-bottom: 15px;
  }
}

@media (max-width: 539px) {
  .door-material__type {
    display: none;
  }
}

.door-material__type-mobile {
  display: none;
  max-width: 160px;
  margin: -20px auto 30px;
  font-size: 12px;
}

@media (max-width: 539px) {
  .door-material__type-mobile {
    display: block;
  }
}

.door-material__type-mobile .radio {
  margin: 0 0 20px;
  padding-top: 3px;
}

.door-material .materials {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 1239px) {
  .door-material .materials {
    max-height: 250px;
  }
}

@media (max-width: 539px) {
  .door-material .materials {
    display: none;
  }
}

.test__wishes {
  max-width: 400px;
  margin: 0 auto -15px;
}

@media (max-width: 539px) {
  .test__wishes {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.test__wishes-text {
  max-width: 215px;
  margin: -3px auto 16px;
  text-align: center;
  font-size: 14px;
  line-height: 1.43;
}

@media (max-width: 539px) {
  .test__wishes-text {
    font-size: 12px;
  }
}

.test__wishes-input {
  display: block;
  width: 100%;
  border: 1px solid #CFD6DB;
  font: inherit;
  padding: 7px 10px;
}

.test__wishes-input:focus {
  border-color: #55B443;
  outline: none;
}

.section {
  position: relative;
}

.section__btn {
  position: absolute;
  border: 1px solid transparent;
  background: none;
  padding: 0;
  cursor: pointer;
}

.section__btn:focus {
  outline: none;
}

.section__btn.active {
  z-index: 1;
  border-color: #55B443;
  box-shadow: inset 0 0 0 1px #55B443;
  background: #fff;
}

.section-2 .section__btn:nth-child(1) {
  top: 0;
  left: 0;
  right: 0;
  height: 98px;
}

.section-2 .section__btn:nth-child(2) {
  bottom: 0;
  left: 0;
  right: 0;
  height: 99px;
}

.section-3 .section__btn:nth-child(1) {
  top: 0;
  left: 0;
  right: 0;
  height: 66px;
}

.section-3 .section__btn:nth-child(2) {
  top: 64px;
  left: 0;
  right: 0;
  height: 66px;
}

.section-3 .section__btn:nth-child(3) {
  bottom: 0;
  left: 0;
  right: 0;
  height: 67px;
}

.test__finish--alt {
  padding-bottom: 60px;
}
.test__finish-text {
  max-width: 360px;
  margin: 0 auto 38px;
  padding: 114px 0 0;
  background: url("../img/test-finish.png") no-repeat 50% -10px;
  color: #8A98A3;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.test__finish--alt .test__finish-text {
  color: #000000;
  background: none;
  padding: 0;
  margin-top: -5px;
}

.test__finish-fields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px 12px 0;
}

.test__finish-field {
  flex-grow: 1;
  flex-basis: 132px;
  margin: 0 20px 20px 0;
}

.test__finish-label {
  display: block;
  margin: 0 0 8px;
  font-size: 14px;
  text-align: center;
}

.test__finish-input {
  width: 100%;
  height: 30px;
  padding: 0 10px 2px;
  border: 1px solid #CED5DB;
  font: inherit;
  font-size: 14px;
  text-align: center;
}

.test__finish-input:focus {
  border-color: #55B443;
  outline: none;
}

.test__agree {
  display: table;
  margin: 0 auto;
}

.test__agree a:hover,
.test__agree a:focus {
  text-decoration: underline;
}

.test__bottom {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 40px 0 0;
}

.test__back {
  padding: 7px 32px 10px;
  border: 1px solid #55B443;
  background: none;
  color: #55B443;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.test__back:hover,
.test__back:focus {
  background: #55B443;
  color: #FFF;
}

.test__current-step {
  margin: 0 auto;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 22px;
}

.test__skip {
  position: absolute;
  top: 10px;
  right: 130px;
  padding: 0;
  border: none;
  background: none;
  color: #55B443;
  font: inherit;
  cursor: pointer;
}

.test__skip:hover,
.test__skip:focus {
  text-decoration: underline;
}

.test__next {
  padding: 7px 27px 10px;
  border: none;
  background: #55B443;
  color: #FFF;
  font: inherit;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
}

.test__next:only-child {
  margin-right: auto;
  margin-left: auto;
}

.test__next:hover,
.test__next:focus {
  background: #2B9816;
}

.test__end {
  padding: 305px 0 130px;
  background: url("../img/test-end.png") no-repeat 50% 130px;
}

.test__end-text {
  display: table;
  max-width: 600px;
  margin: 0 auto 25px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 34px;
  line-height: 1.3;
  text-align: center;
}

.test__end-button {
  display: table;
  margin: 0 auto;
  padding: 9px 16px 10px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
}

.test__end-button:hover,
.test__end-button:focus {
  background: #2B9816;
}

.test__selects {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -68px -20px 0;
}

.test__select {
  width: 210px;
  margin: 0 68px 20px 0;
}

.test__success {
  text-align: center;
  padding: 135px 0;
}

@media (max-width: 1239px) {
  .test__success {
    padding: 40px 0;
  }
}

.test__success-img {
  margin: 0 0 30px;
}

.test__success-text {
  max-width: 475px;
  margin: 0 auto 50px;
  font-family: "Jost-Medium", Arial, sans-serif;
  font-size: 26px;
  line-height: 1.27;
  text-align: center;
}

@media (max-width: 539px) {
  .test__success-text {
    font-size: 18px;
    margin: 0 0 35px;
  }

  button.test__back, button.test__next {
    padding: 3px 10px 5px;
    font-size: 14px;
  }

  .test__current-step, .test__skip {
    font-size: 14px;
  }
}

.test__success-button {
  display: table;
  margin: 0 auto;
  padding: 9px 30px 10px;
  background: #55B443;
  color: #FFF;
  font-size: 18px;
}

.test__success-button:hover,
.test__success-button:focus {
  background: #2B9816;
}

@media (max-width: 1023px) {
  .test__start-text {
    font-size: 26px;
  }

  .test__type-item {
    width: calc(50% - 25px);
  }

  .test__step-3 {
    padding-bottom: 50px;
  }

  .test__options {
    margin-top: 40px;
  }

  .test__skip {
    top: 35px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  .test__end-text {
    font-size: 26px;
  }

  .test__selects {
    margin-right: -30px;
  }

  .test__select {
    margin-right: 30px;
  }

  .projects__item {
    width: calc(50% - 25px);
  }

  .addresses-page .addresses {
    height: auto;
  }

  .addresses-page .addresses__inner {
    width: 100%;
  }

  .gallery__item {
    width: calc(50% - 26px);
  }

  .album__item {
    width: calc(33.33% - 26px);
  }

  .mfp-image-holder button.mfp-close {
    top: 0;
    right: -10px;
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
  }

  img.mfp-img {
    padding-top: 50px;
  }

  .dealer-form__field {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }

  .dealer-form__input--phone {
    max-width: 100%;
  }

  .dealer-form__input--site {
    max-width: 100%;
  }

  .filter-toggle {
    display: table;
  }

  .content .filter--active {
    display: block;
  }

  .filter__filedset {
    margin: 0 -15px 15px;
    padding: 0 15px 15px;
    border-bottom: 1px solid #CFD6DB;
  }

  .picked-filter--hidden {
    display: none;
  }

  .item-solution {
    width: calc(50% - 25px);
  }

  .item-accessory {
    width: calc(50% - 25px);
  }

  .error-404 {
    padding-top: 280px;
    background-size: 400px 240px;
  }

  .cart-items {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .cart-order {
    width: 100%;
    margin: 0;
  }

  .recommend--cart {
    display: none;
  }

  .user-nav__item {
    width: calc(50% - 20px);
  }

  .user-nav__link {
    padding-top: 20px;
    padding-bottom: 22px;
  }

  .orders__button {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .item-news {
    width: calc(50% - 25px);
  }

  .footer__bottom {
    padding-right: 0;
    background: none !important;
  }

  .footer-nav__section {
    width: 33.33%;
  }

  .footer-nav__payment {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 -10px -10px 0;
  }

  .footer-nav__payment-item {
    margin: 0 10px 10px 0;
  }
}

.test .inactive {
  filter: opacity(0.5);
}

.door-material__sections > table {
  width: 150px;
  height: 300px;
  border-collapse: collapse;
}

.door-material__sections > table td {
  cursor: pointer;
  border: 2px solid gray;
  background-size: cover;
  background-position: center center;
}

.door-material__sections > table td.active {
  border-color: #55B443;
  outline: 2px solid #55B443;
}

/* 
/** QUIZ EDITOR **/
.quiz-editor {
  width: 100%;
  height: auto;
  min-height: 760px;
  outline: 1px solid darkgray;
  padding: 0;
  display: block;
}

.quiz-editor > .tabber {
  width: 100%;
  display: flex;
  height: 35px;
  justify-content: flex-start;
  border-bottom: 1px solid darkgray;
  background: white;
}

.quiz-editor > .tabber > .tab {
  padding: 7px;
  height: 30px;
  border-bottom: 2px solid transparent;
  margin: 0 7px;
  cursor: pointer;
}

.quiz-editor > .tabber > .tab:hover {
  border-color: darkgray;
}

.quiz-editor > .tabber > .tab.active {
  border-color: gray;
}

.quiz-editor .tab-content-wrapper {
  width: 100%;
  min-height: 665px;
  height: calc(100% - 70px);
  padding: 10px;
}

.quiz-editor .tab-content-wrapper > .tab-content {
  width: 100%;
  height: 100%;
}

.quiz-editor .hidden {
  display: none;
}

.quiz-editor textarea.edit-field {
  width: 100%;
  height: 100%;
  font-family: monospace;
  appearance: none;
}

.quiz-editor > .tab-content-plug {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20pt;
}

.quiz-editor .test {
  outline: 1px solid lightgray;
  margin-bottom: 10px;
  max-width: 940px;
}




/** PAGES EDITOR **/

.pages-list-container {
  outline: 1px solid darkgray;
  height: fit-content;
  margin-bottom: 10px;
}

.pages-list-container tr {
  background: white;
}


.pages-list-container tbody > tr > td {
  padding: 3px 7px 0 7px;
}

.pages-list-container .arrow-btn {
  padding: 0;
  border: none;
  background: transparent;
}

.pages-list-container .add-tr {
  box-sizing: content-box;
  background-color: #71c016 !important;
  color: white;
  text-align: center;
  height: 35px;
  cursor: pointer;
}

.pages-list-container tr.active {
  background: lightgray !important;
  outline: 1px solid lightgray;
}

.pages-list-container tr.active p.page-name {
  font-weight: bold;
}

.test .test__skip[disabled] {
  color: gray;
}
.test .test__skip[disabled]:hover {
  text-decoration: none;
}

.test .test__next[disabled] {
  background: gray;
}

.test .test__next[disabled]:hover {
  background: gray;
}

.test .test__back[disabled] {
  border-color: gray;
  color: gray;
}

.test .test__back[disabled]:hover {
  background: transparent;
}

.test__doors-types ul.test__doors-types-list li {
  width: 42px;
  height: 136px;
}

.test__doors-types ul.test__doors-types-list li table {
  width: 42px;
  height: 128px;
  border-collapse: collapse;
}

.test__doors-types ul.test__doors-types-list li table td {
  border: 2px solid darkgray;
}

.test__doors-types ul.test__doors-types-list li input.radio__input:checked + table td {
  border-color: #55b443;
}