@charset "utf-8";
html, body, .all {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body{
	font-family: "Montserrat", sans-serif;
	font-style: normal;
	font-size:17px;
	color:#000;
	background:#fff;
}

/*preloader*/
.preloader {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #fff;
  z-index: 1001;
	width: 100%;
}

.preloader__image {
  position: relative;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  margin-left: -32px;
  background: url("../img/preloader.gif") no-repeat 50% 50%;
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}
/*preloader*/

.row-flex {
	display: -webkit-box;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
}

h1, h2, .first__desc, h4, h5 { margin:0; padding:0; }

h1{
	font-weight: 600;
	font-size: 35px;
	line-height: 125%;
}

.first__desc {
	font-family: "Open Sans";
	font-size: 15px;
	line-height: 133%;
	margin-top: 3vh;
}

.first__desc b {	letter-spacing: 1px}
.bold { font-weight:bold; }
.with-border { border-radius: 5px }

.wrap {
	position:relative;
	width:100%;
	min-height:100%;
	height:auto!important;
	height:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}

#first {
	display:flex;
	flex-direction:row;
	min-height:100vh;
	align-items:center;
}

.first-img {
	position: absolute;
	height: 100%;
}

.logo-d {
	height: 30px;
	margin-bottom: 20px
}

@media (max-width: 1280px) {
	.logo-d { height: 25px; margin-bottom: 15px }
}

.logo-m {	display: none }

@media (max-width: 991px) {
	.logo-d {		display: none	}

	.logo-m {
		display: block;
		width: 100px;
	top: 20px;
	position: absolute;
	left: 20px;
	}
}

.line-above {	display: block}

#first .col:nth-child(1) {
	height: 100%;
	width: 58%;
	min-height:100vh;
	background-size: cover;
	animation: .9s linear shown;
}

#first .col:nth-child(2) {
	padding-left: 3%;
	padding-right: 3%;
	height: 100%;
    width: 42%;
    min-height: 100vh;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
	    justify-content: space-between;
	    -webkit-justify-content: space-between;
		padding-bottom: 6px;
}

.first {
	position:relative;
	width:100%;
	min-height:100%;
	height:auto!important;
	height:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}

.fpic-all .first-img {
	background-position-y: 50%;
	width: 100%;
}

.fpic-all .first .col:nth-child(2) {	z-index: 20; }

.fpic-part .first-img {
	background-size: cover;
	 width: 58%;
}

@media(max-width: 1440px) {
	.fpic-part .first-img {width: 48%}
}

@media(max-width: 1280px) {
	.fpic-part  .first-img {width: 46%}
}

@media(max-width: 1200px) {
	.fpic-part  .first-img {width: 30%}
}

@media(min-width: 991px) {
	.fpic-all .first-img:before {
	  content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(270deg, #272626, #272626b8, transparent);
  }

	.fpic-all .first__desc{
		color: white;
		-webkit-text-fill-color: white;
	}

	.fpic-all h1 {	color: white;}
	.fpic-all #first .col:nth-child(2) {border-left: 1px solid hsla(0,0%,100%,.16)}

	.fpic-all .rec {
			color: white !important;
			-webkit-text-fill-color: white !important;
	}

	.fpic-all .signature a, .facts-title, .fpic-all .signature svg path {	color: white	}
	.fpic-all .first-img {	background-size: cover	}
}

@media(max-width: 991px) {
	.fpic-part .first-img {display: none}
}

@media(max-width: 991px) {
	.fpic-all .first-img {display: none}
}

.first-col-content {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.facts-title {
	margin-bottom: 17px;
	font-family: "Open Sans";
	text-transform: uppercase;
	font-weight: 600;	font-size: 14px;
}

.facts .item span {
	font-weight: bold;
}

#first .facts .item {
	margin-bottom: 8px;
}

#first .facts .item1 {
	margin-right: 15px;
}

.facts.clearfix .row {
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
}

.first-bottom {
	display: -webkit-box;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	flex-wrap: wrap;
	row-gap: 14px;
	column-gap: 6px;
	margin-top: 5px;
}

#gotest {
	margin-top: 2vh;
	height:60px;
	font-size:16px;
	letter-spacing:1px;
	transition:all .3s;
	height: 60px;
	border-radius: 50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	flex-shrink: 0;
	outline: none;
    border: none;
		padding-left: 36px;
    padding-right: 36px;
		min-width: 208px;
}

.quiz-step-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.question-bottom p {
	margin-bottom: 8px;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
}

.step .description {
	width:28%;
	padding: 36px 33px 36px 23px
}

.step .description.description-desc {
	width:28%;
	padding: 36px 32px 36px 22px;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.heading-num {	font-weight: 600;	font-size: 50px;	line-height: 122%}

.step .description .facts-title {
	font-size: 10px;
	line-height: 12px;
	margin-top: 53px;
	margin-bottom: 14px;
}

.step .description .item2 {	margin-top: 15px}

.description .head {
	position:relative;
	font-size:15px;
	line-height:21px;
	color:rgba(255, 255, 255, 0.6);
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	align-items: center;
	-webkit-align-items: center;
}

.description .head p {	margin-bottom:5px }

.description .head .name {
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 19px;
}

.description .head .img:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
    border-radius: 50%;
	transform: translate(56px, 56px);
}

.description .head .position {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	font-size: 11px;
	line-height: 14px;
}

.full-text {
	position: absolute;
    top: 0;
    right: 8px;
	display: none;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-animation-name: arrow-pulse;
    animation-name: arrow-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    cursor: pointer;
    z-index: 20;
}

.content_block.hide1 .full-text {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: auto;
    bottom: 0px;
}

.description .txt .bold { margin-bottom:20px; text-align:center; }
.final .description .txt { font-weight:bold; text-align:center; }
.description-mob {	display: none }

