/* helper classes */
.bg-white {
	background: #fff !important;
}
.bg-gray {
	background: #F5F5F5 !important;
}

.pt-60 {
	padding-top: 60px !important;
}
/* helper classes end */

.br-mobile-h1 {
	display: none;
}

.own__button-margin {
	margin-right: 50px;
}

section.first::after, .first__information::after {
    content: "";
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.5)));
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,0,0,.5));
    background: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.5));
    z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.first__pagination {
	z-index: 1;
}

.quiz {
  width: 100%;
  border-radius: 0.2604166667vw;
  background-color: #FFF;
  box-shadow: 0 -2px 58px 0 rgb(0 0 0 / 10%);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.quiz__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.quiz__header .header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quiz__header .header-slider {
  display: none;
}
.quiz__header .header-item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 5.2083333333vw;
  border-left: 0.0520833333vw solid #F1F5F5;
  border-bottom: 0.0520833333vw solid #F1F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: PorscheNextTT;
  font-size: 0.9375vw;
  letter-spacing: 0.05em;
  color: #C8D8D8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.quiz__header .header-item:first-child {
  border-left-color: #FFF;
}
.quiz__header .header-item.active {
  background-color: var(--main-color);
  border-color: var(--main-color) !important;
  color: #FFF;
  font-weight: 700;
}
.quiz__body {
  position: relative;
  z-index: 1;
}
.quiz__body .body-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1.0833333333vw 1.6041666667vw 1.8645833333vw 2.2083333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 1;
}
.quiz__body .body-container.hidden {
  display: none;
}
.quiz__body .body-main {
  width: 49.4791666667vw;
}
.quiz__body .body-main__item {
  display: none;
}
.quiz__body .body-main__item .variable-item {
  display: none;
}
.quiz__body .body-main__item .variable-item.active {
  display: block;
}
.quiz__body .body-main__item.active {
  display: block;
}
.quiz__body .body-main__item[data-quiz-question-id-js="1"] .item-bottom .prev-btn {
  display: none !important;
}
.quiz__body .body-main__item .item-title {
	font-size: 1.8vw;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 3vw;
	line-height: 1em;
	color: #181818;
	text-align: center;
	letter-spacing: 0.02em;
}
.quiz__body .body-main__item .item-content {
  height: 25vw;
  margin-bottom: 1.5625vw;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: -1.3020833333vw;
}
.quiz__body .body-main__item .item-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.quiz__body .body-main__item .item-bottom .bottom-text {
  font-family: PorscheNextTT;
  font-size: 0.78125vw;
  line-height: 1.3020833333vw;
  letter-spacing: 0.05em;
}
.quiz__body .body-main__item .item-bottom .bottom-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.quiz__body .body-main__item .item-bottom .bottom-buttons .btn-wrap {
  margin-right: 2.6041666667vw;
  position: relative;
}
.quiz__body .body-main__item .item-bottom .bottom-buttons .btn-wrap:last-child {
  margin-right: 0;
}
.quiz__body .body-main__item .item-bottom .bottom-buttons .btn-wrap.active {
  cursor: not-allowed;
}
.quiz__body .body-main__item .item-bottom .bottom-buttons .btn-wrap.active:hover .hint {
  opacity: 1;
}
.quiz__body .body-main__item .item-bottom .bottom-buttons .btn-wrap .hint {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 110%;
  padding: 0.78125vw 1.0416666667vw;
  text-align: center;
  font-size: 0.7291666667vw;
  font-weight: 600;
  background-color: #FFF;
  z-index: 20;
  pointer-events: none;
  -webkit-box-shadow: 0 0.2083333333vw 0.3125vw rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.2083333333vw 0.3125vw rgba(0, 0, 0, 0.25);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.quiz__body .body-main__item .item-bottom .bottom-buttons .prev-btn {
  display: block;
  font-weight: 500;
  font-size: 1.0416666667vw;
  letter-spacing: 0.02em;
  color: #ABABAB;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  transition: 0.3s;
}
.quiz__body .body-main__item .item-bottom .bottom-buttons .prev-btn:hover {
  color: var(--text-main-color);
}
.quiz__body .body-main__item .item-bottom .bottom-buttons .next-btn {
  width: 10.4166666667vw;
  height: 4.1666666667vw;
}
.quiz__body .body-side {
  width: 20.8333333333vw;
  min-height: 29.8541666667vw;
  position: relative;
  z-index: 1;
}
.quiz__body .body-side__item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 2.6041666667vw;
}
.quiz__body .body-side__item.active {
  opacity: 1;
}
.quiz__body .body-side__item .item-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.quiz__body .body-side__item .item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.quiz__body .body-side__item .item-img::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(22.41%, rgba(0, 0, 0, 0)), to(#000000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 22.41%, #000000 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 22.41%, #000000 100%);
}
.quiz__body .body-side__item .item-text {
  position: relative;
  z-index: 3;
  color: #FFF;
  font-family: PorscheNextTT;
  font-size: 1.5625vw;
  line-height: 2.0833333333vw;
  letter-spacing: 0.04em;
}
.quiz .radio-question-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.quiz .radio-question-container .radio-item {
  width: 14.84375vw;
  margin-left: 2.4479166667vw;
  margin-top: 1.0416666667vw;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.quiz .radio-question-container .radio-item:nth-child(3n+1) {
  margin-left: 0;
}
.quiz .radio-question-container .radio-item:nth-child(1), .quiz .radio-question-container .radio-item:nth-child(2), .quiz .radio-question-container .radio-item:nth-child(3) {
  margin-top: 0;
}
.quiz .radio-question-container .radio-item input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
}
.quiz .radio-question-container .radio-item .item-img {
  width: 100%;
  height: 8vw;
  border-right: 0.2604166667vw;
  margin-bottom: 1.5vw;
  position: relative;
  overflow: hidden;
}
.quiz .radio-question-container .radio-item .item-img img {
  width: 100%;
  height: 100%;
  border-radius: 0.2604166667vw;
  -o-object-fit: cover;
     object-fit: cover;
}
.quiz .radio-question-container .radio-item .item-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  border: 0.1041666667vw solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 0.2604166667vw;
}
.quiz .radio-question-container .radio-item .item-text {
	padding-right: 1vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.quiz .radio-question-container .radio-item .item-text .icon {
  width: 1.5625vw;
  height: 1.5625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.5208333333vw;
  border: 1px solid var(--main-color);
   background-color: #F1F5F5; 
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.quiz .radio-question-container .radio-item .item-text .icon img,
.quiz .radio-question-container .radio-item .item-text .icon svg {
  width: 1vw;
  height: 0.5vw;
  fill: var(--main-color);
}
.quiz .radio-question-container .radio-item .item-text .icon img path,
.quiz .radio-question-container .radio-item .item-text .icon svg path {
  fill: var(--main-color);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.quiz .radio-question-container .radio-item .item-text p {
  font-weight: 500;
  font-size: 1.2vw;
  line-height: 1vw;
  /* letter-spacing: 0.02em; */
  text-align: center;
  width: 80%;
}
.quiz .radio-question-container .radio-item:hover .item-img::after {
  border-color: rgba(56, 188, 128, 0.5);
}
 .quiz .radio-question-container .radio-item:hover .item-text .icon svg {
  	fill: var(--main-color-darken);
}
.quiz .radio-question-container .radio-item:hover .item-text .icon svg path {
  	fill: var(--main-color-darken);
} 
.quiz .radio-question-container .radio-item:hover .item-text .icon {
	background-color: var(--main-color-darken);
}
.quiz .radio-question-container .radio-item:hover .item-text .icon svg {
	fill: #FFF;
}
.quiz .radio-question-container .radio-item:hover .item-text .icon svg path {
	fill: #FFF;
}
.quiz .radio-question-container .radio-item.active .item-img::after {
  border-color: var(--main-color);
}
.quiz .radio-question-container .radio-item.active .item-text .icon {
  background-color: var(--main-color);
}
.quiz .radio-question-container .radio-item.active .item-text .icon svg {
  fill: #FFF;
}
.quiz .radio-question-container .radio-item.active .item-text .icon svg path {
  fill: #FFF;
}
.quiz .radio-question-container.md-large-items .radio-item .item-img {
  height: 15.1041666667vw;
}
.quiz .radio-question-container.md-large-items-2 .radio-item .item-img {
  height: 16.6666666667vw;
}
.quiz .radio-question-container.md-no-img-items .radio-item {
  width: 20.8333333333vw;
  margin-top: 1.3020833333vw;
  margin-left: 3.90625vw;
}
.quiz .radio-question-container.md-no-img-items .radio-item:nth-child(1), .quiz .radio-question-container.md-no-img-items .radio-item:nth-child(2) {
  margin-top: 0;
}
.quiz .radio-question-container.md-no-img-items .radio-item:nth-child(odd) {
  margin-left: 0;
}
.quiz .radio-question-container.md-no-img-items .radio-item .item-img {
  display: none;
}
.quiz .radio-question-container.md-no-img-items .radio-item .item-text {
  padding: 1.1458333333vw;
  background-color: #F1F5F5;
  border: 0.1041666667vw solid #F1F5F5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.quiz .radio-question-container.md-no-img-items .radio-item .item-text .icon {
  background-color: #FFF;
}
.quiz .radio-question-container.md-no-img-items .radio-item:hover .item-text {
  border-color: rgba(56, 188, 128, 0.5);
}
.quiz .radio-question-container.md-no-img-items .radio-item.active .item-text {
  border-color: var(--main-color);
}
.quiz .radio-question-container.md-no-img-items .radio-item.active .item-text .icon {
  background-color: var(--main-color);
}
.quiz .radio-question-container.md-no-img-items .radio-item.active .item-text .icon svg {
  fill: #FFF;
}
.quiz .radio-question-container.md-no-img-items .radio-item.active .item-text .icon svg path {
  fill: #FFF;
}
.quiz .text-question-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.quiz .text-question-container .input-wrap {
  margin-bottom: 2.0833333333vw;
}
.quiz .text-question-container .input-wrap input {
  width: 31.25vw;
  height: 5.2083333333vw;
  padding: 0 2.0833333333vw;
  font-weight: 450;
  font-size: 0.78125vw;
  letter-spacing: 0.03em;
  background-color: #F1F5F5;
}
.quiz .text-question-container .input-wrap input::-webkit-input-placeholder {
  color: #A0A0A0;
}
.quiz .text-question-container .input-wrap input::-moz-placeholder {
  color: #A0A0A0;
}
.quiz .text-question-container .input-wrap input:-ms-input-placeholder {
  color: #A0A0A0;
}
.quiz .text-question-container .input-wrap input::-ms-input-placeholder {
  color: #A0A0A0;
}
.quiz .text-question-container .input-wrap input::placeholder {
  color: #A0A0A0;
}
.quiz .question-skip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
.quiz .question-skip input {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.quiz .question-skip .icon {
  width: 2vw;
  height: 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.5208333333vw;
  background-color: #F1F5F5;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.quiz .question-skip .icon img,
.quiz .question-skip .icon svg {
  width: 0.4166666667vw;
  height: 0.3125vw;
  fill: #C8D8D8;
}
.quiz .question-skip .icon img path,
.quiz .question-skip .icon svg path {
  fill: #C8D8D8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.quiz .question-skip p {
  font-weight: 450;
  font-size: 1vw;
  line-height: 0.9375vw;
  letter-spacing: 0.03em;
}
.quiz .question-skip:hover svg {
  fill: var(--main-color);
}
.quiz .question-skip:hover svg path {
  fill: var(--main-color);
}
.quiz .question-skip.checked .icon {
  background-color: var(--main-color);
}
.quiz .question-skip.checked .icon svg {
  fill: #FFF;
}
.quiz .question-skip.checked .icon svg path {
  fill: #FFF;
}
.quiz .quiz-final {
  background-color: #FFF;
  display: none;
  height: 100%;
}
.quiz .quiz-final__block {
  position: relative;
  width: 54.3229166667vw;
  height: 100%;
  background-color: #F1F5F5;
  padding: 1.3854166667vw 20.8333333333vw 4.4270833333vw 7.5520833333vw;
}
.quiz .quiz-final__img {
	width: auto;
	height: 100%;
	position: absolute;
	right: -18.0208333333vw;
  	bottom: 0;
}
.quiz .quiz-final__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.quiz .quiz-final__img .quiz__arrow {
	position: absolute;
}
.quiz .quiz-final__img .quiz__arrow.quiz__arrow-2 {
	left: -12vw;
    top: 20vw;
    width: 10.125rem;
    height: 4.625rem;
}
.quiz .quiz-final__img .quiz__hand__circle {
	width: 9.5rem;
    height: 9.438rem;
    background-color: var(--plyr-color-main);
    border-radius: 50%;
    position: absolute;
    top: 4.5vw;
    right: 25vw;
}
.quiz .quiz-final__img .quiz__hand__circle .quiz__hand__circle--roll {
	height: 100%;
    width: 100%;
	-moz-animation: 15s linear 0s normal none infinite running roll;
	-webkit-animation: 15s linear 0s normal none infinite running roll;
    animation: 15s linear 0s normal none infinite running roll;
}
@keyframes roll {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-moz-keyframes roll {
	from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes roll {
	from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.quiz .quiz-final__img .quiz__hand__circle .quiz__hand__circle__text {
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 0.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	color: #FFF;
}
.quiz .quiz-final__img .quiz__hand__circle .quiz__hand__circle__text .quiz__hand__circle__text--timer {
    font-size: 1.875rem;
    font-weight: 500;
    padding-left: 1.5rem;
    position: relative;
    margin: 0.3rem 0;
}
.quiz .quiz-final__img .quiz__hand__circle .quiz__hand__circle__text .quiz__hand__circle__text--timer::before {
    content: '';
    width: 3.3125rem;
    height: 2.25rem;
    background-image: url(../img/clock.png);
    position: absolute;
    background-size: contain;
    left: -1.3rem;
    top: 50%;
    transform: translate(0, -50%);
}
.quiz .quiz-final__content .content-title {
  font-weight: 700;
  font-size: 1.475vw;
  line-height: 2.6041666667vw;
  letter-spacing: 0.02em;
  margin-bottom: 1.0416666667vw;
}
.quiz .quiz-final__content .content-text {
  font-size: 1.8vw;
  line-height: 2vw;
  letter-spacing: 0.02em;
  margin-bottom: 0.5625vw;
}
.quiz .quiz-final__content .content-form {
  width: 22.9166666667vw;
}
.quiz .quiz-final__content .content-form .form-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1.3020833333vw;
  align-items: flex-start;
}
.quiz .quiz-final__content .content-form .form-container .form-input,
.quiz .quiz-final__content .content-form .form-container .form-select {
  width: 100%;
  margin: 0;
  margin-bottom: 1.3020833333vw;
}
.quiz .quiz__contact {
	display: flex;
    justify-content: flex-start;
    margin-top: 1.5vw;
	margin-bottom: 1vw;
}
.quiz .quiz__contact p {
	display: contents;
	margin: 0;
}
.quiz .quiz__contact .quiz__contact__item .visually-hidden {
	position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}
.quiz .quiz__contact .quiz__contact__item .quiz__contact__box {
    width: 7vw;
    height: 8vw;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    transition: var(--transition);
}
.quiz .quiz__contact .quiz__contact__item .quiz__contact__icon {
    width: 4.375vw;
    height: 4.438vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 0.8rem;
    background-color: var(--main-color);
}
.quiz .quiz__contact .quiz__contact__item .quiz__contact__icon.quiz__contact__icon--wa {
    background-color: #25d266;
}
.quiz .quiz__contact .quiz__contact__item .quiz__contact__icon.quiz__contact__icon--tg {
    background-color: #00a2f2;
}
.quiz .quiz__contact .quiz__contact__item .quiz__contact__icon.quiz__contact__icon--vb {
    background-color: #746fbb;
}
.quiz .quiz__contact .quiz__contact__item .quiz__contact__icon.quiz__contact__icon--max {
	background: radial-gradient(ellipse at 25% 25%, #5a8cff 0%, #6366F1 40%, #7C3AED 70%, #8B5CF6 100%);
}
.quiz .quiz__contact .quiz__contact__item .quiz__contact__icon img {
	max-height: 5vw;
    max-width: 5vw;
}
.quiz .quiz__contact .quiz__contact__item input:checked+.quiz__contact__box, .quiz__contact__box:hover {
    box-shadow: 0px 7px 27px 0 #28282819;
    background-color: #fff;
    box-shadow: 0 0 0 1px #434d5d;
}
.quiz .quiz__contact .quiz__contact__item .quiz__contact__box .quiz__contact__name {
	font-size: 1vw;
}

.social_radio {
    height: 30px;
    padding: 10px 0 20px;
}

.social_radio-item {
    width: 30%;
    height: 100%;
}

.social_radio-items label {
    padding-right: 10px;
}

.input-hidden {
  position: absolute;
  left: -9999px;
}
.social_radio-item-img {
    object-fit: contain;
    width: 25px;
}

/* HIDE RADIO */
.social_radio-items [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.social_radio-items [type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
.social_radio-items [type=radio]:checked + img {
  padding: 1px;
  border: 2px solid #38BC80;
  border-radius: 30px;
}

.quiz .quiz-final .social_radio {
	height: auto;
	padding: 0;
}

.quiz .quiz-final .social_radio-items {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.75vw;
}

.quiz .quiz-final .social_radio-items label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.quiz .quiz-final .social_radio-item {
	width: auto;
	height: auto;
}

.quiz .quiz-final .social_radio-item-img {
	width: 2.5vw;
	height: 2.5vw;
	min-width: 2.5vw;
	min-height: 2.5vw;
}

.quiz .quiz-final .social_radio-items [type=radio]:checked + img,
.quiz .quiz-final .social_radio-items [type=radio]:checked + .social_radio-item-img,
.quiz .quiz-final .social_radio-items [type=radio]:checked + span img,
.quiz .quiz-final .social_radio-items [type=radio]:checked + .quiz__contact__box {
	padding: 2px;
	border: 2px solid #38BC80;
	border-radius: 30px;
	background-color: #fff;
}

.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-radio {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.75vw;
}

.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-list-item {
	margin: 0;
}

.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-list-item label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4vw;
	cursor: pointer;
}

.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-list-item input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-list-item img {
	width: 2.5vw;
	height: 2.5vw;
	min-width: 2.5vw;
	min-height: 2.5vw;
	object-fit: contain;
}

.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-list-item-label {
	font-size: 1vw;
}

.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label,
.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-list-item input[type="radio"]:checked + img,
.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-list-item input[type="radio"]:checked + span img {
	padding: 2px;
	border: 2px solid #38BC80;
	border-radius: 30px;
	background-color: #fff;
}

.quiz .quiz-final__content .content-form .form-container .form-btn {
  width: 100%;
  font-size: 0.9375vw;
}
.quiz .quiz-final__content .content-form .form-container .form-btn span {
  width: 15.625vw;
  margin-right: 0.78125vw;
}
.quiz .quiz-final__content .content-form .form-container .form-btn img,
.quiz .quiz-final__content .content-form .form-container .form-btn svg {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
}
.quiz .quiz-final__content .content-form .form-container .form-btn:hover img,
.quiz .quiz-final__content .content-form .form-container .form-btn:hover svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.quiz .quiz-final.visible {
  display: block;
}
.quiz .quiz-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}
.quiz .quiz-loader.visible {
  opacity: 1;
  pointer-events: all;
}
.quiz .quiz-loader .circle {
  width: 13.0208333333vw;
  height: 13.0208333333vw;
  border-radius: 50%;
  border-bottom: 0.4166666667vw solid var(--main-color);
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}
.quiz .quiz-loader p {
  padding-top: 1.3020833333vw;
  font-size: 1.3541666667vw;
  font-family: PorscheNextTT;
}
@keyframes moveIt {
    from {
        background-position: 0 center;
    }
    to {
        background-position: 2.49rem center;
    }
}
@-moz-keyframes moveIt {
	from {
        background-position: 0 center;
    }
    to {
        background-position: 2.49rem center;
    }
}
@-webkit-keyframes moveIt {
	from {
        background-position: 0 center;
    }
    to {
        background-position: 2.49rem center;
    }
}
.quiz__bar__prg::after {
    content: "";
    display: block;
    transition: all .3s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--main-color) url(../img/lines.png);
    background-size: 2.49rem;
	-moz-animation: moveIt 1.5s infinite linear;
	-webkit-animation: moveIt 1.5s infinite linear;
	-o-animation: moveIt 1.5s infinite linear;
	-ms-animation: moveIt 1.5s infinite linear;
    animation: moveIt 1.5s infinite linear;
}
.quiz__bar {
    width: 95%;
    height: 3rem;
    padding: 0.29rem 0.34rem;
    border-radius: 0.5rem;
    background-color: #f9f9f9;
	margin: 1rem auto;
    position: relative;
}
.fw-medium {
    font-weight: 500;
}
.quiz__bar--ln {
    width: 100%;
    margin-left: 0;
}
.quiz__bar__prg {
    width: 8.131rem;
    height: 100%;
    background-color: var(--main-color-darken);
    transition: .3s all;
    border-radius: inherit;
    position: relative;
}
.quiz__bar__prg::after {
    content: "";
    display: block;
    transition: all .3s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/lines.png);
    background-size: 2.49rem;
	-moz-animation: moveIt 1.5s infinite linear;
	-webkit-animation: moveIt 1.5s infinite linear;
	-o-animation: moveIt 1.5s infinite linear;
	-ms-animation: moveIt 1.5s infinite linear;
    animation: moveIt 1.5s infinite linear;
}
.quiz__bar__text {
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: 0.7px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
}

.video-player {
	position: fixed;
	top: -6.25vw;
	left: 0;
	right: 0;
	bottom: -6.25vw;
	z-index: 1100;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	opacity: 0 !important;
	pointer-events: none;
}
.video-player__blur {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.video-player.active {
	top: 0;
	bottom: 0;
	opacity: 1 !important;
	pointer-events: all;
}
.video-player__top {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 6.25vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	padding: 0 2.6041666667vw;
}
.video-player__top .top-blur {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.video-player__controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.video-player__controls .control-btn {
	width: 1.5625vw;
	height: 1.5625vw;
	margin: 0 1.0416666667vw;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	position: relative;
	z-index: 5;
}
.video-player__controls .control-btn img, .video-player__controls .control-btn svg {
	width: 1.5625vw;
	height: 1.5625vw;
	fill: #FFF;
	display: block;
}
.video-player__controls .control-btn img *, .video-player__controls .control-btn svg * {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	fill: #FFF;
}
.video-player__controls .control-btn:hover svg {
	fill: var(--main-color);
}
.video-player__controls .control-btn:hover svg * {
	fill: var(--main-color);
}
.video-player__controls .control-btn.swiper-button-disabled, .video-player__controls .control-btn.disabled {
	opacity: 0.5;
	cursor: default;
}
.video-player__controls .control-btn.swiper-button-disabled:hover svg, .video-player__controls .control-btn.disabled:hover svg {
	fill: #FFF;
}
.video-player__controls .control-btn.swiper-button-disabled:hover svg *, .video-player__controls .control-btn.disabled:hover svg * {
	fill: #FFF;
}
.video-player__controls .control-btn.play-video-btn img, .video-player__controls .control-btn.play-video-btn svg {
	display: none;
}
.video-player__controls .control-btn.play-video-btn img.video-play, .video-player__controls .control-btn.play-video-btn svg.video-play {
	display: block;
}
.video-player__controls .control-btn.play-video-btn.active .video-play {
	display: none;
}
.video-player__controls .control-btn.play-video-btn.active .video-pause {
	display: block;
}
.video-player__slider {
	height: 31.25vw;
}
.video-player__slider .swiper {
	height: 100%;
}
.video-player__slider .swiper .swiper-wrapper {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.video-player__slider .swiper .swiper-wrapper .swiper-slide {
	height: auto;
	position: relative;
}
.video-player__slider .swiper .swiper-wrapper .swiper-slide .slide-blur {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.video-player__slider video {
	display: block;
	margin: 0 auto;
	height: 31.25vw;
	background-color: #000;
}
.video-player__thumbs {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 7.8125vw;
	padding: 1.3020833333vw 2.6041666667vw;
}
.video-player__thumbs .swiper {
	width: 51.0416666667vw;
	margin: 0 auto;
	height: 5.2083333333vw;
}
.video-player__thumbs .swiper .swiper-wrapper {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.video-player__thumbs .swiper .swiper-wrapper .swiper-slide {
	width: 9.375vw;
	height: auto;
	margin-right: 1.0416666667vw;
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.video-player__thumbs .swiper .swiper-wrapper .swiper-slide:last-child {
	margin-right: 0;
}
.video-player__thumbs .swiper .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: relative;
	z-index: 1;
}
.video-player__thumbs .swiper .swiper-wrapper .swiper-slide::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background-color: var(--main-color);
	opacity: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.video-player__thumbs .swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after {
	opacity: 0.3;
}
.video-player__close {
	position: absolute;
	top: 50%;
	right: 2.6041666667vw;
	width: 1.5625vw;
	height: 1.5625vw;
	z-index: 10;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}
.video-player__close img, .video-player__close svg {
	width: 100%;
	height: 100%;
	display: block;
	fill: #FFF;
}
.video-player__close img path, .video-player__close svg path {
	fill: #FFF;
}
.video-player .plyr {
	width: 52.0833333333vw;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.plyr .plyr__controls__item.plyr__menu {
	display: none;
}
.plyr .plyr__controls__item[data-plyr=pip] {
	display: none;
}

.guarantee__text > p {
	margin-bottom: 2.0833333333vw;
}
.guarantee__text > p:last-child {
	margin-bottom: 0;
}

.solutions__slider {
	display: none;
}
.solutions__slider.active {
	display: block;
}

.examples__wrap-inner .category-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 0.78125vw;
}
.examples__wrap-inner .category-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	font-size: 0.8333333333vw;
	letter-spacing: 0.02em;
	color: var(--main-color);
	cursor: pointer;
}
.examples__wrap-inner .category-btn span {
	margin-right: 0.5208333333vw;
}
.examples__wrap-inner .category-btn img, .examples__wrap-inner .category-btn svg {
	width: 0.625vw;
	height: 0.625vw;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	fill: var(--main-color);
}
.examples__wrap-inner .category-btn img path, .examples__wrap-inner .category-btn svg path {
	fill: var(--main-color);
}
.examples__wrap-inner .category-btn:hover img, .examples__wrap-inner .category-btn:hover svg {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.examples__filter-list.shorted-list li:nth-child(1n+5) {
	display: none;
}
.examples__card:nth-child(1n+7) {
	display: none;
}
.examples__items.md-filters-active .examples__card:nth-child(1n+7) {
	display: block;
}
.examples__items.md-filters-active .examples__card.hidden {
	display: none;
}
.examples__inner {
	cursor: pointer;
}
.examples__reset:not(.disabled):hover {
	background-color: var(--main-color);
    color: #fff;
}
.examples__card-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: inherit;
    border: none;
    color: #fff;
    padding: 1vw 2vw;
	height: 4.4vw;
	margin-top: 1vw;
    background-color: #38bc80;
    font-weight: 700;
    font-size: 1.0416666667vw;
    letter-spacing: .02em;
    position: relative;
    overflow: hidden;
	text-align: center;
}
.examples__card-button::after{
	display: block;
    position: absolute;
    content: "";
    width: 2.7083333333vw;
    height: 12.5vw;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    top: -2.6041666667vw;
    background-color: #fff;
    z-index: 1;
    -webkit-animation: blick 5s infinite;
    animation: blick 5s infinite;
}
.examples__card-button-arrow {
	margin-left: 0.5208333333vw;
	width: 0.78125vw;
    height: 0.78125vw;
}


.fancybox__thumbs,
.fancybox__counter,
.fancybox__button--thumbs {
  display: none;
}
.info-tags span {
	background: #05a0eb;
}
.examples__tag:nth-child(2n),
.info-tags span:nth-child(2n) {
	background: #746fbb;
}
.examples__tag:nth-child(3n),
.info-tags span:nth-child(3n) {
	background: #ef5b47;
}

.catalog {
	overflow: hidden;
}
.catalog__form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.catalog__form .form-select {
    width: 11.71875vw;
    margin-right: 2.34375vw
}
.catalog__form .form-input {
    width: 13.0208333333vw;
    margin-right: 2.34375vw
}
.catalog__form .form-btn {
    width: 14.3229166667vw
}
.catalog__form .form-btn span {
    margin-right: .5208333333vw
}
.catalog__form .form-btn img,
.catalog__form .form-btn svg {
    width: 1.0416666667vw;
    height: 1.0416666667vw
}
.catalog__form .form-btn:hover img,
.catalog__form .form-btn:hover svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

[data-fancybox] {
	cursor: pointer;
}

.high__images {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.high__images::after {
	position: absolute;
	content: "";
	display: block;
	background: rgba(28,26,26,.8);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
.high__image {
	display: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.high__image.active {
	display: block;
}
.high__item.active {
	font-weight:500;
	font-size:1.25vw;
	line-height:3.90625vw;
	color:#fff;
	position:relative;
	letter-spacing:.03em
}
.high__item.active::before{
	content:"";
	opacity:1;
	position:absolute;
	display:block;
	height:.1041666667vw;
	background-color:#fff;
	bottom:.5208333333vw;
	left:0
}
.high__item.active::after {
	-webkit-transform:translateY(30%) rotate(-135deg);
	-ms-transform:translateY(30%) rotate(-135deg);
	transform:translateY(30%) rotate(-135deg);
	border-color:#fff
}
.high__row:not(.active) {
	display: none;
}

.high__row .content-block__btn {
    margin-left: 0;
    margin-right: auto;
	margin-top: 2.6041666667vw;
    width: 20.8333333333vw;
    height: 5.2083333333vw;
    background-color: var(--main-color);
    font-size: .9375vw;
    line-height: 5.2083333333vw;
    text-align: center;
    letter-spacing: .02em;
    color: #fff;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.high__row .content-block__btn:hover {
    background-color: var(--main-color-darken)
}

.high__row .content-block__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff
}

.high__row .content-block__info p {
    font-weight: 500;
    font-size: 1.875vw;
    line-height: 2.6041666667vw;
    letter-spacing: .02em;
    margin-bottom: .2604166667vw
}

.high__row .content-block__info span {
    font-size: 1vw;
    line-height: 2.5vw;
    letter-spacing: .02em;
    margin-bottom: 2.0833333333vw
}

.high__row .content-block__info .info-img {
    width: 100%
}

.high__row .content-block__info .info-img .container-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.5208333333vw -.6770833333vw
}

.high__row .content-block__info .info-img .container-flex img {
    height: 2.8645833333vw;
    margin: .5208333333vw .6770833333vw
}

.complex__card:hover .complex__card-image {
	opacity: 1;
}
.complex__card-image {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #1c1c1c;
	opacity: 0;
	transition: .3s ease-in;
}
.complex__card-image::after {
	position: absolute;
	content: "";
	display: block;
	background: rgba(28,26,26,.8);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.complex__card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.trust__mobile-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.trust__mobile-slide {
	width: 100%;
	height: 100%;
	display: flex;
}
.trust__mobile-wrapper .swiper-slide {
	height: auto;
}
.trust__mobile-wrapper .swiper-wrapper {
	-webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.trust__mobile-wrapper .swiper {
    border-top-right-radius: 2.6041666667vw;
    border-top-left-radius: 2.6041666667vw;
}
.trust__mobile-wrapper {
    width: 29.0104166667vw;
    height: 58.6458333333vw;
    position: relative;
    padding: 1.1979166667vw 1.4583333333vw;
}
.trust__mobile-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/content/review-slider.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none;
    z-index: 5;
}

.help__cost .words-icon {
    width: 2.0833333333vw;
    height: 2.03125vw;
    margin-bottom: .78125vw;
    background-image: url(../img/general/text-cloud-sprite.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-animation: talk_cloud 2.5s steps(4) infinite;
    animation: talk_cloud 2.5s steps(4) infinite
}
.help__cost .words-icon img, .help__cost .words-icon svg {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    fill: var(--main-color);
    display: none
}
.help__cost .words-slider .swiper-slide {
    opacity: 0!important;
    -webkit-transition: .3s;
    transition: .3s
}
.help__cost .words-slider .swiper-slide.swiper-slide-active {
    opacity: 1!important
}

section.first.first__delivery::after,
section.first.first__information::after {
	display: none;
}

.scheme__title {
	margin: 60px 0;
}

.types__name {
	font-weight: 600;
}

.breadcrumbs {
    position: absolute;
    left: 0;
	right: 0;
	width: 100%;
    top: 9.7916666667vw;
}
.md-square-social-links > p {
	display: none;
}
.header.md-black-bg .header__container {
    background-color: #000;
}
.main-content {
	padding-top: 15vw;
}

.first-block__contacts .contacts-main .main-mail,
.first-block__contacts .contacts-main .main-phone {
	display: block;
}

.dillers__form {
	height: 100%;
}

.first-block + .examples,
.portfolio-typical + .help {
	margin-bottom: 5.2083333333vw;
}

.portfolio-typical__slider [data-fancybox],
.portfolio__item .item-slide [data-fancybox] {
	width: 100%;
	height: 100%;
}

.portfolio__item .item-slide [data-fancybox] img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.basic.basic-alt {
	background: #F1F5F5;
}
.basic.basic-alt .basic__title {
	max-width: none;
}

.patent.patent-alt {
	position: relative;
}
.patent.patent-alt .patent__container {
	padding-top: 8vw;
	padding-bottom: 8vw;
	background: #f1f5f5;
}

.price__item-right {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.price__subtitle {
	margin-bottom: 26px;
}

.complex + .works-map,
.our-target + .portfolio {
	margin-top: 8vw;
}

.seo__text {
	font-size: .9vw;
	line-height: 1.7vw;
}
.seo__text ul {
	padding-left: 35px;
}
.seo__text h1,
.seo__text h2,
.seo__text h3,
.seo__text h4 {
	margin: 15px 0;
}

@-webkit-keyframes talk_cloud {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 0 -8.3333333333vw
    }
}
@keyframes talk_cloud {
    0% {
        background-position: 0 0
    }
    to {
        background-position: 0 -8.3333333333vw
    }
}

@media only screen and (max-width: 768px) {
	html {
		width: 100%;
	}
	body {
		overflow-x: hidden;
	}
	.main-content {
		padding-top: 34vw;
	}
	.first-block + .examples,
	.portfolio-typical + .help {
		margin-bottom: 6.25vw;
	}
	.patent.patent-alt .patent__container {
		padding-bottom: 84vw;
	}
	@-webkit-keyframes talk_cloud {
        0% {
            background-position:0 0
        }
        to {
            background-position: 0 -33.75vw
        }
    }
    @keyframes talk_cloud {
        0% {
            background-position: 0 0
        }
        to {
            background-position: 0 -33.75vw
        }
    }
	.own__button-margin {
		margin-right: 0px;
	}
	.breadcrumbs {
		position: absolute;
		top: 18.125vw;
	}
	.examples__wrap-inner .category-btn {
		font-size: 3.4375vw;
	}
	.examples__wrap-inner .category-btn span {
		margin-right: 1.5625vw;
	}
	.examples__wrap-inner .category-btn img, .examples__wrap-inner .category-btn svg {
		width: 3.4375vw;
		height: 3.4375vw;
	}
	.examples__card-button {
		font-size: 3.75vw;
		padding: 3vw 5vw;
		margin-top: 6vw;
		margin-bottom: 6vw;
		height: 16vw;
	}
	.examples__card-button .examples__card-button-arrow {
		width: 2.5vw;
		height: 2.5vw;
	}
	.md-main-title{
		font-size:6.275vw;
		line-height:7.4375vw
	}
	.md-main-btn,.md-standart-form .form-container .form-checkbox p{
		font-size:3.75vw
	}
	.md-main-btn{
		width:87.5vw;
		height:18.75vw
	}
	.md-main-btn span{
		margin-right:3.125vw
	}
	.md-main-btn img,.md-main-btn svg{
		width:3.75vw;
		height:3.75vw
	}
	.md-main-btn::after{
		top:-46.875vw;
		width:6.25vw;
		height:93.75vw
	}
	.md-main-btn .loader .loader-circle{
		width:10.9375vw;
		height:10.9375vw;
		border-bottom:.9375vw solid #fff
	}
	.md-line-bottom span::after{
		bottom:0;
		height:.3125vw
	}
	.md-standart-form .form-container{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
		margin-bottom:4.6875vw
	}
	.md-standart-form .form-input,.md-standart-form .form-select{
		margin-right:0;
		width:86.25vw;
		margin-bottom:5.625vw
	}
	.md-standart-form .form-container .form-checkbox{
		margin-bottom:4.6875vw
	}
	.md-standart-form .form-input{
		height:auto
	}
	.md-standart-form .form-input[data-date-picker-js]::after{
		width:1.5625vw;
		height:1.5625vw;
		border-right:.3125vw solid #fff;
		border-bottom:.3125vw solid #fff;
		bottom:6.25vw
	}
	.md-standart-form .form-input span,.md-standart-form .form-select>span{
		font-size:3.8vw;
		line-height:3.125vw
	}
	.md-standart-form .form-input input{
		height:14.0625vw;
		font-size:4.375vw;
		border-bottom:.3125vw solid #fff
	}
	.md-standart-form .form-checkbox .checkbox{
		width:4.6875vw;
		height:4.6875vw;
		border-radius:.625vw;
		border:.3125vw solid var(--main-color);
		margin-right:3.125vw
	}
	.md-standart-form .form-checkbox .checkbox img,
	.md-standart-form .form-checkbox .checkbox svg{
		width:1.875vw;
		height:1.5625vw
	}
	.md-standart-form .form-checkbox .text{
		font-size:2.5vw;
		line-height:3.125vw
	}
	.md-standart-form .form-select .select-img{
		width:8.4375vw;
		height:8.4375vw;
		bottom:2.1875vw
	}
	.md-standart-form .form-select .nice-select{
		height:14.0625vw;
		border-bottom:.3125vw solid #fff
	}
	.md-standart-form .form-select .nice-select .current{
		line-height:14.0625vw;
		font-size:4.375vw
	}
	.md-standart-form .form-select .nice-select .current::after{
		width:1.5625vw;
		height:1.5625vw;
		border-right:.3125vw solid #fff;
		border-bottom:.3125vw solid #fff;
		right:-6.25vw
	}
	.md-standart-form .form-select .nice-select .list .option{
		padding:0 4.6875vw;
		line-height:12.5vw;
		font-size:4.375vw
	}
	.md-standart-video .video-text p,.md-standart-video .video-text span{
		font-size:3.125vw;
		line-height:4.375vw
	}
	.md-standart-slider-buttons{
		width:21.5625vw;
		display:none
	}
	.md-standart-slider-buttons .slider-btn{
		width:10.625vw;
		height:10.625vw
	}
	.md-standart-slider-buttons .slider-btn img,.md-standart-slider-buttons .slider-btn svg{
		width:3.125vw;
		height:3.125vw
	}
	.md-square-social-links .social-link{
		height:14.0625vw;
		margin-left:3.125vw
	}
	.md-square-social-links .social-link:first-child{
		margin-left:0
	}
	.md-square-social-links .social-link.whats-app{
		padding:0 3.125vw
	}
	.md-square-social-links .social-link.whats-app img,.md-square-social-links .social-link.whats-app svg{
		width:6.875vw;
		height:6.875vw;
		margin-right:2.1875vw
	}
	.md-square-social-links .social-link.whats-app div{
		width:35.9375vw
	}
	.md-square-social-links .social-link.whats-app div p{
		font-size:2.5vw;
		line-height:4.375vw
	}
	.md-square-social-links .social-link.whats-app div span{
		font-size:2.5vw;
		line-height:3.75vw
	}
	.md-square-social-links .social-link.telegram,.md-square-social-links .social-link.viber{
		width:14.0625vw
	}
	.md-square-social-links .social-link.telegram img,.md-square-social-links .social-link.telegram svg,.md-square-social-links .social-link.viber img,.md-square-social-links .social-link.viber svg{
		width:4.375vw
	}
	.page .md-standart-slider-pagination{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center
	}
	.page .md-standart-slider-pagination .swiper-pagination-bullet{
		width:1.875vw;
		height:1.875vw;
		margin:0 1.25vw
	}
	.md-standart-video .video-btn{
		width:23.4375vw;
		height:23.4375vw;
		margin-right:6.25vw
	}
	.md-standart-video .video-btn img,.md-standart-video .video-btn svg{
		width:3.4375vw;
		height:3.75vw
	}
	.md-standart-video .video-text{
		width:39.0625vw
	}
	.md-standart-video .video-text p{
		margin-bottom:1.5625vw
	}
	.catalog__form .form-btn {
		width: 100%;
	}
	.catalog__form .form-btn span {
		margin-right: 1.5625vw;
	}
	.catalog__form .form-btn img,
	.catalog__form .form-btn svg {
		width: 3.4375vw;
		height: 3.4375vw;
	}
	.quiz__body .body-side,.quiz__header .header-container{
		display:none
	}
	.quiz .quiz-final__content .content-form,.quiz__body .body-main,
	.quiz__header .header-slider .swiper{
		width:100%
	}
	.quiz__header .header-slider .swiper-slide{
		width:34.375vw;
		padding:0 9.375vw;
		height:15.625vw;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		font-family:Porsche;
		font-size:3.125vw;
		line-height:4.375vw;
		letter-spacing:.05em;
		color:#c8d8d8;
		border-left:.3125vw solid #f1f5f5;
		border-bottom:.3125vw solid #f1f5f5;
		-webkit-transition:.3s;
		transition:.3s
	}
	.quiz__header .header-slider .swiper-slide.active{
		background-color:var(--main-color);
		color:#fff;
		font-weight:700
	}
	.quiz__body .body-container{
		padding:6.25vw
	}
	.quiz__body .body-main__item .item-title{
		font-size:5vw;
		line-height:5.625vw;
		margin-bottom:3.6875vw
	}
	.quiz__body .body-main__item .item-content{
		height:auto;
		min-height:62.5vw;
		max-height:90.625vw;
		margin-right:0;
		margin-bottom:9.375vw
	}
	.quiz__body .body-main__item .item-bottom .bottom-text{
		width:31.25vw;
		font-size:2.1875vw;
		line-height:3.125vw
	}
	.quiz .radio-question-container,.quiz__body .body-main__item .item-bottom .bottom-buttons{
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between
	}
	.quiz__body .body-main__item .item-bottom .bottom-buttons .prev-btn{
		font-size:3.125vw
	}
	.quiz__body .body-main__item .item-bottom .bottom-buttons .next-btn{
		width:28.125vw;
		height:12.5vw;
		font-size:4vw
	}
	.quiz__body .body-main__item .item-bottom .bottom-buttons .next-btn span{
		margin-right:1.5625vw
	}
	.quiz__body .body-main__item .item-bottom .bottom-buttons .next-btn img,.quiz__body .body-main__item .item-bottom .bottom-buttons .next-btn svg{
		width:2.5vw;
		height:2.5vw
	}
	.quiz__body .body-main__item .item-bottom .bottom-buttons .btn-wrap{
		margin-right:4.6875vw
	}
	.quiz__body .body-main__item .item-bottom .bottom-buttons .btn-wrap .hint{
		padding:2.1875vw;
		font-size:2.1875vw
	}
	.quiz__body .body-main__item .item-bottom .bottom-buttons .btn-wrap:last-child{
		margin-right:0
	}
	.quiz .radio-question-container .radio-item{
		width:48%;
		margin-left:0;
		margin-top:3.125vw
	}
	.quiz .radio-question-container .radio-item:nth-child(3n+1),
	.quiz .radio-question-container.md-no-img-items .radio-item:nth-child(odd){
		margin-left:0
	}
	.quiz .radio-question-container .radio-item:first-child,
	.quiz .radio-question-container .radio-item:nth-child(2),
	.quiz .radio-question-container.md-no-img-items .radio-item:first-child{
		margin-top:0
	}
	.quiz .radio-question-container .radio-item:nth-child(3),
	.quiz .radio-question-container.md-no-img-items .radio-item:nth-child(2){
		margin-top:3.125vw
	}
	.quiz .radio-question-container .radio-item .item-img{
		width:100%;
		height:21.5625vw;
		border-right:1.5625vw;
		margin-bottom:1.5625vw;
		position:relative
	}
	.quiz .radio-question-container .radio-item .item-img img{
		border-radius:1.5625vw
	}
	.quiz .radio-question-container .radio-item .item-img::after{
		border:.3125vw solid transparent;
		border-radius:1.5625vw
	}
	.quiz .question-skip .icon,
	.quiz .radio-question-container .radio-item .item-text .icon{
		width:3.75vw;
		height:3.75vw;
		margin-right:1.5625vw
	}
	.quiz .question-skip .icon img,
	.quiz .question-skip .icon svg,
	.quiz .radio-question-container .radio-item .item-text .icon img,
	.quiz .radio-question-container .radio-item .item-text .icon svg{
		width:1.25vw;
		height:.9375vw
	}
	.quiz .question-skip p,
	.quiz .radio-question-container .radio-item .item-text p{
		font-size:3.1vw;
		line-height:3vw
	}
	.quiz .radio-question-container.md-large-items .radio-item .item-img{
		height:35.625vw
	}
	.quiz .radio-question-container.md-large-items-2 .radio-item .item-img{
		height:39.375vw
	}
	.quiz .radio-question-container.md-no-img-items .radio-item{
		width:100%;
		margin-top:3.125vw;
		margin-left:0
	}
	.quiz .radio-question-container.md-no-img-items .radio-item .item-text{
		font-size:3.125vw;
		padding:3.125vw;
		border:.3125vw solid #f1f5f5
	}
	.quiz .text-question-container .input-wrap{
		width:100%;
		margin-bottom:6.25vw
	}
	.quiz .text-question-container .input-wrap input{
		width:100%;
		height:15.625vw;
		padding:0 4.6875vw;
		font-size:3.75vw
	}
	.quiz .quiz-loader .circle{
		width:46.875vw;
		height:46.875vw;
		border-bottom:1.25vw solid var(--main-color)
	}
	.quiz .quiz-loader p{
		padding-top:4.6875vw;
		font-size:3.75vw
	}
	.quiz .quiz-final{
		min-height:62.5vw
	}
	.quiz .quiz-final__block{
		width:100%;
		height:auto;
		padding:6.25vw
	}
	.quiz .quiz-final__content .content-title{
		font-size:4.2vw;
		line-height:7.5vw;
		margin-bottom:4.6875vw
	}
	.quiz .quiz-final__content .content-text{
		font-size:6.275vw;
		line-height:7vw;
		margin-bottom:4.6875vw
	}
	.quiz .quiz-final__content .content-form .form-container{
		margin-bottom:4.6875vw
	}
	.quiz .quiz-final__content .content-form .form-container .form-input,.quiz .quiz-final__content .content-form .form-container .form-select{
		width:100%;
		margin:0 0 4.6875vw
	}
	.quiz .quiz-final__content .content-form .form-container .form-btn{
		width:100%;
		height:18.75vw;
		font-size:3.75vw
	}
	.quiz .quiz-final__content .content-form .form-container .form-btn span{
		font-size:3.75vw;
		width:54.6875vw;
		margin-right:3.125vw
	}
	.quiz .quiz-final__content .content-form .form-container .form-btn img,.quiz .quiz-final__content .content-form .form-container .form-btn svg{
		width:3.75vw;
		height:3.75vw
	}
	.quiz .quiz__contact {
		margin-top: 1vw;
		margin-bottom: 6vw;
	}
	.quiz .quiz__contact .quiz__contact__item .quiz__contact__box {
		width: 19vw;
		height: 19vw;
	}
	.quiz .quiz__contact .quiz__contact__item .quiz__contact__icon {
		width: 10vw;
    	height: 10vw;
	}
	.quiz .quiz__contact .quiz__contact__item .quiz__contact__icon img {
		height: 5vw;
		width: 5vw;
	}
	.quiz .quiz__contact .quiz__contact__item .quiz__contact__box .quiz__contact__name {
		font-size: 3vw;
	}
	.quiz .quiz-final .social_radio-items {
		gap: 3vw;
	}
	.quiz .quiz-final .social_radio-item-img {
		width: 8vw;
		height: 8vw;
		min-width: 8vw;
		min-height: 8vw;
	}
	.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-radio {
		gap: 3vw;
	}
	.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-list-item img {
		width: 8vw;
		height: 8vw;
		min-width: 8vw;
		min-height: 8vw;
	}
	.quiz .quiz-final .wpcf7-form-control-wrap[data-name="obratnaya"] .wpcf7-list-item-label {
		font-size: 3vw;
	}
	.quiz .quiz-final__img {
		position: relative;
	}
	.quiz .quiz-final__img .quiz__hand__circle {
		bottom: 4.5vw;
		right: 50vw;
		top: unset;
	}
	.quiz .quiz-final__img .quiz__arrow.quiz__arrow-2 {
		left: -24vw;
		transform: rotate(-60deg);
	}
	.help__cost{
		width:75vw;
		top:unset;
		left:6.25vw;
		right:unset;
		bottom:142.1875vw
	}
	.help__cost .words-icon{
		width:8.4375vw;
		height:8.125vw;
		margin-bottom:3.125vw
	}
	.help__cost .words-icon img,
	.help__cost .words-icon svg{
		width:8.4375vw;
		height:8.4375vw
	}
	.help__cost .words-text{
		font-size:4.375vw;
		line-height:7.1875vw
	}
	.high__row .content-block:first-child{
		width:100%;
		margin-bottom:6.25vw
	}
	.high__row .content-block__text p:last-child,
	.high__row .content-block__text:last-child{
		margin-bottom:0
	}
	.high__row .content-block:nth-child(2),
	.high__row .content-block__form{
		width:100%
	}
	.high__row .content-block__text{
		margin-bottom:6.25vw
	}
	.high__row .content-block__text p{
		font-size:4.375vw;
		line-height:6.25vw;
		margin-bottom:6.25vw
	}
	.high__row .content-block__form .form-title,
	.high__row .content-block__info span{
		font-size:3.75vw;
		line-height:4.375vw;
		margin-bottom:4.6875vw
	}
	.high__row .content-block__form .form-input{
		width:100%;
		margin-right:0
	}
	.high__row .content-block__form .form-btn,
	.high__row .content-block__form .form-buttons-container{
		width:100%
	}
	.high__row .content-block__btn{
		width:100%;
		height:18.75vw;
		font-size:3.75vw;
		line-height:18.75vw
	}
	.high__row .content-block__info p{
		font-size:4.375vw;
		line-height:6.25vw;
		margin-bottom:4.6875vw
	}
	.high__row .content-block__info .info-img .container-flex{
		margin:-1.5625vw -1.875vw
	}
	.high__row .content-block__info .info-img .container-flex img{
		height:7.5vw;
		margin:1.5625vw 1.875vw
	}
	.popup{
		padding-top:9.375vw;
		padding-bottom:9.375vw
	}
	.popup__block{
		padding:6.25vw;
		width: 90vw;
	}
	.politika-popup .politika-popup__title,.popup__block .popup-title{
		font-size:6.875vw;
		line-height:8.125vw;
		margin-bottom:6.25vw
	}
	.popup__block .popup-text{
		font-size:3.75vw;
		line-height:5vw;
		margin-bottom:4.6875vw
	}
	.catalog-download-popup .popup-title br,.expert-order-popup .popup-title br,.instruction-download-popup .popup-title br,.popup__block .popup-text br{
		display:none
	}
	.popup__block .popup-form{
		width:100%
	}
	.catalog-download-popup .popup-title,.instruction-download-popup .popup-title,.popup__block .popup-form .form-container{
		margin-bottom:6.25vw
	}
	.popup__block .popup-form .form-container .form-input,.popup__block .popup-form .form-container .form-select{
		margin-bottom:3.125vw
	}
	.popup__block .popup-form .form-container .form-input:last-child,.popup__block .popup-form .form-container .form-select:last-child{
		margin-bottom:0
	}
	.datepicker-container,.popup__block .popup-form .form-container .form-btn span{
		font-size:3.75vw
	}
	.popup__block .popup-form .form-checkbox p{
		width:62.5vw
	}
	.call-back-popup,.catalog-download-popup,.fast-order-popup,.instruction-download-popup,.credit-back-popup,.popup__block .popup-slider{
		width:93.75vw
	}
	.popup__close,.popup__close img,.popup__close svg{
		width:3.125vw;
		height:3.125vw
	}
	.popup__block .popup-slider .swiper{
		height:130.625vw
	}
	.popup__block .popup-slider .slider-controls .slider-buttons{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex
	}
	.popup__block .popup-slider .slider-controls .slider-pagination{
		padding:0 3.125vw 0 6.25vw
	}
	.popup__block .popup-slider__slide .slide-info{
		padding:0 0 12.5vw 6.25vw
	}
	.popup__block .popup-slider__slide .slide-info .info-text{
		font-size:3.75vw;
		line-height:4.375vw;
		margin-bottom:3.125vw
	}
	.popup__block .popup-slider__slide .slide-info .info-name{
		font-size:4.375vw;
		margin-bottom:3.125vw
	}
	.popup__block .popup-slider__slide .slide-info .info-status{
		font-size:3.125vw;
		line-height:3.75vw
	}
	.popup__close{
		top:3.125vw;
		right:3.125vw
	}
	.politika-popup{
		width:93.75vw;
		padding:6.25vw
	}
	.politika-popup .politika-title{
		font-size:5.625vw;
		line-height:7.5vw;
		margin-bottom:4.6875vw
	}
	.politika-popup p{
		font-size:3.75vw;
		line-height:4.375vw;
		margin-bottom:4.6875vw
	}
	.download-popup-trigger{
		display:none!important
	}
	.instruction-download-popup .popup-form .form-container .form-btn span{
		width:46.875vw;
		line-height:5vw
	}
	.catalog-download-popup .popup-form .form-container .form-btn img,.catalog-download-popup .popup-form .form-container .form-btn svg,.instruction-download-popup .popup-form .form-container .form-btn img,.instruction-download-popup .popup-form .form-container .form-btn svg{
		width:3.4375vw;
		height:3.4375vw
	}
	.expert-order-popup{
		width:93.75vw;
		padding-bottom:137.5vw;
		min-height:unset
	}
	.expert-order-popup .popup-title{
		line-height:8.125vw
	}
	.expert-order-popup .popup-text{
		line-height:5vw
	}
	.video-player{
		top:-18.75vw;
		bottom:-18.75vw
	}
	.video-player__top{
		height:18.75vw;
		padding:0 6.25vw
	}
	.video-player__controls .control-btn{
		width:6.25vw;
		height:6.25vw;
		margin:0 3.125vw
	}
	.video-player__controls .control-btn img,.video-player__controls .control-btn svg{
		width:6.25vw;
		height:6.25vw
	}
	.video-player__slider,.video-player__slider video{
		height:49.375vw
	}
	.video-player__thumbs{
		height:31.25vw;
		padding:4.6875vw 6.25vw
	}
	.video-player__thumbs .swiper{
		width:87.5vw;
		height:21.875vw
	}
	.video-player__thumbs .swiper .swiper-wrapper .swiper-slide{
		width:40.625vw;
		margin-right:6.25vw
	}
	.video-player__thumbs .swiper .swiper-wrapper .swiper-slide:last-child{
		margin-right:0
	}
	.video-player__close{
		right:6.25vw;
		width:6.25vw;
		height:6.25vw
	}
	.video-player .plyr{
		width:87.5vw
	}
	.about__achievement {
		max-width: 25vw;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-bottom: 0;
	}
	.about__achievement-name {
		font-size: 3.75vw;
		line-height: 4.375vw;
		text-align: left;
	}
	.about__achievement > p > span,
	.about__achievement > p > sup {
		font-size: 3.75vw;
		text-align: left;
	}
	.about__achievement > p {
		font-size: 6.25vw;
		text-align: left;
	}
	.br-mobile-h1 {
		display: block;
	}
	.br-desktop-h1 {
		display: none;
	}
}


section.price_new {
	padding: 50px 0 70px 0;
	background: #fff;
}

section.price_new h4 {
    font-weight: 450;
    font-size: 3.125vw;
    line-height: 3.90625vw;
    letter-spacing: .02em;
    margin-bottom: 20px;
}

section.price_new table {
    width: 100%;
}
section.price_new table tr:nth-of-type(odd) {
    background: white;
}
section.price_new table tr:first-of-type {
    background: #38BC80 !important;
    color: white;
    font-weight: 700;
}

section.price_new table td {
    padding: 28px 31px;
}

section.price_new table tr {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

section.price_new table tr:nth-of-type(even) {
    background: #E8E8E8;
}

@media only screen and (max-width: 768px) {
	section.price_new table td {
		padding: 18px;
	}
}
@media only screen and (max-width: 600px) {
	.table-block {
		overflow-x: auto;
	}
	section.price_new table td {
		padding: 18px 14px;
	}
	section.price_new table tr {
		font-size: 13px;
	}
}



#calc-page .first__title {
    font-size: 72px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#calc-page .first__house-wrap .md-standart-form {
    display: none;
}

#calc-page .first {
    min-height: auto;
}

#calc-page section.price {
    padding-top: 34px;
}

#calc-page .price__background {width: 100%;}

#calc-page .price__subgrid-row {
    width: 100%;
    grid-column: 1 / 17;
    padding: 2.9166666667vw 5.7291666667vw 2.9166666667vw 5.7291666667vw;
}

#calc-page .price__subgrid.aos-init.aos-animate {
    grid-gap: 0;
}

#calc-page .container-large {
    max-width: 83.8541666667vw;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
}

#calc-page .price__subgrid-row::after {
    width: 100%;
}

#calc-page section.price_new {
    padding-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
	#calc-page .first__title {
		font-size: 48px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	#calc-page .container-large {
		max-width: 100%;
		padding: 0;
	}
	#calc-page section.price {
		padding-top: 0px;
	}
	#calc-page section.price .price__grid {
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	#calc-page .first__house-row {
        padding: 26.5625vw 3.5vw 10vw;
    }
	#calc-page .first__title {
		font-size: 36px;
	}
	#calc-page .price__background, #calc-page .price__subgrid-row::after {
		left: 0;
	}
}
section.colors {
    background: url(/wp-content/themes/rollgroup/img/colors.png);
    padding: 48px 0;
    z-index: 99;
    position: relative;
	background-size: cover;
}

section.colors .colors-block {
    border-radius: 5px;
    background: #F1F1F1;
    padding: 46px 45px;
}

section.colors .colors-block .title {
    color: #333;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: normal;
    font-family: Montserrat;
}

section.colors .colors-block .text {
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
    font-family: Montserrat;
}

.colors-items {
    display: flex;
    gap: 20px;
	flex-wrap: wrap;
}

.colors-items .colors-item {
    flex: 0 0 230px;
}

.colors-items .colors-item .bg {
    height: 110px;
    margin-bottom: 10px;
}

.colors-items .colors-item .name {
    color: #333;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.colors-items .colors-item .name span {
	color: #727272;
}
@media only screen and (max-width: 1024px) {
	section.colors {
		background: url(/wp-content/themes/rollgroup/img/colors-tablet.png);
		background-size: cover;
		padding: 54px 0;
	}
	section.colors .colors-block {
		padding: 43px 60px 43px 61px;
	}
	section.colors .colors-block .text {
		max-width: 452px;
	}
	.colors-items .colors-item {
		flex: 0 0 47%;
	}
}
@media only screen and (max-width: 600px) {
	section.colors {
		background: url(/wp-content/themes/rollgroup/img/colors-mobile.png);
		background-size: cover;
		padding: 63px 0;
	}
	section.colors .colors-block {
		padding: 34px 48px;
	}
	section.colors .colors-block .text {
		max-width: 100%;
	}
	section.colors .colors-block .title {
		font-size: 26px;
	}
	section.colors .colors-block .text {
		font-size: 18px;
	}
	section.colors .container {
		padding: 0 20px;
	}
	.colors-items .colors-item {
		flex: 0 0 100%;
	}
}

/* portfolio__pagi */
.portfolio__pagi_container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 40px 0 40px auto;
    width: 63vw;
}

