@charset "utf-8";
/*css-reset*/
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
}
main,article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote::after,blockquote::before,q::after,q::before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}


@keyframes blinkcursor{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes blinkcursor{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes blinkcursor{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-ms-keyframes blinkcursor{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-o-keyframes blinkcursor{0%{opacity:1}50%{opacity:0}100%{opacity:1}}


@font-face{
	font-family:'Futura Bold';
	src:url('../fonts/FuturaPTBold.eot');
	src:url('../fonts/FuturaPTBold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/FuturaPTBold.woff') format('woff'),
	url('../fonts/FuturaPTBold.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'Futura Book';
	src:url('../fonts/FuturaPTBook.eot');
	src:url('../fonts/FuturaPTBook.eot?#iefix') format('embedded-opentype'),
	url('../fonts/FuturaPTBook.woff') format('woff'),
	url('../fonts/FuturaPTBook.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'AvenirNextCyr';
	src:url('../fonts/AvenirNextCyr-Regular.eot');
	src:url('../fonts/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/AvenirNextCyr-Regular.woff') format('woff'),
	url('../fonts/AvenirNextCyr-Regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'AvenirNextCyr-Demi';
	src:url('../fonts/AvenirNextCyr-Demi.eot');
	src:url('../fonts/AvenirNextCyr-Demi.eot?#iefix') format('embedded-opentype'),
	url('../fonts/AvenirNextCyr-Demi.woff') format('woff'),
	url('../fonts/AvenirNextCyr-Demi.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

html{height:100%}
body{
	height:100%;
	background: #f4f7fb;
	font: 16px/1 'AvenirNextCyr';
	font-family: 'AvenirNextCyr', -apple-system, BlinkMacSystemFont, "segoe ui", "helvetica neue", helvetica, ubuntu, roboto, noto, arial, sans-serif;
	color:#3b4256;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-font-feature-settings:"liga" on;
	overflow-x: hidden;
}
.footer-link {
	display: inline-block;
	margin: 0 24px 8px 0;
	white-space: nowrap;
	color: #00e;
	cursor: pointer;
}
strong, .strong {
	font-weight: 600;
	color: #202020;
}
header {
	background: #478ef3;
	background:linear-gradient(348deg, rgba(66, 141, 240, 0.4), #3388e9 80%, #5191f8);
	color: #f4f7fb;
	position: relative;
	overflow: hidden;
	margin-bottom: 64px;
	padding-bottom: 64px;
}
header::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url('../images/autobg.png') no-repeat top 240px right -64px;
	z-index: 2;
	margin: 0 auto;
	opacity: .9;
	max-width: 1624px;
	min-width: 1280px;
}
.bg-lines::after {
	content: '';
	background: url('../images/svg/bglines.svg') repeat-x;
	margin-top: -64px;
	width: 100%;
	height: 205px;
	display: block;
	z-index: 1;
}
.wrapper {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 64px 64px 64px;
  position: relative;
  z-index: 10;
}
.center {text-align: center;}
.margin-center {
	margin: 0 auto;
}
.clearfix::after,
.wrapper::after {
	content: '';
	display: table;
	clear: both;
}

.text {
	max-width: 620px;
	position: relative;
}
.text:last-of-type,
p:last-of-type {margin-bottom:0;}
.small-text {
	font-size: 19px;
	line-height: 27px;
	margin-bottom: 24px;
}
.text-w-margin {margin-bottom: 32px !important;}

.text strong {
	display: block;
	font-size: 24px;
	font-family: 'Futura Book';
	margin-top: 16px;
	position: relative;
}

ul.custom-list {
	list-style: inside square;
}

.ink {color:#3b4256;} /*цвет заголовка на светлом фоне*/
.ivory{color:#f4f7fb;} /*цвет заголовка на темном фоне*/

/*Цвета для подсказок и лидов*/
.grey{color:#747e89;} /*цвет подсказки на светлом фоне*/
.silver{color:#d9dee1;} /*цвет подсказки на темном фоне*/

h1 {
	font-family: 'Futura Book';
	font-weight: 400;
	font-size: 56px;
	line-height: 64px;
	margin-bottom: 16px;
	color: #f7f7f7;
}

h2 {
	font-family: 'Futura Book';
	font-size: 48px;
	line-height: 56px;
	margin-bottom: 48px;
	color: #202020;
}
h2[data-tag]::before{
	content: attr(data-tag);
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 24px;
	margin-bottom: 16px;
	letter-spacing: 1px;
	color: #0663cd;
}

h3, .h3, p {
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 56px;
}

header p {
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 64px !important;
}

h3, .h3 {
	font-family: 'AvenirNextCyr-Demi';
	font-family: 'Futura Book';
	color: #202020;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 32px;
}

.btn {
	font-family: 'AvenirNextCyr';
	display: inline-block;
	height: 64px;
	line-height: 60px;
	font-size: 19px;
	border: 2px solid #0663cd;
	outline: 0;
	border-radius: 32px;
	padding: 0 32px;
	font-weight: 600;
	text-align: center;
	color: #00e;
	background: transparent;
	cursor: pointer;
	margin: 64px 0 0;
	overflow: hidden;
	/*-webkit-transition-property: 0.4s ease-in;*/
	/*transition-property: 0.4s  ease-in;*/
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
	transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.btn + .btn {margin: 16px 0 0;}
.btn + .btn.margin-l {margin-left: 16px;}
.blue-btn {
	color: #fff;
	background-color: #0663cd;
	border: 0;
	line-height: 64px;
}
.btn:active {}
.btn:hover {box-shadow: 0 0 30px 0 rgba(7, 111, 230, 0.6);}
.blue-btn:hover {background-color: #0e7bf8;}
header .btn {
	font-family:'AvenirNextCyr-Demi';
	font-size: 21px;
	line-height: 64px;
	background-color: #ffd42e;
	border: 0;
	line-height:64px;
	color: #202020;
	margin: 0 16px 0 0;
	box-shadow: 0px 8px 8px #555;
	-webkit-transition: none;
	transition: none;
}
header .btn:hover {background-color: #ffdb51;box-shadow: 0px 8px 8px #555;}
header .btn:active {box-shadow: 0px 2px 2px #555;margin: 2px 16px -2px 0;}



/*Figure*/
figcaption {padding: 16px;line-height:1.5;}

/*Logo*/
.logo {
	font-family: 'Futura Book';
	font-size: 24px;
	line-height: 32px;
}
.logo-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 0 8px;
	cursor: pointer;
	z-index: 100;
}
.logo-icon::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #df2e1b;
	background: #e64c3d;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 2px 16% 20% 2px;
}
.logo-icon::after {
	content: '';
	display: block;
	width: 50%;
	height: 50%;
	position: absolute;
	top: -8%;
	left: -8%;
	border-radius: 50%;
	background: #ffd700;
}
.logo-title {
	display: inline-block;
	margin-left: 16px;
}
header .logo {margin-bottom: 112px;}

/*Phone*/
a.tel {color: #202020;}
header a.tel {font-weight: 600;font-size:56px;line-height:64px;color:#ffd42e;position: absolute;}

a.email {color: #00e;}

/*Интерактивный текст*/
.profit {
	margin-bottom: 32px;
	font-size:56px;
	line-height:64px;
	white-space: nowrap;
	overflow: hidden;
}
.profit::before {content: attr(data-content);font-family: 'Futura Bold';color: #ffd42e;}
.profit[data-content]::after {
	content: '|';
	font-weight: 100;
	-webkit-animation: blinkcursor .7s infinite;
	-moz-animation: blinkcursor .7s infinite;
	-o-animation: blinkcursor .7s infinite;
	animation: blinkcursor .7s infinite;
	color: #ffd42e;
}
.profit[data-content] li {display:none;}

/*Навигация*/
header .wrapper:first-of-type {
	z-index: 30;
}
header .wrapper:last-of-type {
	height: 218px;
	z-index: 20;
}

header .wrapper:only-of-type {
	padding-bottom: 0 !important;
}
header.sticky .wrapper:only-of-type .logo-icon {
	position: relative;
	top: 0;
	opacity: 1;
	}

nav {
	text-align: center;
	position: relative;
	z-index: 10;
	white-space: nowrap;
}
nav a {
	display: inline-block;
	height: 88px;
	font-family:'AvenirNextCyr-Demi';
	color: #f4f7fb;
	font-size: 18px;
	line-height: 1;
	width: 25%;
}
nav a::before {
	content: '';
	display: block;
	width: 56px;
	height: 56px;
	background: no-repeat center;
	background-size: 80%;
	transition: 0.4s all ease;
	margin: 0 auto 16px;
}
nav a:hover::before {
	background-size: 100%;
}
nav .features::before{
	background-image:url('../images/svg/features.svg');
}
nav .price::before{
	background-image:url('../images/svg/price.svg');
}
nav .testimonials::before{
	background-image:url('../images/svg/testimonials.svg');
}
nav .contacts::before{
	background-image:url('../images/svg/contacts.svg');
}
nav a.tel {
	display: none;
	line-height: 32px;
	height: 29px;
	right: 0;
	top: 4px;
	color: #00e;
	font-size: 24px;
	font-family: 'Futura Book';
	background: url('../images/svg/phone.svg') no-repeat center left;
	background-size: auto auto;
	background-size: 24px;
	padding-left: 40px;
}

.sticky .fixed {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	background: #fff;
	display: block;
	height: 40px;
	width: 100%;
	box-shadow: 0 -2px 6px #888;
}
.sticky .fixed nav {
	max-width: 1160px;
	padding: 0 64px;
	margin: 0 auto;
	position: relative;
	line-height: 40px;
	text-align: left;
}
.sticky .fixed a {
	width: auto;
	height: 29px;
	color: #202020;
	margin-right: 24px;
	font-size: 16px;
	font-family: 'AvenirNextCyr';
}
.sticky .fixed a:first-of-type {
	margin-left: 80px;
}
.sticky .fixed a:last-of-type {
	margin: 0;
}
.sticky .fixed a::before {
	display: none;
}
.sticky .fixed a:hover {
	text-decoration: underline;
}
.sticky .fixed a.active {
	font-weight: 600;
	font-size: 19px;
	text-decoration: none !important;
}
.sticky .fixed nav .tel {
	display:block;
	padding: 0 64px 0 40px;
}

.sticky .logo-icon {
	position: fixed;
	top: 8px;
	opacity: .4;
}
.logo-icon:hover {
	opacity: 1;
	cursor: pointer;
}

/*Material*/
.material li {
	position: relative;
	line-height: 1.2;
	display: inline-block;
	text-align: center;
	margin: 40px 0 0 56px;
}
.material li:first-of-type {
	margin-left: 0;
}
.material li::before {
	content: '';
	height: 80px;
	width: 80px;
	border-radius: 50%;
	background-size: cover;
	margin: 0 auto 16px;
	display: block;
}
.material li span {
	display: block;
	vertical-align: middle;
	margin-bottom: 0;
}
.material li .btn::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.metal::before {
	background: silver;
	background: linear-gradient(to right bottom, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);
}
.ceramic::before {
	background-color: #eae4d4;
}
.DPF::before {
	height: 62px;
	width: 62px;
	border: 1px solid #d9dee1;
	background: #fff url('../images/svg/dpf.svg');
}

.flex-img img {
	object-fit: cover;
	width: 100%;
}
@supports not (object-fit) {
	.flex-img img {height: 100%;}
	.float-r .btn + .btn {margin-bottom: 24px;}
}

.layers {position:relative;}
.img-w-shadow img {
	border-radius: 16px;
	box-shadow: 0 20px 80px 0 #ddd;
	box-shadow: 0 20px 80px 0 rgba(0, 0, 0, 0.2);
}

@supports not (flex) {
	.layers img  {
		opacity: .8;
		position: absolute;
		right: 0;
		border-radius: 16px;
		z-index: 4;
		box-shadow: 0 20px 80px 0 rgba(0, 0, 0, 0.1);
		height: 100%;
	}

	.underlayer {
		position: absolute;
		background-color: #f4f7fb;
		border-radius: 16px;
		width: 100%;
		height: 100%;
		right: 0px;
	}
	.underlayer:nth-of-type(1) {
		z-index: 3;
		bottom: 0;
		right: 0;
		box-shadow: 0 0 200px 0 rgba(0, 0, 0, 0.15);
	}
	.underlayer:nth-of-type(2) {
		z-index: 2;
		bottom: -24px;
		right: 24px;
		box-shadow: 0 20px 80px 0 rgba(0, 0, 0, 0.2);
	}
	.underlayer:nth-of-type(3) {
		z-index: 1;
		bottom: -48px;
		right: 48px;
		box-shadow: 0 20px 80px 0 rgba(0, 0, 0, 0.25);
	}

}
/*MAP*/
.preview {
	position: absolute;
	padding: 16px;
	z-index: 10;
	cursor: pointer;
	width: 104px;
	border-radius: 16px 0 0 16px;
}
.preview .flex-img {
	height: 50px;
	margin-bottom: 16px;
}
.preview .flex-img:last-of-type {
	margin: 0;
}
.preview .flex-img img {
	box-shadow: 0 3px 12px rgba(0,0,0,.1);
	border-radius: 8px;
}
.preview .active img,
.preview .flex-img:hover img {
	border: 2px solid #00e;
}
.preview .active img {
	cursor: default;
}
.fullscreen {
	position: relative;
}
.zoom .fullscreen {
	cursor: pointer;
}
.zoom .fullscreen::after {
	content: '';
	position: absolute;
	right: 16px;
	top: 16px;
	background: url('../images/svg/fullscreen.svg') no-repeat center;
	width: 48px;
	height: 48px;
	transition: .4s ease;
}
.zoom .fullscreen:hover::after {
	width: 56px;
	height: 56px;
	transform: rotate(90deg);
}

/*Workers*/
.workers-annotation {
	margin: 0 auto 32px !important;
	position: relative;
}
.workers {
	margin: 0 auto;
	text-align: center;
}
.worker {
	display: inline-block;
	margin: 0 32px 32px;
}
.worker-photo {
	border-radius: 50%;
	margin: 0 auto 16px;
	overflow: hidden;
	width: 200px;
	height: 200px;
}
.worker-name {
	font-family: 'Futura Book';
	font-size: 21px;
	white-space: nowrap;
}
.worker-position {
	margin-top: 4px;
	color: #747e89;
}
.dfn {
	border-bottom: 2px dotted;
	color: #202020;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
	line-height: 1.5;
}
.dfn:active + .tooltip,
.dfn:focus + .tooltip,
.dfn:hover + .tooltip {
	display: block;
	left: 50%;
	white-space: normal;
	background: #fff;
	line-height: 1.5;
	font-size: 17px;
}
.workers-annotation .dfn:active + .tooltip,
.workers-annotation .dfn:focus + .tooltip,
.workers-annotation .dfn:hover + .tooltip {
	bottom: auto;
	top: -160px;
}
.relative {position: relative;}

/*Flexbox*/
.flex {
	display: inline-block;
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.col {
	display: inline-block;
	float: left;
}
.float-r {
	float: right;
}
.align-r {
	text-align: right;
}
.col-s {
	width: 40%;
}
.col-l {
	width: 52%
}






/*Conditions*/
.conditions {
	text-align: left;
}
.conditions::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	background-color: #add8e6;
	background-image: linear-gradient(to right, darkgreen, lightgreen, yellow, orange);
}

.conditions li {
	position: relative;
	width: 20%;
	line-height: 1.5;
}
.conditions li::before {
	content:'';
	position: absolute;
	top: -4px;
	width: 2px;
	height: 9px;
	background-color: #d9dee1;
}
.conditions li:nth-child(1)::before{
	background-color: #026602;
}
.conditions li:nth-child(2)::before{
	background-color: #56b656;
}
.conditions li:nth-child(3)::before{
	background-color: #a5f175;
}
.conditions li:nth-child(4)::before{
	background-color: #ebfc1b;
}
.conditions li:nth-child(5)::before{
	background-color: #ffda00;
}
.conditions li:nth-child(5)::after{
	content:'';
	position: absolute;
	right: 0px;
	top: -4px;
	width: 2px;
	height: 9px;
	background-color: orange;
}
.condition-title {
	padding: 8px;
	position: absolute;
	z-index: 10;
}
.condition-img {
	width: 60%;
	margin-top: 40px;
	position: relative;
}
.condition-w-filter::after {
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 16px;
	background-position: top;
	background-repeat: repeat-x;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
	border-radius: 16px;
}
.condition-img img {
	box-shadow: 0 0 12px #ddd;
	border-radius: 16px;
	box-shadow: 0 20px 80px 0px rgba(0, 0, 0, 0.05), 0 30px 60px 0 rgba(0, 0, 0, 0.15);
}

/*Tabs*/
.tab {
	color: #00e;
	border-bottom: 1px dotted;
	cursor: pointer;
	white-space: nowrap;
}
.tab.active {
	color: #202020;
	border-bottom-color: transparent;
	cursor: default;
}
.tab-content {display: none;}
.tab-content.active {display: block;}
.tab-content.active.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.split {padding: 0 8px;}


/*Tags*/
.tags-title {
	font: 24px/34px 'Futura Book';
	display: inline-block;
	margin: 0 32px 32px 0;
}
.tag, .pagination {
	position: relative;
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid #d9dee1;
	color: #202020;
	border-radius: 8px;
	margin-right: 16px;
	margin-bottom: 16px;
	-webkit-transition: all .2s ease-in-out,-webkit-filter .2s ease-in-out;
	transition: all .2s ease-in-out,-webkit-filter .2s ease-in-out;
}
.tag:last-child {margin-right:0;}
.pagination {
	display: block;
	padding: 16px 32px;
	text-align: center;
	width: 50%;
	margin: 32px auto 0;
}
.tag:hover,
.pagination:hover {
	border-color: #3b4256;
}
.onechoice input:checked + label,
.tags input:checked + label,
.tag.active,
.tag:active,
.pagination:active  {
	background: #3b4256;
	border-color: transparent;
	color: #f4f7fb;
}
.onechoice input:checked + label,
.tags input:checked + label,
.tag.active {
	padding-left: 8px;
	padding-right: 24px;
}
.onechoice input:checked + label::after,
.tags input:checked + label::after,
.tag.active::after {
	content: 'x';
	color: #f4f7fb;
	display: inline-block;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	text-align: center;
	line-height: 8px;
	font-size: 12px;
	font-family: 'Futura book';
	position: absolute;
	right: 8px;
	top: 12px;
}
.tags input:checked:hover + label::after,
.tag.active:hover::after {
	background: #f4f7fb;
	color: #3b4256;
}
.onechoice input:checked + label,
.onechoice .tag.active {
	padding-left: 21px;
	padding-right: 11px;
}
.onechoice input:checked + label::after,
.onechoice .tag.active::after {
	content: '•';
	right: initial;
	left: 4px;
	font-size: 16px;
	line-height: 34px;
	top: 0;
	border: 0;
	background: transparent !important;
	color: #f4f7fb !important;
}
.tags input {display:none;}

/*Stars*/
.stars {
	margin-top: 16px;
	margin-bottom: 24px;
}
.star {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
}
.star svg {
	height: 100%;
	width: 100%;
	fill: #a7a9ac;
}
.stars-wrapper:hover .star svg {
	fill: #ff3c00;
}
.stars-wrapper:hover .reviews-chart div {
	border-color: #ff3c00;
	background-color: #ff3c00;
}

.redstar {
	background-image: url(../images/svg/redstar.svg);
}
.blackstar {
	background-image: url(../images/svg/blackstar.svg);
}
time {
	text-transform: capitalize;
	font-size: 14px;
	line-height: 16px;
	color: #747e89;
	display: inline-block;
	margin-left: 4px;
}

/*Video YouTube*/
.video-preview {
	position:relative;
	height: 100%;
	background: #000 url(../images/preloader--round.gif) no-repeat center;
}
.video-preview::before {
	content: '';
	width: 100%;
	height: 48px;
	padding-bottom: 50px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background-position: top;
	background-repeat: repeat-x;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
}
.video-preview h3 {
	position: absolute;
	text-shadow: 0 0 2px rgba(0,0,0,.5);
	color: #f4f7fb;
	font-size: 19px;
	font-family: 'AvenirNextCyr';
	left: 0;
	right: 0px;
	top: 0;
	line-height: 1;
	padding: 16px;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 20;
}
.video-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 68px;
	height: 48px;
	margin-left: -34px;
	margin-top: -24px;
	-moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
	-webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
	transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
	z-index: 30;
}
.video-btn svg {
	height: 100%;
	width: 100%;
	-moz-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
	-webkit-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
	transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
	fill: #212121;
	fill-opacity: .8;
}
.video-controls:hover .video-btn svg {
	-moz-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
	-webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
	transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
	fill: #f00;
	fill-opacity: 1;
}
.video-controls{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: 40;
	cursor: pointer;
}

.video-container {
	position:relative;
	height:0;
	padding-bottom:56.25%;
	background: url(../images/preloader--round.gif) no-repeat center;
}
.video-container iframe {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
}


/*Reviews*/
.reviews-stats {
	padding: 24px 0;
	border-radius: 8px;
	margin: 64px 0 0;
	box-shadow: 0 20px 200px rgba(0,0,0,.05);
	background: #fcfcfc;
}
.reviews-avg {
	font-family: 'Futura Book';
	font-size: 56px;
	line-height: 1;
}
.reviews-avg span,
.review-icon {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 0;
}

.reviews-stats .col {
	width: 33%;
	text-align: center;
	border-right: 1px solid #d9dee1;
	padding: 16px 0;
}
.reviews-stats .col:last-of-type {border:0;}

.reviews-stats .stars {
	margin: 0 0 16px;
}

.stars-wrapper {
	display: inline-block;
}
.reviews-chart {
	height: 40px;
	position: relative;
	margin-bottom: 4px;
}
.reviews-chart div {
	width: 16px;
	border: 1px solid #3b4256;
	height: 3px;
	border-radius: 2px;
	min-height: 3px;
	max-height: 40px;
	position: absolute;
	bottom: 0;
}
.reviews-data, .tooltip {
	font-family: 'Futura Book';
	display: none;
	position: absolute;
	bottom: 24px;
	left: -96px;
	font-size: 17px;
	line-height: 28px;
	padding: 16px;
	cursor: pointer;
	min-width: 200px;
	background: #fff;
	background: rgba(255,255,255,.95);
	box-shadow: 0 20px 40px 0px rgba(0, 0, 0, 0.05), 0 30px 80px 0 rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	z-index: 10;
	white-space: nowrap;
	color: #202020 !important;
}
.reviews-data::before, .tooltip::before {content: attr(data-title);}
.tooltip {bottom: 56px;left:16px; pointer-events: none;}
.stars-wrapper:focus .reviews-data,
.stars-wrapper:hover .reviews-data,
.stars-wrapper:active .reviews-data,
.reviews-avg:focus .tooltip,
.reviews-avg:active .tooltip,
.reviews-avg:hover .tooltip {
	display:block;
}
.first-line {height: 62.5px;position:relative;margin-bottom: 16px;}

.review-icon::before {
	content: '';
	background: url('../images/svg/add-review.svg') no-repeat;
	width: 48px;
	height: 48px;
	display: block;
	margin: 0 auto;
	transition: .4s ease;
}
.add-review {color: #3b4256;}
.add-review::before {
	content: '';
	position: absolute;
	width: 33%;
	right: 0;
	top: 0;
	bottom: 0;
}
.new-review:hover .review-icon::before {
	transform: rotate(16deg);
	padding-right: 16px;
	width: 56px;
	height: 56px;
}

.review-text p {
	max-height: 240px;
	overflow: hidden;
}
blockquote {padding: 64px 0;border-bottom: 1px solid #d9dee1;}
blockquote:last-of-type {border: 0;}
.hidden-review {position: relative;}
.hidden-review::after {
	content: '';
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background: -webkit-linear-gradient(bottom,#f4f7fb 17%,rgba(237,240,240,0) 100%);
	cursor: pointer;
}

.hidden-review .small-text {padding-bottom: 1em;}
.hidden-review.review-text p {
	max-height: 152px;
}
.readmore {
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.readmore::before {
	content: 'РАЗВЕРНУТЬ';
	font-family: 'AvenirNextCyr-Demi';
	font-size: 14px;
	letter-spacing: .3px;
	color: #747e89;
}
.readmore::after {
	content: '';
	background-image: url('../images/svg/down-arrow.svg');
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 16px;
	top: 1px;
	position: relative;
	transition: transform .4s ease;
}
.hidden-review:hover .readmore::after {
	transform: rotate(180deg);
}


/*Brands*/
.brand {
	font-size: 17px;
	line-height: 28px;
	display: block;
	padding: 16px;
	cursor: pointer;
	white-space: nowrap;
	float: left;
	display: flex;
	width: 32%;
	min-width: 136px;
}
#russian-cars .brand {
	max-width: 200px;
	cursor: default !important;
}
#foreign-cars .brand:hover, .brand.active {
	background: #fff;
	box-shadow: 0 20px 40px 0px rgba(0, 0, 0, 0.05), 0 30px 80px 0 rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	font-weight: 600;
}
.brand-img {
	display: inline-block;
	vertical-align: middle;
	min-width: 28px;
	width: 28px;
	height: 28px;
	margin-right: 16px;
	opacity: .5;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
	-webkit-transition: opacity .2s ease-in-out,-webkit-filter .2s ease-in-out;
	transition: opacity .2s ease-in-out,-webkit-filter .2s ease-in-out;
	transition: opacity .2s ease-in-out,filter .2s ease-in-out;
	transition: opacity .2s ease-in-out,filter .2s ease-in-out,-webkit-filter .2s ease-in-out;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.brand:hover .brand-img,
.brand.active .brand-img {
	opacity: 1;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.brand-title {
	line-height: 28px;
	display: inline-block;
	vertical-align: middle;
}

.js-cars figure {
	background: url(../images/preloader--round.gif) no-repeat top left;
	position: relative;
}

.figure-price {
	position: absolute;
	display: block;
	text-align: center;
	left: 0;
	top: 50%;
	width: 100%;
	margin: -32px 0 0;
	line-height: 1;
}

.figure-price span {
	font-family: 'Futura Bold';
	font-size: 56px;
	color: #fff;
	text-shadow: 1px 1px #202020;
}

.Audi {
	background-image: url('../images/brands/Audi.jpg');
}
.BMW {
	background-image: url('../images/brands/BMW.jpg');
}
.Chevrolet {
	background-image: url('../images/brands/Chevrolet.jpg');
}
.Citroen {
	background-image: url('../images/brands/Citroen.jpg');
}
.Nissan {
	background-image: url('../images/brands/Nissan.jpg');
}
.Toyota {
	background-image: url('../images/brands/Toyota.jpg');
}
.Fiat {
	background-image: url('../images/brands/Fiat.jpg');
}
.Ford {
	background-image: url('../images/brands/Ford.jpg');
}
.Honda {
	background-image: url('../images/brands/Honda.jpg');
}
.Hyundai {
	background-image: url('../images/brands/Hyundai.jpg');
}
.Opel{
	background-image: url('../images/brands/Opel.jpg');
}
.Skoda {
	background-image: url('../images/brands/Skoda.jpg');
}
.Kia {
	background-image: url('../images/brands/Kia.jpg');
}
.Mazda {
	background-image: url('../images/brands/Mazda.jpg');
}
.Mercedes {
	background-image: url('../images/brands/Mercedes.jpg');
}
.Mitsubishi {
	background-image: url('../images/brands/Mitsubishi.jpg');
}
.Peugeot {
	background-image: url('../images/brands/Peugeot.jpg');
}
.Renault {
	background-image: url('../images/brands/Renault.jpg');
}



.LADA {
	background-image: url('../images/brands/LADA.jpg');
}
.UAZ {
	background-image: url('../images/brands/UAZ.jpg');
}
.Avtokam {
	background-image: url('../images/brands/Avtokam.jpg');
}
.GAZ {
	background-image: url('../images/brands/GAZ.jpg');
}
.IZH {
	background-image: url('../images/brands/IZH.jpg');
}
.LuAZ {
	background-image: url('../images/brands/LuAZ.jpg');
}
.Moskvich {
	background-image: url('../images/brands/Moskvich.jpg');
}
.TagAZ {
	background-image: url('../images/brands/TagAZ.jpg');
}

.discount {
  font-family: 'Futura Book';
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 32px;
  width: 100%;
  text-align: left;
  list-style: disc inside;
}
.discount > li > div {
  font-family: 'AvenirNextCyr', -apple-system, BlinkMacSystemFont, "segoe ui", "helvetica neue", helvetica, ubuntu, roboto, noto, arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

/*Configurator*/
.afj {
	padding: 40px;
	border-radius: 8px;
	box-shadow: 0 20px 200px rgba(0,0,0,.08);
	background: #fcfcfc;
	margin-top: -40px;
}
.afj input {
	display: none;
}
.afj .flipcard:first-of-type .btn {
	margin: 32px 0;

}
.afj-configurator{
	padding: 24px 0;
}
.afj-conditions {
	margin: 0 auto;
	width: 100%;
}
.afj-condition {
	width: 20%;
	text-align: center;
	color: #aaa;
	cursor: pointer;
	display: inline-block;
	margin-left: 24px;
}
.afj-condition:first-of-type {
	margin-left: 0;
}
.afj-condition:hover {
	color: #202020;
}
.afj-conditions input:checked + .afj-condition label {
	color: #202020;
	cursor: default;
}
.afj-condition .flex-img {
	padding: 0 0 16px;
	display: inline-block;
}
.afj-condition .flex-img img {
	border-radius: 8px;
	opacity: .4;
}
.afj-conditions input:checked + .afj-condition img,
.afj-condition:hover img {
	opacity: 1;
	box-shadow: 0 4px 16px 0 rgba(0,0,0,.1);
}
.afj-conditions input:checked:hover + .afj-condition img {
	cursor: default;
}
.afj-structure .relative  {
	float: left;
	cursor: pointer;
}
.afj-structure .dfn {
	line-height: 32px;
	text-decoration: none;
	border: none;
}
.ui-slider {
	position: relative;
	margin: 32px 36px 32px 23%;
	height: 32px;
	z-index: 1;
}
.ui-slider::after {
	content: '';
	background: #d9dee1 center;
	width: 100%;
	height: 2px;
	position: absolute;
	padding: 0 36px;
	left: -36px;
	top: 50%;
}
.ui-slider-range {
	position: absolute;
	height: 32px;
	z-index: 2;
}
.ui-slider-range::before {
	content: '';
	background: #00e center;
	width: 100%;
	height: 2px;
	position: absolute;
	left: -36px;
	top: 50%;
}
.ui-slider-handle {
	position: absolute;
	z-index: 3;
	margin-left: -36px;
	width: 72px;
	height: 32px;
	padding-right: 36px;
	box-shadow: 0 3px 12px 0 rgba(0,0,0,.1);
	border-radius: 8px;
	line-height: 32px;
	cursor: default;
	background: #fff;
	font-family: 'Futura Book';
	text-align: center;
	font-size: 18px;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider-handle::after {
	content: 'г/кг';
	position: absolute;
}

.afj-structure abbr:hover {
	color: #202020;
}

.afj-materials {
	margin-bottom: 24px;
}
.material-label {
	display: none;
	color: #202020;
	cursor: pointer;
	position: relative;
	text-align: left;
}
.material-label span {
	color: #888;
	font-size: 16px;
	margin-top: 4px;
	display: block;
}
#id_calculator-materials_0:checked ~ .material-labels .id-metal,
#id_calculator-materials_1:checked ~ .material-labels .id-ceramic,
#id_calculator-materials_2:checked ~ .material-labels .id-DPF {
	display: block;
}
.material-label:focus .tooltip,
.material-label:active .tooltip,
.material-label:hover .tooltip {
	display: block;
	white-space: normal;
	background: #fff;
}

.material-texture {
	display: inline-block;
	margin-left: 12px;
	cursor: pointer;
}
.material-texture:first-of-type {
	margin-left: 0;
}
.material-texture::before {
	content: '';
	width: 32px;
	height: 32px;
	display: block;
	border-radius: 50%;
	border: 1px solid transparent;
}
#id_calculator-materials_0:checked ~ .float-r .metal::before,
#id_calculator-materials_1:checked ~ .float-r .ceramic::before,
#id_calculator-materials_2:checked ~ .float-r .DPF::before{
	border: 1px solid #00e;
	width: 36px;
	height: 36px;
	margin: -2px;
}
.material-texture:hover::before {
	width: 36px;
	height: 36px;
	margin: -2px;
}
.material-texture.DPF::before {
	background-size: 48px;
	background-position: center;
}
.material-texture.metal::before {
	background: silver;
}
.material-texture.ceramic::before {
	background: burlywood;
}

.toggler {
	border: 1px solid #3b4256;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 3px 12px 0 rgba(0,0,0,.1);
}
#id_calculator-foreign_1:checked ~ .toggler .no,
#id_calculator-foreign_0:checked ~ .toggler .yes {
	background: #3b4256;
	color: #f4f7fb;
}
.toggler-label {
	color: #202020;
	position: relative;
	line-height: 34px;
	white-space: nowrap;
	cursor: pointer;
}
.toggler-label:focus .tooltip,
.toggler-label:active .tooltip,
.toggler-label:hover .tooltip {
	display: block;
	white-space: normal;
	background: #fff;
	width: 280px;
}
.toggler label {
	text-align: center;
	display: inline-block;
	padding: 8px 19px;
	background: transparent;
	color: #aaa;
	width: 50%;
}



/* label, .btn, button, a, .tag,.ui, header, footer */
header, .btn, a, img, .brand, .tabs-controls,.reviews-stats,.tags, .afj, .fform-helper, label {
	-webkit-touch-callout: none; 	/* iOS Safari */
	-webkit-user-select: none; 		/* Safari */
	-moz-user-select: none; 		/* Firefox */
	-ms-user-select: none; 		/* Internet Explorer, Edge */
	user-select: none;
}








/*Input*/
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

label {cursor:pointer;}

input, textarea {
	color: #3b4256;
	border: 1px solid #d9dee1;
	border-radius: 2px;
	font-size: 24px;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input:hover, textarea:hover {
	border-color: #c7ccd1;
}
input:focus, textarea:focus {
	border-color: #62b0ff;
}
.label-inside::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
}
.label-inside.failure::after {
	width: 15px;
	height: 15px;
	margin-top: -7.5px;
	background: url(../images/failure.png) no-repeat center;
}
.label-inside.success::after {
	width: 14px;
	height: 13px;
	margin-top: -7px;
	background: url(../images/success.png) no-repeat center;
}
.failure input, .failure textarea {
	border-color: #e53935;
	color: #3b4256;
	margin-bottom: 8px;
}
.success input, .success textarea {
	border-color: #71bc90;
	color: #3b4256;
}
input:invalid {cursor:pointer;}

/*Лейблы внутри инпута и textarea*/
.label-inside {
	position: relative;
	border-radius: 2px;
	margin-top: 24px;
	display: block;
	height: 56px;
}
.label-inside:first-of-type {margin:0;}
.label-inside input,textarea {
	position: relative;
	display: block;
	width: 100%;
	height: 56px;
	line-height: 1;
	padding: 22px 42px 7px 16px;
}
.label-inside input + label,
.label-inside input,textarea + label {
	position: absolute;
	top: 15px;
	left: 16px;
	white-space: nowrap;
	transition: all 0.2s ease-in-out;
	font-size: 24px;
	line-height: 24px;
	color: #747e89;
}
.label-inside input:hover + label,
.label-inside input,textarea:hover + label {
	color: #3b4256;
}
.label-inside input:valid + label,
.label-inside input:focus + label,
.label-inside input,textarea:valid + label,
.label-inside input,textarea:focus + label,
.label-inside.filled label {
	color: #747e89;
	font-size: 13px;
	position:absolute;
	top: 0;
	left: 0;
}
.label-inside input:focus + label{
	left: 12px;

}
.label-inside input[readonly],textarea[readonly] {
	color: transparent;
}
.label-inside input[readonly] + label,
.label-inside input[readonly],textarea[readonly] + label {
	color: #747e89;
}

/*Search*/
.label-inside .search-btn {
	margin: 0;
	height: 56px;
	line-height: 56px;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 2px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-error {
	color: red;
	display: block;
}

.label-inside.mb.input-filled::before {
    content: '+';
    position: absolute;
    z-index: 10;
    left: 16px;
    top: 50%;
    color: #3b4256;
    font-size: 18px !important;
}

.label-inside.mb.input-filled input {
    padding-left: 32px;
}

.fform .mb + .input-error, .modalform .input-error {
	margin-top: -25px;
	margin-bottom: 25px;
}

/*Feedback form*/
.fform {
	padding: 48px 64px 64px;
	border-radius: 8px;
	box-shadow: 0 20px 200px rgba(0,0,0,.08);
	background: #fcfcfc;
	margin: 0 auto;
	min-width: 530px;
}
.fform .mb {
	margin-bottom: 48px;
}
.fform-helper {
	margin-top: 16px;
}

/*Карточки-перевертыши*/
.flipbook-wrapper {
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}
.flipbook {
	-webkit-transition: -webkit-transform 1.5s;
	-moz-transition: -moz-transform 1.5s;
	transition: transform 1.5s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.flipbook.active {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
.flipcard {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flipcard:nth-of-type(2) {
	display: none;
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
.flipbook.active .flipcard:nth-of-type(2) {
	display: block;
}
.flipbook.active .flipcard:nth-of-type(1) {
	display: none;
}

.back-link {
	display: block;
	padding-bottom: 16px;
	cursor: pointer;
}

.social-item {
  	display: inline-block;
    padding: 0 15px;
}

.social-icon {
	width: 50px;
	height: 50px;
	opacity: .5;
	-webkit-background-size: 50px;
	background-size: 50px;
	background-repeat: no-repeat;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

.social-icon:hover {
	opacity: .8;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

.social-icon-vk {
	background-image: url("../images/icons/vk.svg");
}

.social-icon-insta {
	background-image: url("../images/icons/insta.svg");
}

[data-text]::after {
	content: attr(data-text);
}

#price-form {
	position: absolute;
	top: -100px;
}
.no-scroll {
	overflow-y: hidden;
	pointer-events: none;
}
.modalform {
	position: fixed; /* фиксированное положение */
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fcfcfc;
	z-index: 1050;
	margin: 0;
	padding: 0;
	max-width: 100%;
	overflow-y: auto;
	pointer-events: auto;
	cursor: pointer;
}
.modalform form {
	min-height: 100%;
	cursor: default;
}
.modalform .h3 {
	display: none;
}
.modalform .js-modalclose {
	cursor: pointer;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 16px;
	right: 32px;
	background: url('../images/svg/close.svg') no-repeat center;
	z-index: 200;
}

.formdescr {display: none;}
.modalform .formdescr {display: block;}

.mapmodal {
	overflow: hidden;
	background: #fcfcfc url(../images/preloader--round.gif) no-repeat center;
}
.mapmodal iframe {
	width: 100%;
	height: 100%;
}
.mapheader h3 {
	padding: 16px 32px;
	margin: 0;
	line-height: 1;
}


.title-bottom-disable{
	margin-bottom: 0;
}


.wrapper-top-disable{
	padding-top: 20px;
}


.date-input{}


/*Адаптив*/
@media (max-width:900px){
	.worker-photo {
		width: 160px;
		height: 160px;
	}
	.worker {
		margin: 0 20px 20px;
	}
	.sticky .logo {
		text-align: left !important;
	}
}



@media (max-width:800px){

	.col-l,
	.col-s {
		width: 100%;
	}
	.col-l + .col-s,
	.col-s + .col-l{
		margin-top: 64px;
	}

	#foreign-cars img {
		float: left;
		width: 50%;
		margin-right: 24px;
	}

	.wrapper {
		padding: 32px;
	}
	.figure-price {
		width: 50%;
		margin-top: -24px;
	}

	.figure-price span {
		font-size: 48px;
	}

}



@media (max-width:760px){

	.sticky nav a {
		display: none;
	}
	.sticky nav a.tel {
		display: block;
		padding-right: 32px;
	}
}


@media (max-width:600px){

	.material li{
		margin: 40px 0 0 32px;
	}

	.flex.conditions li:last-of-type .condition-title {
		display: none;
	}
	.fform {
		padding: 40px 16px;
		min-width: initial;
	}

	.figure-price {
		margin-top: -16px;
	}

	.figure-price span {
		font-size: 32px;
	}

	header::before {
		background: none;
	}
	header a.tel {
	    font-size: 25px;
	}

	header {
		text-align: center;
	}

}


@media (max-width:500px){
	.wrapper {
		padding: 24px;
	}
	.fform, .afj {
		padding: 40px 16px;
	}
	header .logo {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 64px;
	}
	h1 {
		font-size: 24px;
		line-height: 32px;
	}
	h2 {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 32px;
	}
	h3, .h3, .discount {
		font-size: 21px;
		line-height: 28px;
		margin-bottom: 28px;
	}
	header p, p, .small-text {
		font-size: 16px;
		line-height: 24px;
	}
	p,
	p:last-of-type {
		margin-bottom: 16px;
	}

	.profit {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 40px;
	}
	header .wrapper:last-of-type {
		display: none;
		position: absolute;
	}
	header .wrapper:first-of-type {
		display: block;
		position: relative;
		height: auto;
	}
	header::before,
	.bg-lines,
	header a.tel{
	    font-size: 25px;
	}
	header.sticky a.tel {
		display: block !important;
	}
	header .btn {margin-right: 0;}
	header .logo-icon {margin: 0;}
	header.sticky .logo-icon {margin: 0 8px;}
	header.sticky .wrapper:last-of-type {display: block;}
	body {text-align: center;}
	footer {text-align: left;}
	.btn {
		font-size: 18px !important;
		line-height: 56px !important;
		padding: 0 24px !important;
		height: 56px !important;
	}
	.brand {
		font-size: 14px;
		min-width: initial;
		overflow: hidden;
	}
	.brands,
	.brand {
		text-align: left;
	}
	.center .small-text.material {
		display: none;
	}
}

@media (max-width:421px) {
	.worker {
		margin: 0 0 16px !important;
		width: 100%;
	}
	.worker, .material li {
		margin-left: 0!important;
		width: 100%;
	}
	.label-inside input + label,
	input,
	textarea {
		font-size: 18px;
	}

	.reviews-stats .col {
		width: 50%;
	}

	.reviews-stats .col:first-of-type {
		display: none;
	}
	.worker-photo {

		width: 120px;
		height: 120px;

	}
	.mapheader h3 {
		text-align: left;
		padding-left: 8px;
		font-size: 16px;
	}
	.modalform .mapheader .js-modalclose {
		width: 16px;
		height: 16px;
		right: 8px;
	}

	.condition-title {
		padding: 8px 0;
		font-size: 14px;
	}
	.wrapper {
		padding: 24px 8px;
	}
	figcaption {
		text-align: left;
		font-size: 14px;

	}
	footer .align-r {
		text-align: left;
	}
	header.sticky a.tel {
		display: block !important;
		padding-right: 8px !important;
	}
}

@media (max-width:375px) {
	.wrapper {
		padding: 24px 4px;
	}
	.brand {
		font-size: 14px;
		padding: 4px;
		width: 50%;
	}

	.figure-price {
		margin-top: -32px;
	}
}
@media (max-width: 321px) {
	.sticky .fixed nav .tel::after {
		content: ' бесплатно';
		font-weight: 400;
	}
}

@media (min-width: 350px) and (max-width: 760px) {
	.sticky .fixed nav .tel::after {
		content: ' бесплатно по РФ';
		font-weight: 400;
	}
}

@media (min-width: 960px){
	.sticky .fixed nav .tel::after {
		content: ' звонок бесплатный';
		font-weight: 400;
	}
}