.points {
	position:relative;
	display:flex;
}

.points i {
	position:relative;
	z-index:10;
	display:block;
	margin:0 3px;
	width:10px;
	height:10px;
	border:2px solid var(--color-title);
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

/*.step-progress {
	position: absolute;
    width: 100%;
    z-index: 30;
}*/

.points i:nth-child(1) {	margin-left: 0px}

.step-progress-wrap { display:flex; width:100%; align-items:center; justify-content:center; }
.percent div { display:inline-block; }
.step-progress .heading {text-align: center; margin-bottom: 20px}
.step-progress-wrap { display:flex; width:100%; align-items:center; justify-content:center; }

.progress-sec {
	margin-bottom:40px;
	font-size:18px;
	text-align:center;
}

.progress-wrap {
	position:relative;
	overflow:hidden;
	margin:0 auto 20px auto;
	width:400px;
	height:40px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.progress-bar {
    position:absolute;
    top:0;
	left:0;
	width:100%;
}

.percent { font-size:50px; text-align:center;}

/* STEPS -------------------------------------------------------------------------------------- */
#steps-wrap { display:none; }

.step .heading {
	font-weight: bold;
	font-size: 28px;
	line-height: 122%;
    margin-top: 23px;
}

.step .btns .btn {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	text-align:center;
	letter-spacing:1px;
	transition:all .3s;
}

.btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	column-gap: 12px;
}

.btn-prev {
	opacity: .6
}

.btn-next {
	width: 116px;
    height: 34px;
    border-radius: 50px;
	font-weight: 600;
	font-size: 12px;
	line-height: 15px;
}

.btn-prev {
	height: 34px;
	border-radius: 50px;
	color: #fff;
    background: #997F67;
		font-weight: 600;
		padding-left: 22px !important;
    padding-right: 22px !important;
		font-size: 12px;
		border: none
}

.btn-next:after { margin-left:10px; background-image:url('../img/next-white.svg'); }

.button-sub {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	margin-top: 5px;
    text-align: center;
}

.btn-next span { margin-left:-30px; }

.btn-next:after {
	content:'';
	position:absolute;
	top:calc(50% - 15px);
	width:30px;
	height:30px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	background-repeat:no-repeat;
	background-position:center center;
}

.btn-next.disable{
	cursor:not-allowed;
	color:rgba(0,0,0,0.3);
	opacity:0.5;
}

.step-final__img-wrap {	position: relative }

.step-final__img:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.6);
}

.step-final .facts .item2 {	margin-left: 15px }
.step-final__img-title {	color: #FFFFFF }

.step-final__img .txt {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 137%;
	margin-top: 20px;
	color: #FFFFFF;
}

/* FORM */

form .field { position:relative; margin-bottom:17px; }
form .final .field { margin-left:0; margin-bottom:15px; text-align:center; }

form .field-ch label {
	position:relative;
	margin-bottom:0;
	padding: 15px 20px;
	width:100%;
	min-height:42px;
	font-size:17px;
	line-height:22px;
	font-weight:normal;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

form .field-ch label span {
	display:block;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
    position: relative;
}

form .field input {
	padding:0 22px;
	width: 100%;
	height:55px;
	font-size:14px;
	line-height: 16px;
	font-weight:normal;
}

#sms-send {
	position:absolute;
	margin-left:10px;
	padding:0;
	width:130px;
	height:50px;
	font-size:13px;
	text-transform:uppercase;
	color:#fff;
	border-color:#3C4B73;
	background:#3C4B73;
	transition:all .3s;
}
#sms-send:hover { color:#fff; background:#005956; border-color:#005956; }
#smscode { display:none; }

/* Checkbox */
.checkbox-sim { display:none; }
.checkbox-sim + label {
	cursor:pointer;
	transition:all .3s;
}

.checkbox-sim:disabled + label::before { background-image:none; }
.checkbox-sim:checked:disabled + label::before { background-image:url('../img/check.svg'); }

.btn.submit {	height: 56px;}

.button-3d {
    position: relative;
    top: 0;
    transition: all ease 0.2s;
    border: none;
    width: 100%;
    line-height: 122%;
	font-weight: 600;
	font-size: 18px;
	border-radius: 50px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 5px 0 #79604A, 0 8px 3px rgb(0 0 0 / 20%);
}

.button-3d.btn:active, .button-3d.btn:focus {
  box-shadow: none;
  top: 5px;
}

.step-final .checkbox-sim + label span::before {
    content: '';
    position: absolute;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center center;
	width: 13px;
	height: 13px;
}
/* STEPS -------------------------------------------------------------------------------------- */

.thanks2 .signature {
	margin-bottom: 16px
}

.thanks-img {
	 animation: .9s linear shown;
}

h1, .thanks .txt {position: relative; z-index: 5}

.row { margin-right:0; margin-left:0; }

.display-flex { display:flex!important; }

@keyframes shown {
	0% { opacity:0; }
    56% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes shown {
	0% { opacity:0; }
    56% { opacity:0; }
    100% { opacity:1; }
}

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
a:hover, a:focus, a:active{ color:#000; text-decoration:none; }
a:focus, a:active,
input:focus, input:active,
button:focus, button:active { outline:none!important; }

.signature a {
    font-size: 10px;
}

.signature svg {
	margin-right: 4px;
    transform: translateY(1px);
}

form .pers {
    font-size: 8.4px;
    margin-top: 22px;
}

.shine {
	position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.shine .effect {
	position:absolute;
    top:0;
    left:0;
	margin:0;
    width:100%;
    height:100%;
    -webkit-transform:translateX(-85px);
    -ms-transform:translateX(-85px);
    transform:translateX(-85px);
    -webkit-animation-name:flash1;
    animation-name:flash1;
    -webkit-animation-duration:3s;
    animation-duration:3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
}
.shine .effect:before {
	content:"";
	display:block;
	background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .4)));
    background:-webkit-linear-gradient(left, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));
    background:-o-linear-gradient(left, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));
    background:linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));
    width:60px;
    height:100%;
	opacity:0.3;
    position:absolute;
    top:0;
    left:30px;
    -webkit-transform:skewX(-45deg);
    -ms-transform:skewX(-45deg);
    transform:skewX(-45deg);
}
@-webkit-keyframes flash1 {
	30% { -webkit-transform:translateX(100%); transform:translateX(100%); }
	100% { -webkit-transform:translateX(100%); transform:translateX(100%); }
}
@keyframes flash1 {
	30% { -webkit-transform:translateX(100%); transform:translateX(100%); }
	100% { -webkit-transform: translateX(100%); transform:translateX(100%); }
}

