@charset "UTF-8";
@import 'conf.css';
@import 'fonts.css';
@import 'slick.css';
@import 'slick-theme.css';
@import 'jquery.fancybox.min.css';
@import 'popup.css';
@import 'home.css';
@import 'twentytwenty.css';
/*==========================================*/
$btn-color: #48a4fe;

body {
	overflow-x: hidden;
	font-family: sans-serif;
	font-size: 20px;
	font-family: 'Museo Sans Cyrl 500';
	line-height: 1.3;
	overflow-x: hidden !important;
}

#home_2 .goToQuiz {
	flex-shrink: 0;
}

#main .change_block {
	will-change: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

a {
	text-decoration: none;
	color: inherit;
	transition: ease .2s;
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.jcsa {
	justify-content: space-around;
}

.jcsb {
	justify-content: space-between;
}

.jcfs {
	justify-content: flex-start;
}

.jcc {
	justify-content: center;
}

.aic {
	align-items: center;
}

section,
footer,
nav,
header,
menu {
	max-width: 1920px;
	margin: 0 auto;
}

.btn {
	text-transform: uppercase;
	font-size: 18px;
	color: #000;
	box-shadow: 0 0 23px 1px rgba(255, 246, 0, 0.52);
	border-radius: 41px;
	background-color: #fff200;
	background-image: linear-gradient(to top, #fff600 0%, #fdc42a 100%);
	border-radius: 40px;
	position: relative;
	display: inline-block;

	&:hover {
		box-shadow: 0 0 10px 1px rgba(255, 246, 0, 0.52);
		background-image: linear-gradient(to top, lighten(#fff600, 10%) 0%, lighten(#fdc42a, 10%) 100%);
	}

	;
}

.h2 {
	font-size: 31px;

	strong {
		color: #00bff3;
		font-family: 'Museo Sans Cyrl 900';
	}

	small {
		display: block;
		font-size: 23px;
	}
}

#anchor {

	display: block;
	height: 0;
	position: relative;
	top: 130px;

}


.player {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;

	.screen {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		margin: auto;
		opacity: 0;
		transition: opacity .5s;

		&.active {
			opacity: 1;
		}
	}
}

#nav {
	position: relative;

	.logo_block {
		flex-grow: 1;
	}

	.logo {
		.img {
			flex-shrink: 0;
			width: 144px;
			//height: 109px;
			border: 2px solid #00bff3;
			border-radius: 50%;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			align-items: center;
			justify-content: center;
			align-content: center;

			img {
				flex-shrink: 0;
				margin-right: 5px;
				margin-left: -10px;
			}

			p {
				font-size: 27px;
				font-family: 'Bebas Neue';
				color: $btn-color;
				line-height: 23px;
				text-align: center;

				strong {
					font-size: 23px;
				}

				small {
					font-size: 21px;
				}
			}
		}
	}

	.logo_text,
	.logo_text_2 {
		font-size: 18px;
		margin-left: 20px;
		font-family: "Helvetica";
	}

	.phone {
		display: block;
		text-align: right;
		font-size: 20px;
		font-weight: bold;
		font-family: 'Museo Sans Cyrl 700';
	}

	.online {
		font-family: "Helvetica";
		font-size: 16px;
		position: relative;

		&:before {
			content: "";
			position: absolute;
			left: -15px;
			width: 10px;
			height: 10px;
			background-image: radial-gradient(circle 5px at center, #ffff00 0%, #25bc07 100%);
			border-radius: 50%;
			top: calc(50% - 4px);
		}

		;
	}
}

.home #s01 {
	background: url("../img/home_bg_2.jpg") no-repeat 50% 50%;
	padding-bottom: 330px;
}

#s01 {
	background: url("../img/bg1.jpg") no-repeat 50% 15%/cover;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 240px;

	.h1 {
		text-align: left;
		font-size: 35px;
		font-weight: 900;
		font-family: 'Museo Sans Cyrl 900';

		span {
			color: $btn-color;
		}
	}

	.hr {
		margin: 15px 0;
		width: 88px;
		border-bottom: 2px dotted #c7b609;
	}

	.subtitle {
		font-size: 22px;
		font-family: 'Museo Sans Cyrl 300';
	}

	.block {
		margin-top: 30px;
		text-align: center;
		width: 180px;
		max-width: 100%;

		.number {
			font-size: 35px;
			font-family: 'Museo Sans Cyrl 900';
			color: $btn-color;
		}

		.number_text {
			font-family: "Helvetica";
			font-size: 16px;
			margin-top: 5px;
		}
	}

	.sub {
		font-family: "Helvetica";
		font-size: 23px;
		text-shadow: 0 0 5px rgba(0, 0, 0, 0.26);
		margin-top: 50px;
	}

	.btn {
		margin-top: 35px;
		margin-left: 65px;
		width: 339px;
		height: 82px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		padding: 0;
		align-items: center;
		align-content: center;
		justify-content: center;
		font-weight: bold;
		padding-left: 25px;
		box-shadow: 0 0 23px 1px darken(rgba(255, 246, 0, 0.52), 10%), 0 0 23px 1px darken(rgba(255, 246, 0, 0.52), 10%), 0 0 23px 1px darken(rgba(255, 246, 0, 0.52), 10%);

		&:before {
			content: "";
			position: absolute;
			top: 10px;
			left: -65px;
			background: url("../img/calc.png") no-repeat 50% 50%/cover;
			width: 118px;
			height: 84px;
		}

		;

		&:after {
			content: "";
			position: absolute;
			bottom: -45px;
			width: 272px;
			height: 46px;
			background-image: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
			left: calc(50% - 136px);
			opacity: 0.10;
		}

		;

		&:active {
			box-shadow: inset 1px 4px 5px rgba(198, 131, 25, .91);
			background-color:
				#fff200;
			background-image: linear-gradient(0deg,
					#fff600 0,
					#fdc42a);
			color:
				#000;
		}
	}

	.btn_wrapper {
		display: inline-block;
		position: relative;

		&:before {
			content: "";
			position: absolute;
			right: -70px;
			top: 5px;
			background: url("../img/arrow.png") no-repeat 50% 50%/cover;
			width: 38px;
			height: 72px;
		}

		;
	}
}


#main {
	//padding-bottom: 200px;
	position: relative;
	background: #0380b7;

	//overflow: hidden;
	//
	.wrap {
		//top: -130px;
		overflow: hidden;
		padding-bottom: 200px;
		max-width: 1140px;
		//margin-bottom: -200px;
	}

	.header {
		border-radius: 10px 10px 0 0;
		border: 2px solid #ffffff;
		background-color: #111f3f;
		border-bottom: none;
		padding-top: 45px;
		text-align: center;
		padding-bottom: 45px;
		width: 890px;
		margin-left: auto;
		margin-right: auto;
		color: #fff;
		position: relative;
		top: -120px;
		margin-bottom: -120px;
	}

	.quiz {
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		position: relative;
		width: 890px;
		color: #fff;
	}

	.header_title {
		font-size: 25px;

		small {
			font-size: 18px;
		}
	}

	.progressBar {
		width: 327px;
		height: 29px;
		box-shadow: inset 0 0 7px 1px rgba(17, 31, 63, 0.56);
		border-radius: 15px;
		border: 1px solid #ffffff;
		background-color: #ffffff;
		position: relative;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		margin-bottom: 25px;
		overflow: hidden;

		.bar {
			background: #fde80a;
			border-radius: 40px 0 0 40px;
			width: 14%;
			overflow: hidden;
			height: 100%;
			position: relative;

			&:before {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-image: linear-gradient(-45deg, rgba(255, 255, 255, .6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, .6) 75%, transparent 75%, transparent);
				-webkit-background-size: 20px 20px;
				-webkit-animation: progress-bar-stripes 2s linear infinite;
				-o-animation: progress-bar-stripes 2s linear infinite;
				animation: progress-bar-stripes 2s linear infinite;
			}

			;
		}
	}

	.hr {
		margin: 0;
		width: 584px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px solid #959595;
		opacity: 0.2;
	}

	.question {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		font-size: 16px;
		font-family: "Helvetica";

		.img {
			flex-shrink: 0;
			margin-right: 20px;
			position: relative;

			img {
				position: relative;
			}

			&:before {
				content: "";
				position: absolute;
				width: 100%;
				height: 54px;
				bottom: -48px;
				left: 0;
				background-image: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
				opacity: 0.15;
			}

			;

			&.three:before,
			&.five:before {
				background: url("../img/three.png") no-repeat 50% 50%;
				width: 56px;
				opacity: 1;
				height: 65px;
				bottom: -45px;
			}

			;

			&.six:before {
				background: url("../img/three.png") no-repeat 50% 50%;
				width: 56px;
				opacity: 1;
				height: 65px;
				bottom: -45px;
				bottom: -28px;
				left: 6px;
			}

			&.four:before {
				bottom: -28px;
			}
		}

		strong {
			font-size: 25px;
			font-family: 'Museo Sans Cyrl 700';
			display: block;
			margin-top: 15px;
			margin-bottom: 2px;
		}
	}

	.change_block {
		margin-top: -65px;
		padding: 65px;
		padding-bottom: 40px;
		background-color: #111f3f;
		border: 2px solid #ffffff;
		border-top: none;
		border-radius: 0 0 10px 10px;
		display: none;
		transition: ease .2s;
		position: relative;

		&.white_block {
			background: #fff;
		}

		&.active {
			display: block;
		}
	}

	.white_title {
		color: #b1b1b1;
		font-family: 'Museo Sans Cyrl 900';
		font-size: 30px;
		position: relative;
		padding-left: 42px;

		&:before {
			content: "";
			position: absolute;
			background: url("../img/closed_lock.png") no-repeat 50% 50%/cover;
			width: 30px;
			height: 40px;
			left: 0;
			top: calc(50% - 20px);
		}

		;
	}

	.openLock .white_title:before {
		background: url("../img/open_lock.png") no-repeat 50% 50%/cover;
		width: 40px;
		height: 41px;
		left: -12px;
	}

	;

	.white_hr {
		width: 584px;
		max-width: 100%;
		margin: 45px auto;
		border-bottom: 1px solid #959595;
		opacity: 0.57;
	}

	.questions_block {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		margin-top: 30px;
	}

	.col_right {
		width: 258px;
		flex-shrink: 0;
	}

	.col_left {
		width: 470px;
		flex-shrink: 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		&.presents {
			width: 100%;

			.form_control {
				width: 210px;
			}
		}
	}

	.form_control {
		width: 204px;
		max-width: 100%;
		margin-top: 20px;
		position: relative;

		.img {
			height: 125px;
			width: 100%;
			border-radius: 5px 5px 0 0;
			border: 1px dotted #00bff3;
			padding: 3px;
			border-bottom: none;
			display: block;
			width: 100%;
			padding-bottom: 0;
			text-align: center;

			&:after {
				content: "";
				position: absolute;
				top: 3px;
				left: 3px;
				background: #fff;
				border-radius: 5px 5px 0 0;
				width: calc(100% - 6px);
				height: calc(100% - 3px);
				//z-index: -1;
			}

			;

			img {
				vertical-align: bottom;
				position: relative;
				z-index: 1;
			}
		}
	}

	.column {
		align-self: flex-start;

		.img {
			margin-top: 20px;
			border-radius: 5px;
			border: 1px dotted #00bff3;
			padding: 3px;

			img {
				vertical-align: bottom;
			}
		}

		input {
			margin-top: 10px;
			margin-bottom: 15px;
			width: 208px;
			height: 44px;
			border-radius: 5px;
			border: 1px dotted #00bff3;
			background-color: #ffffff;
			opacity: 0.33;
			color: #7c7c7c;
			font-family: Helvetica;
			font-size: 16px;
			padding-left: 15px;

			&:active,
			&:focus,
			&.filled {
				border: 1px dotted #00bff3;
				background-color: #ffffff;
				opacity: 1;
			}

			;
		}
	}

	.label {
		color: #00bff3;
		font-family: Helvetica;
		font-size: 16px;
	}

	.mt-05 {
		margin-top: -5px;
	}

	.zoom {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;

		&:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			background: url("../img/zoom.png") no-repeat 50% 50%/cover;
			width: 36px;
			height: 36px;
			z-index: 1;
		}

		;
	}

	.footer {
		border-radius: 0 0 5px 5px;
		background-color: #00bff3;
		padding: 15px 20px;
		padding-top: 5px;
		margin-top: -4px;

		table {
			color: #111f3f;
			font-family: Helvetica;
			font-size: 13px;
			font-weight: 300;
			width: 100%;

			td {
				position: relative;
			}

			td:nth-of-type(1) {
				opacity: .6;
			}

			td:nth-of-type(2) {
				padding-left: 40px;
			}

			.mnogo,
			.malo {
				&:before {
					content: "";
					position: absolute;
					left: 25px;
					top: 3px;
					border-radius: 50%;
					width: 9px;
					height: 9px;
					background-image: radial-gradient(circle 5px at center, #4bf616 0%, #07912e 100%);
				}

				;
			}

			.malo {
				&:before {
					background-image: radial-gradient(circle 5px at center, #ff68af 0%, #e10019 100%);
				}

				;
			}
		}
	}

	.answer_block {
		cursor: pointer;
		border-radius: 0 0 5px 5px;
		background-color: #00bff3;
		height: 62px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 100%;
		flex-direction: column;
		justify-content: center;
		padding-left: 40px;
		padding-right: 5px;
		text-shadow: 0 0 2px rgba(17, 31, 63, 0.64);
		font-size: 16px;
		font-family: 'Museo Sans Cyrl 700';

		&.noImg {
			border-radius: 5px;
			min-height: 85px;
		}

		label {
			display: block;
			text-align: left;
			position: relative;
			cursor: pointer;

			&:before {
				content: "";
				position: absolute;
				width: 16px;
				height: 16px;
				border-radius: 2px;
				border: 1px solid #ffffff;
				left: -25px;
				top: calc(50% - 9px);
			}

			;
		}

		[type="radio"]+label:before {
			border-radius: 50%;
		}

		;
	}

	[type="radio"],
	[type="checkbox"] {
		position: absolute;
		left: -999999px;
	}

	[type="checkbox"]:checked+label:before {
		background: #fff;
	}

	[type="radio"]:checked+label:before {
		box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.3);
		border: 1px solid #ffffff;
		background-color: #ffffff;
	}

	[type="radio"]:checked+label:after {
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		box-shadow: inset 0 0 2px 2px rgba(0, 191, 243, 0.52);
		background-color: #00bff3;
		border-radius: 50%;
		top: calc(50% - 5px);
		left: -21px;
	}

	[type="checkbox"]:checked+label:after {
		width: 11px;
		height: 10px;
		content: "";
		position: absolute;
		left: -21px;
		top: calc(50% - 5px);
		border-radius: 2px;
		background: url("../img/check.png") no-repeat 50% 50%/cover;
	}

	;

	.present_block {
		margin-top: 20px;
		position: relative;

		p {
			position: absolute;
			width: 100%;
			text-align: center;
			top: 20px;
			left: 0;
			font-family: Helvetica;
			font-size: 16px;

			strong {
				color: #111f3f;
				font-family: 'Museo Sans Cyrl 900';
			}
		}
	}

	.textarea_block {
		height: auto;
		align-self: self-start;

		textarea {
			font-size: 16px;
			color: #fff;
			width: 100%;
			height: 62px;
			padding-top: 10px;
			min-height: 62px;
			box-shadow: inset 1px 1px 8px 1px transparentize(rgba(0, 0, 0, 0.51), .6);
			border-radius: 5px;
			background-color: transparentize(#ffffff, .6);
			padding-left: 47px;
			margin: 0;

			&:focus,
			&:active,
			&.filled {
				background: #fff;
				color: #000;
			}

			;
		}
	}

	.fake_checkbox {
		position: absolute;
		left: 0;
		top: 0;
		width: 43px;
		height: calc(100% - 1px);
		border-radius: 5px 0 0 5px;
		background-color: #00bff3;

		&:before {
			content: "";
			position: absolute;
			width: 16px;
			height: 16px;
			border-radius: 2px;
			border: 1px solid #ffffff;
			top: calc(50% - 9px);
			left: calc(50% - 9px);
		}

		;

		&.checked:before {
			background: #fff;
		}

		&.checked:after {
			width: 11px;
			height: 10px;
			content: "";
			position: absolute;
			left: calc(50% - 5px);
			top: calc(50% - 5px);
			border-radius: 2px;
			background: url("../img/check.png") no-repeat 50% 50%/cover;
		}

		;
	}

	.fake_radio {
		position: absolute;
		left: 0;
		top: 0;
		width: 43px;
		height: calc(100% - 1px);
		border-radius: 5px 0 0 5px;
		background-color: #00bff3;

		&:before {
			content: "";
			position: absolute;
			width: 16px;
			height: 16px;
			border-radius: 2px;
			border: 1px solid #ffffff;
			top: calc(50% - 9px);
			left: calc(50% - 9px);
			border-radius: 50%;
		}

		;

		&.checked:before {
			box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.3);
			border: 1px solid #ffffff;
			background-color: #ffffff;
		}

		&.checked:after {
			content: "";
			position: absolute;
			width: 10px;
			height: 10px;
			box-shadow: inset 0 0 2px 2px rgba(0, 191, 243, 0.52);
			background-color: #00bff3;
			border-radius: 50%;
			top: calc(50% - 5px);
			left: calc(50% - 5px);
		}

		;
	}

	.buttons {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		padding-right: 70px;
		justify-content: flex-end;

		.goBack,
		.goNext {
			margin-top: 55px;
			color: #fee410;
			font-family: Helvetica;
			font-size: 18px;
			font-weight: 700;
			text-transform: uppercase;
			border-radius: 27px;
			border: 1px solid #fed21e;
			width: 134px;
			height: 53px;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			align-items: center;
			align-content: center;
			justify-content: center;
			margin-right: 30px;

			img {
				flex-shrink: 0;
				margin-left: 8px;
			}

			&:hover:not([disabled="disabled"]),
			&.active:not([disabled="disabled"]) {
				box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.35);
				border-radius: 27px;
				border: 1px solid #fed21e;
				background-color: #ffe90b;
				color: #000;

				img {
					filter: brightness(0%);
				}
			}

			&:active:not([disabled="disabled"]) {
				box-shadow: inset 1px 4px 5px rgba(198, 131, 25, 0.91);
				border-radius: 27px;
				background-color: #fff200;
				background-image: linear-gradient(to top, #fff600 0%, #fdc42a 100%);
				color: #000;

				img {
					filter: brightness(0%);
				}
			}
		}

		.goNext {
			width: 241px;
			height: 53px;

			&:not([disabled="disabled"]) {
				box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.35);
				border-radius: 27px;
				border: 1px solid #fed21e;
				background-color: #ffe90b;
				color: #000;

				img {
					filter: brightness(0%);
				}
			}
		}
	}

	.dev {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		opacity: 0.18;
		color: #ffffff;
		font-family: Helvetica;
		font-size: 16px;
		font-weight: 300;
		margin-top: 70px;

		a {
			flex-grow: 1;
		}
	}

	.change_block.nextInQueue {
		display: block;
		opacity: 0.67;
		opacity: .67;
		border-radius: 10px;
		border-top: 2px solid;
		padding-top: 40px;
		top: calc(100% + 80px);
		//bottom: calc(0% - 390px);
		position: absolute;
		width: 890px;
		left: calc(50% - 445px);
		transition: ease .2s;
	}

	.inform_block {
		position: absolute;
		width: 191px;
		height: 105px;
		//overflow-y: scroll;
		box-shadow: 0 0 21px 6px rgba(8, 90, 144, 0.34);
		border: 1px dotted #68b9e6;
		background-color: #ffffff;
		right: -120px;
		z-index: 99;
		top: 60px;
		padding: 10px;
		color: #010101;
		font-family: Helvetica;
		font-size: 12px;
		border-radius: 5px;
		display: none;

		p {
			margin-bottom: 10px;

			&:last-child {
				margin-bottom: 0;
			}

			;
		}

		.scroll {
			height: 100%;
		}

		&:before {
			content: '';
			position: absolute;
			/* Абсолютное позиционирование */
			left: 30px;
			top: -30px;
			border: 15px solid transparent;
			border-bottom: 15px solid #fff;
		}

		;
	}

	.info_icon {
		cursor: pointer;
		position: absolute;
		width: 31px;
		height: 31px;
		border: 1px solid #f7941d;
		background-color: #f7941d;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		color: #fff;
		border-radius: 50%;
		font-size: 16px;
		font-family: 'Museo Sans Cyrl 900';
		top: 8px;
		right: 8px;
		text-align: center;
		align-items: center;
		align-content: center;
		justify-content: center;
	}

	;

	.info_parent {
		&:hover .inform_block {
			display: block;
		}
	}

	.info_parent {
		position: relative;
		z-index: 9;
	}

	.slick-prev {
		left: -12px;
	}

	.slick-next {
		right: -12px;
	}

	.slick-prev,
	.slick-next {
		position: absolute;
		width: 26px;
		z-index: 1;
		border-radius: 50%;
		height: 26px;
		background-color: #fed21e;
		background-image: linear-gradient(to top, #fff600 0%, #fdc42a 100%);

		&:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url("../img/prev.png") no-repeat 50% 50%;
		}

		;
	}

	.slick-next:before {
		transform: rotate(180deg);
	}

	;

	.presentBlock {

		.img {
			padding: 0;
			border: none;
			height: 125px;
			position: relative;

			&:after {
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				border-radius: 0;
			}

			;
		}
	}

	.present_header {
		position: relative;
		z-index: 9;
		color: #111f3f;
		font-family: 'Museo Sans Cyrl 900';
		font-size: 22px;
		text-align: center;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
		position: relative;
		height: 40px;
		border-radius: 5px 5px 0 0;
		background-color: #ffff00;

		&:before {
			content: "";
			position: absolute;
			right: -40px;
			top: -40px;
			background: url("../img/bant.png") no-repeat 50% 50%/cover;
			width: 107px;
			height: 106px;
		}

		;
	}

	.present_name {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		align-content: center;
		color: #111f3f;
		font-family: 'Museo Sans Cyrl 700';
		font-size: 16px;
		padding: 10px;
		min-height: 67px;
		border-radius: 0 0 5px 5px;
		background-color: #ffff00;
		position: relative;
		z-index: 9;
		text-align: center;
	}

	.one_step {
		text-align: center;
		margin-top: 12px;
		font-family: Helvetica;
		font-size: 16px;
		font-weight: 700;

		strong {
			display: block;
			color: #00bff3;
			font-family: 'Museo Sans Cyrl 900';
			font-weight: 400;
		}
	}

	.slider {
		opacity: 0;

		&.slick-initialized {
			opacity: 1;
		}
	}

	.weAreStarted {
		color: #00ccff;
		font-family: 'Museo Sans Cyrl 900';
		font-size: 25px;
		text-align: center;
	}

	.startedFlex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		.started_col:first-child {
			padding-left: 140px;
		}

		;

		.started_col:last-child {
			margin-left: 40px;
			margin-top: 50px;
		}

		;

		.one_step {
			margin-left: -15px;
		}
	}

	.started_title {
		margin-top: 60px;
		font-size: 25px;
		line-height: 1.4;
	}

	.radio_list {
		margin: 0;
		margin-top: 10px;
		position: relative;

		li {
			margin-top: 15px;
			font-family: Helvetica;
			font-size: 16px;
			position: relative;
			//padding-left: 27px;
			cursor: pointer;
			display: block;

			label {
				padding-left: 27px;

				&:before {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					width: 16px;
					height: 16px;
					border-radius: 50%;
					top: calc(50% - 10px);
					border: 1px solid #00ccff;
				}

				;
			}

			[type="radio"]:checked+label::before {
				box-shadow: inset 1px 2px 5px rgba(0, 0, 0, .3);
				border: 1px solid #00bff3;
				background-color: transparent;
			}
		}

		[type="radio"]:checked+label:after {
			left: 4px;
			top: calc(50% - 6px);
		}

		;
	}

	.getResultBtn {
		color: #000000;
		font-family: Helvetica;
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		width: 273px;
		max-width: 100%;
		height: 66px;
		border-radius: 33px;
		background-color: #fff200;
		background-image: linear-gradient(to top, #fff600 0%, #fdc42a 100%);
		margin-top: 25px;
		margin-left: 20px;
		border-radius: 40px !important;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
		position: relative;
		color: #fee410;
		border: 1px solid #fed21e;
		background: #111f3f;
		position: relative;
		z-index: 9;

		&:before {
			content: "";
			position: absolute;
			width: 224px;
			height: 19px;
			background-image: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
			opacity: 0.15;
			bottom: -17px;
			left: calc(50% - 112px);
		}

		;

		&:hover:not([disabled="disabled"]),
		&.active:not([disabled="disabled"]) {
			box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.35);
			border: 1px solid #fed21e;
			background-color: lighten(#ffe90b, 10%);
			color: #000;
		}

		&:active:not([disabled="disabled"]) {
			box-shadow: inset 1px 4px 5px rgba(198, 131, 25, 0.91);
			border-radius: 27px;
			background-color: #fff200;
			background-image: linear-gradient(to top, #fff600 0%, #fdc42a 100%);
			color: #000;
		}
	}

	.getResultBtn {
		&:not([disabled="disabled"]) {
			box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.35);
			border: 1px solid #fed21e;
			background-color: #ffe90b;
			color: #000;

			img {
				filter: brightness(0%);
			}
		}
	}

	[type="tel"] {
		width: 272px;
		max-width: 100%;
		height: 66px;
		border-radius: 33px;
		border: 2px dotted #f8ad3d;
		background-color: #ffffff;
		margin-top: 25px;
		text-align: center;
		font-family: Helvetica;
		font-size: 18px;
		color: #000;
		font-weight: bold;
		position: relative;
		z-index: 9;
	}

	.phoneImg {
		position: relative;

		&:before {
			content: "";
			position: absolute;
			left: -180px;
			top: -270px;
			background: url("../img/phone%EF%B9%96v=1.png") no-repeat 50% 50%/cover;
			width: 361px;
			height: 527px;
		}

		;
	}

	.radio_list li label {
		cursor: pointer;
		display: block;
	}

	.spinner_block {
		text-align: center;
		position: relative;
		margin-top: 35px;

		.blue {
			z-index: 9;
			width: 80px;
			height: 80px;
			background-color: #0b5cb1;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			align-items: center;
			align-content: center;
			justify-content: center;
			border-radius: 50%;
			margin-left: auto;
			margin-right: auto;
			position: relative;

			&:before {
				content: "";
				position: absolute;
				border: 2px dotted #f69d3d;
				width: calc(100% + 8px);
				height: calc(100% + 8px);
				top: -6px;
				left: -6px;
				border-radius: 50%;
			}

			;
		}
	}

	.primernaya {
		font-size: 16px;
		margin-top: 25px;
		font-family: 'Museo Sans Cyrl 300';

		strong {
			font-family: 'Museo Sans Cyrl 700';
		}
	}

	.master_information {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		.master_image {
			flex-shrink: 0;
			position: relative;
			width: 202px;
			height: 228px;
			border-radius: 5px;
			border: 1px dotted #00bff3;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			align-items: center;
			align-content: center;
			justify-content: center;

			&:before {
				content: "";
				position: absolute;
				left: -6px;
				top: -6px;
				border-radius: 5px;
				border: 1px dotted #00bff3;
				width: calc(100% + 10px);
				height: calc(100% + 10px);
			}

			;
		}
	}

	.master_left {
		margin-right: 35px;
	}

	.perfect {
		color: #00bff3;
		font-size: 20px;
	}

	.master_bold {
		margin-top: 20px;
		margin-bottom: -5px;
		color: #000000;
		font-family: 'Museo Sans Cyrl 900';
		font-size: 20px;
	}

	.master_name {
		margin-top: 15px;
		color: #000000;
		font-family: Helvetica;
		font-weight: bold;
		font-size: 20px;
	}

	.master_status {
		color: #000000;
		font-family: Helvetica;
		font-size: 16px;
	}

	.master_list {
		margin: 0;
		color: #000000;
		font-family: Helvetica;
		font-size: 16px;

		li {
			margin-top: 18px;
		}
	}

	.for_calc {
		text-align: center;
		margin-top: 50px;
		color: #000000;
		font-size: 20px;

		&.mt1 {
			margin-top: 10px;
		}
	}

	.check_data {
		margin-top: 15px;
		text-align: center;
		color: #000000;
		font-family: Helvetica;
		font-size: 16px;
		position: relative;

		span {
			position: relative;
		}

		span:before {
			content: "";
			position: absolute;
			right: -30px;
			top: 10px;
			background: url("../img/arrow_down.png") no-repeat 50% 50%/cover;
			width: 30px;
			height: 85px;
		}

		;
	}

	.white_block {
		.dev {
			color: #000;
		}
	}

	.bottom_phone {
		width: 364px;
		margin-top: 25px;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		height: 44px;
		font-size: 18px;
		border-radius: 5px;
		border: 1px dotted #00bff3;
		background-color: #ffffff;
		display: block;
	}

	.timeToCall {
		margin-top: 10px;
		display: block;
		margin-bottom: 0;
		width: 364px;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		height: 44px;
		border-radius: 5px;
		border: 1px dotted #00bff3;
		background-color: #ffffff;
	}

	.submit {
		color: #000000;
		font-family: Helvetica;
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		width: 363px;
		height: 53px;
		border-radius: 27px;
		margin-top: 20px;
		margin-bottom: 0;
		border: none;
		margin-left: auto;
		margin-right: auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		max-width: 100%;
		align-items: center;
		align-content: center;
		justify-content: center;
		background-color: #fff200;
		background-image: linear-gradient(to top, #fff600 0%, #fdc42a 100%);

		&:hover {
			background-image: linear-gradient(to top, lighten(#fff600, 10%) 0%, lighten(#fdc42a, 10%) 100%);
		}

		;
	}

	.insta_block {
		margin-top: 65px;
		width: 364px;
		border-radius: 5px;
		border: 1px dotted #b7b7b7;
		background-color: #ffffff;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		display: block;
		padding: 20px 10px;

		p {
			margin-top: 10px;
			color: #000000;
			font-family: Helvetica;
			font-size: 18px;
		}
	}

	.goToMain {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		color: #fee410;
		font-family: Helvetica;
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		margin-top: 20px;
		width: 363px;
		height: 53px;
		border-radius: 27px;
		border: 1px solid #fed21e;
		margin-left: auto;
		margin-right: auto;

		&:hover {
			background-image: linear-gradient(to top, #fff600 0%, #fdc42a 100%);
			color: #000;
		}

		;
	}

	.timeToCall {
		text-align: center;
		color: #000;
	}

	.price_blocks {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;

		.price_block {
			width: 355px;
			max-width: 100%;
			position: relative;
			border: 2px dotted #00bff3;
			border-radius: 5px;
			margin-top: 50px;
		}
	}

	.price_header {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
		text-align: center;
		color: #fff;
		flex-direction: column;
		color: #ffffff;
		font-family: 'Museo Sans Cyrl 700';
		background-color: #00bff3;
		border-radius: 5px 5px 0 0;
		font-size: 22px;
		height: 79px;
	}

	.price_body {
		position: relative;
		padding: 20px 15px 15px 15px;
	}

	.price_body_title {
		text-align: center;
		color: #525252;
		font-family: Helvetica;
		font-size: 16px;
	}

	.price_blue_title {
		margin-top: 10px;
		color: #03bef5;
		font-family: Helvetica;
		font-size: 16px;
		text-align: center;
	}

	.price_list {
		margin-top: 15px;
		margin-bottom: 20px;

		>li {
			position: relative;
			padding-left: 15px;
			color: #525252;
			font-family: Helvetica;
			font-size: 16px;
			font-weight: 300;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: space-between;
			padding-bottom: 5px;
			margin-bottom: 5px;
			border-bottom: 2px dotted rgba(0, 0, 0, 0.2);

			&:last-child {
				margin-bottom: 0;
				padding-bottom: 0;
				border-bottom: none;
			}

			;

			&.parent_li {
				color: #000;
				display: block;
			}

			span:first-child {
				width: 175px;
			}

			;

			span:last-child {
				font-size: 18px;
				font-weight: bold;
				color: #000;
			}

			;

			&:before {
				content: "";
				position: absolute;
				left: 0;
				top: 5px;
				background: url("../img/mini_check.png") no-repeat 50% 50%/cover;
				width: 11px;
				height: 10px;
			}

			;
		}

		ol {
			margin: 0;
			padding-left: 0;
			padding-top: 5px;
			border-top: 2px dotted rgba(0, 0, 0, 0.2);

			li {
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				color: #525252;
				font-family: Helvetica;
				font-size: 13px;
				font-weight: 300;
				justify-content: space-between;
				position: relative;
				padding-left: 10px;
				padding-bottom: 5px;
				margin-bottom: 5px;
				border-bottom: 2px dotted rgba(0, 0, 0, 0.2);

				&:last-child {
					margin-bottom: 0;
					padding-bottom: 0;
					border-bottom: none;
				}

				;

				&:before {
					content: "";
					position: absolute;
					left: 0;
					top: 4px;
					width: 7px;
					height: 7px;
					background-color: #00bff3;
					border-radius: 50%;
				}

				;

				span:first-child {
					width: 160px;
				}

				;

				span:last-child {
					color: #000000;
					font-family: Helvetica;
				}

				;
			}
		}
	}
}


@keyframes load {
	0% {
		stroke-dashoffset: 0;
	}
}

.progress_round {
	position: relative;
	display: inline-block;
	padding: 0;
	text-align: center;
	margin-top: -73px;
	top: -17px;
}

.progress_round .bar_round {
	display: inline-block;
	position: relative;
	text-align: center;
	color: #93a2ac;
	font-weight: 100;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 100px;
}

.steps {
	font-size: 16px;
	color: #000;
	height: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	width: 100%;
	position: relative;
	position: absolute;
	text-align: center;
	justify-content: center;
	z-index: 9;
}

.bar_round {
	width: 14%;
	transition: ease 1s;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
	max-width: 100%;
	// &:before{
	// 	content:"";
	// 	position: absolute;
	// 	left: 0;
	// 	top: 0;
	// 	width: 100%;
	// 	height: 100%;
	// 	background-image: linear-gradient(-45deg,rgba(255,255,255,.6) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.6) 75%,transparent 75%,transparent);
	// 	-webkit-background-size: 20px 20px;
	// 	-webkit-animation: progress-bar-stripes 2s linear infinite;
	//   -o-animation: progress-bar-stripes 2s linear infinite;
	//   animation: progress-bar-stripes 2s linear infinite;
	// };
}

.percentage {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	font-size: 16px;
	font-family: Helvetica;
}

// .progress .bar:after {
//   content: attr(data-percent);
//   position: absolute;
//   display: -webkit-flex;
//   display: -moz-flex;
//   display: -ms-flex;
//   display: -o-flex;
//   display: flex;align-items: center;
//   align-content: center;
//   justify-content: center;
//   text-align: center;
//   color: #ffffff;
// 	font-family: Helvetica;
// 	font-size: 16px;
// 	left: 0;
// 	top: 0;
// 	width: 100%;
// 	height: 100%;
// }
.progress_round svg {
	width: 100%;
	height: 100%;
}

.progress_round svg:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(-90deg);
}

.progress_round.animate {
	z-index: 99;
}

.progress_round.animate svg:nth-child(2) path {
	fill: none;
	stroke-width: 25;
	stroke-dasharray: 629;
	stroke: #111f3f;
	opacity: 0.9;
	animation: load 6s;
	z-index: 10;
}

.percentage:before {
	opacity: 0;
	content: "";
	position: absolute;
	transition: ease .2s;
}

;

.percentage.showArrow {
	position: relative;

	&:before {
		background: url("../img/count_arrow.png") no-repeat 50% 50%/cover;
		width: 58px;
		height: 56px;
		right: 0;
		top: 0;
		right: -90px;
		top: -10px;
		opacity: 1;
		transition: ease .2s;
	}

	;
}




@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 20px 0;
	}

	to {
		background-position: 0 0;
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 20px 0;
	}

	to {
		background-position: 0 0;
	}
}

[disabled="disabled"] {
	cursor: not-allowed;
}

#main .inform_block .scroll {
	text-align: left;
}