.portfolio__pagi_container > a {
    font-size: 1.0416666667vw;
    letter-spacing: 0.02em;
    color: #38bc80;
    cursor: pointer;
	display: inline-flex;
    padding: 3px 5px;
}
.portfolio__pagi_container > a:hover {
	text-decoration: underline;
}
.portfolio__pagi_container > span.page-numbers.current {
    font-size: 1.0416666667vw;
    letter-spacing: 0.02em;
    color: #000;
    cursor: pointer;
	display: inline-flex;
    padding: 3px 5px;
}

.prev.page-numbers {
	display: inline-flex;
	color: #000;
	margin-right: 15px;
}
.next.page-numbers {
	display: inline-flex;
	color: #000;
	margin-left: 15px;
}

@media (max-width: 768px) {
	.portfolio__pagi_container {
		width: 100%;
		justify-content: center;
		margin: 30px auto;
	}
	.prev.page-numbers {
		margin-right: 10px;
	}

	.next.page-numbers {
		margin-left: 10px;
	}

	.portfolio__pagi_container > a {
		font-size: 4.041667vw;
	}
	.portfolio__pagi_container > span.page-numbers.current {
		font-size: 4.041667vw;
	}
}
/* portfolio__pagi end */

.popup {
	display: none !important;
}
.popup.open {
	display: flex !important;
}