.step {
	display:flex;
	flex-direction: column;
	min-height:100vh;
	justify-content: center;
	-webkit-justify-content: center;
}

.step-panel { display:none; }
.step-content {	margin-top: 7vh}

.step .question {
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.step .question, .step .description { position:relative}
.step .question {width:72%}
.step .question-top { padding: 42px 48px 10px; position: relative;}

.err {
    color: red;
    font-size: 13px;
		opacity: 0;
   transition: opacity .3s linear;
	 text-align: center;
	 position: static;
}

.fade-in {
	opacity: 1;
}

.fade-out {
	opacity: 0;
}

/*@keyframes ani {
  0% {opacity: 0;}
  100% {opacity: 1;}
}*/

@media(max-width: 480px) {
	.err {
	    font-size: 11px;
	}
}




.step .question-bottom {
    padding-left: 48px;
	padding-right:50px;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
	padding-top: 22px;
	padding-bottom: 16px
}

.facts .item {
	font-size:16px;
	line-height:125%;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 12px 48px 11px 30px;
}

.rec {	font-size: 8px }

.container {
    margin: 0 auto;
    padding: 0;
    width: 94%;
    max-width: 1060px;
}

#first .facts { padding-top: 3vh;}

.first-col-content {
	padding-top: 10vh;
	padding-bottom: 1vh;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
	height: calc(100vh - 60px);
}

.field-ch input[type="checkbox"], .step-question input[type="radio"] { display:none }

.btns-thanks {
	display: -webkit-box;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	margin-bottom: 22px;
	row-gap: 20px;
}

.btns-thanks .btn-thanks {
	margin-bottom: 22px;
}

.step {
	padding-top: 20px;
    padding-bottom: 20px;
}

.step .signature {	margin-bottom: 4px}

/*steps*/

.description .head .img {
	background-size: cover;
	width: 72px;
	height: 72px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	flex-shrink: 0;
	margin-right: 13px;
	background-position-x: center;
}
.description .txt {
	font-family: "Open Sans";
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	margin-top: 26px;
	padding: 25px 15px 28px 17px;
    border-radius: 10px;
	position: relative;
}

.fields-row {
	display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 18px;
}

.step-final__img {
	width: 60%;
	background-size: cover;
	padding-top: 10%;
	padding-left: 4%;
	padding-right: 6%;
	padding-bottom: 8%;
	position: relative;
	animation:  .3s linear visib;
}

.step-final__img-title {
	font-weight: 600;
	font-size: 28px;
	line-height: 128%;
}

.step-final__img-title.reduction {font-size: 25px}

@keyframes visib {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.step-final__form {
	width: 40%;
	padding-left: 42px;
    padding-right: 48px;
	padding-top: 10%;
	padding-bottom: 5%;
}

.form-contact-select__item-text {
	display: -webkit-box;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: center;
	-webkit-justify-content: center;
    padding: 12px 2px;
    position: relative;
    border-radius: 4px;
	color: #ffffff;
    transition: all .2s linear
}

.form-contact-select {
	width: 100% !important;
    margin: 0 auto 20px;
    font-size: 14px;
}

.form-contact-select__item-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.form-contact-select__radio:checked + .form-contact-select__item-text {
  box-shadow: none;
  transform: translateY(4px);
  transition: all .2s linear
}

.form-contact-select__item-col {
  flex: 1;
  padding: 0 5px;
}

.form-contact-select__radio:checked + .form-contact-select__item-text::before {
  display: none;
}

.form-contact-select__radio {display: none}

.form-contact-select__item-text::before {
  content: "";
  position: absolute;
  display: none;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

@media (max-width: 390px) {
	.form-contact-select {width: 100%}
}

.btn-next.disabled, #btn-send:disabled {
	cursor:not-allowed !important;
	pointer-events: initial !important;
	color:rgba(0,0,0,0.3);
	opacity:0.5;
}

#btn-send {	margin-top: 18px}

.validate-phone {
	position: absolute;
    font-size: 11px;
    text-align: left;
    color: red;
	display: block;
}
/*steps*/

.time-date {
	display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
}

.form-title {
    margin-bottom: 18px;
	text-align: center;
	position: relative
}

.form-contact-select-title {
    font-size: 16px;
}

.form-data-time-title {
    font-size: 14px;
	line-height: 16px;
	margin-top: 3px
}

/*************************************** thanks ***************************************/
.thanks2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}

.thanks2 .row {
	display: -ms-flexbox;
	display: flex;
}

.thanks2 .thm1 {
	padding-right: 43px;
}

.thanks2 .thm1 img {
	width: 270px;
	margin: auto 0;
	height: auto;
}

.thanks2 .container {position: relative; z-index: 5}

.thanks2 video {width: 100%}

.thanks2 .btn {margin: 0 5px}

.thanks2 .txt-thanks2 {
	font-size: 26px;
	line-height: 150%;
	font-weight: 500;
	text-align: center;
	margin-top: 65px;
	margin-bottom: 20px;
}

.thanks2 .hh {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 125%;
	font-weight: bold;
}

.thanks2 .txt-hello {
	font-size: 23px;
	line-height: 36px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 51px;
}

.thanks2 .black-block {
	padding: 50px;
	margin: 0 auto 5px;
}

.thanks2 .btn-thanks {
	padding: 17px;
	height: 55px;
	font-size: 16px;
	line-height: 137%;
	font-weight: bold;
	color: #fff;
	border: 0;
	transition: all .3s;
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
}

.thanks2 .btns {
	text-align: center
}

.thanks2 .help {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
}

.thanks2 ul {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 15px;
}

.thanks2 ul li {
	position: relative;
	list-style: none;
	padding-left: 25px;
	padding-bottom: 7px;
}

.thanks2 ul li:before {
	content: "";
	position: absolute;
	left: -1px;
	top: 7px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 2px solid #997F67;
}

.thanks2 .free {
	font-size: 18px;
	position: relative;
	padding-left: 23px;
	margin-top: 6px;
	font-weight: bold;
	color: white;
}

.thanks2 .free:before {
	content: "";
	position: absolute;
	left: 0;
	width: 3px;
	height: 100%;
}

.ready {
	color: white;
	font-size: 16px;
	line-height: 20px
}

.thanks2 .free a {text-decoration: underline; font-weight: 100; color: #997F67;}

.thanks-img {
	background: url(../img/expert.jpg) no-repeat 50% 0%;
	width: 280px;
	height: 360px;
	background-size: 100%;
}

.thanks2 ul {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 15px;
}

.error-txt {
	display:none;
	padding:7px;
	font-size:12px;
	text-align:center;
	color: red;
	margin-bottom: 20px;
}

form .field-ch label span { margin-left: 34px; }

form .field-ch label {
	display: -webkit-box;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
  align-items: center;
  -webkit-align-items: center;
}

/*************************************** thanks ***************************************/

/*************************************** media ***************************************/

@media(max-width: 1600px) {
  h1, h2 { font-size: 31px	}
	.step .description .facts-title {		margin-top: 43px	}
	.first-col-content {padding-top: 8vh}
	.description .txt {margin-top: 24px}
	.step-final__img {	padding-top: 10%	}
	.thanks2 .txt-thanks2 {	margin-top: 60px; font-size: 24px;}
	.thanks2 .black-block {	padding: 40px	}
	.thanks-img {	height: 350px;	width: 272px	}
	.thanks2 .thm1 {	padding-right: 40px	}
	.thanks2 ul li {padding-left: 24px}
	.thanks2 .btn-thanks {font-size: 15px}
	.fields-row {	column-gap: 16px }
}

@media(max-width: 1440px) {
  h1, h2 {	font-size: 27px	}
	.step .description .facts-title {		margin-top: 33px	}
	.step .description {	padding: 30px 33px 32px 23px	}
	#first .col:nth-child(1) { width: 48% }
  #first .col:nth-child(2) { width: 52% }
	.first-col-content {		padding-top: 6vh	}
	.description .txt {margin-top: 22px}
	.step-final__img, .step-final__form {		padding-top: 9%	}
	.step .heading {  font-size: 26px  }
	.thanks2 .txt-thanks2 {	margin-top: 34px;	font-size: 22px	}
	.thanks2 .txt-hello {		margin-bottom: 30px	}
	.thanks-img {	height: 340px; width: 270px	}
	.thanks2 .black-block {	padding: 30px	}
	.thanks2 .thm1 {	padding-right: 38px	}
	.thanks2 ul li {	padding-left: 20px	}
	.ready {	margin-bottom: 0px}
	.thanks2 .btn-thanks {	max-width: 340px	}
	.thanks2 .btn-thanks {	font-size: 14px	}
}

@media(max-width: 1280px) {
	.first-col-content {	padding-top: 4vh	}
	#first .col:nth-child(1) { width: 46% }
    #first .col:nth-child(2) { width: 54% }
    .step .heading { font-size: 22px }
	h1, h2 { font-size: 25px	}
	.step .description .facts-title {		margin-top: 13px	}
	.step .description.description-desc {	padding: 36px 30px 36px 20px	}
	form .pers { width: 100%	}
	form .field input {height: 48px}
	.thanks2 ul li {	font-size: 14.5px	}
	.description .txt {	padding: 15px 12px 18px 14px;	margin-top: 20px}
	.thanks2 .txt-thanks2 {	font-size: 20px;	margin-top: 26px	}
	.thanks2 .hh {	font-size: 22px	}
	.thanks2 .black-block {	padding: 24px	}
	.thanks2 .txt-hello {	margin-bottom: 20px	}
	.thanks-img {	height: 280px;	width: 220px;	}
	.thanks2 .thm1 {	padding-right: 30px	}
	.thanks2 ul li {	padding-left: 16px	}
	.step-final__img, .step-final__form {	padding-top: 3%;	padding-bottom: 3%;	}
	.step-final__form {	padding-bottom: 1%}
}

@media (max-width: 1200px) {
  .step .description.description-desc {padding: 36px 22px 36px 12px}
	#first .col:nth-child(1) {width: 30% }
  #first .col:nth-child(2) {width: 70%}
}

@media (pointer:none), (pointer:coarse), (max-width: 991px) {
	#first {
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items: stretch;
		-webkit-align-items: stretch;
			min-height: 100vh;
			overflow: auto;
	}

	#first .col:nth-child(1) {
		height: initial !important;
		min-height: initial !important;
		flex-shrink: 6;
		flex-basis: 390px;
		width: 100%;
		background-size: cover;
		background-position: center center;
		position: relative;
	}

		#first .col:nth-child(2) {
			display: -webkit-box;
			display: -ms-flex;
			display: -webkit-flex;
			display: flex;
			flex-direction: column;
			-webkit-flex-direction: column;
			justify-content: space-between;
			-webkit-justify-content: space-between;
		        width: 100%;
				min-height: initial;
				height: initial;
				flex-basis: initial;
		}

	.first__desc { font-size:18px; }
	.facts .item .icon { margin-bottom:15px; background-size:auto 100%; }

	.line-above {display: none}
	h1 {	margin-top: 5px;	margin-bottom: 5px	}
	.facts.clearfix .row {	margin-bottom: 10px	}
	.step .description.description-desc {	display: none	}
	.description .txt { background: #f5f5f5 }
	.step .question-bottom { padding-left: 38px;	padding-right: 40px	}
	.step .question-top { padding: 30px 38px 0	}

	.step-final .quiz-step-body {
		flex-direction: column;
		-webkit-flex-direction: column;
	}

	.description .txt { background: transparent !important}

	.description .txt p{width: 95%}

	.full-text {  top: 16px }
	.step-final .facts {	margin-top: 5% }
	.step-final__img-wrap {	text-align: center	}

	.description .head {
		justify-content: start;
		-webkit-justify-content: start;
	}

	.expert {
		position: relative;
		left: 20px
	}

	.step .question {	width: 100%	}
	.step .description {	width: 100%	}
	.step .facts {display: none}

	.step-final__form-wrap {
		width: 100%;
		max-width: 460px;
		margin: auto;
	}

	.facts .item {	padding: 12px 46px 11px 28px	}

	.step-final .facts.clearfix .row {
		justify-content: center;
		-webkit-justify-content: center;
	}

	.description-mob {display: block}
	.description-desc {display: none}
	.quiz-step-body {display: block}

	.heading-num {  font-size: 40px; }

	.first-col-content {
		justify-content: space-around;
		-webkit-justify-content: space-around;
			padding-bottom: 4vh;
			padding-top: 4vh;
			height: 100%
	}

	#first .signature, .rec {
		position: relative  !important;
		bottom: initial !important;
	}

	#first .signature {		bottom: 10px	}
	.signature svg { margin-right: 2px }

	.rec {
		right: initial;
		transform: translate(0px, 0px);
		bottom: 48px;
		font-size: 7px;
		line-height: 9px;
	}

	.step .question {	width: 100%	}



	.step .question-bottom {
        padding-left: 38px;
		padding-right: 40px;
	}

	.step-final__img {
		width: 100%;
		padding-top: 6%;
		padding-left: 2%;
		padding-right: 8%;
		padding-bottom: 2%;
	}

	.thanks2 h2 {
		font-size: 28px;
		line-height: 34px;
	}
	.thanks2 .txt-thanks2 {
		font-size: 22px;
		line-height: 24px;
	}
	.thanks2 .txt-hello  {
		font-size: 24px;
		line-height: 37px;
		margin-bottom: 31px;
	}
	.thanks2 .row {
		flex-direction: column;
	}
	.thanks2 .thm2 {
		width: 100%;
	}
	.thanks2 .thm1 {
		margin: 0 auto;
		margin-bottom: 30px;
		padding-right: 0;
	}

	.thanks2 { margin-bottom: 80px}

    .pers-wrap {text-align: center}

	.content_block.full {
		overflow: hidden;
		max-height: 30px;
		position: relative;
		transition: max-height 0.5s ease-in-out;
		min-height: 30px;
		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));

	}
	.content_block.hide1 { /*развернуть*/
		max-height: 300px;
		height: initial;
		transition: max-height 0.5s ease-in-out;
		transform-origin: top;
		-webkit-mask-image: none;
	}

	.content_block {
		position: relative;
		color: var(--color-bg-text,#2e2e54);
		line-height: 1.2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		text-align: left;
		-webkit-transition: max-height .3s ease;
		transition: max-height .3s ease;
		min-height: 50px;
		max-height: 68px;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-right: 0;
		padding: 10px;
		border-radius: 20px 20px 20px 3px;
		cursor: pointer;
		overflow: auto;
	}

	#first .col:nth-child(2) {
		display: block;
	}

	#first .facts {
		margin-bottom: 5px;
	}

	.step-final__form {
		width: 100%;
		padding-top: 6%;
		padding-left: 10px;
        padding-right: 10px;
	}

	h1 { margin-bottom:40px; }

	.progress { margin:0 40px 20px 40px; }
	form .field-ch label { min-height:auto; font-size:16px; }
	form .field-ch label span { padding-top:1px; }
	.checkbox-sim + label::before { width:24px; height:24px; }

	#gotest {	margin-top: 40px}
}