#main .zoom:before {
	z-index: 99;
}

;

#main .inform_block .scroll {
	height: 85px;
}

#main .textarea_block textarea {
	vertical-align: bottom;
}

.slick-slide,
button {
	outline: none !important;
}

#main textarea::placeholder,
#main [type="text"]::placeholder {
	color: #fff;
}

#main .timeToCall::placeholder,
#main [type="tel"]::placeholder {
	color: #000;
	text-align: center;
}

#main .change_block.nextInQueue {
	margin-top: 5px;
}

#main .change_block:not(.nextInQueue) {
	top: 0 !important;
}

#main .change_block.white_block:not(.nextInQueue) {
	top: 0px !important;
}

#main .change_block.white_block:not(.nextInQueue) {
	border-radius: 10px;
}

#main .wrap {
	z-index: 99;
}

#main .header,
#main .quiz {
	z-index: 9;
}

#main iframe {
	width: 100%;
	height: 100%;
	opacity: 1;
}

.player,
.player .screen {
	opacity: 1;
}

.change_block:first-child .goBack {
	display: none !important;
}

#main .form_control .img img {
	height: 100%;
}

.loopa {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	z-index: 99;
}

.bg_video {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 2685px;
	left: -60%;
}

.bg_video_2 {
	left: 30%;
}

#main .answer_block label {
	line-height: 1.2;
}

#main .primernaya {
	opacity: 0;
}

.white_block {
	animation: MoveUpDown 2s ease infinite;
}

.progress_round {
	opacity: 0;
	transition: ease .2s;
}

#main .check_data span {
	display: inline-block;
}

#current_step {
	margin-right: 5px;
}

#main .question {
    background: #111f3f;
}

#main .question .img::before {
	bottom: -46px;
}

.nicescroll-rails-vr {
	opacity: 1 !important;
}

.for_calc strong {
	font-family: 'Museo Sans Cyrl 700';
}

#main .bottom_phone,
#main .timeToCall {
	color: rgba(0, 0, 0, 0.7);
}

#main {
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
}

.cutter {
	overflow: hidden;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.abolute_text {
	position: absolute;
	z-index: 99;
	bottom: 0px;
	font-size: 14px;
	left: 5px;
	background: rgba(255, 255, 255, .2);
	padding: 5px;
}

.timeToCall::placeholder {
	color: rgba(0, 0, 0, 0.7);
}

.bottom_phone::placeholder {
	color: rgba(0, 0, 0, 0.7);
}

#main .startedFlex .started_col:first-child {
	position: relative;
	z-index: 9;
}

.error {
	position: absolute;
	color: #fff;
	font-size: 14px;
	font-family: 'Museo Sans Cyrl 300';
	text-transform: initial;
	top: -30px;
	left: calc(50% - 132px);
	white-space: nowrap;
	display: none;
}

.buttons.phoneImg .error {
	top: -5px;
}

#main .buttons.phoneImg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#main .change_block.white_block:not(.nextInQueue) {
	margin-top: -250px;
}

.goNext {
	position: relative;
}

@keyframes MoveUpDown {

	0%,
	100% {
		top: calc(100% + 80px);
	}

	50% {
		top: calc(100% - 5px);
	}
}

















