/* Общие стили */
body {
	margin:0;
}
/* Общие стили закончилась */
body {
	margin-top:40px;
	font-family: 'Roboto', sans-serif;
}
.container-test{
	max-width: 1400px;
	margin: 0 auto;
}
.container{
	max-width:1000px;
	margin: 0 auto;
}
.desc-test{
	font-size: 21px;
	color: #3a1804;
}
.header__link  {
	padding: 12px 23px;
	font-size: 21px;
	color: #fff;
	background: #D66727;
	border-radius: 20px;
	border: none;
	text-align: center;
	margin-left: auto;
	max-width: 100%;
	width: 340px;
	box-shadow: 0 2px 2px rgba(107, 63, 20, 0.83);
}
.finish-block{
	max-width: 760px;
	margin: 0 auto;
}
.skidos{
	color: #d66727;
	font-size: 21px;
	display: flex;
	align-items: center;
	margin: 50px 0 0 0;
}
.politika{
	border: none!important;
	height: 40px!important;
}
.contacts{
	display: flex;
	align-items: flex-end;
	margin: 50px 0 30px 0;
}
.contacts .tel label{
	font-size: 15px;
	font-style: italic;
	color:#919190;
	display: block;
	margin-bottom: 10px;
}
.ili{
	color:#919190;
	margin: 0 16px 18px 15px;
	font-style: italic;
	font-size: 15px;
}
.ili3{
	color:#919190;
	font-style: italic;
	font-size: 15px;
}
.contacts .tel input{
	width: 320px;
	padding: 13px 10px;
	border: 1px solid #3a1804;
	font-size: 20px;
	border-radius: 3px;
}
.politika label span {
	max-width: 100%!important;
	display: inline-block!important;
	padding: 0 0 0 11px!important;
	font-size: 14px!important;
}
.politika input[type=checkbox]:checked + label:after{
	background: #7b2d00 url(../check.png)no-repeat!important;
	background-size: contain!important;
	background-position: 1px!important;
}
.politika label:after {
	background: #fff;
	height: 20px!important;
	width: 20px!important;
	border: 1px solid #dcdcdc!important;
	display: none!important;
}
.skidos img{
	padding-right: 20px;
}
.header__link:hover{
	cursor:pointer;
	background: -webkit-gradient(linear, left bottom, left top, from(#fc6f1e), to(#d66727));
	background: -webkit-linear-gradient(bottom, #fc6f1e 0%, #d66727 100%);
	background: -o-linear-gradient(bottom, #fc6f1e 0%, #d66727 100%);
	background: linear-gradient(to top, #fc6f1e 0%, #d66727 100%);
}
.logo-test{
	background: url("../logo.png");
	width:113px;
	height: 80px;
	display: block;
	float: right;
}
.man-test{
	float: left;
	background: url("../man.png")no-repeat;
	width: 365px;
	height: 535px;
	background-size: contain;
}
.title-test{
	font-size: 32px;
	color: #3a1804;
}
.desc-test{
	font-size: 21px;
	color: #3a1804;
	margin:50px 0;
}
.pont{
	height: 98px;
	width: 460px;
	border: 1px solid #aeaeae;
	border-radius: 4px;
	margin: 17px 0;
	display: flex;
	align-items: center;
	position: relative;
}
.pont input[type=checkbox] {
	display: none;
}
.pont:hover{
	cursor: pointer;
	border:1px solid #7b2d00;
}
.step .title-test{
	margin-bottom: 45px;
}
.arrows{
	text-align: right;
	max-width: 983px;
	margin: -60px 0 0 0;
	position: absolute;
	bottom: 0;
	right: 60px;
	display: flex;
	align-items: center;
	height: 50px;
}
.arrows .next{
	color: #fff;
	border-radius: 3px;
	background: #7b2d00;
	font-size: 24px;
	font-weight: bold;
	padding: 9px 10px 9px 22px;
	position: relative;
	box-shadow: -2px -2px 2px rgba(107, 63, 20, 0.83);
}
.arrows .back{
	font-size: 21px;
	margin: 0 50px 0 0;
	color: #999897;
	position: absolute;
	right: 120px;
}
.arrows .back span{
	background: url(../arrowback.png)no-repeat;
	width: 36px;
	height: 30px;
	display: inline-block;
	margin: -28px 0 0 0;
	position: absolute;
	left: -42px;
	top: 25px;
}
.arrows .next:after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	right: -19px;
	border-top: 24px solid transparent;
	border-left: 20px solid #7b2d00;
	border-bottom: 23px solid transparent;
}
.arrows .next span{
	background: url("../arrownext.png")no-repeat;
	width: 25px;
	height: 21px;
	display: inline-block;
}
.pont label {
	font-size: 21px;
	color: #3a1804;
	cursor: pointer;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	padding: 25px 25px 25px 35px;
	justify-content: flex-end;
	width: 100%;
}
.pont label:after {
	content: '';
	display: block;
	border-radius: 3px;
	height: 30px;
	width: 30px;

	background: #dcdcdc;
}
.pont input[type=checkbox]:checked + label:after {
	background: #7b2d00 url(../check.png)no-repeat;
	background-position: 3px 4px;

}
.pont label span{
	max-width: 260px;
	display: inline-block;
	padding: 0 0 0 45px;
}
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1000px;
}
.slidecontainer {
	max-width: 1000px;

}

.slider {
	-webkit-appearance: none;
	width: 100%;
	height: 9px;
	background: #dcdcdc;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 30px;
	height: 30px;
	background: #7b2d00;
	cursor: pointer;
	box-shadow: 1px 0 7px #383633;
}
.slideout{
	width: 100%;
	max-width: 97%;
	position: relative;
	margin: 0 auto;
}
.diapozon{
	display: flex;
	justify-content: space-between;
	margin-top: 19px;
}
.diapozon div{
	font-size: 21px;
	color: #999897;
}
.title-slidecontainer{
	font-size: 21px;
	color: #999897;
	text-align: center;
	margin: 0 0 40px 0;
}
.slideout .polz{
	position: absolute;
	top: -36px;
	width: 30px;
	text-align: center;
	margin: 0 0 0 -13px;
	font-size: 21px;
	color: #7b2d00;
}
.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	background: #7b2d00;
	cursor: pointer;
	box-shadow: 1px 0 7px #383633;
}
form {
	max-width: 1400px;
	margin: 0 auto;
}
	form div.step {
		display:none;
		height: 612px;
		position: relative;
	}

	a {
		text-decoration:none;
	}
.ili2{
	display: none;
}

.politika label {
	padding: 25px 25px 25px 0px;}
#step2 .skidos,#step4  .skidos,#step6  .skidos,#step7  .skidos,#step8 .skidos,#step9 .skidos{
	font-size: 0;
}

#step3 .next{
display: none;
}