@media (pointer:none), (pointer:coarse), (max-width: 768px) {
	#first .col:nth-child(1) {	flex-basis: 320px	}
	form .field {	margin-bottom: 8px }

	form .field-ch label {
		position: relative;
		margin-bottom: 0;
		padding: 12px 10px;
	}

	.progress-sec {
		line-height: 18px;
		font-size: 16px;
	}

	.progress-wrap {height: 30px}
	.step .heading { font-size: 18px	}

	.step .question-top {
		padding-top: 22px;
		padding-left: 18px;
		padding-right: 18px;
		padding-bottom: 12px;
	}

	.step .question-bottom {
		padding-left: 18px;
		padding-right: 18px;
	}

	.heading-num {font-size: 32px}
	.percent {	font-size: 40px	}

	.step .description {	padding: 20px 18px 12px 18px	}

	.facts .item {
		padding: 12px 42px 11px 24px;
		font-size: 15px;
		line-height: 19px;
	}

	.thanks2 .help {
		font-size: 18px;
		line-height: 25px;
	}

	.thanks2 .black-block {
		padding: 20px;
	}

	.thanks2 ul {
		font-size: 13px;
		line-height: 16px
	}

	.thanks2 .free {
		font-size: 16px;
	}

	.thanks2 .hh {
		font-size: 20px;
		line-height: 22px;
	}

	.ready {
		font-size: 14px;
		line-height: 16px;
	}

	.fields-row {
		grid-template-columns: 1fr;
	}

	.modal .modal-title {	font-size: 18px	}
}