/*============================ LIGHT THEME =========================*/
.light_theme {
	#nav .logo .img img {
		margin-left: 0;
		margin-right: 0;
	}

	#s01 .block {
		width: 240px;
	}

	#s01 .block .number {
		color: #ff0208;
	}

	#s01 .sub {
		text-shadow: none;
		font-size: 20px;

		strong {
			font-weight: normal;
			color: #ff0208;
		}
	}

	#main .header,
	#main .change_block {
		background: #fff;
		border-color: #8ace27;
		color: #000000;
	}

	#main .question {
		background: #fff;
	}

	#main .progressBar .bar {
		background: #8ace27;
	}

	#main .question .img::before {
		background-image: linear-gradient(to bottom, #9dd62e 0%, rgba(157, 214, 46, 0) 100%);
	}

	#main .answer_block {
		text-shadow: none;
	}

	#main .present_block p,
	#main .present_block p strong {
		color: #fff;
	}

	#main .answer_block.noImg {
		min-height: 44px;
		color: #fff;
		background: #f00;
		border-color: #f00;
	}

	#main .label {
		color: #000;
	}

	#main .column input.filled,
	#main .column input:active,
	#main .column input:focus {
		border-color: #f00;
	}

	#main .column input {
		margin-bottom: 0;
	}

	#main .column .img.high_img {
		height: 228px;
		width: 204px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
		border-color: #f00;
	}

	#nav {
		.col {
			width: 25%;
		}

		.center_col {
			width: 50%;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			align-items: center;
			align-content: center;
			justify-content: center;
		}

		.logo_text {
			font-size: 12px;
			text-align: right;
			margin-left: 0;
			margin-right: 25px;
		}

		.logo_text_2 {
			font-size: 12px;
			text-align: left;
			margin-left: 0;
			padding-left: 30px;
			position: relative;

			&:before {
				content: "";
				position: absolute;
				left: 0;
				height: 88px;
				border-left: 2px dotted #fce99c;
				top: calc(50% - 44px);
			}

			;
		}
	}

	#s01 {
		color: #000;

		.img {
			border: none;
			padding: 0;
		}
	}

	#main .white_title {
		font-size: 26px;
	}

	#main [type="radio"]:checked+label::after {
		box-shadow: inset 0 0 2px 2px #f00;
		background-color: #f00;
	}

	#main .answer_block {
		background: #f00;
		color: #fff;
	}

	#main .fake_checkbox {
		background: #f00;
	}

	#main textarea::placeholder,
	#main [type="text"]::placeholder {
		color: #000;
	}

	#main .timeToCall::placeholder,
	#main [type="tel"]::placeholder {
		color: #000;
		text-align: center;
	}

	#main .form_control .img {
		border-color: #f00;
	}

	#main .answer_block {
		position: relative;

		label {
			text-shadow: 0 0 2px rgba(17, 31, 63, 0.64);
		}
	}

	#main .column input {
		border-color: #f00;
	}

	#main .question .img.five::before {
		bottom: -30px;
	}

	#main .footer {
		background: #f00;
		color: #fff;
	}

	#main .footer table {
		color: #fff;
	}

	#main .answer_block.switchPresent {
		height: 90px;
	}

	#main .footer {
		position: relative;
		z-index: 2;
	}

	#main .one_step strong {
		color: #8ace27;
	}

	#main .radio_list li label::before,
	#main .radio_list li [type="radio"]:checked+label::before,
	#main [type="tel"] {
		border-color: #f00;
	}

	#main .present_header,
	#main .present_name {
		background: #8ace27;
		color: #fff;
	}

	#main .form_control .img {
		border-left: 1px solid #8ace27;
		border-right: 1px solid #8ace27
	}

	#main .getResultBtn {
		background: #fff;
	}

	#main .getResultBtn:not([disabled="disabled"]) {
		box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
		border: 1px solid #fed21e;
		background-color: #ffee3e;
		color: #000;
	}

	#main {
		&:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			height: 110px;
			width: 100%;
			z-index: 9;
			background: url("../img/shadow.png") no-repeat 50% 50%/cover;
		}

		;
	}

	.percentage {
		color: #fff;
	}

	#main .perfect {
		color: #f00;
	}

	#main .price_header {
		background: #f00;
	}

	#main .master_information .master_image,
	#main .master_information .master_image::before,
	#main .price_blocks .price_block,
	#main .bottom_phone,
	#main .timeToCall {
		border-color: #f00;
	}

	#main .master_list li strong {
		display: block;
	}

	#main .price_blocks .price_block {
		width: 405px;
	}

	#main .change_block.white_block {
		padding-left: 25px;
		padding-right: 25px;
	}

	#main .price_body {
		padding: 20px 8px 8px;
	}

	#main .price_list>li span:nth-of-type(2) {
		text-align: left;
		font-weight: bold;
		width: 135px;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		color: #000;
	}

	#main .price_list>li {
		justify-content: flex-start;
	}

	#main .price_list>li span:first-child {
		width: 160px;
	}

	#main .price_list>li.head span:first-child {
		width: 175px;
	}

	#main .price_list>li.head {
		font-weight: bold;
		color: #f00;
		padding-left: 0;

		&:before {
			content: none;
		}

		span {
			color: #f00 !important;
			align-items: center;
			align-content: center;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
		}
	}

	#main .price_list li {
		height: 35px;
	}

	#main .price_list>li {
		align-items: center;
	}

	.itogo {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		color: #525252;
		font-family: Helvetica;
		align-items: center;
		align-content: center;
		font-weight: bold;
		font-size: 16px;

		span {
			flex-grow: 1;
		}

		span:first-child {
			width: 280px;
			max-width: 100%;
		}

		;

		span:last-child {
			color: #000;
		}
	}

	#main .price_list.fz14 li span:nth-of-type(2) {
		font-size: 14px;
	}

	#main .weAreStarted {
		color: #f00;
	}

	.bg_video {
		top: 0;
		height: 1300px;
		width: 2600px;
		left: -20%;
	}

	.progress_round.animate svg:nth-child(2) path {
		stroke: #fff;
	}

	#main .column .img.high_img {
		max-width: 100%;
	}

	#main .dev {
		color: #000;
	}

	#main {
		background: url("../img/forest.jpg") repeat-y 50% 0%;
	}

	#main .price_list>li span:nth-of-type(3),
	.itogo span:last-child {
		white-space: nowrap;
	}

	.error {
		color: #000;
	}

	#main .price_list>li::before {
		top: 9px;
	}

	#main .price_list>li.head {
		height: 62px;
	}

	#main .price_list.fz14 li.head span:nth-of-type(2) {
		font-size: 16px;
	}




	.bg_video {
		height: 1300px;
		width: 4500px;
	}

	#nav .logo_text_2::before {
		border-color: #4090dd;
	}

	#nav {
		.col {
			width: 290px;
			flex-shrink: 0;

			&.contacts {
				width: 190px;
			}
		}

		.logo_text_2 {
			padding-left: 20px;
		}

		.center_col {
			width: 100%;
			flex-grow: 1;
		}

		.logo {
			.img {
				flex-shrink: 0;
			}
		}

		.logo_t {
			margin-left: 8px;
			color: #000000;
			font-family: Helvetica;
			font-size: 12px;
			font-weight: 400;
			text-transform: uppercase;
			text-align: left;
		}

		.logo_text {
			font-size: 12px;
			font-weight: 700;
			margin-right: 20px;
		}

		.logo_text_2 {
			font-size: 12px;
		}
	}

	#main .change_block,
	#main .header {
		border-color: $btn-color;
	}

	#s01 .h1 span {
		color: #016bd2;
	}

	#s01 .hr {
		border-color: #016bd2;
	}

	#s01 .block .number {
		color: #48a4fe;
	}

	#s01 .sub strong {
		color: #000;
		font-weight: bold;
	}

	.header_title small {
		display: block;
	}

	#main .progressBar .bar {
		background: #48a4fe;
	}

	#main .question .img::before {
		background-image: linear-gradient(to bottom, #48a4fe 0%, rgba(72, 164, 254, 0) 100%);
	}

	#main .answer_block {
		background: #016bd2;
	}

	#main .form_control .img {
		border-color: #016bd2;
	}

	#main .answer_block {
		padding-left: 35px;
	}

	#main .answer_block.noImg {
		background: #016bd2;
		border-color: #016bd2;
	}

	#main [type="radio"]:checked+label::after {
		background: #016bd2;
		box-shadow: inset 0 0 2px 2px #016bd2;
	}

	#main .noBG .answer_block.noImg {
		background: transparent;
		color: #000;
		min-height: 1px;
		height: auto;

		label {
			box-shadow: none;
			text-shadow: none;
			font-family: 'Museo Sans Cyrl 500';

			&:before {
				border-color: #016bd2;
			}

			;
		}
	}

	#main .master_bold {
		font-family: 'Museo Sans Cyrl 500';
	}

	#main .column .img.high_img {
		height: auto;
		border-color: #016bd2;
	}

	#main .form_control {
		width: 230px;
	}

	#main .info_icon {
		right: -30px;
	}

	#main .inform_block {
		right: -160px;
	}

	#main .info_parent:hover {
		z-index: 999;
	}

	;

	#main .form_control:hover {
		z-index: 999;
	}

	;

	#main .info_parent .inform_block {
		z-index: 999;
		height: auto;
		padding-bottom: 5px;
	}

	#main .inform_block .scroll {
		height: auto;
	}

	#main .info_icon {
		top: -4px;
	}

	#main .footer {
		background: #016bd2;
	}

	.rassrochka_block {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		align-content: center;
		width: 410px;
		justify-content: space-between;
		max-width: 100%;
		margin-top: 20px;

		.img {
			flex-shrink: 0;
		}

		a {
			color: #016bd2;
			font-family: Helvetica;
			font-size: 20px;

			&:hover {
				text-decoration: underline;
			}

			;
		}

		p {
			margin-top: 5px;
			color: #878787;
			font-family: Helvetica;
			font-size: 10px;
		}
	}

	#s01 {
		padding-bottom: 140px;
	}

	#main .answer_block.switchPresent {
		height: 50px;
		z-index: 9;
	}

	#main .footer table span {
		font-size: 11px;
		text-decoration: line-through;
	}

	#main .footer table strong {
		font-size: 14px;
	}

	#main .footer table td:nth-of-type(2) {
		padding-left: 25px;
		text-align: right;
	}

	#main .footer table .malo::before,
	#main .footer table .mnogo::before {
		left: 45px;
	}

	#main .presents .info_icon {
		right: 10px;
		top: 8px;
	}

	#main .presents .inform_block {
		right: -120px;
	}

	#main .present_header,
	#main .present_name {
		background: #ffff00;
	}

	#main .present_header,
	#main .present_name {
		color: #000;
	}

	#main .one_step strong {
		color: #016bd2;
	}

	#main .one_step {
		font-weight: 400;
	}

	#main .weAreStarted {
		color: #016bd2;
	}

	#main .phoneImg::before {
		width: 269px;
		left: -110px;
		height: 457px;
	}

	#main .radio_list li [type="radio"]:checked+label::before,
	#main .radio_list li label::before,
	#main [type="tel"] {
		border-color: #016bd2;
	}

	#main .perfect {
		color: #016bd2;
	}

	#main .change_block.white_block:not(.nextInQueue) {
		border-top: 2px solid #48a4fe;
	}

	#main .white_title {
		margin-left: 100px;
	}

	#main .bottom_phone,
	#main .master_information .master_image,
	#main .master_information .master_image::before,
	#main .price_blocks .price_block,
	#main .timeToCall {
		border-color: #016bd2;
	}

	#main .master_left {
		margin-right: 45px;
		width: 300px;
		text-align: center;
		max-width: 100%;
	}

	#main .master_information .master_image {
		margin-left: auto;
		margin-right: auto;
	}

	#main .price_header {
		background: #56b6fe;
	}

	.popup-bg #popup2 .submit::after {
		width: 206px;
		height: 292px;
	}

	.devider {
		width: 584px;
		margin: 50px auto 30px;
		max-width: 100%;
		height: 1px;
		background: #959595;
		opacity: .2;
	}

	.know_more {
		text-align: center;
		color: #000;
		font-size: 16px;
		font-weight: 300;
	}

	#main .flex_form {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
	}

	#main .flex_form .col {
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	#main .flex_form .flex_form_title {
		margin-top: 25px;
		font-size: 18px;
		font-weight: 400;
	}

	#main .flex_form .flex_form_list {
		margin-top: 10px;
		line-height: 1.4;
		color: #000;
		font-size: 16px;
		font-weight: 300;
	}

	#main .flex_form .zamer {
		margin-top: 30px;
		font-size: 18px;
		font-weight: 400;
	}

	#main .flex_form .viezd_free {
		margin-top: 5px;
		color: #00b9ec;
		font-size: 18px;
		font-weight: 700;
	}

	#main .flex_form .doc_block {
		margin-top: 40px;
		margin-left: 20px;
		width: 423px;
		max-width: 100%;
		border-radius: 5px;
		border: 2px dotted #0f5f9e;
		background-color: #00bff3;
		padding: 15px;
		padding-left: 15px;
		padding-left: 115px;
		position: relative;
	}

	#main .flex_form .doc_title {
		color: #0b448d;
		font-size: 20px;
		font-weight: 700;
	}

	#main .flex_form .doc_list {
		margin: 0;
	}

	#main .flex_form .doc_list li {
		position: relative;
		margin-top: 10px;
		font-size: 16px;
		font-weight: 300;
		padding-left: 25px;
		color: #fff;
	}

	#main .flex_form .doc_list li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		background: url(../img/doc_check.png) no-repeat 50% 50%/cover;
		width: 17px;
		height: 17px;
	}

	#main .flex_form .doc_block::after {
		content: "";
		position: absolute;
		left: -15px;
		top: 15px;
		border-radius: 5px;
		border: 1px dotted #00b9ec;
		width: 100%;
		height: 100%;
	}

	#main .flex_form .forma {
		width: 298px;
		box-shadow: 0 0 7px 1px rgba(0, 0, 0, .21);
		border-radius: 5px;
		background-color: #fff;
		margin-left: 15px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		position: relative;
		padding: 30px 40px;
		margin-top: 25px;
	}

	#main .flex_form .form_title {
		color: #000;
		font-size: 20px;
		font-weight: 400;
		text-align: center;
	}

	#main .flex_form .check_data {
		margin-top: 12px;
		color: #000;
		font-size: 14px;
		font-weight: 300;
		text-align: center;
	}

	#main .flex_form [type="tel"],
	#main .flex_form textarea {
		border: 1px dotted #00b9ec;
		font-size: 14px !important;
		font-weight: 300 !important;
	}

	#main .flex_form textarea {
		padding: 20px;
		min-height: 94px;
		margin-bottom: 0;
		margin-top: 0;
	}

	#main .submit {
		font-size: 11px;
		font-weight: 700;
		width: 220px;
		margin-left: auto;
		margin-right: auto;
	}

	.new_title {
		text-align: center;
		margin-top: 100px;
		color: #48a4fe;
		font-family: 'Museo Sans Cyrl 900';
		font-size: 25px;
	}

	#main .flex_form .doc_block {
		background: #fff;
	}

	#main .flex_form .doc_list li {
		color: #000;
	}

	#main .flex_form .doc_block::after {
		content: none;
	}

	#main .flex_form .forma {
		padding-left: 20px;
		padding-right: 20px;
	}

	#main .flex_form [type="tel"],
	#main .flex_form textarea {
		width: 220px;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		display: block;
	}

	#main .flex_form textarea {
		margin-top: 12px;
	}

	#main .flex_form .doc_title {
		font-weight: 400;
	}

	#main .flex_form .doc_list li::before {
		top: 4px;
	}

	#main .flex_form .doc_block {
		&:before {
			content: "";
			position: absolute;
			top: -20px;
			left: -35px;
			background: url("../img/r.png") no-repeat 50% 50%/cover;
			width: 144px;
			height: 144px;
		}

		;
	}

	#main .flex_form .doc_block {
		padding-left: 125px;
	}

	#main .flex_form {
		align-items: flex-start;
	}

	.marginLeft {
		margin-left: 20px;
	}

	#main .price_list li {
		height: auto;
	}

	#main .price_list>li::before {
		top: 6px;
	}

	#main .price_list>li span:nth-of-type(2) {
		font-weight: 400;
		text-decoration: line-through;
		color: #525252;
	}

	#main .price_list>li:last-child::before {
		content: none;
	}

	#main .price_list>li span:nth-of-type(3),
	.light_theme .itogo span:last-child {
		font-weight: normal;
		color: #f00;
	}

	.itogo {
		display: block;
		text-align: center;
		font-weight: normal;
	}

	.bron {
		color: #56b6fe;
		font-family: Helvetica;
		font-size: 15px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		margin: 10px;
		margin-left: auto;
		margin-right: auto;
		width: 261px;
		height: 53px;
		border-radius: 40px;
		border: 1px solid #48a4fe;

		&:hover {
			background: #48a4fe;
			color: #fff;
		}

		;
	}

	.border_block {
		position: relative;
		padding: 10px 15px;
		border-radius: 5px;
		border: 2px dotted #56b6fe;
	}

	.border_block_title {
		text-align: center;
		color: #016bd2;
		font-family: Helvetica;
		font-size: 16px;
		font-weight: 700;
	}

	#main ol.price_list {
		padding-left: 0;

		li {
			span:first-child {
				flex-grow: 1
			}

			strong {
				color: #000;
				width: 135px;
			}
		}

		li:before {
			border-radius: 50%;
			width: 7px;
			height: 7px;
			background: #00bff3;
			top: calc(50% - 6px);
		}

		;
	}

	#main .price_blocks {
		justify-content: space-around;
		flex-wrap: wrap;
	}

	#main ol.price_list {
		min-height: 160px;
	}

	#main .flex_form .flex_form_list li {
		margin-bottom: 15px;

		&:last-child {
			margin-bottom: 0;
		}

		;
	}

	#main .flex_form .col {
		margin-left: 20px;
		flex-grow: 0;
	}

	#main .flex_form .forma {
		margin-left: 30px;
	}

	#main .phoneImg::before {
		background: url(../img/phone%EF%B9%96v=1.png) no-repeat 50% 50%/contain;
	}

	#main .answer_block label {
		padding-left: 5px;
	}

	#main .flex_form textarea {
		color: rgba(0, 0, 0, .7);
	}

	#main .column .img.high_img.nalog {
		position: relative;
	}

	#main .footer {
		padding-left: 10px;
		padding-right: 10px;
	}

	#main .footer table .mnogo:before {
		left: 60px;
	}
}

@media all and (max-width:800px) {
	.light_theme #main ol.price_list {
		min-height: 1px;
	}

	.light_theme #main .flex_form {
		flex-wrap: wrap;
	}

	.light_theme #main .flex_form .forma {
		margin-left: auto;
		margin-right: auto;
	}

	#main .master_name {
		font-size: 16px;
	}

	#main .master_status {
		font-size: 14px;
	}

	#main ol.price_list {
		min-height: 1px;
	}

	#main .white_title {
		margin-left: 0;
	}

	.light_theme #main .present_block {
		background: #8ace27 !important;
		box-shadow: 0 0 20px 1px #2e8000 !important;
	}

	.light_theme .bg_video {
		left: -40%;
	}

	.light_theme #nav .logo_text,
	.light_theme #nav .logo_text_2 {
		display: none;
	}

	.light_theme #nav .col {
		width: 50%;
	}

	.light_theme #s01 .img {
		height: auto;
	}

	.light_theme #main .question .img.five::before {
		bottom: -40px;
	}

	.light_theme #main .mt-05 {
		margin-right: 170px;
	}

	.light_theme #main .price_blocks {
		flex-wrap: wrap;

		.price_block {
			margin-left: auto;
			margin-right: auto;
		}
	}

	#main .question .img.five::before {
		bottom: -50px;
	}

	.light_theme #main .present_block {
		background: #016bd2 !important;
		box-shadow: 0 0 20px 1px #016bd2 !important;
	}

	.light_theme #main .white_title {
		margin-left: 10px;
		font-size: 22px;
	}

	.light_theme #main .mt-05 {
		margin-right: 120px;
	}

	#main .col_left.presents .form_control {
		width: 190px !important;
	}

	#main .col_left.presents .form_control .answer_block {
		font-size: 14px;
	}

	#main .form_control .img img {
		height: 100% !important;
		width: 100% !important;
	}

	#main .footer {
		padding-left: 10px;
		padding-right: 10px;
	}

	#main .change_block {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}

	.light_theme #main .phoneImg::before {
		left: -180px !important;
		top: -150px !important;
	}

	.light_theme #main .started_col .form_control {
		width: 200px;
		left: -15px;
	}

	#s01 .h1 {
		text-align: center;
	}

	.light_theme #s01 .hr {
		margin-left: auto;
		margin-right: auto;
	}

	#s01 .subtitle {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	#s01 .numbers {
		justify-content: center;
	}

	.light_theme #s01 .sub {
		text-align: center;
	}

	#s01 {
		text-align: center;
	}

	.light_theme .rassrochka_block {
		margin-left: auto;
		margin-right: auto;
	}

	.light_theme #s01 {
		background: #fff url("../img/mobile.jpg") no-repeat 50% 0/cover;
	}

	.light_theme #main .phoneImg::before {
		left: -45px !important;
		top: -130px !important;
		width: 200px !important;
	}
}

@media all and (max-width:420px) {
	.light_theme #s01 {
		background: #fff url("../img/mobile.jpg") no-repeat 50% 0;
	}

	.light_theme #main .started_col .form_control {
		left: 0 !important;
	}

	#main .change_block {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.light_theme {
		#nav .logo_block .img {
			width: 100px;
		}

		#s01 .sub {
			font-size: 18px;

			br {
				display: none;
			}
		}

		#s01 .sub strong {
			display: block;
		}

		#s01 .block .number {
			font-size: 25px;
		}

		.bg_video {
			left: -50%;
		}

		#main .column .img.high_img {
			height: auto;
		}

		#main .col_left.presents .form_control.presentBlock {
			order: 4;
		}

		#nav .logo_block .img {
			margin-left: 0;
			margin-right: 0;
			margin-top: 5px;
		}

		#nav .contacts {
			float: none;
			margin-top: -10px;
		}

		#nav .center_col {
			display: none;
		}

		#nav .wrap {
			padding-bottom: 0;
		}

		#s01 .h1 {
			font-size: 25px;
		}

		#main .mt-05 {
			margin-right: 0;
		}

		#main .change_block.white_block {
			padding-left: 5px;
			padding-right: 5px;
		}

		#main .price_list>li,
		#main .price_list>li span,
		#main .price_list.fz14 li span:nth-of-type(2) {
			font-size: 12px !important;
		}

		.get {
			font-size: 16px;
		}

		#main .price_body {
			padding-left: 4px;
			padding-right: 4px;
		}

		#main .price_list>li span:first-child {
			width: 130px;
		}

		#main .price_list>li::before {
			top: 9px;
		}

		#main .price_list>li span:nth-of-type(2) {
			width: 115px;
		}

		#main .price_list>li.head span:first-child {
			width: 140px;
		}

		.itogo span:first-child {
			width: 240px;
		}

		#s01 .block {
			margin-top: 25px;
			padding: 0 4px;
		}

		#s01 .block .number_text {
			font-size: 12px;
		}

		#s01 .btn_wrapper::before {
			right: -20px;
		}

		#s01 .h1 {
			font-size: 24px;
		}

		#s01 .h1 span {
			display: block;
		}

		#main .header_title {
			font-size: 16px;
		}

		.master_text {
			padding-left: 10px;
			padding-right: 10px;
		}

		#s01 .h1 {
			font-size: 25px;
		}

		#main .master_information .master_image {
			margin-left: auto;
			margin-right: auto;
		}
	}

	.light_theme .new_title {
		font-size: 20px;

		br {
			display: none;
		}
	}

	.light_theme #main .flex_form .doc_block {
		padding-left: 10px;
		margin-left: auto;
		margin-right: auto;
		width: 300px;
		padding-right: 10px;
		max-width: 100%;

		&:before {
			content: none;
		}

		;
	}

	.light_theme #main .flex_form .flex_form_title,
	.light_theme #main .flex_form .flex_form_list {
		margin-left: 0;
	}

	.light_theme .know_more {
		margin-top: 15px;

		br {
			display: none;
		}
	}

	.light_theme #main ol.price_list>li span:first-child {
		width: 100%;
	}

	.light_theme #main .master_left {
		margin-right: auto;
		margin-left: auto;
	}

	#main .master_name {
		font-size: 20px;
	}

	#main .master_status {
		font-size: 16px;
	}

	.light_theme #main .header_title br {
		display: none;
	}

	#main .header_title small {
		display: inline;
	}

	#nav .logo_block .logo {
		justify-content: center;
	}

	.light_theme #nav .col.contacts {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}

	#s01 .subtitle {
		font-size: 16px !important;
		width: 130px;
	}

	#s01 {
		background: url(../img/bg1.jpg) no-repeat 50% 10%;
	}

	.light_theme .rassrochka_block .img {
		width: 150px;
	}

	.popup-bg #popup4 {
		width: 300px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.popup-bg #popup4 .head {
		font-size: 18px;
	}

	.popup-bg #popup4 .head {
		font-size: 16px;
	}

	#main .mt-05 {
		margin-top: -10px;
	}

	.light_theme #main .inform_block {
		right: -160px;
		left: calc(50% - 45px);
		top: 40px;
	}

	.light_theme #main .footer table strong {
		white-space: nowrap;
	}

	.light_theme #main .answer_block {
		padding-left: 30px;
	}

	.light_theme #main .column {
		width: 40% !important;
	}

	.light_theme #main .column.mt-05 {
		width: 60% !important;
	}

	.light_theme #main .form_control {
		display: inline-block !important;
		width: auto !important;
	}

	.light_theme #main .answer_block {
		padding-right: 5px;
	}

	.light_theme #main .form_control {
		min-width: 49%;
	}

	.light_theme #main .info_icon {
		right: -25px !important;
	}

	#main .change_block {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}

	.light_theme #main .change_block[data-step="5"] .info_icon {
		right: 5px !important;
	}

	.light_theme #main .presents .info_icon {
		right: 10px !important;
		top: 8px;
	}

	#main .col_left.presents .form_control {
		width: calc(50% - 1px) !important;

		.img img {
			width: 100%;
			height: 100% !important;
		}
	}

	#main .presents .form_control .img {
		height: 100px !important;
	}

	.light_theme #main .col_left.presents .form_control.presentBlock {
		z-index: 1 !important;
	}

	.light_theme #main .change_block[data-step="4"] .form_control:first-child {
		z-index: 9999999 !important;

		.info_icon {
			right: -15px !important;
		}
	}

	.light_theme #main .footer table .mnogo::before {
		left: 25px !important;
	}

	.light_theme #main .started_col .form_control.presentBlock {
		width: 210px !important;
	}

	.light_theme #main .startedFlex .one_step {
		margin-left: auto;
		margin-right: auto;

		nobr {
			white-space: normal;
		}
	}

	.light_theme #main .startedFlex {
		padding-left: 0;
	}

	.light_theme #main .startedFlex .one_step {
		margin-left: -15px;
	}

	.light_theme #main .presents .inform_block {
		right: 0px !important;
		left: auto !important;
		top: 45px !important;
		width: 150px;
	}

	.light_theme #main .flex_form .col {
		margin-left: 0;
	}

	#main .change_block.white_block:not(.nextInQueue) {
		margin-top: -200px;
	}

	#main .change_block[data-step="4"],
	#main .change_block[data-step="5"] {
		.mt-05.column~.column {
			margin-top: 40px;
		}
	}

	.light_theme #main .change_block[data-step="4"] .form_control:first-child .info_icon {
		right: -25px !important;
	}

	.light_theme #main .change_block[data-step="5"] .form_control:first-child .info_icon {
		right: -15px !important;
	}

	.light_theme #main .answer_block label {
		padding-left: 0;
	}

	#main .startedFlex .started_col:first-child {
		padding-left: 30px !important;
	}

	#nav .logo_block {
		width: 40% !important;
	}

	.light_theme #nav .logo_block .img {
		width: 50px;
	}

	.light_theme #nav .logo_t {
		font-size: 10px;
		margin-left: 4px;
	}

	#nav .wrap {
		padding-left: 10px;
		padding-right: 10px;
	}

	#nav .logo_block .logo {
		position: relative;
		left: 10px;
	}

	#s01 .subtitle {
		width: 100%;
	}

	.light_theme #nav .col.contacts {
		width: 60%;
		margin-left: 0;
		margin-right: 0;
	}

	.light_theme #s01 {
		background: #fff url(../img/mobile.jpg) no-repeat 20% -80px;
	}

	#s01 .numbers {
		margin-top: 40px;
	}

	.light_theme #main .change_block[data-step="1"] {

		.form_control:nth-of-type(1),
		.form_control:nth-of-type(2) {
			max-width: 49%;
		}
	}

	.light_theme #main .flex_form .flex_form_list,
	.light_theme #main .flex_form .flex_form_title {
		margin-left: 10px !important;
	}

	.light_theme #main .flex_form .flex_form_title br {
		display: none;
	}

	#main .change_block.white_block:not(.nextInQueue) {
		margin-top: -200px !important;
	}

	.light_theme #main .footer {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

@media all and (max-width:320px) {
	.light_theme .rassrochka_block a {
		font-size: 16px;
	}

	.light_theme {
		#s01 .h1 {
			font-size: 20px;
		}
	}

	.light_theme #s01 .block .number {
		font-size: 22px;
		margin-top: 20px;
	}

	.light_theme #s01 .sub {
		font-size: 15px;
	}

	.light_theme #main .change_block[data-step="5"] .form_control:first-child .info_icon {
		right: -5px !important;
	}

	.light_theme #main .change_block[data-step="4"] .form_control:first-child .info_icon {
		right: -15px !important;
	}

	.light_theme #nav .logo_block .img {
		font-size: 40px;
	}

	.light_theme #nav .logo_t {
		font-size: 8px;
	}

	#nav .wrap {
		padding-left: 2px;
		padding-right: 2px;
	}

	#s01 .subtitle {
		font-size: 19px !important;
		width: 130px;
	}

	#nav .logo_block .logo {
		position: relative;
		left: 5px;
	}

	#s01 .subtitle {
		width: 100% !important;
	}

	#s01 .numbers {
		margin-top: 20px;
	}
}

/*=============================*/

@import 'https://allon4-ekaterinburg.ru/assets/css/media.scss';

#main .column .img.high_img.nalog {
	&:before {
		content: "" !important;
		position: absolute;
		left: calc(50% - 77px);
		bottom: -4px;
		background: url('../img/nalog.png') no-repeat 50% 50%/cover;
		width: 158px;
		height: 68px;
	}

	;
}


















@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url(jquery.fancybox.min.css);
@import url(twentytwenty.css);

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

@media print {

	*,
	:after,
	:before,
	:first-letter,
	:first-line {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	a,
	a:visited {
		text-decoration: underline
	}

	a[href]:after {
		content: " (" attr(href) ")"
	}

	abbr[title]:after {
		content: " (" attr(title) ")"
	}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: ""
	}

	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	img,
	tr {
		page-break-inside: avoid
	}

	img {
		max-width: 100% !important
	}

	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}

	h2,
	h3 {
		page-break-after: avoid
	}
}

* {
	box-sizing: border-box
}

.wrap {
	max-width: 940px;
	padding: 20px 0;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	width: 100%
}

.fw:after,
.wrap:after {
	content: "";
	display: table;
	clear: both
}

.h1,
h1 {
	font-size: 2.5em
}

.h2,
h2 {
	font-size: 2.14286em
}

.h3,
h3 {
	font-size: 1.875em
}

.h4,
h4 {
	font-size: 1.66667em
}

.h5,
h5 {
	font-size: 1.5em
}

.h6,
h6 {
	font-size: 1.36364em
}

.cc5 {
	width: 5%
}

.pc5 {
	margin-left: 5%
}

.cc10 {
	width: 10%
}

.pc10 {
	margin-left: 10%
}

.cc15 {
	width: 15%
}

.pc15 {
	margin-left: 15%
}

.cc20 {
	width: 20%
}

.pc20 {
	margin-left: 20%
}

.cc25 {
	width: 25%
}

.pc25 {
	margin-left: 25%
}

.cc30 {
	width: 30%
}

.pc30 {
	margin-left: 30%
}

.cc35 {
	width: 35%
}

.pc35 {
	margin-left: 35%
}

.cc40 {
	width: 40%
}

