@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;700&display=swap');
@font-face {
	font-family: 'pfdintextcondpro-bold';
	src: url('../fonts/pfdintextcondpro-bold.eot');
	src: local('☺'), url('../fonts/pfdintextcondpro-bold.woff') format('woff'), url('../fonts/pfdintextcondpro-bold.ttf') format('truetype'), url('../fonts/pfdintextcondpro-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'pfdintextcondpro-light';
	src: url('../fonts/pfdintextcondpro-light.eot');
	src: local('☺'), url('../fonts/pfdintextcondpro-light.woff') format('woff'), url('../fonts/pfdintextcondpro-light.ttf') format('truetype'), url('../fonts/pfdintextcondpro-light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'Montserrat', sans-serif;
	background: #101011;
	color: #DBDBDB;
	font-size: 16px;
	line-height: 1.5;
}
a {
	color: #DBDBDB;
	text-decoration: none;
}
a:hover {
	color: inherit;
}
#page {
	max-width: 1368px;
	margin: 0 auto;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.block-title {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 56px;
	text-transform: uppercase;
	padding-bottom: 10px;
	line-height: 1.2;
}
.block-title span {
	color: #F1B857;
	font-weight: bold;
}
#header {
	width: 100%;
	background: #2B2B2A;
	backdrop-filter: blur(84px);
	padding: 20px 0px;
}
#header .row {
	align-items: center;
}
.navbar {
	padding: 0px;
}
.nav-link {
	padding: 0px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	transition: all 0.2s ease;
}
.nav-link:hover {
	color: #fff;
	opacity: 0.8;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding: 0px;
}
.navbar-nav .nav-item {
	margin-right: 24px;
}
.phone {
	text-align: right;
}
.phone a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
#intro {
	width: 100%;
	height: 950px;
	background: url(../images/header-bg.png) center bottom no-repeat;
	background-size: cover;
	padding-top: 53px;
}
.slogan {
	font-family: 'pfdintextcondpro-bold';
	font-size: 20px;
	color: #DBDBDB;
	opacity: 0.8;
	text-transform: uppercase;
}
h1 {
	font-family: 'pfdintextcondpro-light';
	font-weight: normal;
	margin: 0px;
	text-transform: uppercase;
	font-size: 53px;
	color: #fff;
	line-height: 1.3;
	padding: 20px 0px 5px 0px;
}
h1 span {
	color: #F1B857;
	font-family: 'pfdintextcondpro-bold';
}
#intro p {
	color: #DBDBDB;
	font-size: 20px;
	font-weight: 500;
	opacity: 0.8;
	margin-bottom: 35px;
}
.action {
	width: 100%;
	max-width: 732px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(84px);
	border-radius: 4px;
	margin-bottom: 35px;
}
.action span {
	display: block;
	padding: 18px 15px 18px 35px;
	font-size: 14px;
	color: #fff;
	border: 1px dashed #F1B857;
	width: 100%;
	border-radius: 4px 0px 0px 4px;
	border-right: 0px;
	text-align: left;
}
.action a {
	min-width: 246px;
	color: #414141 !important;
	padding: 18px 15px;
	text-align: center;
	font-family: 'pfdintextcondpro-bold';
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 86.61%, rgba(255, 255, 255, 0.7) 100%), linear-gradient(0deg, #F1B857, #F1B857);
	background-blend-mode: overlay, normal;
	border-radius: 4px;
	transition: all 0.2s ease;
}
.action a:hover {
	opacity: 0.8;
}
.intro-pic img {
	max-width: 100%;
	height: auto;
}
#about-1 {
	background: url(../images/car.png) center bottom no-repeat;
	padding-bottom: 600px;
	padding-top: 70px;
}
#about-1 .container {
	position: relative;
}
#about-1 .container:after {
	display: block;
	content: '';
	width: 512px;
	height: 512px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../images/zoom.png) right top no-repeat;
}
#about-1 p {
	position: relative;
	z-index: 10;
	max-width: 710px;
	font-size: 20px;
}
#about-1 .block-title {
	position: relative;
	z-index: 10;
}
#about-2 {
	width: 100%;
	background: url(../images/bg-1.png) center bottom no-repeat;
	height: 1150px;
}
.about-2-wrapper {
	padding: 150px 30px 0px 30px;
}
#about-2 p {
	font-size: 18px;
	margin-bottom: 30px;
}
#waranty {
	width: 100%;
	position: relative;
	margin-top: -322px;
	padding: 100px 0px;
}
#waranty:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	background: url(../images/bg-2.png) center center no-repeat;
	background-size: cover;
	filter: blur(250px);
}
#waranty:after {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 726px;
	background: url(../images/hands.png) center bottom no-repeat;
	content: '';
	display: block;
	z-index: 11;
	background-size: contain;
}
.waranty-wrapper {
	position: relative;
	z-index: 10;
	width: 100%;
	max-width: 732px;
	margin: 0 auto;
	background: linear-gradient(180deg, rgba(116, 116, 116, 0.2) 0%, rgba(116, 116, 116, 0) 100%);
	padding: 60px 15px 185px 185px;
	border:  3px solid rgba(56, 61, 65, 1);
}
.waranty-wrapper:after {
	display: block;
	content: '';
	position: absolute;
	top: 40px;
	left: 55px;
	background: url(../images/shield.png) left top no-repeat;
	background-size: contain;
	width: 263px;
	height: 263px;
}
.waranty-wrapper .block-title {
	position: relative;
	z-index: 10;
}
.waranty-wrapper .block-title span {
	color: #fff;
}
.waranty-wrapper p {
	position: relative;
	z-index: 10;
	max-width: 360px;
	font-size: 16px;
}
#waranty p img {
	max-width: 129px;
	height: auto;
	margin: 50px 0px 0px -50px;
}
#waranty-2 {
	width: 100%;
	background: url(../images/bg-1.png) center top no-repeat;
	height: 1599px;
	position: relative;
	z-index: 20;
	margin-top: -550px;
	padding: 600px 0px 100px 0px;
}
.waranty-2-wrapper {
	position: relative;
	background: url(../images/waranty-2-pic.png) right top no-repeat;
	background-size: 652px;
	padding: 0px 0px 0px 30px;
}
.waranty-2-wrapper .block-title {
	max-width: 428px;
	margin-bottom: 20px;
}
.waranty-2-wrapper p {
	max-width: 400px;
}
.revision {
	width: 519px;
	height: 72px;
	background: url(../images/revision-bg.png) right center no-repeat;
	background-size: cover;
	margin-top: 60px;
	padding: 10px 30px 10px 130px;
	position: relative;
}
.revision:after {
	display: block;
	content: '';
	background: url(../images/waranty-3-pic.png) left top no-repeat;
	width: 136px;
	height: 91px;
	background-size: contain;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#advantages {
	margin-top: -200px;
}
.preim {
	margin-top: 15px;
	height: 563px;
	border-radius: 8px;
}
.preim-pic img {
	max-width: 100%;
	height: auto;
	border-radius: 8px 8px 0px 0px;
}
.price-title,
.preim-title {
	font-size: 20px;
	font-weight: bold;
	padding: 0px 25px 10px 25px;
}
.price-text,
.preim-text {
	padding: 0px 25px 10px 25px;
	font-size: 16px;
	line-height: 1.4;
}
.price-title {
	min-height: 80px;
	margin-top: -20px;
}
.price-text {
	color: #DBDBDB;
	min-height: 90px;
}
.preim-1 {
	background: linear-gradient(154.7deg, rgba(57, 97, 210, 0.5) 0%, rgba(53, 142, 170, 0.5) 100%);
}
.preim-2 {
	background: linear-gradient(113.98deg, rgba(187, 62, 132, 0.5) 3.08%, rgba(73, 161, 203, 0.5) 96.51%);
}
.preim-3 {
	background: linear-gradient(329.46deg, rgba(27, 130, 205, 0.3) 0%, rgba(53, 170, 142, 0.3) 98.08%);
}
.preim-4 {
	background: linear-gradient(329.46deg, rgba(27, 205, 141, 0.4) 0%, rgba(53, 142, 170, 0.4) 98.08%);
}
.preim-5 {
	background: linear-gradient(154.7deg, rgba(87, 75, 158, 0.5) 0%, rgba(75, 118, 158, 0.5) 100%);
}
.preim-6 {
	background: linear-gradient(154.7deg, rgba(57, 97, 210, 0.4) 0%, rgba(53, 142, 170, 0.4) 100%);
}
#price,
#reviews {
	padding-top: 70px;
}
h2 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 40px;
	margin: 30px 0px 0px 0px;
}
.price-pic img {
	max-width: 100%;
	height: auto;
	border-radius: 4px 4px 0px 0px;
}
.price-item {
	border: 4px solid #F1B857;
	border-radius: 8px;
	margin-top: 15px;
	height: 475px;
}
.price-btn {
	padding: 0px 25px 10px 25px;
}
.price-btn a {
	width: 100%;
	display: block;
	color: #414141 !important;
	padding: 18px 15px;
	text-align: center;
	font-family: 'pfdintextcondpro-bold';
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 86.61%, rgba(255, 255, 255, 0.7) 100%), linear-gradient(0deg, #F1B857, #F1B857);
	background-blend-mode: overlay, normal;
	border-radius: 4px;
	transition: all 0.2s ease;
}
.price-btn a:hover {
	opacity: 0.8;
}
.d-flex .price-title {
	width: 33%;
	margin-top: 0px;
}
.d-flex .price-text {
	width: 66%;
}
.price-title span {
	display: block;
	font-size: 16px;
	color: #DBDBDB;
	font-weight: normal;
	padding-top: 20px;
}
.d-flex .price-text {
	padding-bottom: 35px;
}
#steps {
	padding-top: 70px;
}
#steps p {
	color: #DBDBDB;
	font-size: 32px;
}
#steps .col-md-6 {
	margin-top: 30px;
}
.step-item {
	background: #3A4251;
	border-radius: 8px;
	padding: 20px 24px;
	height: 100%;
	font-size: 15px;
	color: #DBDBDB;
}
.step-num {
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #F1B857;
	color: #000;
	font-size: 20px;
	margin-bottom: 10px;
}
#faq {
	padding-top: 70px;
}
#faq p {
	font-weight: 500;
	font-size: 32px;
}
.faq-item {
	border: 2px solid #F1B857;
	border-radius: 16px;
	height: 100%;
	padding: 20px 24px;
}
.faq-title {
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	padding-bottom: 10px;
}
.faq-answer {
	padding-bottom: 10px;
	font-size: 20px;
	color: #DBDBDB;
}
.faq-answer span {
	color: #F1B857;
	font-weight: bold;
}
.faq-text {
	font-size: 16px;
	color: #DBDBDB;
}
#individual {
	padding-top: 70px;
}
#individual .col-md-6 {
	margin-top: 30px;
}
#final {
	padding-top: 70px;
	position: relative;
	z-index: 10;
}
.final-pic img {
	max-width: 100%;
	height: auto;
	border-radius: 8px 8px 0px 0px;
}
#final .col-md-6 {
	margin-top: 30px;
}
.final {
	border-radius: 8px;
	color: rgba(255,255,255,0.8);
	font-size: 16px;
	height: 100%;
}
.final-1 {
	background: linear-gradient(154.7deg, rgba(57, 97, 210, 0.5) 0%, rgba(53, 142, 170, 0.5) 100%);
}
.final-2 {
	background: linear-gradient(113.98deg, rgba(187, 62, 132, 0.5) 3.08%, rgba(73, 161, 203, 0.5) 96.51%);
}
.final-3 {
	background: linear-gradient(329.46deg, rgba(27, 205, 141, 0.4) 0%, rgba(53, 142, 170, 0.4) 98.08%);
}
.final-4 {
	background: linear-gradient(154.7deg, rgba(87, 75, 158, 0.5) 0%, rgba(75, 118, 158, 0.5) 100%);
}
.final-text {
	padding: 0px 24px 10px 24px;
	margin-top: -15px;
}
#contact {
	width: 100%;
	background: url(../images/bg-1.png) center top no-repeat;
	height: 1400px;
	margin-top: -420px;
	padding-top: 650px;
}
.contact-wrapper {
	padding: 0px 100px;
}
#contact .block-title {
	padding-bottom: 20px;
}
.footer-phone {
	padding-top: 15px;
}
.footer-phone a {
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
.footer-vk a {
	color: #F1B857;
	text-decoration: none;
	font-size: 18px;
}
p.footer-vk {
	padding-bottom: 100px;
}