@media (pointer:none), (pointer:coarse), (max-width: 600px) {
	.modal .modal-dialog { width:auto; max-width:100%; }
	.modal .modal-body { padding:30px 20px; font-size:14px; line-height:20px; }
	.modal ol, .modal ul { padding-left:15px; }
}

@media (pointer:none), (pointer:coarse), (max-width: 480px) {
	h1 { font-size:26px }
	.facts {	margin-top: 8%	}
	#first .signature {		bottom: 64px	}
	.step-content {   margin-top: 5vh  }
	.first__desc {font-size: 15px }
	.step-question .signature, .final .signature {		margin-top: 12px	}
	.step-final__img-title {	font-size: 24px; }
	.step-final__img-title.reduction {	font-size: 22px; }
	.rec {	font-size: 6px;	line-height: 8px	}

	.facts .item { padding: 10px 13px 9px 13px;}
	.progress-wrap {	width: 300px	}

	.step .heading {
		margin-bottom: 20px;
		margin-top: 2px;
		font-size: 18px;
        line-height: 26px;
	}

	.modal .modal-title {	font-size: 16px;	line-height: 20px	}

	.facts .item {
		padding: 12px 15px 11px 15px;
		font-size: 15px;
	}

	#first .facts .item1 {	margin-right: 10px	}
	#first .col:nth-child(1) {	flex-basis: 230px !important }
	#first .col:nth-child(2) {	padding-left: 4%;	padding-right: 4%	}
	#first .facts {	padding-top: 1vh}

	.rec {
		right: initial;
		transform: translate(0px, 0px);
		bottom: 15px;
	}

	.facts.clearfix .row {	flex-wrap: wrap;		-webkit-flex-wrap: wrap	}
	.thanks2 .txt-thanks2 { 	font-size: 15px;	line-height: 18px	}
	.thanks2 .help {	font-size: 16px;	line-height: 23px	}
	.thanks2 .thm1 img {	width: 200px; 	height: auto;	}

	.thanks2 .txt-hello {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 31px;
	}

	.thanks2 .free {
		font-size: 14px;
		line-height: 18px;
		padding-left: 13px;
	}

	.thanks2 .black-block {		padding: 12px;	}

	.thanks2 .hh {	font-size: 16px;	line-height: 20px;	}
  .facts-title {font-size: 15px}
	form .pers a {font-size: 8px}
	form .pers {font-size: 8px}

	#gotest {
		height: 66px;
		width: 100%;
		font-size: 18px;
		margin: 40px auto 0;
	}
}