.pc40 {
	margin-left: 40%
}

.cc45 {
	width: 45%
}

.pc45 {
	margin-left: 45%
}

.cc50 {
	width: 50%
}

.pc50 {
	margin-left: 50%
}

.cc55 {
	width: 55%
}

.pc55 {
	margin-left: 55%
}

.cc60 {
	width: 60%
}

.pc60 {
	margin-left: 60%
}

.cc65 {
	width: 65%
}

.pc65 {
	margin-left: 65%
}

.cc70 {
	width: 70%
}

.pc70 {
	margin-left: 70%
}

.cc75 {
	width: 75%
}

.pc75 {
	margin-left: 75%
}

.cc80 {
	width: 80%
}

.pc80 {
	margin-left: 80%
}

.cc85 {
	width: 85%
}

.pc85 {
	margin-left: 85%
}

.cc90 {
	width: 90%
}

.pc90 {
	margin-left: 90%
}

.cc95 {
	width: 95%
}

.pc95 {
	margin-left: 95%
}

.fw [class*=" cc"]:first-child,
.fw [class^=cc]:first-child {
	padding-left: 0
}

.fw [class*=" cc"]:last-child,
.fw [class^=cc]:last-child {
	padding-right: 0
}

.mt1 {
	margin-top: 10px
}

.mt-1 {
	margin-top: -10px
}

.mb1 {
	margin-bottom: 10px
}

.mb-1 {
	margin-bottom: -10px
}

.mt2 {
	margin-top: 20px
}

.mt-2 {
	margin-top: -20px
}

.mb2 {
	margin-bottom: 20px
}

.mb-2 {
	margin-bottom: -20px
}

.mt3 {
	margin-top: 30px
}

.mt-3 {
	margin-top: -30px
}

.mb3 {
	margin-bottom: 30px
}

.mb-3 {
	margin-bottom: -30px
}

.mt4 {
	margin-top: 40px
}

.mt-4 {
	margin-top: -40px
}

.mb4 {
	margin-bottom: 40px
}

.mb-4 {
	margin-bottom: -40px
}

.mt5 {
	margin-top: 50px
}

.mt-5 {
	margin-top: -50px
}

.mb5 {
	margin-bottom: 50px
}

.mb-5 {
	margin-bottom: -50px
}

.mt6 {
	margin-top: 60px
}

.mt-6 {
	margin-top: -60px
}

.mb6 {
	margin-bottom: 60px
}

.mb-6 {
	margin-bottom: -60px
}

.mt7 {
	margin-top: 70px
}

.mt-7 {
	margin-top: -70px
}

.mb7 {
	margin-bottom: 70px
}

.mb-7 {
	margin-bottom: -70px
}

.mt8 {
	margin-top: 80px
}

.mt-8 {
	margin-top: -80px
}

.mb8 {
	margin-bottom: 80px
}

.mb-8 {
	margin-bottom: -80px
}

.mt9 {
	margin-top: 90px
}

.mt-9 {
	margin-top: -90px
}

.mb9 {
	margin-bottom: 90px
}

.mb-9 {
	margin-bottom: -90px
}

.mt10 {
	margin-top: 100px
}

.mt-10 {
	margin-top: -100px
}

.mb10 {
	margin-bottom: 100px
}

.mb-10 {
	margin-bottom: -100px
}

[class*=" cc"],
[class^=cc] {
	float: left;
	padding: 0 10px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
	text-align: center;
	font-weight: 400
}

.nosel,
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}

ul {
	padding: 0
}

li {
	list-style: none
}

body,
p {
	margin: 0;
	padding: 0
}

iframe,
img {
	max-width: 100%
}

.browserupgrade {
	background: #fd9;
	color: #000;
	padding: .5em 0;
	text-align: center;
	font-size: 1.4em
}

.clear,
.clearfix {
	width: 100%;
	overflow: auto
}

code {
	background: hsla(0, 0%, 100%, .5)
}

.hidden {
	display: none
}

.cc23 {
	width: 23.33333333%
}

.cc33 {
	width: 33.33333333%
}

.cc43 {
	width: 43.33333333%
}

.pc12 {
	margin-left: 12.5%
}

.pc16 {
	margin-left: 16.5%
}

.pc33 {
	margin-left: 33.33333333%
}

.mt0 {
	margin-top: 0
}

.mb0 {
	margin-bottom: 0
}

.left {
	float: left
}

.right {
	float: right
}

.tar {
	text-align: right
}

.tal {
	text-align: left
}

.tac {
	text-align: center
}

.taj {
	text-align: justify
}

.jcsa,
.jcsb {
	flex-wrap: wrap
}

.dif,
.jcsa,
.jcsb {
	display: inline-flex
}

.dif {
	align-items: center
}

.bold {
	font-weight: 600
}

.upper {
	text-transform: uppercase
}

.vat,
.vtop {
	vertical-align: top
}

.vab,
.vbot {
	vertical-align: bottom
}

.block,
.dib {
	display: inline-block
}

.middle {
	display: flex;
	align-items: center
}

.fixed {
	position: fixed
}

.underline {
	text-decoration: underline
}

.tdn {
	text-decoration: none
}

.rel,
.relative {
	position: relative
}

hr {
	border: 1px solid #ddd;
	border-style: none none solid
}

form input,
form textarea {
	width: 100%;
	padding: 10px;
	margin: 5px 0;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: .9em;
	min-height: 2.7em;
	transition: .3s ease
}

form input[type=submit] {
	background: #00bff3;
	color: #fff;
	padding: .5rem 2.75rem
}

form input[type=submit]:hover {
	background: #00bff3
}

form textarea {
	resize: vertical
}

input,
textarea {
	outline: none
}

input:focus:invalid:focus:not([type=submit]),
input:hover:invalid:hover:not([type=submit]),
textarea:focus:invalid:focus:not([type=submit]),
textarea:hover:invalid:hover:not([type=submit]) {
	border: 1px solid red
}

input:focus:valid:focus:not([type=submit]),
input:hover:valid:hover:not([type=submit]),
textarea:focus:valid:focus:not([type=submit]),
textarea:hover:valid:hover:not([type=submit]) {
	border: 1px solid #00bff3
}

.pc {
	display: block
}

.mb,
.mob {
	display: none
}

@media (max-width:900px) {

	[class*=" cc"],
	[class^=cc] {
		width: 100%
	}

	[class*=" pc"],
	[class^=pc] {
		margin-left: 0
	}

	.pc {
		display: none !important
	}

	.mb,
	.mob {
		display: block
	}

	.left,
	.right {
		float: none
	}
}

.btn {
	padding: .8em 3em;
	border-radius: 5px;
	font-size: 20px;
	color: #fff;
	transition: .2s ease;
	cursor: pointer;
	white-space: nowrap
}

.btn,
.btn:hover {
	background: #00bff3
}

.btn iframe {
	height: 400px
}

@media (max-width:640px) {
	iframe {
		height: 300px
	}
}

@media (max-width:480px) {

	.mt2,
	.mt3,
	.mt4,
	.mt5,
	.mt6,
	.mt7,
	.mt8,
	.mt9 {
		margin-top: 10px
	}

	.mb2,
	.mb3,
	.mb4,
	.mb5,
	.mb6,
	.mb7,
	.mb8,
	.mb9 {
		margin-bottom: 10px
	}

	iframe {
		height: 250px
	}
}

section {
	position: relative;
	padding: 60px 0;
	overflow: hidden
}

body {
	font-size: 16px
}

@media (min-width:480px) {
	body {
		font-size: 18px;
		font-size: calc(.005 * 100vw + 13.6px)
	}
}

@media (min-width:1280px) {
	body {
		font-size: 20px
	}
}

@font-face {
	font-family: Museo Sans Cyrl\ 500;
	src: url(../fonts/MuseoSansCyrl-500.eot);
	src: local("MuseoSansCyrl-500"), url(../fonts/MuseoSansCyrl-500%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/MuseoSansCyrl-500.woff) format("woff"), url(../fonts/MuseoSansCyrl-500.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Museo Sans Cyrl\ 300;
	src: url(../fonts/MuseoSansCyrl-300Italic.eot);
	src: local("MuseoSansCyrl-300Italic"), url(../fonts/MuseoSansCyrl-300Italic%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/MuseoSansCyrl-300Italic.woff) format("woff"), url(../fonts/MuseoSansCyrl-300Italic.ttf) format("truetype");
	font-weight: 300;
	font-style: italic
}

@font-face {
	font-family: Museo Sans Cyrl\ 500;
	src: url(../fonts/MuseoSansCyrl-500Italic.eot);
	src: url(../fonts/MuseoSansCyrl-500Italic%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/MuseoSansCyrl-500Italic.woff) format("woff"), url(../fonts/MuseoSansCyrl-500Italic.ttf) format("truetype");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: Museo Sans Cyrl\ 900;
	src: url(../fonts/MuseoSansCyrl-900.eot);
	src: url(../fonts/MuseoSansCyrl-900%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/MuseoSansCyrl-900.woff) format("woff"), url(../fonts/MuseoSansCyrl-900.ttf) format("truetype");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: Museo Sans Cyrl\ 700;
	src: url(../fonts/MuseoSansCyrl-700.eot);
	src: url(../fonts/MuseoSansCyrl-700%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/MuseoSansCyrl-700.woff) format("woff"), url(../fonts/MuseoSansCyrl-700.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Museo Sans Cyrl\ 700;
	src: url(../fonts/MuseoSansCyrl-700Italic.eot);
	src: url(../fonts/MuseoSansCyrl-700Italic%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/MuseoSansCyrl-700Italic.woff) format("woff"), url(../fonts/MuseoSansCyrl-700Italic.ttf) format("truetype");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: Museo Sans Cyrl\ 300;
	src: url(../fonts/MuseoSansCyrl-300.eot);
	src: url(../fonts/MuseoSansCyrl-300%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/MuseoSansCyrl-300.woff) format("woff"), url(../fonts/MuseoSansCyrl-300.ttf) format("truetype");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: Museo Sans Cyrl\ 100;
	src: url(../fonts/MuseoSansCyrl-100.eot);
	src: url(../fonts/MuseoSansCyrl-100%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/MuseoSansCyrl-100.woff) format("woff"), url(../fonts/MuseoSansCyrl-100.ttf) format("truetype");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: Museo Sans Cyrl\ 100;
	src: url(../fonts/MuseoSansCyrl-100Italic.eot);
	src: url(../fonts/MuseoSansCyrl-100Italic%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/MuseoSansCyrl-100Italic.woff) format("woff"), url(../fonts/MuseoSansCyrl-100Italic.ttf) format("truetype");
	font-weight: 300;
	font-style: italic
}

@font-face {
	font-family: Museo Sans Cyrl\ 900;
	src: url(../fonts/MuseoSansCyrl-900Italic.eot);
	src: url(../fonts/MuseoSansCyrl-900Italic%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/MuseoSansCyrl-900Italic.woff) format("woff"), url(../fonts/MuseoSansCyrl-900Italic.ttf) format("truetype");
	font-weight: 700;
	font-style: italic
}

@font-face {
	font-family: Helvetica;
	src: url(../fonts/HelveticaBold.eot);
	src: url(../fonts/HelveticaBold%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/HelveticaBold.woff) format("woff"), url(../fonts/HelveticaBold.ttf) format("truetype");
	font-style: normal;
	font-weight: 700
}

@font-face {
	font-family: Helvetica;
	src: url(../fonts/HelveticaRegular.eot);
	src: url(../fonts/HelveticaRegular%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/HelveticaRegular.woff) format("woff"), url(../fonts/HelveticaRegular.ttf) format("truetype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: Helvetica;
	src: url(../fonts/HelveticaLight.eot);
	src: url(../fonts/HelveticaLight%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/HelveticaLight.woff) format("woff"), url(../fonts/HelveticaLight.ttf) format("truetype");
	font-style: normal;
	font-weight: 300
}

@font-face {
	font-family: Bebas Neue;
	src: url(../fonts/BebasNeueBold.eot);
	src: url(../fonts/BebasNeueBold%EF%B9%96.eot#iefix) format("embedded-opentype"), url(../fonts/BebasNeueBold.woff2) format("woff2"), url(../fonts/BebasNeueBold.woff) format("woff"), url(../fonts/BebasNeueBold.ttf) format("truetype"), url(../fonts/BebasNeueBold.svg#BebasNeueBold) format("svg");
	font-weight: 700;
	font-style: normal
}

.slick-slider {
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
	position: relative;
	display: block
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	transform: translateZ(0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,
.slick-track:before {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff url(https://allon4-ekaterinburg.ru/assets/css/ajax-loader.gif) 50% no-repeat
}

@font-face {
	font-family: slick;
	src: url(https://allon4-ekaterinburg.ru/assets/css/fonts/slick.eot);
	src: url(https://allon4-ekaterinburg.ru/assets/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://allon4-ekaterinburg.ru/assets/css/fonts/slick.woff) format("woff"), url(https://allon4-ekaterinburg.ru/assets/css/fonts/slick.ttf) format("truetype"), url(https://allon4-ekaterinburg.ru/assets/css/fonts/slick.svg#slick) format("svg");
	font-weight: 400;
	font-style: normal
}

.slick-next,
.slick-prev {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
	border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
	background: transparent;
	color: transparent;
	outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
	opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
	opacity: .25
}

.slick-next:before,
.slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir=rtl] .slick-prev {
	left: auto;
	right: -25px
}

.slick-prev:before {
	content: "←"
}

[dir=rtl] .slick-prev:before {
	content: "→"
}

.slick-next {
	right: -25px
}

[dir=rtl] .slick-next {
	left: -25px;
	right: auto
}

.slick-next:before {
	content: "→"
}

[dir=rtl] .slick-next:before {
	content: "←"
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0
}

.slick-dots li,
.slick-dots li button {
	height: 20px;
	width: 20px;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
	outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: #000;
	opacity: .25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	color: #000;
	opacity: .75
}

@keyframes a {
	0% {
		visibility: hidden;
		opacity: 0;
		transform: scale(.8)
	}

	65.5% {
		transform: scale(1.03)
	}

	to {
		visibility: visible;
		opacity: 1;
		transform: scale(1)
	}
}

.popup-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: rgba(0, 0, 0, .7);
	display: none
}

.popup-bg.visible {
	display: block;
	animation: a ease .2s
}

.popup-bg [id^="comp_"] {
	width: 100%;
	height: 100%;
}

.popup-bg .popup {
	width: 500px;
	background-color: #fff;
	position: relative;
	top: 10%;
	margin: 0 auto;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
	border-radius: 20px;
	overflow: hidden;
	display: none
}

.popup-bg .popup.visible {
	display: block
}

.popup-bg .popup .head {
	font-weight: 300
}

.popup-bg .popup .head .close {
	position: absolute;
	font-size: 32px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	right: 20px;
	top: 20px;
	color: #ddd;
	cursor: pointer;
	font-family: Museo Sans Cyrl\ 100;
	overflow: hidden
}

.popup-bg .popup .head .close:hover {
	color: #bbb
}

.popup-bg #popup1,
.popup-bg #popup3,
.popup-bg #popup4 {
	width: 582px;
	box-shadow: 0 0 18px 7px rgba(0, 0, 0, .14);
	border-radius: 10px;
	border: 2px solid #fff;
	background-color: #fff;
	padding: 60px;
	text-align: center
}

.popup-bg #popup1 .head,
.popup-bg #popup3 .head,
.popup-bg #popup4 .head {
	font-size: 25px;
	font-family: Museo Sans Cyrl\ 500
}

.popup-bg #popup1 .head span strong,
.popup-bg #popup3 .head span strong,
.popup-bg #popup4 .head span strong {
	font-family: Museo Sans Cyrl\ 900
}

.popup-bg #popup1 .goToMain,
.popup-bg #popup3 .goToMain,
.popup-bg #popup4 .goToMain {
	margin-top: 25px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	width: 363px;
	height: 53px;
	border-radius: 27px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	max-width: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #000;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase
}

.popup-bg #popup1 .goToMain:hover,
.popup-bg #popup3 .goToMain:hover,
.popup-bg #popup4 .goToMain:hover {
	background-image: linear-gradient(0deg, #fff833 0, #fdd25d)
}

.popup-bg #popup1 .insta_logo,
.popup-bg #popup3 .insta_logo,
.popup-bg #popup4 .insta_logo {
	margin-top: 56px;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.popup-bg #popup1 .insta_logo:hover,
.popup-bg #popup3 .insta_logo:hover,
.popup-bg #popup4 .insta_logo:hover {
	opacity: .9
}

.popup-bg #popup1 .subscribe,
.popup-bg #popup3 .subscribe,
.popup-bg #popup4 .subscribe {
	display: block;
	text-align: center;
	color: #000;
	font-family: Helvetica;
	font-size: 16px
}

.popup-bg #popup1 .subscribe:hover,
.popup-bg #popup3 .subscribe:hover,
.popup-bg #popup4 .subscribe:hover {
	text-decoration: underline
}

.popup-bg #popup2 {
	width: 889px;
	max-width: 100%;
	border-radius: 10px;
	border: 2px solid #fff;
	background-color: #fff;
	padding: 60px 55px 75px 25px;
	text-align: left
}

.popup-bg #popup2 .content {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
	z-index: 2;
}

.popup-bg #popup2 .content .img {
	margin-top: 40px;
	flex-shrink: 0;
	margin-right: 60px
}

.popup-bg #popup2 .popup_title {
	font-size: 25px;
	font-family: Museo Sans Cyrl\ 700
}

.popup-bg #popup2 .sub {
	margin-top: 5px;
	color: #000;
	font-family: Helvetica;
	font-size: 16px
}

.popup-bg #popup2 .radios {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

.popup-bg #popup2 .radios .form_control {
	width: 60px;
	margin-right: 20px;
	margin-top: 15px;
	text-align: center
}

.popup-bg #popup2 .radios .form_control p {
	color: #000;
	font-family: Helvetica;
	font-size: 12px;
	margin-top: 1px
}

.popup-bg #popup2 .radios .form_control label {
	display: block;
	cursor: pointer;
	position: relative
}

.popup-bg #popup2 .radios .form_control label:hover .label_img {
	opacity: .9
}

.popup-bg #popup2 .radios .form_control label:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	left: calc(50% - 9px);
	top: 90px;
	border-radius: 50%;
	border: 1px solid #00aeef
}

.popup-bg #popup2 [type=tel] {
	margin-top: 80px;
	text-align: center;
	font-size: 16px;
	height: 44px;
	border-radius: 5px;
	border: 1px dotted #00bff3;
	background-color: #fff;
	margin-bottom: 0;
	z-index: 999999
}

.popup-bg #popup2 .submit,
.popup-bg #popup2 [type=tel] {
	width: 288px;
	max-width: 100%;
	color: #000;
	position: relative
}

.popup-bg #popup2 .submit {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: 15px;
	border: none;
	height: 53px;
	border-radius: 40px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	align-items: center;
	align-content: center;
	justify-content: center;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase
}

.popup-bg #popup2 .submit img {
	flex-shrink: 0;
	margin-right: 10px
}

.popup-bg #popup2 .submit:after {
	content: "";
	position: absolute;
	right: -170px;
	top: -195px;
	background: url(../img/phone_popup%EF%B9%96v=1.png) no-repeat 50% 50%/cover;
	width: 261px;
	height: 338px;
	z-index: -1
}

.popup-bg #popup2 .submit.active,
.popup-bg #popup2 .submit:hover {
	box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
	background-color: #fff271;
	color: #000
}

.popup-bg #popup2 .submit:active {
	box-shadow: inset 1px 4px 5px rgba(198, 131, 25, .91);
	border-radius: 27px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	color: #000
}

.popup-bg #submit {
	margin-top: 30px
}

.popup-bg #submit:after {
	content: none !important
}

.popup-bg [type=radio] {
	position: absolute;
	left: -9999999px
}

.popup-bg [type=radio]:checked+label:after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	box-shadow: inset 0 0 2px 2px rgba(0, 191, 243, .52);
	background-color: #00bff3;
	left: calc(50% - 4px);
	top: 95px;
	border-radius: 50%
}

.popup-bg #popup4 {
	width: 460px;
	max-width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center
}

.popup-bg #popup4 .head {
	font-size: 20px
}

.popup-bg #popup4 [type=tel] {
	margin: 20px auto
}

.popup-bg #popup4 [type=tel],
.popup-bg #popup4 [type=text] {
	width: 325px;
	height: 44px;
	border-radius: 5px;
	border: 1px dotted #00bff3;
	background-color: #fff;
	text-align: center;
	max-width: 100%;
	font-size: 16px
}

.popup-bg #popup4 [type=text] {
	margin-top: 20px;
	margin-bottom: 20px;
	margin: 0 auto
}

.popup-bg #popup4 .submit {
	margin-top: 15px;
	width: 325px;
	border: none;
	max-width: 100%;
	height: 53px;
	border-radius: 40px;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	box-shadow: 0 0 21px 1px #78ff00;
	border-radius: 50px;
	background-color: #00b319;
	color: #000;
	display: inline-block;
	position: relative;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	box-shadow: none;
	transition: .2s ease;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a)
}

.popup-bg #popup4 .submit:after {
	top: 3px;
	left: 3px;
	content: "";
	position: absolute;
	border-radius: 50px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border: 1px solid #fff;
	opacity: .14
}

.popup-bg #popup4 .submit:hover {
	background-image: linear-gradient(0deg, #fdc42a 0, #fff600)
}

.popup-bg #popup4 .submit img {
	flex-shrink: 0;
	margin-right: 10px
}

.twentytwenty-handle {
	cursor: e-resize
}

.twentytwenty-horizontal .twentytwenty-after-label:before,
.twentytwenty-horizontal .twentytwenty-before-label:before {
	top: 90%
}

.twentytwenty-before-label:before {
	content: "До"
}

.twentytwenty-after-label:before {
	content: "После"
}

body.open_banner {
	padding-bottom: 140px
}

#home_2 {
	margin-top: -190px
}

#home_2 .hr {
	width: 88px;
	margin: 25px auto;
	border-bottom: 2px dotted #ffed39
}

#home_2 .title {
	text-align: center;
	font-size: 25px
}

#home_2 .home_slider {
	margin-top: 30px;
	width: 840px;
	max-width: 100%;
	background: url(../img/slider_bg.jpg) no-repeat 50% 50%/cover;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	position: relative
}

#home_2 .slick-slide img {
	width: 100%;
	height: 400px
}

#home_2 .slick-next,
#home_2 .slick-prev {
	position: absolute;
	width: 40px;
	z-index: 1;
	border-radius: 50%;
	height: 40px;
	background-color: #fed21e;
	background-image: linear-gradient(0deg, #fff600, #fdc42a)
}

#home_2 .slick-next:before,
#home_2 .slick-prev:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/slider_prev.png) no-repeat 50% 50%
}

#home_2 .slick-next {
	right: -60px
}

#home_2 .slick-next:before {
	transform: rotate(180deg)
}

#home_2 .slick-prev {
	left: -60px
}

#home_2 .slider_footer {
	justify-content: space-between;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 0 20px
}

#home_2 .goToQuiz,
#home_2 .slider_footer {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center
}

#home_2 .goToQuiz {
	color: #010101;
	font-family: Museo Sans Cyrl\ 900;
	font-size: 16px;
	text-decoration: underline;
	width: 386px;
	height: 56px;
	border-radius: 28px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	max-width: 100%;
	align-content: center;
	justify-content: center
}

#home_2 .goToQuiz:hover {
	text-decoration: none;
	background-image: linear-gradient(0deg, #fff833 0, #fdd25d)
}

#home_2 .goToQuiz:active {
	box-shadow: inset 1px 4px 5px rgba(198, 131, 25, .91);
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600, #fdc42a);
	color: #000
}

#home_2 .slider_list {
	flex-grow: 1;
	margin: 0;
	font-size: 16px;
	color: #fff;
	font-family: Museo Sans Cyrl\ 100
}

#home_2 .slider_list strong {
	font-family: Museo Sans Cyrl\ 500
}