@media only screen and (max-width: 430px) {
	form div.step {
	    height: auto }
	.man-test {
		width: 104px;
		height: 154px;
	}
	.logo-test {
		display: none;
	}
	.title-test {
		font-size: 21px;}
	.desc-test {
		font-size: 17px;
		text-align: center;}
	.step{
		text-align: center;
	}
	.header__link {
		font-size: 17px;
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	#step2 .skidos,#step4  .skidos,#step6  .skidos,#step7  .skidos,#step8 .skidos,#step9 .skidos{
		font-size: 21px;
	}

	.skidos {
		margin: 50px 40px 0 30px;
		text-align: left;
	}
	.pont {
		height: auto;
		width: 100%;
		border: none;
		margin: 0 0;
		display: flex;
		align-items: center;
		position: relative;
	}
	.pont label {
		font-size: 17px;
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
		padding: 20px 0 20px 31px;
		justify-content: flex-end;
		width: 100%;
	}
	.pont label span {
		max-width: 260px;
		display: inline-block;
		padding: 0 0 0 25px;
		text-align: left;
	}
	.arrows {
		text-align: center;
		width: 80%;
		padding: 0 20px;
		justify-content: space-between;
		right: auto;
		margin: 30px auto 0 auto;
		position: relative;
	}
	.arrows .back span {
		left: 0px;
		top: 13px;
	}
	.slidecontainer {
		padding: 0 20px;
	}
	.contacts {
		flex-wrap: wrap;
		padding: 0 20px;
		width: 80%;
		margin:  22px auto 9px;
	}
	.contacts .tel input {
		width: 100%;}
	.ili,.ili3{
		display: none;
	}
	.ili2{
		display: inline;
	}
	.contacts .tel label {
		text-align: left;
	}
	.contacts .tel{
		margin-bottom: 30px;
	}
	.politika {
		margin: 20px 0!important;
	}
	.politika label {
		padding: 10px 0 10px 10px!important;
	}
	.pont:hover {
		cursor: pointer;
		border: none;
	}
	.step .title-test {
		margin-bottom: 30px;
		font-weight: bold;
	}
	#step3 .skidos,#step4 .skidos,#step5 .skidos, .finish-block .skidos{
		display:none;
	}
	.desc-test {
		margin: 20px 0;
	}
	.arrows .back {
		font-size: 0;
		margin: 0;
		right: 0;
		position: relative;
	}
	.tret{
		margin: 65px auto 0;
	}
	#step9 .skidos{
		display: none;
	}
}