@media (pointer:none), (pointer:coarse), (max-width: 390px) {
	h1 { margin-bottom:20px; font-size:16px; }
	.facts .item { padding: 9px 12px 8px 12px;}
	.facts .item .txt span { display:inline; }
	.step .heading { font-size:14px; line-height:20px; }
	.heading-num { font-size: 28px	}
	.progress { height:30px }
	.progress:after { height:30px; line-height:30px; font-size:14px; }
	form .field input { width:100%; }
	#sms-send { position:static; margin-left:0; width:100%; }
	.step-final__img .txt {	font-size: 14px }
	form .field-ch label {	font-size: 13px;	line-height: 17px	}
	form .field-ch label {	padding: 10px 8px	}
	#gotest {	margin-top: 34px; height: 56px }
}

@media (pointer:none), (pointer:coarse), (max-width: 360px) {
	.facts .item {	padding: 12px 15px 11px 10px	}
	.first__desc {font-size: 13px;}
	.step-final__img-title {	font-size: 22px }
	.step-final__img-title.reduction {font-size: 20px}

	#first .facts .item1 {	margin-right: 6px	}

	.signature {	font-size: 9px	}

	.signature a:before {
		width: 6.6px;
		height: 7.3px;
		transform: translate(-10px, 2px);
	}

	.thanks2 .btn-thanks {
		padding: 14px;
		height: 48px;
		font-size: 12px;
	}

	.thanks-img {
		width: 220px;
		height: 282px;
	}
}

/*radio*/
.step-question input[type="radio"] + label::before {
    content: '';
    position: absolute;
    height: 18px;
    width: 18px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center center;
}

.step-question input[type="radio"]:checked + label::before {
    background-image: url(../img/check-radio.svg);
		border: 1px solid;
}

.step-question .checkbox-sim + label::before {
    content:'';
	position:absolute;
    height:18px;
    width:18px;
	border-radius: 2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
    background-repeat:no-repeat;
	background-position:center center;
}

.step-question .checkbox-sim:checked + label::before { /**/
	background-image:url('../img/check.svg');
}

.quiz-step-body {
    box-shadow: 0 7px 15px 0 rgb(0 0 0 / 30%);
    border-radius: 4px;
}

/* MODAL ---------------------------------------------------------------------------------------- */
.modal .modal-dialog { width:600px; max-width:600px; }
.modal .close { position:absolute; top:15px; right:15px; }
.modal .modal-title {
	margin:10px 0 20px 0;
	font-size:24px;
	line-height:125%;
	font-weight:500;
	color:#000;
	text-align:center;
}
.modal .modal-body { padding:40px; font-size:16px; line-height:22px; }
.modal ul li, .modal ol li { padding-bottom:12px; }
.modal .rek { margin-left:23px; }

@media (max-width: 767px) {
	.modal.in .modal-dialog {
		margin: 10px auto;
		width: 90vw;

	}

	.modal-open .modal {
		padding-left: 0px !important;
	}
}