#home_3 {
	padding-top: 35px;
	background: url(../img/blue2_1.jpg) no-repeat 0 170px;
	padding-bottom: 250px
}

#home_3:before {
	content: "";
	position: absolute;
	width: 110%;
	height: 450px;
	background: #fff;
	transform: rotate(11deg);
	left: -5%;
	bottom: -220px
}

#home_3 .hr {
	width: 88px;
	margin: 25px auto;
	border-bottom: 2px dotted #ffed39
}

#home_3 .h2.white {
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 52, 128, .75)
}

#home_3 .services {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	justify-content: space-between;
	margin-bottom: 160px
}

#home_3 .body {
	border-radius: 5px;
	border: 1px dotted #00bff3;
	background-color: #fff;
	padding: 20px;
	min-height: 416px;
	padding-bottom: 25px
}

#home_3 .block {
	width: 266px;
	max-width: 100%
}

#home_3 .img {
	height: 104px;
	text-align: center
}

#home_3 .img img {
	max-height: 100%
}

#home_3 .title {
	text-align: center;
	font-family: Museo Sans Cyrl\ 700;
	margin-top: 12px;
	font-size: 16px;
	min-height: 62px
}

#home_3 .title strong {
	color: #00bff3;
	text-transform: uppercase
}

#home_3 .list {
	margin: 0;
	font-size: 16px;
	font-family: Museo Sans Cyrl\ 100
}

#home_3 .list li {
	margin-top: 10px
}

#home_3 .footer {
	color: #000;
	font-size: 16px;
	text-align: center;
	width: 100%;
	height: 66px;
	border-radius: 0 0 5px 5px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	margin-top: -3px;
	font-family: Museo Sans Cyrl\ 500
}

#home_3 .footer:hover {
	text-decoration: underline;
	background-image: linear-gradient(0deg, #fff833 0, #fdd25d);
	box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
	background-color: #ffe90b;
	color: #000
}

#home_3 .footer:active {
	box-shadow: inset 1px 4px 5px rgba(198, 131, 25, .91);
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600, #fdc42a);
	color: #000
}

#home_3 .sertificates {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-bottom: 70px
}

#home_3 .sertificates .img {
	width: 181px;
	height: 247px;
	border-radius: 5px;
	border: 1px dotted #fff;
	padding: 4px
}

#home_3 .sertificates .img img {
	width: 100%;
	height: 100%
}

#home_3 .slick-next,
#home_3 .slick-prev {
	position: absolute;
	width: 40px;
	z-index: 1;
	border-radius: 50%;
	height: 40px;
	background-color: #fed21e;
	background-image: linear-gradient(0deg, #fff600, #fdc42a)
}

#home_3 .slick-next:before,
#home_3 .slick-prev:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/slider_prev.png) no-repeat 50% 50%
}

#home_3 .slick-prev {
	left: -60px
}

#home_3 .slick-next {
	right: -60px
}

#home_3 .slick-next:before {
	transform: rotate(180deg)
}

#home_3 .logos {
	flex-wrap: wrap;
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	justify-content: space-between
}

#home_3 .logos,
#home_3 .logos .logo {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

#home_3 .logos .logo {
	margin-top: 7px;
	width: 148px;
	height: 110px;
	border-radius: 5px;
	border: 1px dotted #00aeef;
	background-color: #fff;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-shrink: 0
}

#home_3 .logos .logo.big {
	width: 199px
}

#home_4 {
	margin-top: -180px;
	padding-bottom: 15px
}

#home_4 .hr {
	width: 88px;
	margin: 25px auto;
	border-bottom: 2px dotted #ffed39
}

#home_4 .reviews {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	width: 840px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	justify-content: space-between
}

#home_4 .review {
	width: 257px;
	height: 242px;
	border-radius: 5px;
	border: 1px dotted #00bff3;
	background-color: #fff;
	position: relative;
	padding: 6px
}

#home_4 .review img,
#home_4 a {
	width: 100%;
	height: 100%
}

#home_4 a {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-family: Museo Sans Cyrl\ 100;
	font-weight: 100;
	flex-wrap: wrap
}

#home_4 a:hover strong {
	text-decoration: underline
}

#home_4 a strong {
	font-family: Museo Sans Cyrl\ 700;
	display: inline
}

#home_4 a span {
	color: red;
	display: inline
}

#home_5 {
	padding-top: 200px;
	margin-top: -200px;
	padding-bottom: 40px;
	font-size: 16px
}

#home_5:before {
	content: "";
	position: absolute;
	top: 310px;
	left: -10%;
	width: 120%;
	background: #f7f7f7;
	height: 720px;
	transform: rotate(10deg)
}

#home_5 .hr {
	width: 88px;
	margin: 25px auto;
	border-bottom: 2px dotted #ffed39
}

#home_5 .contacts_flex {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 800px;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto
}

#home_5 .map {
	margin-left: 33px;
	width: 449px;
	max-width: 100%;
	height: 217px;
	border-radius: 5px;
	border: 1px dotted #00bff3;
	background-color: #fff;
	padding: 4px
}

#home_5 .map,
#home_5 .text {
	flex-shrink: 0
}

#home_5 .list {
	margin-top: 20px;
	margin-bottom: 0
}

#home_5 .list li {
	margin-top: 15px;
	padding-left: 24px;
	position: relative
}

#home_5 .list li strong {
	font-family: Museo Sans Cyrl\ 700
}

#home_5 .list li.location {
	background: url(../img/location.png) no-repeat 0 50%
}

#home_5 .list li.mail {
	background: url(../img/email.png) no-repeat 0 50%
}

#home_5 .list li.call {
	background: url(../img/tel.png) no-repeat 0 50%
}

#home_5 .dev {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 50px;
	font-size: 16px;
	color: #9f9f9f;
	font-family: Museo Sans Cyrl\ 100;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%
}

#home_5 .dev .copy {
	flex-grow: 1
}

#home_5 .dev a:hover {
	text-decoration: underline
}

.banner_wrap {
	width: 100%;
	height: 195px;
	box-shadow: 0 0 23px 4px rgba(0, 0, 0, .21);
	background-color: red;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999999999999;
	color: #fff;
	display: none
}

.banner_wrap .wrap {
	max-width: 940px;
	padding-top: 0;
	padding-bottom: 0;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

.banner_wrap .wrap .img {
	flex-shrink: 0;
	margin-right: 30px
}

.banner_wrap .banner_title {
	font-size: 14px;
	margin-top: 20px
}

.banner_wrap .banner_title strong {
	font-size: 20px;
	font-family: Museo Sans Cyrl\ 700
}

.banner_wrap .goToQuiz {
	color: #000;
	font-family: Helvetica;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	width: 322px;
	height: 69px;
	border-radius: 34px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	position: relative;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	margin-top: 15px;
	justify-content: center
}

.banner_wrap .goToQuiz:before {
	content: "";
	position: absolute;
	right: -50px;
	top: 10px;
	width: 91px;
	height: 65px;
	background: url(../img/calc.png) no-repeat 50% 50%/cover
}

.banner_wrap .goToQuiz:hover {
	text-decoration: none;
	background-image: linear-gradient(0deg, #fff833 0, #fdd25d)
}

.banner_wrap .goToQuiz:active {
	box-shadow: inset 1px 4px 5px rgba(198, 131, 25, .91);
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600, #fdc42a);
	color: #000
}

.banner_wrap .slideDown {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #fff;
	font-size: 15px;
	font-family: Museo Sans Cyrl\ 300;
	margin-top: 35px;
	cursor: pointer;
	transition: .2s ease
}

.banner_wrap .slideDown:hover {
	color: #fff
}

.banner_wrap .slideDown img {
	margin-left: 4px;
	flex-shrink: 0;
	position: relative;
	top: 2px;
	filter: brightness(0) invert(100%)
}

.banner_wrap .col_right {
	margin-left: 55px
}

.banner_wrap .permanent_close {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: column;
	font-size: 14px;
	color: #fff;
	font-family: Museo Sans Cyrl\ 700;
	width: 148px;
	height: 69px;
	border-radius: 34px;
	border: 1px solid #fff;
	text-align: center;
	margin-top: 10px
}

.banner_wrap .permanent_close:hover {
	color: red;
	background: #fff
}

body {
	overflow-x: hidden;
	font-family: sans-serif;
	font-size: 20px;
	font-family: Museo Sans Cyrl\ 500;
	line-height: 1.3;
	overflow-x: hidden !important
}

#home_2 .goToQuiz {
	flex-shrink: 0
}

#main .change_block {
	will-change: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0
}

a {
	text-decoration: none;
	color: inherit;
	transition: .2s ease
}

.flex {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

.flex-wrap {
	flex-wrap: wrap
}

.jcsa {
	justify-content: space-around
}

.jcsb {
	justify-content: space-between
}

.jcfs {
	justify-content: flex-start
}

.jcc {
	justify-content: center
}

.aic {
	align-items: center
}

footer,
header,
menu,
nav,
section {
	max-width: 1920px;
	margin: 0 auto
}

.btn {
	text-transform: uppercase;
	font-size: 18px;
	color: #000;
	box-shadow: 0 0 23px 1px rgba(255, 246, 0, .52);
	border-radius: 41px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	border-radius: 40px;
	position: relative;
	display: inline-block
}

.btn:hover {
	box-shadow: 0 0 10px 1px rgba(255, 246, 0, .52);
	background-image: linear-gradient(0deg, #fff833 0, #fdd25d)
}

.h2 {
	font-size: 31px
}

.h2 strong {
	color: #00bff3;
	font-family: Museo Sans Cyrl\ 900
}

.h2 small {
	display: block;
	font-size: 23px
}

#anchor {
	display: block;
	height: 0;
	position: relative;
	top: 130px
}

.player {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.player,
.player .screen {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.player .screen {
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	transition: opacity .5s
}

.player .screen.active {
	opacity: 1
}

#nav {
	position: relative
}

#nav .logo_block {
	flex-grow: 1
}

#nav .logo .img {
	flex-shrink: 0;
	width: 144px;
	border: 2px solid #00bff3;
	border-radius: 50%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center
}

#nav .logo .img img {
	flex-shrink: 0;
	margin-right: 5px;
	margin-left: -10px
}

#nav .logo .img p {
	font-size: 27px;
	font-family: Bebas Neue;
	color: #48a4fe;
	line-height: 23px;
	text-align: center
}

#nav .logo .img p strong {
	font-size: 23px
}

#nav .logo .img p small {
	font-size: 21px
}

#nav .logo_text,
#nav .logo_text_2 {
	font-size: 18px;
	margin-left: 20px;
	font-family: Helvetica
}

#nav .phone {
	display: block;
	text-align: right;
	font-size: 20px;
	font-weight: 700;
	font-family: Museo Sans Cyrl\ 700
}

#nav .online {
	font-family: Helvetica;
	font-size: 16px;
	position: relative
}

#nav .online:before {
	content: "";
	position: absolute;
	left: -15px;
	width: 10px;
	height: 10px;
	background-image: radial-gradient(circle 5px at center, #ff0 0, #25bc07 100%);
	border-radius: 50%;
	top: calc(50% - 4px)
}

.home #s01 {
	background: url(../img/home_bg_2.jpg) no-repeat 50% 50%;
	padding-bottom: 330px
}

#s01 {
	background: url(../img/bg1.jpg) no-repeat 50% 15%/cover;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 240px
}

#s01 .h1 {
	text-align: left;
	font-size: 35px;
	font-weight: 900;
	font-family: Museo Sans Cyrl\ 900
}

#s01 .h1 span {
	color: #48a4fe
}

#s01 .hr {
	margin: 15px 0;
	width: 88px;
	border-bottom: 2px dotted #c7b609
}

#s01 .subtitle {
	font-size: 22px;
	font-family: Museo Sans Cyrl\ 300
}

#s01 .block {
	margin-top: 30px;
	text-align: center;
	width: 180px;
	max-width: 100%
}

#s01 .block .number {
	font-size: 35px;
	font-family: Museo Sans Cyrl\ 900;
	color: #48a4fe
}

#s01 .block .number_text {
	font-family: Helvetica;
	font-size: 16px;
	margin-top: 5px
}

#s01 .sub {
	font-family: Helvetica;
	font-size: 23px;
	text-shadow: 0 0 5px rgba(0, 0, 0, .26);
	margin-top: 50px
}

#s01 .btn {
	margin-top: 35px;
	margin-left: 65px;
	width: 339px;
	height: 82px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0;
	align-items: center;
	align-content: center;
	justify-content: center;
	font-weight: 700;
	padding-left: 25px;
	box-shadow: 0 0 23px 1px rgba(204, 197, 0, .52), 0 0 23px 1px rgba(204, 197, 0, .52), 0 0 23px 1px rgba(204, 197, 0, .52)
}

#s01 .btn:before {
	content: "";
	position: absolute;
	top: 10px;
	left: -65px;
	background: url(../img/calc.png) no-repeat 50% 50%/cover;
	width: 118px;
	height: 84px
}

#s01 .btn:after {
	content: "";
	position: absolute;
	bottom: -45px;
	width: 272px;
	height: 46px;
	background-image: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0));
	left: calc(50% - 136px);
	opacity: .1
}

#s01 .btn:active {
	box-shadow: inset 1px 4px 5px rgba(198, 131, 25, .91);
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600, #fdc42a);
	color: #000
}

#s01 .btn_wrapper {
	display: inline-block;
	position: relative
}

#s01 .btn_wrapper:before {
	content: "";
	position: absolute;
	right: -70px;
	top: 5px;
	background: url(../img/arrow.png) no-repeat 50% 50%/cover;
	width: 38px;
	height: 72px
}

#main {
	position: relative;
	background: #0380b7
}

#main .wrap {
	overflow: hidden;
	padding-bottom: 200px;
	max-width: 1140px
}

#main .header {
	border-radius: 10px 10px 0 0;
	border: 2px solid #fff;
	background-color: #111f3f;
	border-bottom: none;
	padding-top: 45px;
	text-align: center;
	padding-bottom: 45px;
	top: -120px;
	margin-bottom: -120px
}

#main .header,
#main .quiz {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	position: relative
}

#main .quiz {
	max-width: 100%
}

#main .header_title {
	font-size: 25px
}

#main .header_title small {
	font-size: 18px
}

#main .progressBar {
	width: 327px;
	height: 29px;
	box-shadow: inset 0 0 7px 1px rgba(17, 31, 63, .56);
	border-radius: 15px;
	border: 1px solid #fff;
	background-color: #fff;
	position: relative;
	margin: 20px auto 25px;
	max-width: 100%;
	overflow: hidden
}

#main .progressBar .bar {
	background: #fde80a;
	border-radius: 40px 0 0 40px;
	width: 14%;
	overflow: hidden;
	height: 100%;
	position: relative
}

#main .progressBar .bar:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, .6) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .6) 0, hsla(0, 0%, 100%, .6) 75%, transparent 0, transparent);
	-webkit-background-size: 20px 20px;
	animation: c 2s linear infinite
}

#main .hr {
	margin: 0;
	width: 584px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #959595;
	opacity: .2
}

#main .question {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-size: 16px;
	font-family: Helvetica
}

#main .question .img {
	flex-shrink: 0;
	margin-right: 20px;
	position: relative
}

#main .question .img img {
	position: relative
}

#main .question .img:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 54px;
	bottom: -48px;
	left: 0;
	background-image: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0));
	opacity: .15
}

#main .question .img.five:before,
#main .question .img.three:before {
	background: url(../img/three.png) no-repeat 50% 50%;
	width: 56px;
	opacity: 1;
	height: 65px;
	bottom: -45px
}

#main .question .img.six:before {
	background: url(../img/three.png) no-repeat 50% 50%;
	width: 56px;
	opacity: 1;
	height: 65px;
	bottom: -45px;
	bottom: -28px;
	left: 6px
}

#main .question .img.four:before {
	bottom: -28px
}

#main .question strong {
	font-size: 25px;
	font-family: Museo Sans Cyrl\ 700;
	display: block;
	margin-top: 15px;
	margin-bottom: 2px
}

#main .change_block {
	margin-top: -65px;
	padding: 65px;
	padding-bottom: 40px;
	background-color: #111f3f;
	border: 2px solid #fff;
	border-top: none;
	border-radius: 0 0 10px 10px;
	display: none;
	transition: .2s ease;
	position: relative
}

#main .change_block.white_block {
	background: #fff
}

#main .change_block.active {
	display: block
}

#main .white_title {
	color: #b1b1b1;
	font-family: Museo Sans Cyrl\ 900;
	font-size: 30px;
	position: relative;
	padding-left: 42px
}

#main .white_title:before {
	content: "";
	position: absolute;
	background: url(../img/closed_lock.png) no-repeat 50% 50%/cover;
	width: 30px;
	height: 40px;
	left: 0;
	top: calc(50% - 20px)
}

#main .openLock .white_title:before {
	background: url(../img/open_lock.png) no-repeat 50% 50%/cover;
	width: 40px;
	height: 41px;
	left: -12px
}

#main .white_hr {
	width: 584px;
	max-width: 100%;
	margin: 45px auto;
	border-bottom: 1px solid #959595;
	opacity: .57
}

#main .questions_block {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 30px
}

#main .col_right {
	width: 258px;
	flex-shrink: 0
}

#main .col_left {
	width: 470px;
	flex-shrink: 0;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

#main .col_left.presents {
	width: 100%
}

#main .col_left.presents .form_control {
	width: 210px
}

#main .form_control {
	width: 204px;
	max-width: 100%;
	margin-top: 20px;
	position: relative
}

#main .form_control .img {
	height: 125px;
	border-radius: 5px 5px 0 0;
	border: 1px dotted #00bff3;
	padding: 3px;
	border-bottom: none;
	display: block;
	width: 100%;
	padding-bottom: 0;
	text-align: center
}

#main .form_control .img:after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	background: #fff;
	border-radius: 5px 5px 0 0;
	width: calc(100% - 6px);
	height: calc(100% - 3px)
}

#main .form_control .img img {
	vertical-align: bottom;
	position: relative;
	z-index: 1
}

#main .column {
	align-self: flex-start
}

#main .column .img {
	margin-top: 20px;
	border-radius: 5px;
	border: 1px dotted #00bff3;
	padding: 3px
}

#main .column .img img {
	vertical-align: bottom
}

#main .column input {
	margin-top: 10px;
	margin-bottom: 15px;
	width: 208px;
	height: 44px;
	border-radius: 5px;
	border: 1px dotted #00bff3;
	background-color: #fff;
	opacity: .33;
	color: #7c7c7c;
	font-family: Helvetica;
	font-size: 16px;
	padding-left: 15px
}

#main .column input.filled,
#main .column input:active,
#main .column input:focus {
	border: 1px dotted #00bff3;
	background-color: #fff;
	opacity: 1
}

#main .label {
	color: #00bff3;
	font-family: Helvetica;
	font-size: 16px
}

#main .mt-05 {
	margin-top: -5px
}

#main .zoom {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

#main .zoom:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/zoom.png) no-repeat 50% 50%/cover;
	width: 36px;
	height: 36px;
	z-index: 1
}

#main .footer {
	border-radius: 0 0 5px 5px;
	background-color: #00bff3;
	padding: 15px 20px;
	padding-top: 5px;
	margin-top: -4px
}

#main .footer table {
	color: #111f3f;
	font-family: Helvetica;
	font-size: 13px;
	font-weight: 300;
	width: 100%
}

#main .footer table td {
	position: relative
}

#main .footer table td:first-of-type {
	opacity: .6
}

#main .footer table td:nth-of-type(2) {
	padding-left: 40px
}

#main .footer table .malo:before,
#main .footer table .mnogo:before {
	content: "";
	position: absolute;
	left: 25px;
	top: 3px;
	border-radius: 50%;
	width: 9px;
	height: 9px;
	background-image: radial-gradient(circle 5px at center, #4bf616 0, #07912e 100%)
}

#main .footer table .malo:before {
	background-image: radial-gradient(circle 5px at center, #ff68af 0, #e10019 100%)
}

#main .answer_block {
	cursor: pointer;
	border-radius: 0 0 5px 5px;
	background-color: #00bff3;
	height: 62px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	padding-left: 40px;
	padding-right: 5px;
	text-shadow: 0 0 2px rgba(17, 31, 63, .64);
	font-size: 16px;
	font-family: Museo Sans Cyrl\ 700
}

#main .answer_block.noImg {
	border-radius: 5px;
	min-height: 85px
}

#main .answer_block label {
	display: block;
	text-align: left;
	position: relative;
	cursor: pointer
}

#main .answer_block label:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #fff;
	left: -25px;
	top: calc(50% - 9px)
}

#main .answer_block [type=radio]+label:before {
	border-radius: 50%
}

#main [type=checkbox],
#main [type=radio] {
	position: absolute;
	left: -999999px
}

#main [type=checkbox]:checked+label:before {
	background: #fff
}

#main [type=radio]:checked+label:before {
	box-shadow: inset 1px 2px 5px rgba(0, 0, 0, .3);
	border: 1px solid #fff;
	background-color: #fff
}

#main [type=radio]:checked+label:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	box-shadow: inset 0 0 2px 2px rgba(0, 191, 243, .52);
	background-color: #00bff3;
	border-radius: 50%;
	top: calc(50% - 5px);
	left: -21px
}

#main [type=checkbox]:checked+label:after {
	width: 11px;
	height: 10px;
	content: "";
	position: absolute;
	left: -21px;
	top: calc(50% - 5px);
	border-radius: 2px;
	background: url(../img/check.png) no-repeat 50% 50%/cover
}

#main .present_block {
	margin-top: 20px;
	position: relative
}

#main .present_block p {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 20px;
	left: 0;
	font-family: Helvetica;
	font-size: 16px
}

#main .present_block p strong {
	color: #111f3f;
	font-family: Museo Sans Cyrl\ 900
}

#main .textarea_block {
	height: auto;
	align-self: self-start
}

#main .textarea_block textarea {
	font-size: 16px;
	color: #fff;
	width: 100%;
	height: 62px;
	padding-top: 10px;
	min-height: 62px;
	box-shadow: inset 1px 1px 8px 1px transparent;
	border-radius: 5px;
	background-color: hsla(0, 0%, 100%, .4);
	padding-left: 47px;
	margin: 0
}

#main .textarea_block textarea.filled,
#main .textarea_block textarea:active,
#main .textarea_block textarea:focus {
	background: #fff;
	color: #000
}

#main .fake_checkbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 43px;
	height: calc(100% - 1px);
	border-radius: 5px 0 0 5px;
	background-color: #00bff3
}

#main .fake_checkbox:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #fff;
	top: calc(50% - 9px);
	left: calc(50% - 9px)
}

#main .fake_checkbox.checked:before {
	background: #fff
}

#main .fake_checkbox.checked:after {
	width: 11px;
	height: 10px;
	content: "";
	position: absolute;
	left: calc(50% - 5px);
	top: calc(50% - 5px);
	border-radius: 2px;
	background: url(../img/check.png) no-repeat 50% 50%/cover
}

#main .fake_radio {
	position: absolute;
	left: 0;
	top: 0;
	width: 43px;
	height: calc(100% - 1px);
	border-radius: 5px 0 0 5px;
	background-color: #00bff3
}

#main .fake_radio:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #fff;
	top: calc(50% - 9px);
	left: calc(50% - 9px);
	border-radius: 50%
}

#main .fake_radio.checked:before {
	box-shadow: inset 1px 2px 5px rgba(0, 0, 0, .3);
	border: 1px solid #fff;
	background-color: #fff
}

#main .fake_radio.checked:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	box-shadow: inset 0 0 2px 2px rgba(0, 191, 243, .52);
	background-color: #00bff3;
	border-radius: 50%;
	top: calc(50% - 5px);
	left: calc(50% - 5px)
}

#main .buttons {
	padding-right: 70px;
	justify-content: flex-end
}

#main .buttons,
#main .buttons .goBack,
#main .buttons .goNext {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center
}

#main .buttons .goBack,
#main .buttons .goNext {
	margin-top: 55px;
	color: #fee410;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 27px;
	border: 1px solid #fed21e;
	width: 134px;
	height: 53px;
	align-content: center;
	justify-content: center;
	margin-right: 30px
}