/* profiles */

.profiles {}
.tabs-profiles {}
.tabs-wrapper {
	margin-top: 40px;
}
.tabs-wrapper .tabs {
	display: flex;
    justify-content: space-between;
}
.tabs-wrapper .tab {
	cursor: pointer;
	width: 100%;
	text-align: center;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
	gap: 10px;
	background: linear-gradient(270deg, #38BC80 0%, #38BC80 75.91%, #26A76C 101.89%);
	font-style: normal;
	font-size: 18px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: 450;
}
.tabs-wrapper .tab.active {
	background: #F1F5F5;
	color: #000;
}
.tabs-wrapper .tabs-content {}
.tabs-wrapper .tabs-content .tab-item {
	padding: 70px;
	background: #f1f5f5;
}
.tabs-wrapper .tabs-content .tab-item .tab-item__box {
	display: flex;
    align-items: center;
}
.tabs-wrapper .tabs-content .tab-item .tab-item__img {
	width: 25%;
    height: 270px;
	margin-right: 30px;
    background-position: center center !important;
    background-size: cover !important;
	background-repeat: no-repeat !important;
}
.tabs-wrapper .tabs-content .tab-item .tab-item__info {
	width: 65%;
}
.tabs-wrapper .tabs-content .tab-item .tab-item__name {
	margin-bottom: 20px;
}
.tabs-wrapper .tabs-content .tab-item .tab-item__name span {
	font-style: normal;
    font-weight: 450;
    font-size: 32px;
    line-height: 28px;
    color: #000000;
}
.tabs-wrapper .tabs-content .tab-item .tab-item__name.profiles_tabs_name-delimiter {
	display: inline-flex;
	margin: 0 10px;
}
.tabs-wrapper .tabs-content .tab-item .tab-item__text {}
.tabs-wrapper .tabs-content .tab-item .tab-item__text span {
	font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
}

.profiles__footer {
	margin: 40px 0;
}

.profiles__footer_text {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
}

@media (max-width: 1600px) {
	.tabs-wrapper .tab {
		padding: 20px 0;
		font-size: 16px;
	}
}
@media (max-width: 1400px) {
	.tabs-wrapper .tab {
		padding: 20px 0;
		font-size: 16px;
	}
}
@media (max-width: 1200px) {
	.tabs-wrapper .tabs {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.tabs-wrapper .tab {
		width: 25%;
	}

	.tabs-wrapper .tabs-content .tab-item {
		padding: 40px;
	}

	.tabs-wrapper .tabs-content .tab-item .tab-item__img {
		width: 50%;
		background-size: contain !important;
	}

	.tabs-wrapper .tabs-content .tab-item .tab-item__info {
		width: 50%;
	}
}
@media (max-width: 768px) {
	.tabs-wrapper .tab {
		width: 50%;
	}
	.tabs-wrapper .tabs-content .tab-item {
		padding: 40px;
	}
}
@media (max-width: 540px) {
	.tabs-wrapper .tab {
		width: 50%;
		padding: 10px 20px;
		font-size: 14px;
	}
	.tabs-wrapper .tabs-content .tab-item {
		padding: 30px;
	}
	.tabs-wrapper .tabs-content .tab-item .tab-item__box {
		flex-direction: column;
	}

	.tabs-wrapper .tabs-content .tab-item .tab-item__name span {
		font-size: 24px;
	}
	.tabs-wrapper .tabs-content .tab-item .tab-item__text span {
		font-size: 16px;
	}

	.tabs-wrapper .tabs-content .tab-item .tab-item__img {
		width: 100%;
		margin-right: 0;
		background-size: contain !important;
	}

	.tabs-wrapper .tabs-content .tab-item .tab-item__info {
		width: 100%;
	}

}

/* profiles end */


section.reviews-inner {
    padding: 65.606px 0 64.606px;
    background: white;
	position: relative;
}

.reviews-inner .reviews__title {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 40px;
}

.reviews-inner .reviews__subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px;
}

.reviews-inner .reviews__subtitle span {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.reviews-inner .reviews__subtitle span a {
    color: #26A76C;
	border-bottom: 2px solid;
}
.reviews-inner .reviews__mobile {
    display: none;
}
.reviews-inner .reviews__card {
    padding: 40px 44px 35px 44px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
	height: auto;
	display: flex;
    flex-direction: column;
}

.reviews-inner .review__name {
    display: flex;
    gap: 19px;
    align-items: center;
}

.reviews-inner .review__name .review__title {
    color: #333;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    flex: 1 0 100%;
}

.reviews-inner .review__name .review__info {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 10px;
}

.reviews-inner .reviews__card .review__name .review__date {
    color: #979797;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.reviews-inner .reviewsInner__slider {overflow: hidden;}

.reviews-inner .reviews__swiper {
    padding: 10px 8px;
}

.reviews-inner .swiper-wrapper {
    align-items: stretch;
}

.reviews-inner .reviews__buttons {
    position: absolute;
    top: calc(50% - 30px);
    width: 100%;
    left: 0;
}

.reviews-inner .reviews__buttons button {
    border-radius: 3px;
    background: #26A76C;
    width: 48px;
    height: 48px;
}

.reviews-inner .reviews__button-prev {
    left: 5.5%;
    position: absolute;
}

.reviews-inner .reviews__button-next {
    right: 5.5%;
    position: absolute;
}

.reviews-inner .reviews__dots {
    margin: 40px auto 0;
    text-align: center;
}

.reviews-inner .reviews__dots .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background: #C3C3C3;
    opacity: 1;
    border: 2px solid #ffffff;
    margin: 0 10.5px!important;
}

.reviews-inner .reviews__dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #26A76C;
    background: white;
}

.reviews-inner .review__content {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 140%;
    margin-top: 30px;
}

.reviews-inner .review__content {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 140%; /* 28px */
    margin-top: 30px;
    margin-bottom: 46px;
    flex: 1;
}

.reviews-inner a.review__btn {
    border: 2px solid #26A76C;
    padding: 23px 34px 23px 32px;
    margin: 0 auto;
    display: block;
    width: fit-content;
    color: #25A76C;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.reviews-inner a.reviews__allbtn {
    background: #25A76C;
    display: block;
    width: fit-content;
    margin: 40px auto 0;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 75px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    padding: 0 39px;
    font-family: 'AvenirNextCyr';
    cursor: pointer;
}

@media (max-width: 1200px) {
	section.reviews-inner {
		padding: 56.61px 0;
	}
	.reviews-inner .reviews__buttons {
		display: none;
	}
	.reviews-inner .reviews__card {
		padding: 31px 46px 37px 46px;
	}
	.reviews-inner .review__name .review__title {
		font-size: 16px;
	}
	.reviews-inner .review__name .review__info {
		flex-direction: column;
	}
	.reviews-inner .review__content {
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 34px;
	}
	.reviews-inner a.review__btn {
		font-size: 16px;
		padding: 15px 22px 17px 20px;
	}
}

@media (max-width: 600px) {
	.reviews-inner .reviews__title {
		font-size: 30px;
	}
	.reviews-inner .reviews__subtitle {
		flex-wrap: wrap;
	}
	.reviews-inner .reviews__card {
        padding: 31px 30px 37px 30px;
    }
}
/*header блок с лого*/
.header__left {
    justify-content: flex-start;
	flex-direction: row;
}
.header__brand-link {
	display: flex;
	align-items: center;
	color: inherit;
	text-decoration: none;
}
.header__logo {
    width: 3.4166666667vw;
    height: 3.59375vw;
}
.header__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.header__logo a {
    width: 3.4166666667vw;
    height: 3.59375vw;
}
.header__slogan_logo {
	margin-right: 20px;
    color: #fff;
    max-width: fit-content;
   line-height: inherit;
}
.header__slogan {font-size: 0.9391666667vw;}
.header__slogan_name {font-size: 1.30187595vw; font-family: "Inter", sans-serif;; font-weight: 900;  }
.header__slogan_podz {font-size: 0.75687595vw; font-family: "Inter", sans-serif;;}
@media (max-width: 600px){
.header__logo {
	width: 12.875vw;
	height: 9.0625vw;
}
.header__logo a { width: 12.875vw; height: 9.0625vw;}
.header__slogan_logo {line-height: inherit; max-width: auto;  line-height: 1.3333333333vw; margin-right:auto;}
.header__slogan_name {font-size: 16px; line-height: 15px; justify-content: flex-start; display:flex;}
.header__slogan_podz {
    display: none;
}}

/*footer блок с лого*/
.footer__left_logo {display: flex;
    align-items: center;
    flex-direction: row;
justify-content: flex-start;}
.footer__logo {
    width: 66px;
margin-right: .78125vw;
    margin-bottom: auto;}
.footer__logo a {
    width: fit-content;
}
.footer__slogan_logo {
    color: #fff;
    max-width: fit-content;
   line-height: inherit;
}
.footer__slogan {font-size: 0.9391666667vw;}
.footer__slogan_name {font-size: 1.30187595vw; font-family: "Inter", sans-serif; font-weight: 900;}
.footer__slogan_podz {font-size: 0.75687595vw; font-family: "Inter", sans-serif;}
@media (max-width: 600px){
.footer__slogan_logo {line-height: inherit; max-width: fit-content;  line-height: 1.3333333333vw;}
.footer__slogan_name {font-size: 16px; line-height: 15px;}
.footer__slogan_podz {font-size: 9.4px;line-height: 15px; }
 .footer__logo {
	 margin-bottom: auto;
   width: 46px;
    height: 21.5625vw;
	margin-right: 10px;
}}
.footer__item {
    max-width: 12.9604166667vw;
}
.header-location span {font-size:16px;}
/*форма скачать прайс*/
.form-save-katalog .form-container  {align-items: flex-start;}
/*форма обсудить заказ и вызов замерщика*/
.form-obs-zakaz .form-container, .form-zamer .form-container, .cons .form-container, .stoim .form-container {align-items: flex-end;}
/*преимущества*/
@media (min-width: 601px) {
.benefits__item {display: -webkit-box;}}
/*кнопка заказать*/ .types__submit {padding: 1.0416666667vw 0 1.0416666667vw;}
.popup__block .popup-form .form-container .form-btn {
    width: 100% !important;
}
.respons {width:100%; margin-top:10px;}
.respons button {margin-top:10px;}
.wpcf7 form .wpcf7-response-output {margin: 0.5em 0.5em 1em;}
.respons-katalog {width:100%;}
/*.md-standart-form .form-select .select-img img[data-social="MAX"] {
	background: radial-gradient(
		circle at 50% 50%,
		#5a8cff 0%,
		#6366F1 40%,
		#7C3AED 70%,
		#8B5CF6 74%,
		transparent 78%
	);
	border-radius: 50%;
	padding: 25%;
	box-sizing: border-box;
	object-fit: contain;
}*/
@media only screen and (min-width: 769px) {
.quiz .quiz__contact .quiz__contact__item .quiz__contact__icon img {
	height:  2vw;
    width:  2vw;
}
}
@media only screen and (min-width: 769px) and (max-width: 1025px) {
.quiz .quiz-final__img .quiz__hand__circle {
    width: 7.5rem;
    height: 7.5rem;
}}