@media (max-width: 480px) {
	.modal .modal-body {
		padding: 18px;
		font-size: 14px;
		line-height: 20px;
	}
}

/*ловец лидов*/

.call_b {
	position: fixed;
    right: 30px;
    z-index: 99;
    bottom: 20px;
    cursor: pointer;
		animation: mover 1.8s infinite linear;
		width: 80px;
		height:  80px;
}

.call_b img{
		width: 80px;
		height:  80px;
}

@media(max-width: 767px) {
	.call_b, .call_b img {
		width: 70px;  /**/
		right: 15px;
		bottom: 15px;
	}
}

@-webkit-keyframes mover {
	0% { transform: translateY(0); }
	50% { transform: translateY(-14px); }
	100% { transform: translateY(0); }
}
@keyframes mover {
	0% { transform: translateY(0); }
	50% { transform: translateY(-14px); }
	100% { transform: translateY(0); }
}

#m-pers {
	z-index: 2000 !important
}

#m-catcher .close{
	font-size: 30px !important;
	text-shadow: none !important;
	top: 10px !important;
	font-weight: 100;
}

#m-catcher .title {
	text-align: center;
	color: white
}

#m-catcher .title b {
	font-size: 20px;
}

#m-catcher .title p {
	margin-top: 10px;
}

#m-catcher.modal .modal-dialog {
    width: 800px !important;
    max-width: 800px !important
}

#m-catcher.modal .modal-body {
    padding: 50px 80px;
}

#m-catcher .row:before, #m-catcher .row:after{
    content: none;
}

#m-catcher .row {
	margin-top: 22px;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}

#m-catcher .v {
	color: white
}

#m-catcher .modal-dialog {
	top: 30%;
}

#m-catcher .row {
	display: -webkit-box;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
	column-gap: 10px;
}

#m-catcher .modal-content {
	background: #4D5B73;
}

.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.custom-select::after {
  content: '▼'; /* Замените это символом или изображением по вашему выбору */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.select-wrapper {
    background-color: #FFF;
    display: inline-block;
    position: relative;
}
.select-wrapper:after {
    content: "‹";
    font-family: 'FontAwesome';
    position: absolute;
    top: 13px;
    right: 10px;
    z-index: 5;
	color: #9F8771;
    transform: rotate(270deg);
}
#m-catcher select {
    padding: 10px 40px 10px 10px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    position: relative;
    cursor: pointer;
    z-index: 10;
	outline: none;
	border: none
}

#m-catcher .inp {	color: #B3B0AB}

#m-catcher .for-plugin {
	height: 44px;
	    width: 226px;
		outline: none;
    border: none;
}

#m-catcher ::placeholder { color: #B3B0AB  }

.catch-inp {border-radius: 4px}

@media (max-width: 991px) {
	#m-catcher .row {
		flex-direction: column;
		-webkit-flex-direction: column;
		row-gap: 20px;
	}

	#m-catcher .button-3d {
		width: 220px;
		margin-top: 10px
	}

	#m-catcher .pers {text-align: center}
}

@media (max-width: 830px) {
	#m-catcher.modal .modal-dialog {
		width: 90vw !important;
		max-width: 90vw !important;
	}

	#m-catcher .modal-dialog {
		margin: 10px auto !important;
	}

	#m-catcher.modal .modal-body {padding: 50px 10px}
}

@media (max-width: 480px) {
	#m-catcher .title p {	font-size: 13px	}
}

#m-catcher .catch-inp { color: #B3B0AB}

#m-catcher .submit {font-size: 16.2px}

@media (max-width: 390px) {
	.call_b, .call_b img { width: 60px}
}

.row-data_time {
	column-gap: 10px;
	align-items: center;
	-webkit-align-items: center;
}

.step-question input[type=text] {	width: 100%}



@media (max-width: 991px) {
	.class_catch_bottom .question-bottom {
	 width: calc(100% - 70px);
 }

 .class_top_mob .call_b{
	 top: 30px
 }
}

@media (max-width: 480px) {
	.class_catch_bottom #gotest {
	  width: 280px !important;
				margin: 30px 0 0 !important;
	}

	.with-back .btns {
    column-gap: 8px;
  }

	.with-back .btn-prev {
    font-weight: 500;
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-size: 11px;
	}

	.with-back .btn-next {
    font-weight: 500;
    font-size: 11px;
		width: 86px;
  }

	.with-back .btn-next span {
    margin-left: -20px;
  }

	.with-back .btn-next:after {
    width: 15px;
		margin-left: 6px;
    background-position-x: 100%;
  }

	.with-back .button-sub {
    font-size: 9px;
	}


}

@media (max-width: 390px) {
	.class_catch_bottom #gotest {
	width: 260px !important;
 }
}

@media (max-width: 360px) {
		.class_catch_bottom #gotest {
		width: 240px !important;
	}
	
	.final .signature {
        margin-top: 20px;
    }

	.class_catch_bottom .question-bottom {
		width: calc(100% - 40px);
	}

	.class_catch_bottom .call_b, .class_catch_bottom .call_b img {
		width: 60px;
	}

	.class_catch_bottom .call_b{
		right: 10px;
		bottom: 10px;
	}
}

.grid-ans {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
}

@media(max-width: 768px) {
	.grid-ans {
	    grid-template-columns: 1fr;
	}

	.button-sub {
		display: none
	}
}

.step-animate {
	animation: 2s linear heded;
}

@keyframes heded {
	0% { opacity:1; }
    56% { opacity:0.5; }
    100% { opacity:0; }
}
@-webkit-keyframes heded {
	0% { opacity:1; }
    56% { opacity:0.5; }
    100% { opacity:0; }
}

.shown-anim {
	animation: 1s linear shown2;
}