#main .buttons .goBack img,
#main .buttons .goNext img {
	flex-shrink: 0;
	margin-left: 8px
}

#main .buttons .goBack.active:not([disabled=disabled]),
#main .buttons .goBack:hover:not([disabled=disabled]),
#main .buttons .goNext.active:not([disabled=disabled]),
#main .buttons .goNext:hover:not([disabled=disabled]) {
	box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
	border-radius: 27px;
	border: 1px solid #fed21e;
	background-color: #ffe90b;
	color: #000
}

#main .buttons .goBack.active:not([disabled=disabled]) img,
#main .buttons .goBack:hover:not([disabled=disabled]) img,
#main .buttons .goNext.active:not([disabled=disabled]) img,
#main .buttons .goNext:hover:not([disabled=disabled]) img {
	filter: brightness(0)
}

#main .buttons .goBack:active:not([disabled=disabled]),
#main .buttons .goNext:active:not([disabled=disabled]) {
	box-shadow: inset 1px 4px 5px rgba(198, 131, 25, .91);
	border-radius: 27px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	color: #000
}

#main .buttons .goBack:active:not([disabled=disabled]) img,
#main .buttons .goNext:active:not([disabled=disabled]) img {
	filter: brightness(0)
}

#main .buttons .goNext {
	width: 241px;
	height: 53px
}

#main .buttons .goNext:not([disabled=disabled]) {
	box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
	border-radius: 27px;
	border: 1px solid #fed21e;
	background-color: #ffe90b;
	color: #000
}

#main .buttons .goNext:not([disabled=disabled]) img {
	filter: brightness(0)
}

#main .dev {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	opacity: .18;
	color: #fff;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: 300;
	margin-top: 70px
}

#main .dev a {
	flex-grow: 1
}

#main .change_block.nextInQueue {
	display: block;
	opacity: .67;
	border-radius: 10px;
	border-top: 2px solid;
	padding-top: 40px;
	top: calc(100% + 80px);
	position: absolute;
	width: 890px;
	left: calc(50% - 445px);
	transition: .2s ease
}

#main .inform_block {
	position: absolute;
	width: 191px;
	height: 105px;
	box-shadow: 0 0 21px 6px rgba(8, 90, 144, .34);
	border: 1px dotted #68b9e6;
	background-color: #fff;
	right: -120px;
	z-index: 99;
	top: 60px;
	padding: 10px;
	color: #010101;
	font-family: Helvetica;
	font-size: 12px;
	border-radius: 5px;
	display: none
}

#main .inform_block p {
	margin-bottom: 10px
}

#main .inform_block p:last-child {
	margin-bottom: 0
}

#main .inform_block .scroll {
	height: 100%
}

#main .inform_block:before {
	content: "";
	position: absolute;
	left: 30px;
	top: -30px;
	border: 15px solid transparent;
	border-bottom: 15px solid #fff
}

#main .info_icon {
	cursor: pointer;
	position: absolute;
	width: 31px;
	height: 31px;
	border: 1px solid #f7941d;
	background-color: #f7941d;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	color: #fff;
	border-radius: 50%;
	font-size: 16px;
	font-family: Museo Sans Cyrl\ 900;
	top: 8px;
	right: 8px;
	text-align: center;
	align-items: center;
	align-content: center;
	justify-content: center
}

#main .info_parent:hover .inform_block {
	display: block
}

#main .info_parent {
	position: relative;
	z-index: 9
}

#main .slick-prev {
	left: -12px
}

#main .slick-next {
	right: -12px
}

#main .slick-next,
#main .slick-prev {
	position: absolute;
	width: 26px;
	z-index: 1;
	border-radius: 50%;
	height: 26px;
	background-color: #fed21e;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a)
}

#main .slick-next:before,
#main .slick-prev:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/prev.png) no-repeat 50% 50%
}

#main .slick-next:before {
	transform: rotate(180deg)
}

#main .presentBlock .img {
	padding: 0;
	border: none;
	height: 125px;
	position: relative
}

#main .presentBlock .img:after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 0
}

#main .present_header {
	z-index: 9;
	color: #111f3f;
	font-family: Museo Sans Cyrl\ 900;
	font-size: 22px;
	text-align: center;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	position: relative;
	height: 40px;
	border-radius: 5px 5px 0 0;
	background-color: #ff0
}

#main .present_header:before {
	content: "";
	position: absolute;
	right: -40px;
	top: -40px;
	background: url(../img/bant.png) no-repeat 50% 50%/cover;
	width: 107px;
	height: 106px
}

#main .present_name {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	color: #111f3f;
	font-family: Museo Sans Cyrl\ 700;
	font-size: 16px;
	padding: 10px;
	min-height: 67px;
	border-radius: 0 0 5px 5px;
	background-color: #ff0;
	position: relative;
	z-index: 9;
	text-align: center
}

#main .one_step {
	text-align: center;
	margin-top: 12px;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: 700
}

#main .one_step strong {
	display: block;
	color: #00bff3;
	font-family: Museo Sans Cyrl\ 900;
	font-weight: 400
}

#main .slider {
	opacity: 0
}

#main .slider.slick-initialized {
	opacity: 1
}

#main .weAreStarted {
	color: #0cf;
	font-family: Museo Sans Cyrl\ 900;
	font-size: 25px;
	text-align: center
}

#main .startedFlex {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

#main .startedFlex .started_col:first-child {
	padding-left: 140px
}

#main .startedFlex .started_col:last-child {
	margin-left: 40px;
	margin-top: 50px
}

#main .startedFlex .one_step {
	margin-left: -15px
}

#main .started_title {
	margin-top: 60px;
	font-size: 25px;
	line-height: 1.4
}

#main .radio_list {
	margin: 0;
	margin-top: 10px;
	position: relative
}

#main .radio_list li {
	margin-top: 15px;
	font-family: Helvetica;
	font-size: 16px;
	position: relative;
	cursor: pointer;
	display: block
}

#main .radio_list li label {
	padding-left: 27px
}

#main .radio_list li label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	top: calc(50% - 10px);
	border: 1px solid #0cf
}

#main .radio_list li [type=radio]:checked+label:before {
	box-shadow: inset 1px 2px 5px rgba(0, 0, 0, .3);
	border: 1px solid #00bff3;
	background-color: transparent
}

#main .radio_list [type=radio]:checked+label:after {
	left: 4px;
	top: calc(50% - 6px)
}

#main .getResultBtn {
	color: #000;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	width: 273px;
	max-width: 100%;
	height: 66px;
	border-radius: 33px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	margin-top: 25px;
	margin-left: 20px;
	border-radius: 40px !important;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #fee410;
	border: 1px solid #fed21e;
	background: #111f3f;
	position: relative;
	z-index: 9
}

#main .getResultBtn:before {
	content: "";
	position: absolute;
	width: 224px;
	height: 19px;
	background-image: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0));
	opacity: .15;
	bottom: -17px;
	left: calc(50% - 112px)
}

#main .getResultBtn.active:not([disabled=disabled]),
#main .getResultBtn:hover:not([disabled=disabled]) {
	box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
	border: 1px solid #fed21e;
	background-color: #ffee3e;
	color: #000
}

#main .getResultBtn:active:not([disabled=disabled]) {
	box-shadow: inset 1px 4px 5px rgba(198, 131, 25, .91);
	border-radius: 27px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	color: #000
}

#main .getResultBtn:not([disabled=disabled]) {
	box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
	border: 1px solid #fed21e;
	background-color: #ffe90b;
	color: #000
}

#main .getResultBtn:not([disabled=disabled]) img {
	filter: brightness(0)
}

#main [type=tel] {
	width: 272px;
	max-width: 100%;
	height: 66px;
	border-radius: 33px;
	border: 2px dotted #f8ad3d;
	background-color: #fff;
	margin: 5px;
	text-align: center;
	font-family: Helvetica;
	font-size: 18px;
	color: #000;
	font-weight: 700;
	z-index: 9
}

#main .phoneImg,
#main [type=tel] {
	position: relative
}

#main .phoneImg:before {
	content: "";
	position: absolute;
	left: -180px;
	top: -270px;
	background: url(../img/phone%EF%B9%96v=1.png) no-repeat 50% 50%/cover;
	width: 361px;
	height: 527px
}

#main .radio_list li label {
	cursor: pointer;
	display: block
}

#main .spinner_block {
	text-align: center;
	position: relative;
	margin-top: 35px
}

#main .spinner_block .blue {
	z-index: 9;
	width: 80px;
	height: 80px;
	background-color: #0b5cb1;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	position: relative
}

#main .spinner_block .blue:before {
	content: "";
	position: absolute;
	border: 2px dotted #f69d3d;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	top: -6px;
	left: -6px;
	border-radius: 50%
}

#main .primernaya {
	font-size: 16px;
	margin-top: 25px;
	font-family: Museo Sans Cyrl\ 300
}

#main .primernaya strong {
	font-family: Museo Sans Cyrl\ 700
}

#main .master_information,
#main .master_information .master_image {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

#main .master_information .master_image {
	flex-shrink: 0;
	position: relative;
	width: 202px;
	height: 228px;
	border-radius: 5px;
	border: 1px dotted #00bff3;
	align-items: center;
	align-content: center;
	justify-content: center
}

#main .master_information .master_image:before {
	content: "";
	position: absolute;
	left: -6px;
	top: -6px;
	border-radius: 5px;
	border: 1px dotted #00bff3;
	width: calc(100% + 10px);
	height: calc(100% + 10px)
}

#main .master_left {
	margin-right: 35px
}

#main .perfect {
	color: #00bff3;
	font-size: 20px
}

#main .master_bold {
	margin-top: 20px;
	margin-bottom: -5px;
	color: #000;
	font-family: Museo Sans Cyrl\ 900;
	font-size: 20px
}

#main .master_name {
	margin-top: 15px;
	color: #000;
	font-family: Helvetica;
	font-weight: 700;
	font-size: 20px
}

#main .master_list,
#main .master_status {
	color: #000;
	font-family: Helvetica;
	font-size: 16px
}

#main .master_list {
	margin: 0
}

#main .master_list li {
	margin-top: 18px
}

#main .for_calc {
	text-align: center;
	margin-top: 50px;
	color: #000;
	font-size: 20px
}

#main .for_calc.mt1 {
	margin-top: 10px
}

#main .check_data {
	margin-top: 15px;
	text-align: center;
	color: #000;
	font-family: Helvetica;
	font-size: 16px;
	position: relative
}

#main .check_data span {
	position: relative
}

#main .check_data span:before {
	content: "";
	position: absolute;
	right: -30px;
	top: 10px;
	background: url(../img/arrow_down.png) no-repeat 50% 50%/cover;
	width: 30px;
	height: 85px
}

#main .white_block .dev {
	color: #000
}

#main .bottom_phone {
	margin: 25px auto 0;
	text-align: center;
	font-size: 18px
}

#main .bottom_phone,
#main .timeToCall {
	width: 364px;
	height: 44px;
	border-radius: 5px;
	border: 1px dotted #00bff3;
	background-color: #fff;
	display: block
}

#main .timeToCall {
	margin: 10px auto 0;
	max-width: 100%
}

#main .submit {
	color: #000;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	width: 363px;
	height: 53px;
	border-radius: 27px;
	border: none;
	margin: 20px auto 0;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	max-width: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a)
}

#main .submit:hover {
	background-image: linear-gradient(0deg, #fff833 0, #fdd25d)
}

#main .insta_block {
	margin-top: 65px;
	width: 364px;
	border-radius: 5px;
	border: 1px dotted #b7b7b7;
	background-color: #fff;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	padding: 20px 10px
}

#main .insta_block p {
	margin-top: 10px;
	color: #000;
	font-family: Helvetica;
	font-size: 18px
}

#main .goToMain {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #fee410;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 20px;
	width: 363px;
	height: 53px;
	border-radius: 27px;
	border: 1px solid #fed21e;
	margin-left: auto;
	margin-right: auto
}

#main .goToMain:hover {
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	color: #000
}

#main .timeToCall {
	text-align: center;
	color: #000
}

#main .price_blocks {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between
}

#main .price_blocks .price_block {
	width: 355px;
	max-width: 100%;
	position: relative;
	border: 2px dotted #00bff3;
	border-radius: 5px;
	margin-top: 50px
}

#main .price_header {
	width: 100%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	color: #fff;
	font-family: Museo Sans Cyrl\ 700;
	background-color: #00bff3;
	border-radius: 5px 5px 0 0;
	font-size: 22px;
	height: 79px
}

#main .price_body {
	position: relative;
	padding: 20px 15px 15px
}

#main .price_body_title {
	color: #525252
}

#main .price_blue_title,
#main .price_body_title {
	text-align: center;
	font-family: Helvetica;
	font-size: 16px
}

#main .price_blue_title {
	margin-top: 10px;
	color: #03bef5
}

#main .price_list {
	margin-top: 15px;
	margin-bottom: 20px
}

#main .price_list>li {
	position: relative;
	padding-left: 15px;
	color: #525252;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: 300;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 2px dotted rgba(0, 0, 0, .2)
}

#main .price_list>li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

#main .price_list>li.parent_li {
	color: #000;
	display: block
}

#main .price_list>li span:first-child {
	width: 175px
}

#main .price_list>li span:last-child {
	font-size: 18px;
	font-weight: 700;
	color: #000
}

#main .price_list>li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../img/mini_check.png) no-repeat 50% 50%/cover;
	width: 11px;
	height: 10px
}

#main .price_list ol {
	margin: 0;
	padding-left: 0;
	padding-top: 5px;
	border-top: 2px dotted rgba(0, 0, 0, .2)
}

#main .price_list ol li {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	color: #525252;
	font-family: Helvetica;
	font-size: 13px;
	font-weight: 300;
	justify-content: space-between;
	position: relative;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 2px dotted rgba(0, 0, 0, .2)
}

#main .price_list ol li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

#main .price_list ol li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 7px;
	height: 7px;
	background-color: #00bff3;
	border-radius: 50%
}

#main .price_list ol li span:first-child {
	width: 160px
}

#main .price_list ol li span:last-child {
	color: #000;
	font-family: Helvetica
}

@keyframes b {
	0% {
		stroke-dashoffset: 0
	}
}

.progress_round {
	padding: 0;
	margin-top: -73px;
	top: -17px
}

.progress_round,
.progress_round .bar_round {
	position: relative;
	display: inline-block;
	text-align: center
}

.progress_round .bar_round {
	color: #93a2ac;
	font-weight: 100;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 100px
}

.steps {
	font-size: 16px;
	color: #000;
	height: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	width: 100%;
	position: relative;
	position: absolute;
	text-align: center;
	justify-content: center;
	z-index: 9
}

.bar_round {
	width: 14%;
	transition: 1s ease;
	overflow: hidden;
	max-width: 100%
}

.bar_round,
.percentage {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%
}

.percentage {
	width: 100%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	font-size: 16px;
	font-family: Helvetica
}

.progress_round svg {
	width: 100%;
	height: 100%
}

.progress_round svg:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(-90deg)
}

.progress_round.animate {
	z-index: 99
}

.progress_round.animate svg:nth-child(2) path {
	fill: none;
	stroke-width: 25;
	stroke-dasharray: 629;
	stroke: #111f3f;
	opacity: .9;
	animation: b 6s;
	z-index: 10
}

.percentage:before {
	opacity: 0;
	content: "";
	position: absolute;
	transition: .2s ease
}

.percentage.showArrow {
	position: relative
}

.percentage.showArrow:before {
	background: url(../img/count_arrow.png) no-repeat 50% 50%/cover;
	width: 58px;
	height: 56px;
	right: 0;
	top: 0;
	right: -90px;
	top: -10px;
	opacity: 1;
	transition: .2s ease
}

@keyframes c {
	0% {
		background-position: 20px 0
	}

	to {
		background-position: 0 0
	}
}

[disabled=disabled] {
	cursor: not-allowed
}

#main .inform_block .scroll {
	text-align: left
}

#main .zoom:before {
	z-index: 99
}

#main .inform_block .scroll {
	height: 85px
}

#main .textarea_block textarea {
	vertical-align: bottom
}

.slick-slide,
button {
	outline: none !important
}

#main [type=text]::placeholder,
#main textarea::placeholder {
	color: #fff
}

#main .timeToCall::placeholder,
#main [type=tel]::placeholder {
	color: #000;
	text-align: center
}

#main .change_block.nextInQueue {
	margin-top: 5px
}

#main .change_block.white_block:not(.nextInQueue),
#main .change_block:not(.nextInQueue) {
	top: 0 !important
}

#main .change_block.white_block:not(.nextInQueue) {
	border-radius: 10px
}

#main .wrap {
	z-index: 99
}

#main .header,
#main .quiz {
	z-index: 9
}

#main iframe {
	width: 100%;
	height: 100%;
	opacity: 1
}

.player,
.player .screen {
	opacity: 1
}

.change_block:first-child .goBack {
	display: none !important
}

#main .form_control .img img {
	height: 100%
}

.loopa {
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	z-index: 99
}

.bg_video,
.loopa {
	position: absolute
}

.bg_video {
	left: 0;
	bottom: 0;
	height: 100%;
	width: 2685px;
	left: -60%
}

.bg_video_2 {
	left: 30%
}

#main .answer_block label {
	line-height: 1.2
}

#main .primernaya {
	opacity: 0
}

.white_block {
	animation: d 2s ease infinite
}

.progress_round {
	opacity: 0;
	transition: .2s ease
}

#main .check_data span {
	display: inline-block
}

#current_step {
	margin-right: 5px
}

#main .question .img:before {
	bottom: -46px
}

.nicescroll-rails-vr {
	opacity: 1 !important
}

.for_calc strong {
	font-family: Museo Sans Cyrl\ 700
}

#main .bottom_phone,
#main .timeToCall {
	color: rgba(0, 0, 0, .7)
}

#main,
.cutter {
	max-width: 1920px;
	margin: 0 auto;
	width: 100%
}

.cutter {
	overflow: hidden
}

.abolute_text {
	position: absolute;
	z-index: 99;
	bottom: 0;
	font-size: 14px;
	left: 5px;
	background: hsla(0, 0%, 100%, .2);
	padding: 5px
}

.timeToCall::placeholder {
	color: rgba(0, 0, 0, .7)
}

.bottom_phone::placeholder {
	color: rgba(0, 0, 0, .7)
}

#main .startedFlex .started_col:first-child {
	position: relative;
	z-index: 9
}

.error {
	position: absolute;
	color: #fff;
	font-size: 14px;
	font-family: Museo Sans Cyrl\ 300;
	text-transform: none;
	top: -30px;
	left: calc(50% - 132px);
	white-space: nowrap;
	display: none
}

.buttons.phoneImg .error {
	top: -5px
}

#main .buttons.phoneImg {
	margin-top: 15px
}

#main .change_block.white_block:not(.nextInQueue) {
	margin-top: -250px
}

.goNext {
	position: relative
}

@keyframes d {

	0%,
	to {
		top: calc(100% + 80px)
	}

	50% {
		top: calc(100% - 5px)
	}
}

.light_theme #nav .logo .img img {
	margin-left: 0;
	margin-right: 0
}

.light_theme #s01 .block {
	width: 240px
}

.light_theme #s01 .block .number {
	color: #ff0208
}

.light_theme #s01 .sub {
	text-shadow: none;
	font-size: 20px
}

.light_theme #s01 .sub strong {
	font-weight: 400;
	color: #ff0208
}

.light_theme #main .change_block,
.light_theme #main .header {
	background: #fff;
	border-color: #8ace27;
	color: #000
}

.light_theme #main .question {
	background: #fff
}

.light_theme #main .progressBar .bar {
	background: #8ace27
}

.light_theme #main .question .img:before {
	background-image: linear-gradient(180deg, #9dd62e 0, rgba(157, 214, 46, 0))
}

.light_theme #main .answer_block {
	text-shadow: none
}

.light_theme #main .present_block p,
.light_theme #main .present_block p strong {
	color: #fff
}

.light_theme #main .answer_block.noImg {
	min-height: 44px;
	color: #fff;
	background: red;
	border-color: red
}

.light_theme #main .label {
	color: #000
}

.light_theme #main .column input.filled,
.light_theme #main .column input:active,
.light_theme #main .column input:focus {
	border-color: red
}

.light_theme #main .column input {
	margin-bottom: 0
}

.light_theme #main .column .img.high_img {
	height: 228px;
	width: 204px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	border-color: red
}

.light_theme #nav .col {
	width: 25%
}

.light_theme #nav .center_col {
	width: 50%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center
}

.light_theme #nav .logo_text {
	text-align: right;
	margin-left: 0;
	margin-right: 25px
}

.light_theme #nav .logo_text_2 {
	text-align: left;
	margin-left: 0;
	padding-left: 30px;
	position: relative
}

.light_theme #nav .logo_text_2:before {
	content: "";
	position: absolute;
	left: 0;
	height: 88px;
	border-left: 2px dotted #fce99c;
	top: calc(50% - 44px)
}

.light_theme #s01 {
	color: #000
}

.light_theme #s01 .img {
	border: none;
	padding: 0
}

.light_theme #main .white_title {
	font-size: 26px
}

.light_theme #main [type=radio]:checked+label:after {
	box-shadow: inset 0 0 2px 2px red;
	background-color: red
}

.light_theme #main .answer_block {
	background: red;
	color: #fff
}

.light_theme #main .fake_checkbox {
	background: red
}

.light_theme #main [type=text]::placeholder,
.light_theme #main textarea::placeholder {
	color: #000
}

.light_theme #main .timeToCall::placeholder,
.light_theme #main [type=tel]::placeholder {
	color: #000;
	text-align: center
}

.light_theme #main .form_control .img {
	border-color: red
}

.light_theme #main .answer_block {
	position: relative
}

.light_theme #main .answer_block label {
	text-shadow: 0 0 2px rgba(17, 31, 63, .64)
}

.light_theme #main .column input {
	border-color: red
}

.light_theme #main .question .img.five:before {
	bottom: -30px
}

.light_theme #main .footer {
	background: red;
	color: #fff
}

.light_theme #main .footer table {
	color: #fff
}

.light_theme #main .answer_block.switchPresent {
	height: 90px
}

.light_theme #main .footer {
	position: relative;
	z-index: 2
}

.light_theme #main .one_step strong {
	color: #8ace27
}

.light_theme #main .radio_list li [type=radio]:checked+label:before,
.light_theme #main .radio_list li label:before,
.light_theme #main [type=tel] {
	border-color: red
}

.light_theme #main .present_header,
.light_theme #main .present_name {
	background: #8ace27;
	color: #fff
}

.light_theme #main .form_control .img {
	border-left: 1px solid #8ace27;
	border-right: 1px solid #8ace27
}

.light_theme #main .getResultBtn {
	background: #fff
}

.light_theme #main .getResultBtn:not([disabled=disabled]) {
	box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
	border: 1px solid #fed21e;
	background-color: #ffee3e;
	color: #000
}

.light_theme #main:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 110px;
	width: 100%;
	z-index: 9;
	background: url(../img/shadow.png) no-repeat 50% 50%/cover
}

.light_theme .percentage {
	color: #fff
}

.light_theme #main .perfect {
	color: red
}

.light_theme #main .price_header {
	background: red
}

.light_theme #main .bottom_phone,
.light_theme #main .master_information .master_image,
.light_theme #main .master_information .master_image:before,
.light_theme #main .price_blocks .price_block,
.light_theme #main .timeToCall {
	border-color: red
}

.light_theme #main .master_list li strong {
	display: block
}

.light_theme #main .price_blocks .price_block {
	width: 405px
}

.light_theme #main .change_block.white_block {
	padding-left: 25px;
	padding-right: 25px
}

.light_theme #main .price_body {
	padding: 20px 8px 8px
}

.light_theme #main .price_list>li span:nth-of-type(2) {
	text-align: left;
	font-weight: 700;
	width: 135px;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	color: #000
}

.light_theme #main .price_list>li {
	justify-content: flex-start
}

