/* CSS Document */
.start_page {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:100vh;
}

.start_page.page_1 {
	background-image:url('/design/start_page_1.jpg');
}

.start_page.page_2 {
	background-image:url('/design/start_page_2.jpg');
}

.start_page.page_3 {
	background-image:url('/design/start_page_3.jpg');
}

.start_page.page_4 {
	background-image:url('/design/start_page_4.jpg');
}

.start_page .crop_box {
	position:fixed;
	right:0;
	top:0;
	width:50%;
	height:100vh;
	object-fit:cover;
	clip-path: polygon(30vh 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(30vh 0%, 100% 0%, 100% 100%, 0% 100%);
}

.start_page .header .left_content {
	width:calc(50% + 30vh - 40px);
}

.account_links li a.login {
	background-image:url('/design/icon_login_white.svg');
}

.account_links li a.registration {
	background-image:url('/design/icon_registration_white.svg');
}

.start_page .content {
	width:calc(50% + 15vh);
}

.start_page .content .inner h1 {
	font-size:76px;
	line-height:80px;
	font-weight:800;
	padding-bottom:30px;
}

.start_page .content .inner p {
	font-size:28px;
	line-height:42px;
	font-weight:300;
	padding-bottom:50px;
}

.start_page .content .inner .for_benefits {
	display:flex;
	justify-content:space-between;
	width:90%;
}

.start_page .content .inner .for_benefits .benefit_box {
	width:calc((100% - 120px) / 4);
	max-width:150px;
}

.start_page .content .inner .for_benefits .benefit_box img {
	width:100%;
	display:block;
	padding-bottom:20px;
	margin:auto;
}

.start_page .content .inner .for_benefits .benefit_box p {
	font-size:18px;
	line-height:26px;
	text-align:center;
}

.start_page .content .inner .for_benefits .benefit_box p strong {
	font-size:24px;
	font-weight:800;
	display:block;
}

.start_page .content .inner .for_contacts {
	display:flex;
	justify-content:space-between;
	width:100%;
	gap:20px;
	flex-wrap:wrap;
	justify-content:center;
}

.start_page .content .inner .for_contacts .contact_box {
	width:calc((100% - 40px) / 3);
}

.start_page .content .inner .for_contacts .contact_box p {
	font-size:17px;
	line-height:20px;
	padding-bottom:20px;
}

.start_page .content .inner .for_contacts .contact_box p a {
	color:#ffffff;
}

.start_page .content .inner .for_contacts .contact_box p strong {
	font-size:24px;
	font-weight:800;
	padding-bottom:5px;
	display:block;
}

.footer .arrows {
	float:right;
	position:relative;
	height:36px;
}

.footer .arrows .arrow {
	display:block;
	position:absolute;
	bottom:0;
	width:78px;
	height:78px;
	border:1px solid #ffffff;
	border-radius:40px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:30px auto;
}

.footer .arrows .arrow.left {
	background-image:url('/design/arrow_left.svg');
	right:100px;
}

.footer .arrows .arrow.right {
	background-image:url('/design/arrow_right.svg');
	right:0;
}

.footer ul.social {
	float:left;
	padding-left:10px;
}

.start_page .footer ul.social li a {
	background-color:rgba(255,255,255,0.1);
}

.start_page .footer ul.social li a.fb {
	background-image:url('/design/icon_fb_white.svg');
}

.start_page .footer ul.social li a.twitter {
	background-image:url('/design/icon_twitter_white.svg');
}

.start_page .footer ul.social li a.instagram {
	background-image:url('/design/icon_instagram_white.svg');
}

.start_page .content .inner .car_list {
	width:100%;
	display:flex;
	justify-content: space-between;
}

.start_page .content .inner .car_list .car_offer {
	max-width:200px;
	display:block;
	aspect-ratio : 1 / 1;
	object-fit:cover;
	border-radius:4px;
}

.start_page .content .inner .car_list .login_info {
	background:#ffffff;
	text-align:center;
	display:flex;
	border-radius:4px;
	max-width:180px;
	aspect-ratio : 1 / 1;
	align-items:center;
	flex-wrap:wrap;
	padding:10px;
	align-content:center;
}

.start_page .content .inner .car_list .login_info h3 {
	font-weight:800;
	font-size:20px;
	line-height:24px;
	color:#000000;
	width:100%;
	padding-bottom:10px;
}

.start_page .content .inner .car_list .login_info a {
	font-weight:900;
	font-size:18px;
	line-height:20px;
	display:block;
	width:100%;
}

.start_page .content .inner .car_list .login_info a.login {
	color:#AE8F48;
}

.start_page .content .inner .car_list .login_info a.registration {
	color:#002949;
}

.start_page .content .inner .car_list .login_info span {
	display:block;
	color:#000000;
	font-size:12px;
	display:block;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}