@keyframes shown2 {
	0% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes shown2 {
	0% { opacity:0; }
    100% { opacity:1; }
}

@media(min-width: 769px) {
	.ans-num-4 .grid-ans .field:nth-child(2n-1) { order: 1; }
	.ans-num-4 .grid-ans .field:nth-child(2n) { order: 2; }

	/**/

	.ans-num-5 .grid-ans .field:nth-child(3n-2) { order: 1; }
	.ans-num-5 .grid-ans .field:nth-child(3n-1) { order: 2; }
	.ans-num-5 .grid-ans .field:nth-child(3n) { order: 3; }

	.ans-num-6 .grid-ans .field:nth-child(3n-2) { order: 1; }
	.ans-num-6 .grid-ans .field:nth-child(3n-1) { order: 2; }
	.ans-num-6 .grid-ans .field:nth-child(3n) { order: 3; }

	/**/

	.ans-num-7 .grid-ans .field:nth-child(4n-3) { order: 1; }
	.ans-num-7 .grid-ans .field:nth-child(4n-2) { order: 1; }
	.ans-num-7 .grid-ans .field:nth-child(4n-1) { order: 3; }
	.ans-num-7 .grid-ans .field:nth-child(4n) { order: 4; }

	.ans-num-8 .grid-ans .field:nth-child(4n-3) { order: 1; }
	.ans-num-8 .grid-ans .field:nth-child(4n-2) { order: 1; }
	.ans-num-8 .grid-ans .field:nth-child(4n-1) { order: 3; }
	.ans-num-8 .grid-ans .field:nth-child(4n) { order: 4; }

	/**/

	.ans-num-9 .grid-ans .field:nth-child(5n-4) { order: 1; }
	.ans-num-9 .grid-ans .field:nth-child(5n-3) { order: 2; }
	.ans-num-9 .grid-ans .field:nth-child(5n-2) { order: 3; }
	.ans-num-9 .grid-ans .field:nth-child(5n-1) { order: 4; }
	.ans-num-9 .grid-ans .field:nth-child(5n) { order: 5; }

	.ans-num-10 .grid-ans .field:nth-child(5n-4) { order: 1; }
	.ans-num-10 .grid-ans .field:nth-child(5n-3) { order: 2; }
	.ans-num-10 .grid-ans .field:nth-child(5n-2) { order: 3; }
	.ans-num-10 .grid-ans .field:nth-child(5n-1) { order: 4; }
	.ans-num-10 .grid-ans .field:nth-child(5n) { order: 5; }

	/**/

	.ans-num-11 .grid-ans .field:nth-child(6n-5) { order: 1; }
	.ans-num-11 .grid-ans .field:nth-child(6n-4) { order: 2; }
	.ans-num-11 .grid-ans .field:nth-child(6n-3) { order: 3; }
	.ans-num-11 .grid-ans .field:nth-child(6n-2) { order: 4; }
	.ans-num-11 .grid-ans .field:nth-child(6n-1) { order: 5; }
	.ans-num-11 .grid-ans .field:nth-child(6n) { order: 6; }

	.ans-num-12 .grid-ans .field:nth-child(6n-5) { order: 1; }
	.ans-num-12 .grid-ans .field:nth-child(6n-4) { order: 2; }
	.ans-num-12 .grid-ans .field:nth-child(6n-3) { order: 3; }
	.ans-num-12 .grid-ans .field:nth-child(6n-2) { order: 4; }
	.ans-num-12 .grid-ans .field:nth-child(6n-1) { order: 5; }
	.ans-num-12 .grid-ans .field:nth-child(6n) { order: 6; }

	/**/

	.ans-num-13 .field:nth-child(7n-6) { order: 1; }
	.ans-num-13 .field:nth-child(7n-5) { order: 2; }
	.ans-num-13 .field:nth-child(7n-4) { order: 3; }
	.ans-num-13 .field:nth-child(7n-3) { order: 4; }
	.ans-num-13 .field:nth-child(7n-2) { order: 5; }
	.ans-num-13 .field:nth-child(7n-1) { order: 6; }
	.ans-num-13 .field:nth-child(7n) { order: 7; }

	.ans-num-14 .field:nth-child(7n-6) { order: 1; }
	.ans-num-14 .field:nth-child(7n-5) { order: 2; }
	.ans-num-14 .field:nth-child(7n-4) { order: 3; }
	.ans-num-14 .field:nth-child(7n-3) { order: 4; }
	.ans-num-14 .field:nth-child(7n-2) { order: 5; }
	.ans-num-14 .field:nth-child(7n-1) { order: 6; }
	.ans-num-14 .field:nth-child(7n) { order: 7; }

	/**/

	.ans-num-15 .field:nth-child(8n-7) { order: 1; }
	.ans-num-15 .field:nth-child(8n-6) { order: 2; }
	.ans-num-15 .field:nth-child(8n-5) { order: 3; }
	.ans-num-15 .field:nth-child(8n-4) { order: 4; }
	.ans-num-15 .field:nth-child(8n-3) { order: 5; }
	.ans-num-15 .field:nth-child(8n-2) { order: 6; }
	.ans-num-15 .field:nth-child(8n-1) { order: 7; }
	.ans-num-15 .field:nth-child(8n) { order: 8; }

	.ans-num-16 .field:nth-child(8n-7) { order: 1; }
	.ans-num-16 .field:nth-child(8n-6) { order: 2; }
	.ans-num-16 .field:nth-child(8n-5) { order: 3; }
	.ans-num-16 .field:nth-child(8n-4) { order: 4; }
	.ans-num-16 .field:nth-child(8n-3) { order: 5; }
	.ans-num-16 .field:nth-child(8n-2) { order: 6; }
	.ans-num-16 .field:nth-child(8n-1) { order: 7; }
	.ans-num-16 .field:nth-child(8n) { order: 8; }
}