.light_theme #main .price_list>li span:first-child {
	width: 160px
}

.light_theme #main .price_list>li.head span:first-child {
	width: 175px
}

.light_theme #main .price_list>li.head {
	font-weight: 700;
	color: red;
	padding-left: 0
}

.light_theme #main .price_list>li.head:before {
	content: none
}

.light_theme #main .price_list>li.head span {
	color: red !important;
	align-items: center;
	align-content: center;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

.light_theme #main .price_list li {
	height: 35px
}

.light_theme #main .price_list>li {
	align-items: center
}

.light_theme .itogo {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	color: #525252;
	font-family: Helvetica;
	align-items: center;
	align-content: center;
	font-weight: 700;
	font-size: 16px
}

.light_theme .itogo span {
	flex-grow: 1
}

.light_theme .itogo span:first-child {
	width: 280px;
	max-width: 100%
}

.light_theme .itogo span:last-child {
	color: #000
}

.light_theme #main .price_list.fz14 li span:nth-of-type(2) {
	font-size: 14px
}

.light_theme #main .weAreStarted {
	color: red
}

.light_theme .bg_video {
	top: 0;
	width: 2600px;
	left: -20%
}

.light_theme .progress_round.animate svg:nth-child(2) path {
	stroke: #fff
}

.light_theme #main .column .img.high_img {
	max-width: 100%
}

.light_theme #main .dev {
	color: #000
}

.light_theme #main {
	background: url(../img/forest.jpg) repeat-y 50% 0
}

.light_theme #main .price_list>li span:nth-of-type(3),
.light_theme .itogo span:last-child {
	white-space: nowrap
}

.light_theme .error {
	color: #000
}

.light_theme #main .price_list>li:before {
	top: 9px
}

.light_theme #main .price_list>li.head {
	height: 62px
}

.light_theme #main .price_list.fz14 li.head span:nth-of-type(2) {
	font-size: 16px
}

.light_theme .bg_video {
	height: 1300px;
	width: 4500px
}

.light_theme #nav .logo_text_2:before {
	border-color: #4090dd
}

.light_theme #nav .col {
	width: 290px;
	flex-shrink: 0
}

.light_theme #nav .col.contacts {
	width: 190px
}

.light_theme #nav .logo_text_2 {
	padding-left: 20px
}

.light_theme #nav .center_col {
	width: 100%;
	flex-grow: 1
}

.light_theme #nav .logo .img {
	flex-shrink: 0
}

.light_theme #nav .logo_t {
	margin-left: 8px;
	color: #000;
	font-family: Helvetica;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: left
}

.light_theme #nav .logo_text {
	font-size: 12px;
	font-weight: 700;
	margin-right: 20px
}

.light_theme #nav .logo_text_2 {
	font-size: 12px
}

.light_theme #main .change_block,
.light_theme #main .header {
	border-color: #48a4fe
}

.light_theme #s01 .h1 span {
	color: #016bd2
}

.light_theme #s01 .hr {
	border-color: #016bd2
}

.light_theme #s01 .block .number {
	color: #48a4fe
}

.light_theme #s01 .sub strong {
	color: #000;
	font-weight: 700
}

.light_theme .header_title small {
	display: block
}

.light_theme #main .progressBar .bar {
	background: #48a4fe
}

.light_theme #main .question .img:before {
	background-image: linear-gradient(180deg, #48a4fe 0, rgba(72, 164, 254, 0))
}

.light_theme #main .answer_block {
	background: #016bd2
}

.light_theme #main .form_control .img {
	border-color: #016bd2
}

.light_theme #main .answer_block {
	padding-left: 35px
}

.light_theme #main .answer_block.noImg {
	background: #016bd2;
	border-color: #016bd2
}

.light_theme #main [type=radio]:checked+label:after {
	background: #016bd2;
	box-shadow: inset 0 0 2px 2px #016bd2
}

.light_theme #main .noBG .answer_block.noImg {
	background: transparent;
	color: #000;
	min-height: 1px;
	height: auto
}

.light_theme #main .noBG .answer_block.noImg label {
	box-shadow: none;
	text-shadow: none;
	font-family: Museo Sans Cyrl\ 500
}

.light_theme #main .noBG .answer_block.noImg label:before {
	border-color: #016bd2
}

.light_theme #main .master_bold {
	font-family: Museo Sans Cyrl\ 500
}

.light_theme #main .column .img.high_img {
	height: auto;
	border-color: #016bd2
}

.light_theme #main .form_control {
	width: 230px
}

.light_theme #main .info_icon {
	right: -30px
}

.light_theme #main .inform_block {
	right: -160px
}

.light_theme #main .form_control:hover,
.light_theme #main .info_parent:hover {
	z-index: 999
}

.light_theme #main .info_parent .inform_block {
	z-index: 999;
	height: auto;
	padding-bottom: 5px
}

.light_theme #main .inform_block .scroll {
	height: auto
}

.light_theme #main .info_icon {
	top: -4px
}

.light_theme #main .footer {
	background: #016bd2
}

.light_theme .rassrochka_block {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	width: 410px;
	justify-content: space-between;
	max-width: 100%;
	margin-top: 20px
}

.light_theme .rassrochka_block .img {
	flex-shrink: 0
}

.light_theme .rassrochka_block a {
	color: #016bd2;
	font-family: Helvetica;
	font-size: 20px
}

.light_theme .rassrochka_block a:hover {
	text-decoration: underline
}

.light_theme .rassrochka_block p {
	margin-top: 5px;
	color: #878787;
	font-family: Helvetica;
	font-size: 10px
}

.light_theme #s01 {
	padding-bottom: 140px
}

.light_theme #main .answer_block.switchPresent {
	height: 50px;
	z-index: 9
}

.light_theme #main .footer table span {
	font-size: 11px;
	text-decoration: line-through
}

.light_theme #main .footer table strong {
	font-size: 14px
}

.light_theme #main .footer table td:nth-of-type(2) {
	padding-left: 25px;
	text-align: right
}

.light_theme #main .footer table .malo:before,
.light_theme #main .footer table .mnogo:before {
	left: 45px
}

.light_theme #main .presents .info_icon {
	right: 10px;
	top: 8px
}

.light_theme #main .presents .inform_block {
	right: -120px
}

.light_theme #main .present_header,
.light_theme #main .present_name {
	background: #ff0;
	color: #000
}

.light_theme #main .one_step strong {
	color: #016bd2
}

.light_theme #main .one_step {
	font-weight: 400
}

.light_theme #main .weAreStarted {
	color: #016bd2
}

.light_theme #main .phoneImg:before {
	width: 269px;
	left: -110px;
	height: 457px
}

.light_theme #main .radio_list li [type=radio]:checked+label:before,
.light_theme #main .radio_list li label:before,
.light_theme #main [type=tel] {
	border-color: #016bd2
}

.light_theme #main .perfect {
	color: #016bd2
}

.light_theme #main .change_block.white_block:not(.nextInQueue) {
	border-top: 2px solid #48a4fe
}

.light_theme #main .white_title {
	margin-left: 100px
}

.light_theme #main .bottom_phone,
.light_theme #main .master_information .master_image,
.light_theme #main .master_information .master_image:before,
.light_theme #main .price_blocks .price_block,
.light_theme #main .timeToCall {
	border-color: #016bd2
}

.light_theme #main .master_left {
	margin-right: 45px;
	width: 300px;
	text-align: center;
	max-width: 100%
}

.light_theme #main .master_information .master_image {
	margin-left: auto;
	margin-right: auto
}

.light_theme #main .price_header {
	background: #56b6fe
}

.light_theme .popup-bg #popup2 .submit:after {
	width: 206px;
	height: 292px
}

.light_theme .devider {
	width: 584px;
	margin: 50px auto 30px;
	max-width: 100%;
	height: 1px;
	background: #959595;
	opacity: .2
}

.light_theme .know_more {
	text-align: center;
	color: #000;
	font-size: 16px;
	font-weight: 300
}

.light_theme #main .flex_form {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex
}

.light_theme #main .flex_form .col {
	-ms-flex-positive: 1;
	flex-grow: 1
}

.light_theme #main .flex_form .flex_form_title {
	margin-top: 25px;
	font-size: 18px;
	font-weight: 400
}

.light_theme #main .flex_form .flex_form_list {
	margin-top: 10px;
	line-height: 1.4;
	color: #000;
	font-size: 16px;
	font-weight: 300
}

.light_theme #main .flex_form .zamer {
	margin-top: 30px;
	font-size: 18px;
	font-weight: 400
}

.light_theme #main .flex_form .viezd_free {
	margin-top: 5px;
	color: #00b9ec;
	font-size: 18px;
	font-weight: 700
}

.light_theme #main .flex_form .doc_block {
	margin-top: 40px;
	margin-left: 20px;
	width: 423px;
	max-width: 100%;
	border-radius: 5px;
	border: 2px dotted #0f5f9e;
	background-color: #00bff3;
	padding: 15px;
	padding-left: 15px;
	padding-left: 115px;
	position: relative
}

.light_theme #main .flex_form .doc_title {
	color: #0b448d;
	font-size: 20px;
	font-weight: 700
}

.light_theme #main .flex_form .doc_list {
	margin: 0
}

.light_theme #main .flex_form .doc_list li {
	position: relative;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 300;
	padding-left: 25px;
	color: #fff
}

.light_theme #main .flex_form .doc_list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/doc_check.png) no-repeat 50% 50%/cover;
	width: 17px;
	height: 17px
}

.light_theme #main .flex_form .doc_block:after {
	content: "";
	position: absolute;
	left: -15px;
	top: 15px;
	border-radius: 5px;
	border: 1px dotted #00b9ec;
	width: 100%;
	height: 100%
}

.light_theme #main .flex_form .forma {
	width: 298px;
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, .21);
	border-radius: 5px;
	background-color: #fff;
	margin-left: 15px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	padding: 30px 40px;
	margin-top: 25px
}

.light_theme #main .flex_form .form_title {
	color: #000;
	font-size: 20px;
	font-weight: 400;
	text-align: center
}

.light_theme #main .flex_form .check_data {
	margin-top: 12px;
	color: #000;
	font-size: 14px;
	font-weight: 300;
	text-align: center
}

.light_theme #main .flex_form [type=tel],
.light_theme #main .flex_form textarea {
	border: 1px dotted #00b9ec;
	font-size: 14px !important;
	font-weight: 300 !important
}

.light_theme #main .flex_form textarea {
	padding: 20px;
	min-height: 94px;
	margin-bottom: 0;
	margin-top: 0
}

.light_theme #main .submit {
	font-size: 11px;
	font-weight: 700;
	width: 220px;
	margin-left: auto;
	margin-right: auto
}

.light_theme .new_title {
	text-align: center;
	margin-top: 100px;
	color: #48a4fe;
	font-family: Museo Sans Cyrl\ 900;
	font-size: 25px
}

.light_theme #main .flex_form .doc_block {
	background: #fff
}

.light_theme #main .flex_form .doc_list li {
	color: #000
}

.light_theme #main .flex_form .doc_block:after {
	content: none
}

.light_theme #main .flex_form .forma {
	padding-left: 20px;
	padding-right: 20px
}

.light_theme #main .flex_form [type=tel],
.light_theme #main .flex_form textarea {
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	display: block
}

.light_theme #main .flex_form textarea {
	margin-top: 12px
}

.light_theme #main .flex_form .doc_title {
	font-weight: 400
}

.light_theme #main .flex_form .doc_list li:before {
	top: 4px
}

.light_theme #main .flex_form .doc_block:before {
	content: "";
	position: absolute;
	top: -20px;
	left: -35px;
	background: url(../img/r.png) no-repeat 50% 50%/cover;
	width: 144px;
	height: 144px
}

.light_theme #main .flex_form .doc_block {
	padding-left: 125px
}

.light_theme #main .flex_form {
	align-items: flex-start
}

.light_theme .marginLeft {
	margin-left: 20px
}

.light_theme #main .price_list li {
	height: auto
}

.light_theme #main .price_list>li:before {
	top: 6px
}

.light_theme #main .price_list>li span:nth-of-type(2) {
	font-weight: 400;
	text-decoration: line-through;
	color: #525252
}

.light_theme #main .price_list>li:last-child:before {
	content: none
}

.light_theme #main .price_list>li span:nth-of-type(3),
.light_theme .light_theme .itogo span:last-child {
	font-weight: 400;
	color: red
}

.light_theme .itogo {
	display: block;
	text-align: center;
	font-weight: 400
}

.light_theme .bron {
	color: #56b6fe;
	font-family: Helvetica;
	font-size: 15px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 261px;
	height: 53px;
	border-radius: 40px;
	border: 1px solid #48a4fe
}

.light_theme .bron:hover {
	background: #48a4fe;
	color: #fff
}

.light_theme .border_block {
	position: relative;
	padding: 10px 15px;
	border-radius: 5px;
	border: 2px dotted #56b6fe
}

.light_theme .border_block_title {
	text-align: center;
	color: #016bd2;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: 700
}

.light_theme #main ol.price_list {
	padding-left: 0
}

.light_theme #main ol.price_list li span:first-child {
	flex-grow: 1
}

.light_theme #main ol.price_list li strong {
	color: #000;
	width: 135px
}

.light_theme #main ol.price_list li:before {
	border-radius: 50%;
	width: 7px;
	height: 7px;
	background: #00bff3;
	top: calc(50% - 6px)
}

.light_theme #main .price_blocks {
	justify-content: space-around;
	flex-wrap: wrap
}

.light_theme #main ol.price_list {
	min-height: 160px
}

.light_theme #main .flex_form .flex_form_list li {
	margin-bottom: 15px
}

.light_theme #main .flex_form .flex_form_list li:last-child {
	margin-bottom: 0
}

.light_theme #main .flex_form .col {
	margin-left: 20px;
	flex-grow: 0
}

.light_theme #main .flex_form .forma {
	margin-left: 30px
}

.light_theme #main .phoneImg:before {
	background: url(../img/phone%EF%B9%96v=1.png) no-repeat 50% 50%/contain
}

.light_theme #main .answer_block label {
	padding-left: 5px
}

.light_theme #main .flex_form textarea {
	color: rgba(0, 0, 0, .7)
}

.light_theme #main .column .img.high_img.nalog {
	position: relative
}

.light_theme #main .footer {
	padding-left: 10px;
	padding-right: 10px
}

.light_theme #main .footer table .mnogo:before {
	left: 60px
}

@media (max-width:800px) {
	.light_theme #main ol.price_list {
		min-height: 1px
	}

	.light_theme #main .flex_form {
		flex-wrap: wrap
	}

	.light_theme #main .flex_form .forma {
		margin-left: auto;
		margin-right: auto
	}

	#main .master_name {
		font-size: 16px
	}

	#main .master_status {
		font-size: 14px
	}

	#main ol.price_list {
		min-height: 1px
	}

	#main .white_title {
		margin-left: 0
	}

	.light_theme #main .present_block {
		background: #8ace27 !important;
		box-shadow: 0 0 20px 1px #2e8000 !important
	}

	.light_theme .bg_video {
		left: -40%
	}

	.light_theme #nav .logo_text,
	.light_theme #nav .logo_text_2 {
		display: none
	}

	.light_theme #nav .col {
		width: 50%
	}

	.light_theme #s01 .img {
		height: auto
	}

	.light_theme #main .question .img.five:before {
		bottom: -40px
	}

	.light_theme #main .mt-05 {
		margin-right: 170px
	}

	.light_theme #main .price_blocks {
		flex-wrap: wrap
	}

	.light_theme #main .price_blocks .price_block {
		margin-left: auto;
		margin-right: auto
	}

	#main .question .img.five:before {
		bottom: -50px
	}

	.light_theme #main .present_block {
		background: #016bd2 !important;
		box-shadow: 0 0 20px 1px #016bd2 !important
	}

	.light_theme #main .white_title {
		margin-left: 10px;
		font-size: 22px
	}

	.light_theme #main .mt-05 {
		margin-right: 120px
	}

	#main .col_left.presents .form_control {
		width: 190px !important
	}

	#main .col_left.presents .form_control .answer_block {
		font-size: 14px
	}

	#main .form_control .img img {
		height: 100% !important;
		width: 100% !important
	}

	#main .footer {
		padding-left: 10px;
		padding-right: 10px
	}

	#main .change_block {
		padding-left: 25px !important;
		padding-right: 25px !important
	}

	.light_theme #main .phoneImg:before {
		left: -180px !important;
		top: -150px !important
	}

	.light_theme #main .started_col .form_control {
		width: 200px;
		left: -15px
	}

	#s01 .h1 {
		text-align: center
	}

	#s01 .subtitle,
	.light_theme #s01 .hr {
		margin-left: auto;
		margin-right: auto
	}

	#s01 .subtitle {
		text-align: center
	}

	#s01 .numbers {
		justify-content: center
	}

	#s01,
	.light_theme #s01 .sub {
		text-align: center
	}

	.light_theme .rassrochka_block {
		margin-left: auto;
		margin-right: auto
	}

	.light_theme #s01 {
		background: #fff url(../img/mobile.jpg) no-repeat 50% 0/cover
	}

	.light_theme #main .phoneImg:before {
		left: -45px !important;
		top: -130px !important;
		width: 200px !important
	}
}

@media (max-width:420px) {
	.light_theme #s01 {
		background: #fff url(../img/mobile.jpg) no-repeat 50% 0
	}

	.light_theme #main .started_col .form_control {
		left: 0 !important
	}

	#main .change_block {
		padding-left: 5px !important;
		padding-right: 5px !important
	}

	.light_theme #nav .logo_block .img {
		width: 100px
	}

	.light_theme #s01 .sub {
		font-size: 18px
	}

	.light_theme #s01 .sub br {
		display: none
	}

	.light_theme #s01 .sub strong {
		display: block
	}

	.light_theme #s01 .block .number {
		font-size: 25px
	}

	.light_theme .bg_video {
		left: -50%
	}

	.light_theme #main .column .img.high_img {
		height: auto
	}

	.light_theme #main .col_left.presents .form_control.presentBlock {
		order: 4
	}

	.light_theme #nav .logo_block .img {
		margin-left: 0;
		margin-right: 0;
		margin-top: 5px
	}

	.light_theme #nav .contacts {
		float: none;
		margin-top: -10px
	}

	.light_theme #nav .center_col {
		display: none
	}

	.light_theme #nav .wrap {
		padding-bottom: 0
	}

	.light_theme #main .mt-05 {
		margin-right: 0
	}

	.light_theme #main .change_block.white_block {
		padding-left: 5px;
		padding-right: 5px
	}

	.light_theme #main .price_list.fz14 li span:nth-of-type(2),
	.light_theme #main .price_list>li,
	.light_theme #main .price_list>li span {
		font-size: 12px !important
	}

	.light_theme .get {
		font-size: 16px
	}

	.light_theme #main .price_body {
		padding-left: 4px;
		padding-right: 4px
	}

	.light_theme #main .price_list>li span:first-child {
		width: 130px
	}

	.light_theme #main .price_list>li:before {
		top: 9px
	}

	.light_theme #main .price_list>li span:nth-of-type(2) {
		width: 115px
	}

	.light_theme #main .price_list>li.head span:first-child {
		width: 140px
	}

	.light_theme .itogo span:first-child {
		width: 240px
	}

	.light_theme #s01 .block {
		margin-top: 25px;
		padding: 0 4px
	}

	.light_theme #s01 .block .number_text {
		font-size: 12px
	}

	.light_theme #s01 .btn_wrapper:before {
		right: -20px
	}

	.light_theme #s01 .h1 {
		font-size: 24px
	}

	.light_theme #s01 .h1 span {
		display: block
	}

	.light_theme #main .header_title {
		font-size: 16px
	}

	.light_theme .master_text {
		padding-left: 10px;
		padding-right: 10px
	}

	.light_theme #s01 .h1 {
		font-size: 25px
	}

	.light_theme #main .master_information .master_image {
		margin-left: auto;
		margin-right: auto
	}

	.light_theme .new_title {
		font-size: 20px
	}

	.light_theme .new_title br {
		display: none
	}

	.light_theme #main .flex_form .doc_block {
		padding-left: 10px;
		margin-left: auto;
		margin-right: auto;
		width: 300px;
		padding-right: 10px;
		max-width: 100%
	}

	.light_theme #main .flex_form .doc_block:before {
		content: none
	}

	.light_theme #main .flex_form .flex_form_list,
	.light_theme #main .flex_form .flex_form_title {
		margin-left: 0
	}

	.light_theme .know_more {
		margin-top: 15px
	}

	.light_theme .know_more br {
		display: none
	}

	.light_theme #main ol.price_list>li span:first-child {
		width: 100%
	}

	.light_theme #main .master_left {
		margin-right: auto;
		margin-left: auto
	}

	#main .master_name {
		font-size: 20px
	}

	#main .master_status {
		font-size: 16px
	}

	.light_theme #main .header_title br {
		display: none
	}

	#main .header_title small {
		display: inline
	}

	#nav .logo_block .logo {
		justify-content: center
	}

	.light_theme #nav .col.contacts {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px
	}

	#s01 .subtitle {
		font-size: 16px !important;
		width: 130px
	}

	#s01 {
		background: url(../img/bg1.jpg) no-repeat 50% 10%
	}

	.light_theme .rassrochka_block .img {
		width: 150px
	}

	.popup-bg #popup4 {
		width: 300px;
		padding-left: 10px;
		padding-right: 10px
	}

	.popup-bg #popup4 .head {
		font-size: 18px;
		font-size: 16px
	}

	#main .mt-05 {
		margin-top: -10px
	}

	.light_theme #main .inform_block {
		right: -160px;
		left: calc(50% - 45px);
		top: 40px
	}

	.light_theme #main .footer table strong {
		white-space: nowrap
	}

	.light_theme #main .answer_block {
		padding-left: 30px
	}

	.light_theme #main .column {
		width: 40% !important
	}

	.light_theme #main .column.mt-05 {
		width: 60% !important
	}

	.light_theme #main .form_control {
		display: inline-block !important;
		width: auto !important
	}

	.light_theme #main .answer_block {
		padding-right: 5px
	}

	.light_theme #main .form_control {
		min-width: 49%
	}

	.light_theme #main .info_icon {
		right: -25px !important
	}

	#main .change_block {
		padding-left: 4px !important;
		padding-right: 4px !important
	}

	.light_theme #main .change_block[data-step="5"] .info_icon {
		right: 5px !important
	}

	.light_theme #main .presents .info_icon {
		right: 10px !important;
		top: 8px
	}

	#main .col_left.presents .form_control {
		width: calc(50% - 1px) !important
	}

	#main .col_left.presents .form_control .img img {
		width: 100%;
		height: 100% !important
	}

	#main .presents .form_control .img {
		height: 100px !important
	}

	.light_theme #main .col_left.presents .form_control.presentBlock {
		z-index: 1 !important
	}

	.light_theme #main .change_block[data-step="4"] .form_control:first-child {
		z-index: 9999999 !important
	}

	.light_theme #main .change_block[data-step="4"] .form_control:first-child .info_icon {
		right: -15px !important
	}

	.light_theme #main .footer table .mnogo:before {
		left: 25px !important
	}

	.light_theme #main .started_col .form_control.presentBlock {
		width: 210px !important
	}

	.light_theme #main .startedFlex .one_step {
		margin-left: auto;
		margin-right: auto
	}

	.light_theme #main .startedFlex .one_step nobr {
		white-space: normal
	}

	.light_theme #main .startedFlex {
		padding-left: 0
	}

	.light_theme #main .startedFlex .one_step {
		margin-left: -15px
	}

	.light_theme #main .presents .inform_block {
		right: 0 !important;
		left: auto !important;
		top: 45px !important;
		width: 150px
	}

	.light_theme #main .flex_form .col {
		margin-left: 0
	}

	#main .change_block.white_block:not(.nextInQueue) {
		margin-top: -200px
	}

	#main .change_block[data-step="4"] .mt-05.column~.column,
	#main .change_block[data-step="5"] .mt-05.column~.column {
		margin-top: 40px
	}

	.light_theme #main .change_block[data-step="4"] .form_control:first-child .info_icon {
		right: -25px !important
	}

	.light_theme #main .change_block[data-step="5"] .form_control:first-child .info_icon {
		right: -15px !important
	}

	.light_theme #main .answer_block label {
		padding-left: 0
	}

	#main .startedFlex .started_col:first-child {
		padding-left: 30px !important
	}

	#nav .logo_block {
		width: 40% !important
	}

	.light_theme #nav .logo_block .img {
		width: 50px
	}

	.light_theme #nav .logo_t {
		font-size: 10px;
		margin-left: 4px
	}

	#nav .wrap {
		padding-left: 10px;
		padding-right: 10px
	}

	#nav .logo_block .logo {
		position: relative;
		left: 10px
	}

	#s01 .subtitle {
		width: 100%
	}

	.light_theme #nav .col.contacts {
		width: 60%;
		margin-left: 0;
		margin-right: 0
	}

	.light_theme #s01 {
		background: #fff url(../img/mobile.jpg) no-repeat 20% -80px
	}

	#s01 .numbers {
		margin-top: 40px
	}

	.light_theme #main .change_block[data-step="1"] .form_control:first-of-type,
	.light_theme #main .change_block[data-step="1"] .form_control:nth-of-type(2) {
		max-width: 49%
	}

	.light_theme #main .flex_form .flex_form_list,
	.light_theme #main .flex_form .flex_form_title {
		margin-left: 10px !important
	}

	.light_theme #main .flex_form .flex_form_title br {
		display: none
	}

	#main .change_block.white_block:not(.nextInQueue) {
		margin-top: -200px !important
	}

	.light_theme #main .footer {
		padding-left: 5px !important;
		padding-right: 5px !important
	}
}

@media (max-width:320px) {
	.light_theme .rassrochka_block a {
		font-size: 16px
	}

	.light_theme #s01 .h1 {
		font-size: 20px
	}

	.light_theme #s01 .block .number {
		font-size: 22px;
		margin-top: 20px
	}

	.light_theme #s01 .sub {
		font-size: 15px
	}

	.light_theme #main .change_block[data-step="5"] .form_control:first-child .info_icon {
		right: -5px !important
	}

	.light_theme #main .change_block[data-step="4"] .form_control:first-child .info_icon {
		right: -15px !important
	}

	.light_theme #nav .logo_block .img {
		font-size: 40px
	}

	.light_theme #nav .logo_t {
		font-size: 8px
	}

	#nav .wrap {
		padding-left: 2px;
		padding-right: 2px
	}

	#s01 .subtitle {
		font-size: 19px !important;
		width: 130px
	}

	#nav .logo_block .logo {
		position: relative;
		left: 5px
	}

	#s01 .subtitle {
		width: 100% !important
	}

	#s01 .numbers {
		margin-top: 20px
	}
}

#home_2 .home_slider.pc {
	display: block !important
}

#home_2 .home_slider.mob {
	display: none !important
}

@media (max-width:900px) {
	#home_2 .home_slider {
		width: 700px
	}

	#home_2 .slick-slide img {
		height: 350px
	}

	.h2 {
		font-size: 26px
	}

	.h2 small {
		font-size: 20px
	}
}

@media (max-width:800px) {
	.wrap {
		max-width: 640px;
		padding-left: 5px;
		padding-right: 5px
	}

	#nav .logo_text {
		font-size: 14px
	}

	.popup-bg #popup2 .content .img {
		display: none
	}

	#home_2 .slick-next,
	#home_2 .slick-prev {
		top: calc(100% + 50px)
	}

	#home_2 .slick-next {
		right: 50px
	}

	#home_2 .slick-prev {
		left: 50px
	}

	.h2 br {
		display: none
	}

	#home_3 .services {
		flex-wrap: wrap;
		justify-content: space-around;
		margin-bottom: 80px
	}

	#home_3 .block {
		margin-bottom: 30px
	}

	#home_3 .block:last-child {
		margin-bottom: 0
	}

	#home_3 .sertificates .img {
		margin-left: auto;
		margin-right: auto
	}

	#home_3 .sertificates {
		width: 550px
	}

	#home_3 .slick-prev {
		left: -20px
	}

	#home_3 .slick-next {
		right: -20px
	}

	#home_3:before {
		width: 120%;
		transform: rotate(6deg);
		left: -15%
	}

	#home_4 .reviews {
		justify-content: space-around
	}

	#home_4 .review {
		margin-bottom: 30px
	}

	#home_4 .review:last-child {
		margin-bottom: 0
	}

	#home_5 .contacts_flex {
		width: 100%;
		flex-wrap: wrap
	}

	#home_5 .contacts_flex .map {
		margin-left: 0;
		margin-top: 30px
	}

	.banner_wrap .wrap .img {
		display: none
	}

	.banner_wrap .permanent_close {
		margin-top: 51px
	}

	#main .change_block.nextInQueue,
	#main .header,
	#main .quiz {
		width: 640px
	}

	#main .header {
		padding-top: 25px
	}

	#main .header_title {
		font-size: 21px
	}

	#main .header_title small {
		font-size: 16px
	}

	#main .wrap {
		padding-left: 0;
		padding-right: 0
	}

	#main .question strong {
		margin-top: 0;
		font-size: 20px
	}

	#main .change_block.nextInQueue {
		left: calc(50% - 320px)
	}

	#main .change_block {
		padding-left: 20px;
		padding-right: 20px
	}

	#main .col_right {
		position: absolute;
		top: 100%;
		width: 600px
	}

	#main .wrap {
		padding-bottom: 300px
	}

	#main .change_block.nextInQueue {
		top: calc(100% + 180px)
	}

	#main .present_block img {
		display: none
	}

	#main .present_block {
		box-shadow: 0 0 20px 1px #003480;
		border-radius: 5px;
		background-color: #00bff3;
		padding: 20px;
		margin-top: 25px
	}

	#main .present_block p {
		position: relative;
		top: 0;
		font-size: 26px
	}

	#main .change_block {
		padding-left: 5px;
		padding-right: 5px
	}

	#main .col_left {
		width: 100%;
		justify-content: space-around
	}

	#main .col_right {
		left: calc(50% - 300px)
	}

	#main .phoneImg:before {
		content: none
	}

	#main .col_left.presents .form_control {
		width: 200px
	}

	#main .startedFlex .started_col:first-child {
		padding-left: 0
	}

	#main .white_title {
		font-size: 22px;
		margin-left: 20px
	}

	#main .price_blocks .price_block {
		width: 300px
	}

	#main .price_body {
		padding-left: 5px;
		padding-right: 5px
	}

	#main .price_list>li span:first-child {
		width: 150px
	}

	#main .price_list ol li span:first-child {
		width: 140px;
		margin-right: 0
	}

	#main .price_list>li {
		font-size: 14px
	}

	#main .price_list>li span:last-child {
		font-size: 16px
	}

	#main .price_list>li span:first-child {
		margin-right: 0
	}

	.home_slider .slick-dots li {
		margin: 0 15px
	}

	.home_slider .slick-dots {
		bottom: -63px
	}

	.home_slider .slick-dots li button:before {
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background: #000;
		content: ""
	}

	.home_slider .slick-dots li.slick-active button:before {
		background: #fdc628
	}

	#main .col_left {
		justify-content: flex-start
	}

	#main .form_control {
		margin-right: 3px
	}

	#main .startedFlex {
		padding-left: 20px
	}

	#main .startedFlex .started_col:last-child {
		margin-left: 20px
	}

	#main .buttons {
		padding-right: 0
	}

	#main .phoneImg:before {
		left: -50px;
		top: -50px;
		width: 180px;
		height: 301px;
		content: ""
	}

	#main .startedFlex {
		position: relative;
		z-index: 99
	}

	#home_2 .goToQuiz {
		font-size: 12px;
		width: 320px;
		max-width: 100%
	}
}

@media (max-width:480px) {
	#home_2 .home_slider.pc {
		display: none !important
	}

	#home_2 .home_slider.mob {
		display: block !important
	}

	#main .phoneImg:before {
		content: none
	}

	#main .form_control {
		margin-right: auto
	}

	.wrap {
		max-width: 360px;
		padding-left: 5px;
		padding-right: 5px
	}

	.popup-bg #popup2 {
		display: none !important
	}

	body.home #s01 {
		background: url(../img/mob_bg.jpg) no-repeat 50% -300px
	}

	#nav .wrap {
		flex-wrap: wrap
	}

	#s01 {
		padding-top: 0
	}

	#nav .logo_block {
		flex-wrap: wrap
	}

	#nav .logo_block .logo {
		width: 100%
	}

	#nav .logo_block .img {
		margin: -10px auto 15px
	}

	#nav .logo_text {
		font-size: 12px;
		margin-left: 0;
		font-family: Helvetica;
		width: 150px
	}

	#nav .logo_text br {
		display: none
	}

	#nav .contacts {
		margin-top: -50px;
		float: right;
		width: 100%
	}

	#nav .phone {
		font-size: 16px
	}

	#nav .online {
		font-size: 14px
	}

	#s01 .h1 {
		font-size: 29px
	}

	#s01 .h1 br {
		display: none
	}

	#s01 .subtitle {
		font-size: 19px
	}

	#s01 .block .number_text {
		font-size: 14px
	}

	#s01 .block {
		margin-top: 15px
	}

	#s01 .sub {
		font-size: 18px;
		margin-top: 30px
	}

	#s01 .btn {
		margin-left: 0;
		max-width: 300px;
		font-size: 14px
	}

	#s01 .btn:before {
		top: 18px;
		left: -10px;
		width: 70px;
		height: 51px
	}

	.home #s01 {
		padding-bottom: 250px
	}

	.h2 small {
		font-size: 16px
	}

	.h2 {
		font-size: 22px
	}

	#home_2 .hr {
		margin-top: 20px;
		margin-bottom: 15px
	}

	#home_2 .title {
		font-size: 20px
	}

	#home_2 .slider_footer {
		flex-wrap: wrap;
		padding-left: 5px;
		padding-right: 5px
	}

	#home_2 .goToQuiz {
		font-size: 11px;
		margin-top: 20px
	}

	#home_3 .h2.white {
		font-size: 20px
	}

	.banner_wrap {
		display: none !important
	}

	#home_3 .logos .logo {
		width: 49% !important
	}

	#home_3 .logos {
		justify-content: space-around
	}

	#home_4 .review {
		width: 147px;
		height: 147px
	}

	#home_4 .review br {
		display: none
	}

	#home_4 .review:last-child {
		padding: 20px
	}

	body.open_banner {
		padding-bottom: 0 !important
	}

	#home_5 {
		padding-bottom: 0
	}

	#home_5 .dev .copy {
		margin-bottom: 15px
	}

	#home_5 .dev {
		font-size: 14px
	}

	#home_5:before {
		top: 270px;
		left: -20%;
		width: 140%
	}

	#home_4 .review {
		margin-bottom: 20px
	}

	#home_3 {
		background: url(../img/mob_bg2.jpg) no-repeat 50% 370px
	}

	.twentytwenty-container img {
		position: relative;
		height: 140px !important
	}

	#home_3 .sertificates .img a {
		position: relative;
		display: block
	}

	#home_3 .sertificates .img a:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		background: url(../img/zoom.png) no-repeat 50% 50%/cover;
		width: 36px;
		height: 36px
	}

	.popup-bg #popup1,
	.popup-bg #popup3 {
		padding: 40px 5px;
		max-width: 100%
	}

	#main {
		margin-top: -40px
	}

	#main .change_block.nextInQueue,
	#main .header,
	#main .quiz {
		width: 320px
	}

	#main .header {
		padding-left: 5px;
		padding-right: 5px
	}

	#main .question strong {
		font-size: 16px
	}

	#main .question {
		font-size: 14px
	}

	#main .question .img {
		width: 50px
	}

	#main .question .img:before {
		bottom: -43px
	}

	#main .question .img {
		margin-right: 10px
	}

	#main .form_control .img {
		height: 90px
	}

	#main .answer_block {
		font-size: 12px
	}

	#main .answer_block br {
		display: none
	}

	#main .answer_block {
		padding-left: 30px
	}

	#main .questions_block {
		margin-top: 10px
	}

	#main .answer_block {
		padding-right: 2px
	}

	#main .form_control {
		width: 148px
	}

	#main .buttons .goNext {
		margin-right: 0
	}

	#main .question .img {
		width: 40px
	}

	#main .question .img:before {
		bottom: -30px
	}

	#main .buttons {
		padding-right: 0
	}

	#main .fake_checkbox {
		width: 25px
	}

	#main .change_block.nextInQueue,
	#main .col_right {
		width: 360px;
		left: calc(50% - 180px)
	}

	#main .present_block p {
		font-size: 20px
	}

	#main .present_block {
		padding-left: 5px;
		padding-right: 5px
	}

	#main .textarea_block textarea {
		padding-left: 28px;
		font-size: 14px
	}

	#main .change_block.nextInQueue,
	#main .header,
	#main .quiz {
		width: 360px;
		max-width: 100%
	}

	#main .dev {
		width: 100%;
		text-align: center;
		justify-content: center;
		flex-wrap: wrap
	}

	#main .dev a {
		text-align: center;
		margin-top: 20px
	}

	#main .form_control {
		width: calc(50% - 2px)
	}

	#main .form_control .img {
		height: 105px
	}

	#main .buttons .goBack,
	#main .buttons .goNext {
		font-size: 14px
	}

	#main .question .img:before {
		bottom: -50px
	}

	#main .question .img {
		height: 55px
	}

	#main .question .img.three:before {
		width: 38px;
		bottom: -52px
	}

	#main .mt-05 {
		margin-top: 15px
	}

	#main .inform_block {
		left: calc(50% - 90px)
	}

	#main .inform_block:before {
		left: auto;
		right: 35px
	}

	#main .slick-next {
		right: 0
	}

	#main .slick-prev {
		left: 0
	}

	#main .slick-next,
	#main .slick-prev {
		top: 60%
	}

	#main .fake_radio {
		width: 25px
	}

	#main .dev {
		margin-top: 30px;
		font-size: 14px
	}

	#main .col_left.presents .form_control {
		width: calc(50% - 1px)
	}

	#main .footer {
		padding-left: 5px;
		padding-right: 5px
	}

	#main .startedFlex {
		flex-wrap: wrap
	}

	#main .mt-05.column,
	#main .mt-05.column~.column {
		width: 50%
	}

	#main .mt-05.column input {
		max-width: 90%
	}

	#main .mt-05.column~.column {
		margin-top: 25px
	}

	#main .info_icon {
		width: 25px;
		height: 25px
	}

	#main .started_col .form_control.presentBlock {
		width: 180px;
		margin-left: auto;
		margin-right: auto
	}

	#main .started_col .form_control.presentBlock .img {
		height: 110px
	}

	#main .started_col {
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}

	#main .startedFlex .started_col:last-child {
		margin-left: auto;
		margin-top: 50px;
		order: 1;
		margin-right: auto;
		text-align: center
	}

	#main .startedFlex .started_col:first-child {
		order: 2
	}

	#main .started_title {
		font-size: 20px;
		margin-top: 35px
	}

	#main .footer table td:nth-of-type(2) {
		padding-left: 20px
	}

	#main .footer table .mnogo:before {
		left: 5px
	}

	#main .presents .form_control .img {
		height: 120px
	}

	#main .startedFlex .started_col:last-child {
		margin-top: 20px
	}

	#main .phoneImg {
		flex-wrap: wrap;
		justify-content: center
	}

	#main .white_title {
		font-size: 20px
	}

	#main .getResultBtn {
		margin-left: auto;
		margin-right: auto
	}

	#main .master_information {
		flex-wrap: wrap
	}

	#main .master_left {
		margin-bottom: 30px;
		margin-right: auto;
		margin-left: auto
	}

	#main .master_list li {
		margin-top: 10px
	}

	#main .master_list {
		font-size: 14px
	}

	#main .master_bold {
		margin-top: 10px
	}

	#main .for_calc {
		font-size: 16px
	}

	#main .for_calc br {
		display: none
	}

	#main .check_data {
		font-size: 14px
	}

	#main .check_data br {
		display: none
	}

	#main .goToMain {
		max-width: 100%;
		font-size: 16px
	}

	#main .check_data span:before {
		content: none
	}

	#main .price_blocks {
		flex-wrap: wrap
	}

	#main .price_blocks .price_block {
		margin-left: auto;
		margin-right: auto
	}

	#main .presents .form_control .img {
		height: 130px
	}

	#main .change_block.white_block:not(.nextInQueue) {
		top: 0 !important;
		border-radius: 10px
	}

	.popup-bg #popup1 .head,
	.popup-bg #popup3 .head {
		font-size: 18px
	}

	.popup-bg #popup1 .head br,
	.popup-bg #popup3 .head br {
		display: none
	}

	#main .header {
		margin-bottom: -150px
	}

	#main .question br {
		display: none
	}

	#main .question .img.five:before {
		width: 40px
	}

	#main .question .img.six:before {
		width: 38px;
		left: 0
	}

	.twentytwenty-container:after,
	.twentytwenty-container:before {
		content: "До";
		position: absolute;
		width: 85px;
		height: 30px;
		border-radius: 3px;
		background-color: hsla(0, 0%, 100%, .66);
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		align-content: center;
		color: #000;
		font-size: 18px;
		z-index: 999;
		left: 8px;
		justify-content: center
	}

	.twentytwenty-container:before {
		top: 100px
	}

	.twentytwenty-container:after {
		top: 240px;
		content: "После"
	}

	#main .footer table .malo:before,
	#main .footer table .mnogo:before {
		left: 5px
	}

	#main .startedFlex .one_step {
		margin-left: 0;
		margin-left: -30px;
		width: 240px
	}

	#main .mt-05 .form_control {
		width: 90%
	}

	#main .answer_block {
		position: relative;
		z-index: 99
	}

	#main .form_control .img img {
		height: 105%
	}

	#main .info_parent {
		z-index: 99999
	}

	#s01 .btn {
		margin-left: auto;
		margin-right: auto
	}

	#s01 .sub {
		text-align: center
	}

	#s01 .btn_wrapper {
		display: block
	}

	#s01 .btn_wrapper:before {
		right: 0;
		top: -65px
	}

	.home_slider .slick-dots li {
		margin: 0 5px
	}

	#home_3 .h2 small {
		font-size: 13px
	}

	#home_3 .slick-next {
		right: 20px
	}

	#home_3 .slick-prev {
		left: 20px
	}

	#main .question {
		padding-left: 10px
	}

	#main .startedFlex {
		padding-left: 20px
	}

	#home_2 .slick-next {
		right: 10px
	}

	#home_2 .slick-prev {
		left: 10px
	}

	.home_slider .slick-dots {
		bottom: -95px;
		width: 70%;
		left: 15%
	}

	#main .change_block.white_block:not(.nextInQueue) {
		margin-top: -250px
	}

	.error {
		left: auto;
		right: 0
	}

	.buttons.phoneImg .error {
		left: 0;
		width: 100%;
		text-align: center
	}

	#main .buttons.phoneImg {
		margin-top: 20px
	}
}

@media (max-width:320px) {
	.wrap {
		max-width: 300px;
		padding-left: 0;
		padding-right: 0
	}

	#main .change_block.nextInQueue,
	#main .col_right {
		width: 320px;
		left: calc(50% - 160px)
	}

	#main .form_control .img {
		height: 90px
	}

	#main .header_title small {
		font-size: 15px
	}

	#home_3 .slick-next {
		right: 0
	}

	#home_3 .slick-prev {
		left: 0
	}
}

#main .column .img.high_img.nalog:before {
	content: "" !important;
	position: absolute;
	left: calc(50% - 77px);
	bottom: -4px;
	background: url(../img/nalog.png) no-repeat 50% 50%/cover;
	width: 158px;
	height: 68px
}


#main .getResultBtn-type-new {
	color: #000;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	width: 273px;
	max-width: 100%;
	height: 66px;
	border-radius: 33px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	margin: 5px;
	border-radius: 40px !important;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #fee410;
	border: 1px solid #fed21e;
	background: #111f3f;
	position: relative;
	z-index: 9
}

#main .getResultBtn-type-new:before {
	content: "";
	position: absolute;
	width: 224px;
	height: 19px;
	background-image: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0));
	opacity: .15;
	bottom: -17px;
	left: calc(50% - 112px)
}

#main .getResultBtn-type-new.active:not([disabled=disabled]),
#main .getResultBtn-type-new:hover:not([disabled=disabled]) {
	box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
	border: 1px solid #fed21e;
	background-color: #ffee3e;
	color: #000
}

#main .getResultBtn-type-new:active:not([disabled=disabled]) {
	box-shadow: inset 1px 4px 5px rgba(198, 131, 25, .91);
	border-radius: 27px;
	background-color: #fff200;
	background-image: linear-gradient(0deg, #fff600 0, #fdc42a);
	color: #000
}

#main .getResultBtn-type-new:not([disabled=disabled]) {
	box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
	border: 1px solid #fed21e;
	background-color: #ffe90b;
	color: #000
}

#main .getResultBtn-type-new:not([disabled=disabled]) img {
	filter: brightness(0)
}

.light_theme #main .getResultBtn-type-new {
	background: #fff
}

.light_theme #main .getResultBtn-type-new:not([disabled=disabled]) {
	box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .35);
	border: 1px solid #fed21e;
	background-color: #ffee3e;
	color: #000
}

.popupBlock-type-standart {
	max-width: 100%;
	border-radius: 10px;
	border: 2px solid #fff;
	background-color: #fff;
	padding: 60px 55px 75px 25px;
	text-align: left
}

.popupBlock__shell {
	background-image: url(../img/logo.png);
	max-width: 530px;
	padding-left: 90px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 80px
}

.light_theme .rassrochka_block {
	width: auto
}

.rassrochka_block .text_block {
	min-width: 150px;
	margin-right: 13px
}

.rassrochka_block .img {
	margin-right: 20px
}

.light_theme .rassrochka_block {
	align-items: center
}

.goods-type-standart {
	display: flex;
	flex-wrap: wrap;
	transform: translate(0, -30px);
	justify-content: center;
	display: flex;
	background: rgba(255, 255, 255, 52%);
	box-shadow: 0 0 25px 20px rgb(255 255 255 / 52%);
}

.goods__prolog {
	text-align: center;
	max-width: 430px;
	margin: 0 auto;
	font-size: 21px;
	padding-bottom: 17px
}

.goods__prolog strong {
	display: block
}

.goods__cell {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 220px;
	border-radius: 6px;
	padding: 4px;
	font-size: 14px;
	font-weight: 700;
	color: #016bd2;
	margin: 0 10px;
	box-shadow: 0 0 0 2px, 0 0 15px 1px rgba(1, 107, 210, 25%)
}

.goods__img {
	max-width: 110px;
	border-radius: 4px;
	margin-right: 10px
}

.popupBlock-type-standart {
	display: none
}

#s01 {
	background: url(../img/bg1.jpg) no-repeat 50% 0%/auto 940px
}


@media (max-width:1024px) {
	.goods__img {
		max-width: 80px
	}

	.goods__cell {
		max-width: 180px
	}
}





@media (max-width:800px) {
	.light_theme .rassrochka_block {
		flex-wrap: wrap
	}

	.goods-type-standart {
		transform: translate(0, 0);
		padding-top: 30px
	}

	.goods__prolog {
		max-width: 100%;
		width: 100%;
	}
}




@media (max-width:480px) {
	#main .getResultBtn-type-new {
		margin-left: auto;
		margin-right: auto
	}

	.goods__cell {
		max-width: 290px;
		text-align: left;
		font-size: 16px;
		margin-bottom: 20px
	}

	.goods__img {
		max-width: 130px
	}

	.goods-type-standart {
		margin-bottom: 20px
	}
}

#recaptcha1,
#recaptcha2 {
    padding: 15px 0;
}
.recaptcha-error1,
.recaptcha-error2 {
    font-size: 13px;
    color: red;
    width: